/* Evolution «Пять масел» — стили. Мир: тёплое дерево, янтарь масла, зелень упаковки. */

:root{
  --canvas:#1d1410;
  --panel:#2a1e16;
  --panel-2:#241a12;
  --accent:#8dc63f;
  --accent-hover:#a3d95c;
  --accent-muted:rgba(141,198,63,.2);
  --accent-muted-line:rgba(141,198,63,.35);
  --amber:#e8a33d;
  --pome:#c0392b;
  --text-primary:#f4ede2;
  --text-secondary:#c9b8a6;
  --border:rgba(201,184,166,.16);
  --border-strong:rgba(201,184,166,.38);
  --tshadow:0 1px 3px rgba(8,5,3,.98),0 4px 16px rgba(8,5,3,.88),0 14px 50px rgba(8,5,3,.85);
  --ease:cubic-bezier(.22,.7,.28,1);
  --ease-soft:cubic-bezier(.4,.1,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden;overflow-x:clip;margin:0}
body{
  background:var(--canvas);
  color:var(--text-primary);
  font:400 17px/1.65 "Manrope",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:var(--panel);color:var(--text-primary);padding:.6em 1em;border-radius:0 0 8px 0}
.skip-link:focus{left:0}

.mono{font-family:"JetBrains Mono",monospace;font-size:.78rem;letter-spacing:.08em}

/* ── Фоновая среда: дрейфующая золотая пыльца ── */
.env{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.env::before{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 90% 60% at 70% 10%,rgba(232,163,61,.05),transparent 60%),
  radial-gradient(ellipse 80% 55% at 20% 90%,rgba(141,198,63,.04),transparent 60%)}
.mote{position:absolute;width:4px;height:4px;border-radius:50%;background:rgba(232,163,61,.35);opacity:0}
body.motion-on .mote{animation:drift 74s linear infinite}
.m1{left:8%;animation-delay:-2s}   .m2{left:18%;animation-delay:-14s;width:3px;height:3px}
.m3{left:29%;animation-delay:-33s} .m4{left:38%;animation-delay:-48s;width:2px;height:2px}
.m5{left:47%;animation-delay:-9s}  .m6{left:56%;animation-delay:-60s;width:3px;height:3px}
.m7{left:64%;animation-delay:-25s} .m8{left:72%;animation-delay:-41s;width:2px;height:2px}
.m9{left:81%;animation-delay:-18s} .m10{left:88%;animation-delay:-55s;width:3px;height:3px}
.m11{left:94%;animation-delay:-37s}.m12{left:12%;animation-delay:-67s;width:2px;height:2px}
@keyframes drift{
  0%{transform:translateY(105vh) translateX(0);opacity:0}
  8%{opacity:.5}
  92%{opacity:.4}
  100%{transform:translateY(-6vh) translateX(26px);opacity:0}
}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused !important}

/* ── Навигация ── */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;gap:1.6rem;
  padding:.8rem clamp(1rem,4vw,2.4rem);
  background:linear-gradient(rgba(29,20,16,.82),rgba(29,20,16,.55) 70%,transparent);
  backdrop-filter:blur(10px);
}
.nav-brand{display:flex;align-items:baseline;gap:.55rem;text-decoration:none}
.nav-drop{width:20px;height:20px;transform:translateY(3px)}
.nav-name{font-family:"Prata",serif;font-size:1.25rem;color:var(--text-primary);letter-spacing:.02em}
.nav-links{display:flex;gap:1.4rem;margin-left:auto}
.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.92rem;transition:color .25s var(--ease)}
.nav-links a:hover{color:var(--text-primary)}
.btn-nav{margin-left:.4rem}
@media (max-width:760px){.nav-links{display:none}}

/* ── Кнопки ── */
.btn{
  display:inline-block;padding:.72em 1.7em;border-radius:999px;
  font:600 .95rem "Manrope",sans-serif;text-decoration:none;text-align:center;
  border:1px solid var(--border-strong);color:var(--text-primary);
  background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer;
  transition:transform .3s var(--ease),background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
  text-shadow:none;
}
.btn:disabled{opacity:.55;cursor:default;transform:none}
.btn:hover{transform:translateY(-2px);border-color:var(--accent)}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#17240a}
.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn-big{font-size:1.08rem;padding:.85em 2.2em}
@media (pointer:coarse){.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}

/* ── HERO ── */
.hero{position:relative;height:480vh;z-index:1}
.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.poster{position:absolute;inset:0;background-size:cover;background-position:center 30%}
#heroVideo{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .8s var(--ease-soft);will-change:transform;transform:translateZ(0);
}
.stage.video-ready #heroVideo{opacity:1}
.stage.video-failed #heroVideo{display:none}
.scrim{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 120% 90% at 50% 45%,rgba(16,10,6,0) 35%,rgba(16,10,6,.62) 100%)}
.ring{position:absolute;right:22px;bottom:22px;width:34px;height:34px;color:var(--amber);
  transform:rotate(-90deg);opacity:.9}
.stage.video-ready .ring,.stage.video-failed .ring{display:none}
.cue-chevron{position:absolute;right:22px;bottom:18px;width:26px;height:26px;color:var(--text-secondary);
  animation:none;opacity:.8}
body.motion-on .cue-chevron{animation:cuebob 4.4s var(--ease-soft) -1.2s infinite}
@keyframes cuebob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}

/* Бенды */
.band{
  position:absolute;max-width:560px;opacity:0;
  text-shadow:var(--tshadow);
}
.band::before{content:"";position:absolute;inset:-20% -16%;pointer-events:none;z-index:-1;
  opacity:1; /* тень всегда на полной силе: живёт и гаснет вместе с самим бендом, без догоняющего перехода */
  background:radial-gradient(ellipse 80% 70% at 50% 50%,rgba(10,6,3,.86) 0%,rgba(10,6,3,.62) 48%,rgba(10,6,3,0) 78%)}
.band-1{left:clamp(1.2rem,6vw,6rem);bottom:12%;max-width:470px}
.band-1::before{background:radial-gradient(ellipse 84% 74% at 50% 50%,rgba(10,6,3,.88) 0%,rgba(10,6,3,.64) 48%,rgba(10,6,3,0) 78%)}

/* Строка «Природный буст»: золото масла, переходящее в зелень бренда */
/* «Природный буст»: продолжение заголовка, тем же голосом */
.hero-boost{
  font-family:"Prata",serif;font-weight:400;
  font-size:clamp(1.8rem,4.2vw,3.1rem);line-height:1.12;
  margin:0 0 .4em;
  color:var(--text-primary);
  text-shadow:var(--tshadow);
}

/* Четыре цели формулы: чистые строки с глубокой тенью */
.target-chips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;align-items:flex-end}
.t-line{
  font-family:"Prata",serif;font-weight:400;
  font-size:clamp(1.3rem,2.6vw,2rem);line-height:1.2;
  color:var(--text-primary);
  text-shadow:var(--tshadow);
  white-space:nowrap;
}
.band-2{left:clamp(1.2rem,7vw,7rem);top:30%}
.band-3{right:clamp(1.2rem,7vw,7rem);top:32%;text-align:right}
.band-4{left:50%;top:38%;transform:translateX(-50%);text-align:center;max-width:640px}
.band-4::before{inset:-20% -18%;background:radial-gradient(ellipse 76% 68% at 50% 42%,rgba(10,6,3,.84) 0%,rgba(10,6,3,.6) 48%,rgba(10,6,3,0) 78%)}

.band h1,.band h2{
  font-family:"Prata",serif;font-weight:400;margin:.35em 0 .3em;
  font-size:clamp(1.8rem,4.2vw,3.1rem);line-height:1.14;
}
.band .kicker{color:var(--amber);margin:0;text-shadow:var(--tshadow)}
.band .sub{color:var(--text-primary);font-size:clamp(1rem,1.6vw,1.18rem);margin:0;max-width:46ch}
.band-3 .sub{margin-left:auto}
.band-4 .sub{margin:0 auto}
/* «Пользуйся силой природы!»: янтарный акцент, выходит после заголовка */
.power-line{
  font-family:"Prata",serif;font-weight:400;
  font-size:clamp(1.25rem,2.4vw,1.9rem);line-height:1.2;
  color:var(--amber);text-shadow:var(--tshadow);
  margin:.1em 0 .5em;
  --kp:clamp(0,calc((var(--k,0) - .4)*4),1);
  opacity:var(--kp);
  transform:translateY(calc((1 - var(--kp))*16px));
}
.cue-hint{margin-top:1.6em;color:var(--text-secondary);text-shadow:var(--tshadow)}
.settle-cta{margin-top:1.6em}

/* Разбивка на слова и буквы */
.split .w,.split-sub .w{display:inline-block;white-space:pre}
.split .c{display:inline-block}
.sr-full{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Входы. Всё на transform и opacity, всё от --k бенда */
/* (a) rise: слово за словом снизу */
.fx-rise .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*2.8,1);
  opacity:var(--kc);transform:translateY(calc((1 - var(--kc))*26px))}
/* (b) scatter: буквы слетаются */
.fx-scatter .c{--kc:clamp(0,(var(--k,0) - var(--th,0))*2.6,1);opacity:var(--kc);
  transform:translate(calc((1 - var(--kc))*var(--jx,0px)),calc((1 - var(--kc))*var(--jy,0px)))
            rotate(calc((1 - var(--kc))*var(--jr,0deg)))}
/* (c) depth: приближение из глубины */
.fx-depth .split,.fx-depth .split-sub{--kc:var(--k,0);opacity:var(--kc);
  transform:scale(calc(.84 + .16*var(--kc)))}
/* (d) settle: заголовок, потом подстрока, потом кнопка */
.fx-settle .w{--kc:clamp(0,(var(--k,0) - var(--th,0))*3,1);
  opacity:var(--kc);transform:translateY(calc((1 - var(--kc))*22px))}
.fx-settle .settle-sub{--ks:clamp(0,(var(--k,0) - .6)*4,1);
  opacity:var(--ks);transform:translateY(calc((1 - var(--ks))*14px))}
.fx-settle .settle-cta{--kb:clamp(0,(var(--k,0) - .72)*5,1);
  opacity:var(--kb);transform:translateY(calc((1 - var(--kb))*12px))}

/* Статичная шапка: пять гейтов, зеркально JS */
.static-copy{display:none}
@media (max-width:720px),
       (orientation:portrait) and (max-width:1024px),
       (orientation:portrait) and (pointer:coarse),
       (orientation:landscape) and (pointer:coarse) and (max-height:560px),
       (prefers-reduced-motion:reduce){
  .hero{height:100vh;height:100svh}
  .band,.ring,.cue-chevron{display:none}
  #heroVideo{display:none}
  .static-copy{
    display:block;position:absolute;left:clamp(1.2rem,6vw,4rem);right:clamp(1.2rem,6vw,4rem);
    bottom:clamp(2.2rem,9vh,6rem);max-width:560px;text-shadow:var(--tshadow);
  }
  .static-copy h1{font-family:"Prata",serif;font-weight:400;font-size:clamp(1.9rem,7.4vw,3rem);line-height:1.16;margin:.3em 0}
  .static-copy .kicker{color:var(--amber);margin:0;display:inline-block;
    background:rgba(15,9,5,.68);border:1px solid rgba(201,184,166,.28);border-radius:10px;
    padding:.4em .9em;backdrop-filter:blur(10px)}
  .static-copy .sub{color:var(--text-primary);margin:.6em 0 1.2em;max-width:44ch}
  .stage .scrim{background:linear-gradient(rgba(16,10,6,.18),rgba(16,10,6,.3) 45%,rgba(16,10,6,.78))}
}
@media (max-height:560px){.cue-hint{display:none}}

/* ── Секции ── */
.section{position:relative;z-index:2;padding:clamp(4.5rem,10vw,8rem) 0;background:var(--canvas)}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.4rem)}
.wrap-narrow{max-width:780px}
.kicker{color:var(--amber);margin:0 0 .6em;text-transform:uppercase}
.h2{font-family:"Prata",serif;font-weight:400;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.18;margin:0 0 .5em}
.lede{color:var(--text-secondary);max-width:56ch;margin:0 0 2.2em}

/* Хореография входов секций */
.io .part{opacity:0;transform:translateY(22px);
  transition:opacity .7s var(--ease),transform .7s var(--ease)}
.io.in .part{opacity:1;transform:none}
.io.in .part:nth-child(2){transition-delay:.08s}
.io.in .part:nth-child(3){transition-delay:.16s}
.io.in .part:nth-child(4){transition-delay:.24s}
.io.in .part:nth-child(5){transition-delay:.32s}
.io.in .part:nth-child(6){transition-delay:.4s}
.io.done .part:nth-child(n){transition-delay:0s}

/* Пять масел */
.oils{background:linear-gradient(var(--canvas),var(--panel-2) 50%,var(--canvas))}
.oil-line{display:block;width:100%;height:44px;margin:0 0 1rem;overflow:visible}
.oil-path{stroke-dasharray:var(--plen,1600);stroke-dashoffset:var(--plen,1600);
  transition:stroke-dashoffset 1.8s var(--ease-soft) .2s}
.oils.in .oil-path{stroke-dashoffset:0}
.oil-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;list-style:none;margin:0;padding:0}
@media (max-width:960px){.oil-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.oil-grid{grid-template-columns:1fr}}
.oil-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.3rem 1.1rem;position:relative;overflow:hidden}
.oil-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse 90% 70% at 50% 0%,var(--accent-muted),transparent 70%);
  transition:opacity .5s var(--ease)}
.oil-card:hover::after{opacity:1}
.oil-dot{display:block;width:14px;height:14px;border-radius:50% 50% 50% 4px;background:var(--oc,var(--amber));transform:rotate(45deg);margin-bottom:.9rem}
.oil-card h3{font-family:"Prata",serif;font-weight:400;font-size:1.12rem;margin:0 0 .35em}
.oil-card p{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.55}

/* Интерактивный момент: капля */
.hold-moment{margin-top:3.4rem;text-align:center}
.hold-title{font-family:"Prata",serif;font-size:1.3rem;margin:0 0 1.1em}
.hold-btn{
  background:none;border:1px solid var(--border-strong);border-radius:20px;
  padding:1.2rem 2rem 1rem;cursor:pointer;color:var(--text-primary);
  display:inline-flex;flex-direction:column;align-items:center;gap:.7rem;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
  touch-action:none;
}
.hold-btn:hover{border-color:var(--amber)}
.hold-btn:active{transform:scale(.985)}
.hold-drop{width:52px;height:78px;overflow:visible}
.drop-fill{transition:none}
.hold-label{font-size:.9rem;color:var(--text-secondary)}
.hold-hint{color:var(--text-secondary);opacity:.75;margin:.9em 0 0}
.hold-chips{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;list-style:none;padding:0;margin:1.3rem 0 0}
.chip-oil{
  font-family:"JetBrains Mono",monospace;font-size:.74rem;letter-spacing:.06em;
  border:1px solid var(--border);border-radius:999px;padding:.35em .9em;color:var(--text-secondary);
  opacity:.45;transform:translateY(4px);
  transition:opacity .4s var(--ease),transform .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease);
}
.chip-oil.lit{opacity:1;transform:none;border-color:var(--amber);color:var(--amber)}
.hold-done{opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease);margin:1.4em 0 0}
.hold-done span{color:var(--accent)}
.hold-moment.complete .hold-done{opacity:1;transform:none}
.hold-moment.complete .hold-label{color:var(--accent)}

/* Как принимать */
.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:820px){.howto-grid{grid-template-columns:1fr}}
.step-card{border-left:2px solid var(--accent-muted-line);padding:0.2rem 0 0.2rem 1.4rem}
.step-num{color:var(--amber);display:block;margin-bottom:.7em}
.step-card h3{font-family:"Prata",serif;font-weight:400;font-size:1.15rem;margin:0 0 .4em}
.step-card p{color:var(--text-secondary);margin:0;font-size:.95rem}

/* Наборы */
.packages{background:linear-gradient(var(--canvas),var(--panel-2) 40%,var(--canvas))}
.pack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;align-items:stretch}
@media (max-width:1020px){.pack-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.pack-grid{grid-template-columns:1fr}}
.pack-card{
  background:var(--panel);border:1px solid var(--border);border-radius:16px;
  padding:1.7rem 1.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;
  transition:transform .35s var(--ease),border-color .35s var(--ease);
}
.pack-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}
.pack-featured{border-color:var(--accent);background:linear-gradient(160deg,rgba(141,198,63,.1),var(--panel) 55%)}
.pack-tag{color:var(--accent);margin:0}
.pack-card h3{font-family:"Prata",serif;font-weight:400;font-size:1.2rem;margin:0}
.pack-price{font-size:1.7rem;color:var(--text-primary);margin:.1em 0;font-weight:600}
.pack-note{color:var(--text-secondary);font-size:.88rem;margin:0 0 1em;min-height:2.6em}
.btn-buy{margin-top:auto;width:100%}
.pay-note{color:var(--text-secondary);opacity:.8;margin:2em 0 0;text-align:center}

/* Тематические наборы */
.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:960px){.bundle-grid{grid-template-columns:1fr}}
.bundle-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  transition:transform .35s var(--ease),border-color .35s var(--ease)}
.bundle-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}
.bundle-card img{width:100%;aspect-ratio:1;object-fit:cover}
.bundle-body{padding:1.3rem 1.3rem 1.5rem;display:flex;flex-direction:column;gap:.4rem}
.bundle-body h3{font-family:"Prata",serif;font-weight:400;font-size:1.2rem;margin:0}
.bundle-body p{color:var(--text-secondary);font-size:.92rem;margin:0}
.bundle-body .pack-price{font-size:1.4rem}
.bundle-body .btn-buy{margin-top:.6rem}

/* Доверие */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
@media (max-width:900px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
.trust-item{border-top:2px solid var(--accent-muted-line);padding-top:1.1rem}
.trust-mark{display:block;font-size:1.5rem;font-weight:600;color:var(--amber);margin-bottom:.4em}
.trust-item p{color:var(--text-secondary);font-size:.92rem;margin:0}

/* Отзывы */
.reviews{background:linear-gradient(var(--canvas),var(--panel-2) 50%,var(--canvas))}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
@media (max-width:960px){.review-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.review-grid{grid-template-columns:1fr}}
.review-card{
  margin:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.4rem;
  position:relative;
}
.review-card::before{content:"“";position:absolute;top:.4rem;right:1rem;font-family:"Prata",serif;
  font-size:2.6rem;color:var(--amber);opacity:.5;line-height:1}
.review-card p{margin:0 0 .9em;font-size:.95rem}
.review-card footer{color:var(--amber)}

/* FAQ */
.faq-item{border-bottom:1px solid var(--border)}
.faq-item summary{
  cursor:pointer;list-style:none;padding:1.15rem 2.2rem 1.15rem 0;position:relative;
  font-weight:600;font-size:1.02rem;transition:color .25s var(--ease);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{
  content:"";position:absolute;right:.3rem;top:50%;width:10px;height:10px;
  border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);
  transform:translateY(-70%) rotate(45deg);transition:transform .35s var(--ease);
}
.faq-item[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq-item summary:hover{color:var(--accent)}
.faq-item p{color:var(--text-secondary);margin:0 0 1.3em;max-width:64ch}

/* Финал */
.final-cta{text-align:center;background:linear-gradient(var(--canvas),#241a10)}
.final-inner{display:flex;flex-direction:column;align-items:center}
.final-cta .lede{margin-bottom:2em}

/* Футер */
.footer{border-top:1px solid var(--border);padding:2.6rem 0 3rem;background:#191008;position:relative;z-index:2}
.footer-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start}
@media (max-width:760px){.footer-grid{grid-template-columns:1fr}}
.footer-brand{font-family:"Prata",serif;font-size:1.1rem;margin:0 0 .5em}
.footer-line{color:var(--text-secondary);font-size:.9rem;margin:0}
.footer-disclaimer{color:var(--text-secondary);opacity:.75;font-size:.8rem;line-height:1.7;margin:0}

/* ── Reduced motion: полностью и вживую ── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important;transition-delay:0s !important}
  .io .part{opacity:1;transform:none}
  .oil-path{stroke-dashoffset:0 !important}
  .chip-oil{opacity:1;transform:none}
  .hold-done{opacity:1;transform:none}
  .drop-fill{transform:none !important}
  .band-4{transform:translateX(-50%)}
}

/* ═══════════ Расширение: логотип, корзина, магазин, наука, видео ═══════════ */

.nav-logo{height:30px;width:auto;display:block;filter:drop-shadow(0 1px 4px rgba(10,6,3,.6))}
.footer-logo{height:34px;width:auto;margin-bottom:.8rem}

/* Кнопка корзины */
.cart-btn{
  position:relative;margin-left:.6rem;background:none;border:1px solid var(--border-strong);
  border-radius:999px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--text-primary);cursor:pointer;transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.cart-btn:hover{border-color:var(--accent);transform:translateY(-1px)}
.cart-btn svg{width:21px;height:21px}
.cart-count{
  position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;
  background:var(--accent);color:#17240a;font:600 .72rem/20px "JetBrains Mono",monospace;
  text-align:center;padding:0 4px;
}

/* Ящик корзины */
.cart-backdrop{position:fixed;inset:0;z-index:80;background:rgba(10,6,3,.55);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .35s var(--ease)}
.cart-backdrop.open{opacity:1}
.cart{
  position:fixed;top:0;right:0;bottom:0;z-index:81;width:min(420px,94vw);
  background:var(--panel-2);border-left:1px solid var(--border-strong);
  display:flex;flex-direction:column;
  transform:translateX(102%);transition:transform .45s var(--ease);
  box-shadow:-24px 0 60px rgba(10,6,3,.5);
}
.cart.open{transform:none}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.4rem;border-bottom:1px solid var(--border)}
.cart-head h2{font-family:"Prata",serif;font-weight:400;font-size:1.3rem;margin:0}
.cart-close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.4rem;border-radius:8px}
.cart-close:hover{color:var(--text-primary)}
.cart-items{list-style:none;margin:0;padding:.6rem 1.4rem;overflow-y:auto;flex:1}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;padding:.85rem 0;border-bottom:1px solid var(--border)}
.cart-item-name{font-size:.92rem;line-height:1.4}
.cart-item-price{font-family:"JetBrains Mono",monospace;font-size:.9rem;color:var(--amber);text-align:right}
.cart-qty{display:inline-flex;align-items:center;gap:.6rem;margin-top:.3rem}
.cart-qty button{
  width:26px;height:26px;border-radius:8px;border:1px solid var(--border-strong);background:none;
  color:var(--text-primary);cursor:pointer;font-size:1rem;line-height:1;
  transition:border-color .25s var(--ease);
}
.cart-qty button:hover{border-color:var(--accent)}
.cart-qty span{font-family:"JetBrains Mono",monospace;font-size:.88rem;min-width:1.4em;text-align:center}
.cart-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.78rem;
  padding:0;margin-top:.3rem;text-decoration:underline;justify-self:start}
.cart-remove:hover{color:var(--pome)}
.cart-empty{padding:2rem 1.4rem;color:var(--text-secondary)}
.cart-foot{padding:1.2rem 1.4rem 1.5rem;border-top:1px solid var(--border)}
.cart-total{display:flex;justify-content:space-between;font-size:1.05rem;margin:0 0 1rem}
.cart-total b{font-family:"JetBrains Mono",monospace;font-weight:600;color:var(--amber)}
.cart-checkout{width:100%}
.cart-note{color:var(--text-secondary);opacity:.8;margin:.9em 0 0;font-size:.72rem;line-height:1.6}

/* Тост */
.toast{
  position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(8px);z-index:90;
  background:var(--panel);border:1px solid var(--accent);color:var(--text-primary);
  padding:.7em 1.3em;border-radius:999px;font-size:.9rem;opacity:0;
  transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none;
  box-shadow:0 12px 40px rgba(10,6,3,.5);
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Три системы */
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:2rem}
@media (max-width:860px){.sys-grid{grid-template-columns:1fr}}
.sys-card{
  background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.6rem 1.4rem;
  transition:transform .35s var(--ease),border-color .35s var(--ease);
}
.sys-num{color:var(--amber);display:block;margin-bottom:.8em}
.sys-card h3{font-family:"Prata",serif;font-weight:400;font-size:1.25rem;margin:0 0 .4em}
.sys-card p{color:var(--text-secondary);margin:0;font-size:.95rem}
.sys-note{color:var(--text-secondary);max-width:70ch;border-left:2px solid var(--accent-muted-line);padding-left:1.2rem}

/* Ингредиенты: строки с фото */
.ing-list{display:flex;flex-direction:column;gap:1.6rem;margin:2.4rem 0}
.ing-row{
  display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:1.6rem;align-items:center;
  background:var(--panel);border:1px solid var(--border);border-radius:18px;overflow:hidden;
}
.ing-row img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.ing-row.ing-flip{grid-template-columns:1fr minmax(220px,340px)}
.ing-row.ing-flip img{order:2}
.ing-body{padding:1.4rem 1.6rem 1.4rem 0}
.ing-flip .ing-body{padding:1.4rem 0 1.4rem 1.6rem}
@media (max-width:760px){
  .ing-row,.ing-row.ing-flip{grid-template-columns:1fr}
  .ing-row.ing-flip img{order:0}
  .ing-body,.ing-flip .ing-body{padding:0 1.3rem 1.3rem}
}
.ing-body h3{font-family:"Prata",serif;font-weight:400;font-size:1.35rem;margin:0 0 .4em;display:flex;flex-wrap:wrap;gap:.6em;align-items:baseline}
.ing-lat{color:var(--amber);font-size:.72rem;letter-spacing:.06em}
.ing-body p{color:var(--text-secondary);margin:0;max-width:56ch}

/* Синергия */
.h3{font-family:"Prata",serif;font-weight:400;font-size:1.4rem;margin:0 0 .8em}
.synergy{margin:3rem 0 0;background:linear-gradient(160deg,rgba(141,198,63,.07),var(--panel) 60%);
  border:1px solid var(--border);border-radius:18px;padding:1.8rem 1.8rem 1.4rem}
.syn-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.9rem 2rem}
@media (max-width:820px){.syn-list{grid-template-columns:1fr}}
.syn-list li{position:relative;padding-left:1.6rem;color:var(--text-secondary);font-size:.95rem}
.syn-list li::before{content:"";position:absolute;left:0;top:.35em;width:10px;height:10px;
  border-radius:50% 50% 50% 4px;transform:rotate(45deg);background:var(--accent)}

/* Баннер 100% натурально: пропорции фото, ничего не режется, мягкие края */
.banner{position:relative;z-index:2;width:100%;aspect-ratio:16/9;max-height:72vh;min-height:420px;
  display:flex;align-items:flex-end;overflow:hidden}
.banner-img{position:absolute;inset:0;background:url('natural-banner.jpg') center top/cover no-repeat;
  transform:scale(1.03);will-change:transform}
.banner::after{content:"";position:absolute;inset:0;background:
  linear-gradient(var(--canvas),rgba(29,20,16,0) 16%),
  linear-gradient(rgba(29,20,16,.1),rgba(29,20,16,.8) 80%,var(--canvas))}
.banner-inner{position:relative;z-index:1;padding-top:6rem;padding-bottom:3.4rem;width:100%;
  display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem}
.banner-text{min-width:0}

/* Как принимать: шаги + настоящая капля */
.howto-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:2.4rem;align-items:center}
@media (max-width:900px){.howto-wrap{grid-template-columns:1fr}}
.howto-media{margin:0;position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;
  border:1px solid var(--border-strong);box-shadow:0 22px 60px rgba(10,6,3,.4);
  background:url('drop-real.jpg') center/cover}
.howto-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.howto-media figcaption{
  position:absolute;left:14px;bottom:14px;margin:0;
  background:rgba(15,9,5,.62);border:1px solid rgba(201,184,166,.28);border-radius:999px;
  padding:.34em .95em;backdrop-filter:blur(8px);color:var(--amber);
}

/* Финальный медальон: капля силы */
.cta-medallion{
  position:relative;width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;
  border:1px solid rgba(232,163,61,.5);
  box-shadow:0 18px 55px rgba(10,6,3,.5),0 0 0 7px rgba(15,9,5,.35);
  background:url('hero-ending.jpg') center/cover;margin-bottom:1.5rem;
}
.cta-medallion video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner .h2{text-shadow:var(--tshadow)}
.benefit-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0 0;padding:0}
.benefit-chips li{
  font-family:"JetBrains Mono",monospace;font-size:.78rem;letter-spacing:.06em;
  background:rgba(15,9,5,.6);border:1px solid rgba(201,184,166,.3);border-radius:999px;
  padding:.5em 1.1em;backdrop-filter:blur(8px);
}

/* Магазин */
.shop-sub{font-family:"Prata",serif;font-weight:400;font-size:1.5rem;margin:2.6rem 0 1.2rem}
.shop-flag{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:1.4rem;align-items:stretch}
@media (max-width:980px){.shop-flag{grid-template-columns:1fr}}
.shop-flag-img{width:100%;height:100%;object-fit:cover;border-radius:18px;border:1px solid var(--border)}
.pack-grid-flag{grid-template-columns:repeat(2,1fr)}
@media (max-width:520px){.pack-grid-flag{grid-template-columns:1fr}}
.pack-card h4{font-family:"Prata",serif;font-weight:400;font-size:1.15rem;margin:0}

.ext-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:1000px){.ext-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.ext-grid{grid-template-columns:1fr}}
.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media (max-width:1000px){.kit-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.kit-grid{grid-template-columns:1fr}}
.shop-card{
  background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);
}
.shop-card:hover{border-color:var(--border-strong);box-shadow:0 18px 50px rgba(10,6,3,.35)}
.shop-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.shop-card-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.shop-card-body h4{font-family:"Prata",serif;font-weight:400;font-size:1.15rem;margin:0}
.shop-card-body p{color:var(--text-secondary);font-size:.9rem;margin:0}
.shop-card-body .pack-price{font-size:1.35rem;margin-top:.2em}
.shop-card-body .btn-buy{margin-top:auto}

/* 3D-наклон карточек */
.tilt{transform-style:preserve-3d;will-change:transform}
body.motion-on .tilt{transition:transform .25s var(--ease)}
body.motion-on .tilt.tilting{transition:none}

/* Видео-лента */
.videos .wrap{margin-bottom:1.6rem}
.video-strip{
  display:flex;gap:1rem;overflow-x:auto;padding:0 clamp(1.2rem,4vw,2.4rem) 1.4rem;
  scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;
}
.yt{
  position:relative;flex:0 0 300px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
  border:1px solid var(--border);cursor:pointer;scroll-snap-align:start;background:#000;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.yt:hover{border-color:var(--accent);transform:translateY(-3px)}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;background:rgba(15,9,5,.72);
  border:1px solid rgba(232,163,61,.7);backdrop-filter:blur(6px);
}
.yt-play::after{
  content:"";position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);
  border-left:16px solid var(--amber);border-top:10px solid transparent;border-bottom:10px solid transparent;
}
.yt:hover .yt-play{background:rgba(15,9,5,.9)}

/* Отзывы: расширение */
.review-grid{grid-template-rows:masonry}
.reviews-more-row{text-align:center;margin-top:1.8rem}
.review-disclaimer{color:var(--text-secondary);opacity:.7;font-size:.78rem;margin:2rem auto 0;max-width:64ch;text-align:center}
.trust-note{margin-top:2rem;color:var(--text-secondary);border-left:2px solid var(--accent-muted-line);padding-left:1.2rem}
.footer-legal{display:flex;flex-direction:column;gap:.7rem}

@media (prefers-reduced-motion:reduce){
  .banner-img{transform:none}
  .cta-medallion video{display:none}
  .howto-media video{display:none}
  .tilt{transform:none !important}
  .cart{transition:none}
  .cart-backdrop{transition:none}
}

/* Раскрывающиеся описания наборов */
.kit-more{margin:.35rem 0 .1rem;border-top:1px solid var(--border);padding-top:.6rem}
.kit-more summary{cursor:pointer;list-style:none;color:var(--accent);font-size:.88rem;font-weight:600;
  display:flex;align-items:center;gap:.55em;transition:color .25s var(--ease)}
.kit-more summary:hover{color:var(--accent-hover)}
.kit-more summary::-webkit-details-marker{display:none}
.kit-more summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);
  transition:transform .3s var(--ease)}
.kit-more[open] summary::after{transform:rotate(225deg) translateY(-1px)}
.kit-more-body{padding-top:.7rem;display:flex;flex-direction:column;gap:.55rem}
.kit-more-body p,.kit-more-body li{font-size:.86rem;color:var(--text-secondary);line-height:1.62;margin:0}
.kit-more-body b{color:var(--text-primary);font-weight:600}
.kit-more-body ul{margin:0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.3rem}

/* Отзывы в карточках экстрактов */
.ext-rev{border-left:2px solid var(--accent-muted-line);padding-left:.8rem;font-style:italic}
.ext-rev .mono{display:block;margin-top:.25em;color:var(--amber);font-style:normal}

/* Форма отзыва */
.review-form-wrap{margin-top:3rem;background:var(--panel);border:1px solid var(--border);
  border-radius:18px;padding:1.8rem clamp(1.2rem,3vw,2.2rem) 2rem;max-width:720px;margin-left:auto;margin-right:auto}
.review-form{display:flex;flex-direction:column;gap:1rem}
.rf-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:640px){.rf-row{grid-template-columns:1fr}}
.review-form input[type="text"],.review-form select,.review-form textarea{
  background:var(--panel-2);border:1px solid var(--border-strong);border-radius:12px;
  color:var(--text-primary);font:400 .95rem "Manrope",sans-serif;padding:.75em 1em;width:100%;
  transition:border-color .25s var(--ease);
}
.review-form input:focus,.review-form select:focus,.review-form textarea:focus{outline:none;border-color:var(--accent)}
.review-form select{appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23c9b8a6' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1em center;padding-right:2.6em}
.review-form textarea{resize:vertical;min-height:96px}
.rf-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.15rem}
.rf-stars input{position:absolute;opacity:0;width:1px;height:1px}
.rf-stars label{font-size:1.7rem;color:var(--border-strong);cursor:pointer;transition:color .2s var(--ease);line-height:1}
.rf-stars label:hover,.rf-stars label:hover ~ label,
.rf-stars input:checked ~ label{color:var(--amber)}
.rf-stars input:focus-visible + label{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.rf-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}
.rf-note{color:var(--text-secondary);opacity:.8}
.rf-done{color:var(--accent);font-weight:600;margin:0}

/* Иллюстрации трёх систем */
.sys-art{width:100%;height:88px;margin-bottom:1rem;overflow:visible;display:block}
.sys-art .draw{stroke-dasharray:340;stroke-dashoffset:340;transition:stroke-dashoffset 1.5s var(--ease-soft)}
.sys-art circle.draw[fill]{opacity:0;transition:opacity .6s var(--ease) 1.4s}
.systems.in .sys-art .draw{stroke-dashoffset:0}
.systems.in .sys-art circle.draw[fill]{opacity:1}
.systems.in .sys-art .d2{transition-delay:.35s}
.systems.in .sys-art .d3{transition-delay:.7s}
.sys-art .flow{opacity:0}
.systems.in .sys-art .flow{opacity:.9;transition:opacity .6s var(--ease) 1.2s}
body.motion-on .systems.in .sys-art .flow{stroke-dasharray:3 9;animation:sysflow 3.2s linear infinite}
@keyframes sysflow{to{stroke-dashoffset:-48}}

/* Профиль веществ */
.nutri{margin-top:3rem;background:linear-gradient(160deg,rgba(232,163,61,.07),var(--panel) 55%);
  border:1px solid var(--border);border-radius:18px;padding:1.8rem clamp(1.2rem,3vw,2rem)}
.nutri-lede{color:var(--text-secondary);max-width:62ch;margin:0 0 1.4em}
.nutri-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
@media (max-width:900px){.nutri-groups{grid-template-columns:1fr}}
.nutri-title{color:var(--amber);margin:0 0 .7em;text-transform:uppercase}
.nutri-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.nutri-chips li{
  font-size:.84rem;color:var(--text-primary);
  background:var(--panel-2);border:1px solid var(--border-strong);border-radius:999px;
  padding:.35em .9em;
}
.nutri-note{color:var(--text-secondary);opacity:.75;margin:1.4em 0 0}

/* История Авиви */
.story{background:linear-gradient(var(--canvas),var(--panel-2) 55%,var(--canvas))}
.tl{position:relative;margin:2.6rem 0 0;padding-left:2.2rem;display:flex;flex-direction:column;gap:2rem}
.tl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;
  background:linear-gradient(var(--amber),var(--accent));opacity:.4}
.tl-item{position:relative}
.tl-item::before{content:"";position:absolute;left:-2.2rem;top:.35em;width:12px;height:12px;
  border-radius:50%;background:var(--canvas);border:2px solid var(--amber)}
.tl-year{color:var(--amber);margin:0 0 .3em}
.tl-item h3{font-family:"Prata",serif;font-weight:400;font-size:1.2rem;margin:0 0 .35em}
.tl-item p{color:var(--text-secondary);margin:0;max-width:62ch;font-size:.95rem}
.story-quote{
  margin:2.6rem 0 0;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:14px;padding:1.5rem 1.7rem;font-style:italic;
}
.story-quote p{margin:0 0 .8em}
.story-quote footer{color:var(--amber);font-style:normal}

/* Фото трёх систем */
.sys-card{overflow:hidden}
.sys-photo{width:calc(100% + 2.8rem);max-width:none;margin:-1.6rem -1.4rem 1.1rem;
  aspect-ratio:16/9;object-fit:cover;display:block}

/* Теги пользы у ингредиентов */
.ing-tags{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.ing-tags li{
  font-family:"JetBrains Mono",monospace;font-size:.72rem;letter-spacing:.07em;
  color:var(--amber);background:rgba(232,163,61,.08);
  border:1px solid rgba(232,163,61,.35);border-radius:999px;padding:.35em .95em;
}
.ing-body p + p{margin-top:.7em}

/* Почему капли, а не порошок */
.why-oil{margin-top:3rem}
.why-lede{color:var(--text-secondary);max-width:64ch;margin:0 0 1.6em}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media (max-width:820px){.why-grid{grid-template-columns:1fr}}
.why-col{border-radius:16px;padding:1.5rem 1.5rem 1.6rem;border:1px solid var(--border)}
.why-col-oil{background:linear-gradient(160deg,rgba(232,163,61,.09),var(--panel) 60%);border-color:rgba(232,163,61,.35)}
.why-col-dry{background:var(--panel-2)}
.why-title{margin:0 0 1em;text-transform:uppercase}
.why-col-oil .why-title{color:var(--amber)}
.why-col-dry .why-title{color:var(--text-secondary)}
.why-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.why-col li{position:relative;padding-left:1.6rem;font-size:.95rem;line-height:1.55}
.why-col-oil li{color:var(--text-primary)}
.why-col-dry li{color:var(--text-secondary)}
.why-col-oil li::before{content:"";position:absolute;left:0;top:.32em;width:11px;height:11px;
  border-radius:50% 50% 50% 4px;transform:rotate(45deg);
  background:linear-gradient(135deg,#f6c76b,#e8a33d)}
.why-col-dry li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:2px;
  border-radius:2px;background:var(--border-strong)}

/* Видео синергии: пять масел стекаются в одну каплю */
.syn-media{margin:1.2rem 0 0;position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
  border:1px solid rgba(232,163,61,.3);box-shadow:0 22px 60px rgba(10,6,3,.4);
  background:url('synergy-poster.jpg') center/cover}
.syn-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media (prefers-reduced-motion:reduce){.syn-media video{display:none}}

/* Срок приёма и цена за флакон в карточках фасовок */
.pack-months{color:var(--text-secondary);margin:.15em 0 0;letter-spacing:.06em}
.pack-per{display:block;font-size:.72rem;color:var(--amber);font-weight:400;margin-top:.3em;letter-spacing:.06em}

/* Официальные печати: светлые кружки, чтобы чёрные знаки читались на тёмном */
.badge-chip{
  display:inline-flex;align-items:center;justify-content:center;
  width:72px;height:72px;border-radius:50%;
  background:#f4ede2;box-shadow:0 6px 22px rgba(10,6,3,.4);
  flex:0 0 auto;
}
.badge-chip img{width:76%;height:auto}
.trust-badge{margin-bottom:.8rem}
.footer-badges{display:flex;gap:.9rem;margin-top:1.1rem}

/* Корзина: миниатюры товаров */
.cart-item{display:grid;grid-template-columns:54px 1fr auto;gap:.4rem .85rem;padding:.9rem 0;border-bottom:1px solid var(--border);align-items:start}
.cart-thumb{width:54px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--border);display:block}
.cart-mid{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.cart-right{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}
.cart-right .cart-remove{margin-top:0;justify-self:auto}