/* ============================================================
   НИЛИНА АВТО — поиск дисков (дельты)
   подключается ПОСЛЕ styles.css И tires.css (переиспользуем каркас каталога)
   ============================================================ */

/* ---------- тип-теги (литьё / ковка / штамповка) ---------- */
.type-tag{ display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border-radius:5px; font-family:var(--font-head); font-weight:700; font-size:11px; letter-spacing:.02em; }
.type-tag .si{ width:13px; height:13px; }
.type-tag.cast{ background:#E4EEFB; color:#2A6FDB; }
.type-tag.forged{ background:#F3ECDC; color:#9A6B12; }
.type-tag.stamped{ background:#EAEDF0; color:#5A6672; }
.tcard-img .type-tag{ position:absolute; right:10px; top:10px; z-index:2; box-shadow:var(--shadow-sm); }

/* кружок-образец цвета покрытия */
.finish-dot{ width:14px; height:14px; border-radius:50%; border:1px solid rgba(0,0,0,.18); flex-shrink:0; display:inline-block; }
.finish-dot.silver{ background:linear-gradient(135deg,#E8ECEF,#AEB7BF); }
.finish-dot.graphite{ background:linear-gradient(135deg,#5C6770,#363D44); }
.finish-dot.black-gloss{ background:linear-gradient(135deg,#3A3F45,#0E1114); }
.finish-dot.black-matte{ background:#1A1D21; }
.finish-dot.diamond{ background:linear-gradient(135deg,#EDEFF1 40%,#9AA3AB 41%,#C9CFD4); }
.finish-dot.white{ background:#F4F6F7; }
.finish-dot.bronze{ background:linear-gradient(135deg,#C79A5B,#8A6322); }

/* фильтр по цвету — строка с образцом */
.frow .finish-dot{ margin-left:1px; }

/* PCD — фирменный моноширинный пилл */
.spec-pill.pcd{ font-family:var(--font-mono); letter-spacing:-.01em; }

/* образцы покрытия в подборщике (свотчи) */
.finish-swatches{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:6px; }
.finish-sw{ display:inline-flex; align-items:center; gap:7px; padding:7px 12px 7px 9px; border-radius:999px; border:1px solid var(--dark-line); background:var(--dark-2); color:color-mix(in srgb, var(--picker-fg) 78%, var(--picker-bg)); font-family:var(--font-head); font-weight:600; font-size:12.5px; cursor:pointer; transition:all .14s; }
.finish-sw:hover{ border-color:#3C4F60; color:var(--picker-fg); }
.finish-sw.active{ border-color:var(--red); color:var(--picker-fg); }
.finish-sw .finish-dot{ width:13px; height:13px; }