/* =========================================
SEARCH WRAP
========================================= */
.beatify-search-wrap{
    position:relative;
    width:100%;
    max-width:1000px;
    margin:15px auto;
    z-index:100 !important;
}

/* =========================================
RESULTS
========================================= */
.beatify-results{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    width:100%;
    display:block;
    box-sizing:border-box;
    max-height:0;
    overflow:hidden;
    padding:0 10px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px) scale(.985);
    transform-origin:top center;
    background:rgba(0,0,0,.97);
    border-radius:24px;
    box-shadow:0 20px 60px rgba(0,0,0,.75);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    z-index:999999 !important;
    will-change:opacity,transform,max-height;
    transition:
        opacity .22s ease,
        transform .26s cubic-bezier(.22,.8,.26,1),
        max-height .32s cubic-bezier(.22,.8,.26,1),
        padding .22s ease,
        visibility 0s linear .32s;
}
.beatify-results.is-visible{
    max-height:520px;
    padding:10px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
    overflow-y:auto;
    transition-delay:0s;
}

/* =========================================
BORDER / SEARCH BOX
========================================= */
.beatify-search-wrap::before{
    content:'';
    position:absolute;
    inset:-2px;
    border-radius:22px;
    background:#EF4242;
    z-index:-1;
}

.beatify-search-box{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:22px;
    background:#000;
}

.beatify-search-icon{color:#fff;font-size:17px}
.beatify-search-input{
    width:100%;
    background:none !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
}
.beatify-search-input::placeholder{color:rgba(255,255,255,.45)}
.beatify-search-loader{
    display:none;
    width:16px;
    height:16px;
    min-width:16px;
    border:2px solid rgba(255,255,255,.25);
    border-top-color:#fff;
    border-radius:50%;
    animation:beatifySearchSpin .7s linear infinite;
}
@keyframes beatifySearchSpin{to{transform:rotate(360deg)}}

/* =========================================
RESULT ITEM
========================================= */
.beatify-item{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    min-height:100px;
    padding:14px;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:10px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    transition:transform .35s ease,box-shadow .35s ease,filter .35s ease;
}
.beatify-item:last-child{margin-bottom:0}
.beatify-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.84) 46%,rgba(0,0,0,.58) 72%,rgba(0,0,0,.91) 100%);
    z-index:0;
    transition:.35s ease;
}
.beatify-item>*{position:relative;z-index:2}
.beatify-item:hover{
    transform:translateY(-3px) scale(1.008);
    box-shadow:0 10px 35px rgba(0,0,0,.45);
    filter:brightness(1.06);
}
.beatify-item:hover::before{
    background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.75) 46%,rgba(0,0,0,.36) 72%,rgba(0,0,0,.82) 100%);
}

/* =========================================
RIBBON
========================================= */
.beatify-ribbon{
    position:absolute;
    top:10px;
    left:-42px;
    width:110px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:rotate(-45deg);
    z-index:30;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.2px;
    text-transform:uppercase;
    color:#fff;
}
.beatify-ribbon.sold{background:#ff2d2d}
.beatify-ribbon.sale{background:#00c853}

/* =========================================
COVER + NETFLIX PLAY
========================================= */
.beatify-cover{
    position:relative;
    width:76px;
    height:76px;
    min-width:76px;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.45);
}
.beatify-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease,filter .35s ease;
}
.beatify-item:hover .beatify-cover img{
    transform:scale(1.07);
    filter:brightness(.72);
}
.beatify-play{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:42px;
    height:42px;
    min-width:42px;
    padding:0;
    border:2px solid rgba(255,255,255,.9);
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:20;
    cursor:pointer;
    box-shadow:0 5px 18px rgba(0,0,0,.5);
    transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.beatify-play:hover{
    transform:translate(-50%,-50%) scale(1.12);
    background:#f2f2f2;
    box-shadow:0 8px 24px rgba(0,0,0,.6);
}
.beatify-play-symbol{
    display:block;
    width:0;
    height:0;
    margin-left:3px;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-left:11px solid #111;
}
.beatify-play.playing .beatify-play-symbol{
    width:12px;
    height:14px;
    margin-left:0;
    border:0;
    background:linear-gradient(90deg,#111 0 4px,transparent 4px 8px,#111 8px 12px);
}
.beatify-play.playing{animation:beatifyPulse 1.3s infinite}
@keyframes beatifyPulse{
    0%{box-shadow:0 0 0 0 rgba(255,255,255,.35),0 5px 18px rgba(0,0,0,.5)}
    70%{box-shadow:0 0 0 13px rgba(255,255,255,0),0 5px 18px rgba(0,0,0,.5)}
    100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 5px 18px rgba(0,0,0,.5)}
}

/* =========================================
CLEAN TITLE + PRICE
========================================= */
.beatify-info{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
}
.beatify-title-link{text-decoration:none !important}
.beatify-title{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    font-size:15px;
    font-weight:900;
    line-height:1.25;
    letter-spacing:.5px;
    text-transform:uppercase;
    margin:0;
}
.beatify-price{
    color:#fff;
    font-size:16px;
    font-weight:800;
    letter-spacing:-.4px;
    margin-top:9px;
}
.beatify-price del{opacity:.45;margin-right:6px}
.beatify-price ins{color:#ff3b3b !important;text-decoration:none !important}

/* =========================================
BUY NOW — ONLY CONTROL ON THE RIGHT
========================================= */
.beatify-bottom{
    flex:0 0 auto;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding-left:8px;
}
.beatify-buy{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:112px;
    height:42px;
    padding:0 22px;
    border-radius:999px;
    background:#fff;
    color:#000 !important;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.6px;
    text-transform:uppercase;
    text-decoration:none !important;
    white-space:nowrap;
    transition:transform .25s ease,background .25s ease,opacity .25s ease;
}
.beatify-buy:hover{transform:scale(1.04);background:#f2f2f2}
.beatify-buy.is-adding{pointer-events:none;opacity:.65}
.beatify-buy.is-added{background:#e9e9e9}

.beatify-empty{color:#888;text-align:center;padding:20px}

@media(max-width:767px){
    .beatify-results{border-radius:18px;padding:8px}
    .beatify-item{gap:10px;min-height:82px;padding:10px;border-radius:16px}
    .beatify-cover{width:62px;height:62px;min-width:62px;border-radius:11px}
    .beatify-play{width:36px;height:36px;min-width:36px}
    .beatify-title{font-size:12px}
    .beatify-price{font-size:13px;margin-top:6px}
    .beatify-buy{min-width:90px;height:36px;padding:0 12px;font-size:8px;letter-spacing:1px}
}

@media(max-width:480px){
    .beatify-item{gap:8px}
    .beatify-cover{width:56px;height:56px;min-width:56px}
    .beatify-title{font-size:11px}
    .beatify-price{font-size:12px}
    .beatify-buy{min-width:76px;height:34px;padding:0 9px;font-size:7px;letter-spacing:.7px}
}

/* =========================================
GRID SYNC / CLEAR / SEARCH PAGINATION
========================================= */
.beatify-search-clear{
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    min-width:28px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
}
.beatify-search-clear[hidden]{display:none !important}
.beatify-search-clear:hover{background:rgba(255,255,255,.18)}

.beatify-grid-search-status{
    min-height:18px;
    margin:8px 8px 0;
    color:rgba(255,255,255,.55);
    font-size:11px;
    font-weight:700;
    letter-spacing:.6px;
}
.beatify-grid-search-status:empty{display:none}

/* Esconde somente a paginação nativa enquanto a pesquisa está ativa. */
.beatify-grid-search-active [data-beatify-hidden="1"]{
    display:none !important;
}

ul.products.beatify-grid-search-results{
    height:auto !important;
}
ul.products.beatify-grid-search-results > li.product{
    opacity:1 !important;
    visibility:visible !important;
}

.beatify-grid-search-empty{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    list-style:none !important;
    padding:35px 20px !important;
    text-align:center;
    color:rgba(255,255,255,.65);
    background:rgba(255,255,255,.03);
    border-radius:16px;
}

.beatify-grid-search-pagination{
    display:none;
    width:100%;
    margin:26px 0 8px;
}
.beatify-search-pages{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
}
.beatify-search-pages button{
    width:38px;
    height:38px;
    padding:0;
    border:1px solid rgba(255,255,255,.20);
    border-radius:50%;
    background:#111;
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    transition:.2s ease;
}
.beatify-search-pages button:hover,
.beatify-search-pages button.is-current{
    border-color:#EF4242;
    background:#EF4242;
}
.beatify-search-pages span{color:rgba(255,255,255,.45)}

/* =========================================
V2.3 — PLAY COMPACTO / DESCRIÇÃO LIMPA / BUY NOW
========================================= */
.beatify-cover > button.beatify-play{
    position:absolute !important;
    top:50% !important;
    right:auto !important;
    bottom:auto !important;
    left:50% !important;
    transform:translate(-50%,-50%) !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    aspect-ratio:1 / 1 !important;
    margin:0 !important;
    padding:0 !important;
    border:1.5px solid rgba(255,255,255,.95) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.94) !important;
    color:#111 !important;
    line-height:1 !important;
    font-size:0 !important;
    box-sizing:border-box !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    overflow:hidden !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:9999 !important;
    pointer-events:auto !important;
    box-shadow:0 4px 14px rgba(0,0,0,.55) !important;
}

.beatify-cover > button.beatify-play::before,
.beatify-cover > button.beatify-play::after{
    content:none !important;
    display:none !important;
}

.beatify-cover > button.beatify-play:hover,
.beatify-cover > button.beatify-play:focus{
    transform:translate(-50%,-50%) scale(1.10) !important;
    background:#fff !important;
}

.beatify-cover > button.beatify-play .beatify-play-symbol{
    width:0 !important;
    height:0 !important;
    margin:0 0 0 2px !important;
    border-top:5px solid transparent !important;
    border-bottom:5px solid transparent !important;
    border-left:8px solid #111 !important;
    background:none !important;
}

.beatify-cover > button.beatify-play.playing .beatify-play-symbol{
    width:9px !important;
    height:10px !important;
    margin:0 !important;
    border:0 !important;
    background:linear-gradient(90deg,#111 0 3px,transparent 3px 6px,#111 6px 9px) !important;
}

.beatify-track-description{
    display:block;
    max-width:100%;
    margin-top:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(255,255,255,.56);
    font-size:9px;
    font-weight:750;
    line-height:1.45;
    letter-spacing:1.15px;
    text-transform:uppercase;
}

.beatify-title-link:hover .beatify-track-description{
    color:rgba(255,255,255,.72);
}

.beatify-buy.is-disabled,
.beatify-grid-buy.is-disabled{
    pointer-events:none !important;
    opacity:.55 !important;
}

/* O WooCommerce não pode inserir VIEW CART ao lado do botão. */
.beatify-search-wrap a.added_to_cart,
.beatify-search-wrap a.wc-forward.added_to_cart,
ul.products.beatify-grid-search-results a.added_to_cart,
ul.products.beatify-grid-search-results a.wc-forward.added_to_cart{
    display:none !important;
}

/* O texto permanece BUY NOW mesmo durante a requisição. */
.beatify-buy.is-adding,
.beatify-grid-buy.is-adding{
    pointer-events:none !important;
    opacity:.72 !important;
}

.beatify-buy.is-adding::before,
.beatify-grid-buy.is-adding::before{
    content:'';
    width:10px;
    height:10px;
    margin-right:7px;
    border:2px solid rgba(0,0,0,.22);
    border-top-color:#000;
    border-radius:50%;
    animation:beatifySearchSpin .65s linear infinite;
}

/* Grid atualizado: somente BUY NOW no hover, sem olho/link/View cart. */
ul.products.beatify-grid-search-results .icons-wrap.beatify-only-buy{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
}

ul.products.beatify-grid-search-results .icons-wrap.beatify-only-buy > li{
    width:auto !important;
    height:auto !important;
    margin:0 !important;
}

ul.products.beatify-grid-search-results .icons-wrap.beatify-only-buy .beatify-grid-buy{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:112px !important;
    max-width:none !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 20px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#fff !important;
    color:#000 !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:1.25px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    white-space:nowrap !important;
}

.beatify-grid-description{
    margin-top:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(255,255,255,.48);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
    text-transform:uppercase;
}

@media(max-width:767px){
    .beatify-cover > button.beatify-play{
        width:25px !important;
        height:25px !important;
        min-width:25px !important;
        min-height:25px !important;
        max-width:25px !important;
        max-height:25px !important;
    }

    .beatify-cover > button.beatify-play .beatify-play-symbol{
        border-top-width:4px !important;
        border-bottom-width:4px !important;
        border-left-width:7px !important;
    }

    .beatify-track-description{
        margin-top:3px;
        font-size:7px;
        letter-spacing:.75px;
    }
}

/* =========================================
V2.3.2 — PLAYER RESPONSIVO / ESTADO REAL
========================================= */
.beatify-cover > button.beatify-play.is-loading .beatify-play-symbol{
    width:11px !important;
    height:11px !important;
    margin:0 !important;
    border:2px solid rgba(17,17,17,.24) !important;
    border-top-color:#111 !important;
    border-radius:50% !important;
    background:none !important;
    animation:beatifyPlayerSpin .65s linear infinite !important;
}

.beatify-cover > button.beatify-play.is-loading{
    cursor:progress !important;
    animation:none !important;
}

.beatify-cover > button.beatify-play.is-error{
    animation:beatifyPlayerError .28s ease 0s 2 !important;
}

@keyframes beatifyPlayerSpin{
    to{transform:rotate(360deg)}
}

@keyframes beatifyPlayerError{
    0%,100%{transform:translate(-50%,-50%)}
    35%{transform:translate(calc(-50% - 2px),-50%)}
    70%{transform:translate(calc(-50% + 2px),-50%)}
}


/* =========================================
V2.3.3 — TRANSIÇÃO SUAVE + SINCRONIZAÇÃO DO GRID
========================================= */
.beatify-results .beatify-item{
    opacity:0;
    transform:translateY(-8px) scale(.992);
}
.beatify-results.is-visible .beatify-item{
    animation:beatifyResultReveal .30s cubic-bezier(.22,.8,.26,1) both;
}
.beatify-results.is-visible .beatify-item:nth-child(2){animation-delay:.025s}
.beatify-results.is-visible .beatify-item:nth-child(3){animation-delay:.05s}
.beatify-results.is-visible .beatify-item:nth-child(4){animation-delay:.075s}
.beatify-results.is-visible .beatify-item:nth-child(5){animation-delay:.10s}
.beatify-results.is-visible .beatify-item:nth-child(n+6){animation-delay:.12s}

@keyframes beatifyResultReveal{
    from{opacity:0;transform:translateY(-8px) scale(.992)}
    to{opacity:1;transform:translateY(0) scale(1)}
}

.beatify-grid-search-loading ul.products{
    opacity:.58;
    transform:translateY(2px);
    transition:opacity .16s ease,transform .16s ease;
}

ul.products.beatify-grid-search-results{
    opacity:1 !important;
    transform:none !important;
    transition:opacity .22s ease,transform .22s ease;
}

ul.products.beatify-grid-search-results.beatify-grid-results-visible > li.product{
    animation:beatifyGridCardReveal .30s cubic-bezier(.22,.8,.26,1) both;
}
ul.products.beatify-grid-search-results.beatify-grid-results-visible > li.product:nth-child(2){animation-delay:.025s}
ul.products.beatify-grid-search-results.beatify-grid-results-visible > li.product:nth-child(3){animation-delay:.05s}
ul.products.beatify-grid-search-results.beatify-grid-results-visible > li.product:nth-child(4){animation-delay:.075s}
ul.products.beatify-grid-search-results.beatify-grid-results-visible > li.product:nth-child(n+5){animation-delay:.10s}

@keyframes beatifyGridCardReveal{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){
    .beatify-results,
    .beatify-results .beatify-item,
    ul.products.beatify-grid-search-results > li.product,
    .beatify-grid-search-loading ul.products{
        animation:none !important;
        transition:none !important;
    }
}

/* =========================================
V2.3.4 — PLAYER NATIVO SONAAR + CARD SEM LINK
========================================= */
.beatify-title-static,
.beatify-product-title-static,
.beatify-product-image-static{
    cursor:default !important;
}

.beatify-title-static,
.beatify-product-title-static,
.beatify-product-image-static,
.beatify-title-static:hover,
.beatify-product-title-static:hover,
.beatify-product-image-static:hover{
    text-decoration:none !important;
}

ul.products.beatify-grid-search-results .beatify-product-image-static,
ul.products.beatify-grid-search-results .beatify-product-title-static{
    pointer-events:none !important;
}

/* O player continua clicável, mesmo com o restante do card bloqueado. */
ul.products.beatify-grid-search-results .beatify-grid-sonaar-player,
ul.products.beatify-grid-search-results .beatify-grid-sonaar-player *{
    pointer-events:auto;
}

.beatify-grid-sonaar-player{
    position:relative;
    width:100%;
    max-width:100%;
    margin:9px 0 5px;
    overflow:visible;
    z-index:5;
}

.beatify-grid-sonaar-player .iron-audioplayer,
.beatify-grid-sonaar-player [class*="iron-audioplayer"],
.beatify-grid-sonaar-player [class*="srmp3"]{
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* Evita que o tema transforme título ou capa do player em link para o produto. */
.beatify-grid-sonaar-player a[href*="/product/"],
.beatify-grid-sonaar-player a.post_link,
.beatify-grid-sonaar-player .album-title a{
    pointer-events:none !important;
    cursor:default !important;
    text-decoration:none !important;
}

/* =========================================
V2.3.5 — DESCRIÇÃO REAL DO PRODUTO + LAYOUT EAEL
========================================= */
ul.products.beatify-grid-search-results .eael-product-title.beatify-product-title-static h2{
    margin:0 !important;
}

ul.products.beatify-grid-search-results .beatify-grid-track-title{
    display:block;
}

ul.products.beatify-grid-search-results .eael-product-title .beatify-track-meta.beatify-grid-description{
    display:block;
    max-width:100%;
    margin-top:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:rgba(255,255,255,.48);
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    letter-spacing:1px;
    text-transform:uppercase;
}

@media(max-width:767px){
    ul.products.beatify-grid-search-results .eael-product-title .beatify-track-meta.beatify-grid-description{
        margin-top:3px;
        font-size:7px;
        letter-spacing:.75px;
    }
}

/* =========================================
V2.4.0 — CLONE DO CARD REAL EAEL + PLAYER SONAAR ÚNICO
========================================= */
ul.products.beatify-grid-search-results .image-wrap{
    position:relative !important;
}

ul.products.beatify-grid-search-results .beatify-grid-play{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
    margin:0 !important;
    padding:0 !important;
    border:1.5px solid rgba(255,255,255,.96) !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#111 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    z-index:9999 !important;
    box-sizing:border-box !important;
    box-shadow:0 4px 14px rgba(0,0,0,.55) !important;
    transition:transform .2s ease,box-shadow .2s ease !important;
}

ul.products.beatify-grid-search-results .beatify-grid-play:hover,
ul.products.beatify-grid-search-results .beatify-grid-play:focus{
    transform:translate(-50%,-50%) scale(1.10) !important;
    box-shadow:0 7px 20px rgba(0,0,0,.65) !important;
}

ul.products.beatify-grid-search-results .beatify-grid-play .beatify-play-symbol{
    width:0 !important;
    height:0 !important;
    margin:0 0 0 2px !important;
    border-top:5px solid transparent !important;
    border-bottom:5px solid transparent !important;
    border-left:8px solid #111 !important;
    background:none !important;
}

ul.products.beatify-grid-search-results .beatify-grid-play.playing .beatify-play-symbol{
    width:9px !important;
    height:10px !important;
    margin:0 !important;
    border:0 !important;
    background:linear-gradient(90deg,#111 0 3px,transparent 3px 6px,#111 6px 9px) !important;
}

ul.products.beatify-grid-search-results .beatify-grid-play.is-loading .beatify-play-symbol{
    width:11px !important;
    height:11px !important;
    margin:0 !important;
    border:2px solid rgba(17,17,17,.24) !important;
    border-top-color:#111 !important;
    border-radius:50% !important;
    background:none !important;
    animation:beatifyPlayerSpin .65s linear infinite !important;
}

ul.products.beatify-grid-search-results .beatify-product-title-static,
ul.products.beatify-grid-search-results .beatify-product-image-static{
    cursor:default !important;
}

ul.products.beatify-grid-search-results .beatify-product-title-static a,
ul.products.beatify-grid-search-results .beatify-product-image-static a{
    pointer-events:none !important;
    cursor:default !important;
}

/* Não replica ondas com IDs globais do Sonaar dentro dos cards AJAX. */
ul.products.beatify-grid-search-results #sPlayer,
ul.products.beatify-grid-search-results #splayer-wave-container,
ul.products.beatify-grid-search-results #splayer-wave-progress,
ul.products.beatify-grid-search-results .sonaar_fake_wave{
    display:none !important;
}

@media(max-width:767px){
    ul.products.beatify-grid-search-results .beatify-grid-play{
        width:27px !important;
        height:27px !important;
        min-width:27px !important;
        min-height:27px !important;
        max-width:27px !important;
        max-height:27px !important;
    }
}

/* =========================================
V2.4.1 — VENDIDO SEM BOTÃO + ZOOM SUTIL
========================================= */
/* Produtos vendidos exibem somente o selo SOLD; não há SOLD OUT lateral. */
.beatify-item:has(.beatify-ribbon.sold) .beatify-bottom{
    display:none !important;
}

/* Hover suave nos resultados do dropdown. */
.beatify-results .beatify-item{
    transform-origin:center center;
    transition:
        transform .28s cubic-bezier(.22,.8,.26,1),
        box-shadow .28s ease,
        filter .28s ease !important;
}
.beatify-results .beatify-item:hover{
    transform:translateY(-2px) scale(1.012) !important;
    box-shadow:0 12px 34px rgba(0,0,0,.48) !important;
}

/* O mesmo zoom discreto nos cards carregados dentro do EAEL grid. */
ul.products.beatify-grid-search-results > li.product{
    position:relative;
    transform-origin:center center;
    transition:
        transform .28s cubic-bezier(.22,.8,.26,1),
        box-shadow .28s ease !important;
}
ul.products.beatify-grid-search-results > li.product:hover{
    z-index:4;
    transform:translateY(-2px) scale(1.012);
    box-shadow:0 12px 28px rgba(0,0,0,.22);
}

@media (prefers-reduced-motion: reduce){
    .beatify-results .beatify-item,
    ul.products.beatify-grid-search-results > li.product{
        transition:none !important;
    }
    .beatify-results .beatify-item:hover,
    ul.products.beatify-grid-search-results > li.product:hover{
        transform:none !important;
    }
}


/* v2.4.2: bridge Sonaar fica fora do layout; o botão visível usa a prévia do produto. */
.beatify-sonaar-bridge,
.beatify-sonaar-bridge[hidden]{
    display:none !important;
}

ul.products.beatify-grid-search-results .beatify-sold-badge{
    background:#ff2d2d !important;
    color:#fff !important;
}

/* =========================================
V2.5.0 — GRID NATIVO PRESERVADO PARA O SONAAR
========================================= */
/*
 * O grid original continua no DOM para manter os players Sonaar já inicializados,
 * mas fica fora da área visível enquanto o grid de pesquisa assume o seu lugar.
 */
ul.products.beatify-native-grid-cache{
    position:absolute !important;
    left:-100000px !important;
    top:0 !important;
    width:1px !important;
    height:1px !important;
    min-height:1px !important;
    max-height:1px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    z-index:-1 !important;
    clip-path:inset(50%) !important;
}

ul.products.beatify-grid-search-rendered{
    opacity:1;
    visibility:visible;
}

ul.products.beatify-grid-search-rendered > li.product{
    opacity:0;
    transform:translateY(8px) scale(.992);
}

ul.products.beatify-grid-search-rendered.beatify-grid-results-visible > li.product{
    animation:beatifyGridCardIn .34s cubic-bezier(.22,.8,.26,1) forwards;
}

/*
 * Mantém apenas cópias sticky internas fora do card. O player Sonaar do
 * próprio produto precisa continuar visível nos resultados pesquisados.
 */
ul.products.beatify-grid-search-rendered .srmp3_sticky_player{
    display:none !important;
}

/* =========================================
V2.5.1 — CACHE NATIVO DO SONAAR
========================================= */
/*
 * Os cards WooCommerce reais usados pelo player ficam inicializados fora da
 * tela. Não usamos display:none, porque o Sonaar precisa montar seus controles
 * antes que o botão customizado dispare o clique no .sricon-play nativo.
 */
.beatify-sonaar-native-cache{
    position:fixed !important;
    left:-100000px !important;
    top:0 !important;
    width:360px !important;
    height:2px !important;
    min-height:2px !important;
    max-height:2px !important;
    overflow:hidden !important;
    opacity:.001 !important;
    pointer-events:none !important;
    z-index:-2147483647 !important;
    contain:layout style paint !important;
}
.beatify-sonaar-native-cache .woocommerce,
.beatify-sonaar-native-cache ul.products,
.beatify-sonaar-native-cache li.product{
    width:320px !important;
    min-width:320px !important;
    display:block !important;
    visibility:visible !important;
}

/* =========================================
V2.7.0 — ATUALIZA O UL NATIVO DO EAEL
========================================= */
ul.products.beatify-grid-search-active{
    height:auto !important;
}

ul.products.beatify-grid-search-active > li.product{
    animation:beatifyNativeGridIn .32s cubic-bezier(.22,.8,.26,1) both;
    transform-origin:center center;
}

ul.products.beatify-grid-search-active > li.product:nth-child(2){animation-delay:.025s}
ul.products.beatify-grid-search-active > li.product:nth-child(3){animation-delay:.05s}
ul.products.beatify-grid-search-active > li.product:nth-child(4){animation-delay:.075s}
ul.products.beatify-grid-search-active > li.product:nth-child(n+5){animation-delay:.10s}

@keyframes beatifyNativeGridIn{
    from{opacity:0;transform:translateY(8px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
}

ul.products.beatify-grid-search-active .beatify-disabled-product-link{
    cursor:default !important;
    pointer-events:none !important;
}

ul.products.beatify-grid-search-active .eael-product-title h2 .beatify-track-meta{
    display:block;
    margin-top:4px;
    font-size:9px;
    line-height:1.45;
    font-weight:700;
    letter-spacing:1.35px;
    text-transform:uppercase;
    opacity:.58;
}

ul.products.beatify-grid-search-active .image-wrap > .iron_widget_radio,
ul.products.beatify-grid-search-active .image-wrap > article.iron_widget_radio,
ul.products.beatify-grid-search-active .image-wrap .iron-audioplayer{
    width:100%;
    height:100%;
}

ul.products.beatify-grid-search-active .image-wrap .album-art img{
    width:100%;
    height:100%;
    object-fit:cover;
}

ul.products.beatify-grid-search-active .image-wrap .sonaar-Artwort-box{
    width:100%;
    height:100%;
}

@media (prefers-reduced-motion:reduce){
    ul.products.beatify-grid-search-active > li.product{animation:none !important}
}

/* =========================================
V2.7.2 — GRID LEVE + PLAYER SONAAR SOB DEMANDA
========================================= */
ul.products.beatify-grid-search-active .image-wrap{
    position:relative !important;
    overflow:hidden !important;
}

ul.products.beatify-grid-search-active .image-wrap > img,
ul.products.beatify-grid-search-active .image-wrap > picture,
ul.products.beatify-grid-search-active .image-wrap > picture > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:#fff !important;
    color:#111 !important;
    opacity:1 !important;
    visibility:visible !important;
    cursor:pointer !important;
    z-index:50 !important;
    box-shadow:0 5px 18px rgba(0,0,0,.45) !important;
    transition:transform .22s ease,opacity .22s ease !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play:hover{
    transform:translate(-50%,-50%) scale(1.10) !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play .beatify-play-symbol{
    width:0 !important;
    height:0 !important;
    margin-left:3px !important;
    border-top:6px solid transparent !important;
    border-bottom:6px solid transparent !important;
    border-left:10px solid #111 !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play.playing .beatify-play-symbol{
    width:10px !important;
    height:12px !important;
    margin:0 !important;
    border:0 !important;
    background:linear-gradient(90deg,#111 0 3px,transparent 3px 7px,#111 7px 10px) !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play.is-loading{
    opacity:.70 !important;
    pointer-events:none !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play.is-loading .beatify-play-symbol{
    width:14px !important;
    height:14px !important;
    margin:0 !important;
    border:2px solid rgba(0,0,0,.25) !important;
    border-top-color:#111 !important;
    border-radius:50% !important;
    animation:beatifySpin .65s linear infinite !important;
}

@media(max-width:767px){
    ul.products.beatify-grid-search-active .beatify-grid-play{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
    }
}


/* =========================================
V2.7.3 — GARANTE TODOS OS RESULTADOS NO GRID EAEL
========================================= */
.elementor-element.beatify-grid-search-active,
.elementor-widget.beatify-grid-search-active,
.elementor-widget-container:has(> ul.products.beatify-grid-search-active){
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}

.elementor-element.beatify-grid-search-active .eael-product-grid,
.elementor-element.beatify-grid-search-active .eael-woo-product-grid,
.elementor-element.beatify-grid-search-active .eael-product-grid-container,
.elementor-element.beatify-grid-search-active .woocommerce,
.elementor-element.beatify-grid-search-active .woocommerce.columns-1,
.elementor-element.beatify-grid-search-active .woocommerce.columns-2,
.elementor-element.beatify-grid-search-active .woocommerce.columns-3,
.elementor-element.beatify-grid-search-active .woocommerce.columns-4,
.elementor-element.beatify-grid-search-active .woocommerce.columns-5,
.elementor-element.beatify-grid-search-active .woocommerce.columns-6{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-results{
    display:grid !important;
    grid-template-columns:repeat(var(--beatify-eael-columns, 4), minmax(0,1fr)) !important;
    column-gap:var(--beatify-eael-column-gap, 30px) !important;
    row-gap:var(--beatify-eael-row-gap, 30px) !important;
    align-items:start !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    position:relative !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-results > li.product{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    float:none !important;
    clear:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-results > li.product > .eael-product-wrap,
ul.products.beatify-grid-search-active.beatify-grid-search-results > li.product .product-image-wrap,
ul.products.beatify-grid-search-active.beatify-grid-search-results > li.product .image-wrap{
    width:100% !important;
    max-width:100% !important;
}

@media(max-width:767px){
    ul.products.beatify-grid-search-active.beatify-grid-search-results{
        column-gap:min(var(--beatify-eael-column-gap, 16px), 16px) !important;
        row-gap:min(var(--beatify-eael-row-gap, 18px), 18px) !important;
    }
}


/* =========================================
V2.7.4 — CAPAS REAIS SEM TELA PRETA
========================================= */
ul.products.beatify-grid-search-active.beatify-grid-search-results .product-image-wrap,
ul.products.beatify-grid-search-active.beatify-grid-search-results .image-wrap{
    background:transparent !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-results .image-wrap{
    position:relative !important;
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    min-height:0 !important;
    overflow:hidden !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-results .image-wrap > img.beatify-grid-cover-image{
    position:relative !important;
    inset:auto !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    transform:none !important;
    background:transparent !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-results .image-wrap > .eael-onsale{
    z-index:60 !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-results .image-wrap > .beatify-grid-play{
    z-index:70 !important;
}

/* =========================================
V2.7.5 — PLAYER SONAAR VISUAL ORIGINAL + QUICK VIEW + PAGINAÇÃO
========================================= */

/* O Play do grid pesquisado mantém o visual do player original do Sonaar:
   círculo transparente, contorno branco e ícone branco. */
ul.products.beatify-grid-search-active .image-wrap > .beatify-grid-play,
ul.products.beatify-grid-search-active.beatify-grid-search-results .image-wrap > .beatify-grid-play{
    width:66px !important;
    height:66px !important;
    min-width:66px !important;
    min-height:66px !important;
    max-width:66px !important;
    max-height:66px !important;
    padding:0 !important;
    border:3px solid rgba(255,255,255,.96) !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.12) !important;
    color:#fff !important;
    box-shadow:0 5px 20px rgba(0,0,0,.34) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play:hover,
ul.products.beatify-grid-search-active .beatify-grid-play:focus{
    transform:translate(-50%,-50%) scale(1.06) !important;
    background:rgba(0,0,0,.22) !important;
    border-color:#fff !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play .beatify-play-symbol{
    width:0 !important;
    height:0 !important;
    margin:0 0 0 5px !important;
    border-top:10px solid transparent !important;
    border-bottom:10px solid transparent !important;
    border-left:16px solid #fff !important;
    background:none !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play.playing .beatify-play-symbol{
    width:16px !important;
    height:20px !important;
    margin:0 !important;
    border:0 !important;
    background:linear-gradient(90deg,#fff 0 5px,transparent 5px 11px,#fff 11px 16px) !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play.is-loading .beatify-play-symbol{
    width:22px !important;
    height:22px !important;
    margin:0 !important;
    border:3px solid rgba(255,255,255,.32) !important;
    border-top-color:#fff !important;
    border-radius:50% !important;
    background:none !important;
}

/* Recupera os mesmos controles do hover do EAEL: carrinho + Quick View (olho). */
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Paginação exclusiva da busca, 20 itens por página por padrão. */
.beatify-grid-search-pagination{
    clear:both;
    width:100%;
    margin:28px 0 10px !important;
}

.beatify-grid-search-pagination .beatify-search-pages{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
}

.beatify-grid-search-pagination button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    min-width:40px;
    padding:0;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    background:#0b0b0b;
    color:#fff;
    font-size:13px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease;
}

.beatify-grid-search-pagination button:hover:not(:disabled),
.beatify-grid-search-pagination button.is-current{
    transform:translateY(-1px);
    border-color:#EF4242;
    background:#EF4242;
}

.beatify-grid-search-pagination button:disabled{
    cursor:default;
    opacity:.32;
}

@media(max-width:767px){
    ul.products.beatify-grid-search-active .image-wrap > .beatify-grid-play,
    ul.products.beatify-grid-search-active.beatify-grid-search-results .image-wrap > .beatify-grid-play{
        width:54px !important;
        height:54px !important;
        min-width:54px !important;
        min-height:54px !important;
        max-width:54px !important;
        max-height:54px !important;
        border-width:3px !important;
    }

    ul.products.beatify-grid-search-active .beatify-grid-play .beatify-play-symbol{
        border-top-width:8px !important;
        border-bottom-width:8px !important;
        border-left-width:13px !important;
    }
}

/* =========================================
V2.7.7 — + SOMENTE NO CARRINHO E BLOQUEIO DO VIEW CART
========================================= */
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.added,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.beatify-cart-added{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button{
    position:relative !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    padding:0 !important;
    overflow:visible !important;
    border:0 !important;
    border-radius:4px !important;
    background:#050505 !important;
    color:#fff !important;
    text-indent:0 !important;
    font-size:0 !important;
    line-height:1 !important;
    box-shadow:0 5px 16px rgba(0,0,0,.48) !important;
    transform:none !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:hover,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:focus{
    background:#111 !important;
    transform:translateY(-1px) !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.beatify-cart-added{
    background:#6f5579 !important;
}

ul.products.beatify-grid-search-active .beatify-cart-symbol{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:28px !important;
    height:28px !important;
    color:#fff !important;
    font-size:21px !important;
    line-height:1 !important;
}

ul.products.beatify-grid-search-active .beatify-cart-symbol > i{
    display:block !important;
    color:#fff !important;
    font-size:21px !important;
    line-height:1 !important;
}

ul.products.beatify-grid-search-active .beatify-cart-plus{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-55%) !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-family:Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    text-shadow:0 1px 3px rgba(0,0,0,.95) !important;
    pointer-events:none !important;
}

/* O + aparece somente quando o WooCommerce confirmou que a track está no carrinho. */
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.beatify-cart-added .beatify-cart-plus,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a[data-beatify-cart-added="1"] .beatify-cart-plus{
    display:flex !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.beatify-cart-added .beatify-cart-symbol > i,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a[data-beatify-cart-added="1"] .beatify-cart-symbol > i{
    opacity:.78 !important;
}

ul.products.beatify-grid-search-active a.added_to_cart.wc-forward,
ul.products.beatify-grid-search-active a.wc-forward.added_to_cart{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

@media(max-width:767px){
    ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        min-height:44px !important;
    }
}


/* =========================================
V2.7.7 — PLAY NÃO ABRE VIEW CART / QUICK VIEW
========================================= */
ul.products.beatify-grid-search-active a.added_to_cart.wc-forward,
ul.products.beatify-grid-search-active a.wc-forward.added_to_cart,
.beatify-search-wrap a.added_to_cart.wc-forward,
.beatify-search-wrap a.wc-forward.added_to_cart{
    position:absolute !important;
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    z-index:-1 !important;
}

ul.products.beatify-grid-search-active .image-wrap > .beatify-grid-play,
ul.products.beatify-grid-search-active .image-wrap > .beatify-grid-play.playing,
ul.products.beatify-grid-search-active .image-wrap > .beatify-grid-play.is-loading{
    z-index:9999 !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    isolation:isolate !important;
}

ul.products.beatify-grid-search-active .image-wrap > .iron_widget_radio,
ul.products.beatify-grid-search-active .image-wrap > article.iron_widget_radio,
ul.products.beatify-grid-search-active .image-wrap .iron-audioplayer{
    pointer-events:auto !important;
}


/* =========================================
V2.8.3 — BARRA MAIS COMPACTA + LOADING SEM PULOS
========================================= */
.beatify-search-wrap{
    max-width:760px;
}

.beatify-search-wrap::before{
    inset:-3px;
    border-radius:27px;
}

.beatify-search-box{
    min-height:58px;
    padding:14px 20px;
    border-radius:24px;
}

.beatify-search-icon{
    font-size:18px;
}

.beatify-search-input{
    font-size:15px;
}

.beatify-search-loader{
    width:18px;
    height:18px;
    min-width:18px;
    border-width:2.5px;
}

.beatify-catalog-loading-mask{
    position:fixed;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    min-height:180px;
    padding:24px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(92,92,92,.42);
    box-shadow:0 18px 55px rgba(0,0,0,.48);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    z-index:999990;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    transition:opacity .16s ease,visibility 0s linear .16s;
}

.beatify-catalog-loading-mask.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:all;
    transition-delay:0s;
}

.beatify-catalog-loading-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:13px;
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:1.4px;
    text-transform:none;
}

.beatify-catalog-loading-spinner{
    display:block;
    width:32px;
    height:32px;
    border:3px solid rgba(255,255,255,.22);
    border-top-color:#fff;
    border-radius:50%;
    animation:beatifySearchSpin .72s linear infinite;
}

body.beatify-catalog-page-locked{
    overscroll-behavior:none;
}

@media(max-width:767px){
    .beatify-search-wrap{
        width:calc(100% - 24px);
        max-width:none;
    }

    .beatify-search-box{
        min-height:54px;
        padding:12px 16px;
    }

    .beatify-catalog-loading-mask{
        border-radius:14px;
    }
}


/* =========================================
V2.8.6 — DROPDOWN PRESO À BARRA, SEM STICKY
========================================= */
.beatify-results.beatify-results-portal{
    position:absolute !important;
    top:auto;
    left:auto;
    right:auto !important;
    bottom:auto !important;
    width:auto;
    margin:0 !important;
    z-index:2147483000 !important;
    box-sizing:border-box !important;
    transform-origin:top center !important;
}

.beatify-results.beatify-results-portal.is-visible{
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
}

.beatify-results .beatify-cover,
.beatify-results .beatify-cover img{
    background:transparent !important;
}

.beatify-results .beatify-cover img,
ul.products.beatify-grid-search-active img[data-beatify-cover-src],
ul.products.beatify-grid-search-active img.beatify-grid-cover-image{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    object-fit:cover !important;
    background:transparent !important;
}

ul.products.beatify-grid-search-active .product-image-wrap,
ul.products.beatify-grid-search-active .image-wrap,
ul.products.beatify-grid-search-active .eael-product-wrap{
    opacity:1 !important;
    visibility:visible !important;
}

html.beatify-catalog-page-locked{
    scroll-behavior:auto !important;
    overflow-anchor:none !important;
}

body.beatify-catalog-page-locked{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    overflow:visible !important;
}


/* =========================================
V2.8.5 — CAPAS AUTORITATIVAS + PAGINAÇÃO QUADRADA
========================================= */
.beatify-results .beatify-cover{
    position:relative !important;
    background:#111 !important;
}

.beatify-results .beatify-cover > img.beatify-real-cover,
.beatify-results .beatify-cover > img[data-beatify-real-src]{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    transform:none !important;
    background:transparent !important;
}

.beatify-results .beatify-cover > .beatify-play{
    z-index:5 !important;
}

ul.products.beatify-grid-search-active .image-wrap > img.beatify-real-cover,
ul.products.beatify-grid-search-active .image-wrap > img[data-beatify-real-src]{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    transform:none !important;
    background:transparent !important;
}

/* Mesmo formato quadrado mostrado na referência: atual cinza, demais pretos. */
.beatify-grid-search-pagination .beatify-search-pages{
    gap:7px !important;
}

.beatify-grid-search-pagination .beatify-search-pages > button{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
    max-width:50px !important;
    max-height:50px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#050505 !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1 !important;
    transform:none !important;
}

.beatify-grid-search-pagination .beatify-search-pages > button.is-current,
.beatify-grid-search-pagination .beatify-search-pages > button[aria-current="page"]{
    background:#777 !important;
    color:#000 !important;
}

.beatify-grid-search-pagination .beatify-search-pages > button:hover:not(:disabled){
    background:#050505 !important;
    color:#fff !important;
    transform:none !important;
}

.beatify-grid-search-pagination .beatify-search-pages > button.is-current:hover,
.beatify-grid-search-pagination .beatify-search-pages > button[aria-current="page"]:hover{
    background:#777 !important;
    color:#000 !important;
}

.beatify-grid-search-pagination .beatify-search-pages > button:disabled{
    display:none !important;
}

@media(max-width:767px){
    .beatify-grid-search-pagination .beatify-search-pages > button{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        min-height:44px !important;
        max-width:44px !important;
        max-height:44px !important;
        font-size:17px !important;
    }
}


/* =========================================
V2.8.7 — DROPDOWN ESTÁVEL + CAPA SEM LAZY LOAD
========================================= */
.beatify-results .beatify-cover > .beatify-cover-art{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    transform:none !important;
    pointer-events:none !important;
}

ul.products.beatify-grid-search-active .product-image-wrap,
ul.products.beatify-grid-search-active .image-wrap{
    position:relative !important;
}

ul.products.beatify-grid-search-active .beatify-authoritative-cover{
    position:absolute !important;
    inset:0 !important;
    z-index:8 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:none !important;
}

ul.products.beatify-grid-search-active .iron-audioplayer,
ul.products.beatify-grid-search-active .album-art,
ul.products.beatify-grid-search-active .beatify-grid-play,
ul.products.beatify-grid-search-active .srp_audio_trigger{
    position:relative !important;
    z-index:10 !important;
}

/* O carregamento disfarça a troca sem transformar o grid em uma tela preta. */
.beatify-catalog-loading-mask{
    background:rgba(92,92,92,.42) !important;
    border-color:rgba(255,255,255,.16) !important;
    box-shadow:0 12px 34px rgba(0,0,0,.24) !important;
}


/* =========================================
V2.8.7.1 — FALLBACK REAL PARA CAPAS PRETAS
========================================= */
.beatify-results .beatify-cover{
    background:linear-gradient(135deg,#242424,#0d0d0d) !important;
}

.beatify-results .beatify-cover > img.beatify-cover-art-img{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
    transform:none !important;
    background:transparent !important;
}

.beatify-results .beatify-cover > img.beatify-cover-loading{
    opacity:0 !important;
}

.beatify-results .beatify-cover > img.beatify-cover-resolved{
    opacity:1 !important;
}

.beatify-results .beatify-cover > img.beatify-cover-failed{
    opacity:0 !important;
}

.beatify-results .beatify-cover > .beatify-cover-art{
    z-index:1 !important;
}

.beatify-results .beatify-cover > .beatify-play{
    z-index:6 !important;
}


/* =========================================
V2.8.7.2 — CAPA APLICADA NO PRIMEIRO RENDER DO GRID
========================================= */
ul.products.beatify-grid-search-active .image-wrap > .beatify-authoritative-cover,
ul.products.beatify-grid-search-active .product-image-wrap > .beatify-authoritative-cover{
    z-index:8 !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    background-color:transparent !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

ul.products.beatify-grid-search-active .beatify-grid-play,
ul.products.beatify-grid-search-active .srp_audio_trigger,
ul.products.beatify-grid-search-active .iron-audioplayer,
ul.products.beatify-grid-search-active .album-art{
    z-index:20 !important;
}

/* =========================================
V2.8.7.3 — PLAYER FIXO DO SONAAR ACIMA DA PESQUISA
========================================= */
/*
 * O dropdown da pesquisa usa uma camada alta para não ser cortado pelo
 * Elementor. Quando o player sticky do Sonaar aparece, ele precisa ficar
 * acima dessa camada, sem mudar sua posição, tamanho ou funcionamento.
 */
body .srp-sticky-player,
body .srmp3_sticky_player,
body .srmp3-sticky-player,
body #sonaar-player,
body #sonaar-music-player,
body [class*="srp-sticky-player"],
body [class*="srmp3_sticky_player"],
body [class*="srmp3-sticky-player"],
body [id*="sonaar"][class*="sticky"],
body [class*="sonaar"][class*="sticky"]{
    z-index:2147483647 !important;
    isolation:isolate !important;
}

/* Garante que os controles e a onda do player permaneçam clicáveis. */
body .srp-sticky-player *,
body .srmp3_sticky_player *,
body .srmp3-sticky-player *,
body #sonaar-player *,
body #sonaar-music-player *{
    pointer-events:auto;
}

/* =========================================
V2.8.7.5 — CAPA QUADRADA SEM ESCONDER O SONAAR
========================================= */
/*
 * A caixa da imagem permanece no fluxo normal do card. A versão anterior
 * transformava a .image-wrap em uma camada absoluta, o que podia impedir o
 * player Sonaar associado ao produto de inicializar/receber o clique.
 */
ul.products.beatify-grid-search-active > li.product .product-image-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
}

ul.products.beatify-grid-search-active > li.product .product-image-wrap > .image-wrap,
ul.products.beatify-grid-search-active > li.product .product-image-wrap .image-wrap{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:none !important;
    aspect-ratio:1 / 1 !important;
    overflow:hidden !important;
    isolation:isolate !important;
}

ul.products.beatify-grid-search-active > li.product .image-wrap > img.attachment-woocommerce_thumbnail,
ul.products.beatify-grid-search-active > li.product .image-wrap > img.beatify-grid-cover-image,
ul.products.beatify-grid-search-active > li.product .image-wrap > img.beatify-real-cover,
ul.products.beatify-grid-search-active > li.product .image-wrap > img[data-beatify-real-src],
ul.products.beatify-grid-search-active > li.product .image-wrap > picture,
ul.products.beatify-grid-search-active > li.product .image-wrap > picture > img,
ul.products.beatify-grid-search-active > li.product .image-wrap > .beatify-authoritative-cover{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center !important;
    overflow:hidden !important;
}

/* O botão visual continua clicável e acima da capa autoritativa. */
ul.products.beatify-grid-search-active > li.product .image-wrap > .eael-onsale{
    position:absolute !important;
    z-index:60 !important;
}

ul.products.beatify-grid-search-active > li.product .image-wrap > .beatify-grid-play,
ul.products.beatify-grid-search-active > li.product .image-wrap > .srp_audio_trigger{
    position:absolute !important;
    z-index:9999 !important;
    pointer-events:auto !important;
}

/* Nunca altere a geometria do player real usado pelo Sonaar. */
ul.products.beatify-grid-search-active > li.product .iron_widget_radio,
ul.products.beatify-grid-search-active > li.product article.iron_widget_radio,
ul.products.beatify-grid-search-active > li.product .iron-audioplayer,
ul.products.beatify-grid-search-active > li.product audio.sonaar_media_element{
    max-width:none !important;
}



/* =========================================
V2.8.7.6 — CAPA FIXA + ROLAGEM LIVRE + TAMANHO ESTÁVEL
========================================= */
.beatify-search-wrap{
    width:760px !important;
    max-width:calc(100vw - 32px) !important;
    min-width:0 !important;
}

.beatify-results.beatify-results-portal{
    min-width:0 !important;
    box-sizing:border-box !important;
}

/* O carregamento acompanha o bloco no documento e nunca captura mouse/toque. */
.beatify-catalog-loading-mask,
.beatify-catalog-loading-mask.is-visible{
    position:absolute !important;
    pointer-events:none !important;
}

/* A altura quadrada é gravada pelo JS conforme a largura real do card. */
ul.products.beatify-grid-search-active > li.product .product-image-wrap > .image-wrap,
ul.products.beatify-grid-search-active > li.product .product-image-wrap .image-wrap{
    height:var(--beatify-cover-size) !important;
    min-height:var(--beatify-cover-size) !important;
    max-height:var(--beatify-cover-size) !important;
    aspect-ratio:1 / 1 !important;
    overflow:hidden !important;
}

/* O Sonaar permanece inicializado, mas não aumenta a altura da capa. */
ul.products.beatify-grid-search-active > li.product .image-wrap > .iron_widget_radio,
ul.products.beatify-grid-search-active > li.product .image-wrap > article.iron_widget_radio{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
}

html.beatify-catalog-page-locked,
body.beatify-catalog-page-locked{
    overflow:auto !important;
    overscroll-behavior:auto !important;
}

@media(max-width:767px){
    .beatify-search-wrap{
        width:calc(100% - 24px) !important;
        max-width:none !important;
    }
}


/* =========================================
V2.8.7.7 — TAMANHO DA CAPA BASEADO NO CARD VISÍVEL
========================================= */
/*
 * Alguns templates EAEL/Sonaar entregam .product-image-wrap com largura
 * interna maior que o li.product. A altura passa a usar exclusivamente a
 * largura visível do card gravada pelo JavaScript em --beatify-cover-size.
 */
ul.products.beatify-grid-search-active > li.product .product-image-wrap{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

ul.products.beatify-grid-search-active > li.product .product-image-wrap > .image-wrap,
ul.products.beatify-grid-search-active > li.product .product-image-wrap .image-wrap{
    display:block !important;
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:var(--beatify-cover-size) !important;
    min-height:var(--beatify-cover-size) !important;
    max-height:var(--beatify-cover-size) !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    flex:none !important;
}

ul.products.beatify-grid-search-active > li.product .image-wrap > img.attachment-woocommerce_thumbnail,
ul.products.beatify-grid-search-active > li.product .image-wrap > img.beatify-grid-cover-image,
ul.products.beatify-grid-search-active > li.product .image-wrap > img.beatify-real-cover,
ul.products.beatify-grid-search-active > li.product .image-wrap > img[data-beatify-real-src],
ul.products.beatify-grid-search-active > li.product .image-wrap > picture,
ul.products.beatify-grid-search-active > li.product .image-wrap > picture > img,
ul.products.beatify-grid-search-active > li.product .image-wrap > .beatify-authoritative-cover{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
}


/* =========================================
V2.8.7.8 — GEOMETRIA NATIVA + PLAYER SONAAR POR BRIDGE
========================================= */
/*
 * Regra final e única para a capa dos resultados. O plugin não calcula mais
 * altura e não cria uma segunda capa. A miniatura 300x300 do WooCommerce
 * determina naturalmente a altura do card, sem esticar imagens específicas.
 */
ul.products.beatify-grid-search-active > li.product .product-image-wrap{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

ul.products.beatify-grid-search-active > li.product .product-image-wrap > .image-wrap,
ul.products.beatify-grid-search-active > li.product .product-image-wrap .image-wrap{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    overflow:visible !important;
    isolation:auto !important;
    box-sizing:border-box !important;
    flex:none !important;
}

ul.products.beatify-grid-search-active > li.product .image-wrap > img.attachment-woocommerce_thumbnail,
ul.products.beatify-grid-search-active > li.product .image-wrap > img.beatify-grid-cover-image,
ul.products.beatify-grid-search-active > li.product .image-wrap > img.beatify-real-cover,
ul.products.beatify-grid-search-active > li.product .image-wrap > img[data-beatify-real-src],
ul.products.beatify-grid-search-active > li.product .image-wrap > picture,
ul.products.beatify-grid-search-active > li.product .image-wrap > picture > img{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    box-sizing:border-box !important;
}

/* Remove definitivamente a camada que provocava capas altas em alguns cards. */
ul.products.beatify-grid-search-active .beatify-authoritative-cover{
    display:none !important;
}

/* O botão visual continua centralizado sobre a imagem nativa. */
ul.products.beatify-grid-search-active > li.product .image-wrap > .beatify-grid-play{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    z-index:9999 !important;
    pointer-events:auto !important;
}

/* Nenhuma regra de capa pode alterar a geometria do markup Sonaar. */
ul.products.beatify-grid-search-active > li.product .image-wrap > .iron_widget_radio,
ul.products.beatify-grid-search-active > li.product .image-wrap > article.iron_widget_radio{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
}


/* =========================================
V2.8.7.16 — CONTROLE REAL DO SONAAR
========================================= */
/* Não exibe nenhum botão/player criado pelo plugin. */
.beatify-sonaar-play-proxy,
ul.products.beatify-grid-search-active .beatify-grid-play{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* O player real já vem dentro do card nativo do EAEL/Sonaar. */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap{
    position:relative !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap > .iron_widget_radio,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap > article.iron_widget_radio,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap > .srmp3-player{
    position:absolute !important;
    inset:0 !important;
    z-index:70 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:transparent !important;
    box-shadow:none !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:none !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .sonaar-grid,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .sonaar-Artwort-box,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .control{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:none !important;
}

/* Esconde somente a segunda capa/lista interna; o controle .play continua real. */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .album,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .album-art,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .album-art img,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .playlist,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .album-player{
    display:none !important;
}

/* Só reposiciona o controle original. Tamanho, círculo, cores e ícone vêm do Sonaar. */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    z-index:99999 !important;
    margin:0 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
}

/* Resultado suspenso: recebe uma cópia do .control real capturado do card Sonaar. */
.beatify-native-sonaar-slot{
    position:absolute !important;
    inset:0 !important;
    z-index:20 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

.beatify-native-sonaar-slot > .control,
.beatify-native-sonaar-slot .beatify-cloned-native-sonaar-control{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    pointer-events:none !important;
}

.beatify-native-sonaar-slot .play{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    transform:translate(-50%,-50%) !important;
    z-index:30 !important;
    margin:0 !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
}

/* Não força branco no ícone do Sonaar: usa a cor definida pelo próprio player. */
.beatify-native-sonaar-slot .play > i,
.beatify-native-sonaar-slot .play .sricon-play,
.beatify-native-sonaar-slot .play .sricon-pause{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:none !important;
}


/* =========================================
V2.8.7.17 — PLAY SONAAR ESTÁTICO + DROPDOWN RESTAURADO
========================================= */
/*
 * Usa somente o controle .play / .sricon-* do Sonaar. Nenhum círculo,
 * triângulo ou áudio é criado pelo plugin. O bridge continua acionando
 * a faixa cadastrada dentro de cada produto.
 */

/* O controle suspenso da pesquisa fica sempre montado e visível. */
.beatify-results .beatify-native-sonaar-slot,
.beatify-results .beatify-native-sonaar-slot .sonaar-grid,
.beatify-results .beatify-native-sonaar-slot .sonaar-Artwort-box,
.beatify-results .beatify-native-sonaar-slot .control{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
    background:transparent !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
    pointer-events:none !important;
}

/* Posição fixa igual em todos os cards, sem aparecer apenas no hover. */
.beatify-results .beatify-native-sonaar-slot .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    transform:translate(-50%,-50%) !important;
    transform-origin:center center !important;
    transition:none !important;
    animation:none !important;
    will-change:auto !important;
}

/* Hover/focus não desloca, amplia, reduz ou anima o controle. */
.beatify-results .beatify-native-sonaar-slot .play:hover,
.beatify-results .beatify-native-sonaar-slot .play:focus,
.beatify-results .beatify-native-sonaar-slot .play:active,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play:hover,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play:focus,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play:active{
    top:50% !important;
    left:50% !important;
    opacity:1 !important;
    transform:translate(-50%,-50%) !important;
    transition:none !important;
    animation:none !important;
}

/* Só o glifo interno muda de sricon-play para sricon-pause. */
.beatify-results .beatify-native-sonaar-slot .play > i,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play > i{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
    pointer-events:none !important;
}

/* Desativa classes de hover do próprio Sonaar sem esconder o botão. */
.beatify-results .beatify-native-sonaar-slot .srp_show_ctr_hover .control,
.beatify-results .beatify-native-sonaar-slot .srp_show_ctr_hover:hover .control,
ul.products.beatify-grid-search-active .srp_show_ctr_hover .control,
ul.products.beatify-grid-search-active .srp_show_ctr_hover:hover .control{
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

/* O player personalizado legado permanece definitivamente desligado. */
.beatify-sonaar-play-proxy,
ul.products.beatify-grid-search-active .beatify-grid-play,
.beatify-results .beatify-play{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* =========================================
V2.8.7.19 — PLAY MENOR NO DROPDOWN + SUBIDA SUAVE NO GRID
========================================= */
/*
 * O dropdown continua usando o controle nativo .play / .sricon-* do Sonaar.
 * Aqui apenas damos o acabamento visual estilo Netflix, sem criar outro player.
 */
.beatify-results .beatify-native-sonaar-slot .play{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    padding:0 !important;
    border:2px solid #fff !important;
    border-radius:50% !important;
    background:rgba(0,0,0,.38) !important;
    color:#fff !important;
    box-shadow:0 4px 14px rgba(0,0,0,.55) !important;
    box-sizing:border-box !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,-50%) !important;
    transition:none !important;
    animation:none !important;
}

.beatify-results .beatify-native-sonaar-slot .play:hover,
.beatify-results .beatify-native-sonaar-slot .play:focus,
.beatify-results .beatify-native-sonaar-slot .play:active{
    top:50% !important;
    left:50% !important;
    background:rgba(0,0,0,.38) !important;
    box-shadow:0 4px 14px rgba(0,0,0,.55) !important;
    transform:translate(-50%,-50%) !important;
    transition:none !important;
    animation:none !important;
}

.beatify-results .beatify-native-sonaar-slot .play > i,
.beatify-results .beatify-native-sonaar-slot .play .sricon-play,
.beatify-results .beatify-native-sonaar-slot .play .sricon-pause{
    display:block !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

/*
 * Nos cards filtrados, o Play real do Sonaar permanece exatamente no centro,
 * mas só aparece quando o mouse entra na capa. Durante a reprodução, o Pause
 * fica visível mesmo depois que o mouse sai.
 */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play{
    top:50% !important;
    left:50% !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-50%,calc(-50% + 9px)) !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    animation:none !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap:hover .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap:hover .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play.playing{
    top:50% !important;
    left:50% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,-50%) !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    animation:none !important;
}

/* Em telas sem hover, mantém o controle acessível para toque. */
@media (hover:none), (pointer:coarse){
    ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .control > .play,
    ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product .image-wrap .iron-audioplayer .play{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }
}

/* =========================================
V2.8.7.20 — CURSOR BUY NOW + CARRINHO LATERAL SEM ROXO
========================================= */
/* Cursor de ação no BUY NOW do dropdown e no botão do grid. */
.beatify-search-wrap .beatify-buy,
ul.products.beatify-grid-search-active .add_to_cart_button,
ul.products.beatify-grid-search-active .ajax_add_to_cart{
    cursor:pointer !important;
}

/* O estado "adicionado" não usa mais o roxo legado. */
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.beatify-cart-added,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a[data-beatify-cart-added="1"]{
    background:#111 !important;
    color:#fff !important;
}

/* Carrinho lateral do Elementor/WooCommerce: paleta preta, branca e vermelha. */
.elementor-menu-cart__container .elementor-menu-cart__main,
.elementor-menu-cart__container .widget_shopping_cart_content,
.elementor-menu-cart__container .woocommerce-mini-cart{
    background:#090909 !important;
    color:#fff !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product,
.elementor-menu-cart__container .woocommerce-mini-cart-item{
    background:transparent !important;
    color:#fff !important;
    border-color:rgba(255,255,255,.14) !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name,
.elementor-menu-cart__container .elementor-menu-cart__product-name a,
.elementor-menu-cart__container .elementor-menu-cart__product-price,
.elementor-menu-cart__container .elementor-menu-cart__product-price .amount,
.elementor-menu-cart__container .woocommerce-mini-cart-item a,
.elementor-menu-cart__container .woocommerce-mini-cart-item .quantity,
.elementor-menu-cart__container .woocommerce-mini-cart-item .amount,
.elementor-menu-cart__container .elementor-menu-cart__subtotal,
.elementor-menu-cart__container .elementor-menu-cart__subtotal strong,
.elementor-menu-cart__container .elementor-menu-cart__subtotal .amount,
.elementor-menu-cart__container .woocommerce-mini-cart__total,
.elementor-menu-cart__container .woocommerce-mini-cart__total strong,
.elementor-menu-cart__container .woocommerce-mini-cart__total .amount,
.elementor-menu-cart__container .woocommerce-mini-cart__empty-message{
    color:#fff !important;
}

.elementor-menu-cart__container .elementor-menu-cart__product-name a:hover,
.elementor-menu-cart__container .woocommerce-mini-cart-item a:hover{
    color:#ef4242 !important;
}

.elementor-menu-cart__container .elementor-menu-cart__close-button,
.elementor-menu-cart__container .elementor-menu-cart__close-button::before,
.elementor-menu-cart__container .elementor-menu-cart__close-button::after,
.elementor-menu-cart__container .remove_from_cart_button,
.elementor-menu-cart__container a.remove{
    color:#fff !important;
    border-color:#fff !important;
    background:transparent !important;
}

.elementor-menu-cart__container .remove_from_cart_button:hover,
.elementor-menu-cart__container a.remove:hover{
    color:#ef4242 !important;
    border-color:#ef4242 !important;
    background:transparent !important;
}

.elementor-menu-cart__container .elementor-menu-cart__footer-buttons a.elementor-button,
.elementor-menu-cart__container .woocommerce-mini-cart__buttons a.button,
.elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout{
    background:#ef4242 !important;
    border-color:#ef4242 !important;
    color:#fff !important;
    cursor:pointer !important;
}

.elementor-menu-cart__container .elementor-menu-cart__footer-buttons a.elementor-button:hover,
.elementor-menu-cart__container .elementor-menu-cart__footer-buttons a.elementor-button:focus,
.elementor-menu-cart__container .woocommerce-mini-cart__buttons a.button:hover,
.elementor-menu-cart__container .woocommerce-mini-cart__buttons a.button:focus{
    background:#d73535 !important;
    border-color:#d73535 !important;
    color:#fff !important;
}

/* Remove possíveis variáveis/acabamentos roxos herdados do tema/Elementor. */
.elementor-menu-cart__container,
.elementor-menu-cart__container *{
    --e-global-color-primary:#ef4242;
    --e-global-color-accent:#ef4242;
}

/* V2.8.7.21 — PLAY IMEDIATO + RESULTADO SEM RERENDER DUPLICADO */

/* =========================================
V2.8.7.22 — PLAY/PAUSE ATIVO ESTÁTICO + CURSOR BUY NOW
========================================= */
/*
 * Faixas paradas continuam com a pequena subida ao hover.
 * A faixa em reprodução fica permanentemente centralizada e sem qualquer
 * animação/alteração de hover; apenas o glifo muda entre Play e Pause.
 */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product:not(.beatify-sonaar-native-playing) .image-wrap:hover .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product:not(.beatify-sonaar-native-playing) .image-wrap:hover .iron-audioplayer .play{
    top:50% !important;
    left:50% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,-50%) !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    animation:none !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap:hover .iron-audioplayer .control > .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap:hover .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:hover,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:focus,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:active{
    top:50% !important;
    left:50% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,-50%) !important;
    transition:none !important;
    animation:none !important;
}

/* Mantém o ícone da faixa ativa completamente estático. */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .iron-audioplayer .play > i,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .iron-audioplayer .sricon-play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .iron-audioplayer .sricon-pause{
    transition:none !important;
    animation:none !important;
}

/* Cursor de mão em toda a área clicável do BUY NOW no dropdown. */
.beatify-search-wrap .beatify-buy,
.beatify-search-wrap .beatify-buy *,
.beatify-results .beatify-buy,
.beatify-results .beatify-buy *{
    cursor:pointer !important;
}

/* =========================================
V2.8.7.25 — ESTADO ATIVO TRAVADO E SINCRONIZADO
========================================= */
/*
 * Reforça o estado da faixa ativa mesmo quando o Sonaar reaplica estilos
 * internos depois da montagem AJAX. Nenhum hover pode mover ou esconder o
 * Pause enquanto o produto estiver marcado como tocando.
 */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .control,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .sonaar-Artwort-box{
    opacity:1 !important;
    visibility:visible !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:hover,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:focus,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:active{
    top:50% !important;
    left:50% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,-50%) !important;
    transition:none !important;
    animation:none !important;
}

.beatify-results .beatify-native-sonaar-slot .play.playing,
.beatify-results .beatify-native-sonaar-slot .play.playing:hover,
.beatify-results .beatify-native-sonaar-slot .play.playing:focus,
.beatify-results .beatify-native-sonaar-slot .play.playing:active{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(-50%,-50%) !important;
    transition:none !important;
    animation:none !important;
}

/* =========================================
V2.8.7.26 — SOMENTE ÍCONE DO CARRINHO IGUAL AO QUICK VIEW
========================================= */
/* Mantém dimensões, posição e comportamento existentes; apenas iguala o
 * tamanho visual do carrinho ao ícone de visualizar e fixa o mesmo fundo preto.
 */
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:hover,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:focus,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:active,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button.beatify-cart-added,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button[data-beatify-cart-added="1"]{
    background:#050505 !important;
}

ul.products.beatify-grid-search-active .beatify-cart-symbol,
ul.products.beatify-grid-search-active .beatify-cart-symbol > i{
    font-size:24px !important;
    line-height:1 !important;
}

/* =========================================
V2.8.7.27 — CARRINHO COM A MESMA CAIXA DO QUICK VIEW
========================================= */
/* Ajuste visual isolado: o botão do carrinho passa a usar exatamente a
 * dimensão de 44px do botão de visualizar, mantendo ícone, posição e ação.
 */
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:hover,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:focus,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:active,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button.beatify-cart-added,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button[data-beatify-cart-added="1"]{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    max-width:44px !important;
    max-height:44px !important;
    padding:0 !important;
    border-radius:4px !important;
    background:#000 !important;
}


/* =========================================
V2.8.7.28 — CARRINHO E QUICK VIEW EM 32x32PX
========================================= */
/* Ajuste isolado: reduz apenas os dois botões do hover (carrinho e olho)
 * para 32x32px, mantendo posição, ações e restante do layout.
 */
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:hover,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:focus,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button:active,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button.beatify-cart-added,
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart > a.add_to_cart_button[data-beatify-cart-added="1"],
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a:hover,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a:focus,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a:active{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    padding:0 !important;
    border-radius:4px !important;
    box-sizing:border-box !important;
}

ul.products.beatify-grid-search-active .beatify-cart-symbol,
ul.products.beatify-grid-search-active .beatify-cart-symbol > i,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a > i{
    font-size:16px !important;
    line-height:1 !important;
}


/* =========================================
V2.8.7.29 — ESPAÇO ENTRE CARRINHO E QUICK VIEW
========================================= */
/* Ajuste visual isolado: mantém os dois botões em 32x32px e adiciona
 * um pequeno espaço horizontal entre eles, sem mudar posição ou ações.
 */
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap{
    gap:8px !important;
    column-gap:8px !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .eael-product-quick-view{
    margin:0 !important;
}

/* =========================================
V2.9.1 — FILTRO LATERAL INTEGRADO À PESQUISA
========================================= */
.beatify-search-box .beatify-filter-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex:0 0 auto;
    min-width:92px;
    height:38px;
    padding:0 13px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:11px !important;
    background:#171717 !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.2px;
    cursor:pointer !important;
    transition:background .18s ease,border-color .18s ease !important;
}
.beatify-search-box .beatify-filter-toggle:hover,
.beatify-search-box .beatify-filter-toggle:focus,
.beatify-search-box .beatify-filter-toggle[aria-expanded="true"]{
    background:#242424 !important;
    border-color:rgba(255,255,255,.28) !important;
    color:#fff !important;
    outline:none !important;
}
.beatify-search-box .beatify-filter-toggle.has-active-filters{
    border-color:#ef4242 !important;
}
.beatify-filter-toggle > i{
    color:#fff !important;
    font-size:14px !important;
    line-height:1 !important;
}
.beatify-filter-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    min-width:18px;
    border-radius:50%;
    background:#ef4242;
    color:#fff;
    font-size:10px;
    font-weight:900;
}
.beatify-filter-count[hidden]{display:none !important}

body.beatify-filter-drawer-open{
    overflow:hidden !important;
}
.beatify-filter-overlay{
    position:fixed;
    inset:0;
    z-index:2147483600;
    background:rgba(0,0,0,.64);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .24s ease,visibility 0s linear .24s;
}
.beatify-filter-overlay.is-visible{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
}
.beatify-filter-drawer{
    position:fixed;
    top:0;
    right:0;
    z-index:2147483610;
    display:flex;
    flex-direction:column;
    width:min(430px,94vw);
    height:100dvh;
    max-height:100dvh;
    box-sizing:border-box;
    overflow:hidden;
    background:#111214;
    color:#fff;
    border-left:1px solid rgba(255,255,255,.12);
    box-shadow:-24px 0 70px rgba(0,0,0,.68);
    transform:translate3d(105%,0,0);
    visibility:hidden;
    pointer-events:none;
    transition:transform .3s cubic-bezier(.22,.8,.26,1),visibility 0s linear .3s;
}
.beatify-filter-drawer.is-open{
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
}
.beatify-filter-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex:0 0 auto;
    min-height:66px;
    padding:0 24px;
    border-bottom:1px solid rgba(255,255,255,.1);
    background:#111214;
}
.beatify-filter-header h2{
    margin:0 !important;
    color:#fff !important;
    font-size:28px !important;
    font-weight:800 !important;
    line-height:1 !important;
}
.beatify-filter-close{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#fff !important;
    font-size:38px !important;
    font-weight:200 !important;
    line-height:1 !important;
    cursor:pointer !important;
    box-shadow:none !important;
}
.beatify-filter-close:hover,
.beatify-filter-close:focus{
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    outline:none !important;
}
.beatify-filter-body{
    flex:1 1 auto;
    min-height:0;
    padding:2px 24px 36px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#555 #111214;
}
.beatify-filter-body::-webkit-scrollbar{width:7px}
.beatify-filter-body::-webkit-scrollbar-track{background:#111214}
.beatify-filter-body::-webkit-scrollbar-thumb{background:#555;border-radius:20px}
.beatify-filter-section{
    display:block;
    padding:24px 0 2px;
}
.beatify-filter-label{
    display:block;
    margin:0 0 12px !important;
    color:#aaa !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    letter-spacing:1.35px !important;
    text-transform:uppercase;
}
.beatify-filter-select{
    display:block;
    width:100%;
    height:57px;
    padding:0 46px 0 15px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background-color:#222 !important;
    color:#ddd !important;
    box-shadow:none !important;
    font-size:18px !important;
    font-weight:500 !important;
    line-height:57px !important;
    cursor:pointer;
    color-scheme:dark;
}
.beatify-filter-select:focus{
    border-color:#ef4242 !important;
    outline:none !important;
}
.beatify-key-mode{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:13px;
}
.beatify-filter-choice{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:84px;
    height:52px;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#bbb !important;
    box-shadow:none !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1 !important;
    cursor:pointer !important;
}
.beatify-filter-choice:hover,
.beatify-filter-choice:focus{
    border-color:rgba(255,255,255,.26) !important;
    color:#fff !important;
}
.beatify-filter-choice.is-selected{
    border-color:#ef4242 !important;
    background:#ef4242 !important;
    color:#fff !important;
}
.beatify-piano{
    position:relative;
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:3px;
    height:112px;
    padding-top:36px;
    box-sizing:border-box;
    user-select:none;
}
.beatify-piano-key{
    display:flex !important;
    align-items:flex-end;
    justify-content:center;
    margin:0 !important;
    box-shadow:none !important;
    cursor:pointer !important;
    transition:background .14s ease,color .14s ease,border-color .14s ease !important;
}
.beatify-piano-key.white{
    position:relative;
    z-index:1;
    height:74px;
    padding:0 0 18px !important;
    border:1px solid #eee !important;
    border-radius:0 0 8px 8px !important;
    background:#fafafa !important;
    color:#111 !important;
    font-size:14px !important;
    font-weight:500 !important;
}
.beatify-piano-key.white.c{grid-column:1}
.beatify-piano-key.white.d{grid-column:2}
.beatify-piano-key.white.e{grid-column:3}
.beatify-piano-key.white.f{grid-column:4}
.beatify-piano-key.white.g{grid-column:5}
.beatify-piano-key.white.a{grid-column:6}
.beatify-piano-key.white.b{grid-column:7}
.beatify-piano-key.black{
    position:absolute;
    top:0;
    z-index:3;
    width:10%;
    height:62px;
    padding:0 0 14px !important;
    border:1px solid #050505 !important;
    border-radius:0 0 5px 5px !important;
    background:#050505 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
}
.beatify-piano-key.black.db{left:9.4%}
.beatify-piano-key.black.eb{left:23.8%}
.beatify-piano-key.black.gb{left:52.2%}
.beatify-piano-key.black.ab{left:66.6%}
.beatify-piano-key.black.bb{left:81%}
.beatify-piano-key.white:hover,
.beatify-piano-key.white:focus{background:#e7e7e7 !important}
.beatify-piano-key.black:hover,
.beatify-piano-key.black:focus{background:#252525 !important}
.beatify-piano-key.is-selected{
    border-color:#ef4242 !important;
    background:#ef4242 !important;
    color:#fff !important;
}
.beatify-bpm-section{padding-top:30px}
.beatify-bpm-range{
    width:100%;
    height:28px;
    margin:21px 0 4px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    appearance:none;
    -webkit-appearance:none;
    cursor:pointer;
}
.beatify-bpm-range::-webkit-slider-runnable-track{
    height:5px;
    border-radius:10px;
    background:#3d3d3d;
}
.beatify-bpm-range::-webkit-slider-thumb{
    width:20px;
    height:20px;
    margin-top:-7.5px;
    border:0;
    border-radius:50%;
    background:#ef4242;
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
}
.beatify-bpm-range::-moz-range-track{
    height:5px;
    border:0;
    border-radius:10px;
    background:#3d3d3d;
}
.beatify-bpm-range::-moz-range-thumb{
    width:20px;
    height:20px;
    border:0;
    border-radius:50%;
    background:#ef4242;
    box-shadow:none;
}
.beatify-bpm-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:32px;
}
.beatify-bpm-value{
    color:#eee;
    font-size:18px;
    font-weight:800;
}
.beatify-bpm-reset{
    padding:6px 10px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:7px !important;
    background:#222 !important;
    color:#ddd !important;
    font-size:12px !important;
    font-weight:800 !important;
    cursor:pointer !important;
}
.beatify-bpm-reset[hidden]{display:none !important}
.beatify-filter-footer{
    display:grid;
    grid-template-columns:1fr 1.25fr;
    gap:12px;
    flex:0 0 auto;
    padding:16px 24px max(16px,env(safe-area-inset-bottom));
    border-top:1px solid rgba(255,255,255,.1);
    background:#111214;
}
.beatify-filter-footer button{
    display:flex !important;
    align-items:center;
    justify-content:center;
    height:48px;
    padding:0 14px !important;
    border-radius:8px !important;
    box-shadow:none !important;
    font-size:13px !important;
    font-weight:900 !important;
    cursor:pointer !important;
}
.beatify-filter-clear-all{
    border:1px solid rgba(255,255,255,.16) !important;
    background:#222 !important;
    color:#fff !important;
}
.beatify-filter-show-results{
    border:1px solid #ef4242 !important;
    background:#ef4242 !important;
    color:#fff !important;
}
.beatify-filter-clear-all:hover,
.beatify-filter-clear-all:focus{background:#303030 !important;color:#fff !important}
.beatify-filter-show-results:hover,
.beatify-filter-show-results:focus{background:#d73737 !important;color:#fff !important}

@media (max-width:640px){
    .beatify-search-box{
        padding-left:15px !important;
        padding-right:10px !important;
        gap:8px !important;
    }
    .beatify-search-box .beatify-filter-toggle{
        min-width:40px;
        width:40px;
        height:38px;
        padding:0 !important;
    }
    .beatify-filter-toggle-text{display:none}
    .beatify-filter-count{
        position:absolute;
        top:7px;
        right:5px;
        width:14px;
        height:14px;
        min-width:14px;
        font-size:8px;
    }
    .beatify-filter-toggle{position:relative}
    .beatify-filter-header{padding:0 18px}
    .beatify-filter-header h2{font-size:24px !important}
    .beatify-filter-body{padding-left:18px;padding-right:18px}
    .beatify-filter-footer{padding-left:18px;padding-right:18px}
    .beatify-filter-choice{min-width:78px;height:48px;font-size:16px !important}
}


/* V2.9.1 — preço, fundo estável e layout do painel. */
.beatify-filter-drawer,
.beatify-filter-header,
.beatify-filter-body,
.beatify-filter-footer,
.beatify-filter-drawer:focus-within{
    background:#111214 !important;
}
.beatify-price-filter-section{padding-top:30px}
.beatify-price-range{
    width:100%;
    height:28px;
    margin:21px 0 4px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    appearance:none;
    -webkit-appearance:none;
    accent-color:#ef4242;
    cursor:pointer;
    outline:none !important;
    -webkit-tap-highlight-color:transparent;
}
.beatify-price-range:hover,
.beatify-price-range:focus,
.beatify-price-range:active,
.beatify-bpm-range:hover,
.beatify-bpm-range:focus,
.beatify-bpm-range:active{
    background:transparent !important;
    box-shadow:none !important;
    outline:none !important;
}
.beatify-price-range::-webkit-slider-runnable-track{
    height:5px;
    border:0;
    border-radius:10px;
    background:#3d3d3d !important;
    box-shadow:none;
}
.beatify-price-range::-webkit-slider-thumb{
    width:20px;
    height:20px;
    margin-top:-7.5px;
    border:0;
    border-radius:50%;
    background:#ef4242 !important;
    box-shadow:none;
    appearance:none;
    -webkit-appearance:none;
}
.beatify-price-range::-moz-range-track{
    height:5px;
    border:0;
    border-radius:10px;
    background:#3d3d3d !important;
}
.beatify-price-range::-moz-range-progress{
    height:5px;
    border-radius:10px;
    background:#3d3d3d !important;
}
.beatify-price-range::-moz-range-thumb{
    width:20px;
    height:20px;
    border:0;
    border-radius:50%;
    background:#ef4242 !important;
    box-shadow:none;
}
.beatify-bpm-range::-moz-range-progress{
    height:5px;
    border-radius:10px;
    background:#3d3d3d !important;
}
.beatify-price-filter-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:32px;
}
.beatify-price-filter-value{
    color:#eee;
    font-size:18px;
    font-weight:800;
}
.beatify-price-reset{
    padding:6px 10px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:7px !important;
    background:#222 !important;
    color:#ddd !important;
    font-size:12px !important;
    font-weight:800 !important;
    cursor:pointer !important;
}
.beatify-price-reset[hidden]{display:none !important}

/* =========================================
V2.9.2 — PLAYER ATIVO TRAVADO + FILTRO ACIMA DO SONAAR
========================================= */
/*
 * Enquanto a faixa estiver tocando, neutraliza qualquer transformação de
 * hover aplicada pelo Sonaar/tema no contêiner, no controle e no ícone.
 * O único estado visual permitido é a troca do glifo Play/Pause.
 */
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .sonaar-Artwort-box,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap:hover .sonaar-Artwort-box,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .control,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap:hover .iron-audioplayer .control,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product:has(.iron-audioplayer .play.playing) .image-wrap .sonaar-Artwort-box,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product:has(.iron-audioplayer .play.playing) .image-wrap .iron-audioplayer .control{
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:hover,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:focus,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:active,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product:has(.iron-audioplayer .play.playing) .image-wrap .iron-audioplayer .play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product:has(.iron-audioplayer .play.playing) .image-wrap .iron-audioplayer .play:hover{
    top:50% !important;
    left:50% !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,-50%) !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}

ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .iron-audioplayer .play > i,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .iron-audioplayer .sricon-play,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product.beatify-sonaar-native-playing .iron-audioplayer .sricon-pause,
ul.products.beatify-grid-search-active.beatify-grid-search-rendered > li.product:has(.iron-audioplayer .play.playing) .iron-audioplayer .play > i{
    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}

/* O dropdown também mantém o Pause totalmente parado enquanto toca. */
.beatify-results .beatify-native-sonaar-slot .play.playing,
.beatify-results .beatify-native-sonaar-slot .play.playing:hover,
.beatify-results .beatify-native-sonaar-slot .play.playing:focus,
.beatify-results .beatify-native-sonaar-slot .play.playing:active,
.beatify-results .beatify-native-sonaar-slot .play.playing > i{
    transform:translate(-50%,-50%) !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}
.beatify-results .beatify-native-sonaar-slot .play.playing > i{
    transform:none !important;
}

/*
 * O sticky player usava o maior z-index possível. Quando o filtro abre,
 * reduzimos apenas a camada do sticky e elevamos o painel/overlay, mantendo o
 * player tocando por baixo sem bloquear os controles do filtro.
 */
body.beatify-filter-drawer-open .beatify-search-wrap{
    z-index:2147483647 !important;
}
body.beatify-filter-drawer-open .beatify-filter-overlay{
    z-index:2147483645 !important;
}
body.beatify-filter-drawer-open .beatify-filter-drawer{
    z-index:2147483647 !important;
    isolation:isolate !important;
}
body.beatify-filter-drawer-open .srp-sticky-player,
body.beatify-filter-drawer-open .srmp3_sticky_player,
body.beatify-filter-drawer-open .srmp3-sticky-player,
body.beatify-filter-drawer-open #sonaar-player,
body.beatify-filter-drawer-open #sonaar-music-player,
body.beatify-filter-drawer-open [class*="srp-sticky-player"],
body.beatify-filter-drawer-open [class*="srmp3_sticky_player"],
body.beatify-filter-drawer-open [class*="srmp3-sticky-player"],
body.beatify-filter-drawer-open [id*="sonaar"][class*="sticky"],
body.beatify-filter-drawer-open [class*="sonaar"][class*="sticky"]{
    z-index:2147483000 !important;
}


/* =========================================
V2.9.4 — SOMENTE LAYOUT DO FILTRO.TXT
Os mesmos data-filter, valores, AJAX e fluxo de grid da 2.9.3 foram mantidos.
========================================= */
.beatify-filter-drawer{
    width:min(430px,100vw) !important;
    background:#111214 !important;
    border-left:1px solid rgba(255,255,255,.08) !important;
}
.beatify-filter-header{
    min-height:64px !important;
    padding:0 24px !important;
    border-bottom:0 !important;
    background:#111214 !important;
}
.beatify-filter-header h2{
    font-size:28px !important;
    font-weight:800 !important;
}
.beatify-filter-close{
    width:42px !important;
    height:42px !important;
    border-radius:0 !important;
    font-size:38px !important;
    font-weight:200 !important;
}
.beatify-filter-source-layout{
    padding:0 24px 38px !important;
    background:#111214 !important;
}
.beatify-filter-source-layout .beatify-filter-section{
    padding:24px 0 0 !important;
}
.beatify-filter-source-layout .beatify-filter-label{
    margin:0 0 13px !important;
    color:#aaa !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:1.35px !important;
    line-height:1.2 !important;
}
.beatify-filter-source-layout .beatify-filter-select{
    height:57px !important;
    padding:0 46px 0 15px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#ddd !important;
    font-size:18px !important;
    font-weight:500 !important;
}
.beatify-filter-source-layout .beatify-filter-toggle-group{
    display:flex !important;
    gap:12px !important;
    margin:0 0 13px !important;
}
.beatify-filter-source-layout .beatify-filter-choice{
    min-width:84px !important;
    height:52px !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#bbb !important;
}
.beatify-filter-source-layout .beatify-piano{
    margin-top:0 !important;
}
.beatify-filter-source-layout .beatify-range-wrap{
    width:100%;
    background:#111214 !important;
}
.beatify-filter-source-layout .beatify-bpm-range,
.beatify-filter-source-layout .beatify-price-range{
    display:block !important;
    width:100% !important;
    margin:21px 0 4px !important;
    background:transparent !important;
}
.beatify-vocal-native-select{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0,0,0,0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
.beatify-vocal-options{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
}
.beatify-vocal-option{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:52px !important;
    padding:0 15px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#c9c9c9 !important;
    box-shadow:none !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-align:left !important;
    cursor:pointer !important;
}
.beatify-vocal-option:hover,
.beatify-vocal-option:focus{
    border-color:rgba(255,255,255,.28) !important;
    color:#fff !important;
    outline:none !important;
}
.beatify-vocal-option.is-selected{
    border-color:#ef4242 !important;
    background:#ef4242 !important;
    color:#fff !important;
}
.beatify-filter-footer{
    background:#111214 !important;
}
@media (max-width:640px){
    .beatify-filter-header{padding:0 24px !important}
    .beatify-filter-source-layout{padding-left:24px !important;padding-right:24px !important}
    .beatify-filter-footer{padding-left:24px !important;padding-right:24px !important}
}


/* =========================================
V2.9.5 — TIPOGRAFIA/ÍCONES MENORES + SEM FLASH INICIAL
Somente ajustes visuais; parâmetros e lógica do filtro permanecem intactos.
========================================= */
.beatify-filter-overlay[hidden],
.beatify-filter-drawer[hidden]{
    display:none !important;
}

.beatify-search-box .beatify-filter-toggle{
    font-size:11px !important;
    gap:7px !important;
}
.beatify-filter-toggle > i{
    font-size:12px !important;
}
.beatify-filter-count{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    font-size:9px !important;
}
.beatify-filter-header{
    min-height:58px !important;
}
.beatify-filter-header h2{
    font-size:24px !important;
}
.beatify-filter-close{
    width:36px !important;
    height:36px !important;
    font-size:30px !important;
}
.beatify-filter-source-layout .beatify-filter-section{
    padding-top:20px !important;
}
.beatify-filter-source-layout .beatify-filter-label{
    margin-bottom:10px !important;
    font-size:12px !important;
    letter-spacing:1.1px !important;
}
.beatify-filter-source-layout .beatify-filter-select{
    height:50px !important;
    padding-left:13px !important;
    font-size:15px !important;
    line-height:50px !important;
}
.beatify-filter-source-layout .beatify-filter-toggle-group{
    gap:10px !important;
    margin-bottom:10px !important;
}
.beatify-filter-source-layout .beatify-filter-choice{
    min-width:76px !important;
    height:46px !important;
    padding:0 13px !important;
    font-size:15px !important;
}
.beatify-filter-source-layout .beatify-piano{
    height:96px !important;
    padding-top:31px !important;
    gap:2px !important;
}
.beatify-filter-source-layout .beatify-piano-key.white{
    height:64px !important;
    padding-bottom:14px !important;
    border-radius:0 0 6px 6px !important;
    font-size:11px !important;
}
.beatify-filter-source-layout .beatify-piano-key.black{
    width:9.5% !important;
    height:52px !important;
    padding-bottom:11px !important;
    border-radius:0 0 4px 4px !important;
    font-size:9px !important;
}
.beatify-filter-source-layout .beatify-bpm-range,
.beatify-filter-source-layout .beatify-price-range{
    height:24px !important;
    margin:17px 0 3px !important;
}
.beatify-bpm-range::-webkit-slider-runnable-track,
.beatify-price-range::-webkit-slider-runnable-track{
    height:4px !important;
}
.beatify-bpm-range::-webkit-slider-thumb,
.beatify-price-range::-webkit-slider-thumb{
    width:17px !important;
    height:17px !important;
    margin-top:-6.5px !important;
}
.beatify-bpm-range::-moz-range-track,
.beatify-price-range::-moz-range-track,
.beatify-bpm-range::-moz-range-progress,
.beatify-price-range::-moz-range-progress{
    height:4px !important;
}
.beatify-bpm-range::-moz-range-thumb,
.beatify-price-range::-moz-range-thumb{
    width:17px !important;
    height:17px !important;
}
.beatify-bpm-value,
.beatify-price-filter-value{
    font-size:15px !important;
}
.beatify-bpm-reset,
.beatify-price-reset{
    padding:5px 8px !important;
    font-size:10px !important;
}
.beatify-vocal-options{
    gap:8px !important;
}
.beatify-vocal-option{
    min-height:46px !important;
    padding:0 13px !important;
    font-size:13px !important;
}
.beatify-filter-footer{
    gap:10px !important;
    padding-top:13px !important;
}
.beatify-filter-footer button{
    height:44px !important;
    font-size:12px !important;
}

@media (max-width:640px){
    .beatify-filter-header h2{font-size:22px !important}
    .beatify-filter-source-layout .beatify-filter-choice{
        min-width:72px !important;
        height:44px !important;
        font-size:14px !important;
    }
    .beatify-filter-source-layout .beatify-piano{
        height:91px !important;
        padding-top:29px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.white{
        height:61px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black{
        height:49px !important;
    }
}


/* =========================================================
   V2.9.6 — TECLAS BRANCAS MAIS FINAS + LETRAS LEVES
   Apenas ajuste visual do piano do filtro.
========================================================= */
.beatify-filter-source-layout .beatify-piano{
    gap:5px !important;
}
.beatify-filter-source-layout .beatify-piano-key.white{
    width:calc(100% - 4px) !important;
    justify-self:center !important;
    font-weight:400 !important;
}
.beatify-filter-source-layout .beatify-piano-key.black{
    font-weight:400 !important;
}

/* =========================================================
   V2.9.8 — TIPOGRAFIA FINA/SEM NEGRITO NO FILTRO
   Apenas peso visual das letras; lógica e dimensões preservadas.
========================================================= */
.beatify-filter-drawer,
.beatify-filter-drawer button,
.beatify-filter-drawer select,
.beatify-filter-drawer option,
.beatify-filter-drawer input,
.beatify-filter-drawer label,
.beatify-filter-drawer span,
.beatify-filter-drawer h2,
.beatify-filter-drawer h3{
    font-weight:400 !important;
}

.beatify-filter-header h2,
.beatify-filter-source-layout .beatify-filter-label,
.beatify-filter-source-layout .beatify-filter-select,
.beatify-filter-source-layout .beatify-filter-choice,
.beatify-filter-source-layout .beatify-piano-key,
.beatify-bpm-value,
.beatify-price-filter-value,
.beatify-bpm-reset,
.beatify-price-reset,
.beatify-vocal-option,
.beatify-filter-footer button{
    font-weight:400 !important;
}


/* =========================================================
   V2.9.9 — HIDE SOLD + PLAYER ATIVO ABSOLUTAMENTE ESTÁTICO
   Somente estados pedidos; demais estilos permanecem intactos.
========================================================= */
.beatify-filter-show-results.is-selected,
.beatify-filter-show-results[aria-pressed="true"]{
    background:#111 !important;
    border-color:#ef4242 !important;
    color:#fff !important;
}

/* A classe ativa basta, mesmo se o tema remover classes auxiliares do grid. */
li.product.beatify-sonaar-native-playing .image-wrap .sonaar-Artwort-box,
li.product.beatify-sonaar-native-playing .image-wrap:hover .sonaar-Artwort-box,
li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .control,
li.product.beatify-sonaar-native-playing .image-wrap:hover .iron-audioplayer .control{
    position:absolute !important;
    inset:0 !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}

li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play,
li.product.beatify-sonaar-native-playing .image-wrap:hover .iron-audioplayer .play,
li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:hover,
li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:focus,
li.product.beatify-sonaar-native-playing .image-wrap .iron-audioplayer .play:active{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    margin:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,-50%) !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}

li.product.beatify-sonaar-native-playing .iron-audioplayer .play > i,
li.product.beatify-sonaar-native-playing .iron-audioplayer .sricon-play,
li.product.beatify-sonaar-native-playing .iron-audioplayer .sricon-pause{
    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}


/* =========================================================
   V2.9.10 — PLAYER ESTÁTICO NO FILTRO + BLUR EM TODO O GRID
   Somente os dois estados solicitados; restante preservado.
========================================================= */
/* Fallback visual para o controle proxy usado por alguns cards filtrados. */
ul.products.beatify-grid-search-active li.product.beatify-sonaar-native-playing .beatify-grid-play,
ul.products.beatify-grid-search-active li.product.beatify-sonaar-native-playing .beatify-grid-play:hover,
ul.products.beatify-grid-search-active li.product.beatify-sonaar-native-playing .beatify-grid-play:focus,
ul.products.beatify-grid-search-active li.product.beatify-sonaar-native-playing .beatify-grid-play:active,
ul.products.beatify-grid-search-active .beatify-grid-play.playing,
ul.products.beatify-grid-search-active .beatify-grid-play.playing:hover,
ul.products.beatify-grid-search-active .beatify-grid-play.playing:focus,
ul.products.beatify-grid-search-active .beatify-grid-play.playing:active{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(-50%,-50%) !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}

ul.products.beatify-grid-search-active li.product.beatify-sonaar-native-playing .beatify-grid-play .beatify-play-symbol,
ul.products.beatify-grid-search-active .beatify-grid-play.playing .beatify-play-symbol{
    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
}

/* A altura é calculada pelo JS com o tamanho integral do widget/grid. */
.beatify-catalog-loading-mask,
.beatify-catalog-loading-mask.is-visible{
    max-height:none !important;
    overflow:hidden !important;
}


/* =========================================
V2.9.13 — GRID ESTÁVEL DURANTE A PESQUISA
========================================= */
/* Reserva permanentemente o espaço da barra de rolagem e evita deslocamento lateral. */
html:has(.beatify-search-wrap){
    scrollbar-gutter:stable;
}

/* Mantém a altura antiga somente durante a troca atômica dos cards. */
ul.products.beatify-grid-dom-swap{
    min-height:var(--beatify-grid-swap-height, 0px) !important;
}

/* Os cards pesquisados não entram novamente com animação a cada resposta AJAX. */
ul.products.beatify-grid-stable > li.product,
ul.products.beatify-grid-stable.beatify-grid-search-rendered > li.product,
ul.products.beatify-grid-stable.beatify-grid-search-rendered.beatify-grid-results-visible > li.product,
ul.products.beatify-grid-stable.beatify-grid-search-active > li.product{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
    backface-visibility:hidden;
}

/* Mantém somente o hover normal, sem animação de entrada/refluxo do grid. */
ul.products.beatify-grid-stable > li.product:hover{
    transform:translateY(-2px) scale(1.012) !important;
}

/* Enquanto a requisição está em andamento, o EAEL não anima/recalcula os cards atuais. */
ul.products.beatify-grid-querying,
ul.products.beatify-grid-querying > li.product,
.beatify-grid-querying .eael-product-grid,
.beatify-grid-querying .eael-woo-product-grid{
    animation:none !important;
    transition:none !important;
}

/* O blur de fundo podia causar cintilação na GPU; a máscara cinza continua visível. */
.beatify-catalog-loading-mask,
.beatify-catalog-loading-mask.is-visible{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}


/* =========================================================
   V4.0.2 — QUICK VIEW NATIVO DO EAEL CLICÁVEL NA PESQUISA
   Ajuste isolado: não altera player, carrinho, card ou layout.
========================================================= */
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a.eael-product-grid-open-popup,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a.open-popup-link{
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view{
    position:relative !important;
    z-index:10002 !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a{
    position:relative !important;
    z-index:10003 !important;
}

/* =========================================================
   V4.0.6 — ÍCONE ORIGINAL FUNCIONAL + FILTRO ESTREITO + BLUR SUAVE
   Mantém exatamente o carrinho da versão enviada pelo usuário.
========================================================= */
.beatify-filter-drawer{
    width:min(340px,92vw) !important;
}

@media (max-width:420px){
    .beatify-filter-drawer{
        width:100vw !important;
    }
}

/* Inclui a barra de pesquisa no overlay, sem blur agressivo. */
body.beatify-filter-drawer-open .beatify-search-wrap{
    z-index:2147483640 !important;
}

.beatify-filter-overlay{
    background:rgba(0,0,0,.46) !important;
}

body.beatify-filter-drawer-open .beatify-filter-overlay,
.beatify-filter-overlay.is-visible{
    -webkit-backdrop-filter:blur(2px) !important;
    backdrop-filter:blur(2px) !important;
}

/* =========================================================
   V4.0.7 — PIANO COMPACTO IGUAL AO LAYOUT DE REFERÊNCIA
   Somente dimensões e alinhamento visual do piano.
========================================================= */
.beatify-filter-source-layout .beatify-filter-toggle-group{
    margin-bottom:13px !important;
}

.beatify-filter-source-layout .beatify-piano{
    width:100% !important;
    height:111px !important;
    padding-top:37px !important;
    gap:3px !important;
    margin-top:0 !important;
    overflow:visible !important;
}

.beatify-filter-source-layout .beatify-piano-key.white{
    width:auto !important;
    height:74px !important;
    padding:0 0 18px !important;
    justify-self:stretch !important;
    border-radius:0 0 8px 8px !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black{
    top:0 !important;
    width:10% !important;
    height:62px !important;
    padding:0 0 14px !important;
    border-radius:0 0 5px 5px !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black.db{left:9.4% !important}
.beatify-filter-source-layout .beatify-piano-key.black.eb{left:23.8% !important}
.beatify-filter-source-layout .beatify-piano-key.black.gb{left:52.2% !important}
.beatify-filter-source-layout .beatify-piano-key.black.ab{left:66.6% !important}
.beatify-filter-source-layout .beatify-piano-key.black.bb{left:81% !important}

@media (max-width:640px){
    .beatify-filter-source-layout .beatify-piano{
        height:102px !important;
        padding-top:34px !important;
        gap:3px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.white{
        height:68px !important;
        padding-bottom:16px !important;
        font-size:12px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black{
        height:56px !important;
        padding-bottom:12px !important;
        font-size:10px !important;
    }
}

/* =========================================================
   V4.0.8 — PIANO MENOR E SEM TECLAS ESTICADAS
   Ajuste apenas visual: largura/altura compactas, mesma lógica.
========================================================= */
.beatify-filter-source-layout .beatify-piano{
    width:270px !important;
    max-width:100% !important;
    height:96px !important;
    padding-top:31px !important;
    gap:3px !important;
    margin:0 auto 0 0 !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
}

.beatify-filter-source-layout .beatify-piano-key.white{
    width:auto !important;
    height:64px !important;
    padding:0 0 14px !important;
    justify-self:stretch !important;
    border-radius:0 0 6px 6px !important;
    font-size:11px !important;
    font-weight:400 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black{
    top:0 !important;
    width:27px !important;
    height:52px !important;
    padding:0 0 11px !important;
    border-radius:0 0 4px 4px !important;
    font-size:9px !important;
    font-weight:400 !important;
}

/* Posições calculadas para a largura compacta de 270px. */
.beatify-filter-source-layout .beatify-piano-key.black.db{left:25px !important}
.beatify-filter-source-layout .beatify-piano-key.black.eb{left:64px !important}
.beatify-filter-source-layout .beatify-piano-key.black.gb{left:141px !important}
.beatify-filter-source-layout .beatify-piano-key.black.ab{left:180px !important}
.beatify-filter-source-layout .beatify-piano-key.black.bb{left:219px !important}

@media (max-width:360px){
    .beatify-filter-source-layout .beatify-piano{
        width:252px !important;
        height:91px !important;
        padding-top:29px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.white{
        height:61px !important;
        padding-bottom:13px !important;
        font-size:10px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black{
        width:25px !important;
        height:49px !important;
        padding-bottom:10px !important;
        font-size:8px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black.db{left:23px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.eb{left:59px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.gb{left:131px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.ab{left:167px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.bb{left:203px !important}
}

/* =========================================================
   V4.0.9 — PIANO MAIS QUADRADO + NOTAS CENTRALIZADAS
   Somente ajuste visual do piano; lógica do filtro preservada.
========================================================= */
.beatify-filter-source-layout .beatify-piano{
    width:270px !important;
    max-width:100% !important;
    height:66px !important;
    padding-top:24px !important;
    gap:3px !important;
    margin:0 auto 0 0 !important;
    overflow:visible !important;
}

.beatify-filter-source-layout .beatify-piano-key{
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    line-height:1 !important;
}

.beatify-filter-source-layout .beatify-piano-key.white{
    height:42px !important;
    padding:0 !important;
    border-radius:0 0 4px 4px !important;
    font-size:11px !important;
    font-weight:400 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black{
    top:0 !important;
    width:27px !important;
    height:32px !important;
    padding:0 !important;
    border-radius:0 0 3px 3px !important;
    font-size:9px !important;
    font-weight:400 !important;
}

/* Mantém as teclas pretas centralizadas nas divisões das brancas. */
.beatify-filter-source-layout .beatify-piano-key.black.db{left:25px !important}
.beatify-filter-source-layout .beatify-piano-key.black.eb{left:64px !important}
.beatify-filter-source-layout .beatify-piano-key.black.gb{left:141px !important}
.beatify-filter-source-layout .beatify-piano-key.black.ab{left:180px !important}
.beatify-filter-source-layout .beatify-piano-key.black.bb{left:219px !important}

@media (max-width:360px){
    .beatify-filter-source-layout .beatify-piano{
        width:252px !important;
        height:61px !important;
        padding-top:22px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.white{
        height:39px !important;
        font-size:10px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black{
        width:25px !important;
        height:30px !important;
        font-size:8px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black.db{left:23px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.eb{left:59px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.gb{left:131px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.ab{left:167px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.bb{left:203px !important}
}

/* =========================================================
   V4.0.10 — PIANO COM PROPORÇÃO REAL + NOTAS CENTRALIZADAS
   Somente ajuste visual do piano; lógica do filtro preservada.
========================================================= */
.beatify-filter-source-layout .beatify-piano{
    width:270px !important;
    max-width:100% !important;
    height:101px !important;
    padding-top:25px !important;
    gap:3px !important;
    margin:0 auto 0 0 !important;
    overflow:visible !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
}

.beatify-filter-source-layout .beatify-piano-key{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    line-height:1 !important;
    font-weight:400 !important;
    box-sizing:border-box !important;
}

/* Teclas brancas: mais altas e estreitas, como um piano real. */
.beatify-filter-source-layout .beatify-piano-key.white{
    width:auto !important;
    height:76px !important;
    justify-self:stretch !important;
    border-radius:0 0 7px 7px !important;
    font-size:11px !important;
}

/* Teclas pretas: finas, menores e sobrepostas às brancas. */
.beatify-filter-source-layout .beatify-piano-key.black{
    top:0 !important;
    width:24px !important;
    height:48px !important;
    border-radius:0 0 4px 4px !important;
    font-size:9px !important;
}

/* Centraliza cada tecla preta sobre a divisão correta das brancas. */
.beatify-filter-source-layout .beatify-piano-key.black.db{left:26px !important}
.beatify-filter-source-layout .beatify-piano-key.black.eb{left:65px !important}
.beatify-filter-source-layout .beatify-piano-key.black.gb{left:142px !important}
.beatify-filter-source-layout .beatify-piano-key.black.ab{left:181px !important}
.beatify-filter-source-layout .beatify-piano-key.black.bb{left:220px !important}

@media (max-width:360px){
    .beatify-filter-source-layout .beatify-piano{
        width:252px !important;
        height:95px !important;
        padding-top:23px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.white{
        height:72px !important;
        font-size:10px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black{
        width:22px !important;
        height:45px !important;
        font-size:8px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black.db{left:24px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.eb{left:60px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.gb{left:132px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.ab{left:168px !important}
    .beatify-filter-source-layout .beatify-piano-key.black.bb{left:204px !important}
}

/* =========================================================
   V4.0.11 — TECLAS BRANCAS MAIS CURTAS
   Somente reduz a altura das teclas brancas; lógica preservada.
========================================================= */
.beatify-filter-source-layout .beatify-piano{
    height:89px !important;
    padding-top:25px !important;
}

.beatify-filter-source-layout .beatify-piano-key.white{
    height:64px !important;
}

@media (max-width:360px){
    .beatify-filter-source-layout .beatify-piano{
        height:84px !important;
        padding-top:23px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.white{
        height:61px !important;
    }
}

/* =========================================================
   V4.0.12 — LAYOUT VISUAL EXATO DO FILTRO DE REFERÊNCIA
   Somente dimensões, tipografia e proporções visuais.
   Parâmetros, opções, AJAX e comportamento permanecem intactos.
========================================================= */
.beatify-filter-drawer{
    width:min(430px,100vw) !important;
    background:#111214 !important;
    color:#fff !important;
    border-left:1px solid rgba(255,255,255,.08) !important;
    font-family:inherit !important;
}

.beatify-filter-header{
    min-height:64px !important;
    padding:0 24px !important;
    border-bottom:0 !important;
    background:#111214 !important;
}

.beatify-filter-header h2{
    margin:0 !important;
    color:#fff !important;
    font-size:28px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
}

.beatify-filter-close{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:38px !important;
    font-weight:200 !important;
    line-height:1 !important;
}

.beatify-filter-body.beatify-filter-source-layout{
    padding:0 24px 38px !important;
    background:#111214 !important;
}

.beatify-filter-source-layout .beatify-filter-section{
    padding:24px 0 0 !important;
}

.beatify-filter-source-layout .beatify-filter-label{
    margin:0 0 13px !important;
    color:#aaa !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1.2 !important;
    letter-spacing:1.35px !important;
    text-transform:uppercase !important;
}

.beatify-filter-source-layout .beatify-filter-select{
    display:block !important;
    width:100% !important;
    height:57px !important;
    padding:0 46px 0 15px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background-color:#222 !important;
    color:#ddd !important;
    box-shadow:none !important;
    font-size:18px !important;
    font-weight:500 !important;
    line-height:57px !important;
}

.beatify-filter-source-layout .beatify-filter-toggle-group,
.beatify-filter-source-layout .beatify-key-mode{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 13px !important;
}

.beatify-filter-source-layout .beatify-filter-choice{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:84px !important;
    width:auto !important;
    height:52px !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#bbb !important;
    box-shadow:none !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

/* Piano com as mesmas medidas e proporções da referência. */
.beatify-filter-source-layout .beatify-piano{
    position:relative !important;
    display:grid !important;
    width:100% !important;
    max-width:none !important;
    height:112px !important;
    padding-top:36px !important;
    margin:0 !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:3px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    user-select:none !important;
}

.beatify-filter-source-layout .beatify-piano-key{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    margin:0 !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
    line-height:1 !important;
}

.beatify-filter-source-layout .beatify-piano-key.white{
    position:relative !important;
    z-index:1 !important;
    width:auto !important;
    height:74px !important;
    padding:0 0 18px !important;
    justify-self:stretch !important;
    border:1px solid #eee !important;
    border-radius:0 0 8px 8px !important;
    background:#fafafa !important;
    color:#111 !important;
    font-size:14px !important;
    font-weight:500 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black{
    position:absolute !important;
    top:0 !important;
    z-index:3 !important;
    width:10% !important;
    height:62px !important;
    padding:0 0 14px !important;
    border:1px solid #050505 !important;
    border-radius:0 0 5px 5px !important;
    background:#050505 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black.db{left:9.4% !important}
.beatify-filter-source-layout .beatify-piano-key.black.eb{left:23.8% !important}
.beatify-filter-source-layout .beatify-piano-key.black.gb{left:52.2% !important}
.beatify-filter-source-layout .beatify-piano-key.black.ab{left:66.6% !important}
.beatify-filter-source-layout .beatify-piano-key.black.bb{left:81% !important}

.beatify-filter-source-layout .beatify-bpm-section,
.beatify-filter-source-layout .beatify-price-filter-section{
    padding-top:30px !important;
}

.beatify-filter-source-layout .beatify-range-wrap{
    width:100% !important;
    background:#111214 !important;
}

.beatify-filter-source-layout .beatify-bpm-range,
.beatify-filter-source-layout .beatify-price-range{
    display:block !important;
    width:100% !important;
    height:28px !important;
    margin:21px 0 4px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.beatify-bpm-range::-webkit-slider-runnable-track,
.beatify-price-range::-webkit-slider-runnable-track{
    height:5px !important;
    border-radius:10px !important;
    background:#3d3d3d !important;
}

.beatify-bpm-range::-webkit-slider-thumb,
.beatify-price-range::-webkit-slider-thumb{
    width:20px !important;
    height:20px !important;
    margin-top:-7.5px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#ef4242 !important;
}

.beatify-bpm-range::-moz-range-track,
.beatify-price-range::-moz-range-track,
.beatify-bpm-range::-moz-range-progress,
.beatify-price-range::-moz-range-progress{
    height:5px !important;
    border-radius:10px !important;
    background:#3d3d3d !important;
}

.beatify-bpm-range::-moz-range-thumb,
.beatify-price-range::-moz-range-thumb{
    width:20px !important;
    height:20px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#ef4242 !important;
}

.beatify-bpm-row,
.beatify-price-filter-row{
    min-height:32px !important;
}

.beatify-bpm-value,
.beatify-price-filter-value{
    color:#eee !important;
    font-size:18px !important;
    font-weight:800 !important;
}

.beatify-bpm-reset,
.beatify-price-reset{
    padding:6px 10px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:7px !important;
    background:#222 !important;
    color:#ddd !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.beatify-vocal-options{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
}

.beatify-vocal-option{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:52px !important;
    padding:0 15px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#c9c9c9 !important;
    box-shadow:none !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    text-align:left !important;
}

.beatify-filter-footer{
    display:grid !important;
    grid-template-columns:1fr 1.25fr !important;
    gap:12px !important;
    padding:16px 24px max(16px,env(safe-area-inset-bottom)) !important;
    border-top:1px solid rgba(255,255,255,.1) !important;
    background:#111214 !important;
}

.beatify-filter-footer button{
    height:48px !important;
    padding:0 14px !important;
    border-radius:8px !important;
    font-size:13px !important;
    font-weight:900 !important;
}

@media (max-width:640px){
    .beatify-filter-header,
    .beatify-filter-body.beatify-filter-source-layout,
    .beatify-filter-footer{
        padding-left:24px !important;
        padding-right:24px !important;
    }

    .beatify-filter-header h2{
        font-size:28px !important;
    }

    .beatify-filter-source-layout .beatify-filter-choice{
        min-width:84px !important;
        height:52px !important;
        font-size:18px !important;
    }

    .beatify-filter-source-layout .beatify-piano{
        width:100% !important;
        height:112px !important;
        padding-top:36px !important;
        gap:3px !important;
    }

    .beatify-filter-source-layout .beatify-piano-key.white{
        height:74px !important;
        padding-bottom:18px !important;
        font-size:14px !important;
    }

    .beatify-filter-source-layout .beatify-piano-key.black{
        width:10% !important;
        height:62px !important;
        padding-bottom:14px !important;
        font-size:12px !important;
    }
}

/* =========================================================
   V4.0.13 — FILTRO COMPACTO IGUAL À PRIMEIRA REFERÊNCIA
   Apenas layout visual. Nenhuma lógica ou opção foi alterada.
========================================================= */

/* Impede que o tema aplique sombra, contorno, filtros ou fontes pesadas. */
.beatify-filter-drawer,
.beatify-filter-drawer *,
.beatify-filter-drawer *::before,
.beatify-filter-drawer *::after{
    text-shadow:none !important;
    -webkit-text-stroke:0 transparent !important;
    filter:none !important;
}

.beatify-filter-drawer,
.beatify-filter-drawer button,
.beatify-filter-drawer select,
.beatify-filter-drawer input,
.beatify-filter-drawer h2,
.beatify-filter-drawer h3,
.beatify-filter-drawer strong,
.beatify-filter-drawer span{
    font-family:Arial,Helvetica,sans-serif !important;
}

/* Painel: 430 px no desktop e largura integral somente quando a tela for menor. */
.beatify-filter-drawer{
    width:430px !important;
    min-width:0 !important;
    max-width:100vw !important;
    background:#111214 !important;
    border-left:1px solid rgba(255,255,255,.08) !important;
    box-shadow:-18px 0 52px rgba(0,0,0,.58) !important;
}

/* Cabeçalho compacto. */
.beatify-filter-header{
    min-height:64px !important;
    height:64px !important;
    padding:0 24px !important;
    border-bottom:0 !important;
    background:#111214 !important;
}

.beatify-filter-header h2{
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
}

/* Apenas o X, sem caixa de fundo. */
.beatify-filter-close,
.beatify-filter-close:hover,
.beatify-filter-close:focus,
.beatify-filter-close:active{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    outline:0 !important;
    font-size:34px !important;
    font-weight:200 !important;
    line-height:34px !important;
    transform:none !important;
}

/* Conteúdo e espaçamentos iguais ao painel compacto. */
.beatify-filter-body.beatify-filter-source-layout{
    padding:0 24px 38px !important;
    background:#111214 !important;
    scrollbar-gutter:auto !important;
    scrollbar-width:thin !important;
    scrollbar-color:rgba(255,255,255,.72) transparent !important;
}

/* Barra de rolagem fina e encostada na borda direita. */
.beatify-filter-body::-webkit-scrollbar{
    width:4px !important;
}
.beatify-filter-body::-webkit-scrollbar-track{
    background:transparent !important;
}
.beatify-filter-body::-webkit-scrollbar-thumb{
    min-height:36px !important;
    border:0 !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.72) !important;
}
.beatify-filter-body::-webkit-scrollbar-button{
    display:none !important;
    width:0 !important;
    height:0 !important;
}

.beatify-filter-source-layout .beatify-filter-section{
    padding:24px 0 0 !important;
    margin:0 !important;
}

.beatify-filter-source-layout .beatify-filter-label{
    margin:0 0 13px !important;
    padding:0 !important;
    color:#aaa !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    letter-spacing:1.35px !important;
    text-transform:uppercase !important;
}

/* Select Genre compacto. */
.beatify-filter-source-layout .beatify-filter-select{
    display:block !important;
    width:100% !important;
    height:57px !important;
    min-height:57px !important;
    padding:0 46px 0 15px !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background-color:#222 !important;
    color:#ddd !important;
    box-shadow:none !important;
    font-size:18px !important;
    font-weight:400 !important;
    line-height:57px !important;
}

/* Major / Minor: 84 × 52 px. */
.beatify-filter-source-layout .beatify-filter-toggle-group,
.beatify-filter-source-layout .beatify-key-mode{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 13px !important;
}

.beatify-filter-source-layout .beatify-filter-choice{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:84px !important;
    min-width:84px !important;
    max-width:84px !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:8px !important;
    background:#222 !important;
    color:#bbb !important;
    box-shadow:none !important;
    font-size:18px !important;
    font-weight:400 !important;
    line-height:1 !important;
}

/* Piano na proporção da primeira imagem. */
.beatify-filter-source-layout .beatify-piano{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:none !important;
    height:112px !important;
    padding:36px 0 0 !important;
    margin:0 !important;
    gap:3px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

.beatify-filter-source-layout .beatify-piano-key{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    margin:0 !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
    line-height:1 !important;
    transform:none !important;
}

.beatify-filter-source-layout .beatify-piano-key.white{
    position:relative !important;
    z-index:1 !important;
    width:auto !important;
    min-width:0 !important;
    height:74px !important;
    min-height:74px !important;
    padding:0 0 18px !important;
    justify-self:stretch !important;
    border:1px solid #eee !important;
    border-radius:0 0 8px 8px !important;
    background:#fafafa !important;
    color:#111 !important;
    font-size:14px !important;
    font-weight:400 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black{
    position:absolute !important;
    top:0 !important;
    z-index:3 !important;
    width:10% !important;
    min-width:0 !important;
    height:62px !important;
    min-height:62px !important;
    padding:0 0 14px !important;
    border:1px solid #050505 !important;
    border-radius:0 0 5px 5px !important;
    background:#050505 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:400 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black.db{left:9.4% !important}
.beatify-filter-source-layout .beatify-piano-key.black.eb{left:23.8% !important}
.beatify-filter-source-layout .beatify-piano-key.black.gb{left:52.2% !important}
.beatify-filter-source-layout .beatify-piano-key.black.ab{left:66.6% !important}
.beatify-filter-source-layout .beatify-piano-key.black.bb{left:81% !important}

/* Distâncias verticais compactas. */
.beatify-filter-source-layout .beatify-bpm-section,
.beatify-filter-source-layout .beatify-price-filter-section{
    padding-top:30px !important;
}

.beatify-filter-source-layout .beatify-bpm-range,
.beatify-filter-source-layout .beatify-price-range{
    height:28px !important;
    margin:21px 0 4px !important;
}

.beatify-bpm-value,
.beatify-price-filter-value{
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
}

.beatify-vocal-option{
    min-height:52px !important;
    padding:0 15px !important;
    font-size:16px !important;
    font-weight:400 !important;
}

.beatify-filter-footer{
    gap:12px !important;
    padding:16px 24px max(16px,env(safe-area-inset-bottom)) !important;
    background:#111214 !important;
}

.beatify-filter-footer button{
    height:48px !important;
    min-height:48px !important;
    font-size:13px !important;
    font-weight:600 !important;
    text-shadow:none !important;
}

/* Mantém a mesma proporção até 430 px, reduzindo apenas quando necessário. */
@media (max-width:430px){
    .beatify-filter-drawer{
        width:100vw !important;
    }

    .beatify-filter-header,
    .beatify-filter-body.beatify-filter-source-layout,
    .beatify-filter-footer{
        padding-left:24px !important;
        padding-right:24px !important;
    }

    .beatify-filter-header h2{
        font-size:28px !important;
    }

    .beatify-filter-source-layout .beatify-filter-choice{
        width:84px !important;
        min-width:84px !important;
        max-width:84px !important;
        height:52px !important;
        font-size:18px !important;
    }

    .beatify-filter-source-layout .beatify-piano{
        width:100% !important;
        height:112px !important;
        padding-top:36px !important;
        gap:3px !important;
    }

    .beatify-filter-source-layout .beatify-piano-key.white{
        height:74px !important;
        min-height:74px !important;
        padding-bottom:18px !important;
        font-size:14px !important;
    }

    .beatify-filter-source-layout .beatify-piano-key.black{
        width:10% !important;
        height:62px !important;
        min-height:62px !important;
        padding-bottom:14px !important;
        font-size:12px !important;
    }
}

/* =========================================================
   V4.0.14 — PAINEL MENOR, ESCALA COMPACTA E BOTÕES ATIVOS CINZA
   Somente layout visual. Nenhuma lógica ou opção foi alterada.
========================================================= */

/* Painel mais estreito para remover a sensação de zoom. */
.beatify-filter-drawer{
    width:380px !important;
    min-width:0 !important;
    max-width:100vw !important;
}

/* Cabeçalho menor e proporcional. */
.beatify-filter-header{
    min-height:56px !important;
    height:56px !important;
    padding:0 20px !important;
}
.beatify-filter-header h2{
    font-size:24px !important;
    font-weight:500 !important;
    line-height:1 !important;
}
.beatify-filter-close,
.beatify-filter-close:hover,
.beatify-filter-close:focus,
.beatify-filter-close:active{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    background:transparent !important;
    color:#fff !important;
    font-size:29px !important;
    line-height:29px !important;
}

/* Conteúdo interno reduzido proporcionalmente. */
.beatify-filter-body.beatify-filter-source-layout{
    padding:0 20px 30px !important;
}
.beatify-filter-source-layout .beatify-filter-section{
    padding-top:18px !important;
}
.beatify-filter-source-layout .beatify-filter-label{
    margin-bottom:10px !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:1.1px !important;
}

/* Campos e botões menores. */
.beatify-filter-source-layout .beatify-filter-select{
    height:48px !important;
    min-height:48px !important;
    padding:0 40px 0 13px !important;
    border-radius:7px !important;
    font-size:15px !important;
    line-height:48px !important;
}
.beatify-filter-source-layout .beatify-filter-toggle-group,
.beatify-filter-source-layout .beatify-key-mode{
    gap:10px !important;
    margin-bottom:10px !important;
}
.beatify-filter-source-layout .beatify-filter-choice{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    height:44px !important;
    min-height:44px !important;
    border-radius:7px !important;
    font-size:15px !important;
}

/* Piano reduzido na mesma proporção, sem mudar a posição das notas. */
.beatify-filter-source-layout .beatify-piano{
    width:100% !important;
    height:96px !important;
    padding-top:31px !important;
    gap:2px !important;
}
.beatify-filter-source-layout .beatify-piano-key.white{
    height:64px !important;
    min-height:64px !important;
    padding:0 0 14px !important;
    border-radius:0 0 6px 6px !important;
    font-size:11px !important;
    font-weight:400 !important;
}
.beatify-filter-source-layout .beatify-piano-key.black{
    width:9.5% !important;
    height:52px !important;
    min-height:52px !important;
    padding:0 0 11px !important;
    border-radius:0 0 4px 4px !important;
    font-size:9px !important;
    font-weight:400 !important;
}

/* BPM, preço e opções com escala menor. */
.beatify-filter-source-layout .beatify-bpm-section,
.beatify-filter-source-layout .beatify-price-filter-section{
    padding-top:24px !important;
}
.beatify-filter-source-layout .beatify-bpm-range,
.beatify-filter-source-layout .beatify-price-range{
    height:24px !important;
    margin:17px 0 3px !important;
}
.beatify-bpm-value,
.beatify-price-filter-value{
    font-size:15px !important;
    font-weight:500 !important;
}
.beatify-vocal-options{
    gap:8px !important;
}
.beatify-vocal-option{
    min-height:44px !important;
    padding:0 13px !important;
    border-radius:7px !important;
    font-size:13px !important;
    font-weight:400 !important;
}

/* Rodapé proporcional ao painel menor. */
.beatify-filter-footer{
    gap:10px !important;
    padding:13px 20px max(13px,env(safe-area-inset-bottom)) !important;
}
.beatify-filter-footer button{
    height:44px !important;
    min-height:44px !important;
    border-radius:8px !important;
    font-size:12px !important;
    font-weight:500 !important;
}

/* Todo botão selecionado/pressionado fica cinza. */
.beatify-filter-choice.is-selected,
.beatify-filter-choice[aria-pressed="true"],
.beatify-piano-key.is-selected,
.beatify-piano-key[aria-pressed="true"],
.beatify-vocal-option.is-selected,
.beatify-vocal-option[aria-pressed="true"],
.beatify-filter-show-results.is-selected,
.beatify-filter-show-results[aria-pressed="true"]{
    background:#555 !important;
    background-color:#555 !important;
    border-color:#777 !important;
    color:#fff !important;
    box-shadow:none !important;
}

/* Feedback cinza enquanto qualquer botão de ação é pressionado. */
.beatify-filter-drawer button:not(.beatify-filter-close):active{
    background:#555 !important;
    background-color:#555 !important;
    border-color:#777 !important;
    color:#fff !important;
    box-shadow:none !important;
}

/* Hover discreto, sem ampliar ou criar sensação de zoom. */
.beatify-filter-drawer button:not(.beatify-filter-close):hover,
.beatify-filter-drawer button:not(.beatify-filter-close):focus{
    transform:none !important;
    box-shadow:none !important;
}

@media (max-width:380px){
    .beatify-filter-drawer{
        width:100vw !important;
    }
    .beatify-filter-header,
    .beatify-filter-body.beatify-filter-source-layout,
    .beatify-filter-footer{
        padding-left:18px !important;
        padding-right:18px !important;
    }
    .beatify-filter-source-layout .beatify-piano{
        height:92px !important;
        padding-top:30px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.white{
        height:61px !important;
        min-height:61px !important;
    }
    .beatify-filter-source-layout .beatify-piano-key.black{
        height:49px !important;
        min-height:49px !important;
    }
}


/* =========================================================
   V4.0.15 — MULTISSELEÇÃO DAS NOTAS DO PIANO
   Estado visual cinza para cada tecla selecionada.
========================================================= */
.beatify-filter-source-layout .beatify-piano-key.is-selected,
.beatify-filter-source-layout .beatify-piano-key[aria-pressed="true"]{
    background:#555 !important;
    background-color:#555 !important;
    border-color:#777 !important;
    color:#fff !important;
    box-shadow:none !important;
}

.beatify-filter-source-layout .beatify-piano-key.white.is-selected,
.beatify-filter-source-layout .beatify-piano-key.white[aria-pressed="true"]{
    background:#777 !important;
    background-color:#777 !important;
    border-color:#929292 !important;
    color:#fff !important;
}

.beatify-filter-source-layout .beatify-piano-key.black.is-selected,
.beatify-filter-source-layout .beatify-piano-key.black[aria-pressed="true"]{
    background:#555 !important;
    background-color:#555 !important;
    border-color:#777 !important;
    color:#fff !important;
}


/* =========================================================
   V4.0.16 — NOTAS CENTRALIZADAS + QUICK VIEW SEM SOBREPOSIÇÃO
   Ajustes exclusivamente visuais. Carrinho e ações preservados.
========================================================= */

/* Centraliza as letras exatamente no meio das teclas brancas e pretas. */
.beatify-filter-source-layout .beatify-piano-key,
.beatify-filter-source-layout .beatify-piano-key.white,
.beatify-filter-source-layout .beatify-piano-key.black{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    text-align:center !important;
    line-height:1 !important;
    text-indent:0 !important;
}

/* Mantém carrinho e Quick View lado a lado, sem um botão ficar atrás do outro. */
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap{
    position:relative !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:auto !important;
    overflow:visible !important;
    isolation:isolate !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .eael-product-quick-view{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    flex:0 0 32px !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    margin:0 !important;
    transform:none !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart{
    z-index:1 !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .eael-product-quick-view{
    z-index:2 !important;
}

/* Remove definitivamente texto, tooltip e caixas extras do "View More".
   O ícone do olho permanece; o carrinho não é afetado. */
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view::before,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view::after,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a::before,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a::after{
    content:none !important;
    display:none !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    padding:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-indent:0 !important;
    font-size:0 !important;
    line-height:0 !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a > *:not(i),
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > *:not(a),
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view .tooltip,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view .eael-tooltip,
ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view [class*="tooltip"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .eael-product-quick-view > a > i{
    position:static !important;
    display:block !important;
    margin:0 !important;
    color:#fff !important;
    font-size:16px !important;
    line-height:1 !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
}

/* Garante que o ícone do carrinho continue visível. */
ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart .beatify-cart-symbol{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
}

ul.products.beatify-grid-search-active .image-hover-wrap .add-to-cart .beatify-cart-symbol > i{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* =========================================================
   V4.0.17 — REMOVE FUNDO DUPLO ATRÁS DO CARRINHO
   Somente correção visual. Ícone e ação do carrinho preservados.
========================================================= */

/* O <li> externo serve apenas como contêiner e não pode desenhar uma
   segunda caixa atrás do botão real. */
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > li.add-to-cart{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    overflow:visible !important;
}

/* Remove decorações externas criadas pelo tema/EAEL no contêiner.
   Não atinge o ::before do <i>, usado pelo Font Awesome para desenhar
   o próprio ícone do carrinho. */
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart::before,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart::after,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > li.add-to-cart::before,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > li.add-to-cart::after{
    content:none !important;
    display:none !important;
    background:none !important;
    box-shadow:none !important;
}

/* A única caixa preta fica no botão clicável interno. */
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button:hover,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button:focus,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button:active,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button.beatify-cart-added,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button[data-beatify-cart-added="1"]{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    max-width:32px !important;
    max-height:32px !important;
    margin:0 !important;
    padding:0 !important;
    background:#000 !important;
    background-color:#000 !important;
    background-image:none !important;
    border:0 !important;
    border-radius:4px !important;
    box-shadow:none !important;
    outline:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

/* Mantém o símbolo original visível acima da única caixa do botão. */
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button .beatify-cart-symbol,
ul.products.beatify-grid-search-active .image-hover-wrap .icons-wrap > .add-to-cart > a.add_to_cart_button .beatify-cart-symbol > i{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
}


/* =========================================================
   V4.0.18 — LOGO BEATIFY NO BOTÃO DE FECHAR DO FILTRO
   Somente apresentação: o botão mantém a mesma ação de fechar.
========================================================= */
.beatify-filter-close,
.beatify-filter-close:hover,
.beatify-filter-close:focus,
.beatify-filter-close:active{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:visible !important;
}
.beatify-filter-close img{
    display:block !important;
    width:auto !important;
    height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    object-fit:contain !important;
    pointer-events:none !important;
    filter:none !important;
    transform:none !important;
    box-shadow:none !important;
}
.beatify-filter-close::before,
.beatify-filter-close::after{
    content:none !important;
    display:none !important;
}

/* =========================================================
   V4.0.19 — FUNDO CINZA DO FILTRO LATERAL
   Apenas alteração visual do fundo. Funcionamento preservado.
========================================================= */
.beatify-filter-drawer,
.beatify-filter-header,
.beatify-filter-body,
.beatify-filter-body.beatify-filter-source-layout,
.beatify-filter-footer{
    background:#ADADAD !important;
    background-color:#ADADAD !important;
}

.beatify-filter-body::-webkit-scrollbar-track{
    background:#ADADAD !important;
}

/* =========================================================
   V4.0.20 — LAYOUT CINZA CONFORME MOCKUP APROVADO
   Somente apresentação visual. Lógica e opções preservadas.
========================================================= */

/* Painel e tipografia geral */
.beatify-filter-drawer{
    width:430px !important;
    max-width:100vw !important;
    color:#111 !important;
    background:#ADADAD !important;
    background-color:#ADADAD !important;
    border-left:1px solid rgba(0,0,0,.20) !important;
    box-shadow:-18px 0 52px rgba(0,0,0,.42) !important;
}

.beatify-filter-drawer,
.beatify-filter-drawer button,
.beatify-filter-drawer select,
.beatify-filter-drawer input,
.beatify-filter-drawer h2,
.beatify-filter-drawer h3,
.beatify-filter-drawer strong,
.beatify-filter-drawer span{
    font-family:Arial,Helvetica,sans-serif !important;
    text-shadow:none !important;
    -webkit-text-stroke:0 transparent !important;
}

/* Cabeçalho */
.beatify-filter-header{
    min-height:82px !important;
    height:82px !important;
    padding:0 24px !important;
    border-bottom:0 !important;
    background:#ADADAD !important;
    background-color:#ADADAD !important;
}

.beatify-filter-header h2{
    margin:0 !important;
    padding:0 !important;
    color:#111 !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1 !important;
    letter-spacing:-.4px !important;
}

.beatify-filter-close,
.beatify-filter-close:hover,
.beatify-filter-close:focus,
.beatify-filter-close:active{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    transform:none !important;
}

.beatify-filter-close img{
    width:auto !important;
    height:30px !important;
    max-width:30px !important;
    max-height:30px !important;
}

/* Corpo e rolagem */
.beatify-filter-body,
.beatify-filter-body.beatify-filter-source-layout{
    padding:0 24px 34px !important;
    background:#ADADAD !important;
    background-color:#ADADAD !important;
    scrollbar-width:thin !important;
    scrollbar-color:#777 #ADADAD !important;
}

.beatify-filter-body::-webkit-scrollbar{
    width:5px !important;
}
.beatify-filter-body::-webkit-scrollbar-track{
    background:#ADADAD !important;
}
.beatify-filter-body::-webkit-scrollbar-thumb{
    background:#777 !important;
    border:0 !important;
    border-radius:10px !important;
}

/* Seções e títulos */
.beatify-filter-source-layout .beatify-filter-section{
    margin:0 !important;
    padding:27px 0 0 !important;
}

.beatify-filter-source-layout .beatify-filter-section:first-child{
    padding-top:8px !important;
}

.beatify-filter-source-layout .beatify-filter-label{
    margin:0 0 15px !important;
    padding:0 !important;
    color:#202020 !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
}

/* Selects e botões empilhados */
.beatify-filter-source-layout .beatify-filter-select,
.beatify-filter-source-layout .beatify-vocal-option{
    border:1px solid rgba(0,0,0,.48) !important;
    border-radius:9px !important;
    background:#222 !important;
    background-color:#222 !important;
    color:#fff !important;
    box-shadow:none !important;
    font-weight:400 !important;
}

.beatify-filter-source-layout .beatify-filter-select{
    width:100% !important;
    height:62px !important;
    min-height:62px !important;
    padding:0 46px 0 16px !important;
    font-size:19px !important;
    line-height:62px !important;
    color-scheme:dark !important;
}

.beatify-vocal-options{
    gap:10px !important;
}

.beatify-filter-source-layout .beatify-vocal-option{
    min-height:58px !important;
    height:58px !important;
    padding:0 16px !important;
    font-size:16px !important;
    line-height:1 !important;
    text-align:left !important;
}

/* Major e Minor */
.beatify-filter-source-layout .beatify-filter-toggle-group,
.beatify-filter-source-layout .beatify-key-mode{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 0 16px !important;
}

.beatify-filter-source-layout .beatify-filter-choice{
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:56px !important;
    min-height:56px !important;
    padding:0 !important;
    border:1px solid rgba(0,0,0,.48) !important;
    border-radius:9px !important;
    background:#222 !important;
    background-color:#222 !important;
    color:#fff !important;
    font-size:19px !important;
    font-weight:400 !important;
    line-height:1 !important;
    box-shadow:none !important;
}

/* Piano */
.beatify-filter-source-layout .beatify-piano{
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:none !important;
    height:118px !important;
    padding:44px 0 0 !important;
    margin:0 !important;
    gap:2px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

.beatify-filter-source-layout .beatify-piano-key,
.beatify-filter-source-layout .beatify-piano-key.white,
.beatify-filter-source-layout .beatify-piano-key.black{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    text-align:center !important;
    text-indent:0 !important;
    line-height:1 !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
}

.beatify-filter-source-layout .beatify-piano-key.white{
    position:relative !important;
    z-index:1 !important;
    width:auto !important;
    min-width:0 !important;
    height:74px !important;
    min-height:74px !important;
    justify-self:stretch !important;
    border:1px solid #4b4b4b !important;
    border-radius:0 0 8px 8px !important;
    background:#fff !important;
    background-color:#fff !important;
    color:#111 !important;
    font-size:14px !important;
    font-weight:400 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black{
    position:absolute !important;
    top:0 !important;
    z-index:3 !important;
    width:10% !important;
    min-width:0 !important;
    height:62px !important;
    min-height:62px !important;
    border:1px solid #000 !important;
    border-radius:0 0 5px 5px !important;
    background:#050505 !important;
    background-color:#050505 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:400 !important;
}

.beatify-filter-source-layout .beatify-piano-key.black.db{left:9.4% !important}
.beatify-filter-source-layout .beatify-piano-key.black.eb{left:23.8% !important}
.beatify-filter-source-layout .beatify-piano-key.black.gb{left:52.2% !important}
.beatify-filter-source-layout .beatify-piano-key.black.ab{left:66.6% !important}
.beatify-filter-source-layout .beatify-piano-key.black.bb{left:81% !important}

/* Sliders e valores */
.beatify-filter-source-layout .beatify-bpm-section,
.beatify-filter-source-layout .beatify-price-filter-section{
    padding-top:34px !important;
}

.beatify-filter-source-layout .beatify-bpm-range,
.beatify-filter-source-layout .beatify-price-range{
    width:100% !important;
    height:28px !important;
    margin:22px 0 8px !important;
}

.beatify-bpm-range::-webkit-slider-runnable-track,
.beatify-price-range::-webkit-slider-runnable-track{
    height:5px !important;
    border-radius:10px !important;
    background:#333 !important;
}
.beatify-bpm-range::-webkit-slider-thumb,
.beatify-price-range::-webkit-slider-thumb{
    width:22px !important;
    height:22px !important;
    margin-top:-8.5px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#ef4242 !important;
}
.beatify-bpm-range::-moz-range-track,
.beatify-price-range::-moz-range-track{
    height:5px !important;
    border-radius:10px !important;
    background:#333 !important;
}
.beatify-bpm-range::-moz-range-thumb,
.beatify-price-range::-moz-range-thumb{
    width:22px !important;
    height:22px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#ef4242 !important;
}

.beatify-bpm-value,
.beatify-price-filter-value{
    color:#111 !important;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
}

/* Estados selecionados permanecem cinza e permitem multisseleção. */
.beatify-filter-source-layout .beatify-filter-choice.is-selected,
.beatify-filter-source-layout .beatify-filter-choice[aria-pressed="true"],
.beatify-filter-source-layout .beatify-vocal-option.is-selected,
.beatify-filter-source-layout .beatify-vocal-option[aria-pressed="true"],
.beatify-filter-source-layout .beatify-piano-key.is-selected,
.beatify-filter-source-layout .beatify-piano-key[aria-pressed="true"]{
    border-color:#666 !important;
    background:#666 !important;
    background-color:#666 !important;
    color:#fff !important;
}

/* Rodapé */
.beatify-filter-footer{
    grid-template-columns:1fr 1.12fr !important;
    gap:12px !important;
    padding:14px 24px max(14px,env(safe-area-inset-bottom)) !important;
    border-top:1px solid rgba(0,0,0,.18) !important;
    background:#ADADAD !important;
    background-color:#ADADAD !important;
}

.beatify-filter-footer button{
    height:56px !important;
    min-height:56px !important;
    border-radius:9px !important;
    font-size:15px !important;
    font-weight:400 !important;
    text-shadow:none !important;
    box-shadow:none !important;
}

.beatify-filter-clear-all,
.beatify-filter-clear-all:hover,
.beatify-filter-clear-all:focus{
    border:1px solid rgba(0,0,0,.50) !important;
    background:#222 !important;
    background-color:#222 !important;
    color:#fff !important;
}

.beatify-filter-show-results,
.beatify-filter-show-results:hover,
.beatify-filter-show-results:focus{
    border:1px solid #ef4242 !important;
    background:#ef4242 !important;
    background-color:#ef4242 !important;
    color:#fff !important;
}

@media (max-width:430px){
    .beatify-filter-drawer{
        width:100vw !important;
    }
    .beatify-filter-header,
    .beatify-filter-body.beatify-filter-source-layout,
    .beatify-filter-footer{
        padding-left:24px !important;
        padding-right:24px !important;
    }
}

/* =========================================================
   V4.0.21 — FILTRO MAIS CLEAN + SLIDERS SEM FUNDO PRETO
   Somente ajustes visuais. Lógica e opções preservadas.
========================================================= */

/* Painel mais estreito para eliminar a sensação de zoom. */
.beatify-filter-drawer{
    width:360px !important;
    max-width:100vw !important;
}

/* Cabeçalho mais compacto. */
.beatify-filter-header{
    min-height:66px !important;
    height:66px !important;
    padding:0 20px !important;
}
.beatify-filter-header h2{
    font-size:25px !important;
    font-weight:400 !important;
    line-height:1 !important;
    letter-spacing:-.2px !important;
}
.beatify-filter-close,
.beatify-filter-close:hover,
.beatify-filter-close:focus,
.beatify-filter-close:active{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
}
.beatify-filter-close img{
    height:26px !important;
    max-width:26px !important;
    max-height:26px !important;
}

/* Corpo e espaçamentos menores. */
.beatify-filter-body,
.beatify-filter-body.beatify-filter-source-layout{
    padding:0 20px 28px !important;
}
.beatify-filter-source-layout .beatify-filter-section{
    padding-top:22px !important;
}
.beatify-filter-source-layout .beatify-filter-section:first-child{
    padding-top:7px !important;
}
.beatify-filter-source-layout .beatify-filter-label{
    margin-bottom:11px !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.2 !important;
    letter-spacing:1.5px !important;
}

/* Selects e opções mais leves. */
.beatify-filter-source-layout .beatify-filter-select{
    height:52px !important;
    min-height:52px !important;
    padding:0 40px 0 14px !important;
    border-radius:8px !important;
    font-size:16px !important;
    line-height:52px !important;
}
.beatify-vocal-options{
    gap:8px !important;
}
.beatify-filter-source-layout .beatify-vocal-option{
    height:50px !important;
    min-height:50px !important;
    padding:0 14px !important;
    border-radius:8px !important;
    font-size:14px !important;
}

/* Major e Minor menores. */
.beatify-filter-source-layout .beatify-filter-toggle-group,
.beatify-filter-source-layout .beatify-key-mode{
    gap:10px !important;
    margin-bottom:13px !important;
}
.beatify-filter-source-layout .beatify-filter-choice{
    width:80px !important;
    min-width:80px !important;
    max-width:80px !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:8px !important;
    font-size:16px !important;
}

/* Piano proporcional ao painel menor. */
.beatify-filter-source-layout .beatify-piano{
    height:101px !important;
    padding-top:37px !important;
    gap:2px !important;
}
.beatify-filter-source-layout .beatify-piano-key.white{
    height:64px !important;
    min-height:64px !important;
    border-radius:0 0 7px 7px !important;
    font-size:12px !important;
}
.beatify-filter-source-layout .beatify-piano-key.black{
    width:10% !important;
    height:52px !important;
    min-height:52px !important;
    border-radius:0 0 4px 4px !important;
    font-size:10px !important;
}

/* Remove definitivamente o retângulo preto por trás dos sliders. */
.beatify-filter-source-layout .beatify-range-wrap,
.beatify-filter-source-layout .beatify-bpm-section .beatify-range-wrap,
.beatify-filter-source-layout .beatify-price-filter-section .beatify-range-wrap{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.beatify-filter-source-layout input[type="range"].beatify-bpm-range,
.beatify-filter-source-layout input[type="range"].beatify-price-range,
.beatify-filter-source-layout .beatify-bpm-range,
.beatify-filter-source-layout .beatify-price-range{
    display:block !important;
    width:100% !important;
    height:24px !important;
    min-height:24px !important;
    margin:16px 0 5px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    accent-color:#ef4242 !important;
}
.beatify-filter-source-layout input[type="range"].beatify-bpm-range:hover,
.beatify-filter-source-layout input[type="range"].beatify-bpm-range:focus,
.beatify-filter-source-layout input[type="range"].beatify-bpm-range:active,
.beatify-filter-source-layout input[type="range"].beatify-price-range:hover,
.beatify-filter-source-layout input[type="range"].beatify-price-range:focus,
.beatify-filter-source-layout input[type="range"].beatify-price-range:active{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    outline:0 !important;
}
.beatify-bpm-range::-webkit-slider-runnable-track,
.beatify-price-range::-webkit-slider-runnable-track{
    height:4px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#333 !important;
    box-shadow:none !important;
}
.beatify-bpm-range::-webkit-slider-thumb,
.beatify-price-range::-webkit-slider-thumb{
    width:20px !important;
    height:20px !important;
    margin-top:-8px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#ef4242 !important;
    box-shadow:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}
.beatify-bpm-range::-moz-range-track,
.beatify-price-range::-moz-range-track,
.beatify-bpm-range::-moz-range-progress,
.beatify-price-range::-moz-range-progress{
    height:4px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#333 !important;
    box-shadow:none !important;
}
.beatify-bpm-range::-moz-range-thumb,
.beatify-price-range::-moz-range-thumb{
    width:20px !important;
    height:20px !important;
    border:0 !important;
    border-radius:50% !important;
    background:#ef4242 !important;
    box-shadow:none !important;
}

/* Valores e botões menores. */
.beatify-bpm-value,
.beatify-price-filter-value{
    font-size:16px !important;
    font-weight:600 !important;
}
.beatify-bpm-row,
.beatify-price-filter-row{
    min-height:27px !important;
}
.beatify-filter-footer{
    grid-template-columns:1fr 1.12fr !important;
    gap:10px !important;
    padding:12px 20px max(12px,env(safe-area-inset-bottom)) !important;
}
.beatify-filter-footer button{
    height:50px !important;
    min-height:50px !important;
    border-radius:8px !important;
    font-size:13px !important;
}

/* Rolagem fina e discreta. */
.beatify-filter-body::-webkit-scrollbar{
    width:4px !important;
}
.beatify-filter-body::-webkit-scrollbar-thumb{
    background:rgba(40,40,40,.45) !important;
}

@media (max-width:360px){
    .beatify-filter-drawer{
        width:100vw !important;
    }
    .beatify-filter-header,
    .beatify-filter-body.beatify-filter-source-layout,
    .beatify-filter-footer{
        padding-left:18px !important;
        padding-right:18px !important;
    }
}

/* =========================================================
   V4.0.22 — SOLD MAIS ESCURO + PAGINAÇÃO VERMELHA NO HOVER
   Somente ajustes visuais. A pesquisa e a paginação mantêm a
   mesma lógica e o mesmo funcionamento da versão anterior.
========================================================= */

/* Resultados vendidos no dropdown ficam discretamente mais escuros. */
.beatify-results .beatify-item.is-sold,
.beatify-results .beatify-item:has(.beatify-ribbon.sold){
    filter:brightness(.74) saturate(.88) !important;
}

.beatify-results .beatify-item.is-sold:hover,
.beatify-results .beatify-item:has(.beatify-ribbon.sold):hover{
    filter:brightness(.79) saturate(.90) !important;
}

/* Cards vendidos no grid pesquisado: escurece a capa, mantendo o selo SOLD legível. */
ul.products.beatify-grid-search-results > li.product.outofstock .image-wrap > img.beatify-grid-cover-image,
ul.products.beatify-grid-search-active > li.product.outofstock .image-wrap > img.beatify-grid-cover-image{
    filter:brightness(.64) saturate(.86) !important;
    transition:filter .24s ease !important;
}

ul.products.beatify-grid-search-results > li.product.outofstock:hover .image-wrap > img.beatify-grid-cover-image,
ul.products.beatify-grid-search-active > li.product.outofstock:hover .image-wrap > img.beatify-grid-cover-image{
    filter:brightness(.70) saturate(.90) !important;
}

/* Paginação: vermelho no hover e na página atualmente selecionada. */
.beatify-grid-search-pagination .beatify-search-pages > button:hover:not(:disabled),
.beatify-grid-search-pagination .beatify-search-pages > button:focus-visible:not(:disabled){
    background:#ef4242 !important;
    color:#fff !important;
    border-color:#ef4242 !important;
    box-shadow:0 0 0 2px rgba(239,66,66,.18) !important;
    transform:translateY(-1px) !important;
}

.beatify-grid-search-pagination .beatify-search-pages > button.is-current,
.beatify-grid-search-pagination .beatify-search-pages > button[aria-current="page"],
.beatify-grid-search-pagination .beatify-search-pages > button.is-current:hover,
.beatify-grid-search-pagination .beatify-search-pages > button[aria-current="page"]:hover{
    background:#ef4242 !important;
    color:#fff !important;
    border-color:#ef4242 !important;
    box-shadow:none !important;
    transform:none !important;
}

@media (prefers-reduced-motion: reduce){
    .beatify-grid-search-pagination .beatify-search-pages > button:hover:not(:disabled),
    .beatify-grid-search-pagination .beatify-search-pages > button:focus-visible:not(:disabled){
        transform:none !important;
    }
}


/* =========================================================
   V4.0.23 — ESCURECIMENTO SOLD GARANTIDO NA CAPA
   A camada é renderizada somente quando o WooCommerce informa
   que o produto está sem estoque. Não depende das classes do EAEL.
========================================================= */

/* Resultado em cards do grid pesquisado. */
ul.products.beatify-grid-search-active .image-wrap > .beatify-sold-cover-overlay,
ul.products.beatify-grid-search-results .image-wrap > .beatify-sold-cover-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:20 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:inherit !important;
    background:rgba(0,0,0,.36) !important;
    pointer-events:none !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* Mantém o selo SOLD acima da camada escura. */
ul.products.beatify-grid-search-active .image-wrap > .eael-onsale.outofstock,
ul.products.beatify-grid-search-results .image-wrap > .eael-onsale.outofstock{
    z-index:60 !important;
    opacity:1 !important;
    filter:none !important;
}

/* Resultado compacto do dropdown: escurece especificamente a capa. */
.beatify-results .beatify-item.is-sold .beatify-cover-art,
.beatify-results .beatify-item.is-sold .beatify-cover-art-img,
.beatify-results .beatify-item:has(.beatify-ribbon.sold) .beatify-cover-art,
.beatify-results .beatify-item:has(.beatify-ribbon.sold) .beatify-cover-art-img{
    filter:brightness(.54) saturate(.78) !important;
    opacity:1 !important;
    transition:filter .22s ease !important;
}

.beatify-results .beatify-item.is-sold:hover .beatify-cover-art,
.beatify-results .beatify-item.is-sold:hover .beatify-cover-art-img,
.beatify-results .beatify-item:has(.beatify-ribbon.sold):hover .beatify-cover-art,
.beatify-results .beatify-item:has(.beatify-ribbon.sold):hover .beatify-cover-art-img{
    filter:brightness(.60) saturate(.82) !important;
}

/* =========================================================
   V4.0.24 — SOLD ESCURO DIRETAMENTE NA IMAGEM
   O filtro é aplicado na própria tag IMG renderizada pelo plugin.
   Não depende da camada do EAEL, do selo ou de classes do tema.
========================================================= */
ul.products.beatify-grid-search-active .image-wrap > img.beatify-sold-cover-image,
ul.products.beatify-grid-search-results .image-wrap > img.beatify-sold-cover-image,
ul.products.beatify-grid-search-active li.product.outofstock .image-wrap > img,
ul.products.beatify-grid-search-results li.product.outofstock .image-wrap > img{
    filter:brightness(.42) saturate(.72) contrast(.96) !important;
    -webkit-filter:brightness(.42) saturate(.72) contrast(.96) !important;
    opacity:1 !important;
}

ul.products.beatify-grid-search-active .image-wrap:hover > img.beatify-sold-cover-image,
ul.products.beatify-grid-search-results .image-wrap:hover > img.beatify-sold-cover-image,
ul.products.beatify-grid-search-active li.product.outofstock:hover .image-wrap > img,
ul.products.beatify-grid-search-results li.product.outofstock:hover .image-wrap > img{
    filter:brightness(.46) saturate(.74) contrast(.96) !important;
    -webkit-filter:brightness(.46) saturate(.74) contrast(.96) !important;
}

/* A camada adicional reforça o efeito sem cobrir o selo SOLD. */
ul.products.beatify-grid-search-active .image-wrap > .beatify-sold-cover-overlay,
ul.products.beatify-grid-search-results .image-wrap > .beatify-sold-cover-overlay{
    background:rgba(0,0,0,.28) !important;
    z-index:40 !important;
}

ul.products.beatify-grid-search-active .image-wrap > .eael-onsale.outofstock,
ul.products.beatify-grid-search-results .image-wrap > .eael-onsale.outofstock{
    z-index:80 !important;
}

/* =========================================================
   V4.0.27 — FUNDO ESCURO FINAL DO FILTRO
   Sobrescreve definitivamente o layout cinza legado das versões
   4.0.19/4.0.20 sem alterar a lógica ou as opções do filtro.
========================================================= */
html body .beatify-filter-drawer,
html body .beatify-filter-drawer .beatify-filter-header,
html body .beatify-filter-drawer .beatify-filter-body,
html body .beatify-filter-drawer .beatify-filter-body.beatify-filter-source-layout,
html body .beatify-filter-drawer .beatify-filter-footer,
html body .beatify-filter-drawer .beatify-range-wrap{
    background:#111214 !important;
    background-color:#111214 !important;
    color:#fff !important;
}

html body .beatify-filter-drawer .beatify-filter-header h2{
    color:#fff !important;
}

html body .beatify-filter-drawer .beatify-filter-label{
    color:#b9bbc1 !important;
}

html body .beatify-filter-drawer .beatify-bpm-value,
html body .beatify-filter-drawer .beatify-price-filter-value{
    color:#f2f2f2 !important;
}

html body .beatify-filter-drawer .beatify-filter-footer{
    border-top-color:rgba(255,255,255,.10) !important;
}

html body .beatify-filter-drawer .beatify-filter-body{
    scrollbar-color:#555 #111214 !important;
}

html body .beatify-filter-drawer .beatify-filter-body::-webkit-scrollbar-track{
    background:#111214 !important;
    background-color:#111214 !important;
}

/* =========================================================
   V4.0.30 — PLAYER DO DROPDOWN MENOR E ALINHADO AO SONAAR
   Alteração restrita ao player dos resultados da pesquisa.

   - O botão é centralizado por CSS Grid, sem translate(-50%, -50%).
   - A animação escala somente o SVG (::before), então não desloca o botão.
   - O estado ativo segue .audio-playing, igual ao player Sonaar real.
   - Tamanho no dropdown: 22px.
========================================================= */

.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot{
    --beatify-player-size:22px;
    --beatify-player-start-scale:1.666667;
    --beatify-player-speed:800ms;

    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    transform:none !important;
}

/* Todos os wrappers ocupam a capa e centralizam o botão sem transform. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot > .sonaar-grid,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .sonaar-Artwort-box,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .control,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .beatify-cloned-native-sonaar-control{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    overflow:visible !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .control::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .control::after,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .sonaar-Artwort-box::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .sonaar-Artwort-box::after,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play::after{
    content:none !important;
    display:none !important;
}

/* Botão no centro da capa. Sem translate: a animação nunca muda sua posição. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .control > .play,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    place-self:center !important;

    width:var(--beatify-player-size) !important;
    height:var(--beatify-player-size) !important;
    min-width:var(--beatify-player-size) !important;
    min-height:var(--beatify-player-size) !important;
    max-width:var(--beatify-player-size) !important;
    max-height:var(--beatify-player-size) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;
    visibility:hidden !important;
    opacity:0 !important;

    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;

    overflow:visible !important;
    pointer-events:auto !important;
    cursor:pointer !important;

    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
    will-change:auto !important;
    z-index:40 !important;
}

/* Esconde o glifo nativo, preservando o botão e o clique do plugin. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play > i.sricon-play,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play > i.sricon-pause{
    display:block !important;
    width:100% !important;
    height:100% !important;
    visibility:hidden !important;
    opacity:0 !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    pointer-events:none !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play > i.sricon-play::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play > i.sricon-play::after,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play > i.sricon-pause::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play > i.sricon-pause::after{
    content:none !important;
    display:none !important;
}

/* O mesmo Play delineado usado no player principal. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    visibility:visible !important;
    opacity:1 !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:calc(50% + 1px) center !important;
    background-size:contain !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    transform:scale(1);
    transform-origin:center center;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.92)) drop-shadow(0 0 2px rgba(255,255,255,.16));
}

/* Parado = Play. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot:not(.audio-playing) .play::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play:not(.playing):not([aria-pressed="true"])::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M157 54C139 43 116 56 116 78V434C116 456 139 469 157 458L445 278C462 267 462 245 445 234Z' fill='none' stroke='white' stroke-width='27' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position:calc(50% + 1px) center !important;
}

/* Tocando = Pause fino. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot.audio-playing .play::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play.playing::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play[aria-pressed="true"]::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M184 84V428M328 84V428' fill='none' stroke='white' stroke-width='32' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-position:center !important;
    transform:scale(1) !important;
    animation:none !important;
}

/* Hover da faixa parada: apenas o desenho cresce e diminui; o botão não se move. */
.beatify-search-wrap .beatify-results .beatify-item:hover .beatify-native-sonaar-slot:not(.audio-playing) .play:not(.playing):not([aria-pressed="true"]){
    visibility:visible !important;
    opacity:1 !important;
}

.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot:not(.audio-playing) .play.beatify-hover-enter:not(.playing):not([aria-pressed="true"])::before,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot:not(.audio-playing) .play.beatify-search-hover-enter:not(.playing):not([aria-pressed="true"])::before{
    animation:beatifySearchIconShrink var(--beatify-player-speed) cubic-bezier(.16,1,.3,1) both !important;
}

@keyframes beatifySearchIconShrink{
    0%{opacity:1;transform:scale(var(--beatify-player-start-scale));}
    100%{opacity:1;transform:scale(1);}
}

/* Estado ativo fica cravado no resultado correspondente. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot.audio-playing .play,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play.playing,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play[aria-pressed="true"]{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

/* Fora do hover e parado, fica oculto. */
.beatify-search-wrap .beatify-results .beatify-item:not(:hover) .beatify-native-sonaar-slot:not(.audio-playing) .play:not(.playing):not([aria-pressed="true"]){
    visibility:hidden !important;
    opacity:0 !important;
    transform:none !important;
    animation:none !important;
}

/* Nenhum círculo em hover, foco ou clique. */
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play:hover,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play:focus,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play:focus-visible,
.beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play:active{
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    transform:none !important;
}

@media (hover:none), (pointer:coarse){
    .beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play{
        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
    }
    .beatify-search-wrap .beatify-results .beatify-native-sonaar-slot .play::before{
        transform:scale(1) !important;
        animation:none !important;
    }
}


/* =========================================================
   V4.0.31 — PLAYER PEQUENO E TOTALMENTE ISOLADO NO PORTAL

   O dropdown é movido para <body>, portanto seletores que dependiam de
   .beatify-search-wrap não alcançavam o player. Esta regra usa diretamente o
   portal e não toca em nenhuma capa/player do catálogo.
========================================================= */

html body .beatify-results.beatify-results-portal .beatify-cover{
    position:relative !important;
    overflow:hidden !important;
    background:transparent !important;
    isolation:isolate !important;
}

html body .beatify-results.beatify-results-portal .beatify-cover > .beatify-cover-art,
html body .beatify-results.beatify-results-portal .beatify-cover > img.beatify-real-cover{
    z-index:1 !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot{
    --beatify-dropdown-hit-size:24px;
    --beatify-dropdown-icon-size:14px;
    --beatify-dropdown-start-scale:1.55;
    --beatify-dropdown-speed:800ms;

    position:absolute !important;
    inset:0 !important;
    z-index:20 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    transform:none !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot > .sonaar-grid,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .sonaar-Artwort-box,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .control,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .beatify-cloned-native-sonaar-control{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .control::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .control::after,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .sonaar-Artwort-box::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .sonaar-Artwort-box::after,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play::after{
    content:none !important;
    display:none !important;
}

/* Área clicável de 24px; desenho visual de apenas 14px. */
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .control > .play,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    place-self:center !important;

    width:var(--beatify-dropdown-hit-size) !important;
    height:var(--beatify-dropdown-hit-size) !important;
    min-width:var(--beatify-dropdown-hit-size) !important;
    min-height:var(--beatify-dropdown-hit-size) !important;
    max-width:var(--beatify-dropdown-hit-size) !important;
    max-height:var(--beatify-dropdown-hit-size) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;

    visibility:hidden !important;
    opacity:0 !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    text-shadow:none !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    overflow:visible !important;

    pointer-events:auto !important;
    cursor:pointer !important;
    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;
    transition:none !important;
    animation:none !important;
    z-index:30 !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play > i.sricon-play,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play > i.sricon-pause{
    display:block !important;
    width:1px !important;
    height:1px !important;
    visibility:hidden !important;
    opacity:0 !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    pointer-events:none !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play > i::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play > i::after{
    content:none !important;
    display:none !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play::before{
    content:"" !important;
    position:relative !important;
    inset:auto !important;
    flex:0 0 auto !important;
    display:block !important;
    width:var(--beatify-dropdown-icon-size) !important;
    height:var(--beatify-dropdown-icon-size) !important;
    min-width:var(--beatify-dropdown-icon-size) !important;
    min-height:var(--beatify-dropdown-icon-size) !important;
    max-width:var(--beatify-dropdown-icon-size) !important;
    max-height:var(--beatify-dropdown-icon-size) !important;
    visibility:visible !important;
    opacity:1 !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;
    border:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    transform:scale(1);
    transform-origin:center center;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.95));
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot:not(.audio-playing) .play::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play:not(.playing):not([aria-pressed="true"])::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M157 54C139 43 116 56 116 78V434C116 456 139 469 157 458L445 278C462 267 462 245 445 234Z' fill='none' stroke='white' stroke-width='30' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot.audio-playing .play::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play.playing::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play[aria-pressed="true"]::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M184 84V428M328 84V428' fill='none' stroke='white' stroke-width='38' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    transform:scale(1) !important;
    animation:none !important;
}

html body .beatify-results.beatify-results-portal .beatify-item:hover .beatify-native-sonaar-slot:not(.audio-playing) .play:not(.playing):not([aria-pressed="true"]),
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot.audio-playing .play,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play.playing,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play[aria-pressed="true"]{
    visibility:visible !important;
    opacity:1 !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot:not(.audio-playing) .play.beatify-hover-enter:not(.playing):not([aria-pressed="true"])::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot:not(.audio-playing) .play.beatify-search-hover-enter:not(.playing):not([aria-pressed="true"])::before{
    animation:beatifyDropdownIconShrinkV4031 var(--beatify-dropdown-speed) cubic-bezier(.16,1,.3,1) both !important;
}

@keyframes beatifyDropdownIconShrinkV4031{
    0%{opacity:1;transform:scale(var(--beatify-dropdown-start-scale));}
    100%{opacity:1;transform:scale(1);}
}

html body .beatify-results.beatify-results-portal .beatify-item:not(:hover) .beatify-native-sonaar-slot:not(.audio-playing) .play:not(.playing):not([aria-pressed="true"]){
    visibility:hidden !important;
    opacity:0 !important;
    animation:none !important;
}

/* Segurança: nunca permite que o estado da busca cubra de preto o catálogo. */
ul.products.beatify-grid-search-active .image-wrap,
ul.products.beatify-grid-search-active .product-image-wrap,
ul.products.beatify-grid-search-active .image-wrap .iron-audioplayer,
ul.products.beatify-grid-search-active .image-wrap .sonaar-Artwort-box,
ul.products.beatify-grid-search-active .image-wrap .control{
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
}

ul.products.beatify-grid-search-active .image-wrap > img.beatify-grid-cover-image,
ul.products.beatify-grid-search-active .image-wrap > img[data-beatify-cover-src]{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    filter:none !important;
    mix-blend-mode:normal !important;
}


/* =========================================================
   V4.0.32 — MESMO CONTROLE SONAAR, TAMANHO AJUSTADO

   O dropdown continua clonando o botão nativo .control > .play do Sonaar.
   Esta camada altera somente o tamanho visual dentro do portal da pesquisa.
   Não alcança nem modifica os players ou as capas do catálogo.
========================================================= */

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot{
    --beatify-dropdown-hit-size:30px !important;
    --beatify-dropdown-icon-size:20px !important;
    --beatify-dropdown-start-scale:1.666667 !important;
    --beatify-dropdown-speed:800ms !important;
}

/* Mantém a capa limpa, sem borda, halo ou fundo criado pelo controle. */
html body .beatify-results.beatify-results-portal .beatify-cover,
html body .beatify-results.beatify-results-portal .beatify-cover > .beatify-cover-art,
html body .beatify-results.beatify-results-portal .beatify-cover > img.beatify-real-cover,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .sonaar-Artwort-box,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .control,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

/* Mesmo desenho delineado do player principal Beatify/Sonaar. */
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot:not(.audio-playing) .play::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play:not(.playing):not([aria-pressed="true"])::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M157 54C139 43 116 56 116 78V434C116 456 139 469 157 458L445 278C462 267 462 245 445 234Z' fill='none' stroke='white' stroke-width='27' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-position:calc(50% + 1px) center !important;
}

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot.audio-playing .play::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play.playing::before,
html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot .play[aria-pressed="true"]::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M184 84V428M328 84V428' fill='none' stroke='white' stroke-width='32' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-position:center !important;
}

/* =========================================================
   V4.0.33 — UM ÚNICO PLAYER SONAAR, SEM "TRACK 1"

   O dropdown não contém .iron-audioplayer, .control, .play ou
   .sricon-play. O botão visual abaixo apenas chama a API oficial
   da única barra sticky do Sonaar existente na página.
========================================================= */

html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot{
    --beatify-search-player-hit:32px !important;
    --beatify-search-player-icon:22px !important;
    --beatify-search-player-start-scale:1.55 !important;
    --beatify-search-player-speed:800ms !important;

    position:absolute !important;
    inset:0 !important;
    z-index:40 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button{
    appearance:none !important;
    -webkit-appearance:none !important;
    position:relative !important;
    inset:auto !important;
    place-self:center !important;
    display:grid !important;
    place-items:center !important;
    width:var(--beatify-search-player-hit) !important;
    height:var(--beatify-search-player-hit) !important;
    min-width:var(--beatify-search-player-hit) !important;
    min-height:var(--beatify-search-player-hit) !important;
    max-width:var(--beatify-search-player-hit) !important;
    max-height:var(--beatify-search-player-hit) !important;
    margin:0 !important;
    padding:0 !important;
    visibility:hidden !important;
    opacity:0 !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    transform:none !important;
    transition:none !important;
    z-index:50 !important;
}

html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button::before,
html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button::after{
    content:none !important;
    display:none !important;
}

html body .beatify-results.beatify-results-portal .beatify-search-sonaar-icon{
    display:block !important;
    width:var(--beatify-search-player-icon) !important;
    height:var(--beatify-search-player-icon) !important;
    min-width:var(--beatify-search-player-icon) !important;
    min-height:var(--beatify-search-player-icon) !important;
    max-width:var(--beatify-search-player-icon) !important;
    max-height:var(--beatify-search-player-icon) !important;
    background-color:transparent !important;
    background-repeat:no-repeat !important;
    background-position:calc(50% + 1px) center !important;
    background-size:contain !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    pointer-events:none !important;
    transform:scale(1) !important;
    transform-origin:center center !important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.92)) !important;
}

/* Mesmo Play delineado usado no player principal. */
html body .beatify-results.beatify-results-portal
.beatify-native-sonaar-slot:not(.audio-playing)
.beatify-search-sonaar-icon,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button:not(.playing)[aria-pressed="false"]
.beatify-search-sonaar-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M157 54C139 43 116 56 116 78V434C116 456 139 469 157 458L445 278C462 267 462 245 445 234Z' fill='none' stroke='white' stroke-width='27' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* Pause fino, fixo enquanto a faixa toca. */
html body .beatify-results.beatify-results-portal
.beatify-native-sonaar-slot.audio-playing
.beatify-search-sonaar-icon,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button.playing
.beatify-search-sonaar-icon,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button[aria-pressed="true"]
.beatify-search-sonaar-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M184 84V428M328 84V428' fill='none' stroke='white' stroke-width='32' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-position:center !important;
    transform:scale(1) !important;
    animation:none !important;
}

html body .beatify-results.beatify-results-portal
.beatify-item:hover
.beatify-search-sonaar-button,
html body .beatify-results.beatify-results-portal
.beatify-native-sonaar-slot.audio-playing
.beatify-search-sonaar-button,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button.playing,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button[aria-pressed="true"]{
    visibility:visible !important;
    opacity:1 !important;
}

/* Anima apenas ao entrar na capa parada. */
html body .beatify-results.beatify-results-portal
.beatify-item:hover
.beatify-native-sonaar-slot:not(.audio-playing)
.beatify-search-sonaar-button:not(.playing)[aria-pressed="false"]
.beatify-search-sonaar-icon{
    animation:beatifySearchSonaarIconV4033
        var(--beatify-search-player-speed)
        cubic-bezier(.16,1,.3,1)
        both !important;
}

@keyframes beatifySearchSonaarIconV4033{
    0%{opacity:1;transform:scale(var(--beatify-search-player-start-scale));}
    100%{opacity:1;transform:scale(1);}
}

html body .beatify-results.beatify-results-portal
.beatify-item:not(:hover)
.beatify-native-sonaar-slot:not(.audio-playing)
.beatify-search-sonaar-button:not(.playing)[aria-pressed="false"]{
    visibility:hidden !important;
    opacity:0 !important;
}

html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button:hover,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button:focus,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button:focus-visible,
html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button:active{
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

html body .beatify-results.beatify-results-portal
.beatify-search-sonaar-button.is-loading{
    opacity:.62 !important;
}

@media (hover:none), (pointer:coarse){
    html body .beatify-results.beatify-results-portal
    .beatify-search-sonaar-button{
        visibility:visible !important;
        opacity:1 !important;
    }

    html body .beatify-results.beatify-results-portal
    .beatify-search-sonaar-icon{
        animation:none !important;
        transform:scale(1) !important;
    }
}

/* =========================================
V4.0.35 — PLAYER FIXO SOMENTE NO CELULAR
========================================= */
/*
 * Desktop: preserva o comportamento da v4.0.33 (Play no hover;
 * Pause permanece visível enquanto a faixa estiver tocando).
 * Celular: Play/Pause fica sempre visível, centralizado na capa,
 * sem animação ou deslocamento de hover.
 */
@media (max-width:767px){
    html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot{
        position:absolute !important;
        inset:0 !important;
        display:grid !important;
        place-items:center !important;
        width:100% !important;
        height:100% !important;
        margin:0 !important;
        padding:0 !important;
        overflow:visible !important;
        background:transparent !important;
        pointer-events:none !important;
        transform:none !important;
        transition:none !important;
        animation:none !important;
    }

    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button,
    html body .beatify-results.beatify-results-portal .beatify-item:hover .beatify-search-sonaar-button,
    html body .beatify-results.beatify-results-portal .beatify-item:not(:hover) .beatify-search-sonaar-button,
    html body .beatify-results.beatify-results-portal .beatify-native-sonaar-slot.audio-playing .beatify-search-sonaar-button,
    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button.playing,
    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button[aria-pressed="true"],
    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button[aria-pressed="false"]{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;
        inset:auto !important;
        place-self:center !important;
        margin:0 !important;
        visibility:visible !important;
        opacity:1 !important;
        pointer-events:auto !important;
        transform:none !important;
        translate:none !important;
        scale:none !important;
        rotate:none !important;
        transition:none !important;
        animation:none !important;
    }

    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-icon,
    html body .beatify-results.beatify-results-portal .beatify-item:hover .beatify-search-sonaar-icon,
    html body .beatify-results.beatify-results-portal .beatify-item:not(:hover) .beatify-search-sonaar-icon,
    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button:hover .beatify-search-sonaar-icon,
    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button:focus .beatify-search-sonaar-icon,
    html body .beatify-results.beatify-results-portal .beatify-search-sonaar-button:active .beatify-search-sonaar-icon{
        opacity:1 !important;
        visibility:visible !important;
        transform:scale(1) !important;
        translate:none !important;
        scale:none !important;
        rotate:none !important;
        transition:none !important;
        animation:none !important;
    }
}