/* BaseBenz Kuzov Cards v0.1 — /kuzov/, /kuzov/{code}/
   Тёмная сторона каталога кузовов (как kb.css): карбон + петронас-тил.
   Данные — проекция Postgres-агрегата (sync_model_cards_to_wp.py):
   meta = identity+счётчики, .entry-content = HTML-секции bb-kuzov__*. */

/* ---------- ХАБ / КАРТОЧКА: HERO ---------- */
.kuzov-hero{padding-top:150px;}
.kuzov-hero h1{font-size:clamp(34px,4.6vw,64px);max-width:960px;}
.kuzov-code{
  font-family:'Oswald';font-weight:600;letter-spacing:.06em;
  color:var(--teal);margin-right:8px;
}
.kuzov-sub{margin-top:18px;color:var(--silver-dim);font-size:16.5px;font-family:'IBM Plex Mono';letter-spacing:.08em;}

/* ---------- СЧЁТЧИКИ КАРТОЧКИ ---------- */
.kuzov-counters{
  display:flex;flex-wrap:wrap;gap:16px;margin-top:44px;
}
.kuzov-counters .kc{
  min-width:150px;border:1px solid var(--line);background:var(--carbon-2);
  padding:18px 22px;display:flex;flex-direction:column;gap:6px;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
}
.kuzov-counters .kc-num{font-family:'Oswald';font-weight:600;font-size:30px;color:var(--teal);line-height:1;}
.kuzov-counters .kc-lbl{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--silver-dim);}

/* ---------- ДВИГАТЕЛИ ПОКОЛЕНИЯ (chips → /motor/) ---------- */
.kuzov-engines{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:36px;}
.kuzov-engines .lbl{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.16em;color:var(--silver-dim);}
.kuzov-eng{
  font-family:'IBM Plex Mono';font-weight:700;font-size:13px;letter-spacing:.06em;
  color:var(--teal);border:1px solid rgba(0,210,190,.4);text-decoration:none;
  padding:7px 14px;transition:.25s;
}
.kuzov-eng:hover{background:rgba(0,210,190,.12);}

/* ---------- СПИСОК КУЗОВОВ (тёмная версия .chassis-row из basebenz.css) ---------- */
.kuzov-list-wrap{background:var(--carbon);padding:20px 40px 100px;}
.kuzov-list-wrap .chassis-list{display:flex;flex-direction:column;gap:12px;max-width:1000px;margin:0 auto;}
.bb-page .chassis-row{
  display:grid;grid-template-columns:110px 1fr 340px 170px 40px;align-items:center;gap:18px;
  padding:20px 24px;border:1px solid var(--line);background:var(--carbon-2);
  text-decoration:none;color:var(--ivory);transition:.25s;
}
.bb-page .chassis-row:hover{background:rgba(0,210,190,.07);border-color:rgba(0,210,190,.35);padding-left:32px;}
.bb-page .ch-code{font-family:'Oswald';font-weight:500;font-size:24px;color:var(--ivory);}
.bb-page .ch-name{font-family:'IBM Plex Sans';font-weight:600;font-size:15.5px;}
.bb-page .ch-name small{display:block;font-weight:400;font-size:12.5px;color:var(--silver-dim);margin-top:4px;}
.bb-page .ch-engines{font-family:'IBM Plex Mono';font-size:12px;color:var(--silver-dim);letter-spacing:.04em;}
.bb-page .ch-count{font-family:'IBM Plex Mono';font-size:12.5px;color:var(--teal);text-align:right;}
.bb-page .ch-arrow{color:var(--silver-dim);text-align:right;transition:.25s;}
.bb-page .chassis-row:hover .ch-arrow{color:var(--teal);transform:translateX(6px);}
.kuzov-note{margin-top:28px;font-size:13px;color:var(--silver-dim);max-width:860px;line-height:1.6;}

/* ---------- КОНТЕНТ КАРТОЧКИ (секции из Postgres) ---------- */
.kuzov-content{background:var(--carbon);padding:30px 40px 80px;}
.kuzov-content .entry-content{max-width:1000px;margin:0 auto;}
.kuzov-content h2{
  font-family:'Oswald';font-weight:500;font-size:26px;margin:56px 0 8px;
}
.kuzov-content h2:first-child{margin-top:8px;}
.bb-kuzov__note{color:var(--silver-dim);font-size:13.5px;margin:0 0 18px;max-width:760px;line-height:1.6;}

/* Таблица двигателей */
.bb-kuzov__table{width:100%;border-collapse:collapse;font-size:14px;}
.bb-kuzov__table th{
  font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--silver-dim);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line-strong);
}
.bb-kuzov__table td{padding:13px 14px;border-bottom:1px solid var(--line);color:var(--ivory);vertical-align:top;}
.bb-kuzov__table .bb-kuzov__code a{
  font-family:'IBM Plex Mono';font-weight:700;font-size:15px;color:var(--teal);text-decoration:none;
}
.bb-kuzov__table .bb-kuzov__code a:hover{text-decoration:underline;}
.bb-kuzov__table .bb-kuzov__num{font-family:'IBM Plex Mono';color:var(--teal);}
.bb-kuzov__refs{font-family:'IBM Plex Mono';font-size:11px;color:var(--silver-dim);letter-spacing:.04em;}

/* Проблемы по системам — горизонтальные бары */
.bb-kuzov__sysrow{display:grid;grid-template-columns:180px 1fr 70px;align-items:center;gap:16px;margin:9px 0;}
.bb-kuzov__sysname{font-family:'IBM Plex Mono';font-size:12.5px;color:var(--silver);letter-spacing:.05em;}
.bb-kuzov__sysbar{height:7px;background:var(--carbon-2);border:1px solid var(--line);position:relative;overflow:hidden;}
.bb-kuzov__sysbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,rgba(0,210,190,.5),var(--teal));}
.bb-kuzov__syscount{font-family:'IBM Plex Mono';font-size:12.5px;color:var(--teal);text-align:right;}

/* Типичные проблемы */
.bb-kuzov__problems{list-style:none;margin:0;padding:0;}
.bb-kuzov__problem{
  display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;
  padding:13px 2px;border-bottom:1px solid var(--line);
}
.bb-kuzov__ptitle{font-size:14.5px;color:var(--ivory);max-width:640px;}
.bb-kuzov__pbadges{display:flex;gap:8px;flex-wrap:wrap;}
.bb-kuzov__pbadges .bb-kuzov__sys,
.bb-kuzov__pbadges .bb-kuzov__eng{
  font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.08em;color:var(--silver-dim);
  border:1px solid var(--line);padding:3px 9px;white-space:nowrap;
}
.bb-kuzov__tier{
  font-family:'IBM Plex Mono';font-weight:700;font-size:10.5px;letter-spacing:.14em;
  padding:3px 9px;border:1px solid;white-space:nowrap;
}
.bb-kuzov__tier--1{color:var(--teal);border-color:rgba(0,210,190,.5);}
.bb-kuzov__tier--2{color:var(--ivory);border-color:var(--line-strong);}
.bb-kuzov__tier--3,.bb-kuzov__tier--4{color:var(--silver-dim);border-color:var(--line);}

/* DTC-чипы */
.bb-kuzov__dtcs{display:flex;flex-wrap:wrap;gap:10px;}
.bb-kuzov__dtc a{
  font-family:'IBM Plex Mono';font-weight:700;font-size:13px;color:var(--ivory);
  border:1px solid var(--line-strong);text-decoration:none;padding:7px 13px;transition:.25s;
}
.bb-kuzov__dtc a:hover{color:var(--teal);border-color:rgba(0,210,190,.5);}

/* Статьи */
.bb-kuzov__articles{list-style:none;margin:0;padding:0;}
.bb-kuzov__articles li{
  display:flex;align-items:center;gap:14px;padding:11px 2px;border-bottom:1px solid var(--line);
}
.bb-kuzov__articles a{color:var(--ivory);text-decoration:none;font-size:14.5px;}
.bb-kuzov__articles a:hover{color:var(--teal);}
.bb-kuzov__atype{
  font-family:'IBM Plex Mono';font-weight:700;font-size:10px;letter-spacing:.14em;
  color:var(--silver-dim);border:1px solid var(--line);padding:3px 8px;white-space:nowrap;
}
.bb-kuzov__atype--deep{color:var(--teal);border-color:rgba(0,210,190,.4);}

/* Прочие кузова */
.kuzov-others{background:var(--carbon);padding:10px 40px 110px;}
.kuzov-others .chassis-list{max-width:1000px;margin:0 auto;}

/* ---------- АДАПТИВ ---------- */
@media (max-width:900px){
  .bb-page .chassis-row{grid-template-columns:90px 1fr 40px;}
  .bb-page .ch-engines,.bb-page .ch-count{display:none;}
  .bb-kuzov__sysrow{grid-template-columns:120px 1fr 56px;}
  .kuzov-hero{padding-top:120px;}
}
@media (max-width:600px){
  .kuzov-counters .kc{min-width:calc(50% - 8px);flex:1;}
  .bb-kuzov__table{font-size:12.5px;}
  .bb-kuzov__table th:nth-child(3),.bb-kuzov__table td:nth-child(3),
  .bb-kuzov__table th:nth-child(7),.bb-kuzov__table td:nth-child(7){display:none;}
}
