/* Russab — тема InSales. Брейкпоинт: <=760px — мобильная раскладка. */
:root {
  --rs-bg: #0E1319;
  --rs-bg-bar: #0B0F14;
  --rs-bg-menu: #131A23;
  --rs-bg-input: #10161F;
  --rs-blue: #1B6DD8;
  --rs-blue-hover: #1558B0;
  --rs-sky: #5AA9E6;
  --rs-sky-h1: #4FA3E3;
  --rs-link: #2F7BD8;
  --rs-link-list: #3E8BD8;
  --rs-navy: #1B4C8C;
  --rs-yellow: #F5C518;
  --rs-text: #12161D;
  --rs-muted: #6B7280;
  --rs-muted-2: #98A0AC;
  --rs-line-dark: #2A323D;
  --rs-font: 'Manrope', sans-serif;
  --rs-font-display: 'Oswald', sans-serif;
  --rs-font-mono: 'JetBrains Mono', monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
/* Фон и цвета страниц задаёт штатная тема (белый); тёмные блоки красят себя сами */
body { margin: 0; min-width: 320px; overflow-x: hidden; }
.rs-header, .rs-footer, .rs-home { font-family: var(--rs-font); color: var(--rs-text); }
.rs-header a, .rs-footer a, .rs-home a { text-decoration: none; }
.rs-header img, .rs-footer img, .rs-home img { max-width: 100%; }
::selection { background: var(--rs-blue); color: #fff; }
.rs-search__input::placeholder { color: #8D96A3; }
.rs-header button, .rs-home button { font-family: inherit; }

.rs-wrap { max-width: 1600px; margin: 0 auto; }
.rs-only-mobile { display: none !important; }

/* ---------- Кнопки ---------- */
.rs-btn {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; font-weight: 600; cursor: pointer; text-align: center;
  font-family: var(--rs-font); line-height: 1.25;
  transition: background-color .15s, border-color .15s;
}
.rs-btn--primary { background: var(--rs-blue); color: #fff; border: none; }
.rs-btn--primary:hover { background: var(--rs-blue-hover); color: #fff; }
.rs-btn--outline { background: transparent; color: #fff; border: 1.5px solid #4A5462; }
.rs-btn--outline:hover { border-color: var(--rs-sky); color: #fff; }

/* ---------- Шапка: верхняя полоса ---------- */
.rs-topbar {
  background: var(--rs-bg-bar); padding: 12px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.rs-logo { display: block; color: inherit; }
/* object-position left + сдвиг на прозрачное поле PNG (≈7px): «Р» начинается ровно над «Магазин» */
.rs-logo img { display: block; width: 131px; height: 47px; object-fit: contain; object-position: left center; margin-left: -7px; }
.rs-logo__tagline { font-size: 15px; color: #D4D4D7; letter-spacing: .06em; margin-top: 1px; white-space: nowrap; }
.rs-topbar__actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
.rs-phone { color: #fff; font-weight: 700; font-size: 17px; letter-spacing: .01em; white-space: nowrap; }
.rs-phone:hover { color: var(--rs-sky); }
.rs-socials { display: flex; gap: 9px; }
/* Иконки соцсетей: 44px → 37px (−15%, 09.10.2026) */
.rs-socials a { display: flex; width: 37px; height: 37px; border-radius: 999px; overflow: hidden; }
.rs-socials img { width: 100%; height: 100%; object-fit: cover; }
.rs-topbar__cta { padding: 14px 24px; font-weight: 700; font-size: 15px; white-space: nowrap; }
.rs-cart-link { position: relative; display: flex; padding: 2px; }
.rs-cart-link img { width: 34px; height: 34px; object-fit: contain; filter: brightness(0) invert(1); }
.rs-cart-count {
  position: absolute; top: -6px; right: -8px; min-width: 20px; height: 20px; padding: 0 5px;
  border-radius: 999px; background: var(--rs-sky); color: #fff; /* голубой — как рамка кнопок категорий */
  font-size: 12px; font-weight: 800; line-height: 20px; text-align: center;
}
.rs-cart-count:empty, .rs-cart-count[data-count="0"] { display: none; }
/* Сравнение — слева от корзины */
.rs-compare-link { position: relative; display: flex; padding: 3px; }
.rs-compare-link svg { width: 32px; height: 32px; }
.rs-compare-link:hover svg path, .rs-cart-link:hover img { opacity: .8; }
/* ---------- Страница сравнения ---------- */
/* «Вернуться к покупкам» — синяя кнопка */
html body a.back_to_catalog.rs-btn {
  display: inline-flex; align-items: center; gap: 8px; padding: 11px 20px; border-radius: 10px;
  background: var(--rs-blue); color: #fff !important; font-weight: 600; font-size: 15px; border: 0;
}
html body a.back_to_catalog.rs-btn:hover { background: #155BC0; }
html body a.back_to_catalog.rs-btn .icon { color: #fff; }
/* Чекбокс «Показывать только различия» — голубая рамка, как у кнопок категорий */
html body .compare-toolbar .checkbox__marker::before { border: 2px solid var(--rs-sky) !important; }
/* Строки компактнее */
html body .js-compare-table .compare-row-title .param-title { padding-top: 10px !important; font-size: 14px; color: #6B7480; }
html body .js-compare-table .compare-row .param-value { padding: 4px 0 10px !important; font-size: 15px; font-weight: 600; line-height: 1.35; }
html body .js-compare-table .param-value .rs-line { display: block; }
/* Различающиеся параметры — заметнее */
html body .js-compare-table .compare-row.rs-differs .param-value { color: var(--rs-blue); }

/* Сообщение о сравнении — по центру экрана (russab.js) */
.rs-cmp-toast {
  position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: min(360px, calc(100vw - 32px)); padding: 22px 24px 20px; text-align: center;
  background: #fff; color: var(--rs-text); font-family: var(--rs-font); border-radius: 14px;
  box-shadow: 0 18px 50px rgba(16, 22, 31, .35); border: 1px solid #E4E7EC;
}
.rs-cmp-toast[hidden] { display: none; }
.rs-cmp-toast__msg { font-size: 17px; font-weight: 700; margin: 0 18px 6px; }
.rs-cmp-toast__count { font-size: 14px; color: #5B6472; }
.rs-cmp-toast__go { display: flex; margin-top: 16px; padding: 13px 20px; font-size: 16px; border-radius: 10px; }
.rs-cmp-toast__go[hidden] { display: none; }
html body a.rs-cmp-toast__go, html body a.rs-cmp-toast__go:visited { color: #fff !important; }
.rs-cmp-toast__close {
  position: absolute; top: 8px; right: 10px; width: 30px; height: 30px; border: 0; background: none;
  font-size: 24px; line-height: 1; color: #8E97A4; cursor: pointer; border-radius: 6px;
}
.rs-cmp-toast__close:hover { color: var(--rs-text); background: #F3F5F8; }
/* Подсказка у «Сравнить» на карточках: над курсором, середина по курсору, 8px выше (координаты — russab.js) */
.rs-cursor-tip {
  position: fixed; z-index: 1000; transform: translate(-50%, -100%); pointer-events: none;
  background: #1F2630; color: #fff; font: 600 13px var(--rs-font); white-space: nowrap;
  padding: 6px 10px; border-radius: 6px; box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
}
.rs-cursor-tip[hidden] { display: none; }
/* Подсказка при наведении (data-tip) */
.rs-header [data-tip]::after {
  content: attr(data-tip); position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%);
  background: #fff; color: var(--rs-text); font: 600 13px var(--rs-font); white-space: nowrap;
  padding: 6px 10px; border-radius: 6px; box-shadow: 0 6px 18px rgba(0, 0, 0, .25);
  opacity: 0; pointer-events: none; transition: opacity .15s; z-index: 50;
}
.rs-header [data-tip]:hover::after { opacity: 1; }
.rs-burger { background: none; border: none; padding: 0; cursor: pointer; display: flex; }
.rs-burger img { width: 45px; height: 57px; object-fit: contain; }

/* Мобильное меню */
.rs-mobile-menu { background: var(--rs-bg-menu); padding: 14px 20px; display: none; flex-direction: column; gap: 13px; }
.rs-mobile-menu.is-open { display: flex; }
.rs-mobile-menu a { color: #fff; font-size: 15px; font-weight: 600; }

/* ---------- Шапка: синий блок ---------- */
.rs-bluebar {
  background: linear-gradient(160deg, #2C71B8 0%, #1A4E8E 45%, #0D2B54 100%);
  padding: 10px 20px 16px;
}
.rs-cats { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.rs-cat {
  display: flex; align-items: center; justify-content: center; text-align: center;
  height: 38px; background: transparent; color: #fff;
  border: 2px solid var(--rs-sky); border-radius: 10px;
  font-size: 16px; font-weight: 500; line-height: 1.2; white-space: nowrap;
}
.rs-cat:hover { color: #fff; background: rgba(90, 169, 230, .15); }
.rs-cat--arki { width: 73px; }
.rs-cat--porogi { width: 84px; }
.rs-cat--other { width: 117px; font-size: 12px; white-space: normal; padding: 0 8px; }
/* Верхняя строка синего блока: категории слева, информационное меню справа (только десктоп) */
.rs-bluebar__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.rs-bluebar__top .rs-cats { margin-bottom: 0; }
/* margin-right 54px = правый край меню совпадает с правым краем кнопки «Оставить заявку» (за ней — корзина 38px + отступ 16px) */
.rs-nav { display: flex; gap: 8px 28px; flex-wrap: wrap; justify-content: flex-end; margin-right: 54px; }
html body .rs-header .rs-nav a, html body .rs-header .rs-nav a:visited { color: #fff !important; font-size: 15px; font-weight: 600; white-space: nowrap; }
html body .rs-header .rs-nav a:hover { color: #fff !important; }

.rs-searchrow { display: flex; align-items: center; gap: 12px; }
.rs-catalog-btn { flex: none; display: flex; width: 56px; height: 56px; border-radius: 999px; overflow: hidden; }
.rs-catalog-btn img { width: 100%; height: 100%; object-fit: cover; }
.rs-search { flex: 1; position: relative; min-width: 0; margin: 0 40px 0 0; }
.rs-search__icon {
  position: absolute; left: 22px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px; object-fit: contain; pointer-events: none;
  filter: brightness(0) invert(1); opacity: .9;
}
.rs-search__input {
  width: 100%; height: 56px; border-radius: 999px; border: 2.5px solid var(--rs-yellow);
  background: var(--rs-bg-input); color: #fff; padding: 0 24px 0 62px;
  font-size: 17px; font-family: var(--rs-font); outline: none;
}
.rs-search__input:focus { box-shadow: 0 0 0 3px rgba(245, 197, 24, .25); }
.rs-search-call { display: none; }
/* Галочка «Точное совпадение» — внутри строки поиска справа (russab.js) */
.rs-exact {
  position: absolute; right: 22px; top: 50%; transform: translateY(-50%);
  display: flex; align-items: center; gap: 6px; margin: 0; cursor: pointer; user-select: none;
  font-family: var(--rs-font); font-size: 13px; line-height: 1; color: #DCE8FA; white-space: nowrap;
}
.rs-exact input { width: 15px; height: 15px; margin: 0; accent-color: var(--rs-yellow); cursor: pointer; }
html body .rs-search .rs-search__input { padding-right: 190px; }
.rs-search--inline .rs-exact { right: 10px; font-size: 12px; }
.rs-exact-empty { font-size: 16px; color: var(--rs-muted); margin: 0 0 20px; }

/* Все страницы, кроме главной: поиск в ряду категорий (десктоп), без круглой кнопки каталога */
.rs-header--compact .rs-catalog-btn { display: none; }
.rs-header--compact .rs-cats { flex: 1; flex-wrap: nowrap; min-width: 0; }
.rs-search--inline { flex: 1 1 260px; max-width: 520px; margin: 0; }
/* Живой поиск: выпадающие подсказки под строкой (russab.js) */
.rs-suggest {
  position: absolute; left: 0; top: calc(100% + 6px); z-index: 10050; /* выше липкой колонки меню каталога (1010) */ width: 100%; min-width: 340px; max-width: 92vw;
  background: #fff; border: 1px solid #E4E7EC; border-radius: 10px; box-shadow: 0 12px 32px rgba(16, 24, 40, .16);
  overflow: hidden; font-family: var(--rs-font); text-align: left;
}
.rs-suggest[hidden] { display: none; }
.rs-suggest__item { display: flex; gap: 12px; align-items: center; padding: 8px 12px; color: var(--rs-text); text-decoration: none; border-bottom: 1px solid #F0F2F5; }
.rs-suggest__item:hover, .rs-suggest__item.is-active { background: #F3F7FD; }
.rs-suggest__img { flex: none; width: 44px; height: 44px; border-radius: 6px; background: #F3F5F8; overflow: hidden; }
.rs-suggest__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rs-suggest__body { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.rs-suggest__nm { font-size: 14px; line-height: 1.3; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.rs-suggest__meta { display: flex; gap: 10px; align-items: baseline; font-size: 13px; }
.rs-suggest__meta b { font-size: 14px; white-space: nowrap; }
html body .rs-suggest .rs-avail { font-size: 12px; margin: 0; }
.rs-suggest__all { display: block; padding: 10px 12px; font-size: 14px; font-weight: 700; color: var(--rs-blue); text-decoration: none; }
.rs-suggest__all:hover { background: #F3F7FD; }
.rs-suggest__empty { padding: 14px 12px; font-size: 14px; color: #6B7480; }
.rs-search--inline .rs-search__icon { left: 13px; width: 17px; height: 17px; }
html body .rs-header .rs-search--inline .rs-search__input {
  height: 38px; border-radius: 10px; border: 2px solid var(--rs-sky); background: transparent;
  font-size: 15px; padding: 0 150px 0 40px; /* справа — галочка «Точное совпадение» */
}
html body .rs-header .rs-search--inline .rs-search__input:focus { box-shadow: 0 0 0 3px rgba(90, 169, 230, .25); }
@media (min-width: 761px) {
  .rs-header--compact .rs-searchrow { display: none; }
  .rs-header--compact .rs-bluebar__top { margin-bottom: 0; }
}

/* ---------- Герой ---------- */
.rs-hero {
  position: relative; overflow: hidden;
  background-color: var(--rs-bg);
  background-image: url('https://cdn.insales-shop.ru/assets/1/1769/11626217/1793171180/bg-grid.png');
  background-repeat: repeat;
  background-size: auto calc(100% / 15);
}
.rs-hero__photo {
  position: absolute; top: 0; right: 0; bottom: 0; width: 52%;
  /* Фото увеличено ×2 в Topaz (1382×1130), левая часть — прозрачная (альфа в WebP): сквозь неё видна клетка фона.
     Тёмный градиент поверх фото убран, чтобы не закрашивать клетку. */
  background: url('https://cdn.insales-shop.ru/assets/1/1769/11626217/1793171180/hero-sklad.webp') right center / cover no-repeat;
}
.rs-hero__inner { position: relative; padding: 44px 20px 40px; max-width: 1600px; margin: 0 auto; }
.rs-hero__nm {
  font-family: var(--rs-font-display); font-weight: 700; text-transform: uppercase;
  font-size: clamp(34px, 3.9vw, 58px); line-height: 1.02; letter-spacing: -.5px;
  color: #fff; margin: 0 0 26px; max-width: min(680px, 54%);
}
.rs-hero__nm em { font-style: normal; color: var(--rs-sky-h1); }
.rs-hero__nm-m { display: none; }
.rs-lead { display: flex; gap: 14px; margin: 0 0 20px; max-width: 640px; }
.rs-lead::before { content: ''; flex: none; width: 3px; border-radius: 2px; background: var(--rs-sky); }
.rs-lead p { color: #E3E8EF; font-size: 15.5px; line-height: 1.55; margin: 0; }
.rs-pickup { display: flex; align-items: center; gap: 10px; margin-bottom: 30px; }
.rs-pickup img { width: 28px; height: 28px; object-fit: contain; flex: none; }
/* Значок адреса — синий кружок с белой меткой (было красное ic-pin.png) */
.rs-pickup__ic { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--rs-blue); display: flex; align-items: center; justify-content: center; }
.rs-pickup__ic svg { width: 18px; height: 18px; fill: none; stroke: #fff; stroke-width: 2; stroke-linejoin: round; }
/* Компьютер: «Быстрый подбор» в правой колонке героя вместо фото стеллажа (russab.js переносит блок) */
@media (min-width: 761px) {
  .rs-hero.has-pick .rs-hero__photo { display: none; }
  /* Подбор — сразу за текстом (не у правого края), по высоте — от верха заголовка до низа кнопок */
  .rs-hero__inner.has-pick {
    padding-bottom: 24px; display: grid; grid-template-columns: minmax(0, 680px) minmax(360px, 430px);
    column-gap: clamp(48px, 7vw, 150px); justify-content: start; align-items: start;
  }
  .rs-hero__inner.has-pick > :not(.rs-hero__pick) { grid-column: 1; }
  .rs-hero__inner.has-pick .rs-hero__nm { max-width: 680px; }
  .rs-hero__inner.has-pick .rs-hero__buttons { margin-bottom: 0; }
  .rs-hero__pick { grid-column: 2; grid-row: 1 / span 5; align-self: stretch; display: flex; }
  html body .rs-hero__pick .rs-picker-sec { background: none !important; padding: 0 !important; flex: 1; display: flex; }
  .rs-hero__pick .rs-picker { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
  .rs-hero__pick .rs-picker { box-shadow: 0 18px 50px rgba(0, 0, 0, .35); }
  .rs-hero__pick .rs-picker__grid { grid-template-columns: 1fr; gap: 8px; margin-bottom: 12px; }
  .rs-hero__pick .rs-picker__submit { width: 100%; padding: 11px 20px; font-size: 17px; }
  /* Компактнее, чтобы блок был не выше левой колонки и карусель шла сразу под кнопками */
  .rs-hero__pick .rs-picker { padding: 18px 20px 14px; }
  .rs-hero__pick .rs-picker__top { margin-bottom: 10px; }
  .rs-hero__pick .rs-picker label:not(.rs-picker__remember) { margin-bottom: 4px; }
  html body .rs-hero__pick .rs-picker .rs-select { height: 40px; min-height: 40px; padding-top: 0; padding-bottom: 0; font-size: 15px; }
  .rs-hero__pick .rs-picker__actions { margin-bottom: 0; gap: 10px; }
  .rs-hero__pick .rs-picker__hint { display: none; }
}
.rs-pickup span { color: var(--rs-sky); font-size: 17px; font-weight: 600; }
.rs-pickup { width: fit-content; }
html body .rs-home a.rs-pickup:hover span { text-decoration: underline !important; text-underline-offset: 3px; }
.rs-hero__buttons { display: flex; gap: 14px; align-items: stretch; flex-wrap: wrap; }
.rs-hero__buttons .rs-btn--primary { padding: 17px 30px; font-size: 16px; }
.rs-hero__buttons .rs-btn--outline { padding: 11px 22px; font-size: 15px; max-width: 130px; }

/* ---------- Карусель товаров ---------- */
.rs-carousel { background: var(--rs-bg); padding: 0 0 20px; }
/* Захват и протяжка мышью (russab.js): на время перетаскивания без «прилипания» к карточкам и выделения текста */
@media (hover: hover) { .rs-carousel__track, .rs-upsell__track { cursor: grab; } }
.rs-carousel__track.is-dragging, .rs-upsell__track.is-dragging { cursor: grabbing; scroll-snap-type: none !important; user-select: none; }
.rs-carousel__track {
  display: flex; gap: 16px; overflow-x: auto;
  padding: 0 20px 12px; scrollbar-width: thin; scrollbar-color: #39414D transparent;
}
.rs-carousel__track::-webkit-scrollbar { height: 6px; }
.rs-carousel__track::-webkit-scrollbar-thumb { background: #39414D; border-radius: 6px; }
.rs-carousel__track > * { flex: 0 0 232px; }
/* Панель «Показать ещё…» у правого края: карточки прокручиваются под неё */
.rs-carousel { position: relative; }
.rs-carousel__track { padding-right: 150px; }
/* Слева 36px — градиент из прозрачности в цвет фона, дальше сплошной #0E1319.
   Сетка 1fr / auto / 1fr: стрелка ровно по центру высоты, текст прижат к ней сверху. */
html body a.rs-carousel__more {
  position: absolute; top: 0; right: 0; bottom: 32px; width: 136px; z-index: 2;
  display: grid; grid-template-rows: 1fr auto 1fr; justify-items: center; row-gap: 16px; padding: 0 12px 0 36px;
  color: #fff !important; text-decoration: none !important; font-family: var(--rs-font);
}
/* !important и .rs-home: иначе градиент гасит общее правило «.rs-home a { background-image: none !important }» */
html body .rs-home a.rs-carousel__more {
  background-image: linear-gradient(90deg, rgba(14, 19, 25, 0) 0, #0E1319 36px) !important;
}
.rs-carousel__more-text { align-self: end; font-size: 13px; font-weight: 500; line-height: 1.35; text-align: left; }
.rs-carousel__more-arrow { grid-row: 2; width: 48px; height: 32px; transition: transform .2s; }
html body a.rs-carousel__more:hover { color: var(--rs-sky) !important; }
html body a.rs-carousel__more:hover .rs-carousel__more-arrow { transform: translateX(6px); }
@media (max-width: 760px) { .rs-carousel__track { padding-right: 16px; } }

/* ---------- Карточка товара ---------- */
.rs-card {
  background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #E4E7EC; /* серая рамка везде, как в «С этой деталью…» */
  display: flex; flex-direction: column; color: var(--rs-text);
}
/* Фото 3:4 (вертикальное, как слайд 1). padding-top — надёжнее aspect-ratio против стилей штатной темы */
.rs-card__img { display: block; position: relative; height: 0 !important; padding-top: 133.333%; background: #F3F5F8; overflow: hidden; }
.rs-card__img img {
  position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none;
  object-fit: cover; display: block;
}
/* штатная тема рисует подчёркивание/полосы у ссылок — в наших блоках убираем */
.rs-header a, .rs-footer a, .rs-home a, .rs-upsell a, .rs-card a {
  border-bottom: 0 !important; box-shadow: none !important; background-image: none !important; text-decoration: none !important;
}
.rs-card a::before, .rs-card a::after, .rs-card__body::before, .rs-card__body::after,
.rs-card form::before, .rs-card form::after { content: none !important; display: none !important; }
.rs-card hr { display: none !important; }
/* Кнопки-ссылки: вернуть рамку (правило выше её снимает) и не давать штатной теме
   перекрашивать посещённые ссылки (:visited) — иначе текст сливается с фоном */
html body .rs-header a.rs-cat { border: 2px solid var(--rs-sky) !important; }
html body .rs-header a.rs-cat, html body .rs-header a.rs-cat:visited,
html body .rs-header a.rs-phone, html body .rs-header a.rs-phone:visited,
html body .rs-mobile-menu a, html body .rs-mobile-menu a:visited,
html body a.rs-btn--primary, html body a.rs-btn--primary:visited,
html body a.rs-btn--outline, html body a.rs-btn--outline:visited { color: #fff !important; }
html body a.rs-btn--outline { border: 1.5px solid #4A5462 !important; }
html body a.rs-btn--outline:hover { border-color: var(--rs-sky) !important; }
html body a.rs-find-card { border: 1.5px solid #CFE0F7 !important; }
html body a.rs-find-card:hover { border-color: var(--rs-sky) !important; }
html body .rs-footer a:visited { color: #C3CAD4; }
html body .rs-footer .rs-footer__contacts a, html body .rs-footer .rs-footer__contacts a:visited { color: #fff; }
.rs-card__body { padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.rs-card__body > * { margin: 0 !important; }
/* Название: высокая специфичность — штатная тема красит ссылки и рисует под ними полосу */
html body .rs-card .rs-card__body a.rs-card__nm {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  color: var(--rs-text) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important;
  border: 0 none !important; outline: 0; padding: 0 !important; text-decoration: none !important;
  background: none !important; box-shadow: none !important;
}
html body .rs-card .rs-card__body a.rs-card__nm:hover { color: var(--rs-blue) !important; }
/* Наличие: размер и начертание — как у надписи кнопки «Оставить заявку» (15px, 700) */
.rs-avail { font-family: var(--rs-font); font-size: 15px; font-weight: 700; line-height: 1.3; color: #16A34A; }
.rs-avail.is-order { color: #B7791F; }
.rs-avail.is-out { color: var(--rs-muted); }
/* Телефон, карточка товара: фото сразу под синей шапкой — без пустой строки «хлебных крошек» и верхнего отступа (2×15px) */
@media (max-width: 760px) {
  html body[data-theme-template="product"] .layout.widget-type_system_widget_v4_breadcrumbs_1 { display: none !important; }
  html body[data-theme-template="product"] .layout.widget-type_system_widget_v4_product_1 > .layout__content { padding-top: 0 !important; }
}

/* Телефон, карточка товара: фото галереи по своим пропорциям (russab.js, rs-fit-gallery) */
.rs-fit-gallery .splide__track { overflow: hidden; transition: height .2s ease; }
.rs-fit-gallery .splide__list { align-items: flex-start; }

/* Каталог и поиск: «Вид: Плитка / Список» (russab.js) */
.rs-view { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin: 0 0 14px; font-family: var(--rs-font); font-size: 14px; color: var(--rs-muted); }
.rs-view button { border: 1px solid #D5DBE3; background: #fff; color: var(--rs-text); border-radius: 8px; padding: 6px 12px; font: inherit; font-weight: 600; cursor: pointer; }
.rs-view button.is-active { background: var(--rs-blue); border-color: var(--rs-blue); color: #fff; }
.rs-sku { display: none; }
html.rs-view-list body .catalog-list.grid-list { display: flex !important; flex-direction: column; gap: 0 !important; row-gap: 0 !important; grid-template-columns: none !important; }
html.rs-view-list .catalog-list .product-preview__area-photo { height: 72px; overflow: hidden; border-radius: 6px; }
html.rs-view-list .catalog-list .product-preview__area-photo .img-ratio { height: 72px; padding: 0 !important; }
html.rs-view-list .catalog-list .product-preview__area-photo .img-ratio__inner { position: static !important; height: 72px; }
html.rs-view-list .catalog-list .product-preview__area-photo img { width: 72px !important; height: 72px !important; object-fit: cover; object-position: top; }
html.rs-view-list .catalog-list .product-preview { width: auto !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid #E4E7EC !important; border-radius: 0 !important; box-shadow: none !important; }
html.rs-view-list .catalog-list .product-preview__content {
  display: grid !important; grid-template-columns: 72px minmax(0, 1fr) auto !important; grid-template-areas: "photo title bottom" !important;
  grid-template-rows: auto !important; align-items: center !important; column-gap: 18px !important; row-gap: 0 !important; height: auto !important; padding: 0 !important;
}
html.rs-view-list .catalog-list .product-preview__area-photo { grid-area: photo; width: 72px; margin: 0 !important; }
html.rs-view-list .catalog-list .product-preview__area-title { grid-area: title; margin: 0 !important; padding: 0 !important; }
html.rs-view-list .catalog-list .product-preview__area-description,
html.rs-view-list .catalog-list .product-preview__available,
html.rs-view-list .catalog-list .stickers,
html.rs-view-list .catalog-list .product-preview__controls-left { display: none !important; }
html.rs-view-list .catalog-list .product-preview__area-bottom { grid-area: bottom; display: flex !important; align-items: center; gap: 18px; margin: 0 !important; padding: 0 !important; }
html.rs-view-list .catalog-list .product-preview__price { min-width: 90px; text-align: right; margin: 0 !important; }
html.rs-view-list .catalog-list .rs-sku { display: block; font-size: 13px; color: var(--rs-muted); margin-bottom: 2px; }
html.rs-view-list .catalog-list .product-preview__title { margin: 0 0 4px !important; min-height: 0 !important; -webkit-line-clamp: unset !important; }
html.rs-view-list .catalog-list .product-preview__title a { font-size: 15px; line-height: 1.3; }
@media (max-width: 760px) {
  html.rs-view-list .catalog-list .product-preview__content { grid-template-columns: 64px minmax(0, 1fr) !important; grid-template-areas: "photo title" "photo bottom" !important; row-gap: 8px !important; column-gap: 12px !important; }
  html.rs-view-list .catalog-list .product-preview__area-photo { width: 64px; height: 64px; }
  html.rs-view-list .catalog-list .product-preview__area-photo img { width: 64px !important; height: 64px !important; }
  html.rs-view-list .catalog-list .product-preview__area-bottom { justify-content: space-between; }
  html.rs-view-list .catalog-list .product-preview__price { text-align: left; min-width: 0; }
}

/* Вид «Список», компьютер: крупное фото при наведении (russab.js) — не мешает мыши (pointer-events: none) */
.rs-hover { position: fixed; z-index: 99990; pointer-events: none; }
.rs-hover[hidden] { display: none; }
.rs-hover img { height: 100%; width: auto; max-width: 60vw; display: block; border-radius: 8px; box-shadow: 0 16px 40px rgba(16, 24, 40, .32); }

/* Вид «Список»: просмотр фото товара по клику на фото (russab.js, rsGallery) */
html.rs-view-list .catalog-list .product-preview__area-photo a { cursor: zoom-in; }
.rs-lb { position: fixed; inset: 0; z-index: 100000; background: rgba(10, 14, 20, .82); display: flex; align-items: center; justify-content: center; padding: 16px; }
/* Окно по ширине фото: по бокам 10px + кружок 56px + 10px (76px), стрелки на 10px за краем фото */
.rs-lb__in { position: relative; background: #fff; border-radius: 12px; padding: 14px 76px; width: fit-content; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; gap: 10px; }
.rs-lb__stage { position: relative; display: flex; align-items: center; justify-content: center; width: fit-content; max-width: 100%; margin: 0 auto; }
.rs-lb__img { max-width: min(100%, 640px); max-height: min(72vh, 680px); object-fit: contain; display: block; user-select: none; }
.rs-lb__nav {
  position: absolute; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; border-radius: 50%; border: 0; padding: 0;
  background: rgba(16, 24, 40, .55); cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.rs-lb__nav svg { width: 34px; height: 34px; fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.rs-lb__nav.is-prev svg { margin-right: 3px; } .rs-lb__nav.is-next svg { margin-left: 3px; }
.rs-lb__nav.is-prev { right: calc(100% + 10px); } .rs-lb__nav.is-next { left: calc(100% + 10px); }
@media (max-width: 600px) {
  .rs-lb__in { padding: 14px; }
  .rs-lb__nav { width: 48px; height: 48px; }
  .rs-lb__nav svg { width: 30px; height: 30px; }
  .rs-lb__nav.is-prev { right: auto; left: 6px; } .rs-lb__nav.is-next { left: auto; right: 6px; }
}
.rs-lb.is-single .rs-lb__nav { display: none; }
.rs-lb__close { position: absolute; top: 6px; right: 8px; z-index: 2; width: 36px; height: 36px; border: 0; background: transparent; font-size: 30px; line-height: 1; color: #475467; cursor: pointer; }
.rs-lb__bar { display: flex; flex-direction: column; align-items: center; gap: 4px; font-family: var(--rs-font); font-size: 16px; text-align: center; }
.rs-lb__count { color: var(--rs-muted); white-space: nowrap; font-size: 15px; }
.rs-lb__count:empty { display: none; }
.rs-lb__link { color: var(--rs-blue); font-weight: 600; text-decoration: none; max-width: 640px; }

/* «2 шт. в наличии, 3 шт. под заказ — 3 дня»: карточка товара и корзина (russab.js, rsSplit) */
.rs-split { font-family: var(--rs-font); font-size: 14px; font-weight: 600; line-height: 1.35; color: #B7791F; margin-top: 4px; }
.rs-split:empty { display: none; }
.rs-split { white-space: pre-line; }
.rs-split.is-over { color: #DC2626; }
.cart-item > .rs-split { grid-row: 3; grid-column: 2 / -1; margin-top: 8px; }
.rs-cart-block { margin-top: 10px; }
/* «Отправить корзину ссылкой» (russab.js) */
.rs-share { margin-top: 18px; padding-top: 14px; border-top: 1px solid #E4E7EC; font-family: var(--rs-font); }
.rs-share__cap { font-size: 14px; font-weight: 700; margin-bottom: 8px; }
.rs-share__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.rs-share__btn { flex: 1 1 auto; border: 1px solid var(--rs-blue); background: #fff; color: var(--rs-blue); border-radius: 8px; padding: 8px 12px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rs-share__btn:hover { background: #F3F7FD; }
.rs-share__hint { font-size: 12.5px; color: var(--rs-muted); margin-top: 6px; line-height: 1.35; }
.rs-shared-note { margin: 0 0 16px; padding: 10px 14px; background: #ECFDF3; color: #166534; border-radius: 8px; font-size: 15px; }
[data-cart-submit]:disabled { opacity: .45; cursor: not-allowed; }
.rs-split--total { margin: 12px 0; padding: 10px 14px; background: #FFF7E6; border-radius: 8px; }
.rs-card__bottom { display: flex; flex-direction: column; align-items: stretch; gap: 8px; margin-top: auto !important; padding-top: 4px; }
.rs-card__price { font-size: 19px; font-weight: 800; white-space: nowrap; }
.rs-card__old { font-size: 13px; color: var(--rs-muted-2); text-decoration: line-through; margin-left: 4px; font-weight: 500; }
.rs-card__buy { width: 100%; padding: 11px 14px; font-size: 14px; border-radius: 8px; }
.rs-card__buy.is-added { background: #16A34A; }

/* ---------- Мобильные кнопки ---------- */
.rs-mobile-cta { display: none; background: var(--rs-bg); padding: 4px 16px 18px; gap: 12px; align-items: stretch; }

/* ---------- Быстрый подбор ---------- */
.rs-picker-sec { background: var(--rs-bg); padding: 0 16px 26px; scroll-margin-top: 24px; } /* ссылка /#podbor */
.rs-picker { max-width: 1600px; margin: 0 auto; background: #fff; border-radius: 14px; padding: 22px 24px 20px; }
.rs-picker__top { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.rs-badge {
  background: #E8F0FE; color: var(--rs-blue); font-family: var(--rs-font-mono);
  font-size: 11.5px; font-weight: 700; letter-spacing: .08em; padding: 6px 10px; border-radius: 6px;
}
html body .rs-picker h2.rs-picker__nm { font-family: var(--rs-font); color: var(--rs-text); font-size: 19px; font-weight: 800; line-height: 1.2; margin: 0; padding: 0; border: 0; }
.rs-picker__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-bottom: 16px; }
.rs-picker label {
  display: block; font-family: var(--rs-font-mono); font-size: 11px; font-weight: 700;
  letter-spacing: .1em; color: #4B5563; text-transform: uppercase; margin-bottom: 7px;
}
.rs-select {
  width: 100%; height: 52px; border: 1.5px solid #C9CFD8; border-radius: 8px; padding: 0 14px;
  font-size: 16px; font-family: var(--rs-font); background: #fff; color: var(--rs-text); cursor: pointer;
}
.rs-select:disabled { border-color: #E1E5EA; background: #F3F5F8; color: #98A0AC; cursor: default; }
/* «Марка» с живым поиском */
.rs-combo { position: relative; }
.rs-combo__input { cursor: text; outline: none;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234B5563' stroke-width='1.8'/%3E%3C/svg%3E") right 16px center no-repeat; padding-right: 38px; }
.rs-combo__input:focus { border-color: var(--rs-blue); }
.rs-combo__input::placeholder { color: var(--rs-text); opacity: 1; }
.rs-combo__input:focus::placeholder { color: #98A0AC; }
.rs-combo__list {
  position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px); max-height: 320px; overflow-y: auto;
  margin: 0; padding: 6px 0; list-style: none; background: #fff; border: 1.5px solid #C9CFD8; border-radius: 8px;
  box-shadow: 0 12px 28px rgba(16, 22, 31, .18); font-family: var(--rs-font);
}
.rs-combo__list[hidden] { display: none; }
.rs-combo__opt { padding: 9px 14px; font-size: 16px; color: var(--rs-text); cursor: pointer; }
.rs-combo__opt.is-active, .rs-combo__opt:hover { background: #E8F0FE; }
.rs-combo__opt.is-current { font-weight: 700; }
.rs-combo__none { padding: 9px 14px; font-size: 15px; color: #98A0AC; }
.rs-picker__actions { display: flex; align-items: center; gap: 12px 22px; flex-wrap: wrap; margin-bottom: 16px; }
.rs-picker__submit { padding: 15px 34px; font-size: 19px; border-radius: 10px; }
.rs-picker__remember { display: inline-flex !important; align-items: center; gap: 8px; cursor: pointer;
  font-family: var(--rs-font) !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important;
  text-transform: none !important; color: var(--rs-text) !important; margin: 0 !important; }
.rs-picker__remember input { width: 18px; height: 18px; accent-color: var(--rs-blue); }

/* «Моя машина» в шапке */
.rs-mycar { display: inline-flex; align-items: center; gap: 2px; height: 38px; padding: 0 4px 0 12px;
  background: rgba(245, 197, 24, .14); border: 2px solid var(--rs-yellow); border-radius: 10px; }
.rs-mycar[hidden] { display: none !important; }
html body .rs-header a.rs-mycar__link, html body .rs-header a.rs-mycar__link:visited {
  color: #fff !important; font-size: 14px; font-weight: 700; white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.rs-mycar__cap { color: var(--rs-yellow); font-weight: 600; }
.rs-mycar__clear { background: none; border: 0; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; padding: 4px 6px; opacity: .7; }
.rs-mycar__clear:hover { opacity: 1; }
@media (max-width: 760px) { html body .rs-header a.rs-mycar__link { max-width: 200px; font-size: 13px; } }
.rs-picker__submit:disabled { opacity: .5; cursor: default; }
.rs-picker__hint { font-size: 15px; color: var(--rs-muted); margin: 0; }

/* ---------- Характеристики ---------- */
.rs-features { background: var(--rs-bg); padding: 8px 16px 34px; }
.rs-features__grid {
  max-width: 1600px; margin: 0 auto; display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 22px 26px;
}
.rs-feature { border-left: 1px solid var(--rs-line-dark); padding-left: 18px; }
.rs-feature__nm { font-family: var(--rs-font-mono); font-weight: 700; font-size: 16px; letter-spacing: .06em; color: #fff; margin-bottom: 8px; }
.rs-feature__desc { font-size: 12.5px; color: var(--rs-muted-2); line-height: 1.45; }

/* ---------- Подбор по автомобилю ---------- */
.rs-brands { background: #fff; border-top: 3px solid var(--rs-blue); }
.rs-brands__nm { background: #EDEDEA; padding: 18px 16px; }
.rs-brands__nm h2 { font-size: 26px; font-weight: 800; margin: 0 auto; max-width: 1600px; line-height: 1.15; }
.rs-brands__grid {
  max-width: 1600px; margin: 0 auto; padding: 24px 16px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(min(76px, 100%), 1fr)); gap: 16px 8px;
}
.rs-brand { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 4px 2px; color: var(--rs-text); }
.rs-brand:hover { color: var(--rs-blue); }
.rs-brand__logo { width: 76px; height: 76px; border-radius: 999px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #fff; }
.rs-brand__logo img { width: 100%; height: 100%; object-fit: contain; padding: 9px; } /* 9px — надписи под эмблемой (Buick, Pontiac) не срезаются кругом */
.rs-brand__name { font-size: 9.5px; font-weight: 600; text-align: center; line-height: 1.2; }
.rs-abc { border-top: 1px solid #E4E7EC; padding: 24px 16px 34px; }
/* Колонки фиксированной ширины, не растягиваются на всю строку */
.rs-abc__inner { max-width: 1600px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, 165px); gap: 12px 10px; }
@media (max-width: 760px) { .rs-abc__inner { grid-template-columns: repeat(2, 1fr); } }
.rs-abc__letter { font-size: 19px; color: var(--rs-muted); margin-bottom: 7px; }
.rs-abc__row { display: flex; align-items: baseline; gap: 8px; padding: 4px 0; }
.rs-abc__link { font-size: 17px; color: var(--rs-link-list); }
.rs-abc__count { color: #9AA1AB; font-size: 13px; }

/* ---------- Точно знаете, что искать ---------- */
.rs-find { background: #fff; padding: 30px 16px 36px; }
.rs-h2 { font-size: 27px; font-weight: 800; line-height: 1.15; margin: 0 0 20px; }
.rs-find__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
.rs-find-card { border: 1.5px solid #CFE0F7; border-radius: 14px; padding: 18px 20px 22px; background: #fff; display: block; color: var(--rs-text); }
.rs-find-card:hover { border-color: var(--rs-sky); color: var(--rs-text); }
.rs-find-card__img { height: 150px; display: flex; align-items: center; justify-content: center; padding: 6px; margin-bottom: 16px; }
.rs-find-card__img img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.rs-find-card h3 { font-size: 21px; font-weight: 800; margin: 0 0 10px; }
.rs-find-card p { font-size: 15px; color: #5B6472; line-height: 1.45; margin: 0 0 14px; }
.rs-arrow-link { font-family: var(--rs-font-mono); font-weight: 500; font-size: 13.5px; color: var(--rs-link); }
.rs-find-card:hover .rs-arrow-link { color: var(--rs-sky); }

/* ---------- Ассортимент ---------- */
.rs-stock { background: #fff; padding: 6px 16px 40px; }
.rs-stock__box { background: var(--rs-blue); border-radius: 10px; padding: 22px 24px 26px; width: fit-content; max-width: 100%; }
.rs-stock__box h3 { font-size: 20px; font-weight: 800; color: #fff; margin: 0 0 12px; }
.rs-stock__box p { color: #DCE8FA; font-size: 15.5px; line-height: 1.5; margin: 0; max-width: 780px; }

/* ---------- Подвал ---------- */
.rs-footer { background: var(--rs-bg-bar); padding: 34px 16px 22px; }
.rs-footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 26px; margin-bottom: 26px; }
/* Десктоп: колонки по ширине содержимого, одинаковый зазор «производство → Навигация» = «Навигация → Контакты»;
   положение колонок не зависит от ширины окна */
@media (min-width: 761px) {
  .rs-footer__grid { grid-template-columns: repeat(3, max-content); justify-content: start; column-gap: 120px; }
}
.rs-footer__logo { display: block; width: 123px; height: 47px; object-fit: contain; }
.rs-footer__tagline { font-size: 11px; color: #9AA3B0; letter-spacing: .06em; margin-top: 5px; }
.rs-footer__nm { font-family: var(--rs-font-mono); font-size: 11px; color: var(--rs-muted); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 12px; }
.rs-footer__links { display: flex; flex-direction: column; gap: 9px; }
.rs-footer__links a { color: #C3CAD4; font-size: 14px; }
.rs-footer__links a:hover { color: var(--rs-sky); }
.rs-footer__contacts { color: #C3CAD4; font-size: 14px; line-height: 1.7; }
.rs-footer__contacts a { color: #fff; font-weight: 700; }
.rs-footer__copy { border-top: 1px solid #3A4350; padding-top: 16px; font-size: 12px; color: #8E97A4; }

/* ---------- Апсейл «С этой деталью обычно берут» ---------- */
.rs-upsell { font-family: var(--rs-font); color: var(--rs-text); background: #F3F5F8; border-top: 3px solid #D5DAE1; padding: 26px 16px 30px; margin-top: 24px; }
.rs-upsell[hidden] { display: none; }
.rs-no-car .rs-upsell { display: none; }
/* В каталоге блок стоит в колонке карточек — без фона на всю ширину и без отступов по бокам */
main > .rs-upsell { margin: 30px 0 10px; padding: 24px 0 0; background: none; }
main > .rs-upsell .rs-wrap { max-width: none; padding: 0; }
/* Карточка товара: блок не в колонке каталога — отступ 15px от левого края */
body[data-theme-template="product"] main > .rs-upsell { padding-left: 15px; }

/* ---------- Меню «Каталог» в левой колонке: регион → марка → поколение (по образцу autobody.ru) ---------- */
.rs-carmenu {
  position: relative; font-family: var(--rs-font); color: var(--rs-text);
  border: 4px solid #DCEBF6; border-radius: 4px; padding: 20px 14px 14px; margin: 0 0 20px;
}
/* Верх рамки «Каталог» — на уровне верха карточек (russab.js задаёт --rs-menu-shift) */
[data-sidebar] > .rs-carmenu:first-child,
[data-sidebar] > .rs-side-toggle:first-child + .rs-carmenu { margin-top: var(--rs-menu-shift, 26px); } /* перед меню — кнопка телефона (скрыта) */
.rs-carmenu__title { position: absolute; top: -15px; left: 0; right: 0; text-align: center; line-height: 1; }
/* Подпись «Каталог» на рамке дублирует H1 страницы (H1 оставляем для SEO) — скрыта; крошки в каталоге тоже */
html body .rs-carmenu__title { display: none !important; }
.rs-carmenu { padding-top: 14px; }
body[data-theme-template="collection"] .rs-cat-hero .rs-pg__crumbs { display: none; }
.rs-carmenu__title span {
  background: #fff; padding: 0 12px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 20px;
  letter-spacing: .14em; text-transform: uppercase; color: var(--rs-text);
}
.rs-carmenu ul { list-style: none; margin: 0; padding: 0; }
.rs-carmenu summary { list-style: none; cursor: pointer; user-select: none; }
.rs-carmenu summary::-webkit-details-marker { display: none; }
/* Регион */
.rs-carmenu__region { border-bottom: 1px solid #E4E7EC; }
.rs-carmenu__region:last-child { border-bottom: 0; }
.rs-carmenu__region > details > summary {
  padding: 13px 4px; font-size: 14px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase;
}
.rs-carmenu__region > details > summary:hover, .rs-carmenu__region > details[open] > summary { color: var(--rs-blue); }
.rs-carmenu__brands { padding: 0 0 10px; }
/* Марка */
.rs-carmenu__brand > details > summary {
  position: relative; padding: 4px 4px 4px 20px; font-size: 13.5px; font-weight: 500; text-transform: uppercase; color: #7A828D;
}
.rs-carmenu__brand > details > summary::before { content: '+'; position: absolute; left: 4px; top: 3px; font-size: 15px; color: #A3AAB4; }
.rs-carmenu__brand > details > summary:hover { color: var(--rs-blue); }
.rs-carmenu__brand > details[open] > summary {
  background: var(--rs-blue); color: #fff; font-weight: 800; border-radius: 3px; padding: 9px 8px 9px 26px; margin: 6px 0 4px;
}
.rs-carmenu__brand > details[open] > summary::before { content: '–'; color: #fff; left: 9px; top: 7px; }
/* Модель (сворачивается, «+») → поколения */
.rs-carmenu__models { padding: 2px 0 8px 6px; }
.rs-carmenu__model { border-bottom: 1px solid #EDF0F3; }
.rs-carmenu__model > details > summary {
  position: relative; list-style: none; cursor: pointer; padding: 6px 4px 6px 18px; font-size: 13px; line-height: 1.35; color: #1A4E8E;
}
.rs-carmenu__model > details > summary::-webkit-details-marker { display: none; }
.rs-carmenu__model > details > summary::before { content: '+'; position: absolute; left: 3px; top: 5px; font-size: 14px; color: #A3AAB4; }
.rs-carmenu__model > details > summary:hover { color: var(--rs-blue); background: #F3F7FC; }
.rs-carmenu__model > details[open] > summary { font-weight: 700; color: var(--rs-text); }
.rs-carmenu__model > details[open] > summary::before { content: '–'; color: var(--rs-blue); }
.rs-carmenu__model .rs-carmenu__gens { padding: 0 0 6px 18px; }
.rs-carmenu__model .rs-carmenu__gens li:last-child { border-bottom: 0; }
/* Поколение */
.rs-carmenu__gens { padding: 2px 0 10px 8px; }
.rs-carmenu__gens li { border-bottom: 1px solid #EDF0F3; }
html body .rs-carmenu__gens a, html body .rs-carmenu__gens a:visited {
  display: block; padding: 5px 2px; font-size: 13px; line-height: 1.35; color: #1A4E8E !important; text-decoration: none !important;
}
html body .rs-carmenu__gens a:hover { color: var(--rs-blue) !important; background: #F3F7FC; }
html body .rs-carmenu__gens a.is-current { background: #E8F0FE; font-weight: 700; color: var(--rs-text) !important; }

/* Фильтр «Производитель» под меню */
.rs-makers { font-family: var(--rs-font); border: 4px solid #DCEBF6; border-radius: 4px; padding: 14px 14px 12px; margin: 0 0 20px; }
.rs-makers[hidden] { display: none; }
.rs-makers__nm { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; margin: 0 4px 10px; }
.rs-makers__list { list-style: none; margin: 0; padding: 0 4px; }
.rs-makers__list li { border-bottom: 1px solid #EDF0F3; }
.rs-makers__list li:last-child { border-bottom: 0; }
.rs-makers__list label {
  display: flex; align-items: center; gap: 10px; padding: 7px 0; cursor: pointer;
  font: 500 14px var(--rs-font); color: var(--rs-text); text-transform: none; letter-spacing: 0; margin: 0;
}
.rs-makers__list label:hover { color: var(--rs-blue); }
.rs-makers__list input { width: 17px; height: 17px; margin: 0; flex: none; accent-color: var(--rs-blue); cursor: pointer; }

/* Каталог по машине без выбранной машины: вместо карточек — подсказка */
.rs-no-car .layout[class*="widget-type_system_widget_v4_catalog"],
.rs-no-car .layout[class*="widget-type_system_widget_v4_pagination"] { display: none !important; }
/* Каталог без машины: «Быстрый подбор» + марки во всю ширину, как на главной; левое меню и подсказка скрыты */
div.rs-cat-start { display: none; }
html.rs-cat-start div.rs-cat-start { display: block; }
html.rs-cat-start .page_layout > aside,
html.rs-cat-start .rs-choose-car,
html.rs-cat-start .rs-side-toggle { display: none !important; }
html.rs-cat-start .page_layout > main { grid-column: 1 / -1; }
/* Подсказка — «выноска» с хвостиком влево, к рамке каталога, на уровне её верха; цвета рамки каталога */
.rs-choose-car {
  position: relative; display: inline-block; vertical-align: top;
  font-family: var(--rs-font); color: var(--rs-text); background: #EEF5FB; border: 2px solid #DCEBF6; border-radius: 8px;
  padding: 12px 16px; margin: var(--rs-menu-shift, 26px) 0 30px; max-width: 420px;
}
.rs-choose-car::before { /* хвостик к меню */
  content: ""; position: absolute; left: -11px; top: 18px; width: 18px; height: 18px;
  background: #EEF5FB; border-left: 2px solid #DCEBF6; border-bottom: 2px solid #DCEBF6; transform: rotate(45deg);
}
.rs-choose-car__nm { font-size: 16px; font-weight: 800; margin-bottom: 4px; }
.rs-choose-car__nm::before { content: "← "; color: var(--rs-sky); }
.rs-choose-car p { font-size: 14px; line-height: 1.4; color: #4B5563; margin: 0 0 10px; }
.rs-choose-car p:last-child { margin-bottom: 0; }

/* Карточка товара: блок покупки в один столбец — цена → наличие → «В корзину», под блоком «Купить в 1 клик».
   «Купить в 1 клик» с боковыми отступами блока (16px), чтобы кнопки были одной ширины */
html body .product__area-buy { grid-template-columns: 1fr !important; column-gap: 0 !important; }
html body .product__area-buy > .product__buy { grid-column: 1 / -1 !important; }
html body .product__buy { grid-template-columns: 1fr !important; row-gap: 14px; }
/* Кнопки — 180px (по отметкам заказчика), друг под другом по левому краю */
html body .product__buy .product__controls { width: 180px; max-width: 100%; }
/* Серый фон блока покупки — по ширине кнопки, отступ справа = слева (16px), а не на всю колонку (16.10.2026) */
html body .product__area-buy > .product__buy { width: max-content; min-width: 212px; max-width: 100%; padding-right: 16px; box-sizing: border-box; }
html body .product__area-buy .product__buy-one-click { grid-column: 1 / -1 !important; width: 100% !important; max-width: none !important; padding: 0 16px; }
html body .product__area-buy .product__buy-one-click .button { width: 180px; max-width: 100%; }
/* «Купить в 1 клик» — голубая обводка, как у кнопок категорий (20.10.2026) */
html body .product__buy-one-click .button, html body [data-quick-checkout].button {
  border: 2px solid var(--rs-sky) !important; box-sizing: border-box;
}

/* Карточка товара: миниатюры фото слева — скругление как у кнопок категорий (10px), рамка выбранной — тоже */
html body .product__photo-tumb, html body .product__photo-tumb::before { border-radius: 10px !important; }
html body .product__photo-tumb { overflow: hidden; }

/* ---------- Карточка товара: разделы вместо вкладок (собирает russab.js) ---------- */
.rs-psec { font-family: var(--rs-font); color: var(--rs-text); }
.rs-psec__item { padding: 22px 0 6px; border-top: 1px solid #E4E7EC; }
.rs-psec__item:first-child { border-top: 0; padding-top: 0; }
/* Разделитель над «Описанием» — во всю ширину под фото и блоком покупки (а не штатная линия под кнопками,
   которая на широком экране только в правой колонке), от линии до заголовка 24px */
html body .widget-type_system_widget_v4_product_1 > .layout__content { padding-bottom: 0 !important; }
html body .widget-type_system_widget_v4_product_info_2 > .layout__content { padding-top: 0 !important; }
html body .product__user-controls { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
html body .rs-psec { margin-top: 16px; padding-top: 24px; border-top: 1px solid #E4E7EC; }
/* Текст описания — как обычный текст сайта, не крупный штатный 18px */
html body .rs-psec .product-description, html body .rs-psec .product-description p,
html body .rs-psec .product-description li { font-size: 15px; line-height: 1.5; }
html body .rs-psec .product-description p { margin: 0 0 8px; }
/* Раздел после «Характеристик»: длинной линии не нужно — над ним уже линия последней строки характеристик */
.rs-psec__item[data-sec="tab-characteristics"] + .rs-psec__item { border-top: 0; }
/* Отзывы отключены (13.10.2026): звёзды рейтинга и «(0)» под названием товара не показываем */
html body .product__rating, html body .product-preview__rating, html body .product-reviews { display: none !important; }
html body .rs-psec .rs-psec__h { font-family: var(--rs-font); font-size: 22px; font-weight: 800; line-height: 1.25; margin: 0 0 12px; color: var(--rs-text); }
html body .rs-psec .tabs__item { display: block !important; padding: 0; margin: 0; }
html body .rs-psec .tabs__head-item { display: none !important; }
/* Характеристики на десктопе: две колонки, «название — значение» без точек, строки через тонкую линию */
@media (min-width: 761px) {
  html body .rs-psec .properties-items { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; }
  html body .rs-psec .property {
    display: grid !important; grid-template-columns: minmax(130px, 38%) 1fr; gap: 16px; align-items: start;
    padding: 10px 0; margin: 0; border-bottom: 1px solid #EDF0F3;
  }
  html body .rs-psec .property__delimiter { display: none !important; }
  html body .rs-psec .rs-props-2col { align-items: start; }
  /* Вертикальный разделитель между колонками — посередине промежутка 56px, как линия над «С этой деталью обычно берут» */
  html body .rs-psec .rs-props-col + .rs-props-col { border-left: 3px solid #D5DAE1; padding-left: 27px; margin-left: -29px; align-self: stretch; }
  html body .rs-psec .property__name { color: #6B7480; font-size: 15px; line-height: 1.4; }
  html body .rs-psec .property__content { color: var(--rs-text); font-size: 15px; font-weight: 600; line-height: 1.4; text-align: left; }
}
.rs-psec .property__content .rs-line { display: block; }
.rs-props-col { min-width: 0; } /* колонка характеристик: 1–6 слева, 7–11 справа (russab.js); на телефоне — друг под другом */

/* Наличие в карточке товара — под ценой */
.rs-pavail { display: block; font-family: var(--rs-font); font-size: 15px; margin: 8px 0 0; }

.rs-appl { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.rs-appl li { background: #F3F5F8; border: 1px solid #E4E7EC; border-radius: 8px; padding: 7px 12px; font-size: 15px; font-weight: 600; }
.rs-appl li:has(a) { padding: 0; }
html body .rs-appl a, html body .rs-appl a:visited {
  display: block; padding: 7px 12px; color: #1A4E8E !important; text-decoration: none !important; border-radius: 8px;
}
html body .rs-appl li:has(a):hover { border-color: var(--rs-blue); background: #E8F0FE; }
html body .rs-appl a::after { content: ' →'; color: var(--rs-blue); }
.rs-upsell a { text-decoration: none; }
.rs-upsell__nm { font-size: 24px; font-weight: 800; margin: 0 0 6px; }
.rs-upsell__hint { font-size: 15px; color: #5B6472; margin: 0 0 18px; }
@media (max-width: 760px) {
  .rs-upsell__nm, .rs-upsell__hint, .rs-upsell__track { padding-left: 10px; padding-right: 10px; }
  /* заголовок всегда в одну строку: кегль от ширины экрана (текст ≈ 13.6 × кегль), не больше 24px */
  .rs-upsell__nm { white-space: nowrap; font-size: min(24px, calc((100vw - 32px) / 14)); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  /* карточка товара: по левому краю кнопок «Применимость» (16px), без пустоты над разделителем */
  body[data-theme-template="product"] main > .rs-upsell { padding-left: 0; margin-top: -13px; }
  body[data-theme-template="product"] .rs-upsell__nm, body[data-theme-template="product"] .rs-upsell__hint,
  body[data-theme-template="product"] .rs-upsell__track { padding-left: 16px; padding-right: 16px; }
  /* «Выберите автомобиль» (машина не выбрана) — просто подпись без рамки, меню каталога сразу под ней */
  html body .rs-side-toggle.is-static { border: 0; background: none; height: auto; min-height: 0; padding: 16px 0 4px; margin-bottom: 0; justify-content: center; line-height: 20px; } /* +отступ меню снизу → поровну сверху и снизу */
  html body .rs-side .rs-carmenu { margin-left: 16px; margin-right: 16px; } /* рамка каталога не у самого края */
  /* фото товара: слайды 3:4 во всю ширину (было квадратом — картинка 1000×1333 сжималась по бокам) */
  html body .product__gallery .img-ratio.product__photo { --img-ratio: 0.75; } /* ширина/высота */
  html body .product__area-photo { margin-left: -15px; margin-right: -15px; } /* фото от края до края */
  /* «Купить в 1 клик» — по левому краю «В корзину» */
  html body .product__buy-one-click { padding-left: 0 !important; }
} /* как отступ карточек каталога */
.rs-upsell__track {
  display: flex; gap: 16px; overflow-x: auto; padding-bottom: 10px;
  scrollbar-width: thin; scrollbar-color: #C9CFD8 transparent;
}
.rs-upsell__track > * { flex: 0 0 220px; border: 1px solid #E4E7EC; }

/* ---------- Штатные карточки товаров InSales (каталог, поиск) ----------
   Фото на всю ширину (убрана правая колонка под иконки), вертикальное 3:4 как слайд,
   без «избранного», «сравнить» — слева от кнопки купить/посмотреть. */
html body .product-preview__content {
  grid-template-columns: 1fr !important;
  grid-template-areas: "photo" "title" "rating" "description" "bottom" "bnpl" !important;
}
/* «Заказ в один клик»: пояснение под кнопкой (russab.js) */
#insales-quick-checkout-dialog .m-modal-footer { flex-wrap: wrap; }
.rs-qc-note { flex-basis: 100%; margin: 12px 0 0; font: 13px/1.45 var(--rs-font); color: #6B7480; text-align: center; }
/* Промокодов пока нет (20.10.2026) — поле «Введите промокод» в корзине не показываем */
html body .cart__area-coupon { display: none !important; }
/* «В избранное» не используем нигде: карточки, страница товара, корзина */
html body .favorites_btn, html body [data-favorites-trigger] { display: none !important; }
/* Штатные карточки (каталог, поиск) — серая рамка и скругление, как у наших карточек; текст отступает от рамки */
html body .product-preview { border: 1px solid #E4E7EC; border-radius: 10px; overflow: hidden; background: #fff; }
html body .product-preview__content { padding-bottom: 14px; }
html body .product-preview__area-title, html body .product-preview__area-rating,
html body .product-preview__area-description, html body .product-preview__area-bottom,
html body .product-preview__area-bnpl { padding-left: 14px; padding-right: 14px; }
@media (max-width: 760px) {
  /* Телефон: фото во всю ширину карточки (без штатного отступа 16px слева), карточки — с отступом 10px от краёв экрана,
     между рядами — столько же, сколько между колонками (16px) */
  html body .product-preview { padding: 0 !important; }
  html body .product-preview__photo { margin: 0 0 12px !important; }
  html body .grid-list.catalog-list { row-gap: 16px !important; padding: 0 10px !important; }
}
/* Наличие: вместо штатной плашки «В наличии / Нет в наличии» на фото — строка по складам под названием (russab.js) */
html body .product-preview__available { display: none !important; }
html body .product-preview .rs-avail { margin-top: 6px; } /* шрифт и цвета — как у наших карточек (.rs-avail) */
/* Штамп без остатка и без заказа — кнопки покупки скрыты (на случай, если в InSales разрешён заказ сверх остатка) */
html body .product-preview.rs-no-buy button[type="submit"],
html body .product-preview.rs-no-buy .add-cart-counter { display: none !important; }
html.rs-product-no-buy .product__buy-btn-area, html.rs-product-no-buy [data-quick-checkout],
html.rs-product-no-buy .product__buy-one-click, html.rs-product-no-buy .product__controls .button { display: none !important; }
/* Самодельная деталь под заказ — фото не приглушаем */
html body .product-preview.rs-made-to-order img { opacity: 1 !important; }
html body .product-preview__controls { align-items: center; gap: 8px; }
html body .product-preview__controls-left {
  position: static !important; display: flex !important; width: auto !important; height: auto !important; order: -1;
}
html body .product-preview .img-ratio { --img-ratio: 0.75; }
/* «Сравнить» — текстом, маленькая серая иконка над словом справа; добавлено — «Сравнение» голубым (#5791D2).
   Нажатие на «Сравнение» открывает страницу сравнения (russab.js). Подсказки нет. */
html body [data-compare-trigger].button {
  display: inline-flex !important; flex-direction: column; align-items: flex-end; justify-content: flex-end; gap: 1px;
  width: auto !important; min-width: 0 !important; height: auto !important; padding: 0 2px !important;
  background: none !important; border: 0 !important; box-shadow: none !important; color: #6B7480 !important; cursor: pointer;
}
html body [data-compare-trigger] .button__icon { font-size: 19px !important; line-height: 1; color: #A3AAB4 !important; margin: 0 1px -2px 0 !important; }
html body [data-compare-trigger]::after {
  content: 'Сравнить'; font: 500 15px/1.1 var(--rs-font); color: #6B7480;
}
html body [data-compare-trigger].compare-added::after { content: 'Сравнение'; color: #5791D2; }
html body [data-compare-trigger].compare-added .button__icon { color: #5791D2 !important; }
html body [data-compare-trigger]:hover::after { text-decoration: underline; text-underline-offset: 3px; }
.rs-cursor-tip { display: none !important; }
/* Расстояние между карточками в каталоге: было 32px → 64px (на десктопе) */
@media (min-width: 761px) { html body .grid-list.catalog-list { gap: 64px !important; } }

/* ---------- Шапка каталога ---------- */
/* Синий блок шапки + шапка каталога = один градиент без шва.
   russab.js задаёт --rs-blue-total (сумма высот) и --rs-blue-top (высота синего блока):
   оба блока рисуют градиент размером на общую высоту, каждый — свою часть. */
.rs-blue-joined .rs-bluebar,
.rs-blue-joined .rs-cat-hero .rs-pg__hero,
.rs-blue-joined .rs-hero.rs-blue-part {
  background-image: linear-gradient(160deg, #2C71B8 0%, #1A4E8E 45%, #0D2B54 100%) !important;
  background-size: 100% var(--rs-blue-total, 100%) !important;
  background-repeat: no-repeat !important;
}
.rs-blue-joined .rs-bluebar { background-position: 0 0 !important; }
/* Каталог без машины: «Быстрый подбор» — продолжение синего градиента шапки (russab.js: --rs-blue-pick) */
.rs-blue-joined .rs-picker-sec.rs-blue-part {
  background-image: linear-gradient(160deg, #2C71B8 0%, #1A4E8E 45%, #0D2B54 100%) !important;
  background-size: 100% var(--rs-blue-total, 100%) !important; background-repeat: no-repeat !important;
  background-position: 0 calc(-1 * var(--rs-blue-pick, 0px)) !important; padding-bottom: 30px;
}
.rs-blue-joined .rs-cat-hero .rs-pg__hero,
.rs-blue-joined .rs-hero.rs-blue-part { background-position: 0 calc(-1 * var(--rs-blue-top, 0px)) !important; }
/* Мобильная главная: градиент героя заходит на 10px под карточки карусели */
@media (max-width: 760px) {
  .rs-blue-joined .rs-hero.rs-blue-part { padding-bottom: 10px; }
  .rs-blue-joined .rs-hero.rs-blue-part + .rs-carousel {
    margin-top: -10px; position: relative; z-index: 1;
    background: linear-gradient(transparent 10px, var(--rs-bg) 10px);
  }
}
.rs-cat-hero .rs-pg__hero {
  background: linear-gradient(160deg, #1A4E8E 0%, #133F75 45%, #0D2B54 100%);
  border-bottom: 0; padding: 2px 20px 22px;
}
/* russab.js ставит --rs-cat-left = левый край колонки фильтров */
.rs-cat-hero .rs-wrap.is-aligned { max-width: none; margin: 0; padding-left: max(0px, calc(var(--rs-cat-left) - 20px)); } /* 20px — свой отступ секции шапки */
.rs-cat-hero .rs-pg__crumbs { margin-bottom: 6px; color: var(--rs-sky); font-size: 13.5px; }
html body .rs-cat-hero .rs-pg__crumbs a, html body .rs-cat-hero .rs-pg__crumbs a:visited { color: var(--rs-sky) !important; font-weight: 600; }
html body .rs-cat-hero .rs-pg__crumbs a:hover { color: #fff !important; }
/* Заголовок каталога: Wix Madefor Display (выбран заказчиком 09.10.2026); обычный регистр («Арки», не «АРКИ») */
html body .rs-pg.rs-cat-hero h1.rs-pg__h1 {
  font-family: 'Wix Madefor Display', var(--rs-font); font-weight: 600; text-transform: none; letter-spacing: 0;
  font-size: clamp(24px, 2.4vw, 35px); line-height: 1.15; /* −20% (20.10.2026) */
}
.rs-cat-hero__row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; }
.rs-cat-hero__row h1.rs-pg__h1 { margin: 0; }
.rs-cat-hero__car { display: flex; gap: 10px; flex-wrap: wrap; }
.rs-cat-hero__car:not(:has(> a:not([hidden]), > .rs-mycar:not([hidden]))) { display: none; }
/* Свёрнутые «Каталог и сортировка» — кнопка только на телефоне (russab.js) */
.rs-side-toggle { display: none; }
@media (max-width: 760px) {
  /* «Моя машина» в шапке каталога: как кнопка «Сопутствующие товары» — белый текст, голубая рамка; «×» = сбросить машину */
  html body .rs-mycar.is-in-hero { background: transparent; border: 2px solid var(--rs-sky); max-width: 100%; }
  html body .rs-mycar.is-in-hero .rs-mycar__cap { color: #fff; }
  html body .rs-mycar.is-in-hero a.rs-mycar__link, html body .rs-mycar.is-in-hero a.rs-mycar__link:visited {
    color: #fff !important; font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    max-width: calc(100vw - 110px); text-decoration: none; }
  html body .rs-mycar.is-in-hero .rs-mycar__clear { opacity: 1; }
  .rs-mycar-row { margin-top: 12px; }
  .rs-mycar-row:not(:has(> .rs-mycar:not([hidden]))) { display: none; }
  /* Над первыми карточками — без серой линии, отступ как между карточками (16px) */
  html body .layout[class*="widget-type_system_widget_v4_catalog"] > .layout__content { padding-top: 16px !important; padding-bottom: 16px !important; }
  html body .layout[class*="widget-type_system_widget_v4_catalog"] .catalog { border-top: 0 !important; }
  /* Номера страниц под карточками — без больших отступов (были по 45px) */
  html body .layout[class*="widget-type_system_widget_v4_pagination"] > .layout__content { padding-top: 4px !important; padding-bottom: 16px !important; }
  .rs-cat-hero__car:has(> .rs-mycar:not([hidden])) > a[data-cat-reset],
  .rs-cat-hero__car:has(> .rs-mycar:not([hidden])) > a[data-cat-mine] { display: none !important; }
  /* Заголовок «Детали для Mitsubishi Delica IV (1994–2011)» — в 2 строки */
  html body .rs-pg.rs-cat-hero h1.rs-pg__h1 { font-size: 23px; line-height: 1.2; }
  /* Хлебные крошки на телефоне не показываем нигде */
  .rs-pg__crumbs, html body .breadcrumb-wrapper, html body .breadcrumb, html body .breadcrumbs { display: none !important; }
  .rs-side-toggle {
    display: flex; align-items: center; justify-content: space-between; width: 100%; height: 56px; padding: 0 18px;
    background: #fff; border: 2px solid #CFE3F7; border-radius: 10px; color: var(--rs-text);
    font-family: var(--rs-font); font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; cursor: pointer;
  }
  /* Машина не выбрана: строка — просто заголовок «Выберите автомобиль», без стрелки; подсказку под меню не показываем */
  .rs-side-toggle.is-static { cursor: default; opacity: 1; color: var(--rs-text); }
  .rs-side-toggle.is-static .rs-side-toggle__ic { display: none; }
  .rs-choose-car { display: none !important; }
  /* Рамка-заголовок «— КАТАЛОГ —» над меню на телефоне не нужна: есть H1 страницы и строка «Каталог и сортировка» */
  html body .rs-side .rs-carmenu__title { display: none !important; }
  html body .rs-side .rs-carmenu { padding-top: 8px !important; margin-top: 0 !important; }
  .rs-side-toggle__ic { width: 10px; height: 10px; border-right: 2.5px solid var(--rs-blue); border-bottom: 2.5px solid var(--rs-blue);
    transform: rotate(45deg); margin-top: -5px; transition: transform .2s; }
  .rs-side:not(.is-collapsed) .rs-side-toggle { margin-bottom: 12px; }
  .rs-side:not(.is-collapsed) .rs-side-toggle__ic { transform: rotate(-135deg); margin-top: 5px; }
  .rs-side.is-collapsed > :not(.rs-side-toggle) { display: none !important; }
}
html body a.rs-cat-hero__chip, html body a.rs-cat-hero__chip:visited {
  display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 10px;
  border: 1.5px solid #4A5462 !important; color: #fff !important; font-size: 14px; font-weight: 600;
}
html body a.rs-cat-hero__chip:hover { border-color: var(--rs-sky) !important; }
html body a.rs-cat-hero__chip.is-mine { border-color: var(--rs-yellow) !important; background: rgba(245, 197, 24, .14); }
a.rs-cat-hero__chip[hidden] { display: none !important; }
/* Штатный заголовок каталога внутри контента — дублирует нашу шапку */
body[data-theme-template^="collection"] main .page-headding { display: none !important; }
/* Поиск: штатные крошки, заголовок и строка поиска в контенте не нужны — есть наша шапка и поиск в шапке сайта */
body[data-theme-template="search"] main .layout[class*="widget_v4_breadcrumbs"],
body[data-theme-template="search"] main .layout[class*="widget_v4_page_title"],
body[data-theme-template="search"] main .layout[class*="widget_v4_search_form"] { display: none !important; }
/* Фильтр «Производитель» на странице поиска работает по найденным карточкам (поиск InSales параметры не принимает) */
.product-preview.rs-maker-hidden { display: none !important; }

/* ---------- Плашка cookie ---------- */
.rs-cookie {
  position: fixed; left: 16px; bottom: 16px; z-index: 9999; max-width: 560px;
  background: var(--rs-bg-bar); color: #D4D9E1; border: 1px solid #2A323D; border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .35); font-family: var(--rs-font);
}
.rs-cookie[hidden] { display: none !important; }
.rs-cookie__in { display: flex; align-items: center; gap: 16px; padding: 14px 16px; }
.rs-cookie__text { margin: 0; font-size: 13px; line-height: 1.45; }
html body .rs-cookie__text a { color: var(--rs-sky) !important; text-decoration: underline !important; }
.rs-cookie__ok { flex: none; padding: 11px 20px; font-size: 14px; }
@media (max-width: 760px) {
  .rs-cookie { left: 8px; right: 8px; bottom: 8px; max-width: none; }
  .rs-cookie__in { flex-direction: column; align-items: stretch; gap: 10px; }
}
/* Нижняя строка подвала: «© 2026 Руссаб | Согласие | Политика | Политика cookie | Публичная оферта» */
.rs-footer__copy { display: flex; flex-wrap: wrap; align-items: baseline; }
.rs-footer__legal { display: flex; flex-wrap: wrap; align-items: baseline; }
.rs-footer__legal a::before { content: '|'; margin: 0 10px; color: #4A5462; }
.rs-footer__legal a:first-child::before { content: none; }
.rs-footer__c + .rs-footer__legal::before { content: '|'; margin: 0 10px; color: #4A5462; }
html body .rs-footer .rs-footer__legal a { color: #8E97A4; font-size: 12px; }
html body .rs-footer .rs-footer__legal a:hover { color: var(--rs-sky); }
/* Подвал на телефоне — компактно: логотип сверху, «Навигация» | серый разделитель | «Контакты»; без реквизитов ИП */
@media (max-width: 760px) {
  .rs-footer { padding: 24px 16px 18px; }
  .rs-footer__grid { grid-template-columns: 1fr 1fr; gap: 18px 0; margin-bottom: 18px; }
  .rs-footer__grid > div:first-child { grid-column: 1 / -1; }
  .rs-footer__grid > div:nth-child(2) { padding-right: 14px; }
  .rs-footer__grid > div:nth-child(3) { padding-left: 14px; border-left: 1px solid #3A4350; }
  .rs-footer__links { gap: 7px; }
  .rs-footer__links a, .rs-footer__contacts { font-size: 13px; }
  .rs-footer__contacts { line-height: 1.6; }
  /* Ссылки на документы — над горизонтальной линией, под линией только «© 2026 Руссаб» */
  .rs-footer__copy { display: flex; flex-direction: column; align-items: stretch; border-top: 0; padding-top: 0; } /* stretch — линия во всю ширину */
  /* на узком экране «|» оказывались в начале строк — ссылки столбиком, без разделителей */
  .rs-footer__legal { order: -1; margin: 0 0 14px; flex-direction: column; gap: 6px; }
  .rs-footer__legal a::before { content: none !important; }
  .rs-footer__c + .rs-footer__legal::before { content: none; }
  .rs-footer__c { border-top: 1px solid #3A4350; padding-top: 14px; }
}

/* ---------- Текстовые страницы (page.liquid) ---------- */
.rs-pg { font-family: var(--rs-font); color: var(--rs-text); }
.rs-pg a { text-decoration: none !important; border-bottom: 0 !important; }
.rs-pg__hero {
  background-color: var(--rs-bg); background-image: url('https://cdn.insales-shop.ru/assets/1/1769/11626217/1793171180/bg-grid.png'); background-repeat: repeat; background-size: auto 44px;
  padding: 26px 16px 30px; border-bottom: 3px solid var(--rs-blue);
}
.rs-pg__crumbs { font-size: 13px; color: var(--rs-muted-2); display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.rs-pg__crumbs a { color: var(--rs-sky); }
html body .rs-pg h1.rs-pg__h1 {
  font-family: var(--rs-font-display); font-weight: 700; text-transform: uppercase; color: #fff;
  font-size: clamp(30px, 3.4vw, 48px); line-height: 1.05; letter-spacing: -.3px; margin: 0; padding: 0; border: 0;
}
.rs-pg__body { background: #fff; padding: 30px 16px 40px; }
.rs-pg__content { font-size: 16px; line-height: 1.6; color: #2B323C; }
.rs-pg__content > *:first-child { margin-top: 0; }
html body .rs-pg__content h2 { font-family: var(--rs-font); font-size: 26px; font-weight: 800; color: var(--rs-text); line-height: 1.2; margin: 36px 0 14px; padding: 0; border: 0; }
html body .rs-pg__content h3 { font-family: var(--rs-font); font-size: 19px; font-weight: 800; color: var(--rs-text); line-height: 1.25; margin: 0 0 8px; padding: 0; border: 0; }
.rs-pg__content p { margin: 0 0 14px; max-width: 860px; }
.rs-pg__content ul { margin: 0 0 14px; padding-left: 20px; max-width: 860px; }
.rs-pg__content li { margin-bottom: 6px; }
.rs-pg__content a { color: var(--rs-link); }
.rs-pg__content a:hover { color: var(--rs-sky); }

/* Блоки для содержимого страниц */
.rs-pg-lead { display: flex; gap: 14px; margin: 0 0 24px; max-width: 860px; }
.rs-pg-lead::before { content: ''; flex: none; width: 3px; border-radius: 2px; background: var(--rs-blue); }
.rs-pg-lead p { font-size: 18px; line-height: 1.55; margin: 0; color: var(--rs-text); font-weight: 500; }
.rs-pg-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 16px; margin: 0 0 8px; }
/* Плашки: как раньше, только вместо чёрного фона — мелкая тёмная оцинковка
   (zinc-dark.webp — tools/make_zinc_texture.py; тайл 128px = очень мелкое зерно) с тёмным слоем поверх */
.rs-pg-fact {
  border-radius: 10px; padding: 18px 18px 16px;
  background:
    /* металлический блеск: два мягких диагональных блика */
    linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .13) 28%, rgba(255, 255, 255, .02) 46%,
                    rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, .09) 76%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(rgba(14, 19, 25, .45), rgba(14, 19, 25, .55)),
    url('https://cdn.insales-shop.ru/assets/1/1769/11626217/1793171180/zinc-dark.webp') 0 0 / 128px 128px repeat, var(--rs-bg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14);
}
.rs-pg-fact b { display: block; font-family: var(--rs-font-mono); font-size: 24px; color: #fff; margin-bottom: 6px; letter-spacing: .02em; }
.rs-pg-fact span { font-size: 13.5px; color: #C3CAD4; line-height: 1.4; display: block; }
/* Телефон и почта в плашках — крупно и одинаково */
html body .rs-pg-fact a, html body .rs-pg-fact a:visited { color: #fff !important; font-size: 16px; font-weight: 700; word-break: break-word; }
.rs-pg-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px; margin: 0 0 8px; }
.rs-pg-card { border: 1.5px solid #CFE0F7; border-radius: 14px; padding: 18px 20px 16px; background: #fff; }
.rs-pg-card p { font-size: 15px; color: #5B6472; line-height: 1.5; margin: 0; }
.rs-pg-card .rs-pg-tag {
  display: inline-block; background: #E8F0FE; color: var(--rs-blue); font-family: var(--rs-font-mono);
  font-size: 11.5px; font-weight: 700; letter-spacing: .06em; padding: 5px 9px; border-radius: 6px; margin-bottom: 10px;
}
.rs-pg-note { background: var(--rs-blue); color: #DCE8FA; border-radius: 10px; padding: 20px 22px; margin: 24px 0 0; max-width: 980px; }
.rs-pg-note b { color: #fff; }
.rs-pg-table { border-collapse: collapse; width: 100%; max-width: 860px; margin: 0 0 14px; font-size: 15px; }
.rs-pg-table th, .rs-pg-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #E4E7EC; vertical-align: top; }
.rs-pg-table th { width: 38%; color: var(--rs-muted); font-weight: 600; }
/* Тёмная полоса на всю ширину внутри страницы (фон как у строки поиска) — от синей шапки до следующего раздела */
.rs-pg__content > .rs-pg-dark {
  background: var(--rs-bg-input);
  margin: -30px calc(50% - 50vw) 0; padding: 30px calc(50vw - 50%) 34px;
}
.rs-pg-dark .rs-pg-lead p { color: #E3E8EF; }
.rs-pg-dark .rs-pg-lead::before { background: var(--rs-sky); }
.rs-pg-dark .rs-pg-gallery { margin-bottom: 0; }
.rs-pg-dark .rs-pg-gallery img { box-shadow: 0 8px 28px rgba(0, 0, 0, .45); }
.rs-pg-dark + h2 { margin-top: 30px; }

/* Картинки в тексте страниц (плакаты, визитка, схема проезда) */
.rs-pg-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 980px; margin: 8px 0 8px; }
.rs-pg-gallery.is-wide { max-width: 1100px; }
.rs-pg-gallery img, .rs-pg-img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 6px 24px rgba(13, 43, 84, .18); }
.rs-pg-img { max-width: 860px; margin: 0 0 14px; }
/* Схема проезда (1063×591) + квадратная стопка визиток: 1.8fr / 1fr — одинаковая высота картинок */
.rs-pg-gallery--map { grid-template-columns: 1.8fr 1fr; max-width: 1100px; align-items: start; }
.rs-pg-gallery figure { margin: 0; }
.rs-pg-gallery figcaption { font-size: 14px; color: #5B6472; margin-top: 8px; text-align: center; }
.rs-pg-contacts td a { font-weight: 700; }
/* Таблица контактов: значок перед названием, столбец значений вдвое ближе (было 38% ≈ 330px) */
.rs-pg-table.rs-pg-contacts th { width: 170px; white-space: nowrap; }
.rs-pg-contacts th .rs-ic { width: 22px; height: 22px; vertical-align: -6px; margin-right: 10px; }
@media (max-width: 760px) { .rs-pg-gallery, .rs-pg-gallery--map { grid-template-columns: 1fr; } }
/* «Магазин»: координаты синим + кнопка копирования (на телефоне) */
.rs-coords { color: var(--rs-blue); }
.rs-copy { display: inline-block; vertical-align: middle; margin-left: 8px; padding: 6px; border: 1px solid #CFE3F7; border-radius: 8px; background: #fff; color: var(--rs-blue); cursor: pointer; line-height: 0; }
.rs-copy.is-done { background: #E7F6EC; border-color: #1E9E50; color: #1E9E50; }
.rs-copy:hover { background: #F3F7FD; }
/* «О компании»: плакат | плашки столбиком | плакат */
.rs-pg-gallery.rs-pg-about { max-width: 1400px; grid-template-columns: minmax(0, 1fr) minmax(280px, 320px) minmax(0, 1fr); align-items: stretch; }
.rs-pg-about .rs-pg-facts { grid-template-columns: 1fr; align-content: space-between; margin: 0; }
.rs-pg-about .rs-pg-fact b { font-size: 20px; white-space: nowrap; }
@media (max-width: 760px) { .rs-pg-gallery.rs-pg-about { grid-template-columns: 1fr; } .rs-pg-about .rs-pg-facts { grid-template-columns: 1fr; } }

/* График работы — как на листке в магазине: дни тёмно-синим, время голубым, по центру */
.rs-hours { max-width: 460px; padding: 26px 24px 24px; border: 1.5px solid #CFE0F7; border-radius: 14px; background: #fff; text-align: center; margin: 0 0 8px; }
.rs-hours__cap { color: #2B5AAE; font-weight: 700; font-size: 18px; line-height: 1.25; }
.rs-hours__addr { color: #5B6472; font-size: 14px; margin: 4px 0 14px; }
.rs-hours__list { display: grid; grid-template-columns: auto auto; justify-content: center; gap: 2px 26px; margin: 0 0 16px; padding: 0; }
.rs-hours__list dt { color: #2B5AAE; font-weight: 800; font-size: 26px; line-height: 1.25; text-align: left; margin: 0; }
.rs-hours__list dd { color: #4BA3E3; font-weight: 800; font-size: 26px; line-height: 1.25; text-align: right; margin: 0; font-variant-numeric: tabular-nums; }
html body a.rs-hours__phone, html body a.rs-hours__phone:visited { display: inline-block; margin-top: 4px; color: #3F84E5 !important; font-weight: 700; font-size: 24px; }
@media (max-width: 760px) { .rs-hours__list dt, .rs-hours__list dd { font-size: 22px; } }

/* Как добраться: группы по времени в пути + значки линий метро (цвета Мосметро) */
.rs-route { max-width: 860px; margin: 0 0 14px; }
.rs-route__time { font-size: 19px; font-weight: 800; color: var(--rs-text); margin: 14px 0 6px; }
.rs-route p { margin: 0 0 6px; color: #5B6472; font-size: 16px; }
.rs-route p b { color: var(--rs-text); font-weight: 700; }
.rs-route .rs-route__note { margin-top: 12px; font-size: 14px; }
.rs-metro {
  display: inline-block; min-width: 18px; height: 18px; padding: 0 3px; border-radius: 4px;
  font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; color: #fff; vertical-align: 2px;
}
.rs-metro--6 { background: #EF7E24; }    /* Калужско-Рижская */
.rs-metro--14 { background: #EE5B8E; }   /* МЦК */

/* Компактные кнопки «Проложить маршрут» (Яндекс.Карты / 2ГИС) */
.rs-route-btns { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; font-size: 14px; color: #5B6472; }
html body a.rs-route-btn, html body a.rs-route-btn:visited {
  display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border-radius: 8px;
  font-size: 14px; font-weight: 700; color: var(--rs-blue) !important; background: #E8F0FE; border: 1.5px solid #CFE0F7 !important;
}
html body a.rs-route-btn.is-ya { background: var(--rs-blue); color: #fff !important; border-color: var(--rs-blue) !important; }
html body a.rs-route-btn:hover { filter: brightness(.95); }

/* Меню шапки: подчёркнута открытая страница (класс is-active ставит russab.js) */
/* При наведении — так же (текст остаётся белым, 16.10.2026) */
html body .rs-header .rs-nav a.is-active, html body .rs-mobile-menu a.is-active, html body .rs-header .rs-nav a:hover {
  text-decoration: underline !important; text-decoration-color: var(--rs-sky) !important; /* голубой, как обводка кнопок категорий */
  text-decoration-thickness: 2px !important; text-underline-offset: 7px;
}

/* Пометка для черновика: что нужно уточнить у заказчика (убрать перед запуском) */
.rs-todo { background: #FFF3C4; color: #7A5B00; border-radius: 4px; padding: 1px 6px; font-size: .9em; font-weight: 600; }
.rs-pg__map { line-height: 0; background: #EDEDEA; }
.rs-pg__map iframe { display: block; border: 0; }
.rs-pg__cta { background: var(--rs-bg); padding: 26px 16px; }
.rs-pg__cta-in { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.rs-pg__cta-t { color: #fff; font-size: 20px; font-weight: 800; margin-bottom: 4px; }
.rs-pg__cta-d { color: var(--rs-muted-2); font-size: 15px; }
.rs-pg__cta-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.rs-pg__cta-btns .rs-btn { padding: 15px 24px; font-size: 16px; }

/* ---------- Внутренние страницы (базово) ---------- */
.rs-page { background: #fff; padding: 30px 16px 40px; min-height: 50vh; }
.rs-breadcrumbs { font-size: 13px; color: var(--rs-muted); margin-bottom: 14px; }
.rs-breadcrumbs a { color: var(--rs-muted); }
.rs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.rs-grid .rs-card { border: 1px solid #E4E7EC; }

/* ================= Мобильная раскладка ================= */
@media (max-width: 760px) {
  .rs-only-desktop { display: none !important; }
  .rs-only-mobile { display: revert !important; }

  .rs-logo img { width: 100px; height: 39px; margin-left: -5px; }
  /* Подпись мельче, иначе на 360–400px шапка не помещается и сжимает иконки до нуля */
  .rs-logo { min-width: 0; }
  .rs-logo__tagline { font-size: clamp(10px, 3.2vw, 15px); letter-spacing: .02em; margin-top: 4px; }
  .rs-topbar { gap: 10px; padding: 12px 14px; }
  .rs-topbar__actions { gap: 10px; flex-wrap: nowrap; flex: none; }
  .rs-topbar__actions img { max-width: none; }
  .rs-phone { font-size: 12px; }
  .rs-cart-link img { width: 20px; height: 23px; }
  .rs-cart-count { top: -8px; right: -10px; }

  .rs-nav { display: none; }
  .rs-catalog-btn { display: none; }
  .rs-search { margin: 0; }
  .rs-search__input { height: 54px; }
  .rs-search__icon { left: 18px; }
  .rs-search-call { display: flex; flex: none; margin-left: 4px; } /* к gap 12px ряда — 16px до строки поиска */
  /* «Точное совпадение» на телефоне не показываем — строка поиска узкая */
  .rs-exact { display: none !important; }
  html body .rs-search .rs-search__input { padding-right: 24px; }
  .rs-search-call img { width: 44px; height: 42px; border-radius: 999px; object-fit: cover; }

  .rs-hero { background-image: none; background: linear-gradient(180deg, #0D2B54 0%, #123663 70%, #0E1319 100%); }
  .rs-hero__photo { display: none; }
  .rs-hero__inner {
    padding: 18px 16px 16px;
    display: grid; grid-template-columns: minmax(96px, .72fr) 1.28fr; gap: 14px; align-items: start;
  }
  .rs-hero__nm { display: none; }
  .rs-hero__nm-m {
    display: block; font-family: var(--rs-font); font-size: 17px; line-height: 1.2; color: #fff;
    text-align: right; margin: 0; font-weight: 500;
  }
  .rs-hero__nm-m b { font-weight: 800; font-size: 20px; }
  .rs-hero__nm-m b + b, .rs-hero__nm-m .big { font-size: 21px; }
  .rs-lead { gap: 8px; margin: 0; }
  .rs-lead p { font-size: 13.5px; line-height: 1.4; font-weight: 600; }
  .rs-lead p br { display: none; }
  .rs-pickup { grid-column: 1 / -1; gap: 8px; margin: 2px 0 0; }
  .rs-pickup img { width: 22px; height: 22px; }
  .rs-pickup span { color: #DCE6F2; }
  .rs-hero__buttons { display: none; }

  .rs-carousel__track { padding: 0 16px 12px; }

  .rs-mobile-cta { display: flex; }
  .rs-mobile-cta .rs-btn--primary { flex: 1; height: 66px; border-radius: 10px; font-size: 17px; padding: 16px 12px; }
  .rs-mobile-cta .rs-btn--outline { flex: 0 0 130px; border-radius: 10px; font-size: 15px; padding: 10px; }

  .rs-picker { padding: 20px 16px 18px; }
  .rs-brand__name { display: none; }
}

/* Каталог: пока грузятся карточки по выбранной стране / марке / модели */
.layout.rs-loading { opacity: .45; pointer-events: none; transition: opacity .15s; }