/* ==========================================================================
   Каталог торгового оборудования (категория 67 и её разделы).
   Слой оформления поверх разметки темы, токены — из chrome.css.
   ========================================================================== */

/* лид на всю ширину: справа от него ничего нет, и узкая колонка читалась
   как обрезанная. Отрицательный отступ сверху съедает часть стандартных
   40px под .page-header — текст относится к заголовку. */
.nd-chrome .nd-eqhead { margin-top: -14px; padding-bottom: 24px; }
.nd-chrome .nd-eqhead p {
  margin: 0;
  font-size: 1.03125rem;
  line-height: 1.6;
  color: var(--c-ink-2);
}
.nd-chrome .nd-eqhead p + p { margin-top: 10px; }
.nd-chrome .nd-eqhead b { color: var(--c-ink); }
.nd-chrome .nd-eqhead__note {
  font-size: 0.875rem !important;
  color: var(--c-ink-3) !important;
}

/* ---------- поиск по каталогу ---------- */
.nd-chrome .page-header__search .search__input {
  border: 1px solid var(--c-line-2);
  border-radius: 3px;
  background-color: #fff;
}
.nd-chrome .page-header__search .search__input:focus {
  outline: none;
  border-color: var(--c-accent);
}

/* ---------- разделы слева ---------- */
.nd-chrome .rse__nav .tarifs-nav__nav-list {
  border: 1px solid var(--c-line);
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}
.nd-chrome .rse__nav .nav-list__item + .nav-list__item { border-top: 1px solid var(--c-line); }
.nd-chrome .rse__nav .nav-list__link {
  padding: 14px 18px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--c-ink-2);
}
.nd-chrome .rse__nav .nav-list__link:hover { background-color: var(--c-surface); color: var(--c-ink); }
.nd-chrome .rse__nav .nav-list__link.active {
  background-color: var(--c-surface);
  font-weight: 600;
  color: var(--c-accent-ink);
  -webkit-box-shadow: inset 3px 0 0 var(--c-accent);
  box-shadow: inset 3px 0 0 var(--c-accent);
}

/* ---------- карточка товара ---------- */
.nd-chrome .rse-content { gap: 16px; }
.nd-chrome .rse-content__item {
  position: relative;   /* для растянутой ссылки заголовка */
  display: flex;
  border: 1px solid var(--c-line);
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s;
}
/* поиск по каталогу помечает карточки классом .search-hide { display:none },
   а наш display:flex его перебивал по специфичности */
.nd-chrome .rse-content__item.search-hide { display: none; }
.nd-chrome .rse-content__item:hover {
  border-color: var(--c-line-2);
  -webkit-box-shadow: 0 6px 20px rgba(26, 25, 25, 0.06);
  box-shadow: 0 6px 20px rgba(26, 25, 25, 0.06);
}
.nd-chrome .rse-content__item .rse-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* у темы карточка на сером фоне — рамку и белый даёт внешний .rse-content__item */
  background-color: transparent;
  padding: 16px 18px 0;
}
.nd-chrome .rse-content__item .rse-card__img {
  height: 160px;
  border-radius: 3px;
  background-color: var(--c-surface);
}

/* заголовок: был 24px Bebas в три строки и перебивал цену */
.nd-chrome .rse-content__item .rse-card__title {
  padding: 16px 0 6px;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.4;
  text-transform: none;
  color: var(--c-ink);
}
.nd-chrome .rse-content__item .rse-card__title a {
  color: inherit;
  text-decoration: none;
}
.nd-chrome .rse-content__item .rse-card__title a:hover { color: var(--c-accent-ink); }

/* у темы описание с padding-left 16px и клампингом на 5 строк маркетингового текста;
   в каталоге хватит двух строк — полный текст на странице товара */
.nd-chrome .rse-content__item .rse-card__description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  padding-left: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--c-ink-3);
}

.nd-chrome .rse-content__item .rse-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--c-line);
  margin-top: auto;
  padding: 14px 0;
}
.nd-chrome .rse-content__item .rse-card__price {
  font-family: inherit;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.2;
  color: var(--c-ink);
  font-variant-numeric: tabular-nums;
}

/* кнопка была круглой иконкой без подписи — в каталоге даём текст.
   В карусели на других страницах кнопка остаётся прежней. */
.nd-chrome .rse-content__item .rse-card__btn {
  width: auto;
  height: auto;
  border: 1px solid var(--c-accent);
  border-radius: 3px;
  background-color: var(--c-accent);
  padding: 9px 16px;
  box-shadow: none;
}
.nd-chrome .rse-content__item .rse-card__btn::before {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-color: #fff;
}
.nd-chrome .rse-content__item .rse-card__btn:hover {
  background-color: var(--c-accent-ink);
  border-color: var(--c-accent-ink);
}
.nd-chrome .rse-content__item .rse-card__btn:hover::before { background-color: #fff; }
.nd-chrome .rse-card__btn-text {
  font-family: inherit;
  font-weight: 600;
  font-size: 0.84375rem;
  line-height: 1.4;
  color: #fff;
  white-space: nowrap;
}

/* ---------- адаптив ---------- */
@media (max-width: 1024px) {
  .nd-chrome .rse-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 810px) {
  .nd-chrome .nd-eqhead { padding-bottom: 18px; }
}
@media (max-width: 576px) {
  .nd-chrome .rse-content { grid-template-columns: minmax(0, 1fr); }
  .nd-chrome .rse-content__item .rse-card { padding: 14px 16px 0; }
  .nd-chrome .rse-content__item .rse-card__img { height: 200px; }
}

/* ---------- вся карточка кликабельна ----------
   Псевдоэлемент ссылки заголовка растягивается на карточку, кнопка «Купить»
   поднята над ним. У картинки в теме pointer-events: none — накладка это обходит. */
/* У темы .rse-card__title::before — абсолютная накладка на карточку: раньше класс
   стоял на ссылке и она растягивалась, теперь класс на h3, и накладка съедала клики.
   Ссылка в теме a { position: relative } — псевдоэлемент растягивался внутри
   строчной ссылки (0×1px), а не по карточке. */
.nd-chrome .rse-content__item .rse-card__title::before { content: none; }
.nd-chrome .rse-content__item .rse-card__link { position: static; }
/* у темы глобальный a::after — анимированное подчёркивание с width: 0; height: 1px,
   поэтому размеры и фон задаём явно, иначе накладка остаётся полоской 0×1px */
.nd-chrome .rse-content__item .rse-card__link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: auto !important;      /* у темы a::after { width: 0 } — подчёркивание при наведении */
  height: auto !important;
  max-width: none !important;
  background: none !important;
  transform: none !important;
  transition: none !important;
}
.nd-chrome .rse-content__item .rse-card__btn { position: relative; z-index: 2; }
.nd-chrome .rse-content__item:hover .rse-card__title a { color: var(--c-accent-ink); }

/* ==========================================================================
   Страница товара (.nd-product-page). Галерея — разметка темы (main.js: zoom
   и превью), поэтому её классы только перекрашиваются.
   ========================================================================== */
.nd-chrome .nd-product-page > .container { padding-bottom: 40px; }   /* до блока «Остались вопросы?» */

.nd-chrome .nd-prod {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 440px;
  gap: 32px 48px;
  align-items: start;
  padding: 6px 0 10px;
}

/* ---------- галерея ---------- */
.nd-chrome .nd-prod__gallery .product-preview {
  border: 1px solid var(--c-line);
  border-radius: 4px;
  background-color: #fff;
}
.nd-chrome .nd-prod__gallery .product-preview__slide { height: 440px; }
.nd-chrome .nd-prod__gallery .product-thumbs { margin-top: 12px; }
.nd-chrome .nd-prod__gallery .product-thumbs__slide {
  width: 72px;
  height: 72px;
  border: 1px solid var(--c-line);
  border-radius: 3px;
  background-color: #fff;
  transition: border-color 0.15s;
}
.nd-chrome .nd-prod__gallery .swiper-slide-thumb-active .product-thumbs__slide { border-color: var(--c-accent); }
.nd-chrome .nd-prod__gallery--single .product-thumbs { display: none; }   /* одна картинка — превью не нужны */

/* ---------- информация ---------- */
.nd-chrome .nd-prod__marks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-bottom: 14px;
}
.nd-chrome .nd-prod__tag {
  border: 1px solid var(--c-line-2);
  border-radius: 100px;
  padding: 4px 11px;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--c-ink-2);
  text-decoration: none;
}
.nd-chrome .nd-prod__tag:hover { border-color: var(--c-accent); color: var(--c-accent-ink); }
.nd-chrome .nd-prod__brand { font-size: 0.8125rem; color: var(--c-ink-3); }
.nd-chrome .nd-prod__stock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  font-size: 0.8125rem;
  color: #0f8f52;
}
.nd-chrome .nd-prod__stock::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #0f8f52;
}
.nd-chrome .nd-prod__title {
  margin: 0 0 16px;
  font-family: var(--font-family-2);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--c-ink);
}
.nd-chrome .nd-prod__desc {
  margin: 0 0 22px;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--c-ink-2);
}

.nd-chrome .nd-prod__buy {
  border: 1px solid var(--c-line);
  border-radius: 4px;
  background-color: var(--c-surface);
  padding: 20px 22px;
}
.nd-chrome .nd-prod__price {
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.1;
  color: var(--c-ink);
  font-variant-numeric: tabular-nums;
}
.nd-chrome .nd-prod__price span {
  display: block;
  margin-top: 5px;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--c-ink-3);
}
.nd-chrome .nd-prod__act { display: flex; flex-wrap: wrap; gap: 10px; }
.nd-chrome .nd-prod__btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--c-accent);
  border-radius: 3px;
  background-color: var(--c-accent);
  padding: 12px 22px;
  font-family: inherit;
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.nd-chrome .nd-prod__btn:hover { background-color: var(--c-accent-ink); border-color: var(--c-accent-ink); }
.nd-chrome .nd-prod__btn--ghost { background-color: transparent; color: var(--c-accent-ink); font-variant-numeric: tabular-nums; }
.nd-chrome .nd-prod__btn--ghost:hover { background-color: var(--c-accent); color: #fff; }
.nd-chrome .nd-prod__note {
  margin: 14px 0 0;
  font-size: 0.78125rem;
  line-height: 1.5;
  color: var(--c-ink-3);
}

/* ---------- секции: характеристики, ещё товары ---------- */
.nd-chrome .nd-prod__section {
  border-top: 1px solid var(--c-line);
  margin-top: 36px;
  padding-top: 32px;
}
.nd-chrome .nd-prod__section .section-title { margin: 0 0 18px; font-size: 1.75rem; }
.nd-chrome .nd-prod__sechead {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 22px;
}
.nd-chrome .nd-prod__more {
  margin-left: auto;
  border-bottom: 1px solid currentColor;
  font-weight: 600;
  font-size: 0.84375rem;
  color: var(--c-accent-ink);
  text-decoration: none;
  white-space: nowrap;
}
.nd-chrome .nd-prod__specs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 40px;
  margin: 0;
}
.nd-chrome .nd-prod__spec {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 14px;
  border-bottom: 1px solid var(--c-line);
  padding: 11px 0;
}
.nd-chrome .nd-prod__spec dt { font-size: 0.875rem; line-height: 1.5; color: var(--c-ink-3); }
.nd-chrome .nd-prod__spec dd { margin: 0; font-size: 0.9375rem; line-height: 1.5; color: var(--c-ink); }

/* ---------- адаптив ---------- */
@media (max-width: 1024px) {
  .nd-chrome .nd-prod { grid-template-columns: minmax(0, 1fr) 360px; gap: 26px 30px; }
  .nd-chrome .nd-prod__gallery .product-preview__slide { height: 360px; }
  .nd-chrome .nd-prod__title { font-size: 2rem; }
  .nd-chrome .nd-prod__specs { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
@media (max-width: 810px) {
  .nd-chrome .nd-prod { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .nd-chrome .nd-prod__gallery .product-preview__slide { height: 300px; }
}
@media (max-width: 576px) {
  .nd-chrome .nd-prod__title { font-size: 1.625rem; }
  .nd-chrome .nd-prod__spec { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .nd-chrome .nd-prod__buy { padding: 18px 16px; }
  .nd-chrome .nd-prod__btn { flex: 1 1 auto; }
  .nd-chrome .nd-prod__section .section-title { font-size: 1.5rem; }
  .nd-chrome .nd-product-page > .container { padding-bottom: 28px; }
}