@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Open+Sans:wght@600;700;800&display=swap');
.mbx{--ink:#3e2723;--ink2:#4a302b;--accent:#844d00;--paper:#fff;--cream:#f6f3ee;--soft:#fbf8f5;--line:rgba(62,39,35,.14);--muted:rgba(62,39,35,.72);--ease:cubic-bezier(.16,1,.3,1);font-family:'Portal','Inter',Arial,sans-serif;color:var(--ink);background:#fff;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip;overflow-y:visible;-webkit-font-smoothing:antialiased}
.mbx *{box-sizing:border-box}.mbx h1,.mbx h2,.mbx h3,.mbx p,.mbx ul{margin:0}.mbx a{color:inherit;text-decoration:none}.mbx img,.mbx video{display:block;max-width:100%}.mbx-wrap{width:min(92%,1320px);margin:auto}.mbx-sec{padding:clamp(3.8rem,6vw,6.4rem) 0}.mbx-ey{display:block;margin-bottom:.85rem;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.mbx h1,.mbx h2,.mbx h3{font-family:'Portal','Open Sans',Arial,sans-serif;letter-spacing:-.045em;line-height:1.05}.mbx h1{font-size:clamp(2.65rem,4.25vw,4.55rem);font-weight:800}.mbx h2{font-size:clamp(2rem,3.7vw,3.65rem);font-weight:750}.mbx h3{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:700}.mbx-copy{font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.75;color:var(--muted)}.mbx-copy strong{color:var(--ink)}
.mbx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:.95rem 1.45rem;border-radius:999px;border:1px solid var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:.28s var(--ease);cursor:pointer}.mbx-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(132,77,0,.14)}.mbx-btn--solid{background:var(--accent);color:#fff}.mbx-btn--ghost{background:#fff;color:var(--ink)}
.mbx-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 46px rgba(62,39,35,.07)}
.mbx-hero{padding:clamp(1.6rem,2.6vw,2.8rem) 0 clamp(3rem,4vw,4.5rem);background:linear-gradient(180deg,#fff,#fbf8f5)}.mbx-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2rem,4vw,4.2rem);align-items:center}.mbx-gallery{position:relative;min-height:525px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(132,77,0,.13),transparent 42%),linear-gradient(160deg,#f7efe8,#fff);border:1px solid var(--line)}.mbx-view{position:absolute;inset:0;display:grid;place-items:center;padding:3.2rem 2.4rem 5.6rem;opacity:0;visibility:hidden;transition:.35s ease}.mbx-view.is-active{opacity:1;visibility:visible}.mbx-bundle-art{position:relative;width:min(88%,560px);height:405px}.mbx-mask{position:absolute;width:77%;left:50%;top:2%;transform:translateX(-50%);filter:drop-shadow(0 26px 35px rgba(62,39,35,.2))}.mbx-serum{position:absolute;width:21%;left:12%;bottom:5%;filter:drop-shadow(0 20px 25px rgba(62,39,35,.22))}.mbx-single-mask{width:min(88%,520px);filter:drop-shadow(0 26px 35px rgba(62,39,35,.2))}.mbx-video{width:min(78%,390px);aspect-ratio:9/16;border-radius:24px;object-fit:cover;box-shadow:0 26px 55px rgba(62,39,35,.18)}.mbx-thumbs{position:absolute;left:1rem;right:1rem;bottom:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;z-index:5}.mbx-thumb{border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:14px;padding:.7rem .5rem;font-size:.72rem;font-weight:700;color:var(--ink);cursor:pointer}.mbx-thumb.is-active{border-color:var(--accent);color:var(--accent)}
.mbx-buy h1{max-width:12ch}.mbx-sub{margin-top:1rem;max-width:54ch}.mbx-product-name{margin-top:1.05rem;font-weight:700;color:var(--ink)}.mbx-price{display:flex;align-items:baseline;gap:.8rem;margin-top:1rem}.mbx-price del{font-size:1.15rem;color:#8f7a72}.mbx-price strong{font:800 clamp(2rem,3vw,3rem)/1 'Open Sans',sans-serif;color:var(--accent)}.mbx-save{font-size:.9rem;font-weight:700;color:var(--accent)}.mbx-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.mbx-chip{padding:.6rem .8rem;border:1px solid rgba(132,77,0,.2);border-radius:999px;background:#fff;font-size:.76rem;font-weight:650}.mbx-actions{display:grid;gap:.8rem;margin-top:1.05rem}.mbx-actions .mbx-btn{width:100%}.mbx-guarantee{padding:1rem 1.1rem;border-left:3px solid var(--accent);background:#fbf5f0;border-radius:12px;margin-top:1rem;font-size:.92rem;line-height:1.6;font-weight:600}.mbx-quizline{display:block;margin-top:.9rem;font-size:.9rem;line-height:1.6;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.mbx-shipping{margin-top:.75rem;font-size:.82rem;color:var(--muted)}
.mbx-warm{background:#f8f2ed}.mbx-dark{background:var(--ink);color:var(--cream)}.mbx-dark .mbx-copy{color:rgba(246,243,238,.78)}.mbx-dark h2,.mbx-dark h3{color:#fff}.mbx-head{max-width:820px;margin:0 auto 2.6rem;text-align:center}.mbx-head .mbx-copy{margin:1rem auto 0}.mbx-problem{max-width:930px;margin:auto;text-align:center}.mbx-problem .mbx-copy{margin:1.25rem auto 0;max-width:72ch}
.mbx-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mbx-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.mbx-info{padding:1.5rem}.mbx-info p{margin-top:.8rem}.mbx-info--accent{border-color:rgba(132,77,0,.45);background:linear-gradient(180deg,#fff9f4,#fff)}.mbx-badge{display:inline-block;margin-bottom:.85rem;padding:.4rem .6rem;border-radius:999px;background:#f5e7dc;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mbx-science{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.mbx-science-copy .mbx-copy{margin-top:1rem}.mbx-science-visual{min-height:410px;display:grid;place-items:center;background:radial-gradient(circle,rgba(132,77,0,.16),transparent 58%);border-radius:28px}.mbx-science-visual img{width:min(82%,460px);filter:drop-shadow(0 22px 35px rgba(0,0,0,.22))}
.mbx-mode{padding:1.45rem}.mbx-mode p{margin-top:.7rem}.mbx-mode--amber{border-color:rgba(132,77,0,.55);box-shadow:0 18px 42px rgba(132,77,0,.11)}.mbx-timer{text-align:center;margin-top:1.3rem;font-weight:700;color:var(--accent)}
.mbx-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mbx-time{padding:1.6rem}.mbx-time strong{display:block;color:var(--accent);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem}.mbx-time p{margin-top:.7rem}
.mbx-cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.4rem}.mbx-cert{padding:.8rem;border:1px solid rgba(246,243,238,.18);border-radius:14px;text-align:center;font-size:.76rem;font-weight:700}.mbx-promise-list{display:grid;gap:1rem;margin-top:1.6rem}.mbx-promise{padding:1.15rem;border-left:2px solid var(--accent);background:rgba(255,255,255,.05);border-radius:0 14px 14px 0}.mbx-promise strong{color:#fff}.mbx-promise p{margin-top:.35rem}
.mbx-guarantee-box{max-width:960px;margin:auto;padding:clamp(1.8rem,4vw,3rem);text-align:center;border:1px solid rgba(132,77,0,.3);background:linear-gradient(180deg,#fff,#fbf4ee);border-radius:28px}.mbx-guarantee-box .mbx-copy{margin:1rem auto 0;max-width:70ch}.mbx-guarantee-box .mbx-btn{margin-top:1.3rem}
.mbx-box-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:center}.mbx-flatlay{position:relative;min-height:450px;border-radius:28px;background:radial-gradient(circle,rgba(132,77,0,.14),transparent 58%)}.mbx-flatlay .mbx-mask{width:72%;top:5%}.mbx-flatlay .mbx-serum{width:20%;left:15%;bottom:8%}.mbx-list{list-style:none;display:grid;gap:.78rem;margin-top:1.2rem}.mbx-list li{position:relative;padding-left:1.35rem;line-height:1.6;color:var(--muted)}.mbx-list li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:900}
.mbx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mbx-step{padding:1.35rem}.mbx-num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-size:.8rem;font-weight:800;margin-bottom:.9rem}.mbx-step p{margin-top:.55rem}
.mbx-qualify{display:grid;grid-template-columns:1fr .8fr;gap:2rem;align-items:center}.mbx-quiz-card{padding:2rem;text-align:center;background:var(--ink);color:#fff;border-radius:24px}.mbx-quiz-card p{color:rgba(246,243,238,.78);margin:1rem 0 1.2rem;line-height:1.65}.mbx-quiz-card .mbx-btn{background:#fff;color:var(--ink);border-color:#fff}
.mbx-faq{max-width:900px;margin:auto}.mbx-faq-item{border-bottom:1px solid var(--line)}.mbx-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0;border:0;background:none;text-align:left;font:700 1.02rem/1.4 'Portal','Inter',sans-serif;color:var(--ink);cursor:pointer}.mbx-faq-q span:last-child{font-size:1.5rem;color:var(--accent)}.mbx-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.mbx-faq-a p{padding:0 0 1.25rem}.mbx-faq-item.is-open .mbx-faq-a{max-height:320px}.mbx-faq-item.is-open .mbx-faq-q span:last-child{transform:rotate(45deg)}
.mbx-final{background:linear-gradient(135deg,var(--ink),#2b1a17);color:#fff}.mbx-final-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}.mbx-final p{color:rgba(246,243,238,.75);margin-top:.8rem}.mbx-final-price{font:800 2.3rem/1 'Open Sans',sans-serif;margin-top:1rem}.mbx-final-price del{font-size:1.1rem;color:rgba(255,255,255,.5);margin-right:.5rem}.mbx-final-actions{display:grid;gap:.8rem;min-width:260px}.mbx-final .mbx-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.mbx-cross{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mbx-product-card{display:grid;grid-template-columns:180px 1fr;gap:1.3rem;align-items:center;padding:1.2rem}.mbx-product-card figure{height:190px;display:grid;place-items:center;background:#faf6f2;border-radius:18px}.mbx-product-card img{max-height:165px;width:auto;filter:drop-shadow(0 14px 20px rgba(62,39,35,.16))}.mbx-product-card p{margin:.55rem 0 .9rem}.mbx-product-price{color:var(--accent);font-weight:800;margin-bottom:.8rem}.mbx-policy-note{text-align:center;margin-top:1rem;font-size:.85rem;color:var(--muted)}
.mbx-sticky{display:none;position:fixed;left:50%;bottom:14px;transform:translateX(-50%) translateY(140%);width:min(92%,680px);z-index:9996;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .8rem .75rem 1rem;background:rgba(62,39,35,.96);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 18px 55px rgba(0,0,0,.25);transition:.35s var(--ease);backdrop-filter:blur(18px)}.mbx-sticky.is-visible{transform:translateX(-50%) translateY(0)}.mbx-sticky-copy strong{display:block}.mbx-sticky-copy span{font-size:.76rem;color:rgba(255,255,255,.7)}.mbx-sticky .mbx-btn{min-height:46px;padding:.75rem 1rem;white-space:nowrap}
.mbx-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.mbx-reveal.is-in{opacity:1;transform:none}
@media(max-width:900px){.mbx-hero-grid,.mbx-science,.mbx-box-grid,.mbx-qualify,.mbx-final-grid{grid-template-columns:1fr}.mbx-gallery{min-height:510px}.mbx-grid3,.mbx-timeline{grid-template-columns:1fr}.mbx-grid4,.mbx-steps,.mbx-cert-grid{grid-template-columns:1fr 1fr}.mbx-final-actions{min-width:0}.mbx-cross{grid-template-columns:1fr}.mbx-hero{padding-top:1.2rem}.mbx-buy h1{max-width:13ch}}
@media(max-width:620px){.mbx-sec{padding:3rem 0}.mbx-wrap{width:min(92%,100%)}.mbx-grid4,.mbx-steps,.mbx-cert-grid{grid-template-columns:1fr}.mbx-gallery{min-height:450px}.mbx-view{padding:3rem 1rem 5.8rem}.mbx-bundle-art{height:350px}.mbx-product-card{grid-template-columns:120px 1fr}.mbx-product-card figure{height:150px}.mbx-product-card img{max-height:130px}.mbx-sticky{bottom:8px}.mbx-sticky-copy span{display:none}.mbx-sticky .mbx-btn{font-size:.68rem}.mbx h1{font-size:2.55rem}}
@media(prefers-reduced-motion:reduce){.mbx *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.mbx-reveal{opacity:1;transform:none}}

/* ===== Exact Home-style Four Modes section ===== */
.mbx-modes-track{height:360vh;position:relative;background:linear-gradient(180deg,#fff,#fcfaf8);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mbx-modes-sticky{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}
.mbx-modes-visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center}
.mbx-glow-orb{position:absolute;width:50vh;height:50vh;border-radius:50%;filter:blur(90px);background:#844d00;opacity:.22;transition:background .8s ease;will-change:transform;animation:mbx-orb-breathe 6s ease-in-out infinite}
@keyframes mbx-orb-breathe{0%,100%{transform:scale(.96);opacity:.18}50%{transform:scale(1.06);opacity:.30}}
.mbx-modes-mask-container{width:65%;aspect-ratio:1/1;position:relative;z-index:2;border-radius:40px;overflow:hidden;box-shadow:0 20px 60px rgba(62,39,35,.18);background:#eee2d8}
.mbx-mode-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);transform-origin:center;pointer-events:none}
.mbx-modes-text{padding:0 clamp(5%,8vw,10%);height:100svh;min-height:620px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.mbx-modes-list{position:relative;width:100%;min-height:320px}
.mbx-mode-item{position:absolute;top:0;left:0;width:100%;transform:translateX(-24px);opacity:0;visibility:hidden;transition:opacity .5s ease,transform .5s ease,visibility .5s}
.mbx-mode-item.is-active{opacity:1;visibility:visible;transform:translateX(0);z-index:2}
.mbx-mode-item .mbx-ey{color:currentColor}
.mbx-mode-item h2{margin-top:.25rem}
.mbx-mode-item .mbx-copy{margin-top:1.3rem;color:var(--ink);max-width:48ch}
.mbx-mode-badge{display:inline-block;margin-top:.9rem;padding:.42rem .65rem;border-radius:999px;background:#f5e7dc;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mbx-modes-usage{position:relative;width:100%;max-width:50ch;margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid rgba(132,77,0,.14);font-size:.88rem;line-height:1.65;color:var(--muted)}
.mbx-modes-usage strong{color:var(--accent);font-weight:700}
.mbx-modes-science{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.45rem;border-radius:100px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--ink);background:#fff;border:1px solid rgba(132,77,0,.28);transition:.3s var(--ease)}
.mbx-modes-science:hover{gap:1rem;border-color:rgba(132,77,0,.55);transform:translateY(-2px)}
/* ===== Full quiz qualifier directly below hero ===== */
.mbx-quiz-qualifier{background:linear-gradient(180deg,#3e2723,#2e1c19);color:#f6f3ee;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.mbx-quiz-qualifier .mbx-wrap{max-width:1040px}
.mbx-quiz-qualifier .mbx-ey{color:#d8a67f}
.mbx-quiz-qualifier h2{color:#fff;max-width:16ch}
.mbx-quiz-qualifier .mbx-copy{color:rgba(246,243,238,.80);max-width:72ch}
.mbx-quiz-qualifier-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}
.mbx-quiz-points{display:grid;gap:1rem;margin-top:1.35rem}
.mbx-quiz-point{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.045)}
.mbx-quiz-point strong{display:block;color:#fff;margin-bottom:.35rem}
.mbx-quiz-action{padding:1.5rem;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 22px 55px rgba(0,0,0,.22);text-align:center}
.mbx-quiz-action .mbx-btn{width:100%}
.mbx-quiz-action-note{margin-top:.8rem;font-size:.8rem;line-height:1.55;color:var(--muted)}
@media(max-width:900px){
  .mbx-modes-track{height:auto!important;min-height:0!important;padding:4rem 0}
  .mbx-modes-sticky{position:relative!important;top:auto!important;display:block!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .mbx-modes-visual{height:auto!important;min-height:0!important;padding:0 5% 2rem;align-items:center}
  .mbx-glow-orb{width:min(72vw,340px);height:min(72vw,340px);filter:blur(64px);opacity:.18}
  .mbx-modes-mask-container{width:min(82vw,360px)!important;border-radius:24px}
  .mbx-modes-text{display:block!important;height:auto!important;min-height:0!important;padding:0 5%!important}
  .mbx-modes-list{display:grid;grid-template-columns:1fr;gap:.9rem;min-height:0!important}
  .mbx-mode-item,.mbx-mode-item.is-active{position:relative!important;top:auto!important;left:auto!important;width:100%!important;padding:1.35rem;border:1px solid rgba(132,77,0,.16);border-left:3px solid currentColor;border-radius:16px;background:#fff;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:0 12px 28px rgba(62,39,35,.05)}
  .mbx-mode-item .mbx-copy{margin-top:.75rem!important;font-size:.92rem}
  .mbx-modes-usage{max-width:100%;margin-top:1.5rem;padding-top:1.25rem}
  .mbx-modes-science{width:100%;justify-content:center;margin-top:1.25rem;text-align:center}
  .mbx-quiz-qualifier-grid{grid-template-columns:1fr}
}
body.mb-bundle-product-page-active div.product{display:block!important;width:100%!important;max-width:none!important}body.mb-bundle-product-page-active div.product:before,body.mb-bundle-product-page-active div.product:after{content:none!important}

/* v1.0.2: the Bundle owns its standalone-product cross-sell. Hide any legacy
   WooCommerce / Commerce Core related-products block that another plugin tries
   to append after our page. */
body.mb-bundle-product-page-active .mbcc-related-products,
body.mb-bundle-product-page-active .related.products,
body.mb-bundle-product-page-active section.related.products,
body.mb-bundle-product-page-active .up-sells.upsells.products{display:none!important}
.mbx-complete-ritual .mbx-head{text-align:center;max-width:900px;margin-inline:auto}
.mbx-complete-ritual .mbx-head h2 em{font-style:normal;color:var(--accent)}
.mbx-complete-ritual .mbx-cross{margin-top:2.25rem}
.mbx-complete-ritual .mbx-product-card h3 a{color:inherit;text-decoration:none}
.mbx-complete-ritual .mbx-product-card figure>a{display:block;width:100%;height:100%}
.mbx-complete-ritual .mbx-product-card .mbx-btn{width:100%;justify-content:center;margin-top:1rem}

/* v2.0.0 full-template override hardening */
.mb-bundle-full-template{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;overflow:visible!important}
body.mb-bundle-template-v2 .site-main,body.mb-bundle-template-v2 #primary{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
body.mb-bundle-template-v2 .woocommerce-breadcrumb,
body.mb-bundle-template-v2 div.product:not(#melaninBlissBundle),
body.mb-bundle-template-v2 .product.type-product > .summary,
body.mb-bundle-template-v2 .product.type-product > .woocommerce-product-gallery,
body.mb-bundle-template-v2 .related.products,
body.mb-bundle-template-v2 .upsells.products,
body.mb-bundle-template-v2 .woocommerce-tabs{display:none!important}
.mbx-modes-heading{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.12;margin:0 0 1.5rem;color:#f6f3ee;max-width:14ch}
.mbx-mode-item h3{font-size:1rem;letter-spacing:.02em;margin:.55rem 0 0;color:inherit}
@media(max-width:900px){.mbx-modes-heading{max-width:none;margin-bottom:1rem}.mbx-mode-item h3{margin:.35rem 0 .4rem}}


/* ===== v2.1.0 layout correction =====
   - Keeps vertical overflow visible so the exact Home-style sticky Modes scene works.
   - The quick-add bar is mobile-only as required by the product-page brief.
   - Hero fits the primary purchase action higher in the first viewport.
*/
html:has(body.mb-bundle-template-v2){scroll-behavior:smooth}
body.mb-bundle-template-v2{overflow-x:hidden!important}
body.mb-bundle-template-v2 .mb-bundle-full-template,
body.mb-bundle-template-v2 #primary,
body.mb-bundle-template-v2 .site-main{overflow:visible!important}
.mbx{overflow-x:clip!important;overflow-y:visible!important}

.mbx-hero-grid{min-height:min(690px,calc(100svh - 126px))}
.mbx-gallery{box-shadow:0 24px 70px rgba(62,39,35,.075)}
.mbx-buy{padding:clamp(.25rem,1vw,1rem) 0}
.mbx-buy .mbx-ey{margin-bottom:.65rem}
.mbx-buy .mbx-price{flex-wrap:wrap;row-gap:.35rem}
.mbx-buy .mbx-save{flex-basis:auto}
.mbx-buy .mbx-guarantee{padding:.8rem 1rem}
.mbx-buy .mbx-quizline{margin-top:.65rem}

/* Editorial section rhythm: no accidental giant gaps between normal sections. */
.mbx-sec{position:relative;isolation:isolate}
.mbx-sec + .mbx-sec{margin-top:0}
.mbx-head{margin-bottom:clamp(1.8rem,3vw,2.7rem)}
.mbx-problem .mbx-copy + .mbx-copy{margin-top:.9rem}

/* Sticky modes: parent and every ancestor remain vertically visible. */
.mbx-modes-track{isolation:isolate;overflow:visible!important}
.mbx-modes-sticky{z-index:1;background:linear-gradient(180deg,#fff,#fcfaf8)}
.mbx-modes-visual,.mbx-modes-text{min-width:0}
.mbx-modes-mask-container{width:min(62%,520px);max-height:72vh}
.mbx-mode-video{transform:scale(1.12)}
.mbx-modes-heading{color:var(--ink);font-size:clamp(2rem,3.4vw,3.45rem);max-width:12ch;margin-bottom:1.25rem}
.mbx-mode-item h2{font-size:clamp(2.2rem,4vw,4.1rem);line-height:1}
.mbx-mode-item h3{font-size:1rem;letter-spacing:.01em;margin:.65rem 0 0}
.mbx-mode-item .mbx-copy{margin-top:1rem;max-width:52ch}
.mbx-modes-usage{margin-top:1.65rem;padding-top:1.2rem}

/* Mobile-only sticky add-to-cart, positioned above the separate mobile nav plugin. */
@media (max-width:760px){
  .mbx-sticky{display:flex;bottom:calc(82px + env(safe-area-inset-bottom));width:min(94%,640px);border-radius:16px}
  .mbx-sticky-copy strong{font-size:.82rem}
  .mbx-sticky .mbx-btn{min-height:44px;padding:.7rem .9rem}
}
@media (min-width:761px){.mbx-sticky{display:none!important}}

@media (max-width:1100px) and (min-width:901px){
  .mbx-hero-grid{gap:2.4rem}
  .mbx-gallery{min-height:500px}
  .mbx h1{font-size:clamp(2.7rem,4.4vw,4rem)}
  .mbx-modes-mask-container{width:min(72%,470px)}
}

@media (max-width:900px){
  .mbx-hero-grid{min-height:0}
  .mbx-gallery{min-height:470px}
  .mbx-buy{padding-top:.5rem}
  .mbx-modes-sticky{min-height:0}
  .mbx-modes-text{min-height:0}
}

@media (max-width:620px){
  .mbx-hero{padding-top:.8rem}
  .mbx-gallery{min-height:410px;border-radius:22px}
  .mbx-view{padding:2.2rem .8rem 5.2rem}
  .mbx-bundle-art{height:315px}
  .mbx-mask{width:80%}
  .mbx-serum{width:21%;left:11%}
  .mbx-buy h1{font-size:clamp(2.3rem,11vw,3.1rem);max-width:12ch}
  .mbx-product-name{font-size:.94rem}
  .mbx-price strong{font-size:2.35rem}
  .mbx-save{font-size:.78rem}
  .mbx-chips{display:grid;grid-template-columns:1fr 1fr}
  .mbx-chip:last-child{grid-column:1/-1}
  .mbx-quiz-qualifier-grid{gap:1.4rem}
  .mbx-quiz-action{padding:1.25rem}
  .mbx-product-card{grid-template-columns:1fr;padding:1rem}
  .mbx-product-card figure{height:210px}
  .mbx-product-card img{max-height:190px}
}


/* v2.1.0 final hardening against theme/WooCommerce button rules */
.mbx a.mbx-btn--solid,.mbx button.mbx-btn--solid{color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important}
.mbx-sticky{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(calc(100% + 150px))}
.mbx-sticky.is-visible{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}

/* ============================================================
   v2.2.0 — premium quiz UI + resilient scroll engine
   ============================================================ */

/* Reveal animations are progressive enhancement: content stays visible if JS
   is blocked, then gets animated only after the script marks the page ready. */
.mbx:not(.mbx-js-ready) .mbx-reveal{opacity:1!important;transform:none!important}
.mbx.mbx-js-ready .mbx-reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity .72s var(--ease),transform .82s var(--ease);transition-delay:var(--mbx-delay,0ms);will-change:opacity,transform}
.mbx.mbx-js-ready .mbx-reveal[data-reveal="left"]{transform:translate3d(-34px,12px,0)}
.mbx.mbx-js-ready .mbx-reveal[data-reveal="right"]{transform:translate3d(34px,12px,0)}
.mbx.mbx-js-ready .mbx-reveal.is-in{opacity:1;transform:translate3d(0,0,0)}

/* Before You Buy: premium editorial qualifier, same approved copy. */
.mbx-quiz-qualifier{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(80% 130% at 100% 0%,rgba(179,112,45,.22),transparent 56%),
    radial-gradient(65% 100% at 0% 100%,rgba(132,77,0,.14),transparent 62%),
    linear-gradient(145deg,#3b2420 0%,#261613 100%);
  color:#f6f3ee;
  border-top:1px solid rgba(255,255,255,.065);
  border-bottom:1px solid rgba(255,255,255,.065);
}
.mbx-quiz-qualifier::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
.mbx-quiz-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px)}
.mbx-quiz-orb--one{width:420px;height:420px;right:-190px;top:-170px;border:1px solid rgba(222,164,113,.15);box-shadow:0 0 0 55px rgba(222,164,113,.025),0 0 0 110px rgba(222,164,113,.018)}
.mbx-quiz-orb--two{width:270px;height:270px;left:-130px;bottom:-120px;border:1px solid rgba(222,164,113,.10)}
.mbx-quiz-qualifier .mbx-wrap{max-width:1240px;position:relative;z-index:2}
.mbx-quiz-shell{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
  grid-template-areas:"intro action" "points action" "result action";
  column-gap:clamp(2.3rem,5vw,5rem);
  row-gap:1.5rem;
  align-items:start;
}
.mbx-quiz-intro{grid-area:intro;max-width:760px}
.mbx-quiz-qualifier .mbx-ey{color:#e0ab82;margin-bottom:.8rem}
.mbx-quiz-intro h2{color:#fff;max-width:13ch;font-size:clamp(2.55rem,4.35vw,4.7rem);line-height:.98;letter-spacing:-.055em}
.mbx-quiz-qualifier .mbx-copy{color:rgba(246,243,238,.78)}
.mbx-quiz-lead{margin-top:1.25rem;max-width:62ch!important;font-size:clamp(1rem,1.22vw,1.1rem)}
.mbx-quiz-setup{margin-top:1rem;max-width:58ch!important;color:rgba(246,243,238,.95)!important;font-weight:500}
.mbx-quiz-points{grid-area:points;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}
.mbx-quiz-point{
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;
  min-height:100%;padding:1.3rem 1.3rem 1.4rem;
  border:1px solid rgba(246,243,238,.13);border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(12px);
  transition:border-color .35s var(--ease),transform .35s var(--ease),background .35s var(--ease);
}
.mbx-quiz-point:hover{transform:translateY(-4px);border-color:rgba(224,171,130,.32);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))}
.mbx-quiz-point-no{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(224,171,130,.34);background:rgba(224,171,130,.08);color:#e0ab82;font:700 .72rem/1 'Inter',sans-serif;letter-spacing:.08em}
.mbx-quiz-point strong{display:block;color:#fff;font-size:.98rem;line-height:1.48;margin:0}
.mbx-quiz-point .mbx-copy{margin-top:.6rem!important;font-size:.92rem;line-height:1.66}
.mbx-quiz-result{grid-area:result;display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.15rem;border-top:1px solid rgba(246,243,238,.12)}
.mbx-quiz-result-mark{flex:0 0 auto;color:#e0ab82;font-size:1.15rem;line-height:1.3}
.mbx-quiz-result .mbx-copy{font-size:.92rem;max-width:70ch!important}
.mbx-quiz-action{
  grid-area:action;position:relative;align-self:stretch;min-height:100%;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(1.8rem,3vw,2.65rem);border-radius:30px;text-align:left;
  background:linear-gradient(155deg,#fff 0%,#fbf5ef 100%);color:var(--ink);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 34px 80px rgba(10,5,4,.26),inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;
}
.mbx-quiz-action::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-95px;top:-100px;background:radial-gradient(circle,rgba(132,77,0,.18),transparent 68%);pointer-events:none}
.mbx-quiz-action::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#d9a376,#844d00)}
.mbx-quiz-action>*{position:relative;z-index:1}
.mbx-quiz-action-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.mbx-quiz-action .mbx-ey{color:#ad6a32;margin:0}
.mbx-quiz-time{width:66px;height:66px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid rgba(132,77,0,.18);background:rgba(132,77,0,.055);color:var(--accent)}
.mbx-quiz-time strong{font:800 1.5rem/1 'Open Sans',sans-serif;letter-spacing:-.05em}
.mbx-quiz-time small{display:block;margin-top:2px;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.mbx-quiz-action h3{font-size:clamp(2rem,3vw,3rem);line-height:1.02;max-width:9ch;margin:clamp(2rem,4vw,3.2rem) 0 1.6rem;color:var(--ink)}
.mbx-quiz-action .mbx-btn{width:100%;min-height:58px;padding:1rem 1.15rem;line-height:1.35;text-align:center;box-shadow:0 15px 32px rgba(132,77,0,.19)}
.mbx-quiz-action-note{margin:.9rem 0 0;font-size:.82rem;line-height:1.55;color:var(--muted);text-align:center}

/* Desktop Four Modes uses JS pinning instead of depending on theme sticky
   behavior. This survives Elementor/theme overflow and transform wrappers. */
@media (min-width:901px){
  .mbx-modes-track{height:380vh!important;min-height:2400px;position:relative!important;overflow:visible!important;background:linear-gradient(180deg,#fff,#fcfaf8)}
  .mbx-modes-sticky{
    position:absolute!important;top:0;left:0;right:auto;width:100vw;height:100vh;min-height:640px;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;overflow:hidden;
    background:linear-gradient(180deg,#fff,#fcfaf8);z-index:20;transform:translateZ(0)
  }
  .mbx-modes-sticky.is-pinned{position:fixed!important;top:var(--mbx-pin-top,0px)!important;left:0!important;right:auto!important;width:100vw!important;height:calc(100vh - var(--mbx-pin-top,0px))!important}
  .mbx-modes-sticky.is-ended{position:absolute!important;top:auto!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important}
  .mbx-modes-visual{height:100%;padding:clamp(2rem,5vw,5rem)}
  .mbx-modes-mask-container{width:min(70%,560px);max-height:74vh;border-radius:36px;box-shadow:0 28px 75px rgba(62,39,35,.18)}
  .mbx-mode-video{transform:scale(1.13);will-change:transform}
  .mbx-glow-orb{width:min(52vw,660px);height:min(52vw,660px);opacity:.20;will-change:background,transform;animation:none!important}
  .mbx-modes-text{height:100%;min-height:0;padding:clamp(2rem,5vw,5rem) clamp(5%,8vw,10%);justify-content:center}
  .mbx-modes-heading{font-size:clamp(2.15rem,3.25vw,3.55rem);max-width:11ch;margin-bottom:1.15rem;color:var(--ink)}
  .mbx-mode-progress{position:relative;width:min(100%,430px);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin:0 0 1.75rem;padding:.15rem 0}
  .mbx-mode-progress-line{position:absolute;left:16px;right:16px;top:50%;height:1px;background:rgba(62,39,35,.14);transform:translateY(-50%);overflow:hidden}
  .mbx-mode-progress-line i{display:block;width:0;height:100%;background:var(--accent);transition:width .12s linear}
  .mbx-mode-dot{position:relative;z-index:2;justify-self:start;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid rgba(62,39,35,.16);font-size:.64rem;font-weight:800;color:rgba(62,39,35,.45);transition:.35s var(--ease)}
  .mbx-mode-dot:nth-of-type(2),.mbx-mode-dot:nth-of-type(3),.mbx-mode-dot:nth-of-type(4){justify-self:center}
  .mbx-mode-dot:last-child{justify-self:end}
  .mbx-mode-dot.is-done{border-color:rgba(132,77,0,.42);color:var(--accent);background:#fff8f2}
  .mbx-mode-dot.is-active{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.08);box-shadow:0 8px 20px rgba(132,77,0,.18)}
  .mbx-modes-list{min-height:330px}
  .mbx-mode-item{transform:translate3d(0,24px,0) scale(.985);opacity:0;visibility:hidden;transition:opacity .34s ease,transform .48s var(--ease),visibility .34s;will-change:opacity,transform}
  .mbx-mode-item.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1)}
  .mbx-mode-item h2{font-size:clamp(2.65rem,4.2vw,4.8rem);letter-spacing:-.055em}
  .mbx-mode-item .mbx-copy{font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.72;margin-top:1rem;max-width:50ch}
  .mbx-modes-usage{margin-top:1.3rem;padding-top:1.1rem}
}

@media (max-width:1100px){
  .mbx-quiz-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);column-gap:2rem}
  .mbx-quiz-points{grid-template-columns:1fr}
}

@media (max-width:900px){
  .mbx-quiz-qualifier{padding:4.2rem 0!important}
  .mbx-quiz-shell{display:grid;grid-template-columns:1fr;grid-template-areas:"intro" "points" "result" "action";gap:1.25rem}
  .mbx-quiz-intro h2{font-size:clamp(2.35rem,8vw,3.7rem);max-width:14ch}
  .mbx-quiz-action{min-height:0;margin-top:.45rem;padding:1.6rem;border-radius:24px}
  .mbx-quiz-action h3{max-width:none;margin:1.3rem 0 1.15rem;font-size:clamp(1.8rem,7vw,2.5rem)}
  .mbx-quiz-time{width:56px;height:56px}
  .mbx-quiz-result{padding:.9rem 0 0}
  .mbx-mode-progress{display:none!important}
}

@media (max-width:620px){
  .mbx-quiz-qualifier{padding:3.4rem 0!important}
  .mbx-quiz-intro h2{font-size:clamp(2.15rem,10.5vw,3rem);line-height:1.01}
  .mbx-quiz-lead{font-size:.98rem}
  .mbx-quiz-point{grid-template-columns:1fr;gap:.75rem;padding:1.1rem;border-radius:17px}
  .mbx-quiz-point-no{width:34px;height:34px}
  .mbx-quiz-action{padding:1.35rem}
  .mbx-quiz-action-top{align-items:flex-start}
  .mbx-quiz-action .mbx-btn{min-height:54px;font-size:.72rem}
}

@media (prefers-reduced-motion:reduce){
  .mbx.mbx-js-ready .mbx-reveal,.mbx.mbx-js-ready .mbx-reveal[data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
}


/* v2.3.0 dynamic pricing + quiz incentive */
.mbx-quiz-deal{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:1rem!important;align-items:center!important;margin-top:.9rem!important;padding:1rem 1.05rem!important;border:1px solid rgba(132,77,0,.22)!important;border-radius:18px!important;background:linear-gradient(135deg,#fff8f1,#fbefe4)!important;box-shadow:0 12px 28px rgba(132,77,0,.08)!important}
.mbx-quiz-deal-copy{display:grid!important;gap:.18rem!important;min-width:0!important}.mbx-quiz-deal-kicker{font-size:.74rem!important;line-height:1.35!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#844d00!important}.mbx-quiz-deal-copy strong{font-size:1rem!important;line-height:1.35!important;color:#3e2723!important}.mbx-quiz-deal-copy small{font-size:.78rem!important;line-height:1.5!important;color:#765f56!important}.mbx-btn--quiz{min-width:230px!important;background:#fff!important;color:#844d00!important;border:1px solid #844d00!important;white-space:nowrap!important}.mbx-btn--quiz:hover{background:#844d00!important;color:#fff!important}
.mbx-price .woocommerce-Price-amount,.mbx-final .woocommerce-Price-amount,.mbx-sticky .woocommerce-Price-amount{font:inherit!important;color:inherit!important}.mbx-product-price .price,.mbx-product-price .woocommerce-Price-amount{color:inherit!important;font-weight:inherit!important}
@media(max-width:760px){.mbx-quiz-deal{grid-template-columns:1fr!important}.mbx-btn--quiz{width:100%!important;min-width:0!important;white-space:normal!important}}


/* ===== v2.4.0 dynamic pricing + quiz offer + viewport hardening ===== */
.mbx-price--current{
  display:block!important;
  margin-top:1rem!important;
}
.mbx-price--current strong,
.mbx-price--current .woocommerce-Price-amount{
  font:800 clamp(2.1rem,3vw,3rem)/1 'Open Sans',Arial,sans-serif!important;
  color:var(--accent)!important;
}
.mbx-price--current del,
.mbx-price--current ins,
.mbx-price--current .mbx-save{display:none!important}

.mbx-quiz-deal{
  position:relative!important;
  overflow:hidden!important;
}
.mbx-quiz-deal::before{
  content:"24H"!important;
  position:absolute!important;
  right:-8px!important;
  top:-15px!important;
  font:800 4.7rem/1 'Open Sans',Arial,sans-serif!important;
  color:rgba(132,77,0,.055)!important;
  pointer-events:none!important;
}
.mbx-quiz-deal-copy,
.mbx-btn--quiz{position:relative!important;z-index:1!important}

/* Delayed Skin Fit Quiz popup */
.mbx-quiz-popup-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:10040!important;
  background:rgba(31,18,15,.46)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .3s ease,visibility .3s ease!important;
}
.mbx-quiz-popup{
  position:fixed!important;
  z-index:10041!important;
  right:clamp(18px,3vw,42px)!important;
  bottom:clamp(18px,3vw,42px)!important;
  width:min(92vw,440px)!important;
  padding:clamp(1.35rem,2.4vw,2rem)!important;
  border-radius:26px!important;
  border:1px solid rgba(132,77,0,.22)!important;
  background:
    radial-gradient(90% 85% at 100% 0%,rgba(132,77,0,.11),transparent 65%),
    #fff!important;
  color:var(--ink)!important;
  box-shadow:0 30px 90px rgba(42,25,20,.26)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,24px,0) scale(.975)!important;
  transition:opacity .35s var(--ease),transform .4s var(--ease),visibility .35s ease!important;
}
.mbx-quiz-popup.is-open,
.mbx-quiz-popup-backdrop.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.mbx-quiz-popup.is-open{transform:none!important}
.mbx-quiz-popup-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(62,39,35,.12)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--ink)!important;
  font:400 25px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.mbx-quiz-popup-kicker{
  display:block!important;
  margin-bottom:.7rem!important;
  color:var(--accent)!important;
  font-size:.7rem!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.mbx-quiz-popup h3{
  max-width:12ch!important;
  margin:0!important;
  font-size:clamp(1.85rem,3vw,2.65rem)!important;
  line-height:1.03!important;
  color:var(--ink)!important;
}
.mbx-quiz-popup>p{
  margin:.9rem 0 0!important;
  color:var(--muted)!important;
  font-size:.93rem!important;
  line-height:1.65!important;
}
.mbx-quiz-popup-timer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:.3rem 1rem!important;
  margin:1.1rem 0!important;
  padding:.9rem 1rem!important;
  border:1px solid rgba(132,77,0,.18)!important;
  border-radius:16px!important;
  background:#fbf5f0!important;
}
.mbx-quiz-popup-timer-label{
  color:var(--accent)!important;
  font-size:.68rem!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.mbx-quiz-popup-timer strong{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  color:var(--ink)!important;
  font:800 1.55rem/1 'Open Sans',Arial,sans-serif!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
.mbx-quiz-popup-timer small{
  grid-column:1!important;
  color:var(--muted)!important;
  font-size:.72rem!important;
  line-height:1.45!important;
}
.mbx-quiz-popup-timer.is-live{
  border-color:rgba(132,77,0,.34)!important;
  background:#fff8f1!important;
}
.mbx-quiz-popup-timer.is-expired{
  opacity:.72!important;
}
.mbx-quiz-popup-cta{
  width:100%!important;
  text-align:center!important;
  min-height:56px!important;
}
.mbx-quiz-popup-foot{
  display:block!important;
  margin-top:.65rem!important;
  color:var(--muted)!important;
  text-align:center!important;
  font-size:.72rem!important;
}

/* Short desktop screens / 100% zoom: never clip hero or mode copy. */
@media (min-width:901px) and (max-height:880px){
  .mbx-hero{padding:1rem 0 2.25rem!important}
  .mbx-hero-grid{min-height:0!important;align-items:start!important}
  .mbx-gallery{min-height:470px!important;margin-top:.3rem!important}
  .mbx-bundle-art{height:355px!important}
  .mbx-buy{padding:0!important}
  .mbx-buy h1{font-size:clamp(2.45rem,3.7vw,3.8rem)!important;line-height:1.01!important}
  .mbx-sub{margin-top:.7rem!important;font-size:.98rem!important;line-height:1.55!important}
  .mbx-product-name{margin-top:.7rem!important;font-size:.94rem!important}
  .mbx-price--current{margin-top:.7rem!important}
  .mbx-chips{margin-top:.7rem!important}
  .mbx-chip{padding:.48rem .68rem!important}
  .mbx-actions{margin-top:.8rem!important}
  .mbx-actions .mbx-btn{min-height:48px!important}
  .mbx-quiz-deal{margin-top:.7rem!important;padding:.78rem .85rem!important}
  .mbx-guarantee{margin-top:.7rem!important;padding:.72rem .9rem!important}
  .mbx-quizline{margin-top:.62rem!important;font-size:.82rem!important;line-height:1.45!important}

  .mbx-modes-sticky{min-height:0!important}
  .mbx-modes-visual{padding:1.5rem 3vw!important}
  .mbx-modes-mask-container{width:min(58%,460px)!important;max-height:62vh!important;border-radius:28px!important}
  .mbx-modes-text{padding:1.25rem 5vw!important}
  .mbx-modes-heading{font-size:clamp(1.8rem,2.8vw,2.85rem)!important;margin-bottom:.7rem!important}
  .mbx-mode-progress{margin-bottom:.85rem!important}
  .mbx-modes-list{min-height:240px!important}
  .mbx-mode-item h2{font-size:clamp(2rem,3.25vw,3.55rem)!important}
  .mbx-mode-item h3{margin:.3rem 0 .25rem!important}
  .mbx-mode-item .mbx-copy{font-size:.94rem!important;line-height:1.52!important;margin-top:.55rem!important}
  .mbx-modes-usage{margin-top:.7rem!important;padding-top:.7rem!important;font-size:.78rem!important;line-height:1.45!important}
  .mbx-modes-science{margin-top:.7rem!important;padding:.7rem 1rem!important}
}
@media (min-width:901px) and (max-height:700px){
  .mbx-modes-mask-container{width:min(48%,380px)!important;max-height:55vh!important}
  .mbx-modes-heading{font-size:1.85rem!important}
  .mbx-mode-progress{margin-bottom:.55rem!important}
  .mbx-modes-list{min-height:205px!important}
  .mbx-mode-item h2{font-size:2.35rem!important}
  .mbx-mode-item .mbx-copy{font-size:.86rem!important;line-height:1.42!important}
  .mbx-modes-usage{font-size:.72rem!important}
}
@media(max-width:760px){
  .mbx-quiz-popup{
    left:12px!important;
    right:12px!important;
    bottom:calc(92px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-height:calc(100svh - 120px)!important;
    overflow:auto!important;
    border-radius:22px!important;
  }
  .mbx-quiz-popup h3{font-size:1.95rem!important;max-width:14ch!important}
  .mbx-quiz-popup-timer strong{font-size:1.3rem!important}
}


/* ===== quiz offer: no countdown, persistent activated offer ===== */
.mbx-quiz-popup-timer,
[data-mbx-offer-timer],
[data-mbx-timer-value],
[data-mbx-timer-label],
[data-mbx-timer-note]{
  display:none!important;
}
.mbx-quiz-popup-validity{
  display:flex!important;
  flex-direction:column!important;
  gap:.28rem!important;
  margin:1.1rem 0!important;
  padding:.9rem 1rem!important;
  border:1px solid rgba(132,77,0,.18)!important;
  border-radius:16px!important;
  background:#fbf5f0!important;
}
.mbx-quiz-popup-validity strong{
  color:#844d00!important;
  font-size:.84rem!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.mbx-quiz-popup-validity span{
  color:var(--muted)!important;
  font-size:.76rem!important;
  line-height:1.5!important;
}


/* ==========================================================
   v2.4.2 — Four Modes responsive height + full-width heading
   ========================================================== */
@media (min-width:901px){
  /* Remove the old narrow 11ch constraint that caused the heading
     to wrap into 5–6 short lines at normal browser zoom. */
  .mbx-modes-heading{
    width:100%!important;
    max-width:760px!important;
    font-size:clamp(2.15rem,3vw,3.45rem)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    text-wrap:balance!important;
    margin:0 0 1rem!important;
  }

  /* JS now gives this container the exact height of the active mode.
     This prevents longer copy (especially Amber Light) from colliding
     with the usage note below. */
  .mbx-modes-list{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    transition:height .32s cubic-bezier(.16,1,.3,1)!important;
    margin:0!important;
  }

  .mbx-mode-item,
  .mbx-mode-item.is-active{
    top:0!important;
    bottom:auto!important;
    height:auto!important;
    min-height:0!important;
    padding-bottom:.25rem!important;
  }

  .mbx-mode-item h2{
    margin:.18rem 0 0!important;
    line-height:.98!important;
  }

  .mbx-mode-item h3{
    margin:.48rem 0 0!important;
    line-height:1.35!important;
  }

  .mbx-mode-item .mbx-mode-badge{
    margin-top:.82rem!important;
  }

  .mbx-mode-item .mbx-copy{
    margin:1rem 0 0!important;
    line-height:1.58!important;
  }

  .mbx-modes-usage{
    position:relative!important;
    z-index:4!important;
    flex:0 0 auto!important;
    margin:.8rem 0 0!important;
    padding-top:.8rem!important;
    line-height:1.48!important;
    background:transparent!important;
  }

  .mbx-modes-text{
    overflow:visible!important;
  }
}

/* Compact normal-zoom desktop/laptop screens without clipping copy. */
@media (min-width:901px) and (max-height:900px){
  .mbx-modes-heading{
    max-width:680px!important;
    font-size:clamp(2rem,2.7vw,3rem)!important;
    margin-bottom:.7rem!important;
  }
  .mbx-mode-progress{
    margin-bottom:.75rem!important;
  }
  .mbx-mode-item h2{
    font-size:clamp(2.15rem,3.25vw,3.35rem)!important;
  }
  .mbx-mode-item h3{
    font-size:.95rem!important;
    margin-top:.3rem!important;
  }
  .mbx-mode-item .mbx-mode-badge{
    margin-top:.58rem!important;
    padding:.45rem .75rem!important;
  }
  .mbx-mode-item .mbx-copy{
    margin-top:.62rem!important;
    font-size:clamp(.88rem,1vw,.98rem)!important;
    line-height:1.46!important;
    max-width:56ch!important;
  }
  .mbx-modes-usage{
    margin-top:.55rem!important;
    padding-top:.55rem!important;
    font-size:.76rem!important;
    line-height:1.42!important;
  }
}

/* Very short desktop viewports: preserve legibility while ensuring
   the entire active mode remains inside the pinned scene. */
@media (min-width:901px) and (max-height:720px){
  .mbx-modes-text{
    padding-top:.75rem!important;
    padding-bottom:.75rem!important;
  }
  .mbx-modes-heading{
    font-size:1.85rem!important;
    line-height:1.02!important;
    margin-bottom:.45rem!important;
  }
  .mbx-mode-progress{
    margin-bottom:.5rem!important;
  }
  .mbx-mode-item h2{
    font-size:2.15rem!important;
  }
  .mbx-mode-item h3{
    font-size:.86rem!important;
  }
  .mbx-mode-item .mbx-copy{
    font-size:.82rem!important;
    line-height:1.38!important;
    margin-top:.48rem!important;
  }
  .mbx-modes-usage{
    font-size:.69rem!important;
    line-height:1.34!important;
    margin-top:.4rem!important;
    padding-top:.4rem!important;
  }
}

/* Mobile remains the clean stacked-card version. */
@media (max-width:900px){
  .mbx-modes-heading{
    width:100%!important;
    max-width:none!important;
  }
  .mbx-modes-list{
    height:auto!important;
    min-height:0!important;
  }
}


/* ==========================================================
   v2.4.3 — Certification / trust logo cards
   ========================================================== */
.mbx-cert-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1rem!important;
  margin-top:1.65rem!important;
}
.mbx-cert{
  min-width:0!important;
  padding:1rem!important;
  border:1px solid rgba(246,243,238,.16)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.8rem!important;
  text-align:center!important;
  transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,background .3s ease!important;
}
.mbx-cert:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(215,177,139,.42)!important;
  background:rgba(255,255,255,.07)!important;
}
.mbx-cert-logo{
  width:100%!important;
  aspect-ratio:4/3!important;
  min-height:135px!important;
  padding:.7rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:13px!important;
  background:#fff!important;
}
.mbx-cert-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:145px!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
  filter:none!important;
}
.mbx-cert strong{
  display:block!important;
  min-height:2.3em!important;
  color:#fff!important;
  font-size:.76rem!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:.015em!important;
}

@media(max-width:1000px){
  .mbx-cert-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:560px){
  .mbx-cert-grid{
    grid-template-columns:1fr 1fr!important;
    gap:.7rem!important;
  }
  .mbx-cert{
    padding:.65rem!important;
    border-radius:14px!important;
  }
  .mbx-cert-logo{
    min-height:105px!important;
    padding:.45rem!important;
  }
  .mbx-cert-logo img{
    max-height:110px!important;
  }
  .mbx-cert strong{
    min-height:0!important;
    font-size:.68rem!important;
  }
}


/* v2.5.0 — quiz result auto-apply handoff */
.mbx-auto-offer{
  display:flex;
  flex-direction:column;
  gap:.28rem;
  margin:.8rem 0 .2rem;
  padding:.9rem 1rem;
  border:1px solid rgba(132,77,0,.26);
  border-radius:14px;
  background:#fbf5f0;
  color:#3e2723;
}
.mbx-auto-offer strong{color:#844d00;font-size:.86rem}
.mbx-auto-offer span{font-size:.78rem;line-height:1.5;color:rgba(62,39,35,.76)}


/* v2.5.1 — visible quiz coupon price on the product page */
.mbx-auto-offer--applied{
  border:2px solid rgba(132,77,0,.38)!important;
  background:linear-gradient(135deg,#fffaf5,#f8eee5)!important;
  padding:1rem 1.05rem!important;
}
.mbx-auto-offer__eyebrow{
  display:block!important;
  color:#844d00!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.mbx-auto-offer--applied>strong{
  display:block!important;
  color:#3e2723!important;
  font-size:1.05rem!important;
  line-height:1.35!important;
}
.mbx-auto-offer__price-row{
  display:flex!important;
  align-items:baseline!important;
  gap:.65rem!important;
  flex-wrap:wrap!important;
  margin:.15rem 0!important;
}
.mbx-auto-offer__was{
  color:#8b7a73!important;
  font-size:.9rem!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1.5px!important;
}
.mbx-auto-offer__now{
  color:#844d00!important;
  font-size:1.25rem!important;
  font-weight:900!important;
}
.mbx-auto-offer__save{
  display:block!important;
  color:#5f4a45!important;
  font-size:.8rem!important;
  line-height:1.45!important;
}
.mbx-auto-offer--applied small{
  display:block!important;
  color:#6f5a52!important;
  font-size:.73rem!important;
  line-height:1.45!important;
}


/* v2.5.2 — main product price reflects active quiz discount */
.mbx-price--quiz-applied{
  display:flex!important;
  align-items:baseline!important;
  gap:.55rem!important;
  flex-wrap:wrap!important;
}
.mbx-price--quiz-applied .mbx-price__was{
  color:rgba(62,39,35,.48)!important;
  font-size:.9rem!important;
  font-weight:600!important;
  text-decoration:line-through!important;
  text-decoration-thickness:1.5px!important;
}
.mbx-price--quiz-applied .mbx-price__now{
  color:#844d00!important;
  font-size:1.65rem!important;
  font-weight:900!important;
  line-height:1!important;
}
.mbx-price--quiz-applied .mbx-price__badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:.25rem .55rem!important;
  border-radius:999px!important;
  background:#f4e8dc!important;
  color:#844d00!important;
  font-size:.66rem!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
@media(max-width:560px){
  .mbx-price--quiz-applied .mbx-price__now{font-size:1.45rem!important}
  .mbx-price--quiz-applied .mbx-price__badge{font-size:.61rem!important}
}


/* v2.5.3 — robust centered strike-through for the REAL Bundle price */
.mbx-price--quiz-applied .mbx-price__was,
.mbx-auto-offer__was{
  position:relative!important;
  display:inline-block!important;
  text-decoration:none!important;
  line-height:1.05!important;
}
.mbx-price--quiz-applied .mbx-price__was::after,
.mbx-auto-offer__was::after{
  content:""!important;
  position:absolute!important;
  left:-2px!important;
  right:-2px!important;
  top:50%!important;
  height:2px!important;
  transform:translateY(-50%)!important;
  background:currentColor!important;
  opacity:.72!important;
  pointer-events:none!important;
}


/* v2.5.4 — refined quiz price styling */
.mbx-price--quiz-applied{
  display:grid!important;
  grid-template-columns:auto auto;
  align-items:end!important;
  gap:.35rem 1rem!important;
  margin-top:1.15rem!important;
}
.mbx-price--quiz-applied .mbx-price__group{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:.3rem!important;
}
.mbx-price--quiz-applied .mbx-price__group--was{
  opacity:.9!important;
}
.mbx-price--quiz-applied .mbx-price__group--now{
  min-width:max-content!important;
}
.mbx-price--quiz-applied .mbx-price__label{
  display:block!important;
  font-size:.68rem!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  color:rgba(62,39,35,.58)!important;
  font-weight:800!important;
}
.mbx-price--quiz-applied .mbx-price__was{
  color:rgba(62,39,35,.55)!important;
  font-size:clamp(1.2rem,1.8vw,1.55rem)!important;
  font-weight:700!important;
}
.mbx-price--quiz-applied .mbx-price__now{
  color:#844d00!important;
  font-size:clamp(2.4rem,4.2vw,3.5rem)!important;
  font-weight:900!important;
  line-height:.96!important;
}
.mbx-price--quiz-applied .mbx-price__badge{
  grid-column:1 / -1!important;
  justify-self:start!important;
  margin-top:.2rem!important;
  min-height:36px!important;
  padding:.55rem .95rem!important;
  border-radius:999px!important;
  background:#f3e5d7!important;
  color:#844d00!important;
  border:1px solid rgba(132,77,0,.12)!important;
  font-size:.74rem!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.mbx-price--quiz-applied .mbx-price__was::after,
.mbx-auto-offer__was::after{
  height:1.5px!important;
  opacity:.58!important;
}
.mbx-auto-offer__price-row{
  gap:1rem!important;
  align-items:baseline!important;
}
.mbx-auto-offer__was{
  color:rgba(62,39,35,.62)!important;
  font-size:1.02rem!important;
  font-weight:700!important;
}
.mbx-auto-offer__now{
  font-size:1.85rem!important;
  line-height:1!important;
}
@media (max-width: 720px){
  .mbx-price--quiz-applied{
    grid-template-columns:1fr!important;
    gap:.45rem!important;
  }
  .mbx-price--quiz-applied .mbx-price__badge{
    margin-top:.35rem!important;
  }
}


/* v2.7.0 live WooCommerce price sync */
.mbx-price{transition:opacity .18s ease}
.mbx[data-quiz-price-source="woocommerce_cart"] .mbx-price__badge{
  box-shadow:0 0 0 1px rgba(132,77,0,.04) inset;
}