/* BustMaxx V12.2 — focused homepage review + ingredient fixes */

/* Transparent ingredient bottle presentation */
.ingredient-lab .lab-orbit{isolation:isolate;overflow:visible}
.ingredient-lab .lab-core{
    background:transparent!important;
    border-radius:0!important;
    overflow:visible!important;
    box-shadow:none!important;
}
.ingredient-lab .lab-core::before{
    content:"";
    position:absolute;
    left:14%;right:14%;bottom:3%;height:12%;
    background:radial-gradient(ellipse,rgba(232,0,113,.24),rgba(0,0,0,.24) 45%,transparent 72%);
    filter:blur(14px);
    z-index:-1;
}
.ingredient-lab .lab-core img{
    width:100%;height:100%;object-fit:contain;
    background:transparent!important;
    filter:drop-shadow(0 24px 26px rgba(0,0,0,.34));
}
.ingredient-lab .lab-orbit>button{
    cursor:default;
    overflow:hidden;
}
.ingredient-lab .lab-orbit>button span{
    display:block;
    overflow-wrap:anywhere;
    line-height:1.28;
}

/* Cleaner 3D review coverflow */
.review-cylinder-section{
    grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);
    gap:clamp(28px,4vw,72px);
}
.review-cylinder-shell{
    height:650px;
    overflow:hidden;
    perspective:1500px;
    mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
}
.review-cylinder-track{
    left:50%;top:50%;
    width:0;height:0;
    transform-style:preserve-3d;
    transition:none!important;
}
.review-cylinder-card{
    width:min(310px,30vw);
    min-height:440px;
    padding:0!important;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.48);
    background:linear-gradient(145deg,#fff,#fff5f9 72%,#ffeaf4);
    box-shadow:0 30px 90px rgba(0,0,0,.32);
    transform-origin:center center;
    transition:opacity .35s ease,filter .35s ease,box-shadow .35s ease!important;
    will-change:transform,opacity;
}
.review-cylinder-card.active{
    box-shadow:0 42px 110px rgba(232,0,113,.24);
}
.review-cylinder-media{
    height:158px;
    position:relative;
    overflow:hidden;
    background:linear-gradient(145deg,#f7edf2,#fff);
}
.review-cylinder-media img{
    width:100%;height:100%;object-fit:cover;
    display:block;
}
.review-cylinder-card.uses-product-fallback .review-cylinder-media img{
    object-fit:contain;
    padding:12px;
    background:radial-gradient(circle at 50% 45%,#fff 0,#f8edf3 67%,#efdce6 100%);
}
.review-cylinder-media::after{
    content:"";
    position:absolute;inset:auto 0 0;height:42%;
    background:linear-gradient(transparent,rgba(17,7,13,.62));
    pointer-events:none;
}
.review-cylinder-media span{
    position:absolute;left:14px;right:14px;bottom:11px;z-index:2;
    color:#fff;font-size:9px;line-height:1.2;font-weight:850;letter-spacing:.08em;text-transform:uppercase;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.review-cylinder-body{
    min-height:282px;
    padding:20px 22px 22px;
    display:flex;flex-direction:column;
}
.review-cylinder-body .stars{
    font-size:13px;
    letter-spacing:2px;
}
.review-cylinder-body h3{
    margin:12px 0 0!important;
    font-size:17px!important;
    line-height:1.2!important;
}
.review-cylinder-body blockquote{
    margin:15px 0 18px!important;
    font-size:14px!important;
    line-height:1.56!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;
    overflow:hidden;
}
.review-cylinder-body footer{margin-top:auto!important}
.review-cylinder-photo{display:none!important}
.review-cylinder-hint{opacity:.7}

/* Admin preview for the transparent orbit image */
.ingredient-orbit-preview{
    max-width:180px!important;
    max-height:220px!important;
    object-fit:contain!important;
    background:#1a0a12;
    border-radius:18px;
    padding:10px;
}

@media(max-width:1100px){
    .review-cylinder-section{grid-template-columns:1fr}
    .review-cylinder-copy{max-width:760px}
    .review-cylinder-shell{height:600px;margin-top:10px}
    .review-cylinder-card{width:290px}
}

@media(max-width:760px){
    /* Keep the orbit visual on phones instead of turning it into a stacked list */
    .ingredient-lab{
        display:block!important;
        min-height:0!important;
        padding:74px 16px 64px!important;
        overflow:hidden!important;
    }
    .ingredient-lab .lab-copy{max-width:100%;padding-right:4px}
    .ingredient-lab .lab-copy h2{font-size:44px;letter-spacing:-3px}
    .ingredient-lab .lab-orbit{
        position:relative!important;
        display:block!important;
        width:100%!important;
        height:620px!important;
        min-height:620px!important;
        margin:22px auto 0!important;
        padding:0!important;
        overflow:visible!important;
    }
    .ingredient-lab .lab-core{
        position:absolute!important;
        left:50%!important;top:50%!important;
        transform:translate(-50%,-48%)!important;
        width:190px!important;height:390px!important;
        margin:0!important;
    }
    .ingredient-lab .lab-orbit>button{
        position:absolute!important;
        left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
        transform:none!important;
        width:124px!important;
        min-height:52px!important;
        max-height:76px!important;
        padding:8px 9px!important;
        border-radius:20px!important;
        display:grid!important;
        place-items:center!important;
        background:rgba(35,15,26,.84)!important;
        border:1px solid rgba(255,255,255,.22)!important;
        box-shadow:0 14px 30px rgba(0,0,0,.2)!important;
        backdrop-filter:blur(15px)!important;
        -webkit-backdrop-filter:blur(15px)!important;
        font-size:9px!important;
    }
    .ingredient-lab .lab-orbit>button span{
        position:static!important;
        transform:none!important;
        text-align:center!important;
        white-space:normal!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:3!important;
        overflow:hidden!important;
        line-height:1.28!important;
    }
    .ingredient-lab .lab-orbit>button:nth-of-type(1){left:2px!important;top:35px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(2){right:2px!important;top:22px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(3){left:0!important;top:165px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(4){right:0!important;top:145px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(5){left:0!important;top:300px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(6){right:0!important;top:285px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(7){left:3px!important;bottom:70px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(8){right:3px!important;bottom:55px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(9){left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:154px!important}

    .review-cylinder-section{
        min-height:0!important;
        padding:74px 16px 54px!important;
    }
    .review-cylinder-copy h2{font-size:45px!important;line-height:.96!important}
    .review-cylinder-copy p{max-width:100%}
    .review-cylinder-controls{position:static!important;margin-top:20px!important}
    .review-cylinder-shell{
        height:520px!important;
        margin:24px -16px 0!important;
        perspective:1100px!important;
        mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
        -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
    }
    .review-cylinder-card{
        width:min(272px,76vw)!important;
        min-height:405px!important;
        border-radius:24px!important;
    }
    .review-cylinder-media{height:138px}
    .review-cylinder-body{min-height:267px;padding:18px 18px 20px}
    .review-cylinder-body blockquote{-webkit-line-clamp:5;font-size:13px!important}
    .review-cylinder-floor{bottom:4%!important}
    .review-cylinder-hint{bottom:0!important}
}

@media(max-width:390px){
    .ingredient-lab .lab-orbit{height:600px!important;min-height:600px!important}
    .ingredient-lab .lab-core{width:175px!important;height:360px!important}
    .ingredient-lab .lab-orbit>button{width:110px!important;font-size:8.2px!important;padding:7px!important}
    .ingredient-lab .lab-orbit>button:nth-of-type(9){width:142px!important}
    .review-cylinder-card{width:min(252px,74vw)!important}
}