/* ——— Стили generic-сайтов (Roubaix и др.). X-LAB этот файл не подключает. ——— */

/* Карточка: фиксированные зоны, чтобы сетка не прыгала */
.card { display: flex; flex-direction: column; }
.card__name { min-height: 2.6em; }
.card__color { display: inline-block; font-size: 13px; font-weight: 600; background: var(--cc); color: #242424; padding: 1px 10px; border-radius: 12px; border: 1px solid rgba(0,0,0,.12); margin: 2px 0 6px; align-self: flex-start; }
.card__color.on-dark { color: #fff; border-color: rgba(255,255,255,.25); }
.card__img { aspect-ratio: 4/3; object-fit: contain; width: 100%; }
.card__tag { min-height: 3.2em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card__specs { min-height: 3.2em; }
.card__price { margin-top: auto; }
.card.is-hidden { display: none; }

/* Фильтры каталога */
.fbar { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 14px 0 4px; align-items: center; }
.fbar__group { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.fbar__group > b { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; opacity: .6; margin-right: 2px; font-weight: 600; }
.fbar .chip { cursor: pointer; }
.fbar .chip.is-on { background: #242424; color: #fff; border-color: #242424; }
.fbar__reset { font-size: 13px; background: none; border: none; text-decoration: underline; cursor: pointer; opacity: .7; }

/* Цена: строка про НДС; цвет на странице товара */
.pv__vat { display: block; font-size: 12px; opacity: .65; font-style: normal; margin-top: 4px; }
.pv__color { display: inline-block; font-size: 15px; font-weight: 600; background: var(--cc); color: #242424; padding: 2px 12px; border-radius: 14px; border: 1px solid rgba(0,0,0,.12); margin: -6px 0 10px; }
.pv__color.on-dark { color: #fff; border-color: rgba(255,255,255,.25); }

/* «Ещё N» в мега-меню */
.mega__more a { display: flex; align-items: center; justify-content: center; min-height: 120px; border: 1px dashed rgba(255,255,255,.35); border-radius: 12px; text-decoration: none; color: inherit; font-weight: 600; }
.mega__more a:hover { border-style: solid; }

/* Быстрые фильтры в мега-меню */
.mega__filters { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 0 2px; }
.mega__filters a { font-size: 13px; border: 1px solid #e2e2e2; border-radius: 14px; padding: 2px 10px; text-decoration: none; color: inherit; }
.mega__filters a:hover { border-color: #242424; }

@media (max-width: 700px) {
  .card__name, .card__tag, .card__specs { min-height: 0; }
}