/* ═══ COMPARE-PAGE.CSS — страница «Сравнение» (ПК-таблица .compare-* +
   мобильная .cmp-m-*): самодостаточный модуль, подключается тегом только на
   /compare (в общую сборку НЕ идёт). Карточные кнопки каталога (cmp-desk-btn,
   cmp-popup, бейджи) остались в compare.css в сборке. ═══ */
.compare-preview-item span{flex:1;font-size:13px;color:#e2e8f0;text-align:left}
.compare-preview-remove{width:28px;height:28px;border-radius:6px;border:none;background:rgba(239,68,68,.15);color:#ef4444;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:Arial,sans-serif}
.compare-placeholder p{font-family:var(--font-family);font-size:16px;color:var(--text-primary);margin:0 0 8px 0}
.compare-title{font-size:20px;font-weight:700;margin:0;color:#fff}
.compare-clear-btn{background:#B12234;border:none;border-radius:8px;padding:0 16px;height:30px;cursor:pointer;font-size:13px;color:#fff;transition:all .2s;margin-left:5px}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}
.compare-section-row td{padding:10px 12px;font-weight:700;font-size:13px;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.08);color:#e5e7eb;text-align:left}
.compare-param-cell{padding:7px 12px;font-size:13px;color:#d1d5db;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;vertical-align:top;overflow:hidden;text-overflow:ellipsis}
.compare-val-cell{padding:7px 12px 7px 0;text-align:left;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05);color:#d1d5db;vertical-align:top}
.compare-skeleton-params .compare-val-cell{padding-left:12px}
.compare-error{text-align:center;padding:40px;color:#ef4444;font-size:15px}
.compare-title{color:#fff}
.compare-table-wrap{overflow-x:visible}
.compare-col-label{width:220px;min-width:220px}
.compare-section-row td{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:#e5e7eb}
.compare-param-cell{color:#d1d5db;border-color:rgba(255,255,255,.05)}
.compare-val-cell{color:#d1d5db;border-color:rgba(255,255,255,.05)}
.compare-val-no{color:#b8c4ce}
.compare-val-item{display:flex;align-items:baseline;gap:0}
.compare-val-item .compare-marker{flex-shrink:0}
.compare-val-item .compare-val-text{display:inline;width:auto;padding-left:0}
.compare-marker{display:inline-block;width:20px;text-align:center;vertical-align:top}
.compare-val-text{display:inline-block;width:calc(100% - 20px);vertical-align:top}
.compare-val-nomarker{width:100%;padding-left:20px}
.compare-marker-yes{color:#16a34a}
.compare-marker-maybe{color:#F3BC3E}
.compare-marker-no{color:#b8c4ce}
.compare-differ .compare-val-cell{background:rgba(37,99,235,.08)}
.compare-filter-group{display:inline-flex;overflow:hidden;border-radius:8px;box-shadow:none}
.compare-filter-item{display:inline-block}
.compare-filter-group input[type=radio]{display:none}
.compare-filter-group label{display:inline-block;cursor:pointer;padding:6px 16px;line-height:20px;border:none;font-size:13px;color:rgb(127,145,164);user-select:none;transition:background .2s,color .2s;background:#2B3340}
.compare-filter-group .compare-filter-item:first-child label{border-radius:8px 0 0 8px}
.compare-filter-group .compare-filter-item:last-child label{border-radius:0 8px 8px 0}
.compare-filter-group input[type=radio]:checked+label{background:#19212A;color:#fff}
.compare-filter-group label:hover{background:#232b36;color:#c4d0d8}
.compare-filter-group input[type=radio]:disabled+label{opacity:.4;cursor:default;pointer-events:none}
.compare-spec-img-wrap{position:relative;display:block;width:100%;margin-bottom:6px;border-radius:8px;overflow:hidden}
.compare-spec-img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.compare-spec-name:hover{text-decoration:none}
#compare-page-container{width:100%;flex:1}
.compare-container{display:flex;justify-content:center;align-items:center;width:100%;height:500px;margin-bottom:30px}
.compare-placeholder{text-align:center;padding:60px 40px;background:#242F3D;border-radius:12px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.compare-clear-btn:hover{background:#9a1e2e}
.compare-clear-btn:active{}
.compare-preview-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(255,255,255,.06);border-radius:8px;margin-bottom:4px}
.compare-preview-remove:hover{background:rgba(239,68,68,.3)}
@keyframes cmpSkelPulse {
    0%, 100% { opacity: 0.4; }
    50% { opacity: 1; }
}

/* ═══ Левая колонка — панель как specs-side-nav в карточке авто (владелец 2026-09-29):
     фон #242F3D, скругления, подписи 14px #B8C8D8, между панелью и значениями пустота ═══ */

/* ═══ Контролы (фильтры + «Очистить») в первом столбце, слева от фото (владелец 2026-09-28) ═══ */
.cmp-controls-cell{border-bottom:none;padding:0 12px 0 0;vertical-align:top}
.compare-filter-group{display:inline-flex;flex-direction:column;align-items:stretch;border-radius:8px;overflow:hidden}
.compare-filter-group .compare-filter-item label,.compare-filter-group .compare-filter-item:first-child label,.compare-filter-group .compare-filter-item:last-child label{border-radius:0}
.compare-clear-btn{margin:8px 0 0;width:100%}
@media (max-width:768px){
    .compare-desktop-wrap{display:none}
}

/* ═══ 2026-09-29: расклад как в карточке авто (specs): слева ОТДЕЛЬНАЯ sticky-панель
     разделов 1-в-1 со specs-side-nav, справа таблица (drom-стиль строк), шапка с
     фото липнет к верху вместе с панелью ═══ */
.compare-two-col{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;align-items:start;width:100%}
.compare-content-left{flex:1 1 auto;width:auto}
.cmp-side-nav{position:sticky;top:12px;z-index:6;display:flex;flex-direction:column;gap:2px;
  background:#242F3D;border-radius:10px;padding:14px 10px;max-height:calc(100vh - 24px);
  overflow-y:auto;scrollbar-width:none}
.cmp-side-nav::-webkit-scrollbar{width:0}
.cmp-side-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#7f91a4;padding:2px 12px 10px}
.cmp-side-controls{display:flex;flex-direction:column;gap:2px;padding:0 0 10px;margin-bottom:8px;border-bottom:1px solid #2c3743}
.cmp-side-radio{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:14px;color:#B8C8D8;cursor:pointer}
.cmp-side-radio:hover{color:#fff;background:rgba(255,255,255,.04)}
.cmp-side-radio input{accent-color:#FFB900}
.cmp-side-link{display:block;padding:8px 12px;border-radius:8px;border-left:2px solid transparent;
  font-size:14px;color:#B8C8D8;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  cursor:pointer;transition:color .15s,background .15s}
.cmp-side-link:hover{color:#fff;background:rgba(255,255,255,.04)}
.cmp-side-link.active{color:#FFB900;background:rgba(255,185,0,.08);border-left-color:#FFB900}
.compare-two-col .compare-clear-btn{margin:8px 0 0;width:100%}

/* шапка с фото: липнет к верху (вместе с левой панелью) */

.compare-table thead th:first-child{z-index:7}

/* строки — drom-стиль: подпись слева серым, значения по колонкам, тонкие разделители */
.compare-col-label{width:230px;min-width:230px}
.compare-param-cell{font-size:13px;color:#94a3b8;padding:9px 12px 9px 0;text-align:left;
  border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
.compare-val-cell{font-size:14px;color:#e2e8f0;padding:9px 16px;text-align:center;
  border-bottom:1px solid rgba(255,255,255,.05);border-left:1px solid rgba(255,255,255,.04);vertical-align:top}
.compare-val-text{display:inline-block;width:auto}
.compare-val-nomarker{width:auto;padding-left:0}
.compare-val-item{display:flex;align-items:flex-start;gap:0;justify-content:flex-start}
.compare-val-item .compare-marker{flex-shrink:0}
.compare-section-row td{padding:10px 12px;font-weight:600;font-size:12px;background:rgba(255,255,255,.05);
  border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
  color:#94a3b8;text-align:left;text-transform:uppercase;letter-spacing:.05em}
.compare-differ .compare-val-cell{background:rgba(255,185,0,.05)}
.compare-section-row{scroll-margin-top:340px}

/* моб: панель не нужна (там своя шапка) — расклад в одну колонку */
@media (max-width:768px){
  .compare-two-col{grid-template-columns:1fr}
  .cmp-side-nav{display:none}
}

/* ═══ 2026-09-29: секции — отдельные блоки, как specs-section в карточке авто:
     заголовок-плашка (radius 12 12 0 0) + тело на #242F3D, низ блока скруглён,
     между блоками зазор 16px ═══ */
tr.cmp-blk-start > td{padding:0;background:transparent;border:none}
tr.cmp-row-first > td{border-top:none;background:#242F3D}
tr.compare-param-row > td{background:#242F3D}
tr.cmp-row-last > td{border-bottom:none}
/* зазор 16px между блоками: прозрачная полоса над следующим заголовком */
tr.cmp-blk-start + tr.cmp-blk-start > td,

/* ═══ 2026-09-29: панель без заголовка; фильтры — горизонтальный бар над
     таблицей (по ширине правого блока), «Очистить» справа ═══ */
.cmp-side-nav{top:12px}
.cmp-controls-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.cmp-ctl-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:8px;
  font-size:13px;color:#7f91a4;background:#2B3340;cursor:pointer;user-select:none;white-space:nowrap;
  transition:background .2s,color .2s}
.cmp-ctl-btn:hover{background:#232b36;color:#c4d0d8}
.cmp-ctl-btn input{display:none}
.cmp-ctl-btn.on,.cmp-ctl-btn:has(input:checked){background:#19212A;color:#fff}
.compare-two-col .cmp-controls-bar .compare-clear-btn{margin:0 0 0 auto;width:auto;height:32px}

/* ═══ 2026-09-29: без столбика подписей — имя параметра строкой над
     значениями (drom-стиль), значения только в колонках авто ═══ */
.cmp-pname-row > td{font-size:13px;color:#94a3b8;padding:10px 16px 4px;background:#242F3D;
  text-align:left;border-bottom:none}
.cmp-pname-row.compare-differ > td{color:#B8C8D8}
.compare-col-label{width:0;min-width:0}

/* ═══ 2026-09-29: аккуратный drom-стиль строк (в тёмной гамме сайта):
     тонкие линии, компактные серые имена, лёгкие полосы-заголовки групп ═══ */
.compare-table thead th{border-bottom:none}
tr.cmp-blk-start > td{padding:0;background:transparent;border:none}
.cmp-pname-row > td{font-size:12px;color:#8b99a9;padding:12px 16px 3px;background:#242F3D;text-align:left;border:none}
.cmp-pname-row.compare-differ > td{color:#9fb0c3}
.compare-param-row > td{background:#242F3D;border-bottom:1px solid rgba(255,255,255,.045)}
.compare-val-cell{font-size:14px;color:#e2e8f0;padding:4px 16px 9px;text-align:center;
  border-left:1px solid rgba(255,255,255,.03);vertical-align:top}
tr.cmp-row-last > td{border-bottom:1px solid rgba(255,255,255,.045)}
.compare-differ .compare-val-cell{background:#242F3D}
.compare-differ .cmp-pname-row > td,
tr.compare-differ .compare-val-cell .compare-val-text{color:#e2e8f0}
.cmp-side-nav{gap:0}
.cmp-side-link{padding:9px 12px;font-size:13.5px}

/* ═══ 2026-09-29 (2): drom-строки — имя слева в той же строке, значения влево,
     единый лист с тонкими линиями ═══ */
.compare-table col.compare-col-label{width:26%;min-width:200px}
tr.compare-param-row > td{border-bottom:1px solid rgba(255,255,255,.045);background:transparent}
.compare-param-name{font-size:13px;color:#94a3b8;padding:10px 14px;text-align:left;vertical-align:top}
.compare-val-cell{font-size:14px;color:#e2e8f0;padding:10px 14px;text-align:left;
  border-left:1px solid rgba(255,255,255,.03);vertical-align:top;background:transparent}
tr.cmp-row-last > td{border-bottom:none}
.compare-differ .compare-val-cell .compare-val-text{color:#e2e8f0}
tr.compare-differ > td.compare-param-name{color:#c4d0d8}

/* ═══ 2026-09-29 (3): столбика имён НЕТ — имя параметра общей строкой над
     значениями (drom-скрин: 3 комплектации, над строками значений общие параметры) ═══ */
.cmp-pname-row > td{font-size:12px;color:#94a3b8;padding:12px 16px 3px;background:transparent;text-align:left;border:none}
.cmp-pname-row.compare-differ > td{color:#9fb0c3}
.compare-param-row > td{border-bottom:1px solid rgba(255,255,255,.045);background:transparent}
.compare-val-cell{padding:4px 16px 10px;text-align:left;border-left:1px solid rgba(255,255,255,.03)}
tr.cmp-row-last > td{border-bottom:none}
.compare-table col.compare-col-label,.compare-head-name{display:none}

/* ═══ 2026-09-29 (4): только визуал — шрифты/отступы/линии под drom-скрин,
     структура не тронута (имя над значениями) ═══ */
.compare-body{font-family:Arial,Helvetica,sans-serif}

/* шапка: карточки авто */

/* заголовок секции: лёгкая полоса-капс, как у drom */

/* имя параметра: компактный серый, воздух сверху */
.cmp-pname-row > td{font-size:13px;line-height:1.35;color:#93a3b5;padding:14px 18px 5px;letter-spacing:.01em}

/* значения: ровный ритм, деликатные линии */
.compare-val-cell{font-size:14px;line-height:1.5;color:#e8eef5;padding:0 18px 12px;text-align:left;
  border-left:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.04)}
tr.cmp-row-last > td{border-bottom:1px solid rgba(255,255,255,.04)}

/* панель разделов: спокойнее */
.cmp-side-link{font-size:13px;padding:9px 12px;color:#a9b8c9}
.cmp-side-link.active{color:#FFB900}

/* маркеры */
.compare-marker{width:16px;font-size:14px}
.compare-val-item{align-items:baseline;gap:2px}

/* ═══ 2026-09-29 (5): шапка — фото вплотную, зазор 1px, без паддингов между
     колонками (тексты несут свои отступы внутри) ═══ */
.compare-table thead .compare-spec-cell:first-of-type{border-left:none}
.compare-spec-img-wrap{margin:0;border-radius:10px}

/* ═══ 2026-09-29 (6): комплектация в шапке — как listing-trim в списке карточек;
     углы фото: без скругления, только внешние углы ряда (первая слева / последняя справа) ═══ */
.compare-spec-img{border-radius:0}

/* ═══ 2026-09-29 (7): строка названия — блок [название | крестик]:
     крестик по центру ПЕРВОЙ строки, фиксированная высота 2 строк — цены
     всегда в одну линию независимо от переносов ═══ */
/* ═══ 2026-09-30 (v75): крестик — НА фото, отступ 15px сверху и справа
     (в строке цены — только цена, обёртка cmp-price-row убрана) ═══ */
.compare-spec-img-wrap{width:196px}
.compare-spec-img-wrap .compare-remove-btn{position:absolute;top:5px;right:5px;width:28px;height:28px;border:none;border-radius:6px;background:rgba(23,33,43,.75);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:3}
.compare-spec-img-wrap .compare-remove-btn:hover{background:#B12234}
.compare-spec-img-wrap .compare-remove-btn:hover{background:#B12234}

/* ═══ 2026-09-29 (8): правый блок — заливка как у левой панели (#242F3D) ═══ */
.compare-body{background:transparent;padding-bottom:0;width:100%}
.compare-table-wrap table{margin-top:0}

/* ═══ 2026-09-29 (9): фото всегда одного размера — колонка авто фикс. 300px
     независимо от числа машин (2 или 5), картинка 4:3 ═══ */
.compare-table col.compare-col-val{width:190px}
.compare-spec-img{aspect-ratio:4/3;object-fit:cover;width:100%}

/* фикс ширина колонок: контент не должен раздувать ячейки (986/5=197 c границами) */

/* ═══ 2026-09-29 (10): при <5 авто колонки расширяются поровну на весь блок,
     фото остаются 197px (не увеличиваются) ═══ */
.compare-spec-img{width:100%;max-width:196px}

/* ═══ 2026-09-30: фото без скруглений; бар контролов — паддинг вместо маржина,
     кнопки 32px высотой ═══ */
.compare-spec-img,.compare-spec-img-wrap{border-radius:0}
.cmp-controls-bar{margin:0;padding:10px 15px 0 15px}
.cmp-ctl-btn{height:32px;box-sizing:border-box;display:inline-flex;align-items:center}
.compare-two-col .cmp-controls-bar .compare-clear-btn{height:32px}

/* ═══ 2026-09-30: секции параметров — отдельные блоки, как specs-section в
     карточке авто: заголовок-плашка (22px, скругление сверху) + тело,
     между блоками зазор (фон блока) ═══ */
.cmp-sec-title{font-size:20px;font-weight:500;text-transform:none;letter-spacing:0;
  color:#e2e8f0;height:auto;padding:10px 14px 8px;background:#2f3a4745;border-radius:12px 12px 0 0}

tr.compare-param-row > td{background:#242F3D}
tr.cmp-row-last > td{border-bottom:1px solid rgba(255,255,255,.04)}

/* ═══ 2026-09-30 (2): явное разделение секций — спейсер с фоном страницы между
     блоками, контрастные заголовки, залитые тела ═══ */
tr.cmp-spacer > td{height:16px;background:transparent!important;border:none!important;padding:0!important}
.cmp-sec-title{background:#2B3644;color:#f1f5f9}

tr.cmp-row-first > td{border-radius:12px 12px 0 0}

/* ═══ 2026-09-30 (3): бар контролов и шапка с фото — два отдельных залитых
     блока (#242F3D, как левая панель), между ними зазор ═══ */
.cmp-controls-bar{background:#242F3D;border-radius:0;margin:0;padding:10px;position:sticky;top:0;z-index:8}
.compare-table thead th{background:#242F3D;border-radius:0}
.compare-header-row{display:table-row}

/* ═══ 2026-09-30 (4): расстояние между блоками — ТОЛЬКО спейсер-строки
     (tr.cmp-spacer, 16px), никаких padding-top у секций ═══ */
tr.cmp-blk-start > td{padding:0;background:transparent;border:none}

/* thead магнитится под липким баром (top = высота бара) */
.compare-table thead th{position:sticky;top:53px;z-index:5}
.compare-table thead th:first-child{z-index:6}

/* ячейки строк параметров — без скруглений */
.compare-table tbody td{border-radius:0!important}

/* ═══ 2026-09-30 (5): фон — на весь блок параметров (tbody секции),
     ячейки прозрачны; скругление блока снизу ═══ */
tbody.cmp-sec{background:#242F3D}
tbody.cmp-sec td{background:transparent!important}

/* ═══ 2026-09-30 (6): секция = отдельный div-блок с заливкой (HTML переписан):
     шапка с фото — самостоятельная sticky-таблица, каждая секция — своя
     таблица внутри залитого блока ═══ */
.cmp-head-table{margin-bottom:16px}
.cmp-head-table thead th{position:sticky;top:53px;z-index:5}
.cmp-sec-block{background:#242F3D;border-radius:12px;margin-bottom:16px;overflow:hidden}
.cmp-sec-block .cmp-sec-title{margin:0;border-radius:0}
.cmp-sec-block table{width:100%}
.cmp-sec-block td{background:transparent!important}

/* ═══ 2026-09-30 (7): значения слева; маркеры/тире в одной вертикальной
     колонке (фикс. ширина маркера), текст — ровной колонкой справа от него ═══ */
.compare-val-cell{text-align:left}
.compare-val-item{display:flex;align-items:flex-start;gap:0}
.compare-marker{width:18px;flex:0 0 18px;text-align:center;line-height:21px}
.compare-marker-empty{visibility:hidden}
.compare-val-item .compare-val-text{padding-left:2px;line-height:21px}

/* ═══ 2026-09-30 (8): текст строго слева; маркеры одной ширины (короткое тире);
     строка без маркера начинается на уровне текста (скрытая заглушка) ═══ */
.compare-val-cell,.compare-val-text{text-align:left;padding-left:0}
.compare-val-item .compare-marker{width:16px;flex:0 0 16px;font-size:14px;line-height:21px;text-align:center}
.compare-marker-empty{visibility:hidden;width:16px;flex:0 0 16px}
.compare-val-item .compare-val-text{display:inline-block;padding-left:3px}

/* ═══ 2026-09-30 (9): значения СТРОГО СЛЕВА — блочные строки прижимаются
     влево (margin-right:auto), у nomarker убран старый 20px-отступ ═══ */
.compare-val-item{margin-right:auto}
.compare-val-nomarker{width:auto;padding-left:0}
.compare-val-text{display:inline-block}

.compare-val-cell{padding:0 15px 5px 15px}

/* ═══ 2026-09-30 (11): маркер слева, текст обтекает — перенос текста идёт
     под ТЕКСТОМ (не под маркером) ═══ */
.compare-val-item{display:block}
.compare-val-item .compare-marker{float:left;width:16px;text-align:center;line-height:21px}
.compare-val-item .compare-val-text{display:block;overflow:hidden;min-height:21px}

/* ═══ 2026-09-30 (12): шапка — flex-колонка; цена всегда прижата к низу
     ячейки (одна линия у всех), цвет #3385d1; комплектация на своей линии ═══ */
.cmp-car-cell{display:flex;flex-direction:column;align-items:stretch;height:100%}

.cmp-sec-block:last-child{margin-bottom:0}

.cmp-sec-block tr:last-child .compare-val-cell{padding-bottom:10px}

/* активный пункт панели: заливка #17212b, текст белый, без жёлтой черты слева */
.cmp-side-link{border-left:2px solid transparent}
.cmp-side-link.active{background:#17212b;color:#fff;border-left-color:transparent}

.cmp-side-link{white-space:normal;line-height:1.35}

.compare-val-cell{padding-bottom:10px}

/* ═══ 2026-09-30 (13): комплектации и цены — строго в одну линию у всех
     колонок: имя фикс. высоты 2 строк, комплектация под ним, цена прижата
     absolute к низу ячейки; крестик с отступом справа как у имени слева ═══ */
.cmp-car-cell{position:relative;padding-bottom:34px}

/* ═══ 2026-09-30 (14): шапка из 4 строк — без фикс. высот и пустот ═══ */
.cmp-car-cell{position:static;padding-bottom:0}

.compare-header-row.compare-h-photo th,.compare-header-row.compare-h-name th,.compare-header-row.compare-h-trim th{border-radius:0}

.compare-table thead th,.compare-table thead .compare-header-row th:first-child,.compare-table thead .compare-header-row th:last-child{border-radius:0}

/* скелетон без скруглений — чтобы при загрузке не мигал угол */
.compare-table .skeleton-photo{border-radius:0}
.compare-skeleton-params .skeleton-line,.compare-skeleton-params .skeleton-pulse{border-radius:0}

/* шапка липнет ЦЕЛИКОМ (thead sticky) под баром контролов */
.cmp-head-table thead{position:sticky;top:52px;z-index:5}
.cmp-head-table thead th{position:static}

/* шапка липнет целиком: обёртка над головной таблицей, containing block —
   весь блок сравнения (шапка + все секции) */
.cmp-head-wrap{position:sticky;top:52px;z-index:5}
.cmp-head-table thead{position:static}

.cmp-head-table thead tr:last-child th:first-child{border-radius:0 0 0 12px}
.cmp-head-table thead tr:last-child th:last-child{border-radius:0 0 12px 0}

/* у блоков секций нижние углы прямые (скругление только у заголовка сверху) */
.cmp-sec-block{border-radius:12px}

/* секции: скругление сверху (низ прямой) */
.cmp-sec-block{border-radius:12px}
.cmp-sec-block{overflow:hidden}

/* бару — верхнее скругление */
.cmp-controls-bar{border-radius:10px 10px 0 0}

.compare-header-row.compare-h-price th{box-shadow:0 2px 0 -1px rgba(0,0,0,.1)!important}

/* ═══ ШАПКА — ЕДИНЫЙ ФИНАЛЬНЫЙ БЛОК (вся старая(layered) шапка вычищена 2026-09-30) ═══ */
.compare-table thead .compare-spec-cell{padding:0;vertical-align:top;border:none;background:#242F3D;text-align:left}
.cmp-name-row{display:flex;align-items:flex-start;gap:8px;padding:10px 14px 0 14px;margin:0}
.compare-spec-name{flex:1 1 auto;display:block;font-size:15px;font-weight:600;line-height:1.35;color:#f1f5f9;text-decoration:none;margin:0;overflow-wrap:anywhere;word-break:break-word}
.compare-spec-trim{font-size:12px;font-weight:400;color:#b8c8d8;line-height:1.4;opacity:.8;margin:0;padding:0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compare-spec-price{font-size:15px;font-weight:700;color:#3385d1;margin:0;padding:10px 15px}