/* Mzansi Dream unique mini-landing + store layer */
.product-page{--page-accent:#8d2945;--page-soft:#fff1f5;--page-deep:#4a2d38}
.product-page.page-nails{--page-accent:#a8496a;--page-soft:#fff0f4}
.product-page.page-makeup{--page-accent:#9e3654;--page-soft:#fff0f3}
.product-page.page-lashes{--page-accent:#765064;--page-soft:#f8f0f5}
.product-page.page-combos{--page-accent:#98534f;--page-soft:#fff1ed}
.product-page.page-wellness{--page-accent:#716747;--page-soft:#f6f2e8;--page-deep:#45412f}
.product-header{background:rgba(255,250,248,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.product-nav{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}
.product-brand{display:flex;flex-direction:column;line-height:.9}
.product-brand small{font:700 9px/1.2 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.product-tabs{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.product-tabs a{position:relative;text-decoration:none;padding:10px 12px;border-radius:999px;font-size:13px;color:var(--muted);transition:.28s ease}
.product-tabs a:hover,.product-tabs a.active{background:var(--page-soft);color:var(--page-accent);transform:translateY(-1px)}
.product-tabs a.active:after{content:"";position:absolute;left:20px;right:20px;bottom:5px;height:1px;background:var(--page-accent)}
.home-pill{white-space:nowrap}
.unique-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--page-soft),#f7e4dc);padding:54px 0}
.unique-hero:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.38);right:-120px;top:-170px;filter:blur(2px)}
.hero-copy{position:relative;z-index:1}
.hero-lede{font-size:18px;line-height:1.7;max-width:56ch;color:#5f4b52}
.btn.soft{background:rgba(255,255,255,.72);color:var(--page-accent);border:1px solid rgba(109,41,64,.2)}
.hero-frame{position:relative;overflow:hidden;border-radius:28px;box-shadow:0 22px 60px rgba(70,38,48,.16);background:#ead9d5}
.hero-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.55);border-radius:inherit;pointer-events:none}
.hero-frame .subimage{border-radius:0;box-shadow:none;max-height:520px;aspect-ratio:4/3}
.story-heading{max-width:760px;margin-bottom:28px}.story-heading.centred{text-align:center;margin-left:auto;margin-right:auto}
.story-heading>p{color:var(--muted);font-size:16px;max-width:68ch}
.choice-rail,.occasion-grid,.combo-scenarios,.mood-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.choice-chip,.occasion-card,.combo-scenarios button,.mood-paths button,.lash-ladder button{appearance:none;border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;text-align:left;color:var(--ink);cursor:pointer;min-height:128px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.choice-chip:hover,.occasion-card:hover,.combo-scenarios button:hover,.mood-paths button:hover,.lash-ladder button:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(82,46,57,.1);border-color:color-mix(in srgb,var(--page-accent) 42%,white)}
.choice-chip strong,.occasion-card strong,.combo-scenarios strong,.mood-paths strong,.lash-ladder strong{display:block;font:600 24px/1.05 'Cormorant Garamond',Georgia,serif;color:var(--page-accent);margin:5px 0 8px}
.choice-chip span,.occasion-card small,.combo-scenarios span{display:block;color:var(--muted);font-size:13px;line-height:1.5}
.benefit-trio,.why-combine{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.benefit-trio article,.why-combine article{padding:22px 0;border-top:1px solid var(--line)}
.benefit-trio article>span{font-size:11px;letter-spacing:.14em;color:var(--page-accent);font-weight:800}
.benefit-trio h3{font-size:25px}.benefit-trio p,.why-combine p{color:var(--muted);font-size:14px}
.occasion-card>span{font-size:11px;font-weight:800;color:var(--page-accent);letter-spacing:.12em}
.finish-strip{margin-top:26px;padding:20px;border-radius:20px;background:var(--page-soft);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.finish-strip div{padding:8px 14px;border-left:2px solid color-mix(in srgb,var(--page-accent) 35%,white)}
.finish-strip b,.finish-strip span{display:block}.finish-strip span{color:var(--muted);font-size:13px;margin-top:5px}
.lash-ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.lash-ladder button:nth-child(2){transform:translateY(10px)}.lash-ladder button:nth-child(3){transform:translateY(20px)}
.lash-ladder button:hover{transform:translateY(-4px)}
.lash-ladder .level{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lash-ladder p{font-size:13px;color:var(--muted)}
.pairing-panel{margin-top:48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;padding:30px;border-radius:24px;background:linear-gradient(135deg,var(--page-soft),#fff);border:1px solid var(--line);align-items:center}
.pairing-panel h3{font-size:33px}.pairing-panel p{color:var(--muted);font-size:15px}
.combo-scenarios button{min-height:150px;background:linear-gradient(180deg,#fff,var(--page-soft))}
.why-combine article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.why-combine b{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;color:var(--page-accent)}
.wellness-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.wellness-layout .story-heading{grid-column:1/-1}
.mood-paths{grid-template-columns:repeat(2,1fr)}
.mood-paths button{min-height:150px;background:linear-gradient(135deg,#fff,var(--page-soft))}
.mood-paths span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--page-accent);font-weight:800}
.gift-note{padding:30px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(80,63,40,.07);position:sticky;top:110px}
.gift-note h3{font-size:31px}.gift-note p{color:var(--muted)}
.store-section{scroll-margin-top:96px}
.product-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;border-color:.35s ease}
.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 46px rgba(76,40,52,.13);border-color:color-mix(in srgb,var(--page-accent) 30%,white)}
.product-open img{transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease}.product-card:hover img{transform:scale(1.035);filter:saturate(1.03)}
.product-card.product-pulse{animation:productPulse 1.1s ease}
@keyframes productPulse{0%,100%{box-shadow:0 10px 28px rgba(93,54,65,.06)}45%{box-shadow:0 0 0 5px color-mix(in srgb,var(--page-accent) 18%,transparent),0 22px 48px rgba(93,54,65,.16)}}
.proof-band{background:linear-gradient(135deg,var(--page-soft),#fff)}
.proof-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:center}
.proof-heading p{color:var(--muted);font-size:14px}.proof-status{display:inline-flex;margin-top:8px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;color:var(--page-accent);background:#fff}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.proof-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-height:230px;box-shadow:0 10px 30px rgba(80,44,56,.06)}
.quote-mark{font:500 64px/1 Georgia,serif;color:color-mix(in srgb,var(--page-accent) 40%,white);position:absolute;top:14px;left:20px}
.proof-card blockquote{margin:34px 0 18px;font:500 22px/1.38 'Cormorant Garamond',Georgia,serif;color:var(--page-deep)}
.proof-card small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.product-dialog{transition:opacity .24s ease,transform .24s ease;transform:translateY(12px) scale(.985);opacity:0}.product-dialog[open]{transform:none;opacity:1}
.motion-in{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.motion-in.is-visible{opacity:1;transform:none}
.hero-motion{animation:heroFloat 8s ease-in-out infinite;transform:scale(1.02)}
@keyframes heroFloat{0%,100%{transform:scale(1.02) translateY(0)}50%{transform:scale(1.045) translateY(-5px)}}
.ref-home .ref-service-card{transition:transform .35s ease,box-shadow .35s ease}.ref-home .ref-service-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(75,42,52,.12)}
.ref-home .reference-hero-art img{animation:homeHero 9s ease-in-out infinite}
@keyframes homeHero{0%,100%{transform:scale(1.001) translateY(0)}50%{transform:scale(1.018) translateY(-3px)}}
@media(max-width:900px){.product-nav{grid-template-columns:1fr auto}.product-tabs{grid-column:1/-1;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.product-tabs a{white-space:nowrap}.choice-rail,.occasion-grid,.combo-scenarios{grid-template-columns:repeat(2,1fr)}.proof-layout,.wellness-layout{grid-template-columns:1fr}.gift-note{position:static}.proof-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.product-nav{padding-top:11px;padding-bottom:11px}.product-tabs{gap:1px}.home-pill{padding:9px 13px}.choice-rail,.occasion-grid,.combo-scenarios,.mood-paths,.lash-ladder,.benefit-trio,.why-combine,.finish-strip,.proof-grid{grid-template-columns:1fr}.lash-ladder button:nth-child(2),.lash-ladder button:nth-child(3){transform:none}.pairing-panel{grid-template-columns:1fr}.proof-card{min-height:0}.unique-hero{padding:36px 0}}
@media(prefers-reduced-motion:reduce){.motion-in{opacity:1;transform:none}.hero-motion,.ref-home .reference-hero-art img{animation:none!important}.product-card,.product-open img{transition:none!important}}