/* ============================================================
   НИЛИНА АВТО — карточка НОВОЙ запчасти
   (подключается ПОСЛЕ styles.css и product.css)
   ============================================================ */
:root{
  --blue:      #2A6FDB;
  --blue-dark: #2360C2;
  --blue-soft: #EAF1FC;
  --blue-line: #D5E3F8;
}

/* Фотографии новых запчастей показываем целиком, без искажения и обрезки. */
.gal-main .ph,
.gal-thumb img{ object-fit:contain; background:#fff; }

/* активный пункт меню «Новые запчасти» */
.nav-menu > li > a.is-active{ background:var(--dark-2); color:var(--navbar-fg); }
.nav-menu > li > a.is-active::after{ transform:scaleX(1); background:var(--blue); }

/* бейджи Оригинал/Аналог в галерее и блоке покупки */
.gal-main .badge.orig, .buy-badge.orig{ background:var(--dark); }
.gal-main .badge.analog, .buy-badge.analog{ background:var(--blue); }

/* ---------- строка быстрых фактов под H1 ---------- */
.np-highlights{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0 0 24px; }
.np-hl{ border:1px solid var(--line); border-radius:12px; padding:13px 16px; background:#fff; }
.np-hl .k{ font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--faint); font-weight:600; font-family:var(--font-head); margin-bottom:5px; }
.np-hl .v{ font-family:var(--font-head); font-weight:700; font-size:15px; color:var(--ink); line-height:1.25; word-break:break-word; }
.np-hl .v.mono{ font-family:"Roboto Mono", ui-monospace, monospace; font-weight:500; font-size:13.5px; }

/* ---------- бренд-строка в шапке блока покупки ---------- */
.np-brandline{ display:flex; align-items:center; gap:9px; margin:0 0 4px; }
.np-brandline .bl-chip{
  font-family:var(--font-head); font-weight:700; font-size:13px; color:#fff; background:var(--blue);
  padding:4px 11px; border-radius:6px;
}
.np-brandline .bl-chip.is-orig{ background:var(--dark); }
.np-brandline .bl-art{ font-family:"Roboto Mono", ui-monospace, monospace; font-size:12.5px; color:var(--muted); }

/* ---------- факты в карточке покупки ---------- */
.np-facts{ margin-top:18px; display:flex; flex-direction:column; gap:0; }
.np-fact{ display:flex; align-items:baseline; justify-content:space-between; gap:14px; font-size:14px; padding:11px 0; border-bottom:1px solid var(--line-2); }
.np-fact:first-child{ border-top:1px solid var(--line-2); }
.np-fact .fk{ color:var(--muted); flex-shrink:0; }
.np-fact .fv{ font-family:var(--font-head); font-weight:600; color:var(--ink); text-align:right; }
.np-fact .fv.mono{ font-family:"Roboto Mono", ui-monospace, monospace; font-weight:500; }

/* ---------- плашка гарантии ---------- */
.np-warr{
  margin-top:18px; display:flex; align-items:center; gap:13px; background:var(--blue-soft);
  border:1px solid var(--blue-line); border-radius:12px; padding:14px 16px;
}
.np-warr .ico{ width:32px; height:32px; border-radius:50%; background:#fff; color:var(--blue); display:grid; place-items:center; flex-shrink:0; }
.np-warr .ico svg{ width:18px; height:18px; }
.np-warr .t{ font-size:13.5px; color:var(--ink); line-height:1.4; }
.np-warr .t b{ font-family:var(--font-head); font-weight:700; }
.np-warr .t small{ display:block; color:var(--muted); font-size:12.5px; }

/* ---------- баннер кросс-перехода (оригинал ↔ аналог) ---------- */
.np-xbanner .db-car{ color:var(--blue); }
.np-xbanner.is-orig .db-car{ color:var(--red); }

/* состояние «Новая» зелёным акцентом в спецификации */
.spec td.np-new{ color:var(--green); }

@media (max-width:767px){
  .np-highlights{ grid-template-columns:repeat(2,1fr); }
}
.np-quantity{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:13px}.np-quantity button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--dark);font-size:20px;cursor:pointer}.np-quantity button:disabled{opacity:.4;cursor:default}.np-quantity output{min-width:24px;text-align:center;font-family:var(--font-head);font-weight:800;color:var(--dark);font-size:16px}.np-quantity small{margin-left:4px;color:var(--muted)}