/* ============================================================
   TOVIAN — Автомобильная доставка из Китая (дочерняя страница)
   Layered on top of pv-styles.css + dostavka.css. Only the blocks
   unique to this page live here: LTL/FTL panel, mode comparison
   by parameters (no speed/economy bars), risk ledger.
   ============================================================ */

/* hero crop — strategist sits right, clean left column */
.av-hero__media img{object-position:80% 14%;}
@media(max-width:600px){ .av-hero__media img{object-position:74% 10%;} }

/* hero result strip reused from .dz-result (dostavka.css) */

/* ============================================================
   LTL / FTL — частичная загрузка vs отдельная машина
   ============================================================ */
.ltf{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px);}
.ltf__card{position:relative;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);
  padding:clamp(26px,2.6vw,40px);transition:border-color .45s ease;}
.ltf__card--ftl{border-color:rgba(168,232,12,.3);
  background:linear-gradient(160deg,rgba(168,232,12,.05),transparent 56%),var(--card);}
.ltf__tag{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-size:11px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:13px;}
.ltf__tag b{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(22px,1.9vw,28px);letter-spacing:-.04em;color:var(--lime-ink);line-height:.9;}
.ltf__card--ftl .ltf__tag{color:var(--lime-ink);}
.ltf__t{margin:0;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(20px,1.7vw,26px);line-height:1.05;color:var(--ink);}
.ltf__p{margin:11px 0 0;font-size:14.5px;line-height:1.55;color:var(--muted);text-wrap:pretty;}
.ltf__list{list-style:none;margin:clamp(20px,2.2vw,26px) 0 0;padding:0;display:grid;gap:2px;}
.ltf__list li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--line-2);
  font-size:14px;line-height:1.45;color:var(--ink);letter-spacing:-.01em;text-wrap:pretty;}
.ltf__list li:last-child{border-bottom:0;}
.ltf__list li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:2px;background:rgba(168,232,12,.6);}
.ltf__list li.minus::before{background:var(--warn);border-radius:50%;width:6px;height:6px;top:14px;left:1px;}
.ltf__pick{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(26px,3vw,40px);
  padding:clamp(20px,2.2vw,28px) clamp(22px,2.4vw,32px);border-radius:var(--r);
  border:1px solid var(--line-2);background:rgba(255,255,255,.015);}
.ltf__pick-t{font-family:'Space Grotesk',sans-serif;font-size:clamp(16px,1.3vw,19px);text-transform:lowercase;letter-spacing:-.02em;color:var(--ink);}
.ltf__pick .dz-cta-row__hint{margin-left:auto;}
@media(max-width:760px){
  .ltf{grid-template-columns:1fr;}
  .ltf__pick{flex-direction:column;align-items:stretch;text-align:center;gap:14px;padding:24px 20px;}
  .ltf__pick .dz-cta-row__hint{margin-left:0;order:3;font-size:12.5px;}
  .ltf__pick .linkq{order:2;justify-content:center;width:100%;min-height:50px;padding:0 18px;
    border:1px solid rgba(168,232,12,.32);border-radius:12px;background:rgba(168,232,12,.05);}
  .ltf__pick-t{order:1;}
}

/* compact LTL vs FTL parameter strip — desktop table, hidden on mobile */
.ltfcmp{margin-top:clamp(14px,1.6vw,22px);border:1px solid var(--line-2);border-radius:16px;overflow:hidden;background:var(--card);}
.ltfcmp__row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:1px solid var(--line-2);}
.ltfcmp__row:first-child{border-top:0;}
.ltfcmp__row>span{padding:12px clamp(16px,1.8vw,22px);font-size:13.5px;line-height:1.4;color:var(--ink);letter-spacing:-.01em;border-left:1px solid var(--line-2);}
.ltfcmp__row>span:first-child{border-left:0;font-family:'Space Grotesk',sans-serif;text-transform:lowercase;color:var(--faint);}
.ltfcmp__row--h>span{font-family:'Space Grotesk',sans-serif;text-transform:lowercase;letter-spacing:-.02em;font-size:13px;background:rgba(255,255,255,.02);}
.ltfcmp__row--h>span:nth-child(3){color:var(--lime-ink);}
@media(max-width:560px){.ltfcmp{display:none;}}

/* control loop: 4 nodes align in a single row on desktop (base .loop is 5-up) */
@media(min-width:981px){
  #control .loop{grid-template-columns:repeat(4,1fr);}
}

/* ============================================================
   MODE COMPARISON — авто / жд / авиа / море by parameters
   (no speed/economy meters — a parameter ledger instead)
   ============================================================ */
.cmp{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,18px);}
.cmp__card{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:18px;background:var(--card);
  padding:clamp(24px,2.2vw,32px);transition:border-color .4s ease,transform .45s var(--ease);}
.cmp__card--auto{border-color:rgba(168,232,12,.34);background:linear-gradient(170deg,rgba(168,232,12,.05),transparent 56%),var(--card);}
.cmp__ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;
  background:rgba(168,232,12,.08);border:1px solid rgba(168,232,12,.2);color:var(--lime-ink);margin-bottom:18px;}
.cmp__ic svg{width:22px;height:22px;}
.cmp__t{margin:0 0 14px;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.03em;
  font-size:clamp(19px,1.5vw,24px);line-height:1.05;color:var(--ink);}
.cmp__card--auto .cmp__t{color:var(--lime-ink);}
.cmp__sum{margin:-8px 0 16px;font-size:13.5px;line-height:1.4;color:var(--ink);letter-spacing:-.01em;text-wrap:pretty;}
.cmp__card:not(.cmp__card--auto):not(.cmp__card--rail):not(.cmp__card--air):not(.cmp__card--sea) .cmp__sum{color:var(--muted);}
.cmp__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.cmp__list li{position:relative;padding-left:19px;font-size:13.5px;line-height:1.45;color:var(--muted);letter-spacing:-.01em;text-wrap:pretty;}
.cmp__list li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:rgba(168,232,12,.5);}
.cmp__card:not(.cmp__card--auto):not(.cmp__card--rail):not(.cmp__card--air):not(.cmp__card--sea) .cmp__list li::before{background:var(--muted);opacity:.5;}
@media(max-width:980px){.cmp{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.cmp{grid-template-columns:1fr;}}

/* ============================================================
   RISK LEDGER — gentle statuses, no scary red
   ============================================================ */
.risk{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,18px);}
.risk__row{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px 16px;
  border:1px solid var(--line-2);border-radius:16px;background:var(--card);padding:clamp(18px,1.9vw,24px) clamp(20px,2vw,26px);
  transition:border-color .4s ease;}
.risk__row:hover{border-color:rgba(168,232,12,.26);}
.risk__t{font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;
  font-size:clamp(16px,1.25vw,19px);line-height:1.1;color:var(--ink);}
.risk__p{grid-column:1 / -1;margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
.risk__st{flex:0 0 auto;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.04em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:4px 9px;line-height:1;white-space:nowrap;color:var(--faint);}
.risk__st--ok{color:var(--lime-ink);border-color:rgba(168,232,12,.4);}
.risk__st--check{color:var(--warn);border-color:rgba(230,162,60,.4);}
.risk__st--confirm{color:var(--ink);border-color:var(--line);}
.risk__legend{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:clamp(24px,2.8vw,36px);}
.risk__legend span{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;font-size:12.5px;
  letter-spacing:-.01em;text-transform:lowercase;color:var(--muted);}
.risk__legend i{width:9px;height:9px;border-radius:50%;flex:0 0 auto;}
.risk__legend .i-ok{background:var(--lime);}
.risk__legend .i-check{background:var(--warn);}
.risk__legend .i-confirm{background:rgba(238,241,232,.45);}
@media(max-width:760px){.risk{grid-template-columns:1fr;}}

/* три уровня готовности — чистый двухстрочный список без рваных переносов */
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.steps3 li{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;
  padding:12px 0;border-bottom:1px solid var(--line-2);}
.steps3 li:last-child{border-bottom:0;}
.steps3__n{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--lime-ink);font-variant-numeric:tabular-nums;padding-top:3px;}
.steps3 b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;
  font-size:clamp(15px,1.2vw,17px);line-height:1.15;color:var(--ink);}
.steps3 span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--muted);text-wrap:pretty;}

/* результат для бизнеса — 5 групп, чистый двухстрочный список */
.rgroup{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.rgroup li{padding:12px 0;border-bottom:1px solid var(--line-2);}
.rgroup li:last-child{border-bottom:0;}
.rgroup b{display:block;font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;
  font-size:clamp(15px,1.2vw,17px);line-height:1.15;color:var(--ink);}
.rgroup span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--muted);text-wrap:pretty;}

/* ============================================================
   CONTROL-before-shipment grid (reuses .loop spirit, 5 items)
   handled by dostavka.css .loop — no extra CSS needed
   ============================================================ */

/* MOBILE-FIRST КАНОН — волна 3 (02.07.2026): floor мелких лейблов/списков на мобиле */
@media(max-width:700px){
  .risk__st{font-size:11px!important;}
}


/* ============================================================
   COST FACTORS — сгруппированные списки (.cfx) вместо россыпи пилюль
   + сравнение способов: ссылки на соседние режимы
   ============================================================ */
.cfx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,20px);margin-top:clamp(26px,3vw,38px);}
.cfx__g{display:flex;flex-direction:column;gap:12px;min-width:0;padding:clamp(20px,2vw,26px);border:1px solid var(--line-2);border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006)),var(--card);transition:border-color .4s ease;}
.cfx__g:hover{border-color:rgba(168,232,12,.28);}
.cfx__h{display:flex;align-items:center;gap:9px;}
.cfx__n{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:12px;letter-spacing:.02em;color:var(--faint);}
.cfx__t{flex:1;min-width:0;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;letter-spacing:-.02em;text-transform:lowercase;color:var(--ink);}
.cfx__c{font-family:'Space Grotesk',sans-serif;font-size:11.5px;color:var(--lime-ink);border:1px solid rgba(168,232,12,.3);border-radius:999px;padding:2px 8px;}
.cfx__ls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.cfx__ls li{position:relative;padding:8px 0 8px 22px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.4;color:var(--ink);letter-spacing:-.01em;}
.cfx__ls li:first-child{border-top:0;}
.cfx__ls li::before{content:"";position:absolute;left:0;top:13px;width:9px;height:9px;border-radius:50%;border:1px solid var(--line-2);}
.cfx__ls li.is-l::before{border-color:var(--lime);background:var(--lime);}
.cfx__ls a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(168,232,12,.34);}
.cfx__ls a:hover{color:var(--lime-ink);border-color:var(--lime-ink);}
@media(max-width:980px){.cfx{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.cfx{grid-template-columns:1fr;}}
.cmp__foot{margin-top:auto;padding-top:16px;}
.cmp__go{display:inline-flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;font-size:12.5px;text-transform:lowercase;
  letter-spacing:-.01em;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(168,232,12,.34);padding-bottom:2px;transition:color .25s ease,border-color .25s ease;}
.cmp__go svg{width:12px;height:12px;}
.cmp__go:hover{color:var(--lime-ink);border-color:var(--lime-ink);}
.cmp__here{display:inline-flex;align-items:center;gap:7px;font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:lowercase;
  letter-spacing:-.01em;color:#0a0b0a;background:var(--lime);border-radius:999px;padding:5px 12px;}
.cmp__sp{display:block;margin:-6px 0 14px;font-family:'Space Grotesk',sans-serif;font-size:12.5px;text-transform:lowercase;letter-spacing:-.01em;color:var(--faint);}
.cmp__sp b{color:var(--ink);font-weight:500;}