:root{--bg:#f5f8f6;--card:#fff;--ink:#17231d;--muted:#5f6f66;--line:#dfe8e2;--gold:#3d7a5a;--gold-d:#2f6449;--tint:#e8f2ec;--dark:#1f3a2c;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--gold-d)}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}
.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}
h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:.4em 0}h2{font-size:22px}h3{font-size:17px;margin:1.2em 0 .3em}
.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:20px;height:60px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;white-space:nowrap;letter-spacing:-.01em}.mark{width:34px;height:34px;border-radius:9px;background:var(--gold);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px 7px}.mark i{display:block;width:5px;background:#fff;border-radius:2px}.mark i:nth-child(1){height:8px}.mark i:nth-child(2){height:13px}.mark i:nth-child(3){height:18px}.logo small{display:block;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;line-height:1}
nav{display:flex;gap:18px;flex:1}nav a{color:var(--muted);text-decoration:none;font-weight:500}nav a.on,nav a:hover{color:var(--ink)}
.btn{display:inline-block;padding:13px 20px;border-radius:12px;text-decoration:none;font-weight:600;text-align:center;border:1px solid transparent;transition:transform .15s,background .15s,box-shadow .15s;cursor:pointer;font-size:15px}
.btn:hover{transform:translateY(-1px)}.btn-sm{padding:8px 14px;font-size:14px}.btn-block{display:block;width:100%;margin-top:10px}
.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:var(--gold-d);box-shadow:0 6px 18px rgba(61,122,90,.28)}
.btn-dark{background:var(--dark);color:#fff}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.hero{background:linear-gradient(180deg,#fff 0%,var(--tint) 100%);border-bottom:1px solid var(--line);padding:30px 0 24px}.hero p{color:var(--muted);margin:0 0 18px;max-width:640px;font-size:17px}.hero h1{font-weight:800;letter-spacing:-.01em}
.search input{width:100%;font-size:17px;padding:15px 18px;border:2px solid var(--line);border-radius:14px;outline:none;background:var(--bg);transition:border-color .15s}
.search input{background:#fff}.search input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(61,122,90,.12)}
.chips{display:flex;gap:8px;overflow-x:auto;padding:16px 0 6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;color:var(--ink);transition:all .15s}
.chip:hover{border-color:var(--gold)}.chip.on{background:var(--gold);color:#fff;border-color:var(--gold)}
.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0 16px}
.bar select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;color:var(--ink)}
.link{background:none;border:0;color:var(--gold-d);cursor:pointer;font-size:14px;padding:0;text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:32px}
.card{background:var(--card);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);border:1px solid var(--line);transition:transform .18s,box-shadow .18s;animation:fade .35s ease both}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.card-img{position:relative;aspect-ratio:1;background:#eee}.card-img img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:10px;left:10px;background:var(--gold);color:#fff;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;z-index:1}
.card-body{padding:12px 14px 14px}.card-t{font-weight:600;line-height:1.3;margin-bottom:6px}
.card-p{font-weight:700;font-size:15px;margin-bottom:4px}.card-c{font-size:13px;color:var(--muted)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.empty{text-align:center;padding:40px 16px;background:#fff;border-radius:var(--r);border:1px solid var(--line);margin-bottom:32px}
.back{display:inline-block;margin:16px 0 4px;text-decoration:none;color:var(--muted)}
.prod{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:28px}
.prod-img img{border-radius:12px;width:100%;height:auto}.crumbs{font-size:13px}.crumbs a{text-decoration:none}
.price-box{background:var(--bg);border-radius:12px;padding:14px 16px;margin:12px 0}.price{font-size:20px;font-weight:700;line-height:1.3}
.note{background:#fff7e8;border-radius:10px;padding:10px 12px;font-size:15px}
.club-box{border:2px solid var(--gold);border-radius:14px;padding:16px;margin:18px 0}.club-box h3{margin-top:0}
.checks{list-style:none;padding:0;margin:8px 0}.checks li{padding:6px 0 6px 28px;position:relative}.checks li:before{content:"✓";position:absolute;left:4px;color:var(--gold);font-weight:700}
.sec{margin-top:24px}.lead{font-size:18px;color:var(--muted)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 10px}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 18px;display:flex;flex-direction:column;gap:6px}
.plan-hl{border:2px solid var(--gold);box-shadow:0 10px 30px rgba(61,122,90,.14)}.plan .badge{top:-11px;left:18px}
.plan-t{font-weight:600}.plan-p{font-size:28px;font-weight:800}.plan .btn{margin-top:auto}
.steps li{margin:6px 0}details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:8px 0}summary{cursor:pointer;font-weight:600}
.about-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 40px}
.band{background:var(--dark);color:#fff;padding:28px 0;margin-top:8px}.band-in{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.band h2{margin:0 0 6px}.band p{margin:0;color:#cfc8bb}
.foot{padding:28px 0 40px;color:var(--muted);font-size:14px}.foot-links{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0}.foot a{color:var(--muted)}
@media (max-width:820px){.prod{grid-template-columns:1fr;padding:12px;gap:16px}.plans{grid-template-columns:1fr}nav{display:none}.top-in{justify-content:space-between}}
@media (max-width:520px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-body{padding:10px}.card-t{font-size:14px}.card-p{font-size:14px}.logo span{font-size:15px}}

.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:14px;color:var(--muted)}.trust span:before{content:"✓ ";color:var(--gold);font-weight:700}
@media (max-width:520px){.hero{padding:20px 0 16px}.hero p{font-size:15px;margin-bottom:14px}.trust{gap:4px 12px;font-size:12.5px;margin-top:10px}.search input{font-size:16px;padding:13px 15px}}
/* v2: условие цены, нижняя плашка, мобильное меню, доступность */
.cond{font-size:14px;color:var(--gold-d);font-weight:600;margin-top:2px}
.card-c{color:var(--gold-d)}
.card[hidden]{display:none}
.plan-p s{font-size:16px;color:var(--muted);font-weight:500;margin-left:6px}
.bar select{font-size:16px}
.link{padding:8px 4px}.reel{display:inline-block;padding:10px 0}
.crumbs a{display:inline-block;padding:6px 0}
.chip{min-height:40px}
.mnav{display:none}
.buybar{display:none}
@media (min-width:821px){.chips{flex-wrap:wrap;overflow:visible}}
@media (max-width:820px){
 .mnav{display:flex;gap:18px;padding:0 16px 10px;font-size:14px}.mnav a{color:var(--muted);text-decoration:none;font-weight:600}.mnav a.on{color:var(--gold-d)}
 .buybar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.06)}
 .buybar div{display:flex;flex-direction:column;line-height:1.25;min-width:0}.buybar b{font-size:17px}.buybar span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .buybar .btn{flex:none;padding:12px 16px}
 body.pp{padding-bottom:84px}
}
@media (max-width:520px){.hero h1{font-size:22px;margin:0 0 6px}.hero p{display:none}}

.promo{background:var(--tint);border-radius:10px;padding:8px 10px;margin:10px 0 6px;color:var(--ink)}
.alt{color:var(--muted);margin-top:8px}.alt a{color:var(--gold-d)}

/* v3 (03.10, ТЗ Basel): читаемость, единые фото, цена с первого взгляда, метка «Аналог», демо-разбор, об авторе */
:root{--muted:#4a5a51}
.small{font-size:14px}
.card-img{background:#fff}.card-img img{object-fit:contain;padding:4%}
.card-p{font-size:17px;margin-bottom:0}.card-u{font-size:13px;color:var(--gold-d);font-weight:600;margin-bottom:4px}.card-c{font-size:13px;color:var(--muted)}
.tag{display:inline-block;background:#fff3dc;color:#7a4f00;border:1px solid #f0d9a8;font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:999px;margin-left:8px;vertical-align:middle}
.tag-img{position:absolute;top:10px;right:10px;margin:0;z-index:1}
.purpose{font-size:17px;color:var(--muted);margin:.2em 0 .6em}
.price-box .price{font-size:26px;font-weight:800;line-height:1.25}.price .unit{font-size:15px;font-weight:600;color:var(--gold-d);white-space:nowrap}
.whole{font-size:15px;margin-top:4px}.pnote{font-size:14.5px;color:#7a4f00;margin-top:6px}.pdate{font-size:13.5px;color:var(--muted);margin-top:6px}
.hint{font-size:14px;color:var(--muted);text-align:center;margin-top:6px}.alt{font-size:14px;text-align:center}
.h3{font-size:18px;margin:1.3em 0 .35em}
.prod-info p{margin:.4em 0 .8em}
.tariffs{background:var(--tint);border-radius:10px;padding:10px 12px;font-size:15px}
.demo{background:var(--tint);border-radius:16px;padding:14px;margin:10px 0 6px}
.demo-card,.demo-letter{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.demo-card p{margin:.55em 0}.demo-h{margin-bottom:6px}
.lock{background:#eef3f0;border:1px dashed #b9cbbf;border-radius:6px;padding:1px 6px;color:var(--muted)}
.demo pre{white-space:pre-wrap;font-size:13.5px;background:#f6f8f7;border-radius:8px;padding:10px 12px;margin:8px 0;overflow-wrap:anywhere}
.plan-m{font-size:15px}.plan-e{font-size:14px;color:var(--muted)}
.author{display:flex;gap:22px;align-items:center;margin:18px 0 6px}.author-ph{width:150px;height:150px;border-radius:50%;object-fit:cover;flex:none;border:3px solid #fff;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.author h1{margin:0 0 4px}.author .lead{margin:0}
.facts{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:22px 0 4px}.facts-t{font-weight:700;margin-bottom:2px}
@media (max-width:520px){
 .hero p{display:block;font-size:15px;margin:0 0 12px}
 .card-p{font-size:15px}.card-u,.card-c{font-size:12.5px}
 .author{flex-direction:column;align-items:flex-start;gap:12px}.author-ph{width:110px;height:110px}
 .price-box .price{font-size:23px}
 .mnav{gap:14px;font-size:13.5px}
}
@media (max-width:820px){.prod-img img{max-height:230px;object-fit:contain;background:#fff}.prod{gap:8px}.back{margin:10px 0 2px}.prod-info h1{margin:.2em 0}}
@media (max-width:820px){.prod-img img{max-height:200px}.crumbs a{padding:2px 0}.purpose{font-size:15.5px;margin:.1em 0 .4em}.price-box{margin:8px 0}}
.demo-img{width:100%;max-width:320px;margin:0 auto 12px;border-radius:12px;background:#fff}

/* v4 (03.10): тёмная тема + переключатель в шапке */
.theme{flex:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:18px;line-height:1;position:relative;overflow:hidden;transition:background .3s,border-color .3s,transform .15s}
.theme:hover{transform:translateY(-1px)}
.theme span{grid-area:1/1;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s}
.theme .moon{transform:translateY(120%) rotate(-90deg);opacity:0}
[data-theme="dark"] .theme .sun{transform:translateY(-120%) rotate(90deg);opacity:0}
[data-theme="dark"] .theme .moon{transform:none;opacity:1}
.top-in .theme{margin-left:auto}
.theme-anim,.theme-anim *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease!important}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
:root[data-theme="dark"]{--bg:#0f1512;--card:#17201b;--ink:#e4ece7;--muted:#a3b3aa;--line:#2a3830;--gold:#4c9670;--gold-d:#86cfa6;--tint:#1a2a21;--dark:#0a0f0c;color-scheme:dark}
[data-theme="dark"] body{background:var(--bg)}
[data-theme="dark"] .top{background:rgba(15,21,18,.9)}
[data-theme="dark"] .hero{background:linear-gradient(180deg,#121a16 0%,var(--tint) 100%)}
[data-theme="dark"] .search input,[data-theme="dark"] .bar select,[data-theme="dark"] .chip,[data-theme="dark"] .btn-ghost,[data-theme="dark"] .prod,[data-theme="dark"] .plan,[data-theme="dark"] details,[data-theme="dark"] .empty,[data-theme="dark"] .buybar,[data-theme="dark"] .demo-card,[data-theme="dark"] .demo-letter,[data-theme="dark"] .facts{background:var(--card);color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .chip.on{background:var(--gold);border-color:var(--gold);color:#fff}
[data-theme="dark"] .card{background:var(--card);border-color:var(--line)}
[data-theme="dark"] .card:hover{box-shadow:0 10px 28px rgba(0,0,0,.45)}
[data-theme="dark"] .card-img,[data-theme="dark"] .prod-img img,[data-theme="dark"] .demo-img{background:#f4f6f5}
[data-theme="dark"] .note,[data-theme="dark"] .pnote{background:#2a2414;color:#f0d9a8}
[data-theme="dark"] .pnote{background:none}
[data-theme="dark"] .tag{background:#3a2e14;color:#f3d796;border-color:#5a4720}
[data-theme="dark"] .lock{background:#1f2b25;border-color:#3d5045}
[data-theme="dark"] .demo pre{background:#111915;color:var(--ink)}
[data-theme="dark"] .band{background:#0b110e}
[data-theme="dark"] .author-ph{border-color:var(--card)}
[data-theme="dark"] .btn-dark{background:#25362c}
[data-theme="dark"] .logo{color:var(--ink)}

.vt-to-dark::view-transition-old(root){z-index:2}.vt-to-dark::view-transition-new(root){z-index:1}

.more-wrap{display:flex;justify-content:center;margin:-8px 0 36px}.more{min-width:240px}
.vt-to-light::view-transition-new(root){z-index:2;clip-path:circle(0px at var(--vt-x,50%) var(--vt-y,0px))}.vt-to-light::view-transition-old(root){z-index:1}
.theme-veil{position:fixed;inset:0;z-index:9999;pointer-events:none;will-change:clip-path,opacity}
/* v5: плавное перетекание цветов при смене темы (вместо кругов) */
html{background:var(--bg)}
.theme-anim,.theme-anim *,.theme-anim *::before,.theme-anim *::after{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease,fill .45s ease!important}
.theme-anim .card,.theme-anim .btn{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease,transform .15s!important}
.theme-anim .theme span{transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s!important}
/* v6: мгновенная смена темы — на время переключения выключены все переходы, кроме иконки */
.theme-switch *:not(.theme):not(.theme span),.theme-switch *::before,.theme-switch *::after{transition:none!important}

/* v7 (06.10): подбор под бюджет + размытый разбор клуба на странице машины */
.quiz{margin-top:12px}
.quiz-open{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:var(--card);border:2px solid var(--gold);border-radius:14px;padding:12px 16px;cursor:pointer;color:var(--ink);font:inherit;transition:box-shadow .15s,transform .15s}
.quiz-open:hover{box-shadow:0 6px 18px rgba(61,122,90,.18);transform:translateY(-1px)}
.quiz-open .qi{font-size:26px}.quiz-open b{display:block;font-size:17px}.quiz-open small{display:block;color:var(--muted);font-size:14px}.quiz-open .qa{margin-left:auto;font-size:22px;color:var(--gold-d);transition:transform .2s}
.quiz-open.on .qa{transform:rotate(90deg)}
.quiz-body{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:10px}
.q-step{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.q-t{font-weight:700;font-size:18px;margin:4px 0 12px}
.q-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.q-opt{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:15px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.q-opt:hover{border-color:var(--gold);background:var(--tint)}
.q-back{margin-top:8px}
.q-res{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.q-entry{font-size:13px;font-weight:700;color:var(--ink);margin-top:4px}
.q-foot{text-align:center;margin-top:8px;color:var(--muted)}
@media (max-width:640px){.q-res{grid-template-columns:1fr}.q-res .card{display:grid;grid-template-columns:110px 1fr}}
.cdemo{margin:18px 0 6px}.cdemo-t{font-weight:700;margin-bottom:8px}.cdemo img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);display:block}

/* v5 (10.10): заявка «Рассчитать стоимость с доставкой» на карточке */
.pinc{font-size:13.5px;color:var(--muted);margin-top:3px}
.order{margin:14px 0 6px}
.of[hidden]{display:none}
.of{background:var(--card);border:2px solid var(--gold);border-radius:14px;padding:16px;margin-top:4px;display:flex;flex-direction:column;gap:12px}
.of-t{font-weight:700}
.of-f{display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--muted)}
.of-f input,.of-f select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%;min-width:0}
.of-f input:focus,.of-f select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(61,122,90,.12)}
.of-row{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:8px}
.of-whens{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--ink)}
.of-when{display:flex;align-items:center;gap:6px;cursor:pointer}
.of-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.of-err{color:#b4452f;font-size:14px}
.of-ok{background:var(--tint);border-radius:12px;padding:14px 16px;margin-top:4px}
[data-theme="dark"] .of,[data-theme="dark"] .of-f input,[data-theme="dark"] .of-f select{background:var(--card);color:var(--ink)}
.top-in .btn-sm{white-space:nowrap}
.of-when{white-space:nowrap}
@media (max-width:480px){.top-in .btn-sm{display:none}}

.contact-btns{display:flex;gap:8px;margin-top:10px}.contact-btns .btn{flex:1;text-align:center}
.msg{display:inline-flex;gap:6px;margin-left:auto;align-items:center}.msg a{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;color:#fff!important;text-decoration:none;line-height:1.4}.msg svg{width:14px;height:14px;fill:currentColor}.msg-tg{background:#229ED9}.msg-wa{background:#25D366}.msg a:hover{filter:brightness(.92)}
.mnav a{white-space:nowrap}@media (max-width:820px){.mnav{align-items:center}.mnav .msg a{font-size:0;gap:0;padding:7px;width:32px;height:32px;justify-content:center}.mnav .msg svg{width:17px;height:17px}}
.msg-max{background:linear-gradient(135deg,#3d8bff,#8a3dff)}.contact-btns{flex-wrap:wrap}.contact-btns .btn{min-width:30%}
@media (max-width:820px){.mnav{gap:12px}.mnav .msg{gap:5px}.mnav .msg a{width:30px;height:30px;padding:6px}}
@media (max-width:820px){.mnav{gap:10px}.mnav .msg{gap:4px}}
@media (max-width:370px){.mnav{gap:8px;font-size:12.5px}.mnav .msg a{width:28px;height:28px;padding:5px}}

/* v8 (14.10, ТЗ FINAL): новая шапка, главная топ-20, режимы цены, галерея, корзина заявок, доступность */
:root{--gold:#176B50;--gold-d:#125540;--ink:#17221E;--bg:#F6F7F5;--line:#DDE3DF;--tint:#e6f0ea}
.skip{position:absolute;left:-9999px;top:8px;background:var(--gold);color:#fff;padding:8px 12px;border-radius:8px;z-index:100}.skip:focus{left:8px}
.top-in{gap:12px;height:64px}
.hsearch{flex:1;display:flex;min-width:0;max-width:560px}.hsearch input{flex:1;min-width:0;font:inherit;font-size:15px;padding:10px 14px;border:1px solid var(--line);border-radius:10px 0 0 10px;background:var(--card);color:var(--ink)}.hsearch button{border:1px solid var(--line);border-left:0;background:var(--card);border-radius:0 10px 10px 0;padding:0 12px;cursor:pointer;font-size:16px}
.hsearch input:focus,.of-f textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(23,107,80,.12)}
.top-in .theme{margin-left:0}
.cmenu{position:relative}.cmenu summary{list-style:none;cursor:pointer}.cmenu summary::-webkit-details-marker{display:none}
.cmenu-list{position:absolute;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;display:flex;flex-direction:column;min-width:170px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:30}
.cmenu-list a{padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:8px}.cmenu-list a:hover{background:var(--tint)}
.cmenu-list a::before{content:"";width:10px;height:10px;border-radius:50%;display:inline-block}.cm-tg::before{background:#229ED9}.cm-wa::before{background:#25D366}.cm-max::before{background:#6a5cff}
.cart-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font-weight:600;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);white-space:nowrap}
.cart-link b{background:var(--gold);color:#fff;border-radius:999px;font-size:12px;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px}
.burger{display:none;border:1px solid var(--line);background:var(--card);border-radius:10px;width:40px;height:40px;font-size:20px;cursor:pointer;color:var(--ink)}
.nav{display:flex;gap:4px;padding:0 16px 8px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--muted);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:8px;white-space:nowrap;font-size:15px}.nav a.on,.nav a:hover{color:var(--ink);background:var(--tint)}
.nav .club-link{color:var(--gold-d);border:1px solid var(--gold);margin-left:auto}
.mnav{display:none}nav.mnav{display:none}
:focus-visible{outline:3px solid #2f7dd1;outline-offset:2px}
@media (max-width:820px){
 .top-in{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px}.hsearch{order:10;flex-basis:100%;max-width:none}.cmenu{display:none}.burger{display:block}
 .nav{display:none;flex-direction:column;padding:0 16px 10px}.nav.open{display:flex}.nav .club-link{margin-left:0}
 .top-in .btn-sm{display:none}
}
.h-cat{margin:18px 0 8px}
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:8px 0 8px}
.catcard{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;color:var(--ink);font-weight:600;text-align:center}.catcard:hover{border-color:var(--gold)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}.sec-head .sec{margin-bottom:8px}
.card-img{aspect-ratio:4/3}.card-m{font-size:12.5px;color:var(--muted);margin-top:4px}
.pmode{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 9px;border-radius:999px;margin-bottom:6px}
.pmode-dlv{background:#e4f3ea;color:#125540}.pmode-fob{background:#eef0f3;color:#3b4852}.pmode-rfq{background:#fff3dc;color:#7a4f00}
.dest{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:14px;color:var(--muted);flex-wrap:wrap}.dest select,.dest input{font:inherit;font-size:14px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.dest input{width:130px}
.cta-row{display:flex;flex-direction:column;gap:8px}.cta-row .btn{margin-top:0}
.subt{font-size:13.5px;font-weight:700;color:#7a4f00;background:#fff3dc;display:inline-block;padding:2px 9px;border-radius:999px;margin-top:6px}
.lims{list-style:none;padding:0;margin:8px 0}.lims li{padding:6px 0 6px 28px;position:relative}.lims li:before{content:"!";position:absolute;left:6px;color:#b4452f;font-weight:800}
.prod-media .prod-img img{aspect-ratio:1;object-fit:contain;background:#fff}
.thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}.th{flex:none;width:72px;height:72px;border:2px solid var(--line);border-radius:10px;padding:0;background:#fff;cursor:pointer;overflow:hidden}.th img{width:100%;height:100%;object-fit:cover}.th.on{border-color:var(--gold)}
.of-f textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%;resize:vertical}
.of-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cart-list{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.ci{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}
.ci img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:8px}.ci-t{font-weight:600}.ci-p{font-size:14px;color:var(--muted)}
.ci-q{display:flex;align-items:center;gap:6px}.ci-q input{width:64px;font:inherit;padding:7px;border:1px solid var(--line);border-radius:8px;text-align:center;background:var(--card);color:var(--ink)}.ci-q button{border:1px solid var(--line);background:var(--card);border-radius:8px;width:32px;height:32px;cursor:pointer;color:var(--ink)}
.ci-rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;padding:4px}
.ci-warn{grid-column:1/-1;font-size:13px;color:#7a4f00;background:#fff3dc;border-radius:8px;padding:6px 10px}
.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--dark);color:#fff;padding:10px 16px;border-radius:10px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.toast a{color:#cfe9da}
body.home .buybar{display:none}
@media (max-width:520px){.ci{grid-template-columns:60px 1fr}.ci-q{grid-column:2}.of-row2{grid-template-columns:1fr}}
[data-theme="dark"] .hsearch input,[data-theme="dark"] .hsearch button,[data-theme="dark"] .cart-link,[data-theme="dark"] .burger,[data-theme="dark"] .catcard,[data-theme="dark"] .ci,[data-theme="dark"] .cmenu-list,[data-theme="dark"] .th{background:var(--card);color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .pmode-dlv{background:#163a2b;color:#9fe0c0}[data-theme="dark"] .pmode-fob{background:#232b2f;color:#c3cdd4}[data-theme="dark"] .pmode-rfq,[data-theme="dark"] .subt{background:#3a2e14;color:#f3d796}
/* v8 fix 14.10: колонки карточки не растягиваются миниатюрами (min-width:auto у grid-items); шапка на узком экране в одну строку */
.prod-media,.prod-info{min-width:0}
@media (max-width:520px){.logo small{display:none}.top-in{gap:6px}.cart-link{padding:6px 9px}}
@media (max-width:520px){.cart-link .cl-t{display:none}}

.dlv-form{margin:14px 0 18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.dlv-form label{display:block;font-size:14px}.dlv-form input,.dlv-form select{width:100%;font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:8px;margin-top:4px;background:var(--card);color:var(--ink)}.of-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:8px 0}.dlv-out{margin:10px 0}

.unitrow{display:flex;gap:6px}.unitrow input{flex:1}.unitrow select{width:auto}.place{align-items:end;grid-template-columns:1fr 1fr 1fr 1fr auto}.place .ci-rm{height:38px}@media (max-width:520px){.place{grid-template-columns:1fr 1fr}}

/* лайтбокс, видео, кабинет (14.10) */
.lb{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:1000;display:flex;align-items:center;justify-content:center}.lb[hidden]{display:none}.lb img{max-width:96vw;max-height:88vh;object-fit:contain;border-radius:8px}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:28px;cursor:pointer;line-height:1}.lb button:focus-visible{outline:3px solid #fff}
.lb-x{top:12px;right:12px}.lb-p{left:8px;top:50%;margin-top:-24px}.lb-n{right:8px;top:50%;margin-top:-24px}.lb-c{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#fff;font-size:14px}
.prod-img img,.th{cursor:zoom-in}
.pvideo{margin:20px 0}.pvideo video{width:100%;height:auto;max-width:900px;border-radius:12px;background:#000;display:block}
.narrow{max-width:760px}.card-box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0}.card-box label{display:block;margin:8px 0;font-size:14px}.card-box input,.card-box select{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;margin-top:4px;background:var(--card);color:var(--ink)}
.cab-o{border-top:1px solid var(--line);padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:6px}.cab-o .st{font-size:13px;color:var(--gold);font-weight:600}
.fav[aria-pressed="true"]{border-color:var(--gold);color:var(--gold)}

/* ===== v9 «Amazon-стиль» (15.10): тёплый фон, белые карточки без рамок, жёлтые кнопки, крупная цена ===== */
:root{--az-bg:#F5F5F2;--az-top:#FCEFE6;--az-ink:#0F1111;--az-muted:#565959;--az-yellow:#FFD814;--az-yellow-d:#F7CA00;--az-orange:#FFA41C;--az-blue:#007185;--az-green:#067D62;--az-red:#C7511F;--az-card:#fff;--az-line:#E3E6E6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--az-bg:#0F1111;--az-top:#1B1F1E;--az-ink:#F2F2F2;--az-muted:#A7ACAC;--az-card:#181C1B;--az-line:#2C3230;--az-blue:#4FB3C4;--az-green:#3DBE97}}
:root[data-theme="dark"]{--az-bg:#0F1111;--az-top:#1B1F1E;--az-ink:#F2F2F2;--az-muted:#A7ACAC;--az-card:#181C1B;--az-line:#2C3230;--az-blue:#4FB3C4;--az-green:#3DBE97}
body{background:var(--az-bg);color:var(--az-ink);font-size:16px}
.top{background:var(--az-top);border-bottom:0;backdrop-filter:none}
.hsearch input{border:1.5px solid #888C8C;border-radius:24px 0 0 24px;background:var(--az-card);padding:11px 18px}.hsearch button{border:1.5px solid #888C8C;border-left:0;border-radius:0 24px 24px 0;background:var(--az-yellow);color:#0F1111;padding:0 16px}
.hbtn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:22px;background:var(--az-card);color:var(--az-ink);font-weight:700;font-size:14px;cursor:pointer;border:1px solid var(--az-line);white-space:nowrap}
.cmenu summary.hbtn:hover{border-color:#888C8C}
.club-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:22px;background:var(--az-yellow);color:#0F1111;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;box-shadow:0 2px 6px rgba(213,169,0,.35)}.club-btn:hover{background:var(--az-yellow-d)}
.cart-link{border-radius:22px;border:1px solid var(--az-line);padding:9px 14px}#cartN{background:var(--az-orange);color:#0F1111}
.nav .club-link{display:none}
@media (max-width:820px){.club-btn{padding:8px 12px;font-size:13px}.nav .club-link{display:block;background:var(--az-yellow);color:#0F1111;border:0}}
@media (max-width:420px){.club-btn{padding:7px 10px}}
/* сетка карточек */
.grid{gap:14px}
.card{position:relative;background:var(--az-card);border:0;border-radius:16px;box-shadow:0 1px 3px rgba(15,17,17,.08);overflow:hidden;transition:box-shadow .15s}.card:hover{box-shadow:0 6px 18px rgba(15,17,17,.14);transform:none}
.card-a{display:block;color:inherit;text-decoration:none;height:100%}
.card-img{background:#fff;padding:10px}.card-img img{object-fit:contain}
.card-body{padding:6px 14px 52px}
.card-t{font-weight:700;font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--az-ink)}
.card-p{font-size:20px;font-weight:800;color:var(--az-ink);margin-top:6px}
.card-u,.card-c{color:var(--az-muted);font-size:13px}
.card-m{display:inline-block;margin-top:6px;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px}
.m-fob{background:#FFF3D6;color:#8A5A00}.m-dlv,.m-est{background:#E3F4EE;color:var(--az-green)}.m-rfq{background:#EEF1F1;color:var(--az-muted)}
.card-add{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--az-yellow);color:#0F1111;font-size:24px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.18)}.card-add:hover{background:var(--az-yellow-d)}.card-add.added{background:var(--az-green);color:#fff}
.badge{background:var(--az-red);color:#fff;border-radius:0 0 10px 0}
.price-note{background:#FFF3D6;color:#5A3D00;border-radius:12px;padding:10px 14px;margin:10px 0 14px;font-size:14px}
[data-theme="dark"] .price-note,[data-theme="dark"] .m-fob{background:#3A2E12;color:#FFD98A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .price-note,:root:not([data-theme="light"]) .m-fob{background:#3A2E12;color:#FFD98A}}
/* плитки категорий с картинкой */
.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.catcard{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:transparent;border:0;padding:0;font-weight:700;font-size:14px;color:var(--az-ink);text-decoration:none}
.cat-ph{width:100%;aspect-ratio:1;border-radius:22px;background:#EEF1EC;overflow:hidden;display:block}.cat-ph img{width:100%;height:100%;object-fit:cover}
/* страница товара */
.prod{background:var(--az-card);border:0;border-radius:18px;box-shadow:0 1px 3px rgba(15,17,17,.08)}
.prod-img{position:relative}.prod-img video{width:100%;aspect-ratio:1;background:#000;border-radius:12px;object-fit:contain}
.th-video{position:relative}.th-video span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:rgba(0,0,0,.38)}
.ttl{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.ttl h1{margin:.2em 0}
.fav-ic{flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--az-line);background:var(--az-card);color:var(--az-red);font-size:22px;cursor:pointer;line-height:1}.fav-ic[aria-pressed="true"]{background:#FFF0EB;border-color:var(--az-red)}
.price-box{background:transparent;border:0;padding:0}.price-box .price{font-size:32px;font-weight:800;color:var(--az-ink)}
.pmode{font-size:13px;font-weight:800;padding:5px 10px;border-radius:8px;display:inline-block}.pmode-fob{background:#FFF3D6;color:#8A5A00}.pmode-dlv{background:#E3F4EE;color:var(--az-green)}
.btn-gold,.btn-gold:visited{background:var(--az-yellow);color:#0F1111;border:0;border-radius:24px;font-weight:800;padding:14px 18px;font-size:16px}.btn-gold:hover{background:var(--az-yellow-d)}
.btn-outline{background:var(--az-card);color:var(--az-ink);border:1.5px solid #888C8C;border-radius:24px;font-weight:700;padding:13px 18px}
.cta-row{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px;font-size:14px;color:var(--az-muted)}
.contact-row a{padding:7px 12px;border-radius:18px;text-decoration:none;font-weight:700;font-size:14px;color:#fff}.cr-tg{background:#229ED9}.cr-wa{background:#25D366}.cr-max{background:#6a5cff}
/* описание — отдельными блоками */
.pdetails{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 28px}
.pcard{background:var(--az-card);border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px rgba(15,17,17,.08)}
.pcard h2{font-size:18px;margin:0 0 10px}.pcard p,.pcard li{font-size:16px;line-height:1.6;color:var(--az-ink)}.pcard p{margin:0}
.pcard-money{border-left:5px solid var(--az-green)}.pcard-note{border-left:5px solid var(--az-orange)}.pcard-wide{grid-column:1/-1}
@media (max-width:820px){.pdetails{grid-template-columns:1fr}.price-box .price{font-size:28px}}
.buybar .btn-gold{border-radius:24px}
.sec{font-size:22px}
/* v9.1: принципы Amazon, но фирменные цвета — зелёный для действий, жёлтый только для «Клуба» */
:root{--az-bg:#F4F6F4;--az-top:#FFFFFF;--cta:#176B50;--cta-d:#0F5A42}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--az-top:#151A18;--cta:#2E9E76;--cta-d:#258363}}
:root[data-theme="dark"]{--az-top:#151A18;--cta:#2E9E76;--cta-d:#258363}
.top{box-shadow:0 1px 0 var(--az-line)}
.hsearch button{background:var(--cta);color:#fff;border-color:var(--cta)}
.btn-gold,.btn-gold:visited{background:var(--cta);color:#fff}.btn-gold:hover{background:var(--cta-d)}
.card-add{background:var(--cta);color:#fff}.card-add:hover{background:var(--cta-d)}
#cartN{background:var(--cta);color:#fff}
.cat-ph{background:#E9EFEA}
/* «Связаться» — одна кнопка без внешней рамки details */
details.cmenu,[data-theme="dark"] details.cmenu{background:none;border:0;padding:0;margin:0;border-radius:0}
/* мобильная шапка в одну строку: логотип · Клуб · Заявка · меню; тема — в меню не нужна, прячем на узких */
@media (max-width:520px){
 .top-in{flex-wrap:wrap;gap:8px}.top-in .theme{display:none}
 .logo>span:last-child{font-size:15px}.club-btn{margin-left:auto}
 .cart-link{padding:7px 10px}.burger{width:38px;height:38px;flex:none}
}
.price-box,.price-box *{white-space:normal;overflow-wrap:anywhere}
.buybar{box-sizing:border-box;max-width:100vw}.buybar>div{min-width:0;flex:1}.buybar span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buybar .btn-gold{flex:none}
.price-box .unit{display:block}
@media (max-width:380px){.logo>span:last-child{display:none}}
/* корзина: строка товара аккуратно — фото · название и цена · счётчик; «Убрать» — ссылкой под счётчиком, ничего не вылезает */
.ci{grid-template-columns:84px minmax(0,1fr) auto;border:0;border-radius:16px;box-shadow:0 1px 3px rgba(15,17,17,.08);padding:14px;gap:14px}
.ci img{width:84px;height:84px}
.ci-t a{color:var(--az-ink);text-decoration:none;font-weight:700}.ci-t a:hover{text-decoration:underline}
.ci-p{margin-top:4px;line-height:1.45}
.ci-q{display:grid;grid-template-columns:36px 56px 36px;grid-template-rows:auto auto;gap:6px 4px;justify-items:center;align-items:center}
.ci-q button[data-d]{width:36px;height:36px;border-radius:50%;border:1px solid var(--az-line);background:var(--az-card);font-size:18px;line-height:1;cursor:pointer;color:var(--az-ink)}
.ci-q input{width:56px;padding:7px 4px}
.ci-q .ci-rm{grid-column:1/-1;border:0;background:none;padding:2px 6px;font-size:13px;color:var(--az-blue);text-decoration:underline;cursor:pointer;width:auto;height:auto;border-radius:0}
@media (max-width:520px){.ci{grid-template-columns:64px minmax(0,1fr)}.ci img{width:64px;height:64px}.ci-q{grid-column:1/-1;grid-template-columns:36px 56px 36px auto;grid-template-rows:auto;justify-content:start}.ci-q .ci-rm{grid-column:auto;margin-left:10px}}
/* шапка на телефоне: поля по краям (раньше padding:10px 0 обнулял отступы .wrap) */
@media (max-width:820px){.top-in{padding:10px 16px;box-sizing:border-box}.hsearch{min-width:0}.hsearch button{flex:none}}
@media (max-width:380px){.top-in{padding:8px 12px}}
.nav a[href="/cabinet/"]{margin-left:auto}
@media (max-width:820px){.nav a[href="/cabinet/"]{margin-left:0}}
/* аккаунт в шапке — рядом с заявкой, как в магазинах */
.acc-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--az-ink);font-weight:700;font-size:14px;padding:9px 14px;border:1px solid var(--az-line);border-radius:22px;background:var(--az-card);white-space:nowrap}.acc-link:hover{border-color:#888C8C}
@media (max-width:520px){.acc-link{padding:7px 10px}.acc-link .al-t{display:none}}
/* телефон: в шапке одна строка — значок-логотип · Клуб · Аккаунт · Заявка · меню */
@media (max-width:440px){.logo>span:last-child{display:none}.top-in{flex-wrap:wrap}.club-btn{margin-left:auto}}
/* нижняя панель на телефоне (как в приложениях магазинов): Главная · Каталог · Аккаунт · Заявка · Меню */
.tabbar{display:none}
@media (max-width:820px){
 .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(5,1fr);background:var(--az-card);border-top:1px solid var(--az-line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.06)}
 .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;font-size:11px;font-weight:700;color:var(--az-muted);text-decoration:none;background:none;border:0;padding:4px 0;cursor:pointer;line-height:1.1}
 .tabbar .on{color:var(--cta)}.tabbar .ti{font-size:20px;line-height:1;position:relative}
 .tabbar .tb{position:absolute;top:-6px;right:-12px;min-width:18px;height:18px;border-radius:9px;background:var(--cta);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px}
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .buybar{bottom:calc(64px + env(safe-area-inset-bottom));box-shadow:none;border-top:1px solid var(--az-line)}
 .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
 /* верх на телефоне: только логотип, Клуб и поиск — остальное внизу */
 .top-in .acc-link,.top-in .cart-link,.top-in .burger{display:none}.club-btn{margin-left:auto}
 .nav.open{display:flex}
}
@media (max-width:440px){.logo>span:last-child{display:inline}.top-in{flex-wrap:wrap}}
@media (max-width:380px){.logo>span:last-child{display:none}}
[data-theme="dark"] .tabbar{background:var(--az-card);border-color:var(--az-line)}

/* ===== Главная v10 (15.10): компактный герой с фото, 3 шага, категории, хиты, помощь, клуб ===== */
.hero,.price-note.home{display:none}
.hero2{background:linear-gradient(180deg,#EAF3EE 0%,var(--az-bg) 100%);padding:28px 0 18px}
.hero2-in{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center}
.eyebrow{display:inline-block;font-size:13px;font-weight:800;color:var(--cta);background:#DDEFE5;padding:5px 10px;border-radius:20px;margin-bottom:10px}
.hero2 h1{font-size:38px;line-height:1.15;margin:0 0 12px;letter-spacing:-.01em}
.hero2 p{font-size:18px;color:var(--az-muted);margin:0 0 18px;max-width:560px}
.hero2-cta{display:flex;gap:10px;flex-wrap:wrap}.hero2-cta .btn{width:auto}
.hero2-pics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero2-pics img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#fff;box-shadow:0 4px 14px rgba(15,17,17,.10)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 6px}
.steps3>div{display:flex;gap:12px;align-items:center;background:var(--az-card);border-radius:16px;padding:14px 16px;box-shadow:0 1px 3px rgba(15,17,17,.08)}
.steps3 b{flex:none;width:36px;height:36px;border-radius:50%;background:var(--cta);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px}
.steps3 span{font-size:14px;color:var(--az-muted);line-height:1.35}.steps3 strong{display:block;color:var(--az-ink);font-size:15px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:26px}.sec-head .sec{margin:0}
.sec-more{font-weight:700;color:var(--cta);text-decoration:none;white-space:nowrap}.sec-sub{margin:4px 0 12px}
.catgrid{margin-top:12px}
.help-band{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--az-card);border-radius:18px;padding:22px 24px;margin:30px 0;box-shadow:0 1px 3px rgba(15,17,17,.08)}
.help-band h2{margin:0 0 4px;font-size:22px}.help-band p{margin:0;color:var(--az-muted)}.help-btns{display:flex;gap:10px;flex:none}.help-btns .btn{color:#fff;border:0;border-radius:24px;padding:12px 20px;font-weight:800}
.club-band{background:#1F2A24;color:#fff}.club-band h2{color:#FFD814}.club-band p{color:#D7E0DA}.club-band .club-btn{flex:none}
@media (max-width:820px){
 .hero2{padding:18px 0 6px}.hero2-in{grid-template-columns:1fr;gap:14px}
 .hero2 h1{font-size:26px}.hero2 p{font-size:16px;margin-bottom:14px}
 .hero2-pics{grid-template-columns:repeat(4,1fr);gap:8px}.hero2-pics img{border-radius:12px}
 .hero2-cta .btn{flex:1;text-align:center;padding:13px 12px;font-size:15px}
 .steps3{grid-template-columns:1fr;gap:8px}.steps3>div{padding:10px 12px}
 .catgrid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:6px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;scrollbar-width:none}.catgrid::-webkit-scrollbar{display:none}
 .catgrid .catcard{flex:0 0 108px;scroll-snap-align:start;font-size:13px}
 .help-band{flex-direction:column;align-items:flex-start;padding:18px}.help-btns{width:100%}.help-btns .btn{flex:1;text-align:center}
}
[data-theme="dark"] .hero2{background:linear-gradient(180deg,#16211B 0%,var(--az-bg) 100%)}[data-theme="dark"] .eyebrow{background:#1F3A2C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hero2{background:linear-gradient(180deg,#16211B 0%,var(--az-bg) 100%)}:root:not([data-theme="light"]) .eyebrow{background:#1F3A2C}}
@media (min-width:821px){.catgrid{grid-template-columns:repeat(9,1fr);gap:12px}.catcard{font-size:13px}}
.hero2-pics img{height:auto}
/* телефон: 3 шага — одной компактной строкой, чтобы категории и товары были ближе */
@media (max-width:820px){.steps3{grid-template-columns:repeat(3,1fr);gap:8px}.steps3>div{flex-direction:column;text-align:center;gap:6px;padding:10px 6px}.steps3 b{width:28px;height:28px;font-size:14px}.steps3 span{font-size:0}.steps3 strong{font-size:12.5px;line-height:1.25}.hero2 h1{font-size:24px}}
@media (max-width:820px){.catgrid{margin-left:0;margin-right:0;padding-left:0;padding-right:0;scroll-padding-left:0}}

/* v11 (15.10): категории — единые иконки, герой без фото */
.hero2-in{grid-template-columns:1fr}
.catcard .cat-ic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 8px;border-radius:50%;background:#E3F0E8}
.catcard .cat-ic svg{width:32px;height:32px;fill:none;stroke:var(--cta);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.catcard{text-align:center;padding:16px 8px}
[data-theme="dark"] .catcard .cat-ic{background:#1F3A2C}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .catcard .cat-ic{background:#1F3A2C}}

.steps-t{font-size:20px;margin:18px 0 0}.hero2 p{margin-bottom:4px}

/* v12 (15.10): линейные иконки вместо смайликов, тема видна на телефоне */
.ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.tabbar .ti{display:block}.tabbar .ti .ic{width:26px;height:26px}
.hsearch button .ic{width:22px;height:22px}
.acc-link .ic,.cart-link .ic{width:22px;height:22px}
@media (max-width:820px){.top .theme{display:grid!important;place-items:center;padding:0;width:40px;height:40px;border-radius:50%;margin-left:auto;margin-right:8px;flex:none}}
@media (max-width:820px){.top .club-btn{margin-left:0!important}.top .theme{order:0}}
.theme .sun,.theme .moon{line-height:0}.theme .ic{width:20px;height:20px}
.theme span{display:flex;align-items:center;justify-content:center}
.of-when input{accent-color:var(--cta);width:20px;height:20px}

/* v13: «Открыть детали» */
.pspec details>summary{cursor:pointer;font-weight:800;font-size:17px;color:var(--cta);list-style:none;padding:4px 0}
.pspec details>summary::before{content:"＋ "}.pspec details[open]>summary::before{content:"− "}
.pspec h3{font-size:15px;margin:16px 0 6px}
.pspec dl{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:6px 14px;margin:0}
.pspec dt{color:var(--az-muted)}.pspec dd{margin:0;font-weight:600}
@media (max-width:560px){.pspec dl{grid-template-columns:1fr}.pspec dd{margin-bottom:6px}}
.card-m:empty,.card-u:empty{display:none}
.pcard.pspec{border:0;background:none;box-shadow:none;padding:4px 0}
/* v14: меню поверх страницы, без сдвига */
@media (max-width:820px){.top{position:sticky}.nav.open{position:absolute;left:0;right:0;top:100%;z-index:40;background:var(--az-card,#fff);box-shadow:0 12px 24px rgba(0,0,0,.18);border-bottom:1px solid var(--az-line)}}
@media (max-width:820px){.nav.open{position:fixed;top:auto;bottom:calc(60px + env(safe-area-inset-bottom));max-height:70vh;overflow:auto;border-radius:16px 16px 0 0;border-top:1px solid var(--az-line)}}
@media (max-width:820px){.nav.open{z-index:60;background:var(--az-card,#fff)}body:has(.nav.open) .buybar{visibility:hidden}}
/* v15: свои кружки выбора — одинаково в светлой/тёмной теме и на iPhone */
.of-when input[type=radio]{-webkit-appearance:none;appearance:none;width:22px;height:22px;border:2px solid var(--az-muted,#888);border-radius:50%;background:transparent;margin:0 8px 0 0;flex:none;vertical-align:middle;cursor:pointer}
.of-when input[type=radio]:checked{border-color:var(--cta);background:radial-gradient(circle,var(--cta) 0 5px,transparent 6px)}
.of-when{display:inline-flex;align-items:center}
/* v16: iPhone не увеличивает страницу при вводе (шрифт полей ≥16px); при открытой клавиатуре нижние панели скрыты */
input,select,textarea{font-size:16px!important}
@media (max-width:820px){body:has(input:focus,textarea:focus,select:focus) .tabbar,body:has(input:focus,textarea:focus,select:focus) .buybar{display:none!important}}
html,body{overflow-x:hidden}
/* ===== ТЗ 17.10: карточка — один CTA, ориентир с доставкой, короткая форма, блок доверия ===== */
.btn-lg{padding:15px 18px;font-size:17px;border-radius:14px}
.add-more{display:block;margin:10px auto 0;font-size:14px;text-align:center}
.est{margin:12px 0 4px;border-top:1px dashed var(--line);padding-top:10px}
.est-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font-size:15px}
.est-row b{font-size:16px;white-space:nowrap}
.est-total{border-top:1px solid var(--line);margin-top:6px;padding-top:8px}.est-total span{font-weight:700;color:var(--ink)}.est-total b{font-size:22px;color:var(--gold-d)}
.est-note{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.45}
.otrust{background:var(--tint);border-radius:14px;padding:14px 16px;margin:14px 0 6px}
.otrust-t{font-weight:800;margin-bottom:6px}
.osteps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px}.osteps b{color:var(--ink)}
.otrust-who{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.45}
.of-t{font-weight:800;color:var(--ink)}
.of-chs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.of-ch{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:10px 4px;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;text-align:center}
.of-ch input{position:absolute;opacity:0;pointer-events:none}
.of-ch:has(input:checked){border-color:var(--gold);background:var(--tint);color:var(--gold-d)}
.of-ch:has(input:focus-visible){box-shadow:0 0 0 3px rgba(61,122,90,.35)}
.of-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.of-qty{max-width:50%}
.of-ferr{color:#b4452f;font-size:13px}
.of-f input[aria-invalid="true"]{border-color:#b4452f}
.of-more summary{cursor:pointer;font-size:14px;color:var(--muted);padding:4px 0}
.of-ok-t{font-size:20px;font-weight:800;color:var(--gold-d);margin-bottom:6px}.of-ok p{margin:6px 0}
.buybar.off{display:none!important}
@media (max-width:820px){body.pp .tabbar{display:none}body.pp .buybar{bottom:0}body.pp{padding-bottom:84px}}
[data-theme="dark"] .otrust{background:#1d2a23}[data-theme="dark"] .of-ch:has(input:checked){background:#1d2a23}
body.pp .buybar b{white-space:nowrap;font-size:17px}body.pp .buybar span{white-space:nowrap}
body.pp .buybar .btn{font-size:15px;padding:12px 14px;white-space:nowrap}
.kspec{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:10px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}
.kspec div{min-width:0}.kspec dt{font-size:12px;color:var(--muted)}.kspec dd{margin:0;font-size:14px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
[hidden]{display:none!important}