/*!
 * CarLot — шаблон Joomla 6
 * Концепция: «бирка склада». Спокойная холодная база (порт, сталь, бумага) и один яркий акцент —
 * жёлтая складская бирка, которой во Владивостоке маркируют детали. Бирка = поиск и главное действие.
 */

/* ---------- Шрифты (Inter, Inter Display, Lora — SIL OFL) ---------- */
@font-face{font-family:"Inter";src:url("../fonts/inter-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-500.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-600.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url("../fonts/interdisplay-700.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url("../fonts/interdisplay-800.woff") format("woff");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/lora-italic.woff") format("woff");font-weight:400 700;font-style:italic;font-display:swap}

/* ---------- Токены ---------- */
:root{
  --paper:#F2F4F5;
  --surface:#FFFFFF;
  --ink:#13212C;
  --ink-2:#34434E;
  --steel:#5F6E79;
  --line:#D5DCE1;
  --line-2:#E6EBEE;
  --harbor:#0F3A55;
  --harbor-2:#174B6B;
  --harbor-3:#9FB9CA;
  --tag:#F4BE2C;
  --tag-2:#E5AC12;
  --tag-ink:#231B00;
  --ok:#2C7A4B; --ok-bg:#E6F3EB;
  --err:#B3382A; --err-bg:#FBECEA;
  --warn:#8A5D00; --warn-bg:#FFF6DC;

  --f-text:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-display:"Inter Display","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-voice:"Lora",Georgia,"Times New Roman",serif;

  /* модульная шкала 1.25 от 17px */
  --t-sm:.875rem; --t-base:1.0625rem; --t-md:1.25rem; --t-lg:1.5625rem; --t-xl:1.953rem; --t-2xl:2.441rem; --t-3xl:clamp(2.25rem,1.4rem + 3.6vw,3.815rem);

  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem; --s-6:2rem; --s-7:3rem; --s-8:4.5rem; --s-9:6rem;
  --r-1:4px; --r-2:8px; --r-3:14px;
  --wrap:1240px;
  --shadow-tag:0 1px 0 rgba(0,0,0,.08),0 18px 40px -18px rgba(5,25,40,.55);
  --focus:0 0 0 3px #fff,0 0 0 5px var(--harbor);
}

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--t-base)/1.6 var(--f-text);font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;height:auto;display:block}
a{color:var(--harbor-2);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--harbor);text-decoration-thickness:2px}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-1)}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--ink);line-height:1.15;letter-spacing:-.015em;margin:0 0 var(--s-4)}
p{margin:0 0 var(--s-4)}
ul,ol{margin:0 0 var(--s-4);padding-left:1.25em}
code,.code{font-family:var(--f-text);font-feature-settings:"tnum","case";font-weight:600;font-size:.92em;letter-spacing:.02em;background:var(--line-2);color:var(--ink);padding:.1em .45em;border-radius:var(--r-1);white-space:nowrap}
hr{border:0;border-top:1px solid var(--line);margin:var(--s-6) 0}
table{border-collapse:collapse;width:100%}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--s-4);top:-60px;z-index:100;background:var(--tag);color:var(--tag-ink);padding:var(--s-2) var(--s-4);border-radius:var(--r-2);font-weight:600}
.skip:focus{top:var(--s-4)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.wrap--narrow{max-width:860px}
.h-display{font-size:var(--t-3xl);font-weight:800;letter-spacing:-.03em;line-height:1.02}
.h1{font-size:clamp(1.85rem,1.3rem + 2vw,var(--t-2xl));font-weight:800;letter-spacing:-.025em}
.h1--lot{font-size:clamp(1.5rem,1.2rem + 1.2vw,var(--t-xl))}
.h2{font-size:clamp(1.45rem,1.2rem + 1vw,var(--t-xl));font-weight:700}
.h3{font-size:var(--t-md);font-weight:700;letter-spacing:-.01em}
.lead{font-size:var(--t-md);line-height:1.55;color:var(--ink-2);max-width:62ch}
.muted{color:var(--steel)}
.small{font-size:var(--t-sm)}
.req{color:var(--err)}

/* ---------- Кнопки ---------- */
.btn{--bg:var(--surface);--fg:var(--ink);--bd:var(--line);display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:.6em 1.15em;border:1px solid var(--bd);border-radius:var(--r-2);background:var(--bg);color:var(--fg);font:600 var(--t-base)/1.2 var(--f-text);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.btn:hover{text-decoration:none;color:var(--fg)}
.btn--primary{--bg:var(--tag);--fg:var(--tag-ink);--bd:var(--tag-2)}
.btn--primary:hover{--bg:var(--tag-2)}
.btn--primary.is-added{--bg:var(--surface);--fg:var(--ok);--bd:var(--ok)}
.btn--ink{--bg:var(--ink);--fg:#fff;--bd:var(--ink)}
.btn--ink:hover{--bg:var(--harbor);--bd:var(--harbor);--fg:#fff}
.btn--ghost{--bg:transparent;--fg:var(--harbor-2);--bd:var(--harbor-3)}
.btn--ghost:hover{--bg:var(--surface);--bd:var(--harbor-2)}
.btn--sm{min-height:36px;padding:.4em .85em;font-size:var(--t-sm)}
.btn--lg{min-height:52px;padding:.75em 1.5em;font-size:var(--t-md)}
.btn--block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.link-more{font-weight:600;text-decoration:none;white-space:nowrap}
.link-more:hover{text-decoration:underline}
.link-back{font-weight:600;text-decoration:none}
.link-back::before{content:"‹ "}

/* ---------- Шапка ---------- */
.topbar{background:var(--harbor);color:#DCE7EE;font-size:var(--t-sm)}
.topbar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-5);min-height:38px;padding-top:var(--s-1);padding-bottom:var(--s-1)}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline}
.topbar__contacts{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center}
.topbar__phone{font-weight:600;font-feature-settings:"tnum"}

.header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.header .wrap{display:flex;align-items:center;gap:var(--s-5);min-height:72px}
.logo{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);flex:none}
.logo:hover{color:var(--ink);text-decoration:none}
.logo__mark{width:30px;height:36px;flex:none}
.logo__word{font:800 1.55rem/1 var(--f-display);letter-spacing:-.035em}
.logo__word span{color:var(--harbor-2)}
.logo img{max-height:44px;width:auto}

.site-nav{flex:1 1 auto;min-width:0;overflow:visible;display:flex;align-items:center;align-self:stretch;justify-content:center}
.site-nav ul{list-style:none;margin:0!important;padding:0!important}
.site-nav > div{display:flex;align-items:center}
.site-nav > div > ul,.site-nav > ul{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0 .1rem}
.site-nav li{position:relative;display:flex;align-items:center;margin:0;padding:0}
.site-nav li.default{display:none} /* «Главная» в шапке не нужна: ведёт логотип */
.site-nav a,.site-nav .nav-header{display:flex;align-items:center;min-height:42px;line-height:1.2;white-space:nowrap;font-size:.95rem;padding:0 .55rem;border-radius:var(--r-2);color:var(--ink);font-weight:500;text-decoration:none}
.site-nav a:hover{background:var(--paper);color:var(--ink)}
.site-nav li.current > a,.site-nav li.active > a{color:var(--harbor);box-shadow:inset 0 -2px 0 var(--tag)}
.site-nav li ul{display:none;flex-direction:column;position:absolute;left:0;top:100%;z-index:60;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-2);box-shadow:0 12px 30px -12px rgba(15,58,85,.3)}
.site-nav li:hover > ul,.site-nav li:focus-within > ul{display:flex}
.site-nav li ul li{display:block}
.site-nav li ul a{min-height:38px;white-space:nowrap}
.header__actions{display:flex;align-items:center;gap:var(--s-2);flex:none;margin-left:auto}
.req-link{position:relative}
.req-count{display:inline-grid;place-items:center;min-width:1.45em;height:1.45em;padding:0 .35em;border-radius:99px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:600;font-feature-settings:"tnum"}
.btn--primary .req-count{background:var(--tag-ink);color:var(--tag)}
.burger{display:none}

/* Свёрнутое меню: на узких экранах и когда пункты не помещаются (класс ставит template.js) */
.header.is-collapsed .burger{display:inline-flex}
.header.is-collapsed .site-nav{position:fixed;inset:72px 0 auto 0;max-height:calc(100vh - 72px);overflow:auto;background:var(--surface);border-bottom:1px solid var(--line);padding:var(--s-4) clamp(16px,4vw,40px) var(--s-6);display:none}
.header.is-collapsed .site-nav.is-open{display:block}
.header.is-collapsed .site-nav > div > ul,.header.is-collapsed .site-nav > ul{flex-direction:column;justify-content:flex-start}
.header.is-collapsed .site-nav li.default{display:block}
.header.is-collapsed .site-nav a{white-space:normal}
.header.is-collapsed .site-nav li{display:block}
.header.is-collapsed .site-nav li ul{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 var(--s-4)}
@media (max-width:1080px){
  .burger{display:inline-flex}
  .site-nav{position:fixed;inset:72px 0 auto 0;max-height:calc(100vh - 72px);overflow:auto;background:var(--surface);border-bottom:1px solid var(--line);padding:var(--s-4) clamp(16px,4vw,40px) var(--s-6);display:none}
  .site-nav.is-open{display:block}
  .site-nav > div > ul,.site-nav > ul{flex-direction:column;justify-content:flex-start}
  .site-nav li.default{display:block}
  .site-nav a{white-space:normal}
  .site-nav li{display:block}
  .site-nav li ul{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 var(--s-4)}
}
@media (max-width:560px){
  .header__actions .btn--cab span{display:none}
  .topbar__hours{display:none}
}

/* ---------- Крошки, сообщения ---------- */
.crumbs{padding:var(--s-4) 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font-size:var(--t-sm);color:var(--steel)}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:var(--line)}
.crumbs a{color:var(--steel);text-decoration:none}
.crumbs a:hover{color:var(--harbor);text-decoration:underline}
#system-message-container{max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,40px)}
#system-message-container joomla-alert{margin-top:var(--s-4);border-radius:var(--r-2)}
.notice{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--harbor-3);border-radius:var(--r-2);padding:var(--s-4) var(--s-5);margin:0 0 var(--s-5)}
.notice--ok{border-left-color:var(--ok);background:var(--ok-bg)}
.notice--err{border-left-color:var(--err);background:var(--err-bg)}
.notice--warn{border-left-color:var(--warn);background:var(--warn-bg)}

/* ---------- Секции ---------- */
.section{padding:var(--s-8) 0}
.section--tint{background:var(--surface);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.section--ink{background:var(--harbor);color:#E3ECF2}
.section--ink .h2{color:#fff}
.section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-3) var(--s-5);margin-bottom:var(--s-5)}
.section__head .h2{margin:0}
.section-inner{margin:var(--s-8) 0 0}
.page{padding-top:var(--s-5);padding-bottom:var(--s-8)}
.page > * + *{margin-top:var(--s-6)}
.page-head{max-width:860px}
.page-head--row{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-4)}
.page-head .h1{margin-bottom:var(--s-4)}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s-7)}
.split--wide{grid-template-columns:minmax(0,1fr) 340px}
.split--form{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}
@media (max-width:960px){.split,.split--wide,.split--form{grid-template-columns:1fr;gap:var(--s-6)}}

/* ---------- AEO: короткий ответ ---------- */
.answer-box{position:relative;max-width:68ch;margin:0;padding:var(--s-4) var(--s-5) var(--s-4) calc(var(--s-5) + 6px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);font-size:var(--t-md);line-height:1.55;color:var(--ink-2)}
.answer-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:var(--r-2) 0 0 var(--r-2);background:var(--tag)}

/* ---------- HERO и бирка ---------- */
.hero{background:var(--harbor);color:#E3ECF2;padding:clamp(3rem,6vw,6rem) 0 clamp(3.5rem,7vw,7rem);position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:rgba(255,255,255,.12)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.hero .h-display{color:#fff;max-width:14ch;margin-bottom:var(--s-5)}
.hero__lead{font-size:var(--t-md);line-height:1.55;max-width:52ch;color:#C9D9E3;margin-bottom:var(--s-5)}
.hero__links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5)}
.hero__links a{color:#fff;font-weight:600;text-decoration-color:var(--tag);text-decoration-thickness:2px}

.tag{position:relative;background:var(--tag);color:var(--tag-ink);border-radius:var(--r-3) var(--r-3) var(--r-3) 46px;padding:var(--s-6) var(--s-6) var(--s-5) var(--s-7);box-shadow:var(--shadow-tag);transform:rotate(-1.6deg);transform-origin:12% 50%;animation:tag-swing 1.2s cubic-bezier(.2,.8,.2,1) .1s backwards}
.tag:focus-within{transform:rotate(0)}
@keyframes tag-swing{0%{transform:rotate(-6deg)}55%{transform:rotate(.6deg)}100%{transform:rotate(-1.6deg)}}
.tag__hole{position:absolute;left:22px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;background:var(--harbor);box-shadow:inset 0 2px 3px rgba(0,0,0,.35),0 0 0 4px rgba(0,0,0,.08)}
.tag__string{position:absolute;left:-104px;top:calc(50% - 72px);width:120px;height:80px;color:#C9D9E3;opacity:.7;pointer-events:none}
.tag__head{display:flex;justify-content:space-between;gap:var(--s-3);font-size:var(--t-sm);font-weight:600;border-bottom:1.5px dashed rgba(35,27,0,.35);padding-bottom:var(--s-3);margin-bottom:var(--s-4)}
.tag__head span:first-child{font-family:var(--f-display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em}
.tag__label{display:block;font:800 var(--t-xl)/1.1 var(--f-display);letter-spacing:-.02em;margin-bottom:var(--s-3)}
.tag__row{display:flex;gap:var(--s-2)}
.tag__input{flex:1;min-width:0;min-height:52px;border:2px solid var(--tag-ink);border-radius:var(--r-2);background:#FFFDF4;color:var(--tag-ink);padding:.6em .9em;font:500 var(--t-base) var(--f-text)}
.tag__input::placeholder{color:#6B5E2E}
.tag__input:focus{outline:none;box-shadow:0 0 0 3px var(--tag),0 0 0 5px var(--tag-ink)}
.tag .btn--ink{min-height:52px}
.tag__hint{font-size:var(--t-sm);margin:var(--s-3) 0 var(--s-4);color:#4A3E10}
.tag__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin:0;border-top:1.5px dashed rgba(35,27,0,.35);padding-top:var(--s-3)}
.tag__fields dt{font-size:.78rem;font-weight:600;opacity:.75}
.tag__fields dd{margin:0;font-weight:600;font-size:var(--t-sm);line-height:1.35}
@media (max-width:960px){
  .hero__grid{grid-template-columns:1fr}
  .tag{transform:none;animation:none;padding:var(--s-5) var(--s-5) var(--s-4) var(--s-7)}
  .tag__string{display:none}
}
@media (max-width:520px){.tag__row{flex-direction:column}.tag__fields{grid-template-columns:1fr}}

/* ---------- Индекс марок ---------- */
.brand-index{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:var(--s-7)}
.brand-index--page{margin-top:var(--s-6)}
.brand-index__country{font:600 var(--t-sm)/1 var(--f-text);color:var(--steel);letter-spacing:0;margin:0 0 var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--line)}
.brand-index__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.2rem 1.4rem}
.brand-index__list a{display:inline-block;padding:.25rem 0;font:700 clamp(1.35rem,1.1rem + 1vw,1.95rem)/1.2 var(--f-display);letter-spacing:-.025em;color:var(--ink);text-decoration:none;border-bottom:3px solid transparent}
.brand-index__list a:hover{border-bottom-color:var(--tag);color:var(--harbor)}
.brand-index__list small{font:500 var(--t-sm) var(--f-text);color:var(--steel);letter-spacing:0}
@media (max-width:760px){.brand-index{grid-template-columns:1fr;gap:var(--s-6)}}

/* ---------- Шаги (последовательность) ---------- */
.steps__list{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5)}
.steps__list--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps__item{counter-increment:step;position:relative;padding-top:var(--s-7);border-top:2px solid var(--ink)}
.steps__item::before{content:counter(step);position:absolute;top:var(--s-4);left:0;font:800 var(--t-lg)/1 var(--f-display);color:var(--harbor-2);font-feature-settings:"tnum"}
.steps__title{font:700 var(--t-md)/1.25 var(--f-display);margin-bottom:var(--s-2)}
.steps__item p{color:var(--ink-2);margin:0}
@media (max-width:960px){.steps__list,.steps__list--compact{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps__list,.steps__list--compact{grid-template-columns:1fr}}

/* ---------- Факты и преимущества ---------- */
.facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5) var(--s-6);margin:var(--s-6) 0 0}
.facts__item dt{font:800 var(--t-2xl)/1 var(--f-display);letter-spacing:-.03em;color:var(--ink);font-feature-settings:"tnum"}
.facts__item dd{margin:var(--s-2) 0 0;color:var(--steel);max-width:26ch}
.adv{list-style:none;padding:0;margin:0}
.adv__item{padding:var(--s-5) 0;border-top:1px solid var(--line)}
.adv__item:last-child{border-bottom:1px solid var(--line)}
.adv__item .h3{margin-bottom:var(--s-2)}
.adv__item p{margin:0;color:var(--ink-2)}

/* ---------- Журнал отправок ---------- */
.shiplog{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;font-feature-settings:"tnum"}
.shiplog th{text-align:left;font-size:var(--t-sm);font-weight:600;color:var(--steel);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line);background:var(--paper)}
.shiplog td{padding:var(--s-4);border-bottom:1px solid var(--line-2)}
.shiplog tr:last-child td{border-bottom:0}
.shiplog td:first-child{font-weight:600}
@media (max-width:700px){
  .shiplog thead{display:none}
  .shiplog tr{display:block;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-2)}
  .shiplog td{display:flex;justify-content:space-between;gap:var(--s-4);padding:.2rem 0;border:0}
  .shiplog td::before{content:attr(data-label);color:var(--steel);font-weight:400}
}

/* ---------- Отзывы ---------- */
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6) var(--s-6)}
.review{margin:0;padding-top:var(--s-4);border-top:1px solid rgba(255,255,255,.18)}
.review blockquote{margin:0 0 var(--s-3)}
.review p{font:italic 400 var(--t-md)/1.5 var(--f-voice);color:#fff;margin:0}
.review figcaption{font-size:var(--t-sm);color:var(--harbor-3)}
@media (max-width:960px){.reviews{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.reviews{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.faq__list{border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary,.prose details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-4) 0;font:700 var(--t-md)/1.35 var(--f-display);letter-spacing:-.01em}
.faq__item summary::-webkit-details-marker,.prose details summary::-webkit-details-marker{display:none}
.faq__item summary::after,.prose details summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--harbor-2);border-bottom:2px solid var(--harbor-2);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.faq__item[open] summary::after,.prose details[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.faq__a{padding:0 0 var(--s-5);color:var(--ink-2);max-width:72ch}
.faq__a p:last-child{margin:0}

/* ---------- Статьи-карточки ---------- */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}
.post-card{padding-top:var(--s-4);border-top:2px solid var(--ink)}
.post-card .h3 a{color:var(--ink);text-decoration:none}
.post-card .h3 a:hover{color:var(--harbor);text-decoration:underline}
.post-card p{color:var(--ink-2);margin:0}
.post-card__meta{font-size:var(--t-sm);color:var(--steel);margin-bottom:var(--s-2)}
@media (max-width:860px){.posts{grid-template-columns:1fr}}

/* ---------- CTA ---------- */
.cta-band{background:var(--tag);color:var(--tag-ink);padding:var(--s-7) 0}
.cta-band__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-5)}
.cta-band .h2{color:var(--tag-ink);margin-bottom:var(--s-2)}
.cta-band p{margin:0;max-width:60ch}
.cta-band .btn--primary{--bg:var(--ink);--fg:#fff;--bd:var(--ink)}
.cta-band .btn--primary:hover{--bg:var(--harbor);--bd:var(--harbor)}
.side-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);padding:var(--s-4) var(--s-5);background:var(--surface);border:1px dashed var(--harbor-3);border-radius:var(--r-2)}
.side-cta p{margin:0}

/* ---------- Каталог ---------- */
.filter-inline .field__input{min-height:40px;width:min(260px,100%)}
.alpha{columns:4 220px;column-gap:var(--s-6)}
.alpha__group{break-inside:avoid;display:grid;grid-template-columns:2.2rem 1fr;margin-bottom:var(--s-4)}
.alpha__letter{font:800 var(--t-lg)/1.2 var(--f-display);color:var(--harbor-3)}
.alpha__list{list-style:none;padding:0;margin:0}
.alpha__list a{display:block;padding:.2rem 0;color:var(--ink);font-weight:500;text-decoration:none}
.alpha__list a:hover{color:var(--harbor);text-decoration:underline}
.bodies{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:var(--s-4)}
.type-groups{columns:2 300px;column-gap:var(--s-6)}
.type-groups:empty{display:none}
.type-groups > *{break-inside:avoid}
.type-group{break-inside:avoid;margin-bottom:var(--s-5)}
.type-group__title{font:600 var(--t-sm)/1 var(--f-text);color:var(--steel);letter-spacing:0;padding-bottom:var(--s-2);border-bottom:1px solid var(--line);margin-bottom:var(--s-2)}
.type-list{list-style:none;padding:0;margin:0}
.type-list li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);padding:.3rem 0;border-bottom:1px dotted var(--line-2)}
.type-list a{color:var(--ink);font-weight:600;text-decoration:none}
.type-list a:hover{color:var(--harbor);text-decoration:underline}
.type-list a.is-request{color:var(--ink-2);font-weight:400}
.count{flex:none;font-size:var(--t-sm);font-weight:600;font-feature-settings:"tnum";background:var(--tag);color:var(--tag-ink);border-radius:99px;padding:0 .55em;line-height:1.6}
.count--req{background:transparent;color:var(--steel);font-weight:400;padding:0}
.aside-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-5);align-self:start}
.split--wide .aside-card{position:sticky;top:96px}
.aside-card .h3{margin-bottom:var(--s-2)}
.aside-card__phone{margin:var(--s-4) 0 0;font-weight:600}
.ticks{list-style:none;padding:0}
.ticks li{position:relative;padding-left:1.4em;margin-bottom:.35em}
.ticks li::before{content:"";position:absolute;left:0;top:.55em;width:.7em;height:.38em;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}

/* фильтры */
.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s-4) var(--s-6);padding:var(--s-4) var(--s-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2)}
.filters__group{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.filters__group legend{font-size:var(--t-sm);color:var(--steel);margin-bottom:.35rem;padding:0;width:100%}
.filters__actions{display:flex;gap:var(--s-2);margin-left:auto}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chip span,.chip--link{display:inline-block;padding:.3rem .7rem;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:var(--t-sm);font-weight:500;color:var(--ink);text-decoration:none}
.chip input:checked + span{background:var(--ink);border-color:var(--ink);color:#fff}
.chip input:focus-visible + span{box-shadow:var(--focus)}
.chip--link:hover{border-color:var(--harbor-2);color:var(--harbor)}
.suggest{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}

/* строка лота */
.lots{display:grid;gap:var(--s-3)}
.lot-row{display:grid;grid-template-columns:200px minmax(0,1fr) 210px;gap:var(--s-5);align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4)}
.lot-row__img{display:block;text-decoration:none;aspect-ratio:4/3;background:var(--paper);border-radius:var(--r-1);overflow:hidden}
.lot-row__img img{width:100%;height:100%;object-fit:cover}
.lot-row__title{font:700 var(--t-md)/1.3 var(--f-display);letter-spacing:-.01em;margin:0 0 var(--s-2)}
.lot-row__title a{color:var(--ink);text-decoration:none}
.lot-row__title a:hover{color:var(--harbor);text-decoration:underline}
.lot-row__desc{color:var(--ink-2);font-size:var(--t-sm);margin-bottom:var(--s-3)}
.lot-row__meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin:0;font-size:var(--t-sm)}
.lot-row__meta dt{color:var(--steel)}
.lot-row__meta dd{margin:0;font-weight:600;font-feature-settings:"tnum"}
.lot-row__actions{display:grid;gap:var(--s-2);justify-items:stretch}
.price-note{margin:0;font-size:var(--t-sm);color:var(--steel);text-align:center}
.noimg{display:grid;place-items:center;width:100%;height:100%;min-height:100px;padding:var(--s-3);text-align:center;font-size:var(--t-sm);color:var(--steel);background:repeating-linear-gradient(135deg,var(--paper) 0 10px,var(--line-2) 10px 20px)}
.noimg--sm{min-height:56px;width:72px}
@media (max-width:860px){.lot-row{grid-template-columns:120px minmax(0,1fr)}.lot-row__actions{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center}.price-note{text-align:left}}
@media (max-width:480px){.lot-row{grid-template-columns:1fr}.lot-row__img{max-width:none}.lot-row__actions{grid-template-columns:1fr}}

/* плитки */
.lot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s-5)}
.lot-tile{display:flex;flex-direction:column;gap:var(--s-2);color:var(--ink);text-decoration:none}
.lot-tile:hover{color:var(--harbor);text-decoration:none}
.lot-tile:hover .lot-tile__title{text-decoration:underline}
.lot-tile__img{display:block;aspect-ratio:4/3;border-radius:var(--r-2);overflow:hidden;background:var(--paper);border:1px solid var(--line-2)}
.lot-tile__img img{width:100%;height:100%;object-fit:cover}
.lot-tile__title{font-weight:600;line-height:1.35}
.lot-tile__sku{font-size:var(--t-sm);color:var(--steel)}

/* лот */
.lot-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s-7);align-items:start}
.gallery__main{display:block;aspect-ratio:770/510;border-radius:var(--r-2);overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.gallery__main img{width:100%;height:100%;object-fit:contain;background:var(--surface)}
.gallery__main--empty{display:grid;place-items:center;padding:var(--s-6);text-align:center;color:var(--steel);background:repeating-linear-gradient(135deg,var(--paper) 0 14px,var(--line-2) 14px 28px)}
.gallery__thumbs{list-style:none;padding:0;margin:var(--s-3) 0 0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.gallery__thumbs button{padding:0;border:2px solid transparent;border-radius:var(--r-1);background:none;cursor:pointer;overflow:hidden;width:92px;aspect-ratio:4/3}
.gallery__thumbs button img{width:100%;height:100%;object-fit:cover}
.gallery__thumbs button[aria-current="true"]{border-color:var(--tag)}
.lot-aside > * + *{margin-top:var(--s-5)}
.lot-aside__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);padding:var(--s-2) 0 var(--s-3)}
.lot-aside__actions .btn{flex:1 1 200px;justify-content:center}
.lot-aside__actions + *{margin-top:var(--s-6)}
.spec{margin:0;border-top:1px solid var(--line)}
.spec > div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:var(--s-3);padding:.6rem 0;border-bottom:1px solid var(--line)}
.spec dt{color:var(--steel)}
.spec dd{margin:0;font-weight:600}
.spec--big dd{font-size:var(--t-md)}
.assurances{list-style:none;padding:var(--s-5) 0 0;margin:0;display:grid;gap:var(--s-3);border-top:1px solid var(--line)}
.assurances li{padding-left:var(--s-4);border-left:3px solid var(--tag);color:var(--ink-2)}
.assurances strong{color:var(--ink)}
@media (max-width:960px){.lot-page{grid-template-columns:1fr;gap:var(--s-5)}}

/* пусто */
.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-6)}
.empty > p{max-width:64ch}

/* поиск-строка */
.searchbar{display:flex;gap:var(--s-2);max-width:720px}
.searchbar .field__input{flex:1;min-height:52px}
.searchbar .btn{min-height:52px}
@media (max-width:520px){.searchbar{flex-direction:column}}

/* ---------- Формы ---------- */
.form > * + *{margin-top:var(--s-4)}
.form__group{border:0;padding:0;margin:0 0 var(--s-5)}
.form__legend{font:700 var(--t-md) var(--f-display);margin-bottom:var(--s-3);padding:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.field--wide{grid-column:1/-1}
@media (max-width:620px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:.35rem}
.field__label{font-weight:600;font-size:var(--t-sm)}
.field__input{width:100%;min-height:46px;padding:.6em .8em;border:1px solid #B9C4CC;border-radius:var(--r-2);background:var(--surface);color:var(--ink);font:400 var(--t-base)/1.4 var(--f-text)}
textarea.field__input{min-height:96px;resize:vertical}
select.field__input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--steel) 50%),linear-gradient(135deg,var(--steel) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.2em}
.field__input:focus{outline:none;border-color:var(--harbor);box-shadow:0 0 0 3px rgba(23,75,107,.18)}
.phone-field{display:flex;align-items:stretch;border:1px solid #B9C4CC;border-radius:var(--r-2);background:var(--surface);overflow:hidden}
.phone-field:focus-within{border-color:var(--harbor);box-shadow:0 0 0 3px rgba(23,75,107,.18)}
.phone-field__prefix{display:flex;align-items:center;padding:0 .7em;background:var(--paper);border-right:1px solid var(--line);font-weight:600;color:var(--ink);font-feature-settings:"tnum";user-select:none}
.phone-field .field__input{border:0;border-radius:0;box-shadow:none;letter-spacing:.04em;font-feature-settings:"tnum"}
.phone-field .field__input:focus{box-shadow:none}
.field--error .phone-field{border-color:var(--err)}
.field__hint{margin:0;font-size:var(--t-sm);color:var(--steel)}
.field__error{margin:0;font-size:var(--t-sm);color:var(--err);font-weight:600}
.field--error .field__input{border-color:var(--err)}
.check{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:start;margin:var(--s-3) 0;font-size:var(--t-sm)}
.check input{width:20px;height:20px;margin:.1rem 0 0;accent-color:var(--harbor)}
.check .field__error{grid-column:2}

/* ---------- Запрос (корзина) ---------- */
.req-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-3)}
.req-item{display:grid;grid-template-columns:72px minmax(0,1fr) 76px auto;gap:var(--s-3);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-3)}
.req-item img{width:72px;height:54px;object-fit:cover;border-radius:var(--r-1)}
.req-item__body{display:grid;gap:.15rem;min-width:0}
.req-item__body a{font-weight:600;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.req-item__qty .field__input{min-height:38px;padding:.3em .5em;text-align:center}
@media (max-width:520px){.req-item{grid-template-columns:56px minmax(0,1fr)}.req-item img{width:56px;height:42px}.req-item__qty,.req-item .js-remove{grid-column:span 1}}

/* ---------- Кабинет ---------- */
.login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5);max-width:900px}
@media (max-width:760px){.login-grid{grid-template-columns:1fr}}
.order-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-3)}
.order-card{display:grid;grid-template-columns:110px 120px 1fr auto;gap:var(--s-4);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-4) var(--s-5);color:var(--ink);text-decoration:none}
.order-card:hover{border-color:var(--harbor-2);text-decoration:none;color:var(--ink)}
.order-card__num{font:800 var(--t-md) var(--f-display);font-feature-settings:"tnum"}
.order-card__date,.order-card__count{color:var(--steel);font-feature-settings:"tnum"}
@media (max-width:700px){.order-card{grid-template-columns:1fr 1fr}}
.status{display:inline-block;padding:.25rem .7rem;border-radius:99px;font-size:var(--t-sm);font-weight:600;background:var(--line-2);color:var(--ink-2);white-space:nowrap}
.status--priced{background:var(--tag);color:var(--tag-ink)}
.status--paid{background:var(--ok-bg);color:var(--ok)}
.status--shipped{background:var(--ink);color:#fff}
.status--lg{font-size:var(--t-base);padding:.4rem 1rem}
.progress{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);counter-reset:pr}
.progress__step{counter-increment:pr;padding:var(--s-3) 0 0;border-top:4px solid var(--line);font-size:var(--t-sm);color:var(--steel);font-weight:500}
.progress__step.is-done{border-top-color:var(--harbor-2);color:var(--ink)}
.progress__step.is-current{border-top-color:var(--tag);font-weight:700}
@media (max-width:560px){.progress{grid-template-columns:1fr 1fr}}
.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2)}
.order-table th,.order-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-2);text-align:left;vertical-align:middle;font-feature-settings:"tnum"}
.order-table thead th{font-size:var(--t-sm);color:var(--steel);font-weight:600;background:var(--paper)}
.order-table tfoot th,.order-table tfoot td{border-bottom:0;font-size:var(--t-md)}
.order-table tfoot th{text-align:right}
.order-table img{width:96px;height:72px;object-fit:cover;border-radius:var(--r-1)}
@media (max-width:720px){
  .order-table thead{display:none}
  .order-table tr{display:grid;grid-template-columns:1fr 1fr;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--line-2)}
  .order-table td{border:0;padding:.2rem 0}
  .order-table td::before{content:attr(data-label);display:block;font-size:.78rem;color:var(--steel)}
  .order-table td[data-label="Деталь"]{grid-column:1/-1}
  .order-table tfoot tr{display:flex;justify-content:space-between}
}
.pay-card{background:var(--surface);border:2px solid var(--tag);border-radius:var(--r-2);padding:var(--s-5)}
.msgs{list-style:none;padding:0;margin:0 0 var(--s-4);display:grid;gap:var(--s-3)}
.msg{max-width:90%;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--surface);border:1px solid var(--line)}
.msg--client{justify-self:end;background:#EAF1F6;border-color:#CFDDE7}
.msg__who{display:block;font-size:.78rem;color:var(--steel);margin-bottom:.2rem}
.msg p{margin:0}
.photo-strip{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.photo-strip img{width:120px;height:90px;object-fit:cover;border-radius:var(--r-1)}

/* ---------- Пагинация Joomla ---------- */
.pager ul,.pagination{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;padding:0;margin:var(--s-5) 0 0}
.pagination .page-link{display:grid;place-items:center;min-width:42px;min-height:42px;padding:0 .7rem;border:1px solid var(--line);border-radius:var(--r-2);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;font-feature-settings:"tnum"}
.pagination .active .page-link{background:var(--ink);border-color:var(--ink);color:#fff}
.pagination .disabled .page-link{opacity:.45}

/* ---------- Контент статей ---------- */
.article{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--s-7);align-items:start}
.article__meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);font-size:var(--t-sm);color:var(--steel);margin-bottom:var(--s-5)}
.toc{position:sticky;top:96px;font-size:var(--t-sm);border-left:2px solid var(--line);padding-left:var(--s-4)}
.toc p{font-weight:600;margin-bottom:var(--s-2)}
.toc ol{list-style:none;padding:0;margin:0}
.toc li{margin-bottom:.4rem}
.toc a{color:var(--ink-2);text-decoration:none}
.toc a:hover{color:var(--harbor);text-decoration:underline}
@media (max-width:1000px){.article{grid-template-columns:1fr}.toc{position:static;border-left:0;padding:0}}
.prose{max-width:72ch;font-size:var(--t-base)}
.prose h2{font-size:var(--t-xl);font-weight:700;margin:var(--s-7) 0 var(--s-3)}
.prose h3{font-size:var(--t-md);margin:var(--s-5) 0 var(--s-2)}
.prose li{margin-bottom:.4em}
.prose li::marker{color:var(--harbor-2);font-weight:700}
.prose table{margin:var(--s-5) 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden;font-size:var(--t-sm);display:block;overflow-x:auto}
.prose th,.prose td{padding:var(--s-3);border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top}
.prose thead th{background:var(--paper);color:var(--steel)}
.prose tbody th,.prose tbody td:first-child{font-weight:600}
.prose img{border-radius:var(--r-2)}
.prose .faq{margin-top:var(--s-7);border-top:2px solid var(--ink);padding-top:var(--s-3)}
.prose details{border-bottom:1px solid var(--line)}
.prose details p{color:var(--ink-2)}
.prose blockquote{margin:var(--s-5) 0;padding-left:var(--s-5);border-left:3px solid var(--tag);font:italic var(--t-md)/1.5 var(--f-voice)}
.article-cta{margin-top:var(--s-7);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5);background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--tag);border-radius:var(--r-2)}
.article-cta p{margin:0;max-width:52ch}
.blog-list{display:grid;gap:0;border-top:1px solid var(--line)}
.blog-item{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5);padding:var(--s-5) 0;border-bottom:1px solid var(--line)}
.blog-item .h2{font-size:var(--t-lg);margin-bottom:var(--s-2)}
.blog-item .h2 a{color:var(--ink);text-decoration:none}
.blog-item .h2 a:hover{color:var(--harbor);text-decoration:underline}
.blog-item p{color:var(--ink-2);margin:0;max-width:72ch}
@media (max-width:620px){.blog-item{grid-template-columns:1fr}}

/* ---------- Контакты ---------- */
.contacts-wrap{max-width:760px}
.messengers{display:flex;flex-wrap:wrap;gap:var(--s-3)}
.map iframe{border:1px solid var(--line);border-radius:var(--r-2);min-height:380px;width:100%}

/* ---------- Подвал ---------- */
.footer{background:var(--ink);color:#B9C7D1;padding:var(--s-8) 0 var(--s-5);font-size:var(--t-sm)}
.footer a{color:#fff;text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:var(--s-6)}
.footer .logo{color:#fff}
.footer .logo__word span{color:var(--tag)}
.footer h3,.footer .moduletitle{font:600 var(--t-sm) var(--f-text);color:#fff;letter-spacing:0;margin:0 0 var(--s-3)}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{margin-bottom:.45rem}
.footer .mod-menu a,.footer .mod-menu a:hover,.footer .mod-menu a:focus{display:inline;padding:0;background:none;box-shadow:none;color:#fff;font-size:var(--t-sm);font-weight:400}
.footer .mod-menu a:hover{text-decoration:underline;color:var(--tag)}
.footer .mod-menu li.current > a,.footer .mod-menu li.active > a{color:var(--tag)}
.footer__about{max-width:42ch;margin-top:var(--s-4)}
.footer__phone{font:700 var(--t-md) var(--f-display);font-feature-settings:"tnum"}
.footer__legal{margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3);color:#8396A3}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.footer__grid{grid-template-columns:1fr}}

/* ---------- Ошибка / офлайн ---------- */
.error-page{min-height:60vh;display:grid;align-content:center;gap:var(--s-4)}
.error-page__code{font:800 clamp(4rem,10vw,8rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--harbor-3)}

@media print{.topbar,.header,.footer,.cta-band,.lot-row__actions,.burger{display:none!important}body{background:#fff}}

/* капча, раздел «Поставщикам» */
.captcha{margin:var(--s-4) 0;min-height:102px}
.adv--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4)}
.adv--grid .adv__item{border:1px solid var(--line);border-radius:var(--r-2);padding:var(--s-5);background:var(--surface)}
.adv--grid .adv__item:last-child{border-bottom:1px solid var(--line)}
.hero--compact{padding:clamp(2.5rem,5vw,4.5rem) 0}
.h-display--sm{font-size:var(--t-2xl);max-width:22ch}
.hero .h-display--sm{max-width:22ch}