/** Shopify CDN: Minification failed

Line 558:2 Unexpected "#"

**/
/* Eyephoria — ported from prototype. Fonts declared in snippets/eyephoria-head.liquid */
/* ============================================================
   PHORIA — store prototype v3
   + Product page (PDP)  + Samples (half price / free >3K)
   + Timed cart upsell offers (3-min countdown)
   Price: EGP 1,199 / pair · Sample: half price
   ============================================================ */




:root{
  color-scheme:light;
  --bg:#ffffff;--surface:#ffffff;--surface-2:#FCECEC;--surface-3:#FBEBF4;
  --musk:#FCCCE4;--rose:#FBB0CA;--hot:#FF66CF;--hot-ink:#141414;--accent:#D62E9C;
  --ink:#141414;--ink-soft:#6E6A6E;--line:rgba(20,20,20,.12);--line-2:rgba(20,20,20,.05);
  --shadow:0 18px 50px -26px rgba(214,46,156,.32);--shadow-sm:0 8px 24px -16px rgba(214,46,156,.34);
  --radius:14px;--radius-lg:22px;--maxw:1240px;--fd:"Marcellus",Georgia,serif;--fb:"Lovelace Text",Georgia,serif;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
:root[data-theme="dark"]{
  color-scheme:dark;--bg:#121012;--surface:#1D1A1C;--surface-2:#242022;--surface-3:#2C2729;
  --musk:#4A2436;--rose:#7A3A52;--hot:#FF66CF;--hot-ink:#141414;--accent:#FF83D6;
  --ink:#FBE7EE;--ink-soft:#C99DAE;--line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.06);
  --shadow:0 20px 60px -28px rgba(0,0,0,.8);--shadow-sm:0 10px 30px -20px rgba(0,0,0,.85);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#121012;--surface:#1D1A1C;--surface-2:#242022;--surface-3:#2C2729;--musk:#4A2436;--rose:#7A3A52;--hot:#FF66CF;--hot-ink:#141414;--accent:#FF83D6;--ink:#FBE7EE;--ink-soft:#C99DAE;--line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.06);--shadow:0 20px 60px -28px rgba(0,0,0,.8);--shadow-sm:0 10px 30px -20px rgba(0,0,0,.85)}}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(112px + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:16.5px;line-height:1.6;letter-spacing:.005em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--fd);font-weight:400;margin:0;line-height:1.05}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(18px,4vw,44px)}
[hidden]{display:none !important}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--fd);font-size:.98rem;letter-spacing:.04em;border-radius:999px;padding:.9em 1.8em;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}
.btn-primary{background:var(--hot);color:var(--hot-ink);box-shadow:var(--shadow-sm)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-ghost{border:1.5px solid var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}
.btn-soft{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}
.btn-soft:hover{background:var(--musk)}
.btn-block{width:100%}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.eyebrow{font-family:var(--fd);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
.stars{color:var(--hot);letter-spacing:.06em;font-size:.95em}
:root[data-theme="light"] .stars{color:var(--accent)}
.brand-logo{height:34px;width:auto}

.announce{background:var(--hot);color:var(--hot-ink);font-family:var(--fd);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.announce .track{display:flex;gap:3.2rem;align-items:center;justify-content:center;padding:.55rem 1rem;white-space:nowrap;overflow:hidden}
.announce span{display:inline-flex;align-items:center;gap:.5rem}
.announce b{font-weight:400;border-bottom:1.5px solid var(--hot-ink)}
.announce .dot{opacity:.5}
@media(max-width:760px){.announce .track{justify-content:flex-start;animation:marq 18s linear infinite}@keyframes marq{from{transform:translateX(8%)}to{transform:translateX(-62%)}}}

header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-2)}
.nav-in{display:flex;align-items:center;gap:1.4rem;height:70px}
.logo{display:inline-flex;align-items:center}
.nav-links{display:flex;gap:1.6rem;margin-left:1rem;font-family:var(--fd);font-size:.9rem;letter-spacing:.05em}
.nav-links a{padding:.4rem 0;position:relative;color:var(--ink-soft)}
.nav-links a:hover{color:var(--ink)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:0;background:var(--hot);transition:width .22s}
.nav-links a:hover::after{width:100%}
.nav-tools{margin-left:auto;display:flex;align-items:center;gap:.3rem}
.icon-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .18s}
.icon-btn:hover{background:var(--surface-2)}
.cart-btn{position:relative}
.cart-count{position:absolute;top:2px;right:2px;min-width:19px;height:19px;padding:0 4px;background:var(--hot);color:var(--hot-ink);border-radius:999px;font-size:.68rem;font-family:var(--fd);display:grid;place-items:center;line-height:1}
.hamb{display:none}
@media(max-width:900px){.nav-links{display:none}.hamb{display:grid}}

/* HERO */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(55% 55% at 84% 26%,color-mix(in srgb,var(--hot) 24%,transparent),transparent 70%),radial-gradient(45% 45% at 6% 92%,color-mix(in srgb,var(--rose) 40%,transparent),transparent 66%)}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center;padding:clamp(2.4rem,6vw,5.4rem) 0 clamp(2.6rem,6vw,5rem)}
.hero-copy{max-width:34ch}
.hero h1{font-size:clamp(3rem,8vw,6rem);line-height:.98}
.hero h1 .it{font-family:var(--fb);font-style:italic;font-weight:700}
.hero-sub{margin:1.5rem 0 2rem;font-size:1.1rem;color:var(--ink-soft);max-width:40ch;line-height:1.65}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap}
.hero-proof{display:flex;align-items:center;gap:.7rem;margin-top:1.9rem;font-size:.92rem;color:var(--ink-soft)}
.hero-proof b{color:var(--ink);font-weight:400;font-family:var(--fd)}
.hero-stage{position:relative;display:grid;place-items:center;min-height:min(64vw,470px)}
.hero-eye{width:min(86%,450px);filter:drop-shadow(0 30px 60px rgba(214,46,156,.28))}
.hero-swatches{position:absolute;right:2%;bottom:4%;display:flex;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.5rem .6rem;box-shadow:var(--shadow-sm)}
.hero-swatches button{width:30px;height:30px;border-radius:50%;border:2px solid transparent;transition:transform .15s,border-color .15s}
.hero-swatches button[aria-pressed="true"]{border-color:var(--ink);transform:scale(1.12)}
.hero-tag{position:absolute;left:0;top:8%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.75rem 1rem;box-shadow:var(--shadow-sm);font-size:.82rem;max-width:172px}
.hero-tag .n{font-family:var(--fd);font-size:1.2rem;display:block;line-height:1.1}
@media(max-width:820px){.hero-in{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-stage{order:-1;min-height:auto;padding-top:.5rem}.hero-eye{width:min(72%,330px)}.hero-tag{display:none}}

.trust{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);background:var(--surface)}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2)}
.trust-item{background:var(--surface);padding:1.4rem clamp(1rem,2vw,1.6rem);display:flex;gap:.85rem;align-items:center}
.trust-item svg{flex:0 0 auto;color:var(--hot)}
.trust-item b{display:block;font-family:var(--fd);font-weight:400;font-size:1rem}
.trust-item span{font-size:.82rem;color:var(--ink-soft)}
@media(max-width:820px){.trust-in{grid-template-columns:1fr 1fr}}

section{padding:clamp(3.2rem,7vw,6rem) 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2.4rem}
.sec-head h2{font-size:clamp(2rem,5vw,3.4rem)}
.sec-head p{color:var(--ink-soft);max-width:44ch;margin:.7rem 0 0;font-size:1.02rem}
.sec-head .side{text-align:right;flex:0 0 auto}
@media(max-width:640px){.sec-head{flex-direction:column;align-items:flex-start}.sec-head .side{text-align:left}}

.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,1.6vw,1.2rem)}
.color-tile{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;padding:1.2rem;cursor:pointer;transition:transform .25s,box-shadow .25s;isolation:isolate}
.color-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.color-tile .glow{position:absolute;inset:0;z-index:-1}
.color-tile .ci{position:absolute;top:14%;left:50%;transform:translateX(-50%);width:56%;z-index:-1;transition:transform .3s}
.color-tile:hover .ci{transform:translateX(-50%) scale(1.06)}
.color-tile h3{color:#fff;font-size:1.5rem;text-shadow:0 2px 14px rgba(0,0,0,.32)}
.color-tile .cc{color:rgba(255,255,255,.9);font-size:.82rem;text-shadow:0 1px 8px rgba(0,0,0,.4)}
@media(max-width:820px){.colors{grid-template-columns:1fr 1fr}}

.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.chip{font-family:var(--fd);padding:.5rem 1.2rem;border-radius:999px;border:1px solid var(--line);font-size:.88rem;letter-spacing:.03em;color:var(--ink-soft);background:var(--surface);transition:.16s}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.8rem,1.8vw,1.6rem)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.grid{grid-template-columns:1fr 1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s;cursor:pointer}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card .thumb{position:relative;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,var(--surface-3),var(--surface));overflow:hidden}
.card .thumb .ci{width:70%;transition:transform .3s}
.card:hover .thumb .ci{transform:scale(1.07)}
.badge{position:absolute;top:.7rem;left:.7rem;font-family:var(--fd);background:var(--ink);color:var(--bg);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .6rem;border-radius:6px}
.badge.sold{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line)}
.badge.low{background:var(--hot);color:var(--hot-ink)}
.quick{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;transform:translateY(120%);opacity:0;transition:.24s}
.card:hover .quick,.card:focus-within .quick{transform:none;opacity:1}
.card .body{padding:.95rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.12rem;flex:1}
.card .fam{font-family:var(--fd);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.card h3{font-size:1.35rem}
.card .rate{font-size:.78rem;color:var(--ink-soft);display:flex;gap:.35rem;align-items:center;margin-top:.15rem}
.card .price{margin-top:auto;padding-top:.7rem;font-family:var(--fd);font-size:1.15rem;display:flex;align-items:baseline;gap:.5rem}
.card .price .per{font-family:var(--fb);font-size:.76rem;color:var(--ink-soft)}
@media(hover:none){.quick{position:static;transform:none;opacity:1;margin-top:.7rem}}

/* SAMPLE BAND */
.sample-band{background:var(--surface-3);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.sample-in{display:grid;grid-template-columns:1.4fr 1fr;gap:2rem;align-items:center;padding:clamp(2rem,4vw,3rem) 0}
@media(max-width:760px){.sample-in{grid-template-columns:1fr}}
.sample-in h2{font-size:clamp(1.8rem,4vw,2.8rem)}
.sample-in p{color:var(--ink-soft);margin:.7rem 0 0;max-width:46ch}
.sample-in .chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.sample-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.5rem 1rem;font-size:.86rem}
.sample-pill b{font-family:var(--fd);font-weight:400;color:var(--accent)}
.sample-art{display:grid;place-items:center;position:relative}
.sample-art .ci{width:min(60%,220px);filter:drop-shadow(0 20px 40px rgba(214,46,156,.25))}
.sample-art .half{position:absolute;top:6%;right:8%;background:var(--hot);color:var(--hot-ink);font-family:var(--fd);border-radius:999px;padding:.5rem .9rem;font-size:.9rem;box-shadow:var(--shadow-sm)}

/* BUNDLES */
.bundles-sec{background:var(--surface-3)}
.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2vw,1.6rem);align-items:stretch}
@media(max-width:860px){.bundle-grid{grid-template-columns:1fr}}
.bundle{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.7rem;display:flex;flex-direction:column;gap:1rem}
.bundle.feat{border:1.5px solid var(--hot);box-shadow:var(--shadow)}
.bundle .flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:var(--fd);background:var(--hot);color:var(--hot-ink);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.36rem .95rem;border-radius:999px;white-space:nowrap}
.bundle .flag.alt{background:var(--rose);color:var(--ink)}
.bundle .eye-row{display:flex;margin:.4rem 0}
.bundle .eye-row .ci{width:64px;margin-left:-20px;border-radius:50%;box-shadow:0 6px 16px -8px rgba(214,46,156,.5);border:3px solid var(--surface)}
.bundle .eye-row .ci:first-child{margin-left:0}
.bundle h3{font-size:1.8rem}
.bundle .qty{font-size:.88rem;color:var(--ink-soft)}
.bundle .prices{display:flex;align-items:baseline;gap:.6rem;margin-top:.1rem}
.bundle .now{font-family:var(--fd);font-size:2rem}
.bundle .was{color:var(--ink-soft);text-decoration:line-through;font-size:1rem}
.bundle .save{align-self:flex-start;font-family:var(--fd);background:var(--musk);color:var(--accent);font-size:.82rem;letter-spacing:.03em;padding:.32rem .8rem;border-radius:999px}
:root[data-theme="dark"] .bundle .save{background:rgba(255,131,214,.16)}
.bundle ul{list-style:none;padding:0;margin:.2rem 0 0;font-size:.92rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:.45rem}
.bundle ul li{display:flex;gap:.5rem;align-items:flex-start}
.bundle ul li svg{flex:0 0 auto;margin-top:3px;color:var(--hot)}
.bundle .btn{margin-top:auto}

/* BUILDER */
.builder{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.3rem,3vw,2.2rem);display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(1.4rem,3vw,2.6rem)}
@media(max-width:860px){.builder{grid-template-columns:1fr}}
.builder-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.7rem}
.pick{border:1px solid var(--line);border-radius:14px;padding:.6rem;text-align:center;background:var(--bg);transition:.16s;position:relative}
.pick:hover{border-color:var(--ink)}
.pick .ci{width:56px;margin:0 auto .35rem}
.pick .pn{font-size:.74rem;line-height:1.15;color:var(--ink-soft)}
.pick .pqty{position:absolute;top:6px;right:6px;font-family:var(--fd);background:var(--hot);color:var(--hot-ink);font-size:.72rem;width:20px;height:20px;border-radius:50%;display:none;place-items:center}
.pick.on{border-color:var(--hot);background:var(--surface-3)}
.pick.on .pqty{display:grid}
.builder-side{background:var(--surface-3);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.85rem}
.builder-side h3{font-size:1.6rem}
.tier-bar{height:8px;border-radius:999px;background:var(--musk);overflow:hidden}
.tier-fill{height:100%;width:0;background:linear-gradient(90deg,var(--rose),var(--hot));transition:width .3s}
.tier-note{font-size:.88rem;color:var(--ink-soft);min-height:2.6em;line-height:1.5}
.tier-note b{color:var(--accent);font-family:var(--fd);font-weight:400}
.builder-total{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding-top:.9rem;margin-top:.2rem;gap:1rem}
.builder-total .t{font-family:var(--fd);font-size:1.8rem}
.builder-total .old{color:var(--ink-soft);text-decoration:line-through;font-size:.9rem;margin-left:.5rem}

/* QUIZ */
.quiz-sec{background:linear-gradient(135deg,var(--surface-3),var(--musk))}
:root[data-theme="dark"] .quiz-sec{background:linear-gradient(135deg,var(--surface-2),var(--surface-3))}
.quiz-wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,4rem);align-items:center}
@media(max-width:820px){.quiz-wrap{grid-template-columns:1fr}}
.quiz-sec h2{font-size:clamp(2rem,5vw,3.4rem)}
.quiz-card{background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);padding:clamp(1.4rem,3vw,2rem);box-shadow:var(--shadow)}
.quiz-q{font-family:var(--fd);font-size:1.5rem;margin-bottom:1.1rem}
.quiz-opts{display:grid;gap:.6rem}
.quiz-opt{text-align:left;border:1px solid var(--line);border-radius:12px;padding:.9rem 1.15rem;font-family:var(--fd);font-size:1.02rem;letter-spacing:.02em;transition:.15s;background:var(--bg)}
.quiz-opt:hover{border-color:var(--hot);background:var(--surface-3)}
.quiz-progress{font-family:var(--fd);font-size:.78rem;color:var(--ink-soft);margin-bottom:.9rem;letter-spacing:.14em;text-transform:uppercase}
.quiz-result{text-align:center}
.quiz-result .ci{width:120px;margin:.4rem auto 1rem}
.quiz-result h3{font-size:2rem}
.quiz-result .fam{font-family:var(--fd);color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}

.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2.4rem)}
@media(max-width:820px){.why-grid{grid-template-columns:1fr}}
.why-num{font-family:var(--fd);font-size:.95rem;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:.7rem;margin-bottom:1rem;display:flex;justify-content:space-between;letter-spacing:.04em}
.why-card h3{font-size:1.5rem;margin-bottom:.5rem}
.why-card p{color:var(--ink-soft);font-size:.98rem}

.reviews-sec{background:var(--surface-2)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.9rem,2vw,1.4rem)}
@media(max-width:820px){.rev-grid{grid-template-columns:1fr}}
.rev{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.rev .stars{font-size:1.05rem}
.rev p{font-size:1rem;line-height:1.6;font-style:italic}
.rev .who{margin-top:auto;display:flex;align-items:center;gap:.7rem;font-size:.86rem}
.rev .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--hot),var(--rose));display:grid;place-items:center;color:#fff;font-family:var(--fd)}
.rev .who b{font-family:var(--fd);font-weight:400}
.rev .who span{color:var(--ink-soft);display:block;font-size:.78rem}
.rev .vf{font-family:var(--fd);color:var(--accent);font-size:.7rem;letter-spacing:.06em}

.insta-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}
@media(max-width:820px){.insta-grid{grid-template-columns:repeat(3,1fr)}}
.insta-cell{aspect-ratio:1;border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}
.insta-cell .ci{width:66%}
.insta-cell .ig{position:absolute;bottom:8px;right:8px;color:var(--accent);opacity:.9}

.news{position:relative;overflow:hidden;background:linear-gradient(120deg,#FF66CF,#FBB0CA);color:#141414;border-radius:var(--radius-lg);padding:clamp(2rem,5vw,3.8rem);text-align:center}
.news .eyebrow{color:#7a1148}
.news h2{color:#141414;font-size:clamp(2rem,5vw,3.2rem)}
.news p{color:#5a2340;max-width:46ch;margin:.9rem auto 1.7rem;font-size:1.05rem}
.news form{display:flex;gap:.6rem;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.news input{flex:1;min-width:210px;border:none;border-radius:999px;padding:.95em 1.4em;font-family:var(--fb);font-size:1rem;background:#fff;color:#141414}
.news .btn-primary{background:#141414;color:#fff;box-shadow:none}
.news small{display:block;margin-top:1.1rem;color:#5a2340;font-size:.82rem}

.faq{max-width:820px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;font-size:1.22rem;font-family:var(--fd)}
.faq-q .pm{flex:0 0 auto;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.2s;font-size:1.1rem}
.faq-item[open] .pm{transform:rotate(45deg);background:var(--hot);color:var(--hot-ink);border-color:var(--hot)}
.faq-a{padding:0 0 1.4rem;color:var(--ink-soft);max-width:72ch;line-height:1.65}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}

footer{--rose:#FBB0CA;background:#141414;color:#FBB0CA;padding:clamp(2.6rem,5vw,4rem) 0 2rem;border-top:1px solid rgba(255,255,255,.08)}

.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2.4rem;border-bottom:1px solid rgba(255,255,255,.12)}
@media(max-width:820px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr}}
.foot-brand .brand-logo{height:44px;margin-bottom:.3rem}
.foot-brand p{color:rgba(255,255,255,.75);max-width:32ch;margin:.9rem 0 1.2rem;font-size:.94rem;font-style:italic}
.foot-col h4{font-family:var(--fd);font-weight:400;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#FBB0CA;margin-bottom:1rem}
.foot-col a{display:block;color:rgba(255,255,255,.9);padding:.32rem 0;font-size:.95rem}
.foot-col a:hover{color:#fff}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:1.6rem;color:rgba(255,255,255,.65);font-size:.82rem}
.pays{display:flex;gap:.4rem;flex-wrap:wrap}
.pays span{background:rgba(255,255,255,.1);border-radius:6px;padding:.25rem .58rem;font-size:.7rem;letter-spacing:.03em;color:rgba(255,255,255,.82)}
.socials{display:flex;gap:.6rem}
.socials a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;color:var(--rose)}
.socials a:hover{background:#fff;color:var(--ink);border-color:#fff}

/* ============ PRODUCT PAGE (PDP) ============ */
#pdp{padding:clamp(1.4rem,3vw,2.4rem) 0 0}
.pdp-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-soft);font-family:var(--fd);font-size:.86rem;letter-spacing:.04em;margin-bottom:1.4rem}
.pdp-back:hover{color:var(--ink)}
.pdp-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.4rem);align-items:start}
@media(max-width:860px){.pdp-top{grid-template-columns:1fr}}
.pdp-media-main{background:radial-gradient(circle at 50% 40%,var(--surface-3),var(--surface));border:1px solid var(--line);border-radius:var(--radius-lg);aspect-ratio:1;display:grid;place-items:center;position:relative;overflow:hidden}
.pdp-media-main .ci{width:74%}
.pdp-media-main .pdp-badge{position:absolute;top:1rem;left:1rem;font-family:var(--fd);background:var(--ink);color:var(--bg);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .7rem;border-radius:6px}
.pdp-thumbs{display:flex;gap:.6rem;margin-top:.7rem}
.pdp-thumb{flex:1;border:1px solid var(--line);border-radius:12px;padding:.5rem;background:var(--surface);text-align:center;transition:.15s}
.pdp-thumb.on,.pdp-thumb:hover{border-color:var(--hot);background:var(--surface-3)}
.pdp-thumb .ci{width:44px;margin:0 auto .25rem}
.pdp-thumb span{font-size:.66rem;color:var(--ink-soft);line-height:1.1;display:block}
.pdp-info .fam{font-family:var(--fd);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.78rem}
.pdp-info h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.2rem 0 .4rem}
.pdp-rate{display:flex;align-items:center;gap:.5rem;color:var(--ink-soft);font-size:.9rem;margin-bottom:1rem}
.pdp-price{display:flex;align-items:baseline;gap:.7rem;font-family:var(--fd);font-size:2rem}
.pdp-price .per{font-family:var(--fb);font-size:.85rem;color:var(--ink-soft)}
.pdp-desc{color:var(--ink-soft);margin:1rem 0 1.3rem;max-width:46ch;line-height:1.65}
.pdp-specs{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-direction:column;gap:.55rem;font-size:.94rem}
.pdp-specs li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-soft)}
.pdp-specs svg{flex:0 0 auto;margin-top:3px;color:var(--hot)}
.pdp-qtyrow{display:flex;gap:.8rem;align-items:center;margin-bottom:.9rem}
.pdp-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px}
.pdp-stepper button{width:40px;height:44px;display:grid;place-items:center;font-size:1.2rem}
.pdp-stepper span{min-width:34px;text-align:center;font-family:var(--fd);font-size:1.1rem}
.pdp-actions{display:flex;flex-direction:column;gap:.7rem}
.pdp-sample-btn{display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%;border:none;border-radius:999px;padding:.95em 1.4em;font-family:var(--fd);letter-spacing:.03em;color:#fff;background:#141414;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s}
.pdp-sample-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.pdp-sample-btn .tag{background:var(--hot);color:#141414;padding:.28em .8em;border-radius:999px;font-size:.84rem;white-space:nowrap}
:root[data-theme="dark"] .pdp-sample-btn{background:var(--surface-3);color:var(--ink);border:1.5px solid var(--hot)}
.pdp-sample-hint{font-size:.8rem;color:var(--ink-soft);margin-top:.4rem;text-align:center}
.pdp-mini{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.2rem;font-size:.82rem;color:var(--ink-soft)}
.pdp-mini span{display:inline-flex;gap:.4rem;align-items:center}
.pdp-mini svg{color:var(--hot)}

.pdp-section{padding:clamp(2.6rem,6vw,4.5rem) 0}
.pdp-section h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:.4rem}
.pdp-section .lead{color:var(--ink-soft);margin-bottom:1.6rem;max-width:50ch}
.fbt{display:grid;grid-template-columns:1fr auto;gap:1.6rem;align-items:center;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.2rem,3vw,2rem)}
@media(max-width:720px){.fbt{grid-template-columns:1fr}}
.fbt-items{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.fbt-eye{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.6rem;width:96px;text-align:center}
.fbt-eye .ci{width:60px;margin:0 auto .3rem}
.fbt-eye span{font-size:.7rem;color:var(--ink-soft);line-height:1.1;display:block}
.fbt-plus{font-family:var(--fd);font-size:1.4rem;color:var(--ink-soft)}
.fbt-buy{text-align:right;min-width:180px}
.fbt-buy .p{font-family:var(--fd);font-size:1.6rem}
.fbt-buy .o{color:var(--ink-soft);text-decoration:line-through;font-size:.9rem;margin-left:.4rem}
.fbt-buy .s{display:block;color:var(--accent);font-size:.82rem;margin:.2rem 0 .7rem;font-family:var(--fd)}
@media(max-width:720px){.fbt-buy{text-align:left}}
.pdp-promo{margin-top:1.4rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem 1.5rem}
@media(max-width:640px){.pdp-promo{grid-template-columns:1fr}}
.pdp-promo b{font-family:var(--fd);font-weight:400;font-size:1.15rem}
.pdp-promo p{color:var(--ink-soft);font-size:.9rem;margin:.2rem 0 0}
.pdp-samplecard{background:linear-gradient(120deg,var(--surface-3),var(--musk));border-radius:var(--radius-lg);padding:clamp(1.4rem,3vw,2.2rem);display:grid;grid-template-columns:1fr auto;gap:1.4rem;align-items:center}
@media(max-width:640px){.pdp-samplecard{grid-template-columns:1fr}}
.pdp-samplecard h3{font-size:1.5rem}
.pdp-samplecard p{color:var(--ink-soft);margin:.5rem 0 0;max-width:52ch}
.pdp-explore-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}
@media(max-width:860px){.pdp-explore-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.pdp-explore-row{grid-template-columns:repeat(2,1fr)}}

/* CART DRAWER */
.scrim{position:fixed;inset:0;background:rgba(10,10,10,.45);z-index:90;opacity:0;visibility:hidden;transition:.28s;backdrop-filter:blur(2px)}
.scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(430px,100%);z-index:100;background:var(--bg);box-shadow:-20px 0 60px -30px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}
.drawer.open{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.3rem;border-bottom:1px solid var(--line)}
.drawer-head h3{font-size:1.5rem}
.drawer-scroll{flex:1;overflow-y:auto}
.ship-bar{padding:1rem 1.3rem;background:var(--surface-3);font-size:.86rem}
.ship-bar .track{height:7px;background:var(--musk);border-radius:999px;overflow:hidden;margin-top:.55rem}
.ship-bar .fill{height:100%;width:0;background:linear-gradient(90deg,var(--rose),var(--hot));transition:width .35s}
.ship-bar b{color:var(--accent);font-family:var(--fd);font-weight:400}
.offer{margin:1rem 1.3rem;border:1.5px solid var(--hot);border-radius:var(--radius);padding:1rem;background:var(--surface-3)}
.offer .otop{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.3rem}
.offer .olabel{font-family:var(--fd);font-size:1rem;display:flex;align-items:center;gap:.4rem}
.offer .otimer{font-family:var(--fd);background:var(--hot);color:var(--hot-ink);border-radius:999px;padding:.2rem .6rem;font-size:.86rem;font-variant-numeric:tabular-nums}
.offer .osub{font-size:.82rem;color:var(--ink-soft);margin-bottom:.7rem}
.offer .osub b{font-family:var(--fd);color:var(--accent);font-weight:400}
.offer-shades{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.2rem}
.offer-shades button{flex:0 0 auto;width:66px;border:1px solid var(--line);border-radius:12px;padding:.4rem;background:var(--surface);text-align:center;transition:.15s}
.offer-shades button:hover{border-color:var(--hot)}
.offer-shades .ci{width:42px;margin:0 auto .25rem}
.offer-shades span{font-size:.62rem;color:var(--ink-soft);line-height:1;display:block}
.freebie{margin:0 1.3rem 1rem;border:1.5px dashed var(--accent);border-radius:var(--radius);padding:1rem;background:var(--surface-3)}
.freebie .ftop{font-family:var(--fd);font-size:1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}
.drawer-items{padding:.4rem 1.3rem;display:flex;flex-direction:column;gap:.9rem}
.line{display:flex;gap:.9rem;align-items:center}
.line .ci{width:56px;flex:0 0 auto;border-radius:12px;background:var(--surface-3);padding:6px}
.line .li-b{flex:1;min-width:0}
.line .li-b .fam{font-family:var(--fd);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.line .li-b h4{font-family:var(--fd);font-weight:400;font-size:1rem;line-height:1.15}
.line .li-b .p{font-size:.84rem;color:var(--ink-soft)}
.line .li-b .p .free{color:var(--accent);font-family:var(--fd)}
.line .tag-mini{display:inline-block;font-family:var(--fd);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;background:var(--musk);color:var(--accent);padding:.12rem .4rem;border-radius:5px;margin-top:.2rem}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;margin-top:.35rem}
.stepper button{width:26px;height:26px;display:grid;place-items:center;font-size:1rem}
.stepper span{min-width:22px;text-align:center;font-size:.85rem;font-family:var(--fd)}
.line .rm{color:var(--ink-soft);font-size:.72rem;text-decoration:underline;margin-top:.3rem;display:inline-block;cursor:pointer}
.cart-empty{text-align:center;color:var(--ink-soft);padding:3rem 1rem}
.cart-empty .ci{width:90px;margin:0 auto 1rem;opacity:.6}
.xsell{border-top:1px solid var(--line);padding:1rem 1.3rem}
.xsell h4{font-family:var(--fd);font-weight:400;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.7rem}
.xsell-row{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.3rem}
.xsell-card{flex:0 0 120px;border:1px solid var(--line);border-radius:12px;padding:.6rem;text-align:center;background:var(--surface)}
.xsell-card .ci{width:46px;margin:0 auto .4rem}
.xsell-card .nm{font-size:.78rem;line-height:1.2;margin-bottom:.4rem}
.xsell-card button{font-family:var(--fd);font-size:.76rem;color:var(--accent)}
.drawer-foot{border-top:1px solid var(--line);padding:1.1rem 1.3rem 1.4rem}
.saved-note{display:block;text-align:center;margin:0 0 .5rem;color:var(--accent);font-family:var(--fd);font-size:.86rem}
.sub-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem}
.sub-row .st{font-family:var(--fd);font-size:1.6rem}
.drawer-foot small{display:block;text-align:center;color:var(--ink-soft);margin-top:.7rem;font-size:.76rem}

.mmenu{position:fixed;inset:0;z-index:95;background:var(--bg);transform:translateX(-100%);transition:transform .3s;padding:1.4rem;display:flex;flex-direction:column;gap:.3rem;padding-top:calc(env(safe-area-inset-top,0) + 1.2rem)}
.mmenu.open{transform:none}
.mmenu .mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.mmenu a{font-family:var(--fd);font-size:1.7rem;padding:.55rem 0;border-bottom:1px solid var(--line-2)}

.toast{position:fixed;left:50%;bottom:calc(1.4rem + env(safe-area-inset-bottom,0));transform:translateX(-50%) translateY(150%);background:var(--ink);color:var(--bg);padding:.85rem 1.3rem;border-radius:999px;z-index:120;font-size:.92rem;box-shadow:var(--shadow);transition:transform .3s;display:flex;gap:.5rem;align-items:center;max-width:90vw}
.toast.show{transform:translateX(-50%) translateY(0)}
.theme-toggle{font-size:.95rem}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.08s !important;scroll-behavior:auto}}
#loader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:grid;place-items:center;transition:opacity .5s ease,visibility .5s;padding-top:env(safe-area-inset-top,0)}
#loader.hide{opacity:0;visibility:hidden}
.loader-in{display:grid;place-items:center;gap:1.1rem}
.loader-mark{position:relative;width:132px;height:132px;display:grid;place-items:center}
.loader-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--line);border-top-color:var(--hot);animation:ldspin 1s linear infinite}
.loader-eye{width:94px;animation:ldpulse 1.6s ease-in-out infinite}
.loader-word{font-family:var(--fd);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}
@keyframes ldspin{to{transform:rotate(360deg)}}
@keyframes ldpulse{0%,100%{transform:scale(.88);opacity:.7}50%{transform:scale(1);opacity:1}}
.subpage{padding:clamp(1.4rem,3vw,2.4rem) 0 0}
.page-back{display:inline-flex;gap:.5rem;color:var(--ink-soft);font-family:var(--fd);font-size:.86rem;letter-spacing:.04em;margin-bottom:1.2rem;cursor:pointer}
.page-back:hover{color:var(--ink)}
.page-hero{padding:0 0 clamp(1.6rem,4vw,2.4rem);border-bottom:1px solid var(--line);margin-bottom:clamp(1.8rem,4vw,2.6rem)}
.page-hero .eyebrow{display:block;margin-bottom:.7rem}
.page-hero h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1}
.page-hero p{color:var(--ink-soft);max-width:58ch;margin:1rem 0 0;font-size:1.08rem;line-height:1.6}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0 0 2.4rem}
@media(max-width:760px){.steps3{grid-template-columns:1fr}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem}
.step .no{font-family:var(--fd);font-size:1.05rem;color:var(--accent);border:1px solid var(--line);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-bottom:1rem}
.step h3{font-size:1.35rem;margin-bottom:.4rem}
.step p{color:var(--ink-soft);font-size:.96rem}
.sample-hero-card{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;background:linear-gradient(120deg,var(--surface-3),var(--musk));border-radius:var(--radius-lg);padding:clamp(1.6rem,4vw,2.8rem);margin-bottom:2.6rem}
@media(max-width:760px){.sample-hero-card{grid-template-columns:1fr}}
.sample-hero-card .ci{width:min(60%,200px);margin:0 auto;filter:drop-shadow(0 20px 40px rgba(214,46,156,.25))}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:760px){.twocol{grid-template-columns:1fr}}
.pol{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.4rem,3vw,2rem);margin-bottom:1.2rem}
.pol h2{font-size:1.5rem;margin-bottom:.3rem;display:flex;align-items:center;gap:.7rem}
.pol h2 .ic{width:38px;height:38px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-size:1.05rem;flex:0 0 auto}
.pol p{color:var(--ink-soft);margin:.6rem 0 0;line-height:1.6}
.pol ul{margin:.8rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem}
.pol ul li{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink-soft)}
.pol ul li svg{flex:0 0 auto;margin-top:4px;color:var(--hot)}
.pol ul li b{color:var(--ink)}
.pol-note{background:var(--surface-3);border-radius:var(--radius);padding:1rem 1.2rem;margin-top:1.1rem;font-size:.94rem;color:var(--ink-soft);line-height:1.6}
.pol-note b.warn{color:var(--accent);font-family:var(--fd);font-weight:400}
.pol-note a{color:var(--accent);cursor:pointer}
.acct-card{position:fixed;z-index:110;top:50%;left:50%;transform:translate(-50%,-46%) scale(.97);opacity:0;visibility:hidden;transition:.25s;width:min(420px,92vw);background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.6rem;max-height:90vh;overflow:auto}
.acct-card.open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.acct-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.acct-head h3{font-size:1.5rem}
.pts-ring{text-align:center;padding:1.4rem;background:linear-gradient(135deg,var(--surface-3),var(--musk));border-radius:var(--radius);margin-bottom:1.1rem}
.pts-ring .v{font-family:var(--fd);font-size:2.8rem;line-height:1}
.pts-ring .l{font-size:.78rem;color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;margin-top:.25rem}
.pts-ring .w{font-family:var(--fd);color:var(--accent);margin-top:.5rem}
.acct-how{font-size:.92rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.1rem}
.acct-how div{display:flex;gap:.55rem;align-items:flex-start}
.acct-how svg{color:var(--hot);flex:0 0 auto;margin-top:3px}
.redeem{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.9rem;margin:0 0 .7rem}
.redeem .rr{font-family:var(--fd)}
.redeem button{font-family:var(--fd);font-size:.82rem;cursor:pointer}
.redeem .apply{color:var(--accent)}
.redeem .rmv{color:var(--ink-soft);text-decoration:underline}
.foot-earn{display:block;text-align:center;color:var(--accent);font-family:var(--fd);font-size:.8rem;margin-top:.5rem}
.pts-chip{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--fd);font-size:.82rem;letter-spacing:.02em;color:var(--accent);background:var(--surface-3);border:1px solid var(--line);border-radius:999px;padding:.42rem .72rem;line-height:1;transition:.16s;white-space:nowrap}
.pts-chip:hover{border-color:var(--hot);background:var(--musk)}
.pts-chip .dia{color:var(--hot);font-size:.9em}
@media(max-width:600px){.pts-chip{padding:.4rem .58rem;font-size:.78rem}}
/* Eyephoria — flush sections with header, footer & announcement */
#MainContent{margin:0 !important;padding:0 !important}
main .shopify-section{margin:0 !important}
.shopify-section-group-header-group .shopify-section,
.shopify-section-group-header-group{margin:0 !important;padding:0 !important}
.shopify-section-group-footer-group{margin-top:0 !important}
.announce{margin:0 !important}
/* tighter internal padding on the coloured bands */
.bundles-sec,.reviews-sec,.sample-band,.quiz-sec{padding-top:2.5rem !important;padding-bottom:2.5rem !important}
/* kill the empty space above the footer */
#MainContent,
main{padding-bottom:0 !important;margin-bottom:0 !important;min-height:0 !important}
.shopify-section-group-footer-group{margin-top:0 !important}
/* if a Dawn spacer sits after the last section, flatten it */
main > .shopify-section:last-child{margin-bottom:0 !important;padding-bottom:0 !important}
/* Bundles page: pull the pink section up under the header */
.bundles-sec{padding-top:2.2rem !important}
main > .shopify-section:first-child .bundles-sec{margin-top:0 !important}
main > .shopify-section:first-child{margin-top:0 !important;padding-top:0 !important}
/* Bundles: horizontal scroll row on mobile */
@media (max-width: 860px){
  .bundle-grid{
    display:flex !important;
    gap:.8rem;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:.5rem;
  }
  .bundle-grid > .bundle{
    flex:0 0 48%;      /* each card ~78% wide → next one peeks in */
    scroll-snap-align:start;
  }
}
/* let the "Most popular" badge show on the mobile scroll row */
@media (max-width: 860px){
  .bundle-grid{
    overflow-x:auto;
    overflow-y:visible;        /* don't clip the badge vertically */
    padding-top:16px;          /* room for the badge to sit above the card */
  }
  .bundle-grid > .bundle{ margin-top:0; }
}
/* Mobile bundles: comfier card width + breathing room */
@media (max-width: 860px){
  .bundle-grid{ gap:1rem; padding-left:16px; padding-right:16px; }
  .bundle-grid > .bundle{
    flex:0 0 72%;        /* a bit narrower → next card peeks, less cramped inside */
    padding:1.5rem;      /* roomier interior */
  }
}
@media (max-width: 480px){
  .bundle-grid > .bundle{ flex-basis:80%; }  /* on small phones, one clear card + a peek */
}
/* ===== Eyephoria: stitch sections flush ===== */
#MainContent .shopify-section{margin:0 !important;padding:0 !important}

/* zero the top/bottom padding on every Eyephoria band, then re-add a little INSIDE */
#colors, #shades, #why, #faq, #reviews,
.sample-band, .bundles-sec, .reviews-sec, .quiz-sec,
section#colors, section#shades, section#why, section#faq{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* breathing room inside each band (change 2.5rem to 0 for truly zero) */
#colors > .wrap, #shades > .wrap, #why > .wrap, #faq > .wrap, #reviews > .wrap,
.sample-band > .wrap, .bundles-sec > .wrap, .reviews-sec > .wrap{
  padding-top:2.5rem !important;
  padding-bottom:2.5rem !important;
}
/* ============ Eyephoria — mobile polish & anti-zoom ============ */
/* 1) never let anything spill past the screen (the usual cause of "zoomed out") */
html, body{max-width:100%; overflow-x:hidden;}
*{min-width:0;}                         /* lets flex/grid children shrink instead of overflowing */
img, svg, video, iframe{max-width:100%; height:auto;}
.wrap, section, .shopify-section{max-width:100%;}

@media (max-width: 768px){
  :root{ --maxw:100%; }
  .wrap{ padding-left:18px; padding-right:18px; }

  /* readable base + headings that fit the phone */
  body{ font-size:16px; }
  .sec-head h2{ font-size:clamp(1.7rem,7vw,2.3rem); }
  .sec-head{ margin-bottom:1.4rem; }

  /* banner hero */
  ##MainContent .ey-banner{ min-height:78vh !important; }
  .ey-banner-inner h1{ font-size:clamp(2.2rem,10vw,3rem) !important; }
  .ey-banner-sub{ font-size:1rem !important; }

  /* header fits on one line */
  .nav-in{ gap:.5rem; height:60px; }
  .brand-logo{ height:26px; }
  .pts-chip{ padding:.34rem .5rem; font-size:.74rem; }
  .icon-btn{ width:38px; height:38px; }

  /* product grid: 2 comfy columns */
  .grid{ grid-template-columns:1fr 1fr !important; gap:.7rem; }
  .card h3{ font-size:1.1rem; }
  .card .price{ font-size:1rem; }

  /* colour tiles: 2 up */
  .colors{ grid-template-columns:1fr 1fr !important; }

  /* tap targets big enough to convert */
  .btn{ min-height:46px; padding:.85em 1.4em; }

  /* product page stacks cleanly, image full width */
  .pdp-top{ grid-template-columns:1fr !important; gap:1.2rem; }
  .pdp-info h1{ font-size:clamp(2rem,8vw,2.6rem); }
  .pdp-explore-row{ grid-template-columns:1fr 1fr !important; }

  /* cart drawer + account card full width, never clipped */
  .drawer{ width:100% !important; }
  .acct-card{ width:92vw !important; }

  /* footer columns stack */
  .foot-top{ grid-template-columns:1fr 1fr !important; }
}

@media (max-width: 430px){
  .foot-top{ grid-template-columns:1fr !important; }
  .colors{ grid-template-columns:1fr 1fr !important; }
  .ey-banner-cta{ flex-direction:column; }
  .ey-banner-cta .btn{ width:100%; }     /* full-width buttons = easier taps = more conversions */
}
/* Banner buttons: comfy on desktop, full-width & tidy on mobile */
.ey-banner-cta{ gap:.7rem; }
.ey-banner-cta .btn{ font-size:1rem; padding:.9em 1.8em; }

@media (max-width: 768px){
  .ey-banner-cta{ flex-direction:column; align-items:center; width:100%; max-width:340px; margin-inline:auto; }
  .ey-banner-cta .btn{ width:100%; min-height:48px; font-size:1rem; }
  .align-center .ey-banner-cta{ margin-inline:auto; }
}
/* Trust bar: even 4-up on desktop, 2x2 on phones, no squashing */
.trust-in{ grid-template-columns:repeat(4,1fr); }
.trust-item{ padding:1.1rem 1rem; gap:.7rem; align-items:center; }
.trust-item svg{ width:22px; height:22px; }
.trust-item b{ font-size:.92rem; line-height:1.2; }
.trust-item span{ font-size:.76rem; line-height:1.3; }

@media (max-width: 900px){
  .trust-in{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 480px){
  .trust-item{ flex-direction:column; text-align:center; gap:.4rem; padding:1rem .6rem; }
}
/* Trust bar: fill the row, no side gaps */
.trust-in{ width:100%; }
.trust-item{ width:100%; justify-content:center; }
@media (min-width:901px){
  .trust-in{ grid-template-columns:repeat(4,1fr); }
}
/* Trust bar: use the full row width, no outer side gaps */
.trust .trust-in{ max-width:100%; width:100%; }
.trust-in{ grid-template-columns:repeat(4,1fr); }
.trust-item{ width:100%; }
@media (max-width:900px){ .trust-in{ grid-template-columns:1fr 1fr; } }
.trust{ width:100%; }
.trust > .wrap{ max-width:100%; padding-left:0; padding-right:0; }