/* Калькулятор растаможки авто (07.10.2026). Дополняет services.css (.ys*).
   Мобильные: один столбец от 0 до 560px, поля 16px — иначе iOS зумит страницу
   при фокусе, тач-цели не ниже 44px, таблицы и строки разбора не ломаются. */
.bj{--bj-b:#134e8e;--bj-b2:#1d6fc4;--bj-ink:#0f172a;--bj-mut:#64748b;--bj-line:#e2e8f0}
.bj .ys__in,.bj .ys__sel{font-size:16px;min-height:46px}
.bj .ys__lab{font-size:13px}

/* переключатель типа двигателя */
.bj__seg{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 16px}
.bj__segb{flex:1 1 150px;min-height:46px;border:1px solid var(--bj-line);background:#fff;
  color:var(--bj-ink);border-radius:12px;padding:10px 12px;font:inherit;font-size:15px;
  font-weight:600;cursor:pointer;transition:.15s;display:flex;align-items:center;
  justify-content:center;gap:7px;text-align:center}
.bj__segb:hover{border-color:var(--bj-b2);color:var(--bj-b)}
.bj__segb.on{background:linear-gradient(135deg,#1d6fc4,#134e8e);border-color:var(--bj-b);
  color:#fff;box-shadow:0 6px 16px rgba(19,78,142,.22)}
.bj__segb i{font-style:normal;font-size:17px;line-height:1}

/* поля */
.bj__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.bj__f.hide{display:none}
.bj__hint{display:block;margin:5px 0 0;font-size:12.5px;line-height:1.45;color:var(--bj-mut)}
.bj__chk{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;padding:11px 13px;
  border:1px solid var(--bj-line);border-radius:12px;background:#f8fafc;cursor:pointer}
.bj__chk.hide{display:none}
.bj__chk input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--bj-b)}
.bj__chk span{font-size:14.5px;line-height:1.45;color:var(--bj-ink)}
.bj__chk small{display:block;color:var(--bj-mut);font-size:12.5px;margin-top:2px}
.bj__more{margin:12px 0 0;border:1px solid var(--bj-line);border-radius:12px;background:#fff}
.bj__more>summary{cursor:pointer;padding:12px 14px;font-size:14.5px;font-weight:700;
  color:var(--bj-b);list-style:none;min-height:44px;display:flex;align-items:center}
.bj__more>summary::-webkit-details-marker{display:none}
.bj__more>summary:before{content:"\2699";margin-right:8px;font-size:16px}
.bj__more .bj__grid{padding:0 14px 14px}
.bj__acts{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.bj__acts .ys__btn{flex:1 1 180px;min-height:48px}

/* результат */
.bj__res{margin-top:18px;border:1px solid #bfdbfe;border-radius:16px;overflow:hidden;background:#fff}
.bj__head{background:linear-gradient(135deg,#0f3f74,#1b5fb0 60%,#17b8c4 140%);color:#fff;padding:18px}
.bj__cap{display:block;font-size:12.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;opacity:.85}
.bj__sum{font-size:34px;font-weight:800;line-height:1.1;margin:6px 0 2px;letter-spacing:-.5px}
.bj__sumuzs{font-size:17px;font-weight:600;opacity:.95}
.bj__kpi{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0}
.bj__kpi span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);
  border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:600;white-space:nowrap}

/* полоса долей */
.bj__bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:#eef2f7;margin:16px 14px 0}
.bj__bar i{display:block;height:100%;transition:width .25s}
.bj__bar i.d1{background:#1d6fc4}
.bj__bar i.d2{background:#17b8c4}
.bj__bar i.d3{background:#f6a723}
.bj__bar i.d4{background:#94a3b8}
.bj__leg{display:flex;flex-wrap:wrap;gap:10px 16px;margin:10px 14px 0;font-size:12.5px;color:var(--bj-mut)}
.bj__leg b{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--bj-ink)}
.bj__leg b:before{content:"";width:10px;height:10px;border-radius:3px;background:#1d6fc4}
.bj__leg b.l2:before{background:#17b8c4}
.bj__leg b.l3:before{background:#f6a723}
.bj__leg b.l4:before{background:#94a3b8}

/* построчный разбор */
.bj__lines{list-style:none;margin:14px 0 0;padding:0 14px}
.bj__lines li{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:baseline;
  padding:11px 0;border-bottom:1px dashed var(--bj-line)}
.bj__lines li:last-child{border-bottom:none}
.bj__lines .n{font-size:15px;color:var(--bj-ink);font-weight:600}
.bj__lines .n small{display:block;font-weight:400;font-size:12.5px;color:var(--bj-mut);line-height:1.45}
.bj__lines .v{text-align:right;font-size:16px;font-weight:700;color:var(--bj-b);white-space:nowrap}
.bj__lines .v small{display:block;font-weight:500;font-size:12.5px;color:var(--bj-mut)}
.bj__lines li.tot{background:#f0f7ff;margin:6px -14px 0;padding:13px 14px;border-radius:0 0 14px 14px}
.bj__lines li.tot .n{font-size:16px;font-weight:800}
.bj__lines li.tot .v{font-size:18px}
.bj__notes{margin:0;padding:14px}
.bj__note{border-left:4px solid #f59e0b;background:#fffbeb;color:#78350f;padding:10px 13px;
  border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.5;margin:0 0 9px}
.bj__note:last-child{margin-bottom:0}
.bj__note.ok{border-left-color:#16a34a;background:#f0fdf4;color:#14532d}
.bj__note.inf{border-left-color:#1d6fc4;background:#eff6ff;color:#1e3a5f}
.bj__note.bad{border-left-color:#dc2626;background:#fef2f2;color:#7f1d1d}

/* сравнение стран */
.bj__cc{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px}
.bj__c{border:1px solid var(--bj-line);border-radius:14px;padding:14px;background:#fff;
  display:flex;flex-direction:column;gap:8px}
.bj__c.best{border-color:#86efac;background:#f6fffa;box-shadow:0 6px 18px rgba(22,163,74,.1)}
.bj__c h4{margin:0;font-size:16.5px;font-weight:800;color:var(--bj-ink);display:flex;
  align-items:center;gap:7px;flex-wrap:wrap}
.bj__c .flag{font-size:19px;line-height:1}
.bj__c .tag{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  border-radius:999px;padding:3px 9px;background:#eef2f7;color:#475569}
.bj__c .tag.zst{background:#dcfce7;color:#14532d}
.bj__c .big{font-size:23px;font-weight:800;color:var(--bj-b);line-height:1.15}
.bj__c .big small{display:block;font-size:13px;font-weight:600;color:var(--bj-mut);margin-top:2px}
.bj__c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.bj__c ul li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--bj-mut)}
.bj__c ul li b{color:var(--bj-ink);white-space:nowrap}
.bj__c p{margin:auto 0 0;font-size:12.5px;line-height:1.5;color:var(--bj-mut);
  border-top:1px dashed var(--bj-line);padding-top:8px}
.bj__cdel{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--bj-mut)}
.bj__cdel input{width:92px;min-height:40px;border:1px solid var(--bj-line);border-radius:9px;
  padding:7px 9px;font:inherit;font-size:15px;color:var(--bj-ink)}

@media(max-width:600px){
  .bj__grid{grid-template-columns:1fr}
  .bj__seg{gap:7px}
  .bj__segb{flex:1 1 100%;justify-content:flex-start}
  .bj__sum{font-size:28px}
  .bj__sumuzs{font-size:15.5px}
  .bj__head{padding:15px}
  .bj__lines{padding:0 12px}
  .bj__lines li{grid-template-columns:1fr;gap:3px}
  .bj__lines .v{text-align:left}
  .bj__lines li.tot{margin:6px -12px 0;padding:13px 12px}
  .bj__bar{margin:14px 12px 0}
  .bj__leg{margin:9px 12px 0}
  .bj__notes{padding:12px}
  .bj__cc{grid-template-columns:1fr}
  .bj__acts .ys__btn{flex:1 1 100%}
}