/* ==========================================================================
   U2 — «Не ограничивайте выбор одним рынком»
   Парадигма: editorial-compare (журнальный сравнительный разбор).
   Референс владельца: светлый холст, крупные серые номера секций, красный
   акцент только на действии, тонкие линейки, плотный капс, вертикальная
   маргиналия. Морфология — decision tool, НЕ маркетинговый лендинг.
   Разведение с U1: U1 = тёплый серый + лайм + товарная лента + слайдер бюджета.
   ========================================================================== */
:root{
  --paper:#FFFFFF; --paper2:#F5F4F2; --paper3:#EDEBE7;
  --ink:#121212; --ink2:#4A4741; --ink3:#6B6862;
  --rule:#E4E1DC; --rule2:#CFCBC4;
  --red:#D6301F; --red-d:#AE2415; --red-soft:#FBEEEC;
  --num:#EBE8E3;
  --ok:#1A7F37;
  --maxw:1240px;
  --r:2px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --display:"Roboto Condensed","Arial Narrow","Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper); color:var(--ink); font-family:var(--font);
  font-size:16px; line-height:1.6; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; height:auto; display:block}
a{color:inherit}
button{font:inherit; color:inherit}

.wrap{width:100%; max-width:var(--maxw); margin:0 auto; padding:0 20px}
.skip{position:absolute; left:-9999px}
.skip:focus{left:8px; top:8px; z-index:99; background:var(--ink); color:#fff; padding:10px 14px}

:focus-visible{outline:2px solid var(--red); outline-offset:2px}

/* ---------- типографика ---------- */
.kicker{
  font-family:var(--display); font-size:12px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--red); margin:0 0 12px;
}
.kicker--mute{color:var(--ink3)}
h1,h2,h3{font-family:var(--display); font-weight:700; letter-spacing:-.005em; margin:0}
h1{font-size:38px; line-height:1.06; text-transform:uppercase}
h2{font-size:28px; line-height:1.1; text-transform:uppercase}
h3{font-size:18px; line-height:1.2}
.lead{font-size:16px; line-height:1.62; color:var(--ink2); margin:16px 0 0; max-width:62ch}
p{margin:0 0 14px}
.small{font-size:13px; line-height:1.55; color:var(--ink3)}
.num{font-variant-numeric:tabular-nums}

/* ---------- секции с номерами (приём референса) ---------- */
.sec{padding:56px 0; border-top:1px solid var(--rule); position:relative}
.sec--plain{border-top:none}
.sec__no{
  font-family:var(--display); font-weight:700; font-size:64px; line-height:.8;
  color:var(--num); letter-spacing:-.03em; display:block; margin:0 0 6px;
}
.sec__no::after{content:""; display:block; width:34px; height:2px; background:var(--red); margin-top:10px}
.sec__head{margin-bottom:28px}

/* ---------- кнопки ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:52px; padding:14px 26px; border-radius:999px; border:0;
  background:var(--red); color:#fff; font-family:var(--display); font-weight:700;
  font-size:15px; letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
  cursor:pointer; transition:background .15s ease;
}
.btn:hover,.btn:focus{background:var(--red-d)}
.btn__arr{font-size:17px; line-height:1}
.btn--ghost{
  background:transparent; color:var(--ink); border:1px solid var(--rule2);
}
.btn--ghost:hover,.btn--ghost:focus{background:var(--paper2); border-color:var(--ink3)}
.btn--wide{width:100%}

/* ---------- шапка ---------- */
.hdr{border-bottom:1px solid var(--rule); background:var(--paper); position:relative; z-index:20}
.hdr__in{display:flex; align-items:center; gap:16px; min-height:60px}
.logo{font-family:var(--display); font-weight:700; font-size:20px; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; white-space:nowrap}
.logo span{color:var(--red)}
.hdr__nav{display:none; gap:22px; margin-left:auto}
.hdr__nav a{font-size:14px; color:var(--ink2); text-decoration:none}
.hdr__nav a:hover{color:var(--red)}
.hdr__tel{margin-left:auto; font-family:var(--display); font-weight:700; font-size:16px; text-decoration:none; white-space:nowrap}
.hdr__cta{display:none}

/* ---------- 01 hero ---------- */
.hero{padding:32px 0 40px}
.hero__grid{display:block}
.hero__eyebrow{
  font-family:var(--display); font-size:12px; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink3); margin:0 0 16px;
}
.hero h1{margin-bottom:0}
.hero h1 em{font-style:normal; color:var(--red)}
.hero__lead{font-size:17px; line-height:1.58; color:var(--ink2); margin:18px 0 0; max-width:56ch}

/* инструмент решения — первое действие, до фото */
.tool{border:1px solid var(--rule2); background:var(--paper2); padding:18px 16px; margin:26px 0 0}
.tool__t{
  font-family:var(--display); font-weight:700; font-size:13px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink); margin:0 0 4px;
}
.tool__hint{font-size:13px; color:var(--ink3); margin:0 0 16px}
.fset{border:0; padding:0; margin:0 0 18px}
.fset__lg{
  display:block; font-size:13px; font-weight:600; color:var(--ink2); margin:0 0 9px;
}
.chips{display:flex; flex-wrap:wrap; gap:8px}
.chip{
  min-height:44px; padding:10px 15px; border:1px solid var(--rule2); background:var(--paper);
  border-radius:999px; font-size:14px; cursor:pointer; color:var(--ink2);
  transition:border-color .12s ease, color .12s ease, background .12s ease;
}
.chip:hover{border-color:var(--ink3)}
.chip[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:#fff}
.tool__out{
  border-top:1px solid var(--rule2); margin-top:4px; padding-top:16px;
  font-size:14px; line-height:1.55; color:var(--ink2);
}
.tool__out b{color:var(--ink); font-weight:600}
.tool__cta{margin-top:16px}
.tool__note{font-size:12px; color:var(--ink3); margin:10px 0 0}

/* полоса фактов */
.strip{
  display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--rule);
  border:1px solid var(--rule); margin:28px 0 0;
}
.strip__i{background:var(--paper); padding:14px 14px}
.strip__v{font-family:var(--display); font-weight:700; font-size:24px; line-height:1.1}
.strip__l{font-size:12px; color:var(--ink3); line-height:1.4; margin-top:4px}

/* фото-слот */
.ph{margin:28px 0 0; border:1px solid var(--rule2); background:var(--paper2)}
.ph__box{
  aspect-ratio:4/3; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:8px; padding:24px; text-align:center;
}
.ph__tag{
  font-family:var(--display); font-size:11px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--red);
}
.ph__txt{font-size:13px; color:var(--ink3); line-height:1.5; max-width:34ch}
.ph__cap{border-top:1px solid var(--rule2); padding:10px 14px; font-size:12px; color:var(--ink2)}
.ph img{width:100%}

/* ---------- 02 механизм: одна база ---------- */
.base{border:1px solid var(--rule2); background:var(--paper)}
.base__row{display:flex; gap:12px; padding:14px 16px; border-bottom:1px solid var(--rule); align-items:baseline}
.base__row:last-child{border-bottom:0}
.base__row--out{background:var(--paper2)}
.base__k{font-size:14px; color:var(--ink2); flex:1 1 auto}
.base__v{font-family:var(--display); font-weight:700; font-size:15px; white-space:nowrap; color:var(--ink)}
.base__v--strike{color:var(--ink3); text-decoration:line-through}
.base__note{font-size:12px; color:var(--ink3); margin-top:6px; line-height:1.45}
.callout{
  border-left:2px solid var(--red); background:var(--red-soft); padding:14px 16px;
  margin:20px 0 0; font-size:14px; line-height:1.55;
}

/* ---------- 03 рынки ---------- */
.mkts{display:grid; gap:16px; margin-top:8px}
.mkt{border:1px solid var(--rule2); background:var(--paper)}
.mkt__hd{display:flex; align-items:center; gap:10px; padding:14px 16px; border-bottom:1px solid var(--rule)}
.mkt__n{font-family:var(--display); font-weight:700; font-size:19px; text-transform:uppercase}
.mkt__st{
  margin-left:auto; font-size:11px; font-family:var(--display); font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; color:var(--ink3);
  border:1px solid var(--rule2); border-radius:999px; padding:5px 11px; white-space:nowrap;
}
.mkt__st--on{color:var(--ok); border-color:var(--ok)}
.mkt__st--ask{color:var(--red); border-color:var(--red)}
.mkt__bd{padding:14px 16px}
.mkt__lbl{font-size:12px; color:var(--ink3); text-transform:uppercase; letter-spacing:.08em; font-weight:600; margin:0 0 6px}
.mkt__txt{font-size:14px; line-height:1.55; color:var(--ink2); margin:0 0 14px}
.mkt__txt:last-child{margin-bottom:0}

/* ---------- 04 сценарии ---------- */
.scn{display:grid; gap:16px}
.scnc{border:1px solid var(--rule2); background:var(--paper); display:flex; flex-direction:column}
.scnc__hd{padding:12px 16px; border-bottom:1px solid var(--rule); display:flex; align-items:center; gap:10px}
.scnc__no{font-family:var(--display); font-weight:700; font-size:13px; color:var(--red); letter-spacing:.1em}
.scnc__mkt{font-family:var(--display); font-weight:700; font-size:14px; text-transform:uppercase; letter-spacing:.06em}
.scnc__bd{padding:16px; flex:1 1 auto}
.dl{margin:0; font-size:14px}
.dl div{display:flex; gap:12px; padding:8px 0; border-bottom:1px dotted var(--rule2)}
.dl div:last-child{border-bottom:0}
.dl dt{color:var(--ink3); flex:0 0 44%}
.dl dd{margin:0; color:var(--ink); flex:1 1 auto}

/* сравнительная матрица */
.mtxwrap{overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--rule2); margin-top:20px}
table.mtx{border-collapse:collapse; width:100%; min-width:560px; font-size:14px}
.mtx th,.mtx td{padding:12px 14px; text-align:left; border-bottom:1px solid var(--rule); vertical-align:top}
.mtx thead th{
  font-family:var(--display); font-weight:700; font-size:13px; letter-spacing:.08em;
  text-transform:uppercase; background:var(--paper2); border-bottom:1px solid var(--rule2);
}
.mtx tbody th{font-weight:600; color:var(--ink2); font-size:13px; width:30%}
.mtx tr:last-child th,.mtx tr:last-child td{border-bottom:0}
.mtx__hint{font-size:12px; color:var(--ink3); margin-top:8px}

/* ---------- 05 факт ---------- */
.fact{border-top:2px solid var(--ink); padding-top:20px}
.fact__q{font-family:var(--display); font-weight:700; font-size:22px; line-height:1.18; text-transform:uppercase; margin:0 0 14px}
.brands{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; padding:0; list-style:none}
.brands li{
  border:1px solid var(--rule2); padding:7px 13px; font-size:13px; color:var(--ink2);
  font-variant-numeric:tabular-nums;
}

/* ---------- 06 процесс ---------- */
.steps{list-style:none; margin:0; padding:0; counter-reset:s}
.steps li{
  counter-increment:s; padding:16px 0 16px 46px; border-bottom:1px solid var(--rule); position:relative;
}
.steps li:last-child{border-bottom:0}
.steps li::before{
  content:counter(s,decimal-leading-zero); position:absolute; left:0; top:16px;
  font-family:var(--display); font-weight:700; font-size:15px; color:var(--red);
  letter-spacing:.06em;
}
.steps b{display:block; font-family:var(--display); font-weight:700; font-size:16px; text-transform:uppercase; margin-bottom:4px}
.steps span{font-size:14px; color:var(--ink2); line-height:1.55}

/* ---------- 07 пруф ---------- */
.proof{display:grid; gap:14px}
.pf{border:1px solid var(--rule2); padding:14px 16px; background:var(--paper)}
.pf__t{font-family:var(--display); font-weight:700; font-size:15px; text-transform:uppercase; margin:0 0 8px}
.pf ul{margin:0; padding-left:18px; font-size:14px; color:var(--ink2); line-height:1.6}
.pf li{margin-bottom:5px}
.pf li:last-child{margin-bottom:0}
.pf__src{font-size:12px; color:var(--ink3); margin-top:10px; border-top:1px solid var(--rule); padding-top:8px}

/* ---------- 08 возражения ---------- */
.obj{border-top:1px solid var(--rule)}
.obj details{border-bottom:1px solid var(--rule)}
.obj summary{
  cursor:pointer; list-style:none; padding:16px 30px 16px 0; position:relative;
  font-family:var(--display); font-weight:700; font-size:16px; line-height:1.3; min-height:44px;
}
.obj summary::-webkit-details-marker{display:none}
.obj summary::after{
  content:"+"; position:absolute; right:2px; top:14px; font-size:22px; color:var(--red); line-height:1;
}
.obj details[open] summary::after{content:"–"}
.obj__a{font-size:14px; line-height:1.62; color:var(--ink2); padding:0 0 18px; margin:0; max-width:64ch}

/* ---------- 09 форма ---------- */
.conv{background:var(--paper3); border:1px solid var(--rule2); padding:24px 18px}
.frm{margin-top:18px}
.frm__f{margin-bottom:14px}
.frm label{display:block; font-size:13px; font-weight:600; color:var(--ink2); margin-bottom:6px}
.frm input[type=text],.frm input[type=tel]{
  width:100%; min-height:52px; padding:13px 14px; font-size:16px; font-family:var(--font);
  border:1px solid var(--rule2); border-radius:var(--r); background:var(--paper); color:var(--ink);
}
.frm input:focus{border-color:var(--ink); outline:2px solid var(--red); outline-offset:1px}
.frm__sum{
  border:1px dashed var(--rule2); background:var(--paper); padding:12px 14px;
  font-size:13px; line-height:1.5; color:var(--ink2); margin-bottom:14px;
}
.frm__sum b{color:var(--ink)}
.chk{display:flex; gap:10px; align-items:flex-start; margin:4px 0 16px}
.chk input{width:22px; height:22px; margin:1px 0 0; flex:0 0 auto; accent-color:var(--red)}
.chk label{font-size:12px; color:var(--ink3); line-height:1.5; font-weight:400; margin:0}
.frm__after{font-size:12px; color:var(--ink3); margin-top:12px; line-height:1.5}

/* ---------- 10 навигация по связке ---------- */
.nav2{display:grid; gap:22px}
.nav2 h3{
  font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink3);
  margin:0 0 10px; padding-bottom:8px; border-bottom:1px solid var(--rule);
}
.nav2 ul{list-style:none; margin:0; padding:0}
.nav2 li{border-bottom:1px solid var(--rule)}
.nav2 li:last-child{border-bottom:0}
.nav2 a{
  display:flex; align-items:center; gap:10px; min-height:48px; padding:11px 0;
  text-decoration:none; font-size:15px; color:var(--ink);
}
.nav2 a:hover{color:var(--red)}
.nav2 a::after{content:"→"; margin-left:auto; color:var(--ink3)}
.nav2 a:hover::after{color:var(--red)}
.nav2 em{font-style:normal; color:var(--ink3); font-size:13px; display:block; margin-top:2px}

/* ---------- подвал ---------- */
.ftr{border-top:1px solid var(--rule); padding:32px 0 96px; font-size:13px; color:var(--ink3)}
.ftr a{color:var(--ink2)}
.ftr__r{margin-bottom:10px}

/* ---------- липкая кнопка ---------- */
.sticky{
  position:fixed; left:0; right:0; bottom:0; z-index:30; padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96); border-top:1px solid var(--rule2);
  transform:translateY(110%); transition:transform .2s ease;
}
.sticky.on{transform:translateY(0)}
.sticky .btn{width:100%}

/* ---------- планшет / десктоп ---------- */
@media (min-width:768px){
  .wrap{padding:0 32px}
  h1{font-size:56px}
  h2{font-size:36px}
  .sec{padding:72px 0}
  .sec__no{font-size:88px}
  .strip{grid-template-columns:repeat(4,1fr)}
  .mkts{grid-template-columns:repeat(3,1fr)}
  .scn{grid-template-columns:repeat(3,1fr)}
  .proof{grid-template-columns:repeat(2,1fr)}
  .nav2{grid-template-columns:repeat(2,1fr); gap:22px 40px}
  .hdr__nav{display:flex}
  .hdr__tel{margin-left:0}
  .conv{padding:36px 32px}
  .tool{padding:24px 22px}
}
@media (min-width:1024px){
  h1{font-size:68px}
  .hero{padding:56px 0 64px}
  .hero__grid{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:56px; align-items:start}
  .hero__media{position:relative}
  .hero__media .ph{margin-top:0}
  .hero__rot{
    position:absolute; left:-40px; top:0; writing-mode:vertical-rl; transform:rotate(180deg);
    font-family:var(--display); font-size:11px; font-weight:700; letter-spacing:.22em;
    text-transform:uppercase; color:var(--ink3);
  }
  .sec__head{display:grid; grid-template-columns:120px minmax(0,1fr); gap:32px; align-items:start}
  .sec__no{font-size:104px; margin:0}
  .nav2{grid-template-columns:repeat(4,1fr)}
  .hdr__cta{display:inline-flex; min-height:44px; padding:11px 20px; font-size:13px; margin-left:20px}
  .sticky{display:none}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important; animation:none !important}
  .sticky{transition:none}
}

/* ---------- добавлено для подстраниц ---------- */
.crumbs{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center;
  font-size:13px; color:var(--ink3); margin:0 0 20px;
}
.crumbs a{color:var(--ink2); text-decoration:none}
.crumbs a:hover{color:var(--red)}
.crumbs span[aria-hidden]{color:var(--ink3)}

.mtx__ask{color:var(--ink3); font-style:italic}
.mtx td[colspan]{color:var(--ink2); background:var(--paper2)}

@media (min-width:768px){
  .mkts--2{grid-template-columns:repeat(2,1fr)}
}

/* ---------- правки по вёрстка-гейту 390 px ---------- */
/* H1 укладывается в 4 строки на узком экране */
@media (max-width:479px){
  h1{font-size:31px; line-height:1.04}
  .hero{padding:22px 0 36px}
  .hero__lead{font-size:16px; margin-top:14px}
  .tool{padding:16px 14px; margin-top:20px}
  .fset{margin-bottom:14px}
  .strip{margin-top:22px}
}

/* тач-цели шапки, телефона, крошек */
.logo{display:inline-flex; align-items:center; min-height:44px}
.hdr__tel{display:inline-flex; align-items:center; min-height:44px}
.hdr__nav a{display:inline-flex; align-items:center; min-height:44px}
.crumbs a,.crumbs>span{display:inline-flex; align-items:center; min-height:44px}
.skip:focus{min-height:44px; display:inline-flex; align-items:center}
.chk input{width:24px; height:24px}
.chk label{padding:9px 0}

/* второй критерий раскрывается после первого — держит кнопку над сгибом */
.fset[hidden]{display:none}

@media (min-width:1024px){
  h1{font-size:58px}
}

/* ==========================================================================
   ФОТО, ГАЛЕРЕИ, ОТЗЫВЫ
   ========================================================================== */
figure{margin:0}
.ph img{width:100%; height:100%; object-fit:cover; display:block}
.ph--hero .fr{aspect-ratio:4/5}
.fr{position:relative; overflow:hidden; background:var(--paper3)}
.fr--43{aspect-ratio:4/3}
.fr--11{aspect-ratio:1/1}
.fr--45{aspect-ratio:4/5}
.fr--169{aspect-ratio:16/9}
.fr img{width:100%; height:100%; object-fit:cover; display:block}
.fr__tag{
  position:absolute; left:0; top:0; background:var(--red); color:#fff;
  font-family:var(--display); font-weight:700; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; padding:6px 11px;
}
.fr__tag--ink{background:var(--ink)}
.cap{font-size:13px; line-height:1.5; color:var(--ink2); padding:10px 0 0}
.cap b{color:var(--ink); font-weight:600}

/* триптих «марка ≠ рынок» */
.tri{display:grid; gap:16px; margin-top:24px}
.tri figure{border:1px solid var(--rule2); background:var(--paper)}
.tri .cap{padding:12px 14px}

/* галерея логистики */
.gal{display:grid; gap:14px; margin-top:24px}
.gal figure{border:1px solid var(--rule2)}
.gal .cap{padding:10px 12px; font-size:12px}

/* карточки рынков с фото */
.mkt__fig{border-bottom:1px solid var(--rule)}
.mkt__none{
  aspect-ratio:4/3; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:24px; background:var(--paper2);
  border-bottom:1px solid var(--rule);
  font-family:var(--display); font-weight:700; font-size:15px; line-height:1.3;
  text-transform:uppercase; color:var(--ink3); letter-spacing:.04em;
}

/* сценарии с фото */
.scnc__fig{border-bottom:1px solid var(--rule)}
.scnc__ask{
  font-size:13px; color:var(--ink3); border-top:1px dotted var(--rule2);
  margin-top:10px; padding-top:10px;
}

/* отзывы */
.revs{display:grid; gap:16px; margin-top:8px}
.rev{border:1px solid var(--rule2); background:var(--paper); padding:16px}
.rev__hd{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:8px}
.rev__n{font-family:var(--display); font-weight:700; font-size:15px}
.rev__m{font-size:12px; color:var(--ink3)}
.rev__st{color:var(--red); letter-spacing:.08em; font-size:13px; margin-bottom:8px}
.rev__t{font-size:14px; line-height:1.6; color:var(--ink2); margin:0}
.rev__pull{border-left:2px solid var(--red); padding-left:12px; margin-top:10px; font-size:13px; color:var(--ink)}
.rev--wide{grid-column:1/-1}

@media (min-width:768px){
  .tri{grid-template-columns:repeat(3,1fr)}
  .gal{grid-template-columns:repeat(4,1fr)}
  .revs{grid-template-columns:repeat(2,1fr)}
}

/* ---------- видео ---------- */
.vids{display:grid; gap:16px; margin-top:8px}
.vidc{border:1px solid var(--rule2); background:var(--paper)}
.vidc video{
  width:100%; aspect-ratio:9/16; object-fit:cover; display:block;
  background:var(--ink); border-bottom:1px solid var(--rule);
}
.vidc__bd{padding:14px 16px}
.vidc__t{font-family:var(--display); font-weight:700; font-size:15px; text-transform:uppercase; margin:0 0 6px}
.vidc__d{font-size:13px; line-height:1.55; color:var(--ink2); margin:0}
.vidc__m{font-size:12px; color:var(--ink3); margin:8px 0 0}
@media (min-width:768px){
  .vids{grid-template-columns:repeat(3,1fr)}
  .vids--2{grid-template-columns:repeat(2,1fr); max-width:760px}
}

/* ---------- 04: список «что вы получаете» ---------- */
.dl--wide{border:1px solid var(--rule2); background:var(--paper)}
.dl--wide div{padding:14px 16px; border-bottom:1px solid var(--rule); align-items:baseline}
.dl--wide div:last-child{border-bottom:0}
.dl--wide dt{color:var(--ink); font-weight:600; flex:0 0 34%}
.dl--wide dd{color:var(--ink2)}

/* ---------- 05: одна строка про проверку ---------- */
.trustline{
  margin-top:22px; padding:14px 16px; border-left:2px solid var(--red);
  background:var(--red-soft); font-size:14px; line-height:1.55; color:var(--ink);
}

/* ---------- навигация в подвале ---------- */
.ftrnav{display:grid; gap:22px; margin-bottom:28px; padding-bottom:24px; border-bottom:1px solid var(--rule)}
.ftrnav h3{
  font-family:var(--display); font-size:12px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--ink3); margin:0 0 8px; font-weight:700;
}
.ftrnav ul{list-style:none; margin:0; padding:0}
.ftrnav a{
  display:flex; align-items:center; min-height:44px; text-decoration:none;
  font-size:14px; color:var(--ink2);
}
.ftrnav a:hover{color:var(--red)}
@media (min-width:768px){
  .ftrnav{grid-template-columns:repeat(4,1fr); gap:22px 32px}
}

/* ==========================================================================
   БЛОК ДОВЕРИЯ — реальные скриншоты отзывов
   Скрин намеренно оформлен как внешний документ, а не как карточка сайта:
   светлая рамка-паспарту, лёгкая тень, подпись источника снизу.
   ========================================================================== */
.trust{display:grid; gap:20px}
.shot{
  background:#fff; border:1px solid var(--rule2); padding:10px;
  box-shadow:0 1px 3px rgba(0,0,0,.07);
}
.shot img{width:100%; height:auto; display:block; border:1px solid #EFEFEF}
.shot__src{
  display:flex; align-items:center; gap:8px; margin-top:10px;
  font-size:12px; color:var(--ink3);
}
.shot__src::before{
  content:""; width:14px; height:14px; flex:0 0 auto; border-radius:50%;
  background:#FC3F1D;
}
.shot__q{
  margin:12px 0 0; padding-left:12px; border-left:2px solid var(--red);
  font-size:14px; line-height:1.55; color:var(--ink);
}
.shot__a{margin:6px 0 0; padding-left:12px; font-size:12px; color:var(--ink3)}
@media (min-width:768px){
  .trust--2{grid-template-columns:repeat(2,1fr); gap:24px}
  .trust--3{grid-template-columns:repeat(3,1fr); gap:20px}
}

/* карточка «что уже привезли» без фото — для страниц без своего кадра */
.facts{border:1px solid var(--rule2); background:var(--paper)}
.facts__i{display:flex; gap:14px; padding:14px 16px; border-bottom:1px solid var(--rule); align-items:baseline}
.facts__i:last-child{border-bottom:0}
.facts__k{font-family:var(--display); font-weight:700; font-size:15px; flex:0 0 44%}
.facts__v{font-size:14px; color:var(--ink2)}

/* сетка примеров машин */
.cars{display:grid; gap:14px}
.cars figure{border:1px solid var(--rule2); background:var(--paper)}
.cars .cap{padding:10px 12px}
@media (min-width:560px){ .cars{grid-template-columns:repeat(2,1fr)} }
@media (min-width:960px){ .cars{grid-template-columns:repeat(4,1fr)} }

/* скрин отзыва на узком экране идёт от края до края — иначе текст внутри мелкий */
@media (max-width:559px){
  .trust{margin-left:-20px; margin-right:-20px}
  .shot{padding:7px; border-left:0; border-right:0}
  .shot__src,.shot__q,.shot__a{padding-left:9px; padding-right:9px}
  .shot__q{margin-left:3px}
}

/* инлайновые контакты в тексте — увеличенная зона нажатия */
.facts__v a,.trustline a{display:inline-block; padding:5px 0}