@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #FFFFFF);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #111318);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #242933);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #383e4f);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #76819e);
  --color-btn-bg-half-shade-is-dark:var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text:var(--draft-color-accent-text, #111318);
  --color-accent-text-is-dark:var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #242933);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #383e4f);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #76819e);
  --color-accent-text-half-shade-is-dark:var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark:var(--draft-color-text-dark, #333333);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #474747);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #5c5c5c);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #999999);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, 'PT Root UI');
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, 'PT Root UI');
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 600);
  --collection_count:var(--draft-collection_count, 20);
  --search_count:var(--draft-search_count, 12);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1240px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --type_sidebar:var(--draft-type_sidebar, sticky);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, false);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, left);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, true); }

/* Восстановлено из скомпилированного theme.css основного шаблона (26.09.2026) */
/* line 4, theme.scss */
/* line 6, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
/* line 10, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* line 12, theme.scss */
/* line 14, theme.scss */
[data-fixed-panels] .delete-widget-link {
  display: none; }

@media (max-width: 768px) {
  /* line 17, theme.scss */
  /* line 19, theme.scss */
  [style*="--is-editor:true"] .outside-widgets {
    display: none; }

  /* line 21, theme.scss */
  /* line 23, theme.scss */
  .edit-widget-buttons .widget-name {
    display: none !important; }

  /* line 25, theme.scss */
  /* line 27, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* line 31, theme.scss */
/* line 30, theme.scss */
.header__collections > .header__collections-item > .header__collections-controls > .header__collections-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 158px;
  justify-content: center;
  text-align: center;
  height: 36px;
  padding: 0 14px;
  background-color: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: .02em;
  border-radius: 10px;
  transition: background-color .15s ease, color .15s ease; }

/* line 50, theme.scss */
/* line 49, theme.scss */
.header__collections > .header__collections-item > .header__collections-controls > .header__collections-link:hover {
  background-color: rgba(89, 186, 207, 0.18);
  color: #59bacf; }

/* line 55, theme.scss */
/* line 54, theme.scss */
.header__collections > .header__collections-item > .header__collections-controls > .header__collections-link .icon {
  color: #ffffff; }

/* ===== Редизайн главной: центрирование и выравнивание кнопок меню ===== */
/* line 61, theme.scss */
/* line 59, theme.scss */
.header__collections {
  justify-content: center; }

/* line 65, theme.scss */
/* line 63, theme.scss */
.header__collections > .header__collections-item > .header__collections-controls > .header__collections-link {
  width: auto;
  justify-content: center; }

/* ===== Кнопки в стиле Apple: скругленные углы везде ===== */
/* line 71, theme.scss */
/* line 69, theme.scss */
.button {
  border-radius: 10px; }

/* ===== Отступы между блоками секций на странице ===== */
/* line 76, theme.scss */
/* line 74, theme.scss */
main > .layout {
  margin-bottom: 16px; }

/* line 80, theme.scss */
/* line 78, theme.scss */
main > .layout:last-child {
  margin-bottom: 0; }

/* ===== Баннеры CarBase Shop, Zero Mileage, ArmActiv: переделка ===== */
/* line 85, theme.scss */
/* line 83, theme.scss */
.banner-list__item {
  border-radius: 16px;
  overflow: hidden; }

/* line 90, theme.scss */
/* line 88, theme.scss */
[data-widget-drop-item-id="292186961"] .banner-list__item,
[data-widget-drop-item-id="292259449"] .banner-list__item,
[data-widget-drop-item-id="292259457"] .banner-list__item {
  grid-template-columns: 1fr !important; }

/* line 96, theme.scss */
/* line 94, theme.scss */
[data-widget-drop-item-id="292186961"] .banner-list__item-image,
[data-widget-drop-item-id="292259449"] .banner-list__item-image,
[data-widget-drop-item-id="292259457"] .banner-list__item-image {
  display: none; }

/* line 102, theme.scss */
/* line 100, theme.scss */
[data-widget-drop-item-id="292186961"] .banner-list__item-text,
[data-widget-drop-item-id="292259449"] .banner-list__item-text,
[data-widget-drop-item-id="292259457"] .banner-list__item-text {
  padding: 40px; }

/* line 108, theme.scss */
/* line 106, theme.scss */
[data-widget-drop-item-id="292186961"] .banner-list__item {
  background-color: #f5f3ee !important; }

/* line 112, theme.scss */
/* line 110, theme.scss */
[data-widget-drop-item-id="292259449"] .banner-list__item {
  background-color: #2c4a78 !important; }

/* line 116, theme.scss */
/* line 114, theme.scss */
[data-widget-drop-item-id="292259457"] .banner-list__item {
  background-color: #a8443a !important; }

/* ===== Блок "Другие проекты": плашки без значков ===== */
/* line 121, theme.scss */
/* line 119, theme.scss */
[data-widget-drop-item-id="292265553"] .brands__item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #59bacf;
  border-radius: 12px;
  min-height: 64px;
  padding: 16px;
  text-align: center; }

/* line 132, theme.scss */
/* line 130, theme.scss */
[data-widget-drop-item-id="292265553"] .brands__item img {
  display: none; }

/* line 136, theme.scss */
/* line 134, theme.scss */
[data-widget-drop-item-id="292265553"] .brands__item::after {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #0e1013; }

/* line 143, theme.scss */
/* line 141, theme.scss */
[data-widget-drop-item-id="292265553"] .brands__item:nth-child(1)::after {
  content: "Детейлинг-центры CarBase"; }

/* line 147, theme.scss */
/* line 145, theme.scss */
[data-widget-drop-item-id="292265553"] .brands__item:nth-child(2)::after {
  content: "CarBase Auto"; }

/* line 151, theme.scss */
/* line 149, theme.scss */
[data-widget-drop-item-id="292265553"] .brands__item:nth-child(3)::after {
  content: "CarBase Home"; }

/* ===== Плитки категорий над подвалом: скругление в общем стиле ===== */
/* line 157, theme.scss */
/* line 154, theme.scss */
.subcollection-list__item-photo {
  border-radius: 12px;
  overflow: hidden; }

/* ===== Карточки "Почему нам выбирают": скругленный бокс ===== */
/* line 164, theme.scss */
/* line 160, theme.scss */
.benefit-list__item {
  background-color: #1f2227;
  border-radius: 16px;
  padding: 28px 24px; }

/* ===== Нижняя плитка категорий (над подвалом): компактные кнопки вместо больших картинок ===== */
/* line 171, theme.scss */
/* line 167, theme.scss */
.subcollection-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center; }

/* line 178, theme.scss */
/* line 174, theme.scss */
.subcollection-list__item {
  width: auto !important;
  height: auto !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 22px;
  border-radius: 10px;
  background-color: #59bacf;
  transition: background-color .15s ease; }

/* line 191, theme.scss */
/* line 187, theme.scss */
.subcollection-list__item:hover {
  background-color: #7cc9db; }

/* line 195, theme.scss */
/* line 191, theme.scss */
.subcollection-list__item-photo {
  display: none; }

/* line 199, theme.scss */
/* line 195, theme.scss */
.subcollection-list__item-title {
  color: #0e1013;
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  margin: 0; }

/* ===== Ширина сайта: убираем узкий контейнер на широких экранах ===== */
/* line 209, theme.scss */
/* line 204, theme.scss */
.layout__content {
  max-width: 1800px !important; }

/* ===== Шапка сайта: лого слева, меню-иконка без подписи, кнопки категорий по центру в одну строку ===== */
/* line 214, theme.scss */
/* line 209, theme.scss */
.header__content {
  grid-template-columns: auto auto 1fr auto !important;
  grid-template-areas: "logo burger collections controls" !important;
  align-items: center;
  column-gap: 12px; }

/* ===== Мобильная шапка: кнопка меню вплотную к иконке корзины (запрос пользователя, скриншот 22 сент) ===== */
@media (max-width: 767px) {
  /* line 223, theme.scss */
  /* line 218, theme.scss */
  .header__content {
    grid-template-columns: auto 1fr auto auto !important;
    grid-template-areas: "logo collections burger controls" !important;
    column-gap: 8px; } }
/* line 230, theme.scss */
/* line 223, theme.scss */
.header__area-show-menu {
  justify-self: start; }

/* line 234, theme.scss */
/* line 227, theme.scss */
.header__area-logo {
  justify-self: start; }

/* line 238, theme.scss */
/* line 231, theme.scss */
.header__area-collections {
  justify-self: stretch;
  align-self: center;
  padding: 0 !important; }

/* line 244, theme.scss */
/* line 237, theme.scss */
.header__area-controls {
  justify-self: end; }

/* line 248, theme.scss */
/* line 241, theme.scss */
.header__show-menu-text {
  display: none; }

/* ===== Лого: уже и ниже, как на carbase-dc.ru (только на десктопе, на мобильном лого уже компактное) ===== */
@media (min-width: 769px) {
  /* line 255, theme.scss */
  /* line 247, theme.scss */
  .header__logo img {
    max-width: 250px !important;
    max-height: 56px !important;
    width: auto !important;
    height: auto !important; } }
/* ===== Лого на мобильных: тоже нужно ограничение по ширине, иначе картинка растягивается на всю ширину блока и перекрывает кнопку гамбургер-меню (баг, обнаруженный по скриншоту с реального телефона) ===== */
@media (max-width: 768px) {
  /* line 265, theme.scss */
  /* line 255, theme.scss */
  .header__logo img {
    max-width: 150px !important;
    max-height: 40px !important;
    width: auto !important;
    height: auto !important; } }
/* ===== Кнопка меню: маленькая круглая кнопка справа от лого, как на carbase-dc.ru ===== */
/* line 274, theme.scss */
/* line 262, theme.scss */
.header__show-menu-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background-color: #1f2227 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  transition: background-color .15s ease;
  box-sizing: border-box; }

/* line 287, theme.scss */
/* line 275, theme.scss */
.header__show-menu-btn:hover {
  background-color: #2a2e35 !important; }

/* line 291, theme.scss */
/* line 279, theme.scss */
.header__show-menu-btn .icon-bars {
  color: #ffffff; }

/* ===== Декоративный фон блоков CarBase Shop / Zero Mileage / ArmActiv (фирменный щит + полосы вместо плоской заливки) ===== */
/* line 297, theme.scss */
/* line 284, theme.scss */
.banner-list__item {
  position: relative; }

/* line 301, theme.scss */
/* line 288, theme.scss */
.banner-list__item-content {
  position: relative;
  z-index: 1; }

/* line 306, theme.scss */
/* line 293, theme.scss */
.banner-list__item::before,
.banner-list__item::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none; }

/* line 314, theme.scss */
/* line 301, theme.scss */
.banner-list__item::before {
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  width: 320px;
  height: 320px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

/* line 325, theme.scss */
/* line 312, theme.scss */
.banner-list__item::after {
  inset: 0; }

/* Светлый блок CarBase Shop: тёмный щит и тёмные диагональные полосы */
/* line 330, theme.scss */
/* line 317, theme.scss */
.banner-list__item[style*="FFFFFF"]::before {
  background-image: url("https://cdn.insales-shop.ru/files/1/6289/134658193/original/watermark_shield_black.png"); }

/* line 334, theme.scss */
/* line 321, theme.scss */
.banner-list__item[style*="FFFFFF"]::after {
  background-image: repeating-linear-gradient(135deg, rgba(14, 16, 19, 0.05) 0px, rgba(14, 16, 19, 0.05) 2px, transparent 2px, transparent 22px); }

/* Цветные блоки Zero Mileage и ArmActiv: белый щит и белые диагональные полосы */
/* line 339, theme.scss */
/* line 326, theme.scss */
.banner-list__item[style*="0039A6"]::before,
.banner-list__item[style*="D52B1E"]::before {
  background-image: url("https://cdn.insales-shop.ru/files/1/6281/134658185/original/watermark_shield_white.png"); }

/* line 344, theme.scss */
/* line 331, theme.scss */
.banner-list__item[style*="0039A6"]::after,
.banner-list__item[style*="D52B1E"]::after {
  background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0px, rgba(255, 255, 255, 0.06) 2px, transparent 2px, transparent 22px); }

@media (max-width: 768px) {
  /* line 350, theme.scss */
  /* line 337, theme.scss */
  .banner-list__item::before {
    width: 200px;
    height: 200px;
    right: -30px; } }
/* ArmActiv / Zero Mileage: пункт "Вся продукция" и разделитель в выпадающем меню каталога (добавляется скриптом theme.js) */
/* line 358, theme.scss */
/* line 343, theme.scss */
.header__collections-item--all {
  list-style: none;
  margin: 0 0 6px; }

/* line 363, theme.scss */
/* line 348, theme.scss */
.header__collections-item--all .header__collections-link--all {
  display: inline-block;
  padding: 3px 0;
  font-size: 16px;
  font-weight: 700;
  color: #59bacf;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .02em; }

/* line 374, theme.scss */
/* line 359, theme.scss */
.header__collections-item--all .header__collections-link--all:hover {
  color: #ffffff; }

/* line 378, theme.scss */
/* line 363, theme.scss */
.header__collections-divider {
  list-style: none;
  height: 1px;
  margin: 4px 0 10px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.15); }

/* Сокращаем расстояние между блоками CarBase Shop / Zero Mileage / ArmActiv на главной примерно в 2 раза */
/* line 387, theme.scss */
/* line 372, theme.scss */
.layout__content:has(> .banner-list__item) {
  padding-top: 12px;
  padding-bottom: 12px; }

/* line 392, theme.scss */
/* line 377, theme.scss */
[class*="widget-type_widget_v4_page_banner_1_1_"] {
  margin-bottom: 8px; }

/* Не даём гербу-водяному знаку обрезаться сверху/снизу на невысоких карточках (белой и синей), как это уже красиво выглядит на красной ArmActiv */
/* line 397, theme.scss */
/* line 382, theme.scss */
.banner-list__item {
  min-height: 340px; }

@media (max-width: 768px) {
  /* line 402, theme.scss */
  /* line 387, theme.scss */
  .banner-list__item {
    min-height: 220px; } }
/* Плитки "Почему нам выбирают": делаем одинакового размера и на всю ширину блока (было 5 колонок под 4 карточки + разная высота) */
/* line 408, theme.scss */
/* line 391, theme.scss */
.benefit-list.grid-list {
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch; }

/* line 413, theme.scss */
/* line 396, theme.scss */
.benefit-list__item {
  height: 100%; }

@media (max-width: 992px) {
  /* line 418, theme.scss */
  /* line 401, theme.scss */
  .benefit-list.grid-list {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
  /* line 424, theme.scss */
  /* line 405, theme.scss */
  .benefit-list.grid-list {
    grid-template-columns: 1fr; } }
/* "Другие проекты": вместо мелких логотипов - полноразмерные фото-баннеры одинакового размера в один ряд */
/* line 430, theme.scss */
/* line 409, theme.scss */
.brands .grid-list[data-blocks-size="3"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px; }

/* line 436, theme.scss */
/* line 415, theme.scss */
.brands__item {
  position: relative;
  display: block;
  height: 240px;
  border-radius: 16px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-color: #1f2227;
  transition: background-size 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease; }

/* line 447, theme.scss */
/* line 427, theme.scss */
.brands__item:hover {
  background-size: 118%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35) inset, 0 18px 40px rgba(0, 0, 0, 0.45); }

/* line 451, theme.scss */
/* line 432, theme.scss */
.brands__item .img-ratio {
  display: none; }

/* line 455, theme.scss */
/* line 436, theme.scss */
.brands__item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.92) 100%);
  transition: background .45s ease;
  z-index: 1; }

/* line 464, theme.scss */
/* line 445, theme.scss */
.brands__item::after {
  position: absolute;
  left: 20px;
  bottom: 16px;
  z-index: 2;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: .02em;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1); }

/* line 477, theme.scss */
/* line 458, theme.scss */
.brands__item:hover::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.78) 100%); }

/* line 481, theme.scss */
/* line 462, theme.scss */
.brands__item:hover::after {
  transform: translateY(-4px); }

/* line 484, theme.scss */
/* line 466, theme.scss */
a.brands__item[href="https://carbase-dc.ru/"] {
  background-image: url("https://cdn.insales-shop.ru/files/1/7897/134659801/original/brands-carbase-dc.jpg"); }

/* line 488, theme.scss */
/* line 470, theme.scss */
a.brands__item[href="https://carbase-dc.ru/"]::after {
  content: 'Детейлинг-центры CarBase'; }

/* line 492, theme.scss */
/* line 474, theme.scss */
a.brands__item[href="https://carbase-auto.ru/"] {
  background-image: url("https://cdn.insales-shop.ru/files/1/8161/134660065/original/brands-carbase-auto-full.jpg");
  background-size: 388% 290%;
  background-position: 36% 72%; }

/* line 498, theme.scss */
/* line 480, theme.scss */
a.brands__item[href="https://carbase-auto.ru/"]::after {
  content: 'CarBase Auto'; }

/* line 502, theme.scss */
/* line 484, theme.scss */
a.brands__item[href="https://carbase-home.ru/"] {
  background-image: url("https://cdn.insales-shop.ru/files/1/8145/134660049/original/brands-carbase-home.jpg"); }

/* line 506, theme.scss */
/* line 488, theme.scss */
a.brands__item[href="https://carbase-home.ru/"]::after {
  content: 'CarBase Home'; }

@media (max-width: 768px) {
  /* line 511, theme.scss */
  /* line 493, theme.scss */
  .brands .grid-list[data-blocks-size="3"] {
    grid-template-columns: 1fr; } }
/* line 516, theme.scss */
/* line 496, theme.scss */
.footer__menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px 32px; }

/* line 522, theme.scss */
/* line 502, theme.scss */
.footer__menu-item {
  list-style: none; }

@media (max-width: 900px) {
  /* line 527, theme.scss */
  /* line 507, theme.scss */
  .footer__menu {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) {
  /* line 533, theme.scss */
  /* line 511, theme.scss */
  .footer__menu {
    grid-template-columns: 1fr;
    gap: 10px; } }
/* Site-wide font: Montserrat (free alternative to Gotham Pro) */
/* line 541, theme.scss */
/* line 516, theme.scss */
html, body, button, input, select, textarea {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }

/* line 546, theme.scss */
/* line 520, theme.scss */
.brands__title.heading,
.benefit-list__title.heading {
  font-size: 30px !important; }

/* Task #52: Apple-style rounded corners on buttons/inputs site-wide */
/* line 553, theme.scss */
/* line 526, theme.scss */
.option-value {
  border-radius: 8px !important; }

/* line 556, theme.scss */
/* line 530, theme.scss */
.form-control {
  border-radius: 8px !important; }

/* line 559, theme.scss */
/* line 534, theme.scss */
.collection-sort.sort_main {
  border-radius: 8px !important; }

/* line 562, theme.scss */
/* line 538, theme.scss */
.filter-range__field {
  border-radius: 8px !important; }

/* ===== CarBase Shop — глобальные правки (Claude, 26.09.2026) ===== */
/* Хлебные крошки: были тёмно-серые (#333) на тёмном фоне — почти не видно */
/* line 545, theme.scss */
.widget-type_system_widget_v4_breadcrumbs_1 {
  --breadcrumb-color: #9aa1ab !important;
  --breadcrumb-color-minor-shade: #b4bac3 !important;
  --breadcrumb-color-major-shade: #c9ced5 !important;
  --breadcrumb-color-half-shade: #59bacf !important; }

/* Кнопка «Подобрать масло по автомобилю» в подвале: была чёрная на чёрном */
/* line 553, theme.scss */
footer a[href^="/page/podbor-masla"] {
  background: #59bacf !important;
  color: #0c0e11 !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px -12px rgba(89, 186, 207, 0.7);
  transition: background .15s ease; }

/* line 561, theme.scss */
footer a[href^="/page/podbor-masla"]:hover {
  background: #7fd3e4 !important; }