/* ============================================================
   TOVIAN — Авиадоставка из Китая (дочерняя)
   Reuses pv-styles.css + dostavka.css + avto.css + rail.css
   (kf, scn, flow, ltf, ltfcmp, cmp, risk, loop, steps3, rgroup,
   tschema, tnote, conf, ctx, lead2). Unique here:
   chargeable-weight interactive block + restricted-freight grid.
   ============================================================ */

/* hero crop — strategist right, ascending trajectory left-clean */
.ar-hero__media img{object-position:84% 12%;}
@media(max-width:600px){ .ar-hero__media img{object-position:78% 10%;} }

/* (air-page H1 line-reserve moved inline to the air page H1 so it doesn't affect
   the sea page, which also loads air.css) */

/* ============================================================
   CHARGEABLE WEIGHT — interactive mini-preview (fact vs volumetric)
   ============================================================ */
.cw{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(18px,2.4vw,40px);align-items:stretch;}
.cw__explain{display:flex;flex-direction:column;}
.cw__lead{margin:0 0 clamp(18px,2vw,24px);font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:var(--muted);text-wrap:pretty;}
.cw__defs{list-style:none;margin:0;padding:0;display:grid;gap:2px;}
.cw__defs li{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:13px 0;border-bottom:1px solid var(--line-2);}
.cw__defs li:last-child{border-bottom:0;}
.cw__defs i{width:9px;height:9px;border-radius:3px;margin-top:6px;flex:0 0 auto;}
.cw__defs .d1{background:rgba(168,232,12,.45);}
.cw__defs .d2{background:var(--lime);}
.cw__defs .d3{background:#fff;}
.cw__defs 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);color:var(--ink);}
.cw__defs span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
.cw__formula{margin-top:clamp(20px,2.2vw,28px);padding:clamp(16px,1.8vw,22px);border:1px solid var(--line-2);border-radius:14px;
  background:rgba(255,255,255,.02);font-family:'Space Grotesk',sans-serif;}
.cw__formula-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:clamp(14px,1.1vw,16px);color:var(--ink);letter-spacing:-.01em;}
.cw__formula-row b{color:var(--lime-ink);font-weight:500;}
.cw__formula-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--faint);text-transform:none;letter-spacing:0;font-family:'Inter',sans-serif;}

/* interactive panel */
.cw__panel{border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);overflow:hidden;display:flex;flex-direction:column;}
.cw__panel-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid var(--line-2);
  background:rgba(255,255,255,.02);}
.cw__panel-bar i{width:9px;height:9px;border-radius:50%;background:var(--line);}
.cw__panel-bar i:nth-child(1){background:rgba(168,232,12,.7);}
.cw__panel-bar span{margin-left:8px;font-family:'Space Grotesk',sans-serif;font-size:11.5px;letter-spacing:.02em;text-transform:lowercase;color:var(--faint);}
.cw__panel-in{padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:clamp(16px,1.8vw,22px);flex:1;}
.cw__controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;}
.cw__ctrl{display:flex;flex-direction:column;gap:9px;}
.cw__ctrl--full{grid-column:1 / -1;}
.cw__ctrl label{display:flex;justify-content:space-between;align-items:baseline;font-family:'Space Grotesk',sans-serif;
  font-size:12px;text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);}
.cw__ctrl label b{font-family:'Space Grotesk',sans-serif;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;}
.cw__range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--line-2);outline:none;}
.cw__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--lime);cursor:pointer;border:3px solid #0d0e0d;box-shadow:0 0 0 1px var(--lime);}
.cw__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--lime);cursor:pointer;border:3px solid #0d0e0d;}
.cw__out{border-top:1px solid var(--line-2);padding-top:clamp(16px,1.8vw,20px);display:grid;gap:11px;}
.cw__bar{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:12px;}
.cw__bar-k{font-family:'Space Grotesk',sans-serif;font-size:12px;text-transform:lowercase;letter-spacing:-.01em;color:var(--muted);}
.cw__bar-track{height:9px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;}
.cw__bar-fill{display:block;height:100%;width:0;border-radius:999px;transition:width .45s var(--ease);}
.cw__bar--fact .cw__bar-fill{background:rgba(168,232,12,.4);}
.cw__bar--vol .cw__bar-fill{background:var(--lime);}
.cw__bar-v{font-family:'Space Grotesk',sans-serif;font-size:13.5px;color:var(--ink);font-variant-numeric:tabular-nums;min-width:64px;text-align:right;}
.cw__result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:14px 16px;border-radius:12px;
  background:linear-gradient(120deg,rgba(168,232,12,.1),rgba(168,232,12,.02));border:1px solid rgba(168,232,12,.22);}
.cw__result-k{font-family:'Space Grotesk',sans-serif;font-size:12.5px;text-transform:lowercase;letter-spacing:-.01em;color:var(--ink);}
.cw__result-v{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(18px,1.6vw,22px);letter-spacing:-.02em;color:var(--lime-ink);font-variant-numeric:tabular-nums;}
.cw__result-tag{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);}
.cw__which{font-family:'Space Grotesk',sans-serif;font-size:11.5px;text-transform:lowercase;letter-spacing:-.01em;color:var(--faint);text-align:center;}
.cw__which b{color:var(--lime-ink);font-weight:500;}
.cw__example{display:flex;flex-direction:column;gap:5px;padding-bottom:clamp(16px,1.8vw,20px);border-bottom:1px solid var(--line-2);}
.cw__example-k{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);}
.cw__example-v{font-family:'Space Grotesk',sans-serif;font-size:clamp(15px,1.3vw,18px);letter-spacing:-.02em;color:var(--ink);}
.cw__cta{margin-top:clamp(22px,2.6vw,32px);}
@media(max-width:860px){
  .cw{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .cw__controls{grid-template-columns:1fr;}
  .cw__bar{grid-template-columns:76px 1fr auto;}
}

/* ============================================================
   RESTRICTED FREIGHT — special categories (gentle statuses)
   reuses .risk grid spirit but with a docs line
   ============================================================ */
.spec{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,18px);}
.spec__card{display:flex;flex-direction:column;gap:11px;border:1px solid var(--line-2);border-radius:18px;background:var(--card);
  padding:clamp(22px,2.2vw,28px);transition:border-color .4s ease;}
.spec__card:hover{border-color:rgba(168,232,12,.26);}
.spec__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.spec__t{font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.02em;
  font-size:clamp(16px,1.3vw,19px);line-height:1.1;color:var(--ink);}
.spec__st{flex:0 0 auto;font-family:'Space Grotesk',sans-serif;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;
  border:1px solid var(--line);border-radius:999px;padding:4px 8px;line-height:1;white-space:nowrap;color:var(--faint);}
.spec__st--check{color:var(--warn);border-color:rgba(230,162,60,.4);}
.spec__st--docs{color:var(--lime-ink);border-color:rgba(168,232,12,.4);}
.spec__st--carrier{color:var(--ink);border-color:var(--line);}
.spec__p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
.spec__docs{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.spec__docs span{font-family:'Space Grotesk',sans-serif;font-size:10.5px;letter-spacing:.01em;text-transform:uppercase;color:var(--faint);
  border:1px solid var(--line-2);border-radius:6px;padding:4px 7px;line-height:1;}
@media(max-width:880px){.spec{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.spec{grid-template-columns:1fr;}}

/* schema of route nodes — БАЗА (была утеряна: комментарии обещали reuse из rail.css,
   но там её нет; без неё узлы рендерились как обычные div-ы в столбик) */
.tschema{display:grid;gap:clamp(16px,2vw,28px);margin-top:clamp(26px,3vw,40px);}
.tschema__node{position:relative;padding-top:26px;}
.tschema__dot{position:absolute;top:0;left:0;z-index:1;display:block;width:13px;height:13px;border-radius:50%;
  border:2px solid var(--lime);background:var(--bg);box-shadow:0 0 0 4px rgba(168,232,12,.1);}
.tschema__t{font-family:'Space Grotesk',sans-serif;font-weight:500;text-transform:lowercase;letter-spacing:-.025em;
  font-size:clamp(16px,1.35vw,20px);line-height:1.1;color:var(--ink);margin-bottom:7px;text-wrap:balance;}
.tschema__c{font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty;}
@media(max-width:900px){
  .tschema{gap:0;}
  .tschema__node{padding:14px 0 14px 26px;border-top:1px solid rgba(255,255,255,.09);}
  .tschema__node:first-child{border-top:0;}
  .tschema__dot{top:18px;}
}

/* 10-node airport schema: 5-col grid on desktop, vertical on mobile */
.tschema--10{grid-template-columns:repeat(5,1fr);row-gap:clamp(26px,3vw,40px);}
.tschema--10 .tschema__node:nth-child(6) .tschema__dot,
.tschema--10 .tschema__node:nth-child(1) .tschema__dot{transition-delay:.1s;}
.tschema--10 .tschema__node::before{display:none;}
@media(min-width:901px){
  .tschema--10 .tschema__node:not(:nth-child(5n+1))::before{content:"";display:block;position:absolute;top:6px;left:-50%;width:100%;height:2px;z-index:0;background:repeating-linear-gradient(90deg,var(--line) 0 5px,transparent 5px 11px);}
}
@media(max-width:900px){ .tschema--10{grid-template-columns:1fr;} }

/* mode-comparison: air page highlights the авиа card (lime system) */
.cmp__card--air{border-color:rgba(168,232,12,.34);background:linear-gradient(170deg,rgba(168,232,12,.05),transparent 56%),var(--card);}
.cmp__card--air:hover{transform:translateY(-4px);border-color:rgba(168,232,12,.4);}
.cmp__card--air .cmp__t{color:var(--lime-ink);}
.cmp__card--air .cmp__sum{color:var(--ink);}
.cmp__card--air .cmp__list li::before{background:rgba(168,232,12,.5);opacity:1;}

/* direct vs transit reuses .ltf / .ltfcmp from avto.css — no extra CSS */

/* control loop: 4th node is informational (no link) — match card, no pointer */
.loop__node--static{cursor:default;}
.loop__node--static:hover{transform:none;}

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