/* ARIO CAMPER v10. Layout: manufacturer-catalogue - photography carries the page, specs sit in hairline tables, one accent used sparingly */
:root{
  --bg:#f6f4ef; --paper:#ffffff; --ink:#161b17; --muted:#5d645b; --line:#dedad0;
  --deep:#161b17; --deep-2:#212922; --on-deep:#eceee8; --on-deep-2:#a4ada1; --line-deep:#343d35;
  --accent:#c39a4e; --accent-ink:#83632a; --ok:#2f6b45; --err:#b3392f;
  --f-display:'Unbounded','Arial Black',system-ui,sans-serif;
  --f-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;text-wrap:balance}
h1,h2{font-family:var(--f-display);letter-spacing:-.015em;line-height:1.08}
h3,h4{font-family:var(--f-body);font-weight:800;line-height:1.25}
p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.wrap{max-width:1200px;margin:0 auto;padding-inline:16px}
@media(min-width:760px){.wrap{padding-inline:32px}}
section{padding-block:80px}
@media(min-width:900px){section{padding-block:112px}}
.dark{background:var(--deep);color:var(--on-deep)}
.h2{font-size:clamp(28px,4.2vw,44px);font-weight:700}
.lead{font-size:clamp(16px,1.5vw,18px);color:#3d443d;max-width:60ch;margin-top:14px}
.dark .lead{color:var(--on-deep-2)}
.head{display:grid;gap:6px;margin-bottom:44px}
@media(min-width:960px){.head.split{grid-template-columns:1fr 1fr;align-items:end;gap:56px}.head.split .lead{margin-top:0}}
.kicker{font-size:13px;font-weight:700;color:var(--accent-ink)}
.dark .kicker{color:var(--accent)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:6px;font-family:var(--f-body);font-weight:700;font-size:15.5px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-align:center;line-height:1.2}
.btn-accent{background:var(--accent);color:#17140d}
.btn-accent:hover{background:#d4ae66}
.btn-line{border-color:currentColor;color:inherit;background:transparent}
.btn-dark{background:var(--deep);color:#fff}
.btn-dark:hover{background:#2a332b}
.btn-ghost{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn[disabled]{opacity:.6;cursor:default}
.linkbtn{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font:inherit;font-weight:700;font-size:15px;color:var(--accent-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-align:left}
.dark .linkbtn{color:var(--accent)}
.linkbtn:hover{text-decoration-thickness:2px}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(22,27,23,.97);color:#fff}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;white-space:nowrap;min-height:44px;align-self:center;align-items:center}
.brand b{font-family:var(--f-display);font-weight:800;font-size:15px;letter-spacing:.08em}
.brand span{font-size:12.5px;color:var(--on-deep-2)}
@media(max-width:439px){.brand span{display:none}}
.navlinks{display:none;gap:22px;font-size:14.5px;font-weight:600;white-space:nowrap}
.navlinks a{text-decoration:none;color:#c3cabf;display:inline-flex;align-items:center;min-height:44px}
.navlinks a:hover,.navlinks a.is-active{color:#fff}
.nav-right{display:flex;align-items:center;gap:6px}
.nav-tel{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;color:#fff;text-decoration:none;font-weight:700;font-size:15px;border-radius:6px}
.nav-tel svg{width:22px;height:22px;flex:none;color:var(--accent)}
.nav-tel .t{display:none;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(min-width:760px){.nav-tel{padding:0 10px}}
@media(min-width:760px) and (max-width:999px){.nav-tel .t{display:inline}}
@media(min-width:1180px){.nav-tel .t{display:inline}}
.nav .btn{min-height:44px;padding:0 18px;font-size:14.5px}
@media(min-width:1000px){.navlinks{display:flex}}

/* models */
.group{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;border-bottom:1.5px solid var(--ink);padding-bottom:12px;margin:0 0 22px}
.group h3{font-size:20px}
.group span{font-size:14.5px;color:var(--muted)}
.stock{display:grid;gap:24px;margin-bottom:12px}
@media(min-width:960px){.stock{grid-template-columns:1fr 1fr;gap:32px}}
.stock-more{margin:0}
#stock.group{margin-top:52px}
.model-card{background:var(--paper);min-width:0;display:flex;flex-direction:column}
.model-card .ph{aspect-ratio:16/10;background:#ccc center/cover no-repeat;max-width:100%}
.mc-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.mc-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.mc-top h4{font-family:var(--f-display);font-weight:700;font-size:24px;letter-spacing:-.01em}
.price{font-weight:800;font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap}
.mc-for{margin-top:10px;color:#3d443d}
.spec-list{list-style:none;padding:0;margin:18px 0 22px;border-top:1px solid var(--line);flex:1}
.spec-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.8px}
.spec-list li span:last-child{color:var(--muted);text-align:right}
.mc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.mc-cta .btn{flex:1 1 170px}
.mc-cta small{flex:1 1 100%;font-size:13px;color:var(--muted)}
.tag{display:inline-block;font-size:12px;font-weight:800;color:var(--ok);margin-bottom:6px}

.trims{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:700px){.trims{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.trims{grid-template-columns:repeat(4,1fr)}}
.trim{background:var(--paper);padding:22px;display:flex;flex-direction:column;min-width:0}
.trim h4{font-family:var(--f-display);font-weight:700;font-size:20px}
.trim .who{font-size:14px;color:var(--muted);margin-top:6px}
.trim .price{margin-top:14px;font-size:20px}
.trim ul{margin:12px 0 18px;padding-left:18px;font-size:14.3px;color:#3d443d;flex:1}
.trim li{padding:2px 0}
.trim a{font-weight:700;font-size:14.5px;color:var(--accent-ink);display:inline-flex;align-items:center;min-height:44px}
.small{font-size:14px;color:var(--muted);margin-top:16px;max-width:90ch}
.dark .small{color:var(--on-deep-2)}
.more-link{margin-top:18px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
.more-link a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px;color:var(--accent-ink);text-underline-offset:3px}

/* PDF-плашка */
.plaque{margin-top:44px;background:var(--deep);color:var(--on-deep);display:grid;gap:26px;padding:26px 18px}
@media(min-width:760px){.plaque{padding:34px}}
@media(min-width:960px){.plaque{grid-template-columns:1fr 1fr;gap:56px;padding:44px;align-items:center}}
.plaque .pl-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:64px;border:1.5px solid var(--accent);border-radius:6px;font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--accent);margin-bottom:16px}
.plaque h3{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.4vw,27px);line-height:1.18;letter-spacing:-.01em;color:#fff}
.plaque ul{list-style:none;padding:0;margin:16px 0 0;font-size:15px;color:var(--on-deep-2)}
.plaque li{padding:3px 0 3px 22px;position:relative}
.plaque li:before{content:"";position:absolute;left:0;top:13px;width:10px;height:2px;background:var(--accent)}
.plaque .lf-host{min-width:0}

/* b2b */
.b2b{background:var(--paper);padding-block:44px;border-top:1px solid var(--line)}
.b2b .wrap{display:grid;gap:18px;align-items:center}
@media(min-width:800px){.b2b .wrap{grid-template-columns:1fr auto;gap:40px}}
.b2b h3{font-family:var(--f-display);font-weight:700;font-size:clamp(19px,2.4vw,26px);line-height:1.2;letter-spacing:-.01em}
.b2b p{color:#3d443d;margin-top:8px;max-width:62ch;font-size:15.5px}

/* construction */
.build{display:grid;gap:40px}
.build>*{min-width:0}
@media(min-width:960px){.build{grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}}
.diagram{background:var(--paper);padding:20px}
.diagram .cap{margin-top:10px}
.specs{width:100%;border-collapse:collapse;font-size:15px}
.specs th{text-align:left;font-weight:700;vertical-align:top;padding:12px 16px 12px 0;width:36%;border-bottom:1px solid var(--line)}
.specs td{padding:12px 0;border-bottom:1px solid var(--line);color:#3d443d}
.specs tr:first-child th,.specs tr:first-child td{border-top:1.5px solid var(--ink)}
.cap{font-size:13.5px;color:var(--muted)}
.dark .cap{color:var(--on-deep-2)}
.trio{display:grid;gap:28px;margin-top:64px}
@media(min-width:900px){.trio{grid-template-columns:repeat(3,1fr)}}
.trio .ph{aspect-ratio:4/3;background:#ccc center/cover no-repeat;max-width:100%}
.trio h3{font-size:18px;margin-top:16px}
.trio p{margin-top:8px;color:#3d443d;font-size:15px}

/* inside */
.inside{display:grid;gap:28px 20px;grid-template-columns:1fr}
@media(min-width:640px){.inside{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.inside{grid-template-columns:repeat(3,1fr)}}
.inside figure{margin:0;min-width:0}
.inside .ph{aspect-ratio:4/3;background:#ccc center/cover no-repeat;max-width:100%}
.inside figcaption{margin-top:12px}
.inside figcaption b{display:block;font-size:16px}
.inside figcaption span{display:block;font-size:14.5px;color:#4a514a;margin-top:4px}

/* gallery */
.masonry{columns:2 160px;column-gap:8px}
@media(min-width:900px){.masonry{columns:4 220px}}
.masonry figure{margin:0 0 8px;break-inside:avoid;background:var(--deep-2)}
.masonry figure.missing{display:none}
.masonry img{width:100%;height:auto}

/* company */
.company{display:grid;gap:36px}
@media(min-width:960px){.company{grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}}
.company p+p{margin-top:14px}
.company .facts{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line-deep)}
.company .facts li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line-deep);font-size:15px}
.company .facts li span:first-child{color:var(--on-deep-2)}
.ship{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:auto auto;gap:8px}
.ship .ph{background:#333 center/cover no-repeat;min-height:170px}
.ship .ph:first-child{grid-row:span 2;min-height:348px}

/* configurator */
.pagehead{padding-block:40px 0}
@media(min-width:900px){.pagehead{padding-block:64px 0}}
.pagehead + section{padding-top:36px}
.crumb{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:700;color:var(--accent);text-decoration:none;margin-bottom:6px}
.crumb:hover{text-decoration:underline}
.presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.presets button{font-family:var(--f-body);font-weight:700;font-size:14.5px;min-height:44px;padding:0 18px;border-radius:6px;border:1.5px solid var(--line-deep);background:transparent;color:var(--on-deep);cursor:pointer}
.presets button.is-on{background:var(--accent);border-color:var(--accent);color:#17140d}
.cfg{display:grid;gap:22px}
@media(min-width:980px){.cfg{grid-template-columns:1.5fr 1fr;align-items:start}}
.cfg-group{border-top:1px solid var(--line-deep);padding:18px 0 4px}
.cfg-group h4{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.body-pick{display:grid;gap:8px;margin-bottom:12px}
@media(min-width:640px){.body-pick{grid-template-columns:repeat(3,1fr)}}
.body-pick label{display:grid;gap:3px;padding:12px 14px;border:1.5px solid var(--line-deep);border-radius:6px;cursor:pointer;font-size:13px;color:var(--on-deep-2);min-height:44px}
.body-pick label b{color:#fff;font-size:14.5px}
.body-pick input{position:absolute;opacity:0;pointer-events:none}
.body-pick label:has(input:checked){border-color:var(--accent)}
.body-pick label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.opt{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:start;padding:12px 0;cursor:pointer;min-height:44px}
.opt+.opt{border-top:1px solid var(--line-deep)}
.opt input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent)}
.opt .n{display:block;font-weight:700;font-size:14.8px;color:#fff}
.opt .d{display:block;font-size:13px;color:var(--on-deep-2);margin-top:2px}
.opt .p{font-weight:700;font-size:14px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.opt.is-locked{opacity:.45;cursor:not-allowed}
.qty{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle}
.qty button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-deep);background:transparent;color:#fff;cursor:pointer;font-size:18px;line-height:1}
.qty em{font-style:normal;min-width:12px;text-align:center}
.total{position:sticky;top:80px;background:var(--bg);color:var(--ink);padding:22px}
.total .hint{font-size:13px;color:var(--muted)}
.total .sum{font-family:var(--f-display);font-weight:800;font-size:clamp(28px,3.4vw,36px);margin:6px 0 4px;font-variant-numeric:tabular-nums}
.total .match{font-size:14.5px;font-weight:600}
.total ul{list-style:none;padding:0;margin:14px 0 16px;font-size:13.5px;max-height:260px;overflow:auto}
.total li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}
.total li span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.total .btn{width:100%}
.fld{display:grid;gap:6px;font-size:14px;font-weight:600}
.fld input,.fld select,.fld textarea{font:inherit;font-weight:500;font-size:16px;min-height:48px;padding:12px 14px;border-radius:6px;border:1.5px solid var(--line);background:#fff;color:var(--ink);width:100%}
.dark .fld input,.dark .fld select,.dark .fld textarea{background:var(--deep-2);border-color:var(--line-deep);color:#fff}
.dark .fld input::placeholder,.dark .fld textarea::placeholder{color:#7b8578}
.calc-consent{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:14px;line-height:1.4;min-height:44px;padding:6px 0;cursor:pointer}
.calc-consent input{width:22px;height:22px;margin:0;accent-color:var(--accent-ink)}

/* lines */
.lines{display:grid;gap:32px}
@media(min-width:900px){.lines{grid-template-columns:repeat(3,1fr);gap:24px}}
.line{min-width:0;display:flex;flex-direction:column}
.line .ph{aspect-ratio:4/3;background:#ccc center/cover no-repeat;max-width:100%}
.line .st{font-size:12.5px;font-weight:800;color:var(--accent-ink);margin-top:16px}
.line h3{font-size:19px;margin-top:4px}
.line p{font-size:15px;color:#3d443d;margin-top:8px}
.line .price{margin-top:12px;font-size:19px}
.line small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px}
.line .btn{margin-top:16px;align-self:flex-start}
.line .grow{flex:1}

/* buy */
.buy{display:grid;gap:48px}
@media(min-width:960px){.buy{grid-template-columns:1fr 1fr;gap:64px}}
.steps{list-style:none;padding:0;margin:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.steps li:first-child{border-top:1.5px solid var(--ink)}
.steps li:before{content:counter(s);font-family:var(--f-display);font-weight:800;font-size:22px;color:var(--accent)}
.steps b{display:block;font-size:16px}
.steps span{display:block;font-size:14.8px;color:#4a514a;margin-top:3px}
.deliv{width:100%;border-collapse:collapse;font-size:15px}
.deliv td{padding:11px 0;border-bottom:1px solid var(--line)}
.deliv tr:first-child td{border-top:1.5px solid var(--ink)}
.deliv td:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
h3.col{font-size:18px;margin-bottom:14px}

/* faq */
.faq{max-width:860px;border-top:1.5px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:16.5px;padding:18px 32px 18px 0;position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:15px;font-size:22px;font-weight:500;color:var(--accent-ink)}
.faq details[open] summary:after{content:"\2212"}
.faq details p{padding:0 0 18px;color:#3d443d;font-size:15.5px;max-width:70ch}

/* order */
.order-grid{display:grid;gap:36px}
@media(min-width:960px){.order-grid{grid-template-columns:1fr 1.2fr;gap:64px}}
.contacts{list-style:none;padding:0;margin:26px 0;border-top:1px solid var(--line-deep)}
.contacts li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:6px 0;border-bottom:1px solid var(--line-deep);font-size:15px;align-items:center;min-height:48px}
.contacts li>span{color:var(--on-deep-2)}
.contacts a{color:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.contacts a:hover{text-decoration:underline}
.contacts small{display:block;color:var(--on-deep-2);font-weight:500;font-size:12.5px;line-height:1.3}
.contacts .tel a{font-size:19px;font-variant-numeric:tabular-nums}
.order-note{display:none;margin-bottom:14px;padding:10px 14px;border:1px solid var(--line-deep);border-left:3px solid var(--accent);font-size:14.5px;color:var(--on-deep)}
.order-note.is-on{display:block}
#orderHost{min-height:360px}

footer{background:#0f130f;color:#8f998c;padding-block:36px 120px;font-size:14px}
@media(min-width:900px){footer{padding-bottom:36px}}
footer .wrap{display:grid;gap:8px}
footer b{color:#fff}
footer a{color:#c3cabf;display:inline-flex;align-items:center;min-height:44px}
footer .frow{display:flex;flex-wrap:wrap;gap:2px 20px}

.sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--deep);color:#fff;transform:translateY(110%);transition:transform .25s;visibility:hidden}
.sticky.is-on{transform:none;visibility:visible}
.sticky b{font-size:15px}
.sticky small{display:block;font-size:12px;color:var(--on-deep-2)}
.sticky .btn{min-height:44px;font-size:14.5px;padding:0 20px}
.sticky .st-r{display:flex;align-items:center;gap:6px}
.sticky .nav-tel{border:1.5px solid var(--line-deep)}
@media(min-width:900px){.sticky{display:none}}

/* видеообзор */
#video{background:var(--paper);padding-block:64px}
.vid{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0f130f;margin-top:28px}
.vid img,.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.vid button{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer}
.vid .play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--accent);display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.45);transition:transform .15s}
.vid button:hover .play,.vid button:focus-visible .play{transform:scale(1.07)}
.vid .play::before{content:"";margin-left:6px;border-style:solid;border-width:15px 0 15px 25px;border-color:transparent transparent transparent #17140d}
.vid .dur{position:absolute;right:12px;bottom:12px;background:rgba(15,19,15,.85);color:#fff;font-weight:700;font-size:14px;padding:4px 9px;border-radius:5px}
.vid-ch{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.vid-ch button{font:inherit;font-size:14.5px;font-weight:600;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:0 13px;min-height:44px;cursor:pointer}
.vid-ch button:hover{border-color:var(--accent-ink)}
.vid-ch button b{color:var(--accent-ink);font-weight:700;margin-right:6px}
.vid-alt{margin:14px 0 0;font-size:14.5px;color:var(--muted)}
.vid-alt a{color:var(--accent-ink);display:inline-flex;align-items:center;min-height:44px}
@media(max-width:640px){#video{padding-block:44px}.vid .play{width:66px;height:66px;margin:-33px 0 0 -33px}.vid .play::before{border-width:12px 0 12px 20px}}

/* ============ КВИЗ ============ */
#quiz{scroll-margin-top:60px}
.quiz{background:var(--deep-2);border:1px solid var(--line-deep);border-radius:10px;padding:18px 14px 22px;min-height:440px}
@media(min-width:760px){.quiz{padding:30px 34px 34px}}
.q-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
.q-step{font-size:14px;font-weight:700;color:var(--on-deep-2);font-variant-numeric:tabular-nums}
.q-back{min-height:44px;padding:0 12px;margin-right:-12px;border:0;background:none;color:var(--on-deep);font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;border-radius:6px;visibility:hidden}
.q-back.is-on{visibility:visible}
.q-back:hover{color:var(--accent)}
.q-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 24px}
.q-bar i{height:4px;border-radius:2px;background:var(--line-deep)}
.q-bar i.is-done{background:var(--accent)}
.q-title{font-family:var(--f-display);font-weight:700;font-size:clamp(21px,3vw,30px);line-height:1.15;letter-spacing:-.01em;color:#fff;margin-bottom:6px;outline:0}
.q-hint{font-size:14.5px;color:var(--on-deep-2);margin-bottom:18px}
.q-grid{display:grid;gap:10px;margin-top:18px}
.q-grid.g1{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.q-grid.g1{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1040px){.q-grid.g1{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:760px){.q-grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.q-grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.q-card{display:flex;flex-direction:column;justify-content:center;gap:2px;width:100%;min-height:64px;padding:12px 16px;border:1.5px solid var(--line-deep);border-radius:8px;background:rgba(255,255,255,.03);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.q-card b{font-size:16px;font-weight:700;line-height:1.25}
.q-card span{font-size:13px;color:var(--on-deep-2);line-height:1.3}
.q-card:hover{border-color:var(--accent);background:rgba(195,154,78,.08)}
.q-card.is-on{border-color:var(--accent);background:rgba(195,154,78,.16)}
.q-grid.g1 .q-card{min-height:60px;padding:10px 14px}
.q-grid.g1 .q-card b{font-size:15px}
.q-other{margin-top:14px;display:none;gap:10px}
.q-other.is-on{display:grid}
@media(min-width:620px){.q-other.is-on{grid-template-columns:1fr auto;align-items:end}}
.q-other .lf-fld{margin:0}
.q-other label{color:#fff}
.q-other input{font:inherit;font-size:16px;min-height:52px;padding:10px 14px;border-radius:6px;border:1.5px solid var(--line-deep);background:var(--deep);color:#fff;width:100%}
.q-other input::placeholder{color:#7b8578}

.q-res{display:grid;gap:14px;margin-top:6px}
@media(min-width:900px){.q-res.has-alt{grid-template-columns:1.25fr 1fr}}
.q-offer{background:var(--bg);color:var(--ink);padding:22px 20px;border-radius:8px;display:flex;flex-direction:column;min-width:0}
.q-offer.alt{background:var(--paper);border:1px solid var(--line)}
.q-offer .q-kick{font-size:12.5px;font-weight:800;color:var(--accent-ink);letter-spacing:.02em}
.q-offer.is-stock .q-kick{color:var(--ok)}
.q-offer h3{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.6vw,27px);line-height:1.15;letter-spacing:-.01em;margin-top:6px}
.q-offer .q-price{font-weight:800;font-size:clamp(22px,2.4vw,28px);margin-top:10px;font-variant-numeric:tabular-nums}
.q-offer .q-price small{font-size:13.5px;font-weight:600;color:var(--muted);margin-left:4px}
.q-offer .q-sur{font-size:13.5px;color:var(--muted);margin-top:2px}
.q-offer ul{list-style:none;padding:0;margin:14px 0 4px;font-size:15px;color:#2d342e}
.q-offer li{padding:6px 0 6px 22px;position:relative;border-top:1px solid var(--line)}
.q-offer li:before{content:"";position:absolute;left:0;top:16px;width:10px;height:2px;background:var(--accent)}
.q-offer .q-when{margin-top:auto;padding-top:10px;font-size:13.5px;font-weight:700;color:var(--muted)}
.q-lead{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.q-note{margin-top:14px;font-size:14.5px;color:var(--on-deep-2);max-width:80ch}
.q-formbox{margin-top:26px;padding-top:24px;border-top:1px solid var(--line-deep)}
.q-formbox h3{font-family:var(--f-display);font-weight:700;font-size:clamp(18px,2.2vw,24px);line-height:1.2;color:#fff;letter-spacing:-.01em;margin-bottom:18px}
.q-restart{margin-top:6px}

/* ============ ФОРМЫ ============ */
.lf{--lf-fg:var(--ink);--lf-mut:var(--muted);--lf-bd:#bdb8aa;--lf-bg:#fff;--lf-err:var(--err);display:grid;gap:14px;color:var(--lf-fg);text-align:left;position:relative}
.dark .lf{--lf-fg:#fff;--lf-mut:var(--on-deep-2);--lf-bd:var(--line-deep);--lf-bg:var(--deep);--lf-err:#ff9b8f}
.plaque .lf,.quiz .lf,#order .lf{--lf-bg:var(--deep-2)}
.quiz .lf{--lf-bg:var(--deep)}
.lf-row{display:grid;gap:14px}
@media(min-width:620px){.lf.cols .lf-row{grid-template-columns:1fr 1fr}}
.lf-fld{display:grid;gap:6px;min-width:0;align-content:start}
.lf-lab{font-size:14px;font-weight:700;line-height:1.3}
.lf-lab small{font-weight:500;color:var(--lf-mut);margin-left:6px;font-size:12.5px}
.lf-fld input[type=text],.lf-fld input[type=email],.lf-fld input[type=tel],.lf-fld select,.lf-fld textarea{font:inherit;font-size:16px;font-weight:500;min-height:48px;padding:10px 14px;border-radius:6px;border:1.5px solid var(--lf-bd);background:var(--lf-bg);color:var(--lf-fg);width:100%}
.lf-fld textarea{min-height:92px;resize:vertical}
.lf-fld input::placeholder,.lf-fld textarea::placeholder{color:#8a9086}
.dark .lf-fld input::placeholder,.dark .lf-fld textarea::placeholder{color:#7b8578}
.lf-fld input:focus,.lf-fld select:focus,.lf-fld textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px rgba(195,154,78,.28)}
.lf-fld.is-bad input,.lf-fld.is-bad select,.lf-fld.is-bad textarea{border-color:var(--lf-err)}
.lf-msg{font-size:13px;color:var(--lf-err);line-height:1.35}
.lf-help{font-size:13px;color:var(--lf-mut);line-height:1.35}
.lf-hint{font-size:13.5px;color:var(--lf-fg)}
.lf-hint button{font:inherit;font-weight:800;color:var(--accent-ink);background:none;border:0;padding:0 2px;min-height:32px;text-decoration:underline;cursor:pointer}
.dark .lf-hint button{color:var(--accent)}
.lf-phone{display:grid;grid-template-columns:minmax(0,138px) minmax(0,1fr);gap:8px}
.lf-chips{display:flex;flex-wrap:wrap;gap:8px}
.lf-chips label{position:relative}
.lf-chips input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.lf-chips span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:6px;border:1.5px solid var(--lf-bd);font-weight:700;font-size:14.5px;background:var(--lf-bg)}
.lf-chips input:checked + span{border-color:var(--accent);background:rgba(195,154,78,.18)}
.lf-chips input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.lf-check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:13.5px;line-height:1.4;min-height:44px;padding:6px 0;cursor:pointer;color:var(--lf-fg)}
.lf-check input{width:22px;height:22px;margin:0;accent-color:var(--accent-ink);cursor:pointer}
.dark .lf-check input{accent-color:var(--accent)}
.lf-check a{color:var(--accent-ink);font-weight:700}
.dark .lf-check a{color:var(--accent)}
.lf-check.is-bad{color:var(--lf-err)}
.lf-checks{display:grid;gap:0}
.lf-submit{width:100%;min-height:54px;font-size:16px}
.lf-error{font-size:14px;line-height:1.45;color:var(--lf-err);border:1px solid var(--lf-err);border-radius:6px;padding:10px 12px}
.lf-error a{color:inherit;font-weight:800}
.lf-honey{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.lf-thanks{display:grid;gap:12px;text-align:left;color:var(--ink)}
.dark .lf-thanks{color:#fff}
.lf-thanks .ok-ico{width:48px;height:48px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800}
.lf-thanks h3{font-family:var(--f-display);font-weight:700;font-size:clamp(22px,3vw,28px);line-height:1.15;letter-spacing:-.01em}
.lf-thanks .lf-t-sub{font-size:16px;color:#3d443d}
.dark .lf-thanks .lf-t-sub{color:var(--on-deep)}
.lf-thanks .lf-step2{margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}
.dark .lf-thanks .lf-step2{border-top-color:var(--line-deep)}
.lf-step2 h4{font-size:16px;margin-bottom:4px}
.lf-step2 .lf-help{margin-bottom:12px}
.lf-actions{display:grid;gap:8px}
@media(min-width:520px){.lf-actions{grid-template-columns:1fr auto}}
.lf-actions .btn-line{border-color:var(--lf-bd);color:var(--lf-fg)}
.lf-dl{width:100%}

/* ============ МОДАЛЬНОЕ ОКНО ============ */
html.modal-open,html.modal-open body{overflow:hidden}
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}
.modal[hidden]{display:none}
.modal-bg{position:absolute;inset:0;background:rgba(10,13,10,.66)}
.modal-box{position:relative;background:#fff;color:var(--ink);width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:16px 16px 0 0;padding:30px 18px calc(22px + env(safe-area-inset-bottom,0px));animation:sheet .24s ease-out;outline:0}
.modal-box:before{content:"";position:absolute;top:9px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:#d4d0c4}
@keyframes sheet{from{transform:translateY(60px);opacity:.4}to{transform:none;opacity:1}}
@media(min-width:700px){
  .modal{align-items:center;padding:24px}
  .modal-box{width:500px;max-width:100%;border-radius:12px;padding:36px 36px 32px;max-height:calc(100vh - 48px);animation-name:pop}
  .modal-box:before{display:none}
}
@keyframes pop{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
.modal-x{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:none;border-radius:50%;cursor:pointer;color:var(--ink);display:grid;place-items:center}
.modal-x:hover{background:var(--bg)}
.modal-x svg{width:20px;height:20px}
.modal-head{padding-right:34px;margin-bottom:18px}
.modal-box h2{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,5.2vw,24px);line-height:1.18;letter-spacing:-.01em}
.modal-sub{margin-top:8px;font-size:15px;color:#4a514a}
.modal-box.is-done .modal-head{display:none}
.modal-box.is-done{padding-top:36px}

/* ============ COOKIE ============ */
.cookie{position:fixed;left:10px;right:10px;bottom:10px;z-index:55;display:flex;align-items:center;gap:6px 12px;padding:8px 8px 8px 14px;background:#0f130f;color:var(--on-deep);border:1px solid var(--line-deep);border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.35);font-size:12.5px;line-height:1.35}
.cookie[hidden]{display:none}
.cookie p{flex:1 1 0;min-width:0}
.cookie a{color:var(--accent);font-weight:700;padding:14px 8px;margin:-14px -8px}
.cookie button{flex:none;min-height:44px;padding:0 16px;border-radius:6px;border:0;background:var(--accent);color:#17140d;font:inherit;font-weight:800;cursor:pointer}
body.has-sticky .cookie{bottom:calc(74px + env(safe-area-inset-bottom,0px))}
@media(min-width:900px){.cookie{left:auto;right:20px;bottom:20px;max-width:440px;font-size:13.5px;padding:10px 10px 10px 16px}}
.q-offer .q-kick-in{display:block;font-family:var(--f-body);font-size:13px;font-weight:800;color:var(--accent-ink);letter-spacing:0;margin-bottom:4px}
.q-offer .q-price small{margin:0 2px 0 0}

/* @v10-start */
[hidden]{display:none!important}
.s-paper{background:var(--paper)}
.btn-line-dark{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line-dark:hover{background:var(--ink);color:#fff}

/* nav: семь пунктов */
@media(min-width:1000px){.brand span{display:none}.navlinks{gap:16px;font-size:14px}.nav .btn{white-space:nowrap;padding:0 16px}}
@media(min-width:1000px) and (max-width:1239px){.navlinks{gap:14px}}

/* ============ HERO v9 ============ */
.hero{position:relative;background:#101410;color:#fff;padding-block:0;overflow:hidden}
.hero-photo{position:relative;height:clamp(230px,62vw,300px);background:#101410 url(/img/cover.jpg) 60% 20%/cover no-repeat}
.hero-photo:after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(16,20,16,0),#101410 92%)}
.hero .wrap{position:relative;padding-top:0;padding-bottom:36px;margin-top:-40px}
.hero .model{font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--accent)}
.hero h1{font-size:clamp(29px,4.2vw,52px);font-weight:800;margin:12px 0 16px;max-width:17ch;overflow-wrap:break-word}
.hero .sub{font-size:clamp(16px,1.6vw,18.5px);color:#dfe3db;max-width:52ch}
.hero-prices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;max-width:520px}
.hero-prices .hp{display:flex;flex-direction:column;gap:1px;padding:11px 14px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.06);color:#fff;text-decoration:none;min-height:44px;transition:border-color .15s,background .15s}
.hero-prices .hp:hover{border-color:var(--accent);background:rgba(195,154,78,.12)}
.hero-prices .hp span{font-size:13px;color:#cfd5cb;line-height:1.25}
.hero-prices .hp b{font-size:clamp(17px,4.9vw,23px);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.hero-prices .hp small{font-size:12px;color:#aab2a6}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.hero .ctas .btn{flex:1 1 220px}
.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 16px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;line-height:1.35;color:#c9cec5}
.hero-meta b{display:block;color:#fff;font-size:16px;font-weight:800;margin-bottom:2px;font-variant-numeric:tabular-nums}
@media(min-width:640px){.hero .ctas .btn{flex:0 0 auto}.hero-meta{font-size:14px}.hero-meta b{font-size:17px}}
@media(min-width:900px){
  .hero{min-height:min(740px,calc(100vh - 62px));display:flex;align-items:center}
  .hero-photo{position:absolute;top:0;right:0;bottom:0;height:auto;width:56%;background-position:62% 14%}
  .hero-photo:after{left:0;right:auto;top:0;bottom:0;width:46%;height:auto;background:linear-gradient(90deg,#101410,rgba(16,20,16,0))}
  .hero .wrap{width:100%;padding-block:60px 44px;margin-top:0}
  .hero-txt{max-width:640px}
  .hero-meta{max-width:560px;margin-top:44px}
}

/* ============ СРАВНЕНИЕ ============ */
.cmp-wrap{background:var(--paper);border:1px solid var(--line)}
.cmp{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}
.cmp thead th:nth-child(1){width:19%}.cmp thead th:nth-child(2){width:22%}.cmp thead th:nth-child(3){width:35%}.cmp thead th:nth-child(4){width:24%}
.cmp th,.cmp td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp thead th{font-size:14px;font-weight:800;background:#faf8f3;border-bottom:1.5px solid var(--ink)}
.cmp thead th.is-goat{background:var(--deep);color:#fff}
.cmp tbody th{font-weight:700}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp td.is-goat{background:#fbf6ea;font-weight:600}
.cmp .dep{color:var(--muted)}
@media(max-width:859px){
  .cmp,.cmp tbody,.cmp tr,.cmp td,.cmp th{display:block}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cmp tbody tr{display:flex;flex-direction:column;padding:14px 14px 10px;border-bottom:1px solid var(--line)}
  .cmp tbody tr:last-child{border-bottom:0}
  .cmp tbody th{order:-2;width:auto;padding:0 0 6px;border:0;font-size:16px}
  .cmp td{padding:6px 0;border:0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;font-size:14.5px}
  .cmp td:before{content:attr(data-l);font-size:12.5px;font-weight:700;color:var(--muted);line-height:1.5}
  .cmp td.is-goat{order:-1;background:#fbf6ea;margin:0 -8px;padding:8px}
  .cmp td.is-goat:before{color:var(--accent-ink)}
}

/* ============ РАЗМЕРЫ ============ */
.sizes{display:grid;gap:22px}
.sz-card{background:var(--bg);border:1px solid var(--line);padding:16px 12px 14px;min-width:0}
@media(min-width:760px){.sz-card{padding:22px 28px 18px}}
.sz-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-bottom:14px}
.sz-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1.5px solid var(--ink);border-radius:9px;background:#fff;flex:none}
.sz-toggle button{min-height:44px;padding:0 20px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:background .2s,color .2s}
.sz-toggle button[aria-pressed="true"]{background:var(--ink);color:#fff}
.sz-toggle button:not([aria-pressed="true"]):hover{background:var(--bg)}
.sz-status{flex:1 1 280px;font-size:14.5px;line-height:1.45;color:#3d443d;margin:0}
.sz-status b{color:var(--ink)}
.sz-views{display:grid;gap:12px}
.sz-views figure{margin:0;min-width:0}
.sz-views figcaption{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
@media(min-width:760px){.sz-views{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;align-items:end}}
.sz-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;padding:0;margin:14px 0 4px;font-size:13.5px;color:#3d443d}
.sz-legend li{display:flex;align-items:center;gap:8px}
.sz-legend i{flex:none;width:22px;height:14px;border-radius:2px}
.k-up{border:2px solid #2a312c;background:#2a312c}
.k-low{border:2px dashed #4a6a57;background:#d6dfd5}
.sz-cap{margin-top:8px}
.sz-info{display:grid;gap:22px;align-items:start}
@media(min-width:900px){.sz-info{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px}}
.sz-table{width:100%;border-collapse:collapse;font-size:15px}
.sz-table th,.sz-table td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.sz-table tr:first-child th,.sz-table tr:first-child td{border-top:1.5px solid var(--ink)}
.sz-table th{width:30%;padding-right:14px;font-weight:700}
.sz-table td{color:#3d443d}
.sz-table td b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:559px){.sz-table th{width:34%}}
.sz-cta{padding:22px;background:var(--deep);color:var(--on-deep);display:grid;gap:14px;justify-items:start}
.sz-cta p{font-size:15.5px}
.sz-cta .btn{background:var(--accent);color:#17140d}
.sz-cta .btn:hover{background:#d4ae66}

/* ============ МОДЕЛИ: склад ============ */
.model-card .tag{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border-radius:99px;background:#e6f0e8;color:var(--ok);font-size:12.5px;margin-bottom:12px;align-self:flex-start}
.model-card .tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.mc-lists{display:grid;gap:16px 22px;margin:16px 0 22px;flex:1}
@media(min-width:520px){.mc-lists{grid-template-columns:1fr 1fr}}
.mc-lists h5{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.mc-lists ul{list-style:none;padding:0;margin:0;font-size:14.5px}
.mc-lists li{position:relative;padding:5px 0 5px 22px;border-top:1px solid var(--line);line-height:1.4}
.mc-lists li:first-child{border-top:0}
.ticks li:before{content:"";position:absolute;left:3px;top:9px;width:11px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.plus li{color:#4a514a}
.plus li:before{content:"+";position:absolute;left:3px;top:3px;font-weight:800;font-size:17px;color:var(--accent-ink)}
.mc-cta .btn-ghost{border-color:var(--line);color:#4a514a}
.mc-cta .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.why-cheaper{margin:6px 0 18px;padding:14px 18px;border-left:3px solid var(--accent);background:var(--paper);font-size:15px;color:#3d443d;max-width:96ch}

/* комплектации и сравнение */
.tcmp-wrap{margin-top:30px}
.tcmp{width:100%;border-collapse:collapse;background:var(--paper);font-size:14.5px;table-layout:fixed}
.tcmp caption{caption-side:top;text-align:left;font-weight:800;font-size:17px;padding:0 0 12px}
.tcmp th,.tcmp td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:break-word}
.tcmp thead th{background:var(--deep);color:#fff;font-size:14px;font-weight:800;border:0}
.tcmp thead th:first-child{width:20%}
.tcmp tbody th{font-weight:700}
.tcmp td.no{color:#9a9f95}
.tcmp td.span{color:#3d443d}
.tcmp tr.prow th,.tcmp tr.prow td{font-weight:800;border-top:1.5px solid var(--ink);font-variant-numeric:tabular-nums}
.tcmp tr.prow td{font-size:22px;white-space:nowrap}
.tcmp tr.prow th{font-size:15px}
.tcmp .p-short{display:none}
.tcmp th small{display:block;font-weight:600;font-size:10.5px;color:var(--muted)}
.tcmp tr.own td{text-align:center;padding:4px}
.tcmp tr.own a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--accent-ink)}
@media(max-width:699px){
  .tcmp{font-size:12.5px;line-height:1.3}
  .tcmp caption{font-size:15.5px}
  .tcmp th,.tcmp td{padding:9px 4px;overflow-wrap:normal}
  .tcmp th:first-child{padding-left:8px}
  .tcmp thead th:first-child{width:27%}
  .tcmp tbody th{font-size:12.5px}
  .tcmp thead th{font-size:11px;letter-spacing:-.02em}
  .tcmp .p-full{display:none}.tcmp .p-short{display:inline}
  .tcmp tr.prow th{font-size:12.5px}.tcmp tr.prow td{font-size:20px}
}
@media(max-width:400px){
  .tcmp th,.tcmp td{padding:9px 3px}
  .tcmp thead th{font-size:10px;letter-spacing:-.035em}
  .tcmp thead th:first-child{width:25%}
  .tcmp tr.prow td{font-size:18px}
}
.hulls{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}
@media(min-width:700px){.hulls{grid-template-columns:repeat(3,1fr)}}
.hulls div{background:var(--paper);padding:14px 18px;display:flex;flex-direction:column;gap:2px}
.hulls b{font-size:16px}
.hulls span{font-size:14px;color:var(--muted)}

/* ============ ПОДБОР v9 ============ */
.q-extra,.q-other{--lf-fg:#fff;--lf-bd:#4d584e;--lf-bg:var(--deep)}
.q-extra{display:grid;gap:12px;margin-top:16px}
@media(min-width:620px){.q-extra{grid-template-columns:1fr 1fr}}
.q-extra .lf-fld label{font-size:14px;font-weight:700;color:#fff}
.q-extra .lf-fld label small{font-weight:500;color:var(--on-deep-2);margin-left:6px;font-size:12.5px}
.q-extra input,.q-other input{font:inherit;font-size:16px;min-height:52px;padding:10px 14px;border-radius:6px;border:1.5px solid #4d584e;background:var(--deep);color:#fff;width:100%}
.q-extra input::placeholder{color:#7b8578}
.q-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.q-nav .btn{flex:1 1 200px}
@media(min-width:620px){.q-nav .btn{flex:0 0 auto;min-width:200px}}
.q-nav .btn[disabled]{opacity:.45}
.q-res2{display:grid;gap:14px;margin-top:6px}
@media(min-width:1100px){.q-res2.has-alt{grid-template-columns:minmax(0,2.15fr) minmax(0,1fr)}}
.q-main{background:var(--bg);color:var(--ink);border-radius:8px;overflow:hidden;display:grid;min-width:0}
@media(min-width:760px){.q-main{grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr)}}
.q-photo{background:#2a312c center/cover no-repeat;aspect-ratio:16/9;min-height:190px}
@media(min-width:760px){.q-photo{aspect-ratio:auto;min-height:100%}}
.q-body{padding:22px 20px 20px;display:flex;flex-direction:column;min-width:0}
.q-body .q-kick{font-size:12.5px;font-weight:800;color:var(--accent-ink);letter-spacing:.02em}
.q-body .q-kick.is-stock{color:var(--ok)}
.q-body h3{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.15;letter-spacing:-.01em;margin-top:6px}
.q-body .q-price{font-weight:800;font-size:clamp(22px,2.4vw,28px);margin-top:10px;font-variant-numeric:tabular-nums}
.q-body .q-price small{font-size:13.5px;font-weight:600;color:var(--muted);margin-left:4px}
.q-body .q-sur{font-size:13.5px;color:var(--muted);margin-top:2px}
.q-status{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:11px 14px;border-radius:6px;font-size:14.5px;font-weight:700;line-height:1.35}
.q-status:before{content:"";flex:none;width:10px;height:10px;border-radius:50%;margin-top:5px}
.q-status.is-prelim{background:#e6f0e8;color:#1f4d33}.q-status.is-prelim:before{background:var(--ok)}
.q-status.is-need{background:#fbefd3;color:#6b4e12}.q-status.is-need:before{background:var(--accent)}
.q-status.is-info{background:#ebe8de;color:#3d443d}.q-status.is-info:before{background:#8a9086}
.q-why h4{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:18px 0 4px}
.q-why ul{list-style:none;padding:0;margin:0;font-size:15px;color:#2d342e}
.q-why li{padding:7px 0 7px 22px;position:relative;border-top:1px solid var(--line)}
.q-why li:before{content:"";position:absolute;left:0;top:17px;width:10px;height:2px;background:var(--accent)}
.q-when{margin-top:12px;font-size:13.5px;font-weight:700;color:var(--muted)}
.q-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.q-actions .btn{flex:1 1 220px}
.q-actions .btn-line{border-color:var(--ink);color:var(--ink)}
.q-actions .btn-line:hover{background:var(--ink);color:#fff}
.q-alt{align-self:start;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:20px;display:flex;flex-direction:column;min-width:0}
.q-alt .q-kick{font-size:12.5px;font-weight:800;color:var(--accent-ink)}
.q-alt h3{font-family:var(--f-display);font-weight:700;font-size:clamp(18px,2vw,22px);line-height:1.15;margin-top:6px}
.q-alt .q-price{font-weight:800;font-size:22px;margin-top:10px;font-variant-numeric:tabular-nums}
.q-alt .q-price small{font-size:13px;font-weight:600;color:var(--muted);margin-right:3px}
.q-alt .q-sur{font-size:13.5px;color:var(--muted)}
.q-alt p{font-size:14.5px;color:#3d443d;margin-top:10px}
.q-alt .q-when{margin-top:auto;padding-top:12px}
.q-sent{margin-top:14px;font-size:14.5px;font-weight:700;color:var(--accent)}
.q-edit-row{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:8px}

/* ============ ХАРАКТЕРИСТИКИ (раскрывающийся блок) ============ */
.allspecs{margin-top:52px}
.allspecs summary{list-style:none;cursor:pointer;display:inline-flex}
.allspecs summary::-webkit-details-marker{display:none}
.allspecs summary span{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border:1.5px solid var(--ink);border-radius:6px;font-weight:700;font-size:15.5px;background:transparent;transition:background .15s,color .15s}
.allspecs summary span:after{content:"+";font-size:22px;font-weight:500;line-height:1}
.allspecs[open] summary span:after{content:"\2212"}
.allspecs summary:hover span{background:var(--ink);color:#fff}
.allspecs .build{padding-top:30px}

/* ============ ПОЧЕМУ ARIO ============ */
.why{display:grid;gap:34px}
@media(min-width:960px){.why{grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}}
.why-list{list-style:none;padding:0;margin:0;border-top:1.5px solid var(--ink)}
.why-list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.why-list svg{width:24px;height:24px;color:var(--ok);margin-top:1px}
.why-list b{display:block;font-size:16.5px}
.why-list span{display:block;font-size:14.8px;color:#4a514a;margin-top:3px}
.ship{margin:0}
.ship .cap{grid-column:1/-1;margin-top:2px}
.after{margin-top:40px;padding:22px 24px;background:var(--bg);border-left:3px solid var(--accent);display:grid;gap:8px}
@media(min-width:760px){.after{grid-template-columns:auto 1fr auto;gap:8px 28px;align-items:center}}
.after h3{font-size:18px}
.after p{font-size:15px;color:#3d443d}
.after-c{display:flex;flex-wrap:wrap;gap:0 20px}
.after-c a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--ink);text-underline-offset:3px}

/* ============ ДРУГИЕ РЕШЕНИЯ ============ */
#lines{padding-block:64px}
@media(min-width:900px){#lines{padding-block:84px}}
.line .ph{aspect-ratio:16/10}

/* ============ КОНСТРУКТОР v9 ============ */
.scen{display:grid;gap:10px;margin-bottom:10px}
@media(min-width:760px){.scen{grid-template-columns:repeat(3,1fr);gap:14px}}
.scen-card{display:flex;flex-direction:column;gap:3px;text-align:left;font:inherit;color:#fff;background:var(--deep-2);border:1.5px solid var(--line-deep);border-radius:10px;padding:16px 18px;cursor:pointer;min-height:44px;transition:border-color .15s,background .15s}
.scen-card:hover{border-color:var(--accent)}
.scen-card .sk{font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.scen-card b{font-family:var(--f-display);font-size:20px;font-weight:700;margin-top:2px}
.scen-card .sd{font-size:14px;color:var(--on-deep-2);line-height:1.35}
.scen-card .sp{font-weight:800;font-size:14.5px;margin-top:8px;font-variant-numeric:tabular-nums}
.scen-card.is-on{border-color:var(--accent);background:rgba(195,154,78,.14)}
.scen-more{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin-bottom:22px;font-size:14px;color:var(--on-deep-2)}
.scen-more .linkbtn.is-on{text-decoration-thickness:2px}
@media(min-width:980px){.cfg{grid-template-columns:1.5fr 1fr}}
.total{max-height:calc(100vh - 100px);overflow:auto}
@media(max-width:979px){.total{max-height:none;position:static}}
.total .hint{line-height:1.4}
.total .copylink{margin-top:10px}
.copy-msg{min-height:1.5em;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--ok)}
.mailcfg{display:grid;gap:12px;margin-top:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px}
.mailcfg .lf-hint button{font:inherit;font-weight:800;color:var(--accent-ink);background:none;border:0;padding:0 2px;min-height:32px;text-decoration:underline;cursor:pointer}
.mailcfg .btn{width:100%}
.mailcfg .fld input{background:#fff;color:var(--ink);border:1.5px solid var(--lf-bd,#bdb8aa)}
.cfgbar .cb-sum{display:flex;flex-direction:column;justify-content:center;min-height:44px;color:#fff;text-decoration:none;min-width:0}
.cfgbar .cb-sum small{font-size:12px;color:var(--on-deep-2)}
.cfgbar .cb-sum b{font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(min-width:900px) and (max-width:979px){.sticky.cfgbar{display:flex}body.has-sticky footer{padding-bottom:100px}}

.model-card .price small{font-size:12.5px;font-weight:600;color:var(--muted);margin-left:6px}
@media(max-width:759px){.scen-card{padding:12px 16px}.scen-card .sd{display:none}.scen-card .sp{margin-top:4px}.scen-card b{font-size:18px}}
/* цена в карточках склада всегда на отдельной строке: обе карточки выровнены одинаково */
.model-card .mc-top{display:block}
.model-card .mc-top .price{margin-top:6px}
/* шапка непрозрачная: под ней при прокрутке не должен просвечивать текст страницы */
.nav{background:#161b17}

/* ============ СРАВНЕНИЕ v10 ============ */
#video{background:var(--bg)}
.vid-ch button{background:var(--paper)}
.cmpx{padding-block:68px 60px}
@media(min-width:900px){.cmpx{padding-block:104px 96px}}
.cx-kick{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin:0}
.cx-head{margin-bottom:40px}
.cx-head .cx-kick{margin-bottom:14px}
.cx-h{font-size:clamp(23px,3vw,36px);line-height:1.14;letter-spacing:-.015em}
.cx-h span{display:block;text-wrap:pretty}
.cx-a{color:#7b8177}
.cx-b{color:var(--ink);margin-top:4px}
.cx-lead{max-width:72ch;margin-top:20px;font-size:clamp(16px,1.5vw,18.5px)}

/* почему GOAT стоит своих денег + где GOAT между палаткой и домом (по образцу WanderFox) */
.wf{background:var(--deep);color:var(--on-deep);padding:40px 24px 28px}
@media(max-width:759px){.wf{margin-inline:-16px;padding:36px 16px 24px}}
@media(min-width:900px){.wf{padding:72px 64px 64px}}
.wf-top{display:grid;gap:22px}
@media(min-width:900px){.wf-top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:start}}
.wf-kick{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.wf-h{font-family:var(--f-display);font-weight:700;font-size:clamp(23px,2.5vw,34px);line-height:1.12;letter-spacing:-.015em;color:#fff;text-wrap:balance}
.wf-side{padding-top:4px}
.wf-claim{font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.6vw,21px);line-height:1.3;color:#fff}
.wf-price{display:inline-flex;align-items:baseline;gap:8px;margin:0 0 14px;padding-bottom:6px;border-bottom:3px solid var(--accent);font-family:var(--f-display);font-weight:700;font-size:clamp(24px,2.6vw,32px);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.wf-price small{font-family:var(--f-body);font-size:13px;font-weight:600;color:#aab2a6}
.wf-txt{font-size:15px;line-height:1.6;color:#c9cec5;max-width:56ch}
.wf-kick2{margin-top:48px;margin-bottom:18px}
.wf-cards{display:grid;gap:16px}
@media(min-width:900px){.wf-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.wf-card{display:flex;flex-direction:column;min-width:0;background:#1f2620;border:1px solid var(--line-deep)}
.wf-goat{border-color:var(--accent);border-top:4px solid var(--accent);background:#252b22}
.wf-ph{margin:0;aspect-ratio:4/3;overflow:hidden;background:#2a312b}
.wf-ph img{width:100%;height:100%;object-fit:cover;display:block}
.wf-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
@media(min-width:900px){.wf-body{padding:22px 24px 26px}}
.wf-tag{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.wf-body h4{font-family:var(--f-display);font-weight:700;font-size:clamp(18px,1.7vw,22px);line-height:1.2;color:#fff;margin-top:10px}
.wf-li{margin-top:12px;font-size:14.5px;line-height:1.65;color:#c2c8bf}
.wf-li i{font-style:normal;color:#7d877c;padding:0 3px}
.wf-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line-deep);display:flex;align-items:center;justify-content:space-between;gap:4px 14px;flex-wrap:wrap}
.wf-goat .wf-li{margin-bottom:18px}
.wf-foot b{font-size:clamp(19px,1.8vw,22px);font-weight:800;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.wf-foot a{display:inline-flex;align-items:center;min-height:44px;font-size:14.5px;font-weight:700;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.wf-foot a:hover{color:#e0bd78}

/* кнопки заявки под карточками WanderFox-блока */
.wf-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:26px}
.wf-cta .btn{flex:0 1 auto}
.wf-cta-l{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700;color:#e6e9e2;text-decoration:underline;text-underline-offset:3px}
.wf-cta-l:hover{color:var(--accent)}
@media(max-width:559px){.wf-cta .btn{width:100%}}

/* антиспам-ловушки: невидимы для людей и экранных читалок, остаются в форме для ботов */
.lf-honey,.hp-trap{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}

/* под ваш стиль поездок (три карточки, как у WanderFox) */
.tv-kick{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 14px}
.tv-h{max-width:22ch;text-wrap:balance}
.tv-lead{max-width:66ch;margin-top:18px}
.tv-cards{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:14px}
@media(min-width:760px){.tv-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.tv-card{background:#fff;border:1px solid var(--line);padding:26px 24px 28px;min-width:0}
@media(min-width:900px){.tv-card{padding:40px 36px 44px}}
.tv-n{display:block;font-family:var(--f-display);font-weight:700;font-size:15px;color:var(--accent-ink);margin-bottom:28px}
@media(min-width:900px){.tv-n{margin-bottom:44px}}
.tv-card h3{font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.6vw,20px);line-height:1.25;letter-spacing:-.01em}
.tv-card p{margin-top:12px;font-size:15px;line-height:1.62;color:var(--muted)}
.tv-cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;margin-top:28px}
.tv-lead-btn{color:var(--accent-ink)}
@media(max-width:559px){.tv-cta .btn{width:100%}}

/* два способа начать: без мебели / с мебелью */
.inx{border-bottom:1px solid var(--line)}
.in-h{max-width:24ch;text-wrap:balance}
.in-lead{max-width:66ch;margin-top:18px}
.in-cards{display:grid;gap:18px;margin-top:36px}
@media(min-width:800px){.in-cards{grid-template-columns:1fr 1fr;gap:22px}}
.in-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line)}
.in-ph{margin:0;aspect-ratio:4/3;overflow:hidden;background:#d9d3c0}
.in-ph img{width:100%;height:100%;object-fit:cover;display:block}
.in-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}
@media(min-width:900px){.in-body{padding:30px 36px 34px}}
.in-tag{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.in-body h3{font-family:var(--f-display);font-weight:700;font-size:clamp(19px,1.9vw,24px);line-height:1.2;letter-spacing:-.01em;margin-top:10px}
.in-body>p{margin-top:12px;font-size:15.5px;line-height:1.62;color:#3d443d}
.in-body>.in-meta{font-size:14px;color:var(--muted);padding-top:12px;border-top:1px solid var(--line);margin-bottom:18px}
.in-foot{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}
.in-foot b{font-size:clamp(20px,2vw,24px);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:479px){.in-foot .btn{width:100%}}

/* другие решения: две карточки после снятия автопалатки */
@media(min-width:900px){.lines{grid-template-columns:repeat(2,1fr)}}

/* пять преимуществ */
.cx-feat{margin-top:84px}
@media(min-width:900px){.cx-feat{margin-top:112px}}
.cx-sechead{display:grid;gap:10px;margin-bottom:34px}
.cx-h3{font-family:var(--f-display);font-weight:700;font-size:clamp(21px,2.7vw,31px);line-height:1.15;letter-spacing:-.012em;max-width:28ch}
.ft{display:grid;gap:18px;margin-bottom:52px}
.ft-media{margin:0;position:relative;min-width:0;overflow:hidden;background:#d9d3c0;aspect-ratio:4/3}
.ft-media>img,.ft-duo figure>img,.ft-pair figure>img{width:100%;height:100%;object-fit:cover}
.ft-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;background:none;aspect-ratio:auto}
.ft-duo figure{margin:0;position:relative;overflow:hidden;background:#d9d3c0;aspect-ratio:9/14}
.ft-duo figcaption{position:absolute;left:8px;bottom:8px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(22,27,23,.78);padding:6px 11px;border-radius:99px;line-height:1}
.ft-wide{aspect-ratio:16/9}
.ft-n{display:block;font-family:var(--f-display);font-weight:700;font-size:clamp(32px,4vw,50px);line-height:1;color:var(--accent);margin-bottom:12px}
.ft-txt h4{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.3vw,29px);line-height:1.15;letter-spacing:-.012em}
.ft-txt p{font-size:clamp(15.5px,1.4vw,17px);line-height:1.62;color:#3d443d;margin-top:12px;max-width:58ch}
.ft-txt .ft-note{font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.ft-txt .ft-stat{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:16px}
.ft-stat b{font-family:var(--f-display);font-size:clamp(26px,3vw,38px);color:var(--accent-ink);font-weight:700;letter-spacing:-.01em}
.ft-stat span{font-size:14px;color:var(--muted)}
.ft-temp{display:flex;align-items:center;gap:10px;margin-top:16px}
.ft-temp span{display:flex;flex-direction:column;gap:2px;padding:10px 16px;border-radius:10px;background:#e7ecef;font-family:var(--f-display);font-weight:700;font-size:clamp(18px,2vw,24px);line-height:1.1;white-space:nowrap}
.ft-temp small{font-family:var(--f-body);font-size:12px;font-weight:700;color:var(--muted)}
.ft-temp .in{background:#faecc8;box-shadow:inset 0 0 0 1.5px var(--accent)}
.ft-temp i{position:relative;flex:none;width:30px;height:2px;background:var(--ink)}
.ft-temp i:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:rotate(45deg)}
.ft-pair{display:grid;gap:12px}
.ft-pair figure{margin:0;position:relative;overflow:hidden;background:#d9d3c0;aspect-ratio:5/4;min-width:0}
.ft-lab{position:absolute;z-index:2;top:12px;left:12px;font-size:13.5px;font-weight:700;line-height:1;color:#fff;background:rgba(22,27,23,.82);padding:8px 14px;border-radius:99px}
.ft-lab-on{background:var(--accent);color:#17140d}
@media(min-width:640px){.ft-pair{grid-template-columns:1fr 1fr}}
.ft-c{gap:26px}
@media(min-width:900px){
  .ft{grid-template-columns:repeat(12,minmax(0,1fr));gap:40px;align-items:center;margin-bottom:76px}
  .ft-a .ft-media{grid-column:1/6;aspect-ratio:4/5}
  .ft-a .ft-txt{grid-column:7/13}
  .ft-b .ft-media{grid-column:6/13;order:2}
  .ft-b .ft-txt{grid-column:1/6;order:1}
  .ft-b .ft-wide{aspect-ratio:3/2}
  .ft-c{display:block;margin-bottom:0}
  .ft-c .ft-txt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px 40px;margin-bottom:30px;align-items:start}
  .ft-c .ft-txt .ft-n{grid-column:1;margin-bottom:0}
  .ft-c .ft-txt h4{grid-column:1}
  .ft-c .ft-txt p{grid-column:2;grid-row:1/3;margin-top:0;max-width:62ch}
  .ft-pair{gap:20px}
}
@media(max-width:899px){.ft-a .ft-media{aspect-ratio:4/5;max-height:520px}}

.cx-feat .ft:last-child{margin-bottom:0}
.nw{white-space:nowrap}

/* все различия */
.allcmp{margin-top:56px}
.allcmp summary{list-style:none;cursor:pointer;display:inline-flex}
.allcmp summary::-webkit-details-marker{display:none}
.allcmp summary span{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border:1.5px solid var(--ink);border-radius:6px;font-weight:700;font-size:15.5px;background:transparent;transition:background .15s,color .15s}
.allcmp summary span:after{content:"+";font-size:22px;font-weight:500;line-height:1}
.allcmp[open] summary span:after{content:"\2212"}
.allcmp summary:hover span{background:var(--ink);color:#fff}
.allcmp .cmp-wrap{margin-top:22px}
.allcmp .small{margin-top:14px}

/* кому подходит */
.cx-fit{margin-top:60px;display:grid;gap:28px;padding:30px 22px;background:var(--deep);color:var(--on-deep)}
@media(min-width:900px){.cx-fit{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:52px;padding:48px;align-items:center}}
.cx-fit h3{font-family:var(--f-display);font-weight:700;font-size:clamp(22px,2.7vw,31px);line-height:1.15;color:#fff;letter-spacing:-.012em}
.cx-fit-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}
@media(min-width:640px){.cx-fit-list{grid-template-columns:1fr 1fr;gap:16px 30px}}
.cx-fit-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:15.5px;line-height:1.45;color:#dfe3db}
.cx-fit-list svg{width:22px;height:22px;color:var(--accent);margin-top:1px}
.cx-fit-cta{display:grid;gap:12px;justify-items:stretch}
.cx-fit-cta .btn{width:100%;min-height:54px;font-size:16px;text-wrap:balance;line-height:1.25}
.cx-fit-cta small{color:var(--on-deep-2);font-size:13.5px;text-align:center}
.line .ph.ph-ill{position:relative}

/* правки по мобильной проверке 14.10 */
@media(max-width:759px){.q-photo{min-height:0}}
.q-main,.q-res2>*{min-width:0}
@media(max-width:479px){
  .tcmp th,.tcmp td{padding:10px 8px;font-size:13.5px}
  .tcmp thead th:first-child{width:26%}
  .tcmp tbody th{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
}
.in-price{display:flex;flex-direction:column;gap:2px}
.in-price small{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.scen-msg{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--accent);background:rgba(195,154,78,.14);color:inherit;font-size:15px;line-height:1.45}
.scen-msg b{color:inherit}
.scen-msg a{color:var(--accent);font-weight:700;margin-left:4px}
.q-res .btn,.q-res2 .btn{height:auto;min-height:50px;padding-block:11px}

/* ===== телефон: меню разделов ===== */
.burger{display:none}
@media(max-width:999px){
  .burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:2px;padding:0;border:1.5px solid var(--line-deep);border-radius:6px;background:transparent;cursor:pointer}
  .burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mnav{position:fixed;left:0;right:0;top:62px;bottom:0;z-index:70;overflow-y:auto;overscroll-behavior:contain;background:#161b17;color:#fff;border-top:1px solid var(--line-deep)}
  .mnav[hidden]{display:none}
  .nav .mnav .wrap{display:block;min-height:0}
  .mnav-list{list-style:none;margin:0;padding:8px 0}
  .mnav-list a{display:flex;align-items:center;min-height:54px;padding:4px 0;border-bottom:1px solid var(--line-deep);color:#fff;text-decoration:none;font-size:17px;font-weight:700}
  .mnav-list a:active{color:var(--accent)}
  .mnav-cta{display:grid;gap:10px;padding:18px 0 calc(28px + env(safe-area-inset-bottom,0px))}
  .mnav-cta .btn{width:100%}
  .mnav-tel svg{width:20px;height:20px;flex:none}
  .mnav-tel{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1.5px solid var(--line-deep);border-radius:6px;color:#fff;text-decoration:none;font-weight:700}
  html.menu-open,html.menu-open body{overflow:hidden}
  html.menu-open .sticky,html.menu-open .cookie{visibility:hidden}
}
@media(max-width:379px){.nav .btn-accent{padding:0 12px;font-size:13.5px}.nav-right{gap:4px}}

/* ===== телефон: короче страница ===== */
.mtoggle,.mswipe-hint{display:none}
@media(max-width:759px){
  /* листаемые ряды вместо длинных столбиков */
  .mswipe{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:-16px!important;padding:2px 16px 8px!important;scroll-padding-inline:16px;scrollbar-width:none;list-style:none}
  .mswipe::-webkit-scrollbar{display:none}
  .mswipe>*{flex:0 0 84%;min-width:0;scroll-snap-align:start;margin:0!important}
  .mswipe-hint{display:block;margin:6px 0 0;font-size:13px;font-weight:700;opacity:.65}
  /* свёрнутые блоки */
  html.js [data-mhide]:not(.is-open){display:none!important}
  html.js [data-mfold]:not(.is-open)>.mf-x{display:none!important}
  .mtoggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;margin:14px 0 0;padding:0 16px;border:1.5px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;font-weight:700;font-size:15px;text-align:left;cursor:pointer;opacity:.9}
  .mtoggle:after{content:"";flex:none;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
  .mtoggle[aria-expanded="true"]:after{transform:rotate(-135deg) translate(-2px,-2px)}
  .mtoggle+[data-mhide].is-open{margin-top:14px}
  /* пять сценариев: фото ниже по высоте */
  .ft-a .ft-media{aspect-ratio:4/3!important;max-height:none}
  .ft-duo figure{aspect-ratio:3/4}
  .ft-pair{grid-template-columns:1fr 1fr;gap:8px}
  .ft-pair figure{aspect-ratio:4/5}
  .ft{margin-bottom:40px}
  .cx-feat{margin-top:64px}
  /* карточки сравнения: фото пониже */
  .wf-ph{aspect-ratio:16/10}
  .in-ph{aspect-ratio:16/10}
}

@media(max-width:759px){.mc-body .mtoggle{margin:4px 0 14px}}

/* ===== SEO v10.5: H1 главной ===== */
.hero h1.h1-seo{max-width:none;margin-top:0}
.hero h1 .model{display:block;margin:0 0 12px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
.hero h1 .h1-main{display:block;max-width:17ch}

/* ===== Статьи ===== */
.art-head{padding-bottom:40px}
@media(min-width:900px){.art-head{padding-bottom:56px}}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;margin-bottom:14px;color:var(--on-deep-2)}
.crumbs a{color:var(--accent);font-weight:700;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-hidden]{opacity:.6}
.art-h1{max-width:24ch}
.art-lead{max-width:68ch}
.art-meta{margin-top:16px;font-size:14px;color:var(--on-deep-2)}
.art{padding-block:48px 64px}
@media(min-width:900px){.art{padding-block:64px 80px}}
.art-grid{display:grid;gap:40px}
@media(min-width:1000px){.art-grid{grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}}
.art-body{min-width:0;max-width:740px;font-size:17px;line-height:1.65}
.art-body h2{font-size:clamp(23px,2.6vw,30px);font-weight:700;margin:44px 0 14px;scroll-margin-top:80px}
.art-body h2:first-child{margin-top:0}
.art-body h3{font-size:19px;margin:28px 0 10px}
.art-body p{margin:0 0 14px}
.art-body ul,.art-body ol{margin:0 0 18px;padding-left:22px}
.art-body li{margin:0 0 8px}
.art-body a:not(.btn){color:var(--accent-ink);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.art-body strong{font-weight:800}
.art-fig{margin:24px 0 26px}
.art-fig img{width:100%;height:auto;border-radius:8px;background:#e6e2d8}
.art-fig.tall img{max-width:420px;max-height:640px;object-fit:cover;margin-inline:auto}
.art-fig figcaption{font-size:14px;color:var(--muted);margin-top:8px;text-align:left}
.art-fig.tall figcaption{max-width:420px;margin-inline:auto}
.art-tw{overflow-x:auto;margin:18px 0 22px;border:1px solid var(--line);border-radius:8px;background:var(--paper);-webkit-overflow-scrolling:touch}
.art-tw:focus-visible{outline-offset:2px}
.art-tw-hint{display:none;margin:-14px 0 20px;font-size:13px;color:var(--muted)}
@media(max-width:759px){.art-tw-hint{display:block}}
.art-tw table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.45}
.art-tw th,.art-tw td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.art-tw thead th{background:#efebe2;font-weight:800;font-size:14px}
.art-tw tbody tr:last-child td{border-bottom:0}
.art-cta{display:grid;gap:16px;margin:30px 0 34px;padding:22px;border-radius:10px;background:#efe6d2;border:1px solid #e0d1b0}
.art-cta-t b{display:block;font-family:var(--f-display);font-size:19px;line-height:1.2;margin-bottom:6px}
.art-cta-t p{margin:0;font-size:15.5px;color:#3d443d}
.art-cta-b{display:flex;flex-wrap:wrap;gap:10px}
.art-cta-b .btn{flex:1 1 220px}
.art-side{display:none}
@media(min-width:1000px){.art-side{display:block;position:sticky;top:88px}}
.art-side-box{display:grid;gap:12px;padding:22px;border-radius:10px;background:var(--deep);color:var(--on-deep)}
.art-side-k{font-family:var(--f-display);font-size:12px;letter-spacing:.12em;color:var(--accent)}
.art-side-box b{font-family:var(--f-display);font-size:24px;line-height:1.15}
.art-side-box b small{display:block;margin-top:4px;font-family:var(--f-body);font-size:14px;font-weight:600;color:var(--on-deep-2)}
.art-side-box p{font-size:14.5px;color:var(--on-deep-2)}
.art-side-box .btn-line-dark{border-color:var(--on-deep);color:var(--on-deep)}
.art-side-box .btn-line-dark:hover{background:var(--on-deep);color:var(--deep)}
.art-side-l{color:var(--accent);font-weight:700;font-size:14.5px;text-decoration:none}
.art-side-l:hover{text-decoration:underline}
.art-faq{padding-block:56px;background:var(--paper)}
.art-faq .h2,.art-rel .h2{font-size:clamp(24px,3vw,34px);margin-bottom:22px}
.art-faq-list{max-width:820px;display:grid;gap:10px}
.art-faq-list details{border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.art-faq-list summary{cursor:pointer;padding:16px 18px;font-weight:800;min-height:44px;list-style:none;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.art-faq-list summary::-webkit-details-marker{display:none}
.art-faq-list summary::after{content:'+';flex:none;font-size:22px;line-height:1;color:var(--accent-ink)}
.art-faq-list details[open] summary::after{content:'−'}
.art-faq-list details p{padding:0 18px 16px;margin:0;color:#3d443d}
.art-rel,.stati-idx{padding-block:56px 64px}
.rel-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:760px){.rel-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:760px){.rel-list-big{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.rel-list-big{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rel-card{display:grid;height:100%;grid-template-rows:auto 1fr;border-radius:10px;overflow:hidden;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.rel-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.rel-card img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#e6e2d8}
.rel-card span{display:grid;gap:8px;align-content:start;padding:16px 18px 18px}
.rel-card b{font-size:17px;line-height:1.3}
.rel-card small{font-size:14.5px;color:var(--muted);line-height:1.45}
.rel-card em{font-style:normal;font-size:13px;color:var(--accent-ink);font-weight:700}
.art-all,.st-all{margin-top:18px}
.art-all a,.st-all a{color:var(--accent-ink);font-weight:700}
.stati-idx .art-cta{margin-top:36px;max-width:820px}

/* Блок «Перед покупкой» на главной */
.st-teaser{padding-block:72px}
.st-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:760px){.st-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.st-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.st-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:14px 18px;border-radius:8px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .15s}
.st-list a:hover{border-color:var(--accent)}
.st-list b{font-size:16px;line-height:1.3}
.st-list span{flex:none;font-size:13px;color:var(--muted)}
/* @v10-end */
/* @sizes-start */
.sz-svg{display:block;width:100%;height:auto;overflow:visible;--sz-ink:#161b17;--sz-amber:#83632a;--sz-sage:#2f5040;--sz-halo:#f6f4ef;--sz-low:#d6dfd5}
.sz-ground{stroke:#cbc5b6;stroke-width:2;stroke-linecap:round}
.sz-lower{fill:var(--sz-low);stroke:#4a6a57;stroke-width:1.6;stroke-dasharray:6 4}
.sz-dl{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke}
.sz-xl{fill:none;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.6}
.sz-ink .sz-dl,.sz-ink .sz-xl{stroke:var(--sz-ink)}.sz-ink .sz-ar{fill:var(--sz-ink)}
.sz-amber .sz-dl,.sz-amber .sz-xl{stroke:var(--sz-amber)}.sz-amber .sz-ar{fill:var(--sz-amber)}
.sz-sage .sz-dl,.sz-sage .sz-xl{stroke:var(--sz-sage)}.sz-sage .sz-ar{fill:var(--sz-sage)}
.sz-num text{font-family:var(--f-body,'Manrope',sans-serif);font-weight:800;font-size:18px;text-anchor:middle;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:var(--sz-halo);stroke-width:10px;stroke-linejoin:round}
.sz-num .sz-u{font-size:.66em;font-weight:600}
.sz-num.sz-h-low text{stroke:var(--sz-low)}.sz-num.sz-h-in text{stroke:#faf7f0}
.sz-ink.sz-num text{fill:var(--sz-ink)}.sz-amber.sz-num text{fill:var(--sz-amber)}.sz-sage.sz-num text{fill:var(--sz-sage)}
.sz-inner{fill:#faf7f0}
.sz-wall{fill:none;stroke:#2a312c;stroke-width:6;stroke-linejoin:round}
.sz-strut{fill:none;stroke:#8a948d;stroke-width:2.4}
.sz-person circle,.sz-person path{fill:#59635b}
.sz-road,.sz-camp,.sz-face,.sz-sect,.sz-tent,.sz-roof{transition:opacity .45s ease,transform .9s cubic-bezier(.3,.7,.2,1)}
.sz-camp,.sz-sect{opacity:0;pointer-events:none}
.sz-tent{opacity:0;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.04)}
.sizes[data-state="camp"] .sz-road,.sizes[data-state="camp"] .sz-face{opacity:0}
.sizes[data-state="camp"] .sz-camp,.sizes[data-state="camp"] .sz-sect{opacity:1}
.sizes[data-state="camp"] .sz-tent{opacity:1;transform:none}
.sizes[data-state="camp"] .sz-roof{transform:translateY(-99px)}
@media(max-width:759px){.sz-side .sz-num text{font-size:27px;stroke-width:12px}.sz-rear .sz-num text{font-size:20px;stroke-width:10px}.sz-rear{max-width:300px;margin:0 auto}}
@media(prefers-reduced-motion:reduce){.sz-road,.sz-camp,.sz-face,.sz-sect,.sz-tent,.sz-roof{transition:none!important}}
/* @sizes-end */

/* @v10.8-start: разбор THE BANDI - три состояния, галерея с лайтбоксом, оснащение, завод, независимые видео */
/* шапка: семь пунктов (Видеообзор и Размеры остались в мобильном меню и в якорях страницы) */
/* hero: четвёртая плашка */
.hero-meta4{grid-template-columns:1fr 1fr}
@media(min-width:640px){.hero-meta4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.hero-meta4{max-width:640px}}
.hero-meta4 div:last-child b{white-space:nowrap}
/* три состояния GOAT */
.md-cards{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:14px}
@media(min-width:900px){.md-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}}
.md-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line)}
.md-base{border-color:var(--accent);border-top:4px solid var(--accent)}
.md-ph{margin:0;position:relative;aspect-ratio:16/10;overflow:hidden;background:#d9d3c0}
.md-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph-credit{position:absolute;right:8px;bottom:8px;font-size:11.5px;font-weight:700;line-height:1;color:#fff;background:rgba(22,27,23,.74);padding:5px 9px;border-radius:99px}
.md-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 24px}
@media(min-width:900px){.md-body{padding:26px 28px 28px}}
.md-n{display:block;font-family:var(--f-display);font-weight:700;font-size:15px;color:var(--accent-ink);margin-bottom:14px}
.md-card h3{font-family:var(--f-display);font-weight:700;font-size:clamp(17px,1.6vw,20px);line-height:1.25;letter-spacing:-.01em}
.md-card p{margin-top:12px;font-size:15px;line-height:1.62;color:#3d443d}
.md-card .md-note{margin-top:auto;padding-top:12px;font-size:13px;line-height:1.5;color:var(--muted);border-top:1px solid var(--line)}
.md-card p+.md-note{margin-top:16px}
/* галерея GOAT в кадре */
.gal{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.gal{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:1100px){.gal{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gal-it{min-width:0}
.gal-btn{display:block;width:100%;padding:0;border:0;background:#1f2620;cursor:pointer;aspect-ratio:4/3;overflow:hidden;border-radius:6px}
.gal-btn img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.gal-btn:hover img,.gal-btn:focus-visible img{transform:scale(1.03)}
.gal-cap{display:block;margin-top:8px;font-size:13.5px;line-height:1.4;color:#c9cec5}
.gal-cap small{display:block;font-size:12px;color:var(--on-deep-2);margin-top:2px}
/* лайтбокс */
.lb{position:fixed;inset:0;z-index:90;background:rgba(10,13,10,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px 24px;color:#eceee8}
.lb[hidden]{display:none}
.lb-fig{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;min-width:0}
.lb-img{max-width:min(100%,1400px);max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain;display:block;background:#1f2620;border-radius:6px}
.lb-cap{margin:14px 0 0;font-size:14.5px;line-height:1.45;text-align:center;max-width:72ch;color:#dfe3db}
.lb-cnt{position:absolute;left:16px;top:16px;font-size:13.5px;font-weight:700;color:var(--on-deep-2);font-variant-numeric:tabular-nums;min-height:44px;display:flex;align-items:center}
.lb-x,.lb-prev,.lb-next{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(22,27,23,.7);color:#fff;cursor:pointer;padding:0;transition:border-color .15s,background .15s}
.lb-x:hover,.lb-prev:hover,.lb-next:hover{border-color:var(--accent);background:rgba(195,154,78,.2)}
.lb-x{right:16px;top:12px}
.lb-prev{left:12px;top:50%;margin-top:-24px}
.lb-next{right:12px;top:50%;margin-top:-24px}
.lb-x svg,.lb-prev svg,.lb-next svg{width:22px;height:22px}
@media(max-width:759px){.lb{padding:60px 12px 20px}.lb-prev,.lb-next{top:auto;bottom:16px;margin-top:0}.lb-prev{left:16px}.lb-next{right:16px}.lb-img{max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}.lb-cap{font-size:13.5px;padding:0 4px}}
html.lb-open,html.lb-open body{overflow:hidden}
/* независимые обзоры */
.vid-ind{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.vid-ind-h{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.4vw,28px);line-height:1.15;letter-spacing:-.012em;max-width:30ch}
.vid-ind-lead{margin-top:12px;font-size:15.5px;color:#3d443d;max-width:70ch}
.vid-grid{display:grid;gap:18px;margin-top:24px}
@media(min-width:760px){.vid-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.vid-card{margin:0;min-width:0}
.vid-card .vid{margin-top:0;border-radius:8px}
.vid-s .play{width:60px;height:60px;margin:-30px 0 0 -30px}
.vid-s .play::before{border-width:11px 0 11px 18px;margin-left:4px}
.vid-card figcaption{margin-top:10px;font-size:14px;line-height:1.45;color:#3d443d}
.vid-card figcaption b{display:block;color:var(--ink);font-size:15px}
.vid-card figcaption span{display:block;margin-top:2px}
.vid-card figcaption a{display:inline-flex;align-items:center;min-height:36px;color:var(--accent-ink);font-weight:700}
.vid-ind-note{margin-top:18px}
/* модели: База и два примера оснащения */
.trims-note{margin:-6px 0 18px;font-size:14.5px;line-height:1.5;color:var(--muted);max-width:92ch}
.trims-note a{color:var(--accent-ink);font-weight:700;display:inline-flex;align-items:center;min-height:32px}
@media(min-width:900px){.trims3{grid-template-columns:repeat(3,1fr)}}
.trim .price small{font-size:13px;font-weight:600;color:var(--muted);margin-right:4px}
.trim-plus{list-style:none;margin:8px 0 0 -18px;padding-top:8px;border-top:1px dashed var(--line);color:var(--accent-ink);font-weight:600}
.tcmp tr.prow td small{display:block;font-size:11px;font-weight:600;color:var(--muted);white-space:normal;line-height:1.3;margin-top:2px}
@media(max-width:699px){.tcmp tr.prow td small{font-size:10px}}
/* оснащение */
.op-grid{display:grid;gap:16px}
@media(min-width:700px){.op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.op-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
.op-card{display:flex;flex-direction:column;min-width:0;background:var(--bg);border:1px solid var(--line)}
.op-ph{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:#d9d3c0}
@media(max-width:699px){.op-ph{aspect-ratio:16/10}}
.op-ph img{width:100%;height:100%;object-fit:cover;display:block}
.op-body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.op-body h3{font-size:17px;line-height:1.3}
.op-body p{margin-top:8px;font-size:14.5px;line-height:1.55;color:#3d443d}
.op-price{margin-top:auto;padding-top:14px;font-weight:800;font-size:20px;font-variant-numeric:tabular-nums}
.op-price small{display:block;font-size:12px;font-weight:700;color:var(--accent-ink);letter-spacing:.02em;margin-bottom:2px}
.allopts{margin-top:40px}
.allopts summary{list-style:none;cursor:pointer;display:inline-flex}
.allopts summary::-webkit-details-marker{display:none}
.allopts summary span{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 24px;border:1.5px solid var(--ink);border-radius:6px;font-weight:700;font-size:15.5px;background:transparent;transition:background .15s,color .15s}
.allopts summary span:after{content:"+";font-size:22px;font-weight:500;line-height:1}
.allopts[open] summary span:after{content:"\2212"}
.allopts summary:hover span{background:var(--ink);color:#fff}
.op-all{margin-top:22px;background:var(--bg);border:1px solid var(--line);padding:4px 18px 18px}
@media(min-width:760px){.op-all{padding:8px 28px 24px}}
.op-table{width:100%;border-collapse:collapse;font-size:15px}
.op-table td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.op-table td:nth-child(2) b{display:block;font-weight:700;line-height:1.35}
.op-table td:nth-child(2) span{display:block;font-size:13.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.op-table td:last-child{text-align:right;font-weight:800;white-space:nowrap;padding-left:16px;font-variant-numeric:tabular-nums}
.op-table td:last-child small{display:block;font-size:11.5px;font-weight:600;color:var(--accent-ink);white-space:normal;max-width:16ch;margin-left:auto;line-height:1.3}
.op-table tr.op-g th{text-align:left;padding:24px 0 6px;font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink);border-bottom:1.5px solid var(--ink)}
.op-table tbody tr:last-child td{border-bottom:0}
.op-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:28px}
.op-cta small{font-size:13.5px;color:var(--muted)}
@media(max-width:559px){.op-cta .btn{width:100%}}
/* сделано в Корее */
.fa-grid{display:grid;gap:32px}
@media(min-width:960px){.fa-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;align-items:start}}
.fa-list{list-style:none;padding:0;margin:0;border-top:1.5px solid var(--ink)}
.fa-list li{padding:14px 0;border-bottom:1px solid var(--line)}
.fa-list b{display:block;font-size:16px}
.fa-list span{display:block;font-size:14.5px;line-height:1.5;color:#4a514a;margin-top:3px}
.fa-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:600px) and (max-width:959px){.fa-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:960px){.fa-photos{gap:14px}}
.fa-photos figure{margin:0;min-width:0}
.fa-photos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;background:#d9d3c0;border-radius:4px}
.fa-photos figcaption{margin-top:7px;font-size:13px;line-height:1.4;color:#3d443d}
.fa-photos figcaption small{display:block;font-size:11.5px;color:var(--muted)}
.fa-link{margin-top:28px;font-size:14.5px;color:var(--muted)}
.fa-link a{color:var(--accent-ink);font-weight:700}
/* почему ARIO: ссылка на сайт завода и отгрузка в США */
.why-list span a{color:var(--accent-ink);font-weight:700}
.why-ph{min-width:0}
.ship-row{display:grid;gap:14px;margin-top:10px}
@media(min-width:600px){.ship-row{grid-template-columns:1fr 1fr}}
.ship-us{grid-template-columns:1fr;margin:0}
.ship-us .ph,.ship-us .ph:first-child{grid-row:auto;min-height:0;aspect-ratio:16/10}
/* @v10.8-end */
/* таблица «что входит» на телефоне: три колонки, первой можно дать больше места */
@media(max-width:699px){.tcmp3 thead th:first-child{width:31%}}
@media(max-width:479px){.tcmp3 thead th:first-child{width:30%}.tcmp3 tbody th{overflow-wrap:normal}}

/* @v10.8b: фото опций в раскрытом каталоге (THE BANDI) и ещё две карточки галереи */
.op-table td.op-th{width:84px;padding-right:12px;text-align:left;font-weight:400;white-space:normal}
.op-table td.op-th img{display:block;width:84px;height:63px;object-fit:cover;border-radius:4px;background:#d9d3c0}
.op-table td.op-th small{display:block;font-size:9.5px;line-height:1.2;color:var(--muted);margin-top:3px;white-space:nowrap;max-width:none;margin-left:0;font-weight:600}
@media(min-width:760px){.op-table td.op-th{width:112px;padding-right:16px}.op-table td.op-th img{width:112px;height:84px}}
@media(max-width:559px){.op-table td.op-th{width:64px;padding-right:10px}.op-table td.op-th img{width:64px;height:48px}.op-table td.op-th small{font-size:8.5px}.op-table td:last-child{padding-left:10px;font-size:14px}.op-table td:last-child small{max-width:11ch;font-size:10.5px}}

/* @v10.9 */
/* три состояния: честная подпись про домкраты BASE MODE */
.md-jacks{margin-top:14px;padding:10px 12px;font-size:14px;line-height:1.5;color:#3d443d;background:var(--bg);border-left:3px solid var(--accent)}
.md-jacks b{color:var(--ink)}
.md-jacks-link{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-weight:700;font-size:14.5px;color:var(--accent-ink);text-underline-offset:3px}
.md-jacks-link:hover{text-decoration-thickness:2px}
.md-card .md-jacks-link+.md-note{margin-top:8px}
/* модели: три сборки под заказ */
.trim{position:relative}
.trim.is-rec{box-shadow:inset 0 0 0 2px var(--accent)}
.trim-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 10px;margin-bottom:12px;border-radius:99px;background:var(--accent);color:#17140d;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.trim .price .price-sub{display:block;font-size:12.5px;font-weight:600;color:var(--accent-ink);line-height:1.3;margin-top:2px;white-space:normal}
.trim .price{white-space:normal}
.trim-no{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0 0 14px;padding-top:10px;border-top:1px dashed var(--line)}
.trim-no b{color:#3d443d;font-weight:700}
.trim-why{display:grid;gap:4px;margin:0 0 14px;padding:12px 14px;font-size:13.5px;line-height:1.5;color:#3d443d;background:var(--bg);border-left:3px solid var(--accent)}
.trim-why b{color:var(--ink);font-size:14px}
.trim-why .trim-pre{color:var(--accent-ink);font-weight:600}
.trim ul{flex:0 0 auto}
.trim .trim-no{margin-top:auto}
.trims-add{margin-top:22px;display:grid;gap:8px;max-width:92ch}
.trims-add p{font-size:14.5px;line-height:1.55;color:#3d443d}
.trims-add b{color:var(--ink)}
.trims-add a{color:var(--accent-ink);font-weight:700;display:inline-flex;align-items:center;min-height:32px}
.tcmp td.no .p-full,.tcmp td.no .p-short{font-size:12px;line-height:1.3;font-weight:600}
@media(max-width:699px){.tcmp td.no .p-short{font-size:10.5px}}
/* интерьер: без ценников, кнопка на всю ширину карточки */
.in-foot .btn{flex:1 1 auto}
/* другие решения: подпись у цены АКБ */
.line .price small{display:inline;font-size:12.5px;font-weight:600;color:var(--accent-ink);margin:0 4px 0 0}
/* конструктор: четыре пресета и предупреждение про Webasto без АКБ */
@media(min-width:760px){.scen{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.scen{grid-template-columns:repeat(4,1fr)}}
.scen-card .sp small{display:block;font-size:11.5px;font-weight:600;color:var(--on-deep-2);margin-top:2px}
.cfg-warn{display:none;margin:0 0 14px;padding:12px 14px;font-size:14px;line-height:1.5;color:#17140d;background:#f3e6c9;border-left:3px solid var(--accent);border-radius:4px}
.cfg-warn.is-on{display:block}
.cfg-warn b{font-weight:800}
.total .cfg-warn{margin:12px 0 0;font-size:13.5px}
/* конструктор на узком телефоне (360): счётчик окон не выходит за экран */
@media(max-width:379px){.opt .p{white-space:normal}.opt .p .qty{display:inline-flex;margin:6px 0 0;gap:2px}.qty button{width:40px;height:40px}}
/* телефон: карточки сборок и строки «обычно добавляют» компактнее */
@media(max-width:759px){.trims-add{margin-top:16px;gap:6px}.trims-add p{font-size:13.5px;line-height:1.5}.trim-why{padding:10px 12px;font-size:13px}.trim-why b{font-size:13.5px}.trim-no{font-size:13px}.trim .price .price-sub{font-size:12px}}
/* @v10.9b - подпись «на фото опции» поверх фото */
.ph-note{position:absolute;left:8px;bottom:8px;margin:0;padding:3px 8px;border-radius:4px;background:rgba(18,22,18,.62);color:#fff;font-size:11.5px;line-height:1.35;letter-spacing:.01em}
/* @v10.9.1 - три сборки на телефоне столбиком, «Путешествие» первым; пометка под ценами на первом экране */
@media(max-width:759px){.trims3{grid-template-columns:1fr}.trims3 .trim.is-rec{order:-1}}
.hero-note{margin:8px 0 0;font-size:12.5px;line-height:1.4;opacity:.72}
/* @v10.9.2 - кондиционер виден: широкая карточка в «Оснащении», строка в карточке про отопитель */
.op-wide{display:grid;margin-top:18px;background:var(--bg);border:1px solid var(--line);scroll-margin-top:90px}
@media(min-width:760px){.op-wide{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.op-wide-ph{margin:0;position:relative;aspect-ratio:16/10;overflow:hidden;background:#d9d3c0}
@media(min-width:760px){.op-wide-ph{aspect-ratio:auto;min-height:260px}}
.op-wide-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.op-wide-body{display:flex;flex-direction:column;padding:20px 18px 22px}
@media(min-width:760px){.op-wide-body{padding:28px 32px}}
.op-kick{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}
.op-wide-body h3{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.15;letter-spacing:-.01em;margin-top:6px}
.op-wide-body p{margin-top:10px;font-size:15px;line-height:1.55;color:#3d443d;max-width:58ch}
.op-wide-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:auto;padding-top:18px}
.op-wide-foot .op-price{margin:0;padding:0}
@media(max-width:559px){.op-wide-foot .btn{width:100%}}
.ft-ac{margin-top:10px}
.ft-ac a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* @v10.10 - две цены: по умолчанию в Корее (доллары), рядом во Владивостоке с НДС */
.trim .price .pk{display:inline-block;margin-left:8px;font-size:12.5px;font-weight:700;color:var(--accent-ink);vertical-align:2px}
.trim .price .price-rub{display:block;font-size:13px;font-weight:600;color:var(--muted);line-height:1.35;margin-top:2px;white-space:normal}
.trim .price .price-vl{display:block;font-size:13.5px;font-weight:600;color:#3d443d;line-height:1.35;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);white-space:normal}
.trim .price .price-vl b{color:var(--ink);font-weight:800;white-space:nowrap}
.trims-add .ko-note{padding:10px 14px;background:var(--paper);border-left:3px solid var(--accent)}
.tcmp tr.prow-vl th,.tcmp tr.prow-vl td{border-top:1px solid var(--line);font-weight:700}
.tcmp tr.prow-vl td{font-size:18px}
@media(max-width:699px){.tcmp tr.prow-vl td{font-size:16px}}
.hero-prices .hp small{line-height:1.3}
.wf-price{flex-wrap:wrap;white-space:normal;max-width:100%;row-gap:2px}
.wf-price small{white-space:normal;line-height:1.35}
.op-price .op-vl{display:block;margin:3px 0 0;font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:0}
.op-legend{margin:0 0 6px}
.buy2{display:grid;gap:14px;margin-top:40px;scroll-margin-top:90px}
@media(min-width:760px){.buy2{grid-template-columns:1fr 1fr}.buy2>.small{grid-column:1/-1}}
.buy2 .b2c{background:var(--paper);border:1px solid var(--line);padding:20px 20px 18px}
.buy2 .b2c:first-child{border-color:var(--accent)}
.buy2 .b2k{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}
.buy2 h3{font-family:var(--f-display);font-weight:700;font-size:clamp(18px,2vw,21px);line-height:1.2;margin:6px 0 10px}
.buy2 ul{margin:0;padding-left:18px;font-size:14.5px;line-height:1.5;color:#3d443d}
.buy2 li+li{margin-top:6px}
.buy2>.small{margin:0}
.pmode{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.pmode .pm-l{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-right:4px}
.pmode button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-family:var(--f-body);font-weight:700;font-size:14.5px;line-height:1.2;min-height:48px;padding:6px 16px;border-radius:6px;border:1.5px solid var(--line-deep);background:transparent;color:var(--on-deep);cursor:pointer;text-align:left}
.pmode button small{font-size:12px;font-weight:600;color:var(--on-deep-2)}
.pmode button.is-on{background:var(--accent);border-color:var(--accent);color:#17140d}
.pmode button.is-on small{color:#3b2f17}
@media(max-width:559px){.pmode button{flex:1 1 0;padding:6px 12px;font-size:14px}.pmode .pm-l{flex-basis:100%}}
.total .sum-sub{font-size:13.5px;font-weight:600;color:var(--muted);margin:-2px 0 8px;font-variant-numeric:tabular-nums}
.total .est{display:grid;gap:6px;margin:10px 0 0;font-size:13.5px;line-height:1.45;color:#3d443d}
.total .est:empty{display:none}
.total .est p{margin:0;padding:8px 10px;background:var(--paper);border-left:3px solid var(--accent)}
.total .est p.akb{border-left-color:var(--accent-ink)}
.total .est .linkbtn{min-height:0;font-size:13.5px}
.opt .p .pv{font-variant-numeric:tabular-nums}
.q-body .q-vl,.q-alt .q-vl{color:var(--ink);font-weight:700}
.trim .price .price-sm{display:block;font-size:12.5px;font-weight:600;color:var(--accent-ink);line-height:1.35;margin-top:5px;white-space:normal}
.trim .price .price-sm span{font-weight:800;white-space:nowrap}
.tcmp tr.prow-sm th,.tcmp tr.prow-sm td{border-top:1px solid var(--line);font-weight:700;color:#3d443d}
.tcmp tr.prow-sm td{font-size:16px}
@media(max-width:699px){.tcmp tr.prow-sm td{font-size:14px}}
.smeta{width:100%;border-collapse:collapse;margin:14px 0 8px;font-size:13.5px}
.smeta caption{caption-side:top;text-align:left;font-weight:800;font-size:13.5px;padding:0 0 6px}
.smeta td{padding:6px 0;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.35}
.smeta td small{display:block;font-size:12px;color:var(--muted)}
.smeta td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:12px;font-variant-numeric:tabular-nums}
.buy2 .sm-tot{margin:6px 0 0;font-size:14px;line-height:1.5;color:#3d443d}
.buy2 .sm-tot span[data-smeta-fixed]{font-weight:800;color:var(--ink);white-space:nowrap}
/* @v10.10.1 - кнопка «Получить смету» (статьи сметы на сайте не показываем) */
.trim .price .smeta-btn{display:inline-flex;min-height:36px;margin-top:4px;font-size:13.5px;font-weight:800}
.buy2 .sm-btn{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 0}
.buy2 .sm-btn small{font-size:13px;color:var(--muted)}
.total .est .linkbtn{font-weight:800}