/* ============ Aceit design system — light mode ============ */
:root{
  --bg:#ffffff;
  --bg-soft:#f4f7f3;
  --bg-mint:#eaf7ef;
  --card:#ffffff;
  --ink:#16211b;
  --ink-2:#2b3a31;
  --muted:#647067;
  --line:#e7ece7;
  --green:#12a150;
  --green-d:#0c8341;
  --green-soft:#e7f7ee;
  --orange:#ff6a2b;
  --blue:#2563eb;
  --radius:16px;
  --radius-lg:24px;
  --maxw:1200px;
  --shadow-sm:0 1px 2px rgba(20,40,30,.05), 0 6px 20px -12px rgba(20,40,30,.18);
  --shadow-md:0 18px 50px -20px rgba(20,40,30,.28);
  --font-d:'Space Grotesk',system-ui,sans-serif;
  --font-b:'Inter',system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--font-b);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:var(--font-d);font-weight:700;line-height:1.06;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
section{position:relative}
.kicker{font-family:var(--font-d);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:600;color:var(--green)}
.kicker--light{color:#bff2d2}
.section-title{font-size:clamp(1.7rem,3.6vw,2.7rem);margin-top:.45rem;color:var(--ink)}
.accent{color:var(--green)}
.tag{display:inline-flex;align-items:center;gap:.4rem;background:var(--green-soft);color:var(--green-d);font-family:var(--font-d);font-weight:600;font-size:.8rem;padding:.4rem .85rem;border-radius:999px}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-d);font-weight:600;font-size:.96rem;padding:.85rem 1.5rem;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn--primary{background:var(--green);color:#fff;box-shadow:0 10px 24px -10px rgba(18,161,80,.6)}
.btn--primary:hover{background:var(--green-d);transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(18,161,80,.7)}
.btn--outline{background:#fff;color:var(--ink);border-color:var(--line)}
.btn--outline:hover{border-color:var(--green);color:var(--green-d);transform:translateY(-2px)}
.btn--light{background:#fff;color:var(--green-d);box-shadow:0 10px 30px -12px rgba(0,0,0,.3)}
.btn--light:hover{transform:translateY(-2px);box-shadow:0 16px 38px -12px rgba(0,0,0,.4)}
.btn--block{width:100%}

/* ===== Top bar ===== */
.topbar{background:var(--ink);color:#dce8e0;font-size:.8rem}
.topbar__inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.5rem 1.5rem;flex-wrap:wrap}
.topbar__dot{opacity:.45}

/* ===== Nav ===== */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav__inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.8rem 1.5rem}
.logo{display:flex;align-items:center;gap:.6rem}
.logo__mark{width:34px;height:34px}
.logo__word{font-family:var(--font-d);font-weight:700;font-size:1.4rem;letter-spacing:.01em;color:var(--ink)}
.nav__links{display:flex;gap:1.5rem;align-items:center}
.nav__links a{font-size:.93rem;color:var(--ink-2);font-weight:500;transition:color .15s}
.nav__links a:hover{color:var(--green-d)}
.nav__cta-link{color:var(--green-d)!important;font-weight:600!important}
.nav__actions{display:flex;align-items:center;gap:.6rem}
.icon-btn,.cart-btn{position:relative;background:#fff;border:1.5px solid var(--line);color:var(--ink);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:border-color .15s,transform .15s,color .15s}
.icon-btn:hover,.cart-btn:hover{border-color:var(--green);color:var(--green-d);transform:translateY(-2px)}
.cart-btn__count{position:absolute;top:-5px;right:-5px;background:var(--orange);color:#fff;font-family:var(--font-d);font-weight:700;font-size:.7rem;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 4px;transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
.cart-btn__count.show{transform:scale(1)}

/* ===== Hero ===== */
.hero{max-width:var(--maxw);margin:0 auto;padding:4rem 1.5rem 3rem;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:2rem;position:relative}
.hero__title{font-size:clamp(2.6rem,6.4vw,4.6rem);margin:1.1rem 0 1.1rem;color:var(--ink)}
.hero__sub{font-size:1.1rem;color:var(--muted);max-width:30rem}
.hero__cta{display:flex;gap:.8rem;margin:1.7rem 0 2.2rem;flex-wrap:wrap}
.hero__stats{display:flex;align-items:center;gap:1.4rem}
.hero__stats>div:not(.hero__div){display:flex;flex-direction:column}
.hero__stats strong{font-family:var(--font-d);font-size:1.5rem;color:var(--ink)}
.hero__stats span{font-size:.8rem;color:var(--muted)}
.hero__div{width:1px;height:34px;background:var(--line)}
.hero__art{display:grid;place-items:center;position:relative}
.hero__art::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--green-soft),transparent 70%)}
.hero__art svg{width:min(78vw,440px);height:auto;filter:drop-shadow(0 30px 40px rgba(20,40,30,.22));position:relative;animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-16px)}}
@media(prefers-reduced-motion:reduce){.hero__art svg{animation:none}}

/* ===== Promo strip ===== */
.promos{max-width:var(--maxw);margin:0 auto;padding:1rem 1.5rem 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.promo{position:relative;overflow:hidden;border:none;border-radius:var(--radius-lg);padding:1.6rem;min-height:140px;text-align:left;cursor:pointer;color:#fff;display:flex;align-items:flex-end;transition:transform .18s ease,box-shadow .2s}
.promo:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.promo--green{background:linear-gradient(135deg,#16a553,#0c7d3c)}
.promo--blue{background:linear-gradient(135deg,#2f7df6,#1b4fb8)}
.promo--orange{background:linear-gradient(135deg,#ff8a3d,#f0561c)}
.promo::after{content:"";position:absolute;top:-30%;right:-12%;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.16)}
.promo__txt{position:relative;z-index:1}
.promo__kicker{font-family:var(--font-d);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:600;opacity:.92}
.promo h3{font-size:1.35rem;margin:.2rem 0 .5rem}
.promo__link{font-family:var(--font-d);font-weight:600;font-size:.86rem;opacity:.95}

/* ===== Category tiles ===== */
.cats{max-width:var(--maxw);margin:0 auto;padding:1rem 1.5rem 2.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.cat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s,box-shadow .2s;box-shadow:var(--shadow-sm)}
.cat:hover{transform:translateY(-5px);border-color:#cfe6d6;box-shadow:var(--shadow-md)}
.cat__ic{width:56px;height:56px;margin-bottom:.7rem}
.cat__ic svg{width:100%;height:100%}
.cat h3{font-size:1.18rem;color:var(--ink)}
.cat p{color:var(--muted);font-size:.84rem;margin-top:.15rem}

/* ===== Shop ===== */
.shop{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.5rem}
.shop__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.8rem}
.filters{display:flex;gap:.5rem;flex-wrap:wrap}
.pill{font-family:var(--font-d);font-weight:600;font-size:.85rem;padding:.55rem 1.1rem;border-radius:999px;background:#fff;color:var(--ink-2);border:1.5px solid var(--line);cursor:pointer;transition:all .15s}
.pill:hover{border-color:#cfe6d6;color:var(--green-d)}
.pill.is-active{background:var(--green);color:#fff;border-color:var(--green)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem}

/* ===== Product card ===== */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s,box-shadow .25s;box-shadow:var(--shadow-sm);animation:rise .5s ease both}
.card:hover{transform:translateY(-6px);border-color:#cfe6d6;box-shadow:var(--shadow-md)}
.card__media{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#fbfdfb,#eef3ee);position:relative;overflow:hidden;padding:12%}
.card__media svg{width:100%;height:100%;filter:drop-shadow(0 12px 18px rgba(20,40,30,.16));transition:transform .3s ease}
.card:hover .card__media svg{transform:scale(1.05) rotate(-3deg)}
.card__badge{position:absolute;top:.8rem;left:.8rem;background:var(--ink);color:#fff;font-family:var(--font-d);font-weight:700;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .6rem;border-radius:999px;z-index:2}
.card__badge.sale{background:var(--orange)}
.card__body{padding:1.05rem 1.1rem 1.25rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.card__cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--green-d);font-weight:600}
.card__name{font-family:var(--font-d);font-weight:600;font-size:1.06rem;color:var(--ink)}
.card__desc{font-size:.81rem;color:var(--muted);flex:1}
.flightnums{display:flex;gap:.35rem;margin:.35rem 0 .15rem}
.flightnums span{background:var(--bg-soft);border:1px solid var(--line);border-radius:7px;font-size:.68rem;font-family:var(--font-d);font-weight:600;padding:.18rem .42rem;color:var(--ink-2)}
.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;gap:.6rem}
.card__price{font-family:var(--font-d);font-weight:700;font-size:1.2rem;color:var(--ink)}
.card__price small{color:var(--muted);font-weight:400;font-size:.78rem;text-decoration:line-through;margin-left:.3rem}
.add{background:var(--green);color:#fff;border:none;border-radius:10px;font-family:var(--font-d);font-weight:700;font-size:.84rem;padding:.55rem .9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:transform .15s,background .15s}
.add:hover{background:var(--green-d);transform:translateY(-2px)}
.add:active{transform:scale(.94)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}

/* ===== Disc finder band ===== */
.finder{padding:2rem 1.5rem}
.finder__inner{max-width:var(--maxw);margin:0 auto;background:linear-gradient(135deg,#0e8a43,#0a6e36);border-radius:var(--radius-lg);padding:3rem;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;color:#fff;position:relative;overflow:hidden}
.finder__inner::after{content:"";position:absolute;top:-40%;right:-6%;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08)}
.finder__txt{position:relative;z-index:1}
.finder__txt h2{color:#fff;margin-bottom:.6rem}
.finder__txt p{color:#d6f3e1;max-width:30rem;margin-bottom:1.4rem}
.finder__note{font-size:.82rem;color:#aee3c2;margin-top:.8rem}
.finder__art{position:relative;z-index:1;display:grid;place-items:center}
.finder__art svg{width:min(60vw,260px);filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}

/* ===== Flight explainer ===== */
.flight{max-width:var(--maxw);margin:1rem auto;padding:3rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.flight__text p{color:var(--muted);margin-top:.6rem;max-width:28rem}
.flight__list{list-style:none;margin:1.3rem 0 1.7rem;display:flex;flex-direction:column;gap:.65rem}
.flight__list li{padding-left:1.5rem;position:relative;color:var(--muted)}
.flight__list li::before{content:"🥏";position:absolute;left:0;font-size:.85rem}
.flight__list strong{color:var(--ink)}
.flight__card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2.4rem;display:flex;flex-direction:column;align-items:center;gap:1.6rem}
.flight__disc{width:min(60vw,220px)}
.flight__disc svg{width:100%;filter:drop-shadow(0 16px 22px rgba(20,40,30,.18))}
.flight__nums{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;width:100%}
.flight__nums div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.85rem;text-align:center;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.flight__nums span{display:block;font-family:var(--font-d);font-weight:700;font-size:1.55rem;color:var(--green-d);margin-bottom:.15rem}

/* ===== Values ===== */
.values{max-width:var(--maxw);margin:0 auto;padding:1.5rem 1.5rem 3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.value{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm)}
.value__ic{font-size:1.6rem;margin-bottom:.5rem}
.value h4{font-size:1.02rem;margin-bottom:.25rem;color:var(--ink)}
.value p{color:var(--muted);font-size:.84rem}

/* ===== Reviews ===== */
.reviews{max-width:var(--maxw);margin:0 auto;padding:2.5rem 1.5rem;text-align:center}
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:1.8rem;text-align:left}
.review{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.stars{color:#f5a623;letter-spacing:.12em;margin-bottom:.6rem}
.review p{font-size:1rem;margin-bottom:.9rem;color:var(--ink-2)}
.review cite{color:var(--muted);font-style:normal;font-size:.84rem;font-weight:500}

/* ===== Newsletter ===== */
.news{padding:3rem 1.5rem 4rem}
.news__inner{max-width:760px;margin:0 auto;background:var(--bg-mint);border:1px solid #d4ecdc;border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center}
.news h2{font-size:clamp(1.7rem,3.6vw,2.4rem);color:var(--ink)}
.news p{color:var(--muted);margin:.6rem 0 1.5rem}
.news__form{display:flex;gap:.6rem;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.news__form input{flex:1;min-width:200px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:.85rem 1.3rem;color:var(--ink);font-family:var(--font-b);font-size:.95rem}
.news__form input:focus{outline:none;border-color:var(--green)}
.news__note{color:var(--green-d);font-weight:600;margin-top:1rem}

/* ===== Footer ===== */
.footer{border-top:1px solid var(--line);margin-top:1rem;background:var(--bg-soft)}
.footer__inner{max-width:var(--maxw);margin:0 auto;padding:3rem 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}
.footer__brand p{color:var(--muted);font-size:.87rem;margin-top:.7rem;max-width:20rem}
.footer__col h5{font-family:var(--font-d);font-size:.93rem;margin-bottom:.7rem;color:var(--ink)}
.footer__col a{display:block;color:var(--muted);font-size:.87rem;padding:.22rem 0;transition:color .15s}
.footer__col a:hover{color:var(--green-d)}
.footer__bar{border-top:1px solid var(--line);padding:1.1rem 1.5rem;max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.8rem}

/* ===== Overlay (shared) ===== */
.overlay,.modal-overlay{position:fixed;inset:0;background:rgba(15,30,22,.45);backdrop-filter:blur(3px);z-index:60;opacity:0;transition:opacity .25s}
.overlay.show,.modal-overlay.show{opacity:1}
.modal-overlay{z-index:80}

/* ===== Cart drawer ===== */
.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,92vw);background:#fff;border-left:1px solid var(--line);z-index:70;transform:translateX(100%);transition:transform .3s cubic-bezier(.5,.05,.25,1);display:flex;flex-direction:column}
.drawer.open{transform:translateX(0)}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.4rem;border-bottom:1px solid var(--line)}
.drawer__head h3{font-size:1.25rem;color:var(--ink)}
.drawer__close{background:transparent;border:none;color:var(--ink-2);font-size:1.2rem;cursor:pointer;line-height:1;transition:color .15s}
.drawer__close:hover{color:var(--orange)}
.drawer__items{flex:1;overflow-y:auto;padding:.6rem 1.4rem;display:flex;flex-direction:column;gap:.9rem}
.citem{display:grid;grid-template-columns:62px 1fr auto;gap:.9rem;align-items:center;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.citem__media{width:62px;height:62px;border-radius:12px;background:var(--bg-soft);display:grid;place-items:center;padding:8px}
.citem__media svg{width:100%;height:100%}
.citem__name{font-family:var(--font-d);font-weight:600;font-size:.9rem;color:var(--ink)}
.citem__price{color:var(--muted);font-size:.8rem}
.qty{display:inline-flex;align-items:center;gap:.5rem;margin-top:.35rem}
.qty button{width:24px;height:24px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;font-size:.9rem;line-height:1;display:grid;place-items:center}
.qty button:hover{border-color:var(--green);color:var(--green-d)}
.qty span{font-family:var(--font-d);font-weight:600;min-width:18px;text-align:center}
.citem__remove{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.76rem;align-self:flex-start}
.citem__remove:hover{color:var(--orange)}
.drawer__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--muted);text-align:center;padding:2rem}
.drawer__emptyArt{width:90px}
.drawer__foot{padding:1.3rem 1.4rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.75rem}
.drawer__row{display:flex;justify-content:space-between;align-items:center;font-size:1.02rem;color:var(--ink)}
.drawer__row strong{font-family:var(--font-d);font-size:1.35rem}
.drawer__ship{font-size:.82rem;color:var(--green-d)}
.drawer__secure{text-align:center;font-size:.74rem;color:var(--muted)}

/* ===== Quiz modal ===== */
.quiz{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%) scale(.97);width:min(560px,94vw);max-height:90vh;overflow-y:auto;background:#fff;border-radius:var(--radius-lg);z-index:90;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.quiz.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.quiz__close{position:absolute;top:1rem;right:1rem;background:var(--bg-soft);border:none;width:34px;height:34px;border-radius:50%;color:var(--ink-2);font-size:1rem;cursor:pointer;z-index:2;transition:background .15s}
.quiz__close:hover{background:#e3eae3}
.quiz__body{padding:2.2rem}
.quiz__progress{display:flex;gap:.4rem;margin-bottom:1.4rem}
.quiz__progress i{height:5px;flex:1;border-radius:999px;background:var(--line);transition:background .3s}
.quiz__progress i.on{background:var(--green)}
.quiz__step{font-family:var(--font-d);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--green-d);margin-bottom:.5rem}
.quiz__q{font-family:var(--font-d);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.3rem;color:var(--ink)}
.quiz__opts{display:flex;flex-direction:column;gap:.7rem}
.quiz__opt{display:flex;align-items:center;gap:.9rem;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:1rem 1.1rem;cursor:pointer;transition:border-color .15s,background .15s,transform .12s}
.quiz__opt:hover{border-color:var(--green);background:var(--green-soft);transform:translateX(3px)}
.quiz__opt .em{font-size:1.5rem;line-height:1}
.quiz__opt .lab{font-family:var(--font-d);font-weight:600;color:var(--ink);font-size:1rem}
.quiz__opt .sub{font-size:.82rem;color:var(--muted)}
.quiz__back{margin-top:1.3rem;background:transparent;border:none;color:var(--muted);font-size:.86rem;cursor:pointer}
.quiz__back:hover{color:var(--ink)}

/* Quiz result */
.qresult{text-align:center}
.qresult__kicker{font-family:var(--font-d);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--green-d)}
.qresult h3{font-family:var(--font-d);font-size:1.9rem;margin:.3rem 0 .2rem;color:var(--ink)}
.qresult__type{color:var(--muted);font-size:.9rem;margin-bottom:1rem}
.qresult__art{width:180px;margin:0 auto 1rem;filter:drop-shadow(0 16px 22px rgba(20,40,30,.2))}
.qresult__art svg{width:100%}
.qresult__why{background:var(--green-soft);border-radius:14px;padding:1rem 1.1rem;font-size:.9rem;color:var(--ink-2);margin-bottom:1.1rem;text-align:left}
.qresult__why strong{color:var(--green-d)}
.qresult__nums{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.3rem}
.qresult__nums span{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;font-family:var(--font-d);font-weight:600;font-size:.8rem;padding:.3rem .55rem;color:var(--ink-2)}
.qresult__nums span b{display:block;font-size:.6rem;color:var(--muted);font-weight:500}
.qresult__price{font-family:var(--font-d);font-weight:700;font-size:1.5rem;margin-bottom:1rem;color:var(--ink)}
.qresult__actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}

/* ===== Toast ===== */
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(120%);background:var(--ink);color:#fff;font-family:var(--font-d);font-weight:600;padding:.85rem 1.4rem;border-radius:999px;z-index:95;box-shadow:0 16px 40px -12px rgba(0,0,0,.4);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ===== Reveal ===== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}

/* ===== Responsive ===== */
@media(max-width:980px){
  .hero{grid-template-columns:1fr;text-align:center}
  .hero__cta,.hero__stats{justify-content:center}
  .hero__sub{margin-inline:auto}
  .hero__art{order:-1}
  .promos{grid-template-columns:1fr}
  .cats{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
  .finder__inner,.flight,.reviews__grid{grid-template-columns:1fr}
  .finder__art{display:none}
  .values{grid-template-columns:repeat(2,1fr)}
  .footer__inner{grid-template-columns:1fr 1fr}
  .nav__links{display:none}
}
@media(max-width:560px){
  .grid{grid-template-columns:1fr 1fr}
  .hero__stats{gap:.9rem}
  .shop__head{align-items:flex-start}
  .quiz__body{padding:1.6rem}
}