@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, #47B160);
  --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, #58bc6f);
  --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, #6ac47f);
  --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, #a2daaf);
  --color-btn-bg-half-shade-is-light:var(--draft-color-btn-bg-half-shade-is-light, true);
  --color-accent-text:var(--draft-color-accent-text, #47B060);
  --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, #54bb6c);
  --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, #67c37d);
  --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, #a0d9ad);
  --color-accent-text-half-shade-is-light:var(--draft-color-accent-text-half-shade-is-light, true);
  --color-text-dark:var(--draft-color-text-dark, #000000);
  --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, #1a1a1a);
  --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, #333333);
  --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, #808080);
  --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, minimal);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 6px);
  --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, Roboto);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, Roboto);
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 24);
  --search_count:var(--draft-search_count, 13);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, preorder);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1920px);
  --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);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, true); }

/* line 4, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

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

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

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

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

  /* line 23, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* line 27, theme.scss */
body {
  overflow: visible; }

/* line 33, theme.scss */
.footer__area-logo img {
  aspect-ratio: 25/6; }

/* line 37, theme.scss */
.product-description ul {
  list-style: none; }

/* line 41, theme.scss */
.preloader-circle {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff70;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none; }

/* line 54, theme.scss */
.preloader.activex, .preloader-circle.activex {
  display: flex; }

/* line 59, theme.scss */
.static-text ul {
  list-style: none; }

/* line 63, theme.scss */
.manager_block {
  display: none; }

/* line 66, theme.scss */
.manager_menu {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 99999;
  /* v6.6.9: на мобильных переносим в нижний правый угол,
     чтобы не перекрывать корзину/sticky-иконки */ }
  @media (max-width: 767px) {
    /* line 66, theme.scss */
    .manager_menu {
      top: auto;
      bottom: 90px;
      right: 12px;
      z-index: 998; } }

/* line 81, theme.scss */
.manager_menu_content {
  display: none;
  position: absolute;
  right: 0;
  text-align: right;
  font-size: 17px;
  top: -5px;
  z-index: -1;
  width: 240px;
  /* v6.6.9: при якорении снизу открываем выпадашку вверх */ }
  @media (max-width: 800px) {
    /* line 81, theme.scss */
    .manager_menu_content {
      font-size: 18px;
      width: 260px; } }
  @media (max-width: 767px) {
    /* line 81, theme.scss */
    .manager_menu_content {
      top: auto;
      bottom: 100%; } }

/* line 101, theme.scss */
.manager_menu.activex .manager_menu_content {
  display: block; }

/* line 104, theme.scss */
.manager_menu_icon {
  font-size: 32px;
  color: #fff;
  background: #47b160;
  padding: 6px 7px;
  border-radius: 10px 0 0 10px;
  cursor: pointer;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  transition: background 0.18s ease, box-shadow 0.18s ease; }

/* line 114, theme.scss */
.manager_menu_icon:hover {
  background: #3a9b51; }

/* line 117, theme.scss */
.manager_menu.activex .manager_menu_icon {
  box-shadow: none;
  background: #3a9b51; }

/* line 121, theme.scss */
.manager_menu_content ul {
  background: #47b160;
  list-style: none;
  padding: 0;
  padding-top: 50px;
  text-align: right;
  border-radius: 10px 0 0 10px;
  margin: 0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden; }

/* line 132, theme.scss */
.manager_menu_content ul li a {
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  display: block;
  font-weight: 500;
  line-height: 1.3;
  transition: background 0.15s ease, color 0.15s ease, padding-right 0.15s ease; }

/* line 141, theme.scss */
.manager_menu_content ul li a:hover,
.manager_menu_content ul li a:focus {
  background: #fff;
  color: #2f8447;
  padding-right: 20px; }

/* line 147, theme.scss */
.manager_menu_content ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  line-height: 1; }

/* line 151, theme.scss */
.manager_menu_content ul li:last-child {
  margin-bottom: 0;
  border: none; }

/* line 155, theme.scss */
h1 {
  font-size: 2em !important; }

/* line 159, theme.scss */
h2 {
  font-size: 1.5em; }

/* line 163, theme.scss */
h3 {
  font-size: 1.17em; }

/* line 167, theme.scss */
h4 {
  font-size: 1.00em; }

/* line 171, theme.scss */
h5 {
  font-size: 0.83em; }

/* line 175, theme.scss */
h6 {
  font-size: 0.67em; }

/* line 180, theme.scss */
.grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -10px; }

/* line 195, theme.scss */
.grid__item_3 {
  max-width: 28%; }

/* line 199, theme.scss */
.grid__item {
  flex-grow: 1;
  width: 100%;
  margin: 0 10px; }

/* line 205, theme.scss */
.admin-custom_list {
  list-style-type: '✓'!important;
  list-style: auto;
  padding-inline-start: 1.5ch; }

/* line 211, theme.scss */
.admin-custom_list li {
  padding-left: 5px; }

@media (max-width: 964px) {
  /* line 216, theme.scss */
  .grid__item_3 {
    max-width: 100%; }

  /* line 220, theme.scss */
  .grid {
    margin: 15px 0 0; } }
/* line 224, theme.scss */
.product__area-calculate-delivery {
  margin-top: 10%; }

/* ===================================================================
   v6.6.17+v6.6.18: Мобильный fixed — опираемся на нативный sticky темы.
   Тема InSales клонирует .header-mobile-panel внутрь
   .layout__content.header_fixed (position:fixed) при скролле.

   v6.6.18: НО внутри этой же фикс-обёртки тема рендерит тёмную десктоп-
   .header-part-main — это и есть "двойник шапки" (видный выше нашей
   мобильной панели). Прячем её ОТНОСИТЕЛЬНО фикс-обёртки
   — НЕ трогаем саму обёртку (иначе мобильная панель внутри тоже
   исчезнет). Правило без InSales-префикса. */
/* v6.7: расширили до 1100px — планшеты/landscape теперь тоже используют мобильную шапку */
@media (max-width: 1100px) {
  /* line 239, theme.scss */
  body .layout__content.header_fixed .header-part-main {
    display: none !important; } }
/* ===================================================================
   v6.7 — общелейаутные правки (без widget-prefix)
   ===================================================================
   Эти правила трогают body/footer/.layout__content/телефоны
   — они должны быть вне widget_types/, иначе InSales их префиксует
   и они перестают матчиться.
   =================================================================== */
/* Фикс «нельзя проскроллить футер» на мобильных + планшетах */
@media (max-width: 1100px) {
  /* line 254, theme.scss */
  body {
    padding-bottom: 24px; }

  /* line 255, theme.scss */
  .footer,
  .layout__footer {
    padding-bottom: 80px !important; } }
/* Расширяем скрытие двойника шапки и показ мобильной панели
   на планшетах (верхнее правило в этом файле уже прячет до 1100,
   добавляем только показ мобильной панели внутри fixed-обёртки) */
@media (max-width: 1100px) {
  /* line 265, theme.scss */
  body .layout__content.header_fixed .header-part-top {
    display: none !important; }

  /* line 268, theme.scss */
  body .layout__content.header_fixed .header-mobile-panel {
    display: block !important; } }
/* Телефоны — без посимвольного переноса */
/* line 274, theme.scss */
.header-phone-text,
.header__phone,
.header__phone-value,
.header__sticky-phone-value {
  word-break: keep-all !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums; }

/* ===================================================================
   v6.7.4 — slide-in меню (ПЕРЕНЕСЕНО из widget snippet.scss)
   ===================================================================
   InSales префиксует widget-rules `.widget-type_new-header `, поэтому
   когда мы переносим .header__collections в <body> для выхода из
   stacking-контекста sticky-шапки — селектор перестаёт матчиться.
   Здесь правила без префикса работают всегда.
   =================================================================== */
@media (max-width: 1100px) {
  /* Контейнер выпадашки = slide-in panel */
  /* line 293, theme.scss */
  body .header__collections {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: auto !important;
    width: 86vw !important;
    max-width: 380px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    background: #ffffff !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.18) !important;
    border-radius: 0 16px 16px 0 !important;
    transform: translateX(-100%);
    transition: transform 0.28s ease-out;
    z-index: 1000050 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    padding: 16px 0 32px 0 !important;
    margin: 0 !important; }

  /* line 315, theme.scss */
  body .header__collections.is-show,
  body.is-show-collections .header__collections {
    transform: translateX(0) !important; }

  /* Затемнение фона */
  /* line 320, theme.scss */
  body .header__collections-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 1000040 !important;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease; }

  /* line 332, theme.scss */
  body .header__collections-overlay.is-show,
  body.is-show-collections .header__collections-overlay {
    opacity: 1 !important;
    pointer-events: auto !important; }

  /* Заголовок «Меню» в slide-in */
  /* line 338, theme.scss */
  body .header__collections::before {
    content: "Меню";
    display: block;
    padding: 6px 18px 14px 18px;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    border-bottom: 1px solid #eee;
    margin-bottom: 14px;
    letter-spacing: 0.2px; }

  /* line 349, theme.scss */
  body .header__collections-content {
    padding: 0 18px !important; } }
/* === Кнопка-крестик закрытия меню (выносится в body, не widget) === */
/* line 355, theme.scss */
body .csmart-menu-close {
  display: none; }

@media (max-width: 1100px) {
  /* line 359, theme.scss */
  body.is-show-collections .csmart-menu-close,
  body .csmart-menu-close.is-visible {
    display: flex !important;
    position: fixed !important;
    /* справа от slide-in panel */
    left: calc(min(86vw, 380px) + 12px) !important;
    top: 14px !important;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
    border: none;
    align-items: center;
    justify-content: center;
    z-index: 1000060 !important;
    cursor: pointer;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.15s, background 0.15s; }

  /* line 380, theme.scss */
  body .csmart-menu-close:hover,
  body .csmart-menu-close:active {
    background: #f5f5f5;
    transform: scale(1.05); }

  /* line 385, theme.scss */
  body .csmart-menu-close::before,
  body .csmart-menu-close::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2.5px;
    background: #1a1a1a;
    border-radius: 2px; }

  /* line 394, theme.scss */
  body .csmart-menu-close::before {
    transform: rotate(45deg); }

  /* line 395, theme.scss */
  body .csmart-menu-close::after {
    transform: rotate(-45deg); } }
@media (max-width: 420px) {
  /* line 398, theme.scss */
  body.is-show-collections .csmart-menu-close,
  body .csmart-menu-close.is-visible {
    left: auto !important;
    right: calc(100vw - 86vw + 4px) !important; } }
/* ===================================================================
   v6.7.5b — Скрыть sticky-шапку когда меню открыто
   =================================================================== */
@media (max-width: 1100px) {
  /* line 409, theme.scss */
  body.is-show-collections .header-mobile-panel,
  body.is-show-collections .layout__content.header_fixed > .header,
  body.is-show-collections .header_fixed .header-mobile-panel {
    z-index: 1 !important;
    pointer-events: none; } }
/* ===================================================================
   v6.7.5d — Стили внутренних элементов slide-in меню
   ===================================================================
   Когда .header__collections перенесён в <body>, widget-prefix
   правила .widget-type_new-header .header__collections-* больше
   не матчатся. Дублируем сюда без префикса. */
@media (max-width: 1100px) {
  /* Основная типографика контейнера */
  /* line 425, theme.scss */
  body .header__collections-content,
  body .header__collections-content-top,
  body .header__collections-content-bottom {
    font-family: inherit;
    color: #1a1a1a; }

  /* Заголовок "Каталог" */
  /* line 433, theme.scss */
  body .header__collections-title {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #f0f0f0; }

  /* Список 1-го уровня */
  /* line 446, theme.scss */
  body .header__collections-menu,
  body ul.header__collections-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important; }

  /* Пункт меню */
  /* line 455, theme.scss */
  body .header__collections-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f5f5f5; }

  /* line 461, theme.scss */
  body .header__collections-item:last-child {
    border-bottom: none; }

  /* Ссылка пункта */
  /* line 466, theme.scss */
  body .header__collections-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 12px 4px !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    transition: color 0.15s, background 0.15s;
    -webkit-tap-highlight-color: rgba(80, 195, 90, 0.15); }

  /* line 479, theme.scss */
  body .header__collections-head:hover,
  body .header__collections-head:active {
    color: #2A8838 !important;
    background: rgba(80, 195, 90, 0.06); }

  /* line 485, theme.scss */
  body .header__collections-head-title {
    display: inline-block;
    flex: 1 1 auto; }

  /* Стрелка ">" справа для пунктов с подкатегориями (если есть toggle) */
  /* line 491, theme.scss */
  body .header__collections-item.has-children > .header__collections-head::after,
  body .header__collections-item.is-has-children > .header__collections-head::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    transform: rotate(-45deg);
    margin-left: 8px;
    flex: 0 0 auto; }

  /* Нижний блок: служебные ссылки */
  /* line 505, theme.scss */
  body .header__collections-content-bottom {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 2px solid #f0f0f0; }

  /* line 511, theme.scss */
  body .header__mobile-menu,
  body ul.header__mobile-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* line 517, theme.scss */
  body .header__mobile-menu-item {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* line 522, theme.scss */
  body .header__mobile-menu-item > a,
  body .header__mobile-menu-item a {
    display: block !important;
    padding: 11px 4px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #333 !important;
    text-decoration: none !important;
    line-height: 1.3;
    border-bottom: 1px solid #f5f5f5;
    transition: color 0.15s; }

  /* line 534, theme.scss */
  body .header__mobile-menu-item:last-child > a {
    border-bottom: none; }

  /* line 537, theme.scss */
  body .header__mobile-menu-item > a:hover,
  body .header__mobile-menu-item > a:active {
    color: #2A8838 !important; }

  /* Telephones block */
  /* line 543, theme.scss */
  body .header__collections-content-bottom .header__mobile-menu-controls {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 4px 6px 4px; }

  /* line 549, theme.scss */
  body .header__collections-content-bottom .header__mobile-menu-controls > * {
    color: #555;
    text-decoration: none;
    font-size: 13px; }

  /* line 554, theme.scss */
  body .header__collections-content-bottom .header__mobile-menu-controls .icon {
    width: 22px;
    height: 22px; }

  /* Phone links inside menu */
  /* line 560, theme.scss */
  body .header__collections-content-bottom .header__phone,
  body .header__collections-content-bottom a[href^="tel:"] {
    display: inline-block;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    padding: 6px 0 !important;
    line-height: 1.3 !important; }

  /* line 570, theme.scss */
  body .header__collections-content-bottom .header__phone + .header__phone,
  body .header__collections-content-bottom a[href^="tel:"] + a[href^="tel:"] {
    margin-left: 0;
    display: block; }

  /* Hide separator slash if it was inline-rendered */
  /* line 577, theme.scss */
  body .header__collections-content-bottom .header__phone-separator {
    display: none; } }
/* Узкие мобильные — компактнее */
@media (max-width: 480px) {
  /* line 582, theme.scss */
  body .header__collections {
    padding: 14px 0 28px 0 !important; }

  /* line 585, theme.scss */
  body .header__collections-content {
    padding: 0 16px !important; }

  /* line 588, theme.scss */
  body .header__collections::before {
    padding: 4px 16px 12px 16px !important;
    font-size: 17px !important; }

  /* line 592, theme.scss */
  body .header__collections-head {
    padding: 11px 2px !important;
    font-size: 14.5px !important; }

  /* line 596, theme.scss */
  body .header__mobile-menu-item > a {
    padding: 10px 2px !important;
    font-size: 13.5px !important; } }
/* ============================================================
   v6.7.5f — фиксы по фидбеку preview 11097081
   ============================================================
   1) Product mobile: новая верстка шапки (телефон в верхней строке)
   2) Поиск на product = чистая лупа (без слова Поиск, без двойной рамки)
   3) Поиск на остальных страницах = широкое поле (как было до v6.7.5d)
   4) Глобальный фикс горизонтального скролла + inline-tableы в описаниях
   5) Landscape планшет: mobile-panel sticky + бейдж отзывов
   6) Portrait main: блок преимуществ/promo не должен выпирать
   7) Открытое меню: убрать бургер-кнопку с креста, отступ снизу
*/
/* ============================================================
   v6.7.5f.1 — Product mobile: верхняя строка телефон
   ============================================================
   Зеленая иконка-телефон на белом фоне в зеленой окружности 36x36.
   Off-hours (вне 9-20 пн-пт / 10-19 сб-вс) — серая окружность
   с иконкой обратного звонка (трубка со стрелкой разворота).
   На остальных страницах элемента нет (Liquid вставляет только
   на product).
*/
/* line 623, theme.scss */
.header-mobile-panel__top-phone {
  display: none; }

@media (max-width: 1100px) {
  /* line 627, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    color: #50C35A !important;
    text-decoration: none !important;
    border: 2px solid #50C35A;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
    margin-right: 6px;
    position: relative; }

  /* line 645, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone:hover,
  body[data-theme-template="product"] .header-mobile-panel__top-phone:active {
    background: #50C35A;
    color: #fff !important;
    transform: scale(0.95); }

  /* line 651, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone:hover .icon,
  body[data-theme-template="product"] .header-mobile-panel__top-phone:active .icon {
    color: #fff !important;
    fill: #fff !important; }

  /* line 656, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone .icon._phone {
    font-size: 18px;
    color: #50C35A !important;
    fill: #50C35A !important;
    display: inline-block; }

  /* line 662, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone ._callback {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    flex: 0 0 18px;
    display: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIyIDE2LjkydjNhMiAyIDAgMCAxLTIuMTggMiAxOS43OSAxOS43OSAwIDAgMS04LjYzLTMuMDcgMTkuNSAxOS41IDAgMCAxLTYtNiAxOS43OSAxOS43OSAwIDAgMS0zLjA3LTguNjdBMiAyIDAgMCAxIDQuMTEgMmgzYTIgMiAwIDAgMSAyIDEuNzJjLjEzLjk2LjM3IDEuOS43MiAyLjgxYTIgMiAwIDAgMS0uNDUgMi4xMUw4LjA5IDkuOTFhMTYgMTYgMCAwIDAgNiA2bDEuMjctMS4yOWEyIDIgMCAwIDEgMi4xMS0uNDVjLjkxLjM1IDEuODUuNTkgMi44MS43MkEyIDIgMCAwIDEgMjIgMTYuOTJaIi8+PHBhdGggZD0iTTE3IDJsNCA0LTQgNCIvPjxwYXRoIGQ9Ik0yMSA2SDkiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

  /* Off-hours: серая окружность + иконка callback */
  /* line 675, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours {
    background: #fff;
    border-color: #999;
    color: #777 !important; }

  /* Убираем избыточный зелёный индикатор ::after от .header__sticky-phone._offhours —
     сама серая окружность уже выражает off-hours */
  /* line 682, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours::after {
    display: none !important;
    content: none !important; }

  /* line 686, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours .icon._phone {
    display: none; }

  /* line 689, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours ._callback {
    display: inline-block; }

  /* line 692, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:hover,
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:active {
    background: #777;
    border-color: #777; }

  /* line 697, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:hover ._callback,
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:active ._callback {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIyIDE2LjkydjNhMiAyIDAgMCAxLTIuMTggMiAxOS43OSAxOS43OSAwIDAgMS04LjYzLTMuMDcgMTkuNSAxOS41IDAgMCAxLTYtNiAxOS43OSAxOS43OSAwIDAgMS0zLjA3LTguNjdBMiAyIDAgMCAxIDQuMTEgMmgzYTIgMiAwIDAgMSAyIDEuNzJjLjEzLjk2LjM3IDEuOS43MiAyLjgxYTIgMiAwIDAgMS0uNDUgMi4xMUw4LjA5IDkuOTFhMTYgMTYgMCAwIDAgNiA2bDEuMjctMS4yOWEyIDIgMCAwIDEgMi4xMS0uNDVjLjkxLjM1IDEuODUuNTkgMi44MS43MkEyIDIgMCAwIDEgMjIgMTYuOTJaIi8+PHBhdGggZD0iTTE3IDJsNCA0LTQgNCIvPjxwYXRoIGQ9Ik0yMSA2SDkiLz48L3N2Zz4="); }

  /* Скрываем подпись с цифрами — оставляем только иконку */
  /* line 702, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone .header__sticky-phone-value {
    display: none !important; } }
/* ============================================================
   v6.7.5f.2 — Product mobile: нижняя строка с двумя кнопками
   ============================================================
   Бургер + лупа + Заказ в 1 клик + Добавить в корзину
   1 клик идёт ПЕРВЫМ (рамка), Добавить в корзину — широкая зелёная
*/
@media (max-width: 480px) {
  /* line 714, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__bottom {
    gap: 6px !important; }

  /* line 717, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions {
    display: flex !important;
    align-items: center;
    gap: 6px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important; }

  /* 1 клик — компактнее, обводка */
  /* line 725, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--oneclick {
    flex: 0 1 auto !important;
    height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    border-width: 1.5px !important;
    white-space: nowrap !important; }

  /* line 734, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--oneclick .header__sticky-btn-text {
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important; }

  /* Добавить в корзину — растягивается, заливка */
  /* line 740, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--cart {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    gap: 4px !important;
    border-radius: 8px !important; }

  /* line 749, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--cart .header__sticky-btn-text {
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis; }

  /* line 756, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--cart .icon {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    color: #fff !important;
    fill: #fff !important;
    flex: 0 0 auto; } }
/* ============================================================
   v6.7.5h.4 — Поиск на ОСТАЛЬНЫХ страницах mobile = широкий
   ============================================================
   Перебиваем правило из widget snippet.scss (.widget-type_new-header ...).
   Используем html префикс для повышения специфичности.
*/
@media (max-width: 480px) {
  /* line 773, theme.scss */
  html body .header-mobile-panel__bottom {
    gap: 8px !important; }

  /* line 776, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important; }

  /* line 783, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form input[name="q"],
  html body .header-mobile-panel__bottom .header__search input {
    width: 100% !important;
    height: 40px !important;
    padding-left: 42px !important;
    color: #333 !important;
    background: transparent !important;
    text-indent: 0 !important;
    font-size: 14px !important; }

  /* placeholder видимый справа от лупы */
  /* line 794, theme.scss */
  html body .header-mobile-panel__bottom .header__search input::placeholder,
  html body .header-mobile-panel__bottom .header__search input::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-size: 14px !important; }

  /* Кнопка-телефон занимает свой минимум — не растягивается */
  /* line 801, theme.scss */
  html body .header-mobile-panel__bottom .header-mobile-panel__phone-btn {
    flex: 0 0 auto !important; } }
/* ============================================================
   v6.7.5f.5 — Tablet (768-1100): поиск во всю ширину
   ============================================================
*/
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 811, theme.scss */
  .header-mobile-panel__bottom {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    padding: 8px 12px !important; }

  /* line 816, theme.scss */
  .header-mobile-panel__bottom .header__search,
  .header-mobile-panel__bottom .header__search-form {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important; }

  /* line 822, theme.scss */
  .header-mobile-panel__bottom .header__search-form input[name="q"],
  .header-mobile-panel__bottom .header__search input {
    width: 100% !important;
    height: 40px !important;
    padding-left: 36px !important;
    padding-right: 12px !important;
    font-size: 14px !important;
    border: 1px solid #C8C8C8 !important;
    border-radius: 8px !important;
    background-color: #fff !important; }

  /* line 833, theme.scss */
  .header-mobile-panel__bottom .header__search-form button[type="submit"] {
    display: none !important; }

  /* line 836, theme.scss */
  .header-mobile-panel__bottom .header-mobile-panel__show-menu-btn {
    flex: 0 0 auto !important; } }
/* ============================================================
   v6.7.5f.6 — Landscape планшет (768-1100): mobile-panel sticky
   ============================================================
   Шапка на planshet landscape должна прилипать к верху как на
   mobile portrait. Также поправляем, чтобы бейдж отзывов не
   ломался.
*/
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 849, theme.scss */
  .header-mobile-panel {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); }

  /* line 856, theme.scss */
  .header-mobile-panel__top-badge {
    flex: 0 1 auto !important;
    min-width: 0; }

  /* line 860, theme.scss */
  .header-mobile-panel__top-badge img {
    max-height: 44px;
    width: auto;
    object-fit: contain; } }
@media (max-width: 767px) {
  /* line 867, theme.scss */
  .header-mobile-panel {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background: #fff; } }
/* ============================================================
   v6.7.5f.7 — z-index бургера при открытом меню
   ============================================================
   Когда меню открыто (.is-show-collections на body) — скрываем
   всю mobile-panel + бургер-кнопку, чтобы они не лежали поверх
   крестика slide-in панели.
*/
@media (max-width: 1100px) {
  /* line 883, theme.scss */
  body.is-show-collections .header-mobile-panel {
    z-index: 1 !important;
    pointer-events: none !important;
    visibility: hidden !important; }

  /* Доп. перестраховка для самой кнопки */
  /* line 889, theme.scss */
  body.is-show-collections .header-mobile-panel__show-menu-btn {
    visibility: hidden !important;
    z-index: 1 !important;
    pointer-events: none !important; } }
/* ============================================================
   v6.7.5f.8 — Отступ снизу в slide-in меню
   ============================================================
   Последний пункт каталога обрезается / зажимается фиксированной
   плашкой "Заказать звонок" / телефоном внизу меню. Делаем
   нормальный padding-bottom + scroll-padding.
*/
/* line 903, theme.scss */
.header__collections,
body .header__collections {
  padding-bottom: 120px !important; }

/* line 907, theme.scss */
.header__collections-content {
  padding-bottom: 16px; }

/* line 910, theme.scss */
.header__mobile-menu,
body .header__mobile-menu {
  padding-bottom: 24px !important; }

/* ============================================================
   v6.7.5f.9 — Глобальный фикс горизонтального скролла
   ============================================================
   Inline-стили <table style="width:400px"> и <td width="305">
   в описаниях товара переполняют viewport на 412px. Применяем
   глобально (без @media) — пусть на десктопе тоже корректно.
   Также страхуем body на product от любого выпирания.
*/
/* line 923, theme.scss */
.static-text table,
.editable-block table,
.product__description table,
.product-page table,
[class*="static-text"] table,
[class*="simple_text"] table,
.product .static-text table,
.product__info table {
  max-width: 100% !important;
  width: auto !important;
  display: block !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch; }

/* line 937, theme.scss */
.static-text td,
.static-text th,
.editable-block td,
.editable-block th,
.product__description td,
.product__description th {
  max-width: none;
  word-break: break-word; }

/* line 946, theme.scss */
.static-text [style*="width"],
.editable-block [style*="width"],
.product__description [style*="width"] {
  max-width: 100% !important; }

/* На самом body — клиппинг по горизонтали */
/* line 952, theme.scss */
body[data-theme-template="product"] {
  overflow-x: hidden !important; }

@media (max-width: 1100px) {
  /* line 956, theme.scss */
  body {
    overflow-x: hidden !important; } }
/* ============================================================
   v6.7.5f.10 — Promo-slider images не выпирают на portrait
   ============================================================
   На главной 412 promo-slider картинка-преимуществ выпирает.
   Картинка должна вписываться в контейнер.
*/
@media (max-width: 480px) {
  /* line 968, theme.scss */
  .promo-slider__item-photo,
  .promo-slider__item-photo .img-ratio,
  .promo-slider .img-ratio,
  .promo-slider img,
  .promo-slider picture {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain; }

  /* line 978, theme.scss */
  .promo-slider .img-ratio__inner {
    max-width: 100%; } }
/* ============================================================
   v6.7.5f.11 — Бейдж отзывов на planshet landscape
   ============================================================
   На 712-1100 бейдж может ломаться (тонкая высота). Сохраняем
   ту же 2x2 раскладку, что и на mobile.
*/
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 990, theme.scss */
  .header-mobile-panel__top-badge {
    display: flex !important;
    align-items: center; } }
/* ============================================================
   v6.7.5h4 — финальные косметические фиксы
   ============================================================ */
/* 1. Скрываем встроенный зелёный крестик (второй close-btn)
   в слайд-ин меню — у темы уже есть белый × в круге справа. */
/* line 1002, theme.scss */
.header__collections-hide-btn,
button.header__collections-hide-btn,
.header__collections .header__collections-hide-btn,
.header__collections .js-hide-header-collections {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important; }

/* 2. Sticky на планшете landscape: position:sticky ломается из-за высоты
   родителя .header (height = height панели). Переводим на fixed. */
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 1014, theme.scss */
  .header-mobile-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9000 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; }

  /* При fixed панель выпадает из потока — компенсируем padding-top
     у .layout__content чтобы контент не прыгнул. Высота панели ~150px (top + bottom). */
  /* line 1026, theme.scss */
  .layout__content {
    padding-top: 150px !important; } }
/* 3. Бейдж отзывов на планшете landscape: высота 56px при контенте ~70px
   с overflow:hidden — текст "2 626 отзывов" обрезался. Разрешаем высоту. */
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 1034, theme.scss */
  .header__sw-reviews--mobile,
  .csmart-rating-badge--mobile {
    height: auto !important;
    min-height: 56px;
    overflow: visible !important; }

  /* line 1040, theme.scss */
  .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    margin-bottom: 2px; }

  /* line 1043, theme.scss */
  .csmart-rating-badge--mobile .csmart-rating-badge__info {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap; } }
/* ============================================================
   v6.7.5h5 — итерация 5
   ============================================================ */
/* h5.1 — Поиск на общих страницах: убираем серый фон формы
   (snippet.scss:1388 ставит background: #f4f4f4). Перебиваем
   с высокой специфичностью через html body. */
/* line 1057, theme.scss */
html body .header__search-form,
html body .header__search,
html body .header__search .header__search-form,
html body form.header__search-form {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important; }

/* line 1066, theme.scss */
html body .header__search-form input,
html body .header__search-form .header__search-input {
  background: transparent !important;
  background-color: transparent !important; }

/* h5.2 — Меню (slide-in): скрываем блок телефонов снизу
   .header__other / .other-phones и добавляем отступ снизу
   у списка ссылок чтобы был воздух. */
/* line 1075, theme.scss */
html body .header__other,
html body .header__collections .header__other,
html body .other-phones,
html body .header__collections .other-phones,
html body .header-mobile-menu__phones,
html body .header__collections-phones {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important; }

/* line 1088, theme.scss */
html body .header__collections,
html body .header__collections-list,
html body .header__collections-content {
  padding-bottom: 32px !important; }

/* h5.3 — Sticky на не-product mobile: при скролле появляются
   ОБЕ кнопки (.header-mobile-panel__top-phone и __phone-btn).
   Скрываем top-phone везде кроме product-страниц. */
@media (max-width: 767px) {
  /* line 1098, theme.scss */
  html body:not([data-page-type="product"]) .header-mobile-panel__top-phone,
  html body:not(.page-product) .header-mobile-panel__top-phone,
  html body:not([class*="product-page"]) .header-mobile-panel__top-phone {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important; } }
/* h5.4 — Белые кружочки-индикаторы ::after на кнопках звонка
   в режиме _offhours: глобально убираем псевдоэлемент. */
/* line 1109, theme.scss */
html body .header__sticky-phone._offhours::after,
html body .header-mobile-panel__phone-btn._offhours::after,
html body .header__phone-value._offhours::after,
html body [data-csmart-phone-cta]._offhours::after,
html body .header__sticky-phone::after,
html body .header-mobile-panel__phone-btn::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0 !important; }

/* h5.5 — Бейдж на mobile (общие страницы): растягивается
   вправо (~165px). Ограничиваем ширину и прижимаем к лево. */
@media (max-width: 767px) {
  /* line 1128, theme.scss */
  html body .csmart-rating-badge,
  html body .csmart-rating-badge--mobile,
  html body .header__sw-reviews--mobile {
    max-width: 130px !important;
    flex: 0 0 auto !important;
    width: auto !important; } }
/* h5.6 — Планшет landscape: бейдж всё равно показывает только
   звёзды без текста — увеличиваем высоту, выводим текст в одну
   строку, уменьшаем шрифт чтобы помещалось «2 626 отзывов». */
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 1141, theme.scss */
  html body .csmart-rating-badge--mobile,
  html body .header__sw-reviews--mobile {
    height: auto !important;
    min-height: 48px !important;
    overflow: visible !important;
    padding: 4px 8px !important;
    max-width: 200px !important; }

  /* line 1149, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__info,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__count,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__reviews {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important; }

  /* line 1160, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    display: flex !important;
    margin-bottom: 2px !important; } }
/* h5.7 — ОТМЕНЕНО в h6: padding-top на все .layout__content ломал
   каждый виджет (большие отступы между виджетами). См. h6.7 ниже. */
/* ============================================================
   v6.7.5h6 — итерация 6
   ============================================================ */
/* h6.0 — Отменяем h5.7 padding-top на все .layout__content (виджеты
   разъехались). На планшете fixed-panel перекрывает первый
   виджет — решаем отступом у .page_layout (один раз на страницу). */
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 1177, theme.scss */
  html body .layout__content {
    padding-top: 0 !important; }

  /* line 1180, theme.scss */
  html body .page_layout {
    padding-top: 80px !important; } }
/* h6.1 — Поиск: в h5.1 убрали фон формы, но у INPUT остался border
   1px рядом с лупой (белый/темный квадрат видный на зелёном фоне
   шапки). Убираем все border у input. */
/* line 1188, theme.scss */
html body .header__search-form .header__search-field,
html body .header__search-form input.header__search-field,
html body .header__search-form input,
html body .header__search input {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important; }

/* line 1199, theme.scss */
html body .header__search-form .header__search-btn,
html body .header__search-form button {
  border: 0 !important;
  background: transparent !important; }

/* h6.2 — Mobile 400-500px: увеличиваем логотип, бейдж, звёзды
   и текст «х отзывов». Ориентир юзера — iPhone 12-15 (390-430px). */
@media (min-width: 380px) and (max-width: 540px) {
  /* Логотип — увеличиваем img */
  /* line 1209, theme.scss */
  html body .header-mobile-panel__logo,
  html body .header__logo {
    /* Контейнер жёстко задавал 110px, растягиваем до 140 */
    max-width: 140px !important;
    width: auto !important; }

  /* line 1215, theme.scss */
  html body .header-mobile-panel__logo img,
  html body .header__logo img {
    max-width: 140px !important;
    width: 140px !important;
    height: auto !important; }

  /* Текст «Автомагнитолы» под лого */
  /* line 1222, theme.scss */
  html body .header__logo-sub,
  html body .header-mobile-panel__logo .header__logo-sub,
  html body .header__logo .header__logo-sub,
  html body .header__logo-text {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important; }

  /* Бейдж — переопределяем h5.5 (130px max) на 160px и увеличиваем шрифт */
  /* line 1231, theme.scss */
  html body .csmart-rating-badge,
  html body .csmart-rating-badge--mobile,
  html body .header__sw-reviews--mobile {
    max-width: 160px !important;
    width: auto !important;
    min-height: 56px !important;
    height: auto !important;
    padding: 4px 6px !important; }

  /* line 1240, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    display: flex !important;
    gap: 2px !important; }

  /* line 1244, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__src {
    width: 22px !important;
    height: 22px !important;
    background-size: contain !important; }

  /* line 1249, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    width: auto !important;
    height: auto !important; }

  /* line 1253, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__star {
    width: 13px !important;
    height: 13px !important; }

  /* line 1257, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__stars {
    height: 13px !important;
    width: auto !important; }

  /* line 1261, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__value {
    font-size: 14px !important;
    font-weight: 600 !important;
    width: auto !important; }

  /* line 1266, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__count,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__reviews {
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    width: auto !important; }

  /* line 1273, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__main,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__info {
    width: auto !important;
    height: auto !important; } }
/* h6.3 — Меню последний пункт «Контакты» не влезал в viewport.
   h5.2 padding-bottom: 32px мало при viewport=896px (лист = 896px,
   scrollH = 979px). Добавляем большой запас внизу. */
/* line 1283, theme.scss */
html body .header__collections,
html body .header__collections-list,
html body .header__collections-content {
  padding-bottom: 120px !important; }

/* h6.4 — Sticky на не-product mobile: h5.3 использовал неверный
   селектор [data-page-type]. Правильный — [data-theme-template="product"]. */
@media (max-width: 767px) {
  /* line 1292, theme.scss */
  html body .header-mobile-panel__top-phone {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important; }

  /* На product mobile — ПОКАЗЫВАЕМ кнопку звонка (юзер жаловался) */
  /* line 1298, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-phone {
    display: inline-flex !important;
    visibility: visible !important; } }
/* h6.5 — Product mobile: балансируем кнопки  1-клик / в-корзину.
   Было: oneclick=101px, cart=187px. Требуемый баланс — примерно поровну. */
@media (max-width: 767px) {
  /* line 1307, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__product-actions {
    gap: 6px !important; }

  /* line 1310, theme.scss */
  html body[data-theme-template="product"] .header__sticky-btn--oneclick {
    flex: 1 1 50% !important;
    min-width: 130px !important;
    font-size: 13px !important; }

  /* line 1315, theme.scss */
  html body[data-theme-template="product"] .header__sticky-btn--cart {
    flex: 1 1 50% !important;
    min-width: 130px !important;
    max-width: 160px !important;
    font-size: 13px !important; } }
/* h6.6 — Planshet product (768-1100): кнопка звонка ПОСЛЕ логотипа
   (order: logo → search → phone), увеличить размер. */
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 1326, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important; }

  /* line 1331, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__logo {
    order: 1 !important;
    flex: 0 0 auto !important; }

  /* line 1335, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-badge {
    order: 2 !important; }

  /* line 1338, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-phone {
    order: 3 !important;
    margin-left: auto !important;
    display: inline-flex !important;
    visibility: visible !important;
    width: auto !important;
    min-width: 200px !important;
    height: 44px !important;
    padding: 8px 16px !important;
    font-size: 16px !important;
    align-items: center !important; }

  /* line 1350, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-phone .header__sticky-phone-value {
    font-size: 16px !important;
    font-weight: 600 !important; }

  /* line 1354, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__personal {
    order: 4 !important; } }
/* h6.7 — Резерв для h5.7 выше заменён в h6.0. */
/* h6.8 — RetailCRM чат: увеличиваем launcher и выпадающие
   иконки мессенджеров в ~2 раза. RetailCRM использует префикс .rc-. */
/* line 1363, theme.scss */
html body [class^="rc-launcher"],
html body [class*=" rc-launcher"],
html body .rc-button,
html body .rc-launcher,
html body .rc-launcher-icon {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important; }

/* line 1373, theme.scss */
html body .rc-launcher-icon svg,
html body .rc-launcher svg,
html body [class*="rc-launcher"] svg,
html body [class*="rc-launcher"] img {
  width: 36px !important;
  height: 36px !important; }

/* Каналы/мессенджеры (появляются при клике на launcher) */
/* line 1381, theme.scss */
html body [class*="rc-channel"],
html body [class*="rc-channels"] a,
html body [class*="rc-channels"] button,
html body [class*="rc-channels-popover"] [class*="channel"],
html body [class*="rc-popover"] [class*="channel"] {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  font-size: 14px !important; }

/* line 1392, theme.scss */
html body [class*="rc-channel"] svg,
html body [class*="rc-channel"] img,
html body [class*="rc-channels"] svg,
html body [class*="rc-channels"] img {
  width: 28px !important;
  height: 28px !important; }

/* h6.9 — Убираем нашу кнопку «Наверх» (.btn-on-top) — мобильные
   браузеры (Opera, Huawei, Chrome) показывают свою при scroll up. */
/* line 1402, theme.scss */
html body .btn-on-top,
html body .js-go-top-page,
html body button.btn-on-top {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important; }

/* ============================================================
   v6.7.5h7 — итерация 7
   ============================================================ */
/* h7.1 — Бейдж mobile: h6.2 выстроил своим flex иконки в одну
   строку — это перебил изначальный grid repeat(2, 18px) со слома
   в 2 ряда. Возвращаем grid 2x2. */
@media (min-width: 380px) and (max-width: 540px) {
  /* line 1419, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    display: grid !important;
    grid-template-columns: 22px 22px !important;
    grid-template-rows: 22px 22px !important;
    gap: 2px !important;
    width: auto !important;
    height: auto !important;
    flex-direction: initial !important;
    flex-wrap: initial !important; }

  /* Бейдж — вернуть выравнивание row (sources слева, info справа) */
  /* line 1430, theme.scss */
  html body .csmart-rating-badge--mobile {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important; }

  /* line 1436, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; } }
/* h7.2 — Поиск mobile: юзер хочет серый фон формы (как в
   ранних версиях), но без белого квадрата перед лупой.
   В h5.1 сделали transparent — отменяем, возвращаем #f4f4f4. */
/* line 1446, theme.scss */
html body .header__search-form,
html body .header__search,
html body form.header__search-form {
  background: #f4f4f4 !important;
  background-color: #f4f4f4 !important;
  border-radius: 8px !important;
  border: 0 !important;
  box-shadow: none !important; }

/* line 1455, theme.scss */
html body .header__search-form .header__search-field,
html body .header__search-form input.header__search-field,
html body .header__search-form input,
html body .header__search input {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important; }

/* Кнопка с лупой — без фона/рамки (видимый белый квадрат) */
/* line 1466, theme.scss */
html body .header__search-form .header__search-btn,
html body .header__search-form button,
html body .header__search button.header__search-btn {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important; }

/* line 1474, theme.scss */
html body .header__search-form .header__search-btn .icon,
html body .header__search-btn .icon-search {
  color: #666 !important; }

/* h7.3 — Callback modal на product: .shop-insales-panel с максимальным
   z-index (2147483647) перекрывал наш z=99999. Повышаем до макс-1
   (класс инъектируется из JS, дублируем здесь для надёжности). */
/* line 1482, theme.scss */
html body .csmart-cb-overlay {
  z-index: 2147483646 !important;
  position: fixed !important;
  inset: 0 !important; }

/* line 1487, theme.scss */
html body .csmart-cb-modal {
  z-index: 2147483647 !important;
  position: relative !important; }

/* Скрываем .dummy-add-to-cart-btn-container пока открыт modal */
/* line 1492, theme.scss */
html body.csmart-cb-open .dummy-add-to-cart-btn-container,
html body.csmart-cb-open .shop-insales-panel__mobile-actions,
html body.csmart-cb-open .shop-insales-panel__content {
  display: none !important;
  visibility: hidden !important; }

/* h7.4 — Меню padding-bottom: h6.3 (120px) мало на iPhone 12-15 (390x844)
   — Контакты упираются в home indicator. Увеличиваем до 200px
   плюс safe-area-inset-bottom для iPhone X+. */
/* line 1502, theme.scss */
html body .header__collections,
html body .header__collections-list,
html body .header__collections-content,
html body .header__mobile-menu {
  padding-bottom: calc(200px + env(safe-area-inset-bottom, 0px)) !important; }

/* h7.5 — RetailCRM: реальные классы это .consultant-* и .contact-form__*
   (не .rc-* как было в h6.8). Увеличиваем launcher и контент окна. */
/* Кнопка-launcher (кружок в правом нижнем углу) */
/* line 1512, theme.scss */
html body .consultant-widget-wrap,
html body .consultant-icon,
html body #retailcrm-consultant-app .consultant-icon {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important; }

/* line 1520, theme.scss */
html body .consultant-icon svg,
html body .consultant-icon__img,
html body .consultant-icon__support,
html body .consultant-icon__close,
html body #retailcrm-consultant-app .consultant-icon svg {
  width: 40px !important;
  height: 40px !important; }

/* Окно чата — увеличиваем размеры */
/* line 1530, theme.scss */
html body #retailcrm-consultant-app .window {
  width: 380px !important;
  min-height: 580px !important;
  max-height: 90vh !important; }

/* line 1535, theme.scss */
html body #retailcrm-consultant-app .consultant-header {
  min-height: 80px !important;
  padding: 12px 16px !important; }

/* line 1539, theme.scss */
html body #retailcrm-consultant-app .consultant-header__name {
  font-size: 18px !important;
  font-weight: 600 !important; }

/* line 1543, theme.scss */
html body #retailcrm-consultant-app .consultant-header__close svg {
  width: 28px !important;
  height: 28px !important; }

/* Сообщения */
/* line 1549, theme.scss */
html body #retailcrm-consultant-app .message-text-content,
html body #retailcrm-consultant-app .message__body,
html body #retailcrm-consultant-app .message {
  font-size: 15px !important;
  line-height: 1.5 !important; }

/* Поля формы контакта (Name, Phone, Comment) */
/* line 1557, theme.scss */
html body #retailcrm-consultant-app .contact-form__area,
html body #retailcrm-consultant-app input.contact-form__area,
html body #retailcrm-consultant-app textarea.contact-form__area {
  height: 44px !important;
  font-size: 15px !important;
  padding: 10px 14px !important;
  border-radius: 8px !important; }

/* line 1565, theme.scss */
html body #retailcrm-consultant-app textarea.contact-form__area_txt {
  height: auto !important;
  min-height: 80px !important; }

/* line 1569, theme.scss */
html body #retailcrm-consultant-app .contact-form__row {
  margin-bottom: 12px !important; }

/* Телефон с маской (.tf__*) */
/* line 1574, theme.scss */
html body #retailcrm-consultant-app .tf,
html body #retailcrm-consultant-app .tf__area {
  font-size: 15px !important;
  height: 44px !important; }

/* line 1579, theme.scss */
html body #retailcrm-consultant-app .tf__mask-char,
html body #retailcrm-consultant-app .tf__plus {
  font-size: 15px !important; }

/* line 1583, theme.scss */
html body #retailcrm-consultant-app .tf__code {
  width: 50px !important;
  height: 44px !important; }

/* Кнопка «Send» / «Отправить» */
/* line 1589, theme.scss */
html body #retailcrm-consultant-app .contact-form__btn {
  height: 48px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 0 20px !important;
  border-radius: 8px !important; }

/* line 1596, theme.scss */
html body #retailcrm-consultant-app .contact-form__icon-send {
  width: 22px !important;
  height: 22px !important; }

/* Чекбокс согласия */
/* line 1602, theme.scss */
html body #retailcrm-consultant-app .consent-checkbox,
html body #retailcrm-consultant-app .consent-checkbox__designation {
  font-size: 13px !important;
  line-height: 1.4 !important; }

/* line 1607, theme.scss */
html body #retailcrm-consultant-app .consent-checkbox__input {
  width: 18px !important;
  height: 18px !important; }

/* Меню мессенджеров (Telegram, VK, Max, Чат) — реальная разметка из живого DOM */
/* line 1613, theme.scss */
html body #retailcrm-consultant-app .messengers__wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 12px !important; }

/* line 1619, theme.scss */
html body #retailcrm-consultant-app .messengers__item,
html body #retailcrm-consultant-app a.messengers__item {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; }

/* line 1629, theme.scss */
html body #retailcrm-consultant-app .messengers__image,
html body #retailcrm-consultant-app .messengers__image_telegram,
html body #retailcrm-consultant-app .messengers__image_vk,
html body #retailcrm-consultant-app .messengers__image_max,
html body #retailcrm-consultant-app .messengers__image_consultant {
  width: 32px !important;
  height: 32px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important; }

/* line 1640, theme.scss */
html body #retailcrm-consultant-app .messengers__item svg,
html body #retailcrm-consultant-app .messengers__image_consultant {
  width: 32px !important;
  height: 32px !important; }

/* Footer-логотип RetailCRM */
/* line 1647, theme.scss */
html body #retailcrm-consultant-app .footer__link {
  min-height: 24px !important; }

/* line 1650, theme.scss */
html body #retailcrm-consultant-app .footer__logo {
  height: 16px !important;
  width: auto !important; }

/* Mobile: окно на full-screen */
@media (max-width: 540px) {
  /* line 1657, theme.scss */
  html body #retailcrm-consultant-app .window {
    width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    inset: 0 !important;
    border-radius: 0 !important; } }
/* ============================================================
   v6.7.5h8 — Итерация 8 (preview 11097553 → 8)
   1. Убрать белый квадрат ::before лупы на не-product страницах
   2. Планшет: селекты подбора в inline-block с переносом
   3. RetailCRM: SVG launcher по центру
   4. RetailCRM: messengers__image центровка
   ============================================================ */
/* csmart build 28: h8.1 удалён, лупа нужна везде */
/* h8.2 — Планшет: селекты подбора авто (1, 2, 3) переходят на новую строку
   через inline-block. На 700-1100 .selector-auto-selects был flex-nowrap
   и второй селект уходил за край. */
@media (max-width: 1100px) {
  /* line 1681, theme.scss */
  html body .selector-auto-selects {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important; }

  /* line 1686, theme.scss */
  html body .selector-auto-select,
  html body .selector-auto-select.selector-auto-first,
  html body .selector-auto-select.activex {
    display: inline-block !important;
    width: auto !important;
    min-width: 200px !important;
    flex: 1 1 200px !important;
    max-width: 100% !important; }

  /* line 1695, theme.scss */
  html body .selector-auto-select select,
  html body .selector-auto-select .activex-input,
  html body .selector-auto-select .activex {
    width: 100% !important;
    max-width: 100% !important; } }
/* h8.3 — RetailCRM launcher: SVG чата и крестика смещены в круге.
   Центрируем через flex родителя и сбрасываем absolute позицию SVG. */
/* line 1705, theme.scss */
html body #retailcrm-consultant-app .consultant-icon,
html body #retailcrm-consultant-app .consultant-launcher,
html body #retailcrm-consultant-app .consultant-launcher__icon,
html body #retailcrm-consultant-app [class*="launcher"] [class*="icon"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; }

/* line 1713, theme.scss */
html body #retailcrm-consultant-app .consultant-icon svg,
html body #retailcrm-consultant-app .consultant-launcher svg,
html body #retailcrm-consultant-app .consultant-launcher__icon svg {
  position: static !important;
  margin: 0 auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important; }

/* h8.4 — RetailCRM messengers__image (иконки WhatsApp/Telegram/VK
   в раскрытом меню) — центруем по аналогии. */
/* line 1727, theme.scss */
html body #retailcrm-consultant-app .messengers__image,
html body #retailcrm-consultant-app .messengers__image_consultant,
html body #retailcrm-consultant-app [class*="messengers"] [class*="image"] {
  margin: auto !important;
  display: block !important; }

/* ============================================================
   v6.7.5h9 — Итерация 9 (preview 11097617 → 9)
   1. Серая трубка product → зелёная + работает тап
   2. Мобильный селект подбора авто — убрать height:200px артефакт
   3. Иконка лупы перед "Поиск" на общих страницах
   4. Product: убрать "1 клик"/"в корзину" из шапки, появлять
      на скролле ниже нативных кнопок с анимацией
   5. RetailCRM launcher SVG центровка — усилить селекторы
   ============================================================ */
/* h9.1 — Зелёная трубка callback в шапке product (header-mobile-panel__top-phone)
   Сейчас фон белый, цвет серый #777. Делаем зелёный фон, белая иконка,
   видимая иконка callback (бровка) внутри. */
@media (max-width: 1100px) {
  /* line 1749, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone,
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone._offhours {
    background-color: #50C35A !important;
    border-color: #50C35A !important;
    color: #fff !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; }

  /* line 1762, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon,
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone svg {
    color: #fff !important;
    fill: #fff !important; }

  /* Видимая SVG-иконка callback (трубка со стрелкой возврата) поверх */
  /* line 1768, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z'/><polyline points='17 1 21 5 17 9'/><line x1='21' y1='5' x2='14' y2='5'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    pointer-events: none !important; }

  /* Прячем родную icon-phone — заменили её ::before */
  /* line 1779, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon-phone {
    visibility: hidden !important; } }
/* h9.2 — Мобильный селект подбора авто: блок-родитель имеет
   фиксированный height (тематический CSS), align-items:stretch
   растягивает первый селект на 200px. Сбрасываем. */
@media (max-width: 700px) {
  /* line 1788, theme.scss */
  html body .selector-auto-selects {
    height: auto !important;
    min-height: 0 !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important; }

  /* line 1795, theme.scss */
  html body .selector-auto-select,
  html body .selector-auto-select.selector-auto-first,
  html body .selector-auto-select.activex {
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important; }

  /* line 1805, theme.scss */
  html body .selector-auto-select select,
  html body .selector-auto-select .activex,
  html body .selector-auto-select .activex-input {
    height: 52px !important;
    width: 100% !important;
    max-width: 100% !important; } }
/* h9.3 — Иконка лупы внутри поля поиска ПЕРЕД словом "Поиск"
   Только на не-product страницах в мобильной шапке. */
@media (max-width: 1100px) {
  /* line 1817, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form {
    position: relative !important; }

  /* line 1821, theme.scss */
  html body .header-mobile-panel__bottom .header__search::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    pointer-events: none !important;
    z-index: 2 !important; }

  /* Сдвигаем placeholder и текст input вправо чтобы не накладывался на лупу */
  /* line 1837, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form input,
  html body .header-mobile-panel__bottom .header__search input.header__search-field {
    padding-left: 36px !important; } }
/* h9.4 — Product: убираем "1 клик"/"добавить в корзину" из СЖАТОЙ шапки.
   На скролле, когда юзер проскроллил ниже нативных кнопок-под-ценой
   (.product-buttons или .product__price-and-buttons),
   класс .csmart-show-buy-buttons на body показывает их в шапке с анимацией. */
@media (max-width: 1100px) {
  /* line 1848, theme.scss */
  html body[data-theme-template="product"] .header__sticky-btn,
  html body[data-theme-template="product"] .header__sticky-btn--cart,
  html body[data-theme-template="product"] .header__sticky-btn--oneclick,
  html body[data-theme-template="product"] .header__sticky-buy-buttons,
  html body[data-theme-template="product"] [class*="header__sticky-btn"] {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-12px) !important;
    transition: opacity .28s ease, transform .28s ease, visibility 0s linear .28s !important;
    pointer-events: none !important; }

  /* line 1859, theme.scss */
  html body[data-theme-template="product"].csmart-show-buy-buttons .header__sticky-btn,
  html body[data-theme-template="product"].csmart-show-buy-buttons .header__sticky-btn--cart,
  html body[data-theme-template="product"].csmart-show-buy-buttons .header__sticky-btn--oneclick,
  html body[data-theme-template="product"].csmart-show-buy-buttons .header__sticky-buy-buttons,
  html body[data-theme-template="product"].csmart-show-buy-buttons [class*="header__sticky-btn"] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    transition: opacity .28s ease, transform .28s ease, visibility 0s linear 0s !important;
    pointer-events: auto !important; } }
/* h9.5 — RetailCRM launcher: РЕАЛЬНЫЕ классы из MHTML — 
   .consultant-icon (закрытое состояние / меню), 
   .consultant-icon__close (svg крестика),
   .consultant-icon__img (svg чата),
   .messengers__image (svg иконок мессенджеров).
   Корни проблемы: SVG имеют position:absolute от консультанта, родитель
   не центрирован. Принудительно flex-center + сброс позиции SVG. */
/* line 1879, theme.scss */
html body #retailcrm-consultant-app,
html body #retailcrm-consultant-app * {
  box-sizing: border-box !important; }

/* line 1883, theme.scss */
html body #retailcrm-consultant-app .consultant-icon,
html body .consultant-window .consultant-icon,
html body .retailcrm-consultant-app .consultant-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important; }

/* line 1891, theme.scss */
html body #retailcrm-consultant-app .consultant-icon > svg,
html body #retailcrm-consultant-app .consultant-icon__close,
html body #retailcrm-consultant-app .consultant-icon__img,
html body #retailcrm-consultant-app .consultant-icon__support,
html body .retailcrm-consultant-app .consultant-icon__close,
html body .retailcrm-consultant-app .consultant-icon__img {
  position: static !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: auto !important;
  transform: none !important;
  display: block !important;
  width: 28px !important;
  height: 28px !important; }

/* line 1909, theme.scss */
html body #retailcrm-consultant-app .messengers__image,
html body #retailcrm-consultant-app .messengers__image_consultant,
html body #retailcrm-consultant-app [class*="messengers__image"] {
  margin: auto !important;
  display: block !important;
  position: static !important;
  inset: auto !important; }

/* line 1917, theme.scss */
html body #retailcrm-consultant-app .messengers__item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; }

/* ============================================================
   v6.7.5h10 — Итерация 10 (preview 11097785 → 10)
   КОНЦЕПЦИЯ ИЗМЕНЕНА:
   1. Шапка одинаковая везде — нейтрализуем product-специфичную
   2. Кнопки "1 клик" / "в корзину" → sticky-bar fixed bottom
      на product, после скролла ниже нативных
   3. На desktop/tablet — слева в sticky-bar цена и вариант
   4. RetailCRM: скрыть вторую SVG (support), центрировать chat
   ============================================================ */
/* h10.1 — ШАПКА ЕДИНАЯ ВЕЗДЕ.
   Прячем product-специфичные кнопки в шапке: они уезжают в bottom-bar (см. h10.2).
   product-actions блок (sticky-btn--oneclick / --cart внутри ШАПКИ) — display:none. */
/* line 1937, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__product-actions,
html body[data-theme-template="product"] .header__sticky-btn,
html body[data-theme-template="product"] .header__sticky-btn--oneclick,
html body[data-theme-template="product"] .header__sticky-btn--cart {
  display: none !important; }

/* Нейтрализуем product-уникальный стиль на .header-mobile-panel__top-phone:
   возвращаем его к виду как на остальных страницах. */
/* line 1946, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone._offhours {
  /* сбрасываем зелёный фон и кастомный размер — пусть как у не-product */
  background-color: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important; }

/* убираем h9.1 ::before (зелёный квадрат с трубкой) */
/* line 1958, theme.scss */
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone::before {
  content: none !important;
  display: none !important; }

/* Возвращаем видимость родной .icon-phone */
/* line 1963, theme.scss */
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon-phone,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon {
  visibility: visible !important;
  color: inherit !important;
  fill: currentColor !important; }

/* h14.12.3-H11 — старые product-only правила поиска удалены.
   Применяются общие правила для всех страниц. */
/* h10.2 — Sticky buy-bar внизу экрана на product.
   Контейнер кладёт JS (см. snippet.js h10).
   По умолчанию скрыт; класс .csmart-sbb-show на body показывает с анимацией. */
/* line 1975, theme.scss */
html body[data-theme-template="product"] .csmart-sbb {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 999 !important;
  background: #fff !important;
  border-top: 1px solid #E5E5E5 !important;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08) !important;
  padding: 10px 12px !important;
  align-items: center !important;
  gap: 10px !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  display: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important; }

/* line 1994, theme.scss */
html body[data-theme-template="product"].csmart-sbb-show .csmart-sbb {
  display: flex !important;
  pointer-events: auto !important; }

/* Левая часть: цена и вариант (показываем только на desktop/tablet ≥700px) */
/* line 2000, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__info {
  display: none !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex: 0 1 auto !important;
  min-width: 140px !important;
  max-width: 50% !important;
  overflow: hidden !important; }

/* line 2010, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__price {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #222 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important; }

/* line 2017, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__variant {
  font-size: 12px !important;
  color: #777 !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important; }

@media (min-width: 700px) {
  /* line 2027, theme.scss */
  html body[data-theme-template="product"] .csmart-sbb__info {
    display: flex !important; } }
/* Кнопки внутри */
/* line 2033, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons {
  display: flex !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  justify-content: stretch !important; }

/* line 2040, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__btn {
  flex: 1 1 0 !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  border: none !important;
  text-align: center !important;
  text-decoration: none !important; }

/* line 2056, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__btn--oneclick {
  background: #fff !important;
  color: #50C35A !important;
  border: 2px solid #50C35A !important; }

/* line 2061, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__btn--cart {
  background: #50C35A !important;
  color: #fff !important; }

/* line 2065, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__btn--oneclick:hover,
html body[data-theme-template="product"] .csmart-sbb__btn--oneclick:active {
  background: #f5fbf6 !important; }

/* line 2069, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__btn--cart:hover,
html body[data-theme-template="product"] .csmart-sbb__btn--cart:active {
  background: #3fa549 !important; }

/* h10.4 — RetailCRM launcher.
   Юзер видит ДВЕ иконки в круге: chat (__img) И гарнитуру (__support).
   Это родная картинка в "consultant-icon" — поверх друг друга.
   Скрываем __support, оставляем только __img, центрируем строго. */
/* line 2078, theme.scss */
html body #retailcrm-consultant-app .consultant-icon__support,
html body .consultant-window .consultant-icon__support,
html body .retailcrm-consultant-app .consultant-icon__support {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important; }

/* Усиление центровки оставшихся SVG в launcher */
/* line 2087, theme.scss */
html body #retailcrm-consultant-app .consultant-icon,
html body .consultant-window .consultant-icon,
html body .retailcrm-consultant-app .consultant-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important; }

/* line 2095, theme.scss */
html body #retailcrm-consultant-app .consultant-icon__img,
html body #retailcrm-consultant-app .consultant-icon__close,
html body .consultant-window .consultant-icon__img,
html body .consultant-window .consultant-icon__close {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  width: 28px !important;
  height: 28px !important; }

/* ============================================================
   v6.7.5h11 — Итерация 11 (preview 11097833 → 11)
   1. Шапка product: расширить поле поиска + добавить
      «Заказать звонок» (как на главной)
   2. Скрыть .dummy-add-to-cart-btn-container (родной InSales sticky)
      — у нас свой csmart-sbb
   3. csmart-sbb: z-index выше dummy
   ============================================================ */
/* h14.12.3-H11 — product-only блок h11.1 удалён.
   Поиск на товаре наследует свойства общих правил. */
/* h11.2 — Скрываем родной dummy-add-to-cart-btn-container (фейковая
   sticky-кнопка InSales) — у нас csmart-sbb. */
/* line 2123, theme.scss */
html body[data-theme-template="product"] .dummy-add-to-cart-btn-container,
html body[data-theme-template="product"] .dummy-add-to-cart-btn-container.is-active,
html body[data-theme-template="product"] .dummy-add-to-cart-btn,
html body[data-theme-template="product"] body > .dummy-add-to-cart-btn-container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important; }

/* h11.3 — csmart-sbb z-index выше всего (dummy = 1020, шапка fixed бывает 1000) */
/* line 2134, theme.scss */
html body[data-theme-template="product"] .csmart-sbb {
  z-index: 1100 !important; }

/* ============================================================
   v6.7.5h12 — Итерация 12 (preview 11097849 → 12)
   1. Форма "1 клик" перекрыта фикс-шапкой → padding-top body на product
      или у самой формы (.b-modal__content / feedback-modal)
   2. RetailCRM крестик не по центру → ГИПЕР-специфичность
      (RetailCRM app.css грузится ПОЗЖЕ theme.css и перебивает)
   3-4. Меняем местами кнопки в csmart-sbb + переименовать
   ============================================================ */
/* h12.1 — Форма обратной связи / 1 клик не перекрывается шапкой.
   Когда открывается InSales feedback-modal (form-block / b-feedback)
   на product, верхняя часть уезжает под фикс-шапку. */
/* line 2151, theme.scss */
html body[data-theme-template="product"] .feedback-modal,
html body[data-theme-template="product"] .b-feedback,
html body[data-theme-template="product"] .b-modal,
html body[data-theme-template="product"] .b-modal__content,
html body[data-theme-template="product"] .modal-fader,
html body[data-theme-template="product"] [class*="feedback"][class*="modal"],
html body[data-theme-template="product"] [class*="feedback-modal"] {
  padding-top: 90px !important;
  z-index: 999999 !important;
  /* z-index чтобы поверх фикс-шапки */ }

/* Внутренний контейнер скроллим */
/* line 2163, theme.scss */
html body[data-theme-template="product"] .b-modal__inner,
html body[data-theme-template="product"] .feedback-modal__content,
html body[data-theme-template="product"] .b-feedback__content {
  max-height: calc(100vh - 100px) !important;
  overflow-y: auto !important;
  margin-top: 90px !important;
  z-index: 1000000 !important;
  position: relative !important; }

/* h12.2 — RetailCRM крестик/чат-иконка центровка через гипер-специфичность.
   RetailCRM app.css грузится ПОЗЖЕ theme.css → нужно перебить через
   высокую специфичность. Удваиваем классы и id. */
/* line 2176, theme.scss */
html body #retailcrm-consultant-app#retailcrm-consultant-app .consultant-icon.consultant-icon .consultant-icon__close.consultant-icon__close,
html body #retailcrm-consultant-app#retailcrm-consultant-app .consultant-icon.consultant-icon .consultant-icon__img.consultant-icon__img,
html body .consultant-window.consultant-window .consultant-icon.consultant-icon > svg.consultant-icon__close,
html body .consultant-window.consultant-window .consultant-icon.consultant-icon > svg.consultant-icon__img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: block !important; }

/* Скрытие support через гипер-специфичность */
/* line 2192, theme.scss */
html body #retailcrm-consultant-app#retailcrm-consultant-app .consultant-icon.consultant-icon .consultant-icon__support.consultant-icon__support,
html body .consultant-window.consultant-window .consultant-icon.consultant-icon > svg.consultant-icon__support {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important; }

/* Сам кружок — flex-center */
/* line 2202, theme.scss */
html body #retailcrm-consultant-app#retailcrm-consultant-app .consultant-icon.consultant-icon,
html body .consultant-window.consultant-window .consultant-icon.consultant-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important; }

/* ============================================================
   v6.7.5h13 — Итерация 13 (preview 11097929 → 13)
   1. Удаляем все остатки product-специфичной шапки:
      - .header-mobile-panel__top-phone (серая трубка сверху)
      - .header-mobile-panel__product-actions (скрытый блок)
   2. Форма "1 клик" перекрыта шапкой → отступ сверху
      (h12.1 не сработал — модалка имеет другой класс)
   3-4. JS: кнопка "Добавить в корзину" sticky-bar триггерит нативную
      .add-cart-counter__btn (а не submit формы /cart_items)
   ============================================================ */
/* h13.1 — Полностью удаляем product-специфичные элементы шапки.
   На product НЕ ДОЛЖНО быть .header-mobile-panel__top-phone (серая
   трубка справа сверху) — заменяем на .header-mobile-panel__phone-btn
   в bottom panel. */
/* line 2226, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header-mobile-panel__product-actions,
html body[data-theme-template="product"] .header-mobile-panel__product-phone {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  overflow: hidden !important; }

/* h13.2 — Модалка "Заказ в 1 клик" / fancybox / .insales-modal.
   Билд 61: сдвиг под фикс-шапку только на мобильных; на десктопе это ломало модалку. */
/* line 2241, theme.scss */
.insales-modal,
.fancybox-overlay,
.fancybox-wrap,
.modal,
.modal__content,
.b-modal-feedback,
.modal-overlay {
  z-index: 999999 !important; }

/* line 2250, theme.scss */
.fancybox-wrap .fancybox-skin,
.fancybox-inner,
.modal__content,
.modal__inner,
.b-modal-feedback__content,
.insales-modal__content {
  z-index: 1000000 !important; }

@media (max-width: 1023px) {
  /* line 2259, theme.scss */
  .fancybox-wrap .fancybox-skin,
  .fancybox-inner,
  .modal__content,
  .modal__inner,
  .b-modal-feedback__content,
  .insales-modal__content {
    margin-top: 80px !important;
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    position: relative !important; }

  /* line 2270, theme.scss */
  html body[data-theme-template="product"] .modal-content,
  html body[data-theme-template="product"] [role="dialog"],
  html body[data-theme-template="product"] .feedback-form,
  html body[data-theme-template="product"] form[class*="feedback"] {
    margin-top: 80px !important;
    position: relative !important; } }
/* ============================================================
   v6.7.5h14 — Итерация 14 (preview 11098001 → 14)
   1. Меню «Каталог» (десктоп) открывается за пределами экрана
      из-за position:static после .is-show. Принудительно
      делаем .is-show position:fixed под шапкой.
   2. Sticky-bar мобайл: нативные кнопки «Добавить в корзину»
      и «Купить в 1 клик» переносятся в sticky-bar JS-ом.
      Здесь — стили: убираем h12.3-4 декорацию своих
      .csmart-sbb__btn--cart/oneclick (их больше нет),
      нативная кнопка получает full-width в sticky-bar,
      placeholder под нативной кнопкой держит высоту.
   3. Форма «1 клик» / fancybox / b-popup перекрыта стики
      на ВСЕХ ширинах (mobile/tablet/desktop) — расширяем
      селекторы и нормализуем z-index, отступ и скролл.
   4. Sticky-вид шапки (header_fixed) — единый для tablet
      и desktop. На планшете не сжимать иконки, синхрон с
      десктопом.
   ============================================================ */
/* h14.1 — Меню «Каталог» в положении .is-show: position:fixed
   под фактической шапкой, max-height с внутренним скроллом.
   На мобайле меню всегда работает как drawer — здесь не трогаем. */
@media (min-width: 700px) {
  /* line 2303, theme.scss */
  html body .header__collections {
    /* В is-show — фикс под шапкой. Высоту шапки выставит JS
       через CSS-переменную --csmart-header-bottom. */ }

  /* line 2307, theme.scss */
  html body .header__collections.is-show {
    position: fixed !important;
    top: var(--csmart-header-bottom, 110px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: calc(100vh - var(--csmart-header-bottom, 110px) - 8px) !important;
    overflow-y: auto !important;
    z-index: 1041 !important;
    background: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
    padding-top: 12px !important;
    padding-bottom: 16px !important; } }
/* h14.2 — Sticky-bar нативные кнопки.
   Нативные .add-cart-counter__btn и .button.button_wide перемещаются
   JS-ом в .csmart-sbb__buttons. Им нужен full-width и базовый стиль. */
/* line 2326, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .add-cart-counter,
html body[data-theme-template="product"] .csmart-sbb__buttons .add-cart-counter__btn,
html body[data-theme-template="product"] .csmart-sbb__buttons .button.button_wide {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  padding: 0 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

/* На совсем узких экранах текст «Добавить в корзину» обрезается — даём ему сжиматься */
@media (max-width: 480px) {
  /* line 2344, theme.scss */
  html body[data-theme-template="product"] .csmart-sbb__buttons .add-cart-counter__btn,
  html body[data-theme-template="product"] .csmart-sbb__buttons .button.button_wide {
    font-size: 13px !important;
    padding: 0 8px !important; } }
/* Контейнер счётчика — если кнопка add-cart-counter__btn внутри обёртки */
/* line 2351, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .add-cart-counter {
  display: flex !important;
  align-items: stretch !important; }

/* Placeholder на месте перенесённой нативной кнопки (макет не должен прыгать) */
/* line 2356, theme.scss */
html body[data-theme-template="product"] .csmart-sbb-placeholder {
  display: block !important;
  width: 100% !important;
  pointer-events: none !important; }

/* h14.3 — Модалка «1 клик» / fancybox / b-popup перекрыта стики на всех ширинах.
   Расширенный список селекторов + отступ + z-index. Применяем глобально, не только product. */
/* билд 61: сужаем селекторы и отключаем вынуждённый margin-top/position:relative,
   который ломал десктоп-модалку "Купить в 1 клик". Поднимаем только z-index. */
/* line 2366, theme.scss */
.fancybox-overlay,
.fancybox-wrap,
.fancybox-skin,
.fancybox-inner,
.b-popup,
.b-popup__content,
.b-popup__inner,
.b-modal-feedback,
.b-modal-feedback__content,
.modal,
.modal-dialog,
.modal-content,
.modal__content,
.modal__inner,
.modal-overlay,
.insales-modal,
.insales-modal__content {
  z-index: 999999 !important; }

/* line 2385, theme.scss */
.fancybox-wrap .fancybox-skin,
.fancybox-inner,
.b-popup__content,
.b-popup__inner,
.b-modal-feedback__content,
.modal__content,
.modal__inner,
.modal-content,
.insales-modal__content {
  z-index: 1000000 !important; }

/* На мобильных фикс-шапка перекрывает верх модалки — оставляем сдвиг только там. */
@media (max-width: 1023px) {
  /* line 2398, theme.scss */
  .fancybox-wrap .fancybox-skin,
  .fancybox-inner,
  .b-popup__content,
  .b-popup__inner,
  .b-modal-feedback__content,
  .modal__content,
  .modal__inner,
  .modal-content,
  .insales-modal__content {
    margin-top: 80px !important;
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch !important; } }
/* Капча и кнопка «Отправить» в форме обратной связи: гарантируем что они НЕ
   перекрывают стики-шапку. z-index ниже 1000000 (модалка), но выше нашей шапки 1100. */
/* line 2416, theme.scss */
.smart-captcha,
.SmartCaptcha,
.b-modal-feedback__captcha,
.b-modal-feedback__submit,
.b-popup .smart-captcha,
.b-popup .SmartCaptcha,
.modal .smart-captcha,
.modal .SmartCaptcha {
  position: relative !important;
  z-index: 1000001 !important; }

/* h14.4 — Единый sticky-вид шапки для desktop + tablet.
   На планшете 700-1100 в положении .header_fixed элементы должны
   повторять десктопный sticky: верхняя полоска убирается, иконки
   нормального размера, лого, поиск, контакты, корзина в одну линию. */
@media (min-width: 700px) and (max-width: 1399px) {
  /* line 2433, theme.scss */
  html body .header_fixed .header-part-top,
  html body .layout__header.header_fixed .header-part-top {
    display: none !important; }

  /* line 2437, theme.scss */
  html body .header_fixed .header-part-main,
  html body .layout__header.header_fixed .header-part-main {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important; }

  /* line 2441, theme.scss */
  html body .header_fixed .header-part-main__inner,
  html body .layout__header.header_fixed .header-part-main__inner {
    padding-top: 6px !important;
    padding-bottom: 6px !important; } }
/* ============================================================
   v6.7.5h14.5 — Уточнения к итерации 14
   1. Yandex SmartCaptcha popup перекрывает sticky-шапку — поднять
      его z-index выше нашей шапки (1100), но мы не можем его
      перебить т.к. iframe с капчей рендерится в shadow/popup
      с z-index 2147483647. Решение — ПОНИЗИТЬ z-index sticky-шапки
      когда модалка открыта: задаём body.csmart-modal-open и
      ставим header__fixed z-index ниже капчи.
   2. Поиск в шапке карточки товара (mobile) — белый квадрат
      вместо широкого поля. .header__search получает display:block
      на product (Insales) — надо принудительно flex.
   3. Нативные кнопки в SBB (.add-cart-counter, .button.button_wide):
      даже если они на исходном месте display:none/visibility:hidden
      (предзаказ, dummy) — в SBB должны быть видимыми и кликабельными.
   4. Sticky-вид desktop+tablet (h14.4) — оставляем как есть, спросим
      юзера про точный набор элементов.
   ============================================================ */
/* h14.5.1 — Yandex SmartCaptcha поверх стики-шапки: понижаем шапку при модалке */
/* line 2468, theme.scss */
html body.csmart-modal-open .layout__header,
html body.csmart-modal-open .header.header_fixed,
html body.csmart-modal-open .header_fixed,
html body.csmart-modal-open .layout__header.header_fixed {
  z-index: 50 !important; }

/* На всякий случай — попробуем точечно поднять контейнер капчи */
/* line 2475, theme.scss */
.smart-captcha [class*="popup"],
.smart-captcha + div,
div[class*="captcha"][class*="popup"],
div[id*="captcha"][class*="popup"] {
  z-index: 2147483646 !important; }

/* h14.5.2 → h14.12.3-H11: общие правила поиска без product-фильтра. */
@media (max-width: 699px) {
  /* line 2484, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form {
    display: flex !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    position: relative !important; }

  /* line 2493, theme.scss */
  html body .header-mobile-panel__bottom .header__search input.header__search-field,
  html body .header-mobile-panel__bottom .header__search input[name="q"] {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    height: 40px !important;
    padding: 0 12px 0 36px !important;
    box-sizing: border-box !important;
    background-position: 12px center !important; } }
/* h14.5.3 — Видимость нативных кнопок в sticky-bar.
   .dummy-add-to-cart-btn (visibility:hidden) и .product__preorder-btn
   (display:none на mobile в основной карточке) — после переноса в SBB
   должны быть полностью видимы и кликабельны. */
/* line 2510, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons [data-csmart-relocated],
html body[data-theme-template="product"] .csmart-sbb__buttons [data-csmart-relocated] *,
html body[data-theme-template="product"] .csmart-sbb__buttons .dummy-add-to-cart-btn,
html body[data-theme-template="product"] .csmart-sbb__buttons .product__preorder-btn,
html body[data-theme-template="product"] .csmart-sbb__buttons .product__not-available {
  visibility: visible !important;
  pointer-events: auto !important; }

/* line 2518, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons [data-csmart-relocated="oneclick"],
html body[data-theme-template="product"] .csmart-sbb__buttons [data-csmart-relocated="cart"] {
  display: flex !important; }

/* line 2522, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .dummy-add-to-cart-btn,
html body[data-theme-template="product"] .csmart-sbb__buttons .product__preorder-btn {
  display: block !important; }

/* На предзаказе кнопка зелёная (как есть основной style) — чтобы не сливалась */
/* line 2527, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .product__preorder-btn {
  background: #50C35A !important;
  color: #fff !important;
  border: 0 !important; }

/* h14.5 — отменяем h14.4 чтобы юзер уточнил набор элементов sticky desktop+tablet.
   Возвращаем header_fixed как было до h14.4 — top-bar остаётся видимым. */
@media (min-width: 700px) and (max-width: 1399px) {
  /* line 2536, theme.scss */
  html body .header_fixed .header-part-top,
  html body .layout__header.header_fixed .header-part-top {
    display: block !important; } }
/* ============================================================
   v6.7.5h14.6 — Уточнения
   1. Каталог-меню десктоп — было в одну колонку, стало в 4.
      Принудительно делаем .header__collections-content-top
      grid 1 колонка, аккуратные отступы.
   2. SBB: переносим только .add-cart-counter__btn (саму кнопку),
      без +/- counter-controls.
   3. Капча на десктопе всё ещё поверх — модалка смартрекапчи
      рендерится в своём popup поверх всего, расширяем класс
      csmart-modal-open триггеры.
   4. Sticky desktop+tablet: правильный набор элементов через
      клон во flex-сетке.
   ============================================================ */
/* h14.6.1 — Каталог-меню в одну колонку, красиво */
@media (min-width: 700px) {
  /* line 2559, theme.scss */
  html body .header__collections.is-show .header__collections-content {
    padding: 8px 24px 20px !important; }

  /* line 2562, theme.scss */
  html body .header__collections.is-show .header__collections-content-top,
  html body .header__collections.is-show .header__collections-content-bottom {
    display: block !important;
    grid-template-columns: 1fr !important;
    columns: auto !important; }

  /* line 2568, theme.scss */
  html body .header__collections.is-show .header__collections-content-top {
    border-bottom: 1px solid #eee !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important; }

  /* line 2573, theme.scss */
  html body .header__collections.is-show .header__collections-content-top .header__collections-item,
  html body .header__collections.is-show .header__collections-content-bottom .header__collections-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #f5f5f5 !important; }

  /* line 2581, theme.scss */
  html body .header__collections.is-show .header__collections-content-top .header__collections-item:last-child,
  html body .header__collections.is-show .header__collections-content-bottom .header__collections-item:last-child {
    border-bottom: 0 !important; }

  /* line 2585, theme.scss */
  html body .header__collections.is-show .header__collections-item a,
  html body .header__collections.is-show .header__collections-item-link {
    font-size: 16px !important;
    text-decoration: none !important;
    color: #333 !important;
    display: inline-block !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
    transition: background .15s ease !important; }

  /* line 2595, theme.scss */
  html body .header__collections.is-show .header__collections-item a:hover,
  html body .header__collections.is-show .header__collections-item-link:hover {
    background: #f4f4f4 !important;
    color: #50C35A !important; } }
/* h14.6.2 — В SBB переносим только .add-cart-counter__btn (без +/- блока).
   Стилизуем её на полную ширину flex-cell. */
/* line 2604, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .add-cart-counter__controls {
  display: none !important; }

/* Если каким-то образом перенесён .add-cart-counter контейнер целиком —
   спрячем .add-cart-counter__controls внутри SBB. */
/* line 2609, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .add-cart-counter[data-csmart-relocated] {
  display: flex !important;
  flex: 1 1 0 !important;
  width: auto !important; }

/* line 2614, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .add-cart-counter[data-csmart-relocated] > .add-cart-counter__btn {
  flex: 1 1 auto !important;
  width: 100% !important;
  margin: 0 !important; }

/* h14.6.3 — Капча: дополнительные триггеры csmart-modal-open */
/* (JS h14.6 ниже) */
/* h14.6.4 — Sticky desktop+tablet: правильный набор элементов.
   В .header_fixed клонируем top-bar содержимое в .header-part-main.
   Через flex order расставляем: бургер + лого + бейдж + поиск + 8800 + иконки.
   На ≥1400 иконки большие, как в top-bar. */
@media (min-width: 700px) {
  /* build 41: не скрываем top-bar — она остаётся в потоке (уже ушла за viewport)
     Чтобы не было скачка в момент перехода main в fixed. */
  /* main-inner получает все клон-элементы и нужный порядок */
  /* line 2631, theme.scss */
  html body .layout__header.header_fixed .header-part-main__inner,
  html body .header_fixed .header-part-main__inner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 16px !important; }

  /* Ордер: бургер(каталог)=1, лого=2, бейдж=3, поиск=4 (растягивается),
     контакты=5, иконки контролов=6 */
  /* line 2640, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__area-catalog,
  html body .header_fixed .header-part-main__inner > .csmart-burger-clone {
    order: 1 !important;
    flex: 0 0 auto !important; }

  /* line 2645, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-logo-clone {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important; }

  /* line 2651, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-badge-clone {
    order: 3 !important;
    flex: 0 0 auto !important; }

  /* line 2655, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-search-clone {
    order: 4 !important;
    flex: 1 1 auto !important;
    min-width: 200px !important;
    max-width: 480px !important; }

  /* line 2661, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone {
    order: 5 !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important; }

  /* line 2666, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__area-controls {
    order: 6 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important; }

  /* Скрываем .header__area-menu (в sticky его быть не должно) */
  /* line 2672, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__area-menu {
    display: none !important; }

  /* В обычном (не-sticky) состоянии клоны не показываем */
  /* line 2676, theme.scss */
  html body .header-part-main__inner > .csmart-burger-clone,
  html body .header-part-main__inner > .csmart-logo-clone,
  html body .header-part-main__inner > .csmart-badge-clone,
  html body .header-part-main__inner > .csmart-search-clone,
  html body .header-part-main__inner > .csmart-contacts-clone {
    display: none !important; }

  /* line 2683, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-burger-clone,
  html body .header_fixed .header-part-main__inner > .csmart-logo-clone,
  html body .header_fixed .header-part-main__inner > .csmart-badge-clone,
  html body .header_fixed .header-part-main__inner > .csmart-search-clone,
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone {
    display: flex !important; } }
/* ≥1400: иконки крупные с подписями (как в top-bar) */
@media (min-width: 1400px) {
  /* line 2693, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__area-controls .header__control-btn {
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 12px !important; }

  /* line 2699, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__area-controls .header__control-btn .icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 24px !important; } }
/* tablet 700-1100 — компакт */
@media (min-width: 700px) and (max-width: 1099px) {
  /* line 2707, theme.scss */
  html body .header_fixed .header-part-main__inner {
    gap: 8px !important;
    padding: 6px 12px !important; }

  /* line 2711, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-search-clone {
    max-width: 240px !important; }

  /* line 2714, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone {
    font-size: 13px !important; } }
/* Размер клонов */
/* line 2720, theme.scss */
html body .csmart-logo-clone img,
html body .csmart-logo-clone svg {
  height: 36px !important;
  width: auto !important;
  display: block !important; }

/* line 2726, theme.scss */
html body .csmart-badge-clone {
  width: 200px !important;
  height: 56px !important; }

@media (min-width: 700px) and (max-width: 1099px) {
  /* line 2731, theme.scss */
  html body .csmart-badge-clone {
    width: 160px !important;
    height: 48px !important; }

  /* line 2732, theme.scss */
  html body .csmart-logo-clone img {
    height: 30px !important; } }
/* ============================================================
   v6.7.5h14.7 — Уточнения
   1. Каталог top: 1 колонка с иконками категорий (лейзи).
   2. Каталог bottom: 1 колонка без иконок.
   3. Капча на главной desktop поверх sticky — расширенный
      детектор (JS h14.7.4) + понижение шапки.
   4. Каталог-меню после футера — display:none для всех
      .header__collections без .is-show.
   5. Sticky desktop/tablet: убраны дубль кнопки звонить и
      бейджа — клонируем только зелёную кнопку «позвонить»
      (см. JS h14.7.1) и не клонируем бейдж/контакты если они
      уже есть в основной панели.
   ============================================================ */
/* h14.7.1 — Каталог постоянно отображается после футера: жёсткая защита.
   Если .header__collections без .is-show — display:none.
   Перебиваем все наследованные правила. */
/* line 2752, theme.scss */
html body .header__collections:not(.is-show) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important; }

/* line 2760, theme.scss */
html body .header__collections.is-show {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
  overflow-y: auto !important; }

/* h14.7.2 — Каталог top: 1 колонка с иконкой слева от текста.
   Иконка добавляется JS-ом через .csmart-cat-icon. */
@media (min-width: 700px) {
  /* line 2771, theme.scss */
  html body .header__collections.is-show .header__collections-content-top .header__collections-item a,
  html body .header__collections.is-show .header__collections-content-top .header__collections-item-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 12px !important; }

  /* line 2778, theme.scss */
  html body .header__collections.is-show .header__collections-content-top .csmart-cat-icon {
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f5f5f5 !important;
    border-radius: 6px !important;
    overflow: hidden !important; }

  /* line 2789, theme.scss */
  html body .header__collections.is-show .header__collections-content-top .csmart-cat-icon img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important; }

  /* line 2797, theme.scss */
  html body .header__collections.is-show .header__collections-content-top .csmart-cat-icon--empty {
    background: #f5f5f5 !important; }

  /* Скрываем оригинальные .header__collections-item-image (если они мешают) внутри top */
  /* line 2801, theme.scss */
  html body .header__collections.is-show .header__collections-content-top .header__collections-item-image:not(.csmart-cat-icon) {
    display: none !important; } }
/* h14.7.3 — Каталог bottom: 1 колонка БЕЗ иконок. */
@media (min-width: 700px) {
  /* line 2808, theme.scss */
  html body .header__collections.is-show .header__collections-content-bottom .header__collections-item a,
  html body .header__collections.is-show .header__collections-content-bottom .header__collections-item-link {
    display: block !important;
    padding: 8px 12px !important; }

  /* line 2813, theme.scss */
  html body .header__collections.is-show .header__collections-content-bottom .header__collections-item-image,
  html body .header__collections.is-show .header__collections-content-bottom img,
  html body .header__collections.is-show .header__collections-content-bottom .csmart-cat-icon {
    display: none !important; } }
/* h14.7.4 — Sticky desktop/tablet: clone-кнопка «позвонить» — зелёная,
   правильный размер. Если клон контактов — это только phone-btn, дать стилизацию. */
@media (min-width: 700px) {
  /* line 2823, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #50C35A !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    height: 40px !important;
    white-space: nowrap !important;
    border: none !important;
    cursor: pointer !important; }

  /* line 2839, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone:hover,
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone:active {
    background: #3fa549 !important;
    color: #fff !important; }

  /* line 2844, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone .icon,
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone svg {
    width: 18px !important;
    height: 18px !important;
    margin-right: 6px !important; }

  /* Если внутри клона есть текст — нормальный размер */
  /* line 2851, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone span,
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone .text {
    font-size: 14px !important;
    color: #fff !important;
    line-height: 1 !important; } }
/* h14.7.5 — В .header_fixed скрываем оригинальные top-bar элементы которые
   могли всё-таки попасть в main-inner как «дубли». */
@media (min-width: 700px) {
  /* Если в main-inner затесалась лишняя обёртка контактов (не-clone) и она
     показывается — оставляем только клон. */
  /* line 2864, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__area-contacts:not(.csmart-contacts-clone),
  html body .header_fixed .header-part-main__inner > .header__area-contacts--wrapper:not(.csmart-contacts-clone) {
    /* Оставляем как есть — это родная панель, не клон */ }

  /* Но если есть КЛОН и оригинал одновременно с .header-mobile-panel__phone-btn —
     прячем второй такой элемент (третий+). */ }
/* ============================================================
   v6.7.5h14.8 — Уточнения к 14.7
   1. Каталог 1 колонка — повышаем специфичность, принудительно
      grid 1fr и каждый item grid-column 1/-1 (он сам растягивается).
   2. Иконки каталога top — добавляем плейсхолдер по первой букве
      категории (если в DOM нет картинок).
   3. SBB — удаляем csmart-sbb__btn--cart/oneclick, переносим
      системные .add-cart-counter__btn и .button.button_wide.
   4. Sticky — удаляем все клоны .csmart-*-clone (main-inner уже
      содержит всё необходимое в car-smart.ru разметке).
   5. Капча — понижаем z-index фикс-шапки ВСЕГДА когда на странице
      есть iframe[src*="smartcaptcha"] (body.csmart-has-captcha).
   ============================================================ */
/* h14.8.1 — Каталог 1 колонка: жёсткое правило с максимальной специфичностью.
   Перебиваем все Insales правила (display:grid, grid-template-columns, гриды). */
@media (min-width: 700px) {
  /* line 2890, theme.scss */
  html body .header__collections.is-show .header__collections-content,
  html body .header__collections.is-show .header__collections-content-top,
  html body .header__collections.is-show .header__collections-content-bottom,
  html body div.header__collections.is-show div.header__collections-content,
  html body div.header__collections.is-show div.header__collections-content-top,
  html body div.header__collections.is-show div.header__collections-content-bottom {
    display: block !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    grid-auto-columns: 1fr !important;
    columns: auto !important;
    column-count: 1 !important;
    -webkit-column-count: 1 !important;
    flex-direction: column !important; }

  /* line 2906, theme.scss */
  html body .header__collections.is-show .header__collections-content-top > .header__collections-item,
  html body .header__collections.is-show .header__collections-content-bottom > .header__collections-item,
  html body div.header__collections.is-show .header__collections-content-top > .header__collections-item,
  html body div.header__collections.is-show .header__collections-content-bottom > .header__collections-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    box-sizing: border-box !important;
    break-inside: avoid !important; }

  /* line 2922, theme.scss */
  html body .header__collections.is-show .header__collections-content-top > .header__collections-item:last-child,
  html body .header__collections.is-show .header__collections-content-bottom > .header__collections-item:last-child {
    border-bottom: 0 !important; }

  /* Разделитель между top и bottom */
  /* line 2927, theme.scss */
  html body .header__collections.is-show .header__collections-content-bottom {
    border-top: 1px solid #ddd !important;
    margin-top: 16px !important;
    padding-top: 12px !important; } }
/* h14.8.2 — Иконки каталога top: placeholder с первой буквой (JS добавляет
   .csmart-cat-icon с data-letter). Bottom — без иконок. */
/* line 2936, theme.scss */
html body .csmart-cat-icon {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #50C35A, #3fa549) !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  line-height: 1 !important; }

/* line 2953, theme.scss */
html body .csmart-cat-icon img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important; }

/* line 2961, theme.scss */
html body .csmart-cat-icon::before {
  content: attr(data-letter) !important; }

/* line 2964, theme.scss */
html body .csmart-cat-icon:has(img)::before,
html body .csmart-cat-icon img + ::before {
  content: '' !important;
  display: none !important; }

/* h14.8.3 — SBB убираем csmart-sbb__btn--cart / --oneclick (свои кнопки).
   Юзер сказал «удали те, перенеси системные». Сделаем их display:none —
   а JS перенесёт системные кнопки в .csmart-sbb__buttons. */
/* line 2973, theme.scss */
html body[data-theme-template="product"] .csmart-sbb__buttons .csmart-sbb__btn--cart,
html body[data-theme-template="product"] .csmart-sbb__buttons .csmart-sbb__btn--oneclick {
  display: none !important; }

/* h14.8.4 — Sticky: удаляем clone-стили (мы больше не клонируем).
   На car-smart.ru .header-part-main__inner УЖЕ содержит лого/поиск/
   контакты/иконки. Sticky-режим показывает его как есть. */
/* line 2981, theme.scss */
html body .csmart-logo-clone,
html body .csmart-badge-clone,
html body .csmart-search-clone,
html body .csmart-contacts-clone,
html body [data-csmart-clone] {
  display: none !important; }

/* В sticky-режиме главное правило h14.4 уже скрывает .header-part-top
   и показывает .header-part-main с её родным содержимым. */
/* h14.8.5 — Капча: ВСЕГДА когда на странице есть iframe[src*="smartcaptcha"]
   (или body.csmart-has-captcha по флагу из JS) — понижаем z-index шапки.
   Альтернативно: понижаем z-index фикс-шапки до 50 ВСЕГДА на любой странице
   где есть форма обратной связи (b-modal-feedback / b-popup в DOM). */
/* line 2995, theme.scss */
html body.csmart-has-captcha .layout__header,
html body.csmart-has-captcha .header.header_fixed,
html body.csmart-has-captcha .header_fixed,
html body.csmart-has-captcha .layout__header.header_fixed {
  z-index: 1000000 !important; }

/* line 3001, theme.scss */
html body:has(iframe[src*="smartcaptcha"]) .layout__header,
html body:has(iframe[src*="smartcaptcha"]) .header_fixed,
html body:has(iframe[src*="smartcaptcha"]) .layout__header.header_fixed {
  z-index: 1000000 !important; }

/* И поднимаем сами модалки + капчу выше шапки */
/* line 3007, theme.scss */
html body iframe[src*="smartcaptcha"],
html body iframe[src*="smartcaptcha.yandexcloud.net"] {
  position: relative !important;
  z-index: 100000 !important; }

/* ============================================================
   v6.7.5h14.10 — Замещает h14.9 (сохраняем h14.9.1 иконки)

   1. Иконки каталога — без изменений (h14.9.1 правила оставляем).
   2. Sticky кнопок: фиксируем ТОЛЬКО элементы с
      [data-csmart-sticky-target] (JS помечает реально видимые).
      Это убирает зелёный бар «Нет в наличии» когда товар в наличии.
   3. Клоны (search/contacts/logo/badge) — display:none ВСЕГДА,
      кроме как внутри .header_fixed. Это убирает наложение клонов
      на топ-шапку и дёрганье макета при появлении sticky.
   4. Tablet порядок (700-1199): бургер→лого→бейдж→поиск→контакты→иконки.
   5. Сортировка категорий .filter / .collection-sort: пересчитываем top
      когда есть .header_fixed.
   6. Капча/форма обратной связи z-index: усиление h14.8.5 — добавляем
      body.csmart-popup-open и любой видимый .b-popup-wrapper
      понижают шапку до 50.
   ============================================================ */
/* h14.10.1 — Иконки: правила h14.9.1 (.csmart-cat-icon:has(img))
   уже выше; ничего не меняем здесь. */
/* h14.10.2 — Sticky покупных кнопок: ТОЛЬКО [data-csmart-sticky-target]. */
/* Убираем все правила h14.9.2 которые форсили display:flex для всех
   возможных кнопок: они приклеивали .product__not-available и
   preorder в нижний бар даже когда были скрыты Insales. */
/* SBB остаётся скрытым на product (h14.9.2) */
/* line 3041, theme.scss */
html body[data-theme-template="product"] .csmart-sbb {
  display: none !important; }

/* ОТКАТ h14.9.2 правил с position:fixed на «всём подряд». 
   Перебиваем их display:revert/static; затем точечно фиксируем target. */
/* line 3047, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky form.product[data-product-id]:not(.product-preview) .add-cart-counter:not([data-csmart-sticky-target]),
html body[data-theme-template="product"].csmart-buy-sticky form.product[data-product-id]:not(.product-preview) .product__preorder-btn:not([data-csmart-sticky-target]),
html body[data-theme-template="product"].csmart-buy-sticky form.product[data-product-id]:not(.product-preview) .product__not-available:not([data-csmart-sticky-target]),
html body[data-theme-template="product"].csmart-buy-sticky form.product[data-product-id]:not(.product-preview) .product__buy-one-click .button.button_wide:not([data-csmart-sticky-target]),
html body[data-theme-template="product"].csmart-buy-sticky .dummy-add-to-cart-btn-container .button.button_wide.dummy-add-to-cart-btn:not([data-csmart-sticky-target]) {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: revert !important;
  z-index: auto !important;
  border-radius: revert !important;
  box-shadow: none !important;
  background: revert !important;
  color: revert !important;
  border: revert !important; }

/* Точечный target — sticky к низу */
/* line 3070, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky [data-csmart-sticky-target] {
  position: fixed !important;
  z-index: 1100 !important;
  bottom: 0 !important;
  margin: 0 !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 16px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.18) !important;
  font-weight: 700 !important; }

/* Корзина — слева, зелёная */
/* line 3090, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky [data-csmart-sticky-target="cart"] {
  left: 0 !important;
  right: auto !important;
  width: 50% !important;
  max-width: 50% !important;
  background: #50C35A !important;
  color: #fff !important;
  border: 0 !important; }

/* line 3099, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky [data-csmart-sticky-target="cart"].add-cart-counter .add-cart-counter__btn {
  background: #50C35A !important;
  color: #fff !important;
  border: 0 !important;
  width: 100% !important;
  height: 56px !important;
  font-weight: 700 !important;
  border-radius: 0 !important; }

/* preorder/not-available — full-width, зелёный */
/* line 3109, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky .product__preorder-btn[data-csmart-sticky-target="cart"],
html body[data-theme-template="product"].csmart-buy-sticky .product__not-available[data-csmart-sticky-target="cart"] {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  background: #50C35A !important;
  color: #fff !important; }

/* «1 клик» — справа, белая outline */
/* line 3119, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky [data-csmart-sticky-target="oneclick"] {
  left: auto !important;
  right: 0 !important;
  width: 50% !important;
  max-width: 50% !important;
  background: #fff !important;
  color: #50C35A !important;
  border: 1.5px solid #50C35A !important; }

/* Если есть oneclick но нет cart — full-width */
/* line 3129, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky:not(:has([data-csmart-sticky-target="cart"])) [data-csmart-sticky-target="oneclick"] {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important; }

/* Если есть cart но нет oneclick — full-width */
/* line 3135, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky:not(:has([data-csmart-sticky-target="oneclick"])) [data-csmart-sticky-target="cart"] {
  width: 100% !important;
  max-width: 100% !important;
  right: 0 !important; }

/* Поднимаем body чтобы контент не подпрыгивал */
/* line 3141, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky {
  padding-bottom: 60px !important; }

/* Открыта капча/popup — sticky-кнопки уходят под оверлей */
/* line 3145, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky.csmart-has-captcha [data-csmart-sticky-target],
html body[data-theme-template="product"].csmart-buy-sticky.csmart-popup-open [data-csmart-sticky-target] {
  z-index: 49 !important; }

/* h14.10.3 — Sticky-клоны: видны ТОЛЬКО внутри .header_fixed.
   ОТКАТ h14.9.3 (там клоны были скрыты по умолчанию, но
   правило .header_fixed > .csmart-*-clone их показывало через
   display:flex !important — теперь делаем чище). */
/* line 3154, theme.scss */
html body .csmart-search-clone,
html body .csmart-contacts-clone,
html body .csmart-logo-clone,
html body .csmart-badge-clone {
  display: none !important; }

/* line 3160, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-search-clone,
html body .header_fixed .header-part-main__inner > .csmart-contacts-clone,
html body .header_fixed .header-part-main__inner > .csmart-logo-clone,
html body .header_fixed .header-part-main__inner > .csmart-badge-clone {
  display: flex !important;
  align-items: center !important; }

/* Лого — order 1 */
/* line 3169, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-logo-clone {
  flex: 0 0 auto !important;
  margin-right: 12px !important;
  order: 1 !important; }

/* line 3174, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-logo-clone img,
html body .header_fixed .header-part-main__inner > .csmart-logo-clone svg {
  height: 30px !important;
  width: auto !important;
  display: block !important; }

/* Бейдж — order 2 (после лого) */
/* line 3182, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-badge-clone {
  flex: 0 0 auto !important;
  margin-right: 12px !important;
  order: 2 !important;
  font-size: 12px !important; }

/* Поиск — order 3 */
/* line 3190, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-search-clone {
  flex: 1 1 auto !important;
  min-width: 200px !important;
  max-width: 480px !important;
  margin: 0 12px !important;
  order: 3 !important; }

/* line 3197, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-search-clone input[type="search"],
html body .header_fixed .header-part-main__inner > .csmart-search-clone input[type="text"] {
  height: 36px !important;
  width: 100% !important;
  border-radius: 18px !important;
  border: 1px solid #ddd !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  background: #f7f7f7 !important; }

/* Скрываем дублирующие label/placeholder в клоне */
/* line 3208, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-search-clone label,
html body .header_fixed .header-part-main__inner > .csmart-search-clone .header__search-label,
html body .header_fixed .header-part-main__inner > .csmart-search-clone [class*="search-label"] {
  display: none !important; }

/* Контакты — order 4 */
/* line 3215, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-contacts-clone {
  flex: 0 0 auto !important;
  order: 4 !important;
  font-size: 13px !important;
  line-height: 1.2 !important; }

/* line 3221, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-contacts-clone a[href^="tel:"] {
  font-weight: 700 !important;
  color: #333 !important;
  text-decoration: none !important;
  font-size: 14px !important; }

/* line 3227, theme.scss */
html body .header_fixed .header-part-main__inner > .csmart-contacts-clone .header__schedule,
html body .header_fixed .header-part-main__inner > .csmart-contacts-clone [class*="schedule"] {
  font-size: 11px !important;
  color: #666 !important; }

/* Скрываем лого-клон на ширинах <1200px */
@media (max-width: 1199px) {
  /* line 3235, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-logo-clone {
    display: none !important; } }
/* Tablet (700-1199): порядок и компактность */
@media (min-width: 700px) and (max-width: 1199px) {
  /* line 3242, theme.scss */
  html body .header_fixed .header-part-main__inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important; }

  /* Бургер «Каталог» — order 0 */
  /* line 3249, theme.scss */
  html body .header_fixed .header-part-main__inner .header__area-catalog,
  html body .header_fixed .header-part-main__inner .js-show-header-collections {
    order: 0 !important;
    flex: 0 0 auto !important; }

  /* Бейдж в tablet поднимаем на order 2 (после потенциального лого) */
  /* line 3255, theme.scss */
  html body .header_fixed .header-part-main__inner [class*="rating-badge"],
  html body .header_fixed .header-part-main__inner > .csmart-badge-clone {
    order: 2 !important;
    flex: 0 0 auto !important; }

  /* Иконки справа — order 6 */
  /* line 3261, theme.scss */
  html body .header_fixed .header-part-main__inner .header__icons,
  html body .header_fixed .header-part-main__inner [class*="cart-icon"],
  html body .header_fixed .header-part-main__inner [class*="user-icon"],
  html body .header_fixed .header-part-main__inner [class*="favorite"] {
    order: 6 !important;
    flex: 0 0 auto !important; }

  /* Контакты-клон в tablet — без расписания */
  /* line 3269, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone .header__schedule,
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone [class*="schedule"] {
    display: none !important; }

  /* line 3273, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-search-clone {
    min-width: 120px !important;
    max-width: 280px !important;
    margin: 0 8px !important; } }
/* h14.10.5 — Сортировка и фильтры категории.
   .filter и .collection-sort на категорийных страницах часто имеют
   position: sticky; top: 0. Когда наша sticky-шапка появляется,
   они наезжают сверху. Отодвинем top на 60px (примерная высота шапки)
   когда есть .header_fixed. */
/* line 3285, theme.scss */
html body .header_fixed ~ .layout .filter,
html body .header_fixed ~ .layout .filter-fixed,
html body .header_fixed ~ * .filter,
html body.csmart-fixed-active .filter,
html body .filter {
  /* безусловно отступ для sticky фильтра, чтобы шапка не наезжала */ }

/* Точечно: повышаем top у sticky-фильтра ТОЛЬКО если он реально sticky */
@media (min-width: 700px) {
  /* line 3294, theme.scss */
  html body .filter {
    top: 70px !important; }

  /* line 3297, theme.scss */
  html body .collection-sort,
  html body .collection-order {
    z-index: 5 !important; } }
/* Если шапка скрыта (нет .header_fixed) — top вернём в 0 через body
   класс .csmart-fixed-active, который добавлен JS-ом. Пока что 70px
   как безопасный отступ всегда. */
/* build 50 — стили для нового HTML блоков «АКЦИЯ» и «Доп. способы» на
   странице товара (виджет simple_text_2 a3658275). Маркетологи вставят
   в админке div+flex вместо <table>. */
/* line 3309, theme.scss */
.csmart-promo-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  align-items: flex-start; }

/* line 3316, theme.scss */
.csmart-promo-col {
  flex: 0 1 460px;
  max-width: 460px;
  min-width: 280px; }

/* line 3321, theme.scss */
.csmart-promo-col__title {
  text-align: center;
  font-weight: 700;
  margin: 0 0 12px; }

/* line 3326, theme.scss */
.csmart-promo-list {
  display: flex;
  flex-direction: column;
  gap: 12px; }

/* line 3331, theme.scss */
.csmart-promo-item {
  display: flex;
  align-items: center;
  gap: 14px; }

/* line 3336, theme.scss */
.csmart-promo-item__icon {
  flex: 0 0 60px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 3342, theme.scss */
.csmart-promo-item__icon img {
  display: block;
  max-width: 60px;
  height: auto; }

/* line 3347, theme.scss */
.csmart-promo-item__text {
  flex: 1 1 auto;
  line-height: 1.4; }

/* line 3351, theme.scss */
.csmart-promo-item__text p {
  margin: 0; }

/* build 49 — новая страница контактов от маркетологов: двухколоночный
   grid + структурированный список контактов вместо <table>.
   Стили взяты 1-в-1 из рабочего MHTML старого шаблона
   (custom-grid-column, contact_items, contact_item, contact_item-link). */
/* line 3359, theme.scss */
html body .custom-grid-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; }

/* line 3364, theme.scss */
html body .contact_items {
  padding: 0;
  list-style: none;
  margin: 0; }

/* line 3369, theme.scss */
html body .contact_item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top: 1px solid #d9d9d9;
  padding: 10px 0; }

/* line 3376, theme.scss */
html body .contact_item:last-of-type {
  border-bottom: 1px solid #d9d9d9; }

/* line 3379, theme.scss */
html body .contact_item-link {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px; }

/* line 3385, theme.scss */
html body .contact_item-link a {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  text-decoration: underline;
  color: #47b060; }

/* На узком экране две колонки сливаются в одну. */
@media (max-width: 768px) {
  /* line 3394, theme.scss */
  html body .custom-grid-column {
    grid-template-columns: 1fr; } }
/* build 47 — обёртки таблиц .table-wrapper на страницах (page.content,
   collection.description, product.description, article.content) получали
   overflow-y и лишнюю вертикальную полосу прокрутки.
   Горизонтальную оставляем (узкие экраны),
   вертикаль убираем, height в auto. */
/* line 3404, theme.scss */
html body .table-wrapper {
  overflow-y: visible !important;
  height: auto !important;
  max-height: none !important; }

/* build 46 — sticky-сайдбар категории <section data-sidebar> прилипает
   к top:10px и в этот момент перекрывается нашей sticky-шапкой, что
   юзер видит как "скачок и сдвиг вниз" блока сортировки/фильтров.
   Двигаем sticky-якорь sidebar под нашу шапку (≈80px) только на
   десктопе (≥1200px), где наша sticky-шапка фактически активна. */
@media (min-width: 1200px) {
  /* line 3416, theme.scss */
  html body section[data-sidebar] {
    top: 80px !important; } }
/* h14.10.6 — Капча/форма: усиление h14.8.5 — добавляем
   body.csmart-popup-open. Также для product/catalog. */
/* line 3423, theme.scss */
html body.csmart-popup-open .layout__header,
html body.csmart-popup-open .header.header_fixed,
html body.csmart-popup-open .header_fixed,
html body.csmart-has-captcha .layout__header,
html body.csmart-has-captcha .header.header_fixed,
html body.csmart-has-captcha .header_fixed {
  z-index: 50 !important; }

/* Поднимаем модалку и капчу выше */
/* line 3432, theme.scss */
html body .b-popup--show,
html body .b-popup-wrapper:not([hidden]),
html body .b-modal-feedback.b-popup--show {
  z-index: 100000 !important; }

/* line 3437, theme.scss */
html body iframe[src*="smartcaptcha"],
html body iframe[src*="smartcaptcha.yandexcloud.net"] {
  position: relative !important;
  z-index: 100001 !important; }

/* h14.12.3-H11 — было понижение z-index шапки до 50 для product/catalog/collection.
   Убрали: шапка везде одинаковая, понижение работает только
   через .csmart-popup-open. */
/* ============================================================
   v6.7.5h14.11A — Только иконки каталога 40×40 + margin-right.
   ============================================================ */
/* line 3450, theme.scss */
html body .csmart-cat-icon {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  margin-right: 12px !important;
  font-size: 16px !important;
  border-radius: 10px !important; }

/* line 3458, theme.scss */
html body .header__collections.is-show .header__collections-content-top .csmart-cat-icon,
html body .header__collections.is-show .header__collections-content-bottom .csmart-cat-icon {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  margin-right: 12px !important; }

/* line 3465, theme.scss */
html body .header__collections-item-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important; }

/* ============================================================
   v6.7.5 h14.10C — z-index Layer Fix для callback / captcha
   Insales `.header_fixed` имеет z-index:1000000.
   Все модалки (наш callback + b-popup от Insales + smartcaptcha)
   должны быть выше шапки чтобы не было наложения капчи на главной.
   ============================================================ */
/* line 3477, theme.scss */
html body .b-popup-wrapper:not([hidden]),
html body .b-popup--show,
html body .b-popup.b-popup--show,
html body .b-modal-feedback.b-popup--show {
  z-index: 2000000; }

/* line 3483, theme.scss */
html body iframe[src*="smartcaptcha"],
html body iframe[src*="captcha"] {
  z-index: 2000001; }

/* line 3487, theme.scss */
html body.csmart-popup-open .header_fixed,
html body.csmart-popup-open .layout__header.header_fixed,
html body.csmart-popup-open .header.header_fixed {
  z-index: 50; }

/* ============================================================
   v6.7.5 h14.10D — full-width sticky кнопки если только одна.
   body.csmart-buy-only-cart       — корзина растягивается на 100%
   body.csmart-buy-only-oneclick   — кнопка купить-в-1-клик на 100%
   Без :has() — body-флаги от JS h14.10D applyStickyState.
   ============================================================ */
/* line 3499, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky.csmart-buy-only-cart [data-csmart-sticky-target="cart"] {
  width: 100%;
  flex: 1 1 100%;
  max-width: none; }

/* line 3504, theme.scss */
html body[data-theme-template="product"].csmart-buy-sticky.csmart-buy-only-oneclick [data-csmart-sticky-target="oneclick"] {
  width: 100%;
  flex: 1 1 100%;
  max-width: none; }

/* line 3510, theme.scss */
html body:not(.csmart-popup-open) .smart-captcha,
html body:not(.csmart-popup-open) .preorder__recaptcha,
html body:not(.csmart-popup-open) [data-yandex-captcha-type],
html body:not(.csmart-popup-open) .SmartCaptcha,
html body:not(.csmart-popup-open) .feedback,
html body:not(.csmart-popup-open) .feedback__form,
html body:not(.csmart-popup-open) .feedback__fields {
  z-index: 1 !important;
  position: relative !important; }

/* ============================================================
   h14.12.3-H11 — ОБЩИЕ правила поиска в мобильной/планшетной шапке.
   Применяются для всех страниц (без data-theme-template="product").
   ============================================================ */
/* line 3525, theme.scss */
html body .header-mobile-panel__bottom .header__search,
html body .header-mobile-panel__bottom .header__search-form {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  display: flex !important;
  align-items: stretch !important;
  position: relative !important; }

/* line 3535, theme.scss */
html body .header-mobile-panel__bottom .header__search input[name="q"],
html body .header-mobile-panel__bottom .header__search input.header__search-field,
html body .header-mobile-panel__bottom .header__search input {
  width: 100% !important;
  height: 40px !important;
  min-width: 0 !important;
  padding: 0 12px 0 36px !important;
  border: 1px solid var(--bg-major-shade) !important;
  background: #fff !important;
  background-position: 12px center !important;
  color: #333 !important;
  font-size: 14px !important;
  text-indent: 0 !important;
  position: relative !important;
  box-sizing: border-box !important; }

/* line 3551, theme.scss */
html body .header-mobile-panel__bottom .header__search input::placeholder,
html body .header-mobile-panel__bottom .header__search input::-webkit-input-placeholder {
  color: #999 !important;
  opacity: 1 !important;
  font-size: 14px !important; }

/* line 3557, theme.scss */
html body .header-mobile-panel__bottom .header__search-form button[type="submit"] {
  display: inline-flex !important; }

/* csmart build 28: убил убийц лупы — лупа должна быть видна */
/* ============================================================
   h14.12.3-H11 — Планшет 700-1100: фантомные wishlist/compare
   иконки от injectExtraIcons() скрываются. Бургер каталога
   слева показывается.
   ============================================================ */
/* line 3567, theme.scss */
html body .header-mobile-panel__icons-extra,
html body .header-mobile-panel__icons-extra a,
html body .header-mobile-panel__icons-extra .header-mobile-panel__personal-link {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important; }

@media (min-width: 700px) and (max-width: 1100px) {
  /* line 3579, theme.scss */
  html body .header-mobile-panel__top .header-mobile-panel__show-menu-btn,
  html body .header-mobile-panel__top .js-show-header-collectio,
  html body .header-mobile-panel__top .js-show-header-collections {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 40px !important;
    height: 40px !important;
    margin-right: 8px !important;
    order: -1 !important; }

  /* line 3591, theme.scss */
  html body .header-mobile-panel__top {
    align-items: center !important;
    gap: 8px !important; } }
/* ============================================================
   h14.12.3-H11 — csmart-sbb без анимации прозрачности.
   Отключаем все transition/transform/opacity трансформации
   чтобы скрытие/показ были мгновенными.
   ============================================================ */
/* line 3602, theme.scss */
html body .csmart-sbb,
html body[data-theme-template="product"] .csmart-sbb {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important; }

/* line 3609, theme.scss */
html body.csmart-sbb-show .csmart-sbb,
html body[data-theme-template="product"].csmart-sbb-show .csmart-sbb {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  opacity: 1 !important; }

/* ============================================================
   h14.12.3-H12 — Меню каталога на планшете/мобильном.
   Переопределение z-index/position с увеличенной специфичностью,
   чтобы перебить InSales дефолты (1041).
   ============================================================ */
@media (max-width: 1100px) {
  /* line 3623, theme.scss */
  html body .header__collections,
  html body.is-show-collections .header__collections,
  html body .header__collections.is-show {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 2000050 !important; }

  /* line 3632, theme.scss */
  html body .header__collections-overlay,
  html body.is-show-collections .header__collections-overlay,
  html body .header__collections-overlay.is-show {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2000040 !important; }

  /* Контент меню получает свой стекинг-контекст выше оверлея */
  /* line 3643, theme.scss */
  html body .header__collections .header__collections-content,
  html body .header__collections.is-show .header__collections-content {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important; }

  /* line 3649, theme.scss */
  html body .header__collections .header__collections-item,
  html body .header__collections .header__collections-item-link,
  html body .header__collections.is-show .header__collections-item,
  html body .header__collections.is-show .header__collections-item-link {
    pointer-events: auto !important; } }
/* ============================================================
   h14.12.3-H12 — Десктоп топ-шапка:
   поменять местами бейдж отзывов и поиск (через flex order).
   На десктопе теперь: лого → бейдж → поиск → контакты.
   ============================================================ */
@media (min-width: 1101px) {
  /* line 3663, theme.scss */
  html body .header-part-top__inner {
    display: flex !important;
    align-items: center !important; }

  /* line 3667, theme.scss */
  html body .header-part-top__inner > .header__area-logo {
    order: 1 !important; }

  /* line 3670, theme.scss */
  html body .header-part-top__inner > .header__area-logo--text {
    order: 2 !important; }

  /* line 3673, theme.scss */
  html body .header-part-top__inner > .csmart-rating-badge,
  html body .header-part-top__inner > .csmart-rating-badge--desktop,
  html body .header-part-top__inner > .header__sw-reviews {
    order: 3 !important; }

  /* line 3678, theme.scss */
  html body .header-part-top__inner > .header__area-search {
    order: 4 !important; }

  /* line 3681, theme.scss */
  html body .header-part-top__inner > .header__area-contacts--wrapper,
  html body .header-part-top__inner > .header__area-contacts {
    order: 5 !important; } }
/* ============================================================
   h14.12.3-H12 — Скрываем второй телефон +7 928 в шапке.
   Остаётся только 8-800. В футере не трогаем.
   ============================================================ */
/* line 3691, theme.scss */
html body .header__phone._phone-2,
html body .header-part-top .header__phone._phone-2,
html body .header-part-main .header__phone._phone-2,
html body .csmart-contacts-clone .header__phone._phone-2 {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important; }

/* ============================================================
   h14.12.3-H12 — Sticky шапка 1380:
   - поиск без овальных скруглений (прямоугольный 8px)
   - бейдж отзывов из .header__area-controls в .header-part-main__inner
     после лого (визуальный стиль как desktop top)
   - корзина выделена: отступ слева + больше размер
   ============================================================ */
@media (min-width: 1101px) {
  /* Поиск-клон в sticky: убираем овальные скругления */
  /* line 3713, theme.scss */
  html body .header_fixed .csmart-search-clone,
  html body .header_fixed .header__search,
  html body .header_fixed .header__search-form,
  html body .header_fixed.header-part-main .header__search,
  html body .header_fixed.header-part-main .header__search-form {
    border-radius: 8px !important; }

  /* line 3720, theme.scss */
  html body .header_fixed .header__search input,
  html body .header_fixed .header__search input[name="q"],
  html body .header_fixed .header__search-form input,
  html body .header_fixed .csmart-search-clone input {
    border-radius: 8px !important;
    border: 1px solid #C8C8C8 !important;
    background: #fff !important;
    padding: 0 12px 0 40px !important; }

  /* Скрыть sticky-badge в .header__area-controls
     (он теперь в .header-part-main__inner через клон) */
  /* line 3731, theme.scss */
  html body .header_fixed .header__area-controls .csmart-rating-badge--sticky,
  html body .header_fixed .header__area-controls .header__sw-reviews--sticky {
    display: none !important; }

  /* Клон-бейдж в sticky-шапке: визуальный стиль десктоп топ */
  /* line 3736, theme.scss */
  html body .header_fixed .csmart-badge-clone {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 8px !important;
    height: auto !important;
    min-height: 48px !important;
    flex: 0 0 auto !important; }

  /* Корзина выделена от остальных иконок */
  /* line 3745, theme.scss */
  html body .header_fixed .header__area-controls .header__cart,
  html body .header_fixed .header__area-controls .header__control-btn.header__cart {
    margin-left: 16px !important;
    width: 56px !important;
    height: 48px !important;
    min-width: 56px !important;
    font-size: 22px !important;
    border-radius: 12px !important;
    background: var(--bg-major, #50C35A) !important;
    color: #fff !important; }

  /* line 3756, theme.scss */
  html body .header_fixed .header__area-controls .header__cart .icon,
  html body .header_fixed .header__area-controls .header__cart svg {
    width: 26px !important;
    height: 26px !important; }

  /* line 3761, theme.scss */
  html body .header_fixed .header__area-controls .header__cart .header__cart-count {
    width: 22px !important;
    height: 22px !important;
    font-size: 12px !important; }

  /* Группа 3 иконок (кабинет, сравнение, избранное) — свои отступы */
  /* line 3767, theme.scss */
  html body .header_fixed .header__area-controls {
    align-items: center !important;
    gap: 4px !important; }

  /* line 3771, theme.scss */
  html body .header_fixed .header__area-controls .header__cabinet,
  html body .header_fixed .header__area-controls .header__compare,
  html body .header_fixed .header__area-controls .header__favorite {
    margin-left: 0 !important; } }
/* ============================================================
   h14.12.3-H12 — Планшет 700-1100: бейдж отзывов
   выравниваем по единому стилю с мобильным (источники
   в ряд, 4.9 + «2 626 отзывов»), только масштаб больше.
   ============================================================ */
@media (min-width: 700px) and (max-width: 1100px) {
  /* line 3784, theme.scss */
  html body .header-mobile-panel__top-badge {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 200px !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important; }

  /* line 3793, theme.scss */
  html body .header-mobile-panel__top-badge .csmart-rating-badge,
  html body .csmart-rating-badge--mobile,
  html body .header__sw-reviews--mobile {
    height: auto !important;
    min-height: 52px !important;
    max-width: 200px !important;
    width: auto !important;
    padding: 4px 8px !important;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important; }

  /* line 3806, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    display: flex !important;
    flex-direction: row !important;
    gap: 3px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important; }

  /* line 3814, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__src {
    width: 16px !important;
    height: 16px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important; }

  /* line 3821, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: auto !important;
    height: auto !important; }

  /* line 3829, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__main {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
    height: auto !important; }

  /* line 3837, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__value {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #1a1a1a !important;
    width: auto !important; }

  /* line 3844, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__stars {
    display: inline-flex !important;
    gap: 1px !important;
    width: auto !important;
    height: 12px !important; }

  /* line 3850, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__star {
    width: 12px !important;
    height: 12px !important; }

  /* line 3854, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__count,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__reviews {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    color: #666 !important;
    white-space: nowrap !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important; } }
/* ============================================================
   h14.12.3-H13 — Исправления после H12.
   ============================================================ */
/* H13.1 — Скрыть слеш-разделитель «/» после телефона в топ-шапке.
   liquid рендерит <span>/</span> рядом с .header__phone._phone-2.
   Сам _phone-2 уже скрыт в H12, остаётся только слеш. */
/* line 3875, theme.scss */
html body .header__area-contacts > span,
html body .header-part-top__inner .header__area-contacts > span {
  display: none !important; }

/* H13.2 — Топ-шапка десктоп: выравнивание иконки телефона
   и блока контактов. Иконка трубки и сам номер должны попадать
   в визуальную границу блока ниже (где «Заказать звонок»). */
@media (min-width: 1101px) {
  /* line 3884, theme.scss */
  html body .header-part-top .header__area-contacts {
    display: flex !important;
    align-items: center !important; }

  /* line 3888, theme.scss */
  html body .header-part-top .header__area-contacts .header__phone {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* line 3894, theme.scss */
  html body .header-part-top .header__area-contacts .header__phone-value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important; }

  /* line 3900, theme.scss */
  html body .header-part-top .header__area-contacts .header__phone-value .icon-phone {
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: translateY(0) !important; }

  /* line 3905, theme.scss */
  html body .header-part-top .header__area-contacts--wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; } }
/* H13.3 — Топ-шапка десктоп: увеличить шрифт значения 4.9
   и звёзды в бейдже отзывов, чтобы заполнили высоту блока. */
@media (min-width: 1101px) {
  /* line 3915, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge,
  html body .header-part-top__inner .csmart-rating-badge--desktop {
    min-height: 56px !important;
    padding: 6px 12px !important; }

  /* line 3920, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge--desktop .csmart-rating-badge__value,
  html body .header-part-top__inner .csmart-rating-badge .csmart-rating-badge__value {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important; }

  /* line 3926, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge--desktop .csmart-rating-badge__stars,
  html body .header-part-top__inner .csmart-rating-badge .csmart-rating-badge__stars {
    height: 18px !important;
    gap: 2px !important; }

  /* line 3931, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge--desktop .csmart-rating-badge__star,
  html body .header-part-top__inner .csmart-rating-badge .csmart-rating-badge__star {
    width: 18px !important;
    height: 18px !important; }

  /* line 3936, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge--desktop .csmart-rating-badge__count,
  html body .header-part-top__inner .csmart-rating-badge--desktop .csmart-rating-badge__reviews {
    font-size: 13px !important;
    line-height: 1.2 !important; }

  /* line 3941, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge--desktop .csmart-rating-badge__src {
    width: 20px !important;
    height: 20px !important; }

  /* Тот же шрифт в sticky-клоне */
  /* line 3946, theme.scss */
  html body .header_fixed .csmart-badge-clone .csmart-rating-badge__value {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important; }

  /* line 3951, theme.scss */
  html body .header_fixed .csmart-badge-clone .csmart-rating-badge__star {
    width: 16px !important;
    height: 16px !important; }

  /* line 3955, theme.scss */
  html body .header_fixed .csmart-badge-clone .csmart-rating-badge__stars {
    height: 16px !important; } }
/* H13.4 — build 41: было display:none, переломало макет (контент уезжал вверх).
   Отключаем скрытие — .header-part-top остаётся в потоке, она всё равно уже
   ушла за viewport при скролле — белой полосы не будет. */
/* H13.5 — Мобильный (≤767): убираем любые min-height,
   которые мог наставить стабилизатор. На случай старой подгрузки. */
@media (max-width: 767px) {
  /* line 3967, theme.scss */
  html body .header__content[data-csmart-stable],
  html body .header__content {
    min-height: 0 !important; } }
/* H13.6 — sbb без CSS-transition, чтобы не было «мелькания»
   при переключении display между показом и скрытием. */
/* line 3975, theme.scss */
html body[data-theme-template="product"] .csmart-sbb {
  transition: none !important; }

/* line 3978, theme.scss */
html body[data-theme-template="product"].csmart-sbb-show .csmart-sbb {
  transition: none !important; }

/* ============================================================
   h14.12.3-H13 — Sticky 1380 порядок и видимость иконок справа.
   В sticky-шапке должны остаться: Каталог | лого | бейдж | поиск
   | контакты | профиль | сравнение | избранное | корзина.
   Чиним flex-структуру .header-part-main__inner чтобы все
   .header__area-controls были видны.
   ============================================================ */
@media (min-width: 1101px) {
  /* Главный inner — горизонтальный flex со сжатием поиска */
  /* line 3991, theme.scss */
  html body .header_fixed .header-part-main__inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important; }

  /* line 3998, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__catalog,
  html body .header_fixed .header-part-main__inner > .header__menu-burger,
  html body .header_fixed .header-part-main__inner > .csmart-logo-clone {
    flex: 0 0 auto !important; }

  /* line 4003, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-badge-clone {
    flex: 0 0 auto !important; }

  /* line 4006, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-search-clone,
  html body .header_fixed .header-part-main__inner > .header__search {
    flex: 1 1 auto !important;
    min-width: 200px !important;
    max-width: 100% !important; }

  /* line 4012, theme.scss */
  html body .header_fixed .header-part-main__inner > .csmart-contacts-clone {
    flex: 0 0 auto !important; }

  /* line 4015, theme.scss */
  html body .header_fixed .header-part-main__inner > .header__area-controls {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: auto !important; }

  /* Иконки профиль/сравнение/избранное точно видны */
  /* line 4023, theme.scss */
  html body .header_fixed .header__area-controls .header__cabinet,
  html body .header_fixed .header__area-controls .header__compare,
  html body .header_fixed .header__area-controls .header__favorite {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 36px !important;
    height: 36px !important; }

  /* Убрать «дубль» иконки поиска под полем — это плавающая иконка,
     возможно от submit-кнопки клона. Скрываем visible submit-button
     если он рендерится поверх формы. */
  /* line 4035, theme.scss */
  html body .header_fixed .csmart-search-clone .header__search-form-submit-button:not(button),
  html body .header_fixed .csmart-search-clone .icon-search:not(.header__search-form-submit-button .icon-search) {
    display: none !important; }

  /* Контакты в sticky: только телефон в одну строку, без «Заказать звонок» */
  /* line 4040, theme.scss */
  html body .header_fixed .csmart-contacts-clone .header__area-contacts--bottom,
  html body .header_fixed .csmart-contacts-clone .header-phone-text,
  html body .header_fixed .csmart-contacts-clone .header-phone-block-soc {
    display: none !important; }

  /* line 4045, theme.scss */
  html body .header_fixed .csmart-contacts-clone .header__area-contacts {
    display: inline-flex !important;
    align-items: center !important; } }
/* ============================================================
   BUILD 21 — отключено правило H13 которое прятало кнопку телефона
   в нижней строке. Сейчас кнопка нужна как «единая шапка как на товаре».
   ============================================================ */
@media (max-width: 1100px) {
  /* H13 display:none для phone-btn — УДАЛЕНО в билде 21 */
  /* Поиск растягивается на доступную ширину между бургером и краем */
  /* line 4058, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form,
  html body .header-mobile-panel__bottom > .header__search,
  html body .header-mobile-panel__bottom .b-search-form {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important; }

  /* line 4066, theme.scss */
  html body .header-mobile-panel__bottom {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important; }

  /* Кнопка поиска внутри формы — нормальная ширина текста «Поиск» */
  /* line 4073, theme.scss */
  html body .header-mobile-panel__bottom .header__search input,
  html body .header-mobile-panel__bottom .header__search-form input {
    width: 100% !important;
    min-width: 0 !important; } }
/* ============================================================
   h14.12.3-H14 — финальные правки.
   ============================================================ */
/* H14.1 — sticky появляется плавно. Анимация transform/opacity. */
@media (min-width: 1101px) {
  /* line 4086, theme.scss */
  html body .header-part-main {
    transition: transform 280ms cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 200ms ease !important; }

  /* В обычном состоянии main стоит на месте, никакой анимации не видно.
     При появлении header_fixed (position:fixed top:0) transform 0→0
     визуально выглядит как плавное появление на месте, потому что
     до этого main был position:static. Чтобы реально плавно «выехал»:
     анимируем translateY с -100% → 0. */
  /* line 4095, theme.scss */
  html body .header-part-main.header_fixed {
    transform: translateY(0) !important;
    animation: csmartStickyIn 280ms cubic-bezier(0.22, 0.61, 0.36, 1) both; } }
@keyframes csmartStickyIn {
  from {
    transform: translateY(-100%);
    opacity: 0.85; }
  to {
    transform: translateY(0);
    opacity: 1; } }
/* H14.2 — Десктоп топ-шапка: иконка трубки + номер.
   Сейчас icon-phone и текст номера налезают друг на друга.
   Делаем явный inline-flex с gap. Шрифт номера крупнее. */
@media (min-width: 1101px) {
  /* line 4109, theme.scss */
  html body .header-part-top .header__phone {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important; }

  /* line 4114, theme.scss */
  html body .header-part-top .header__phone .header__phone-value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important; }

  /* line 4125, theme.scss */
  html body .header-part-top .header__phone .header__phone-value .icon-phone {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    font-size: 18px !important;
    position: static !important;
    transform: none !important; } }
/* H14.3 — Десктоп топ-шапка: бейдж отзывов — отступы между источниками,
   значением 4.9, звёздами и текстом «X отзывов». */
@media (min-width: 1101px) {
  /* line 4139, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge--desktop,
  html body .header-part-top__inner .csmart-rating-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 14px !important; }

  /* line 4146, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__sources {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: 40px !important; }

  /* line 4153, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__src {
    width: 18px !important;
    height: 18px !important; }

  /* line 4157, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important; }

  /* line 4163, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important; }

  /* line 4168, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__value {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important; }

  /* line 4173, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__stars {
    display: inline-flex !important;
    gap: 2px !important;
    height: 16px !important; }

  /* line 4178, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__star {
    width: 16px !important;
    height: 16px !important; }

  /* line 4182, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__count,
  html body .header-part-top__inner .csmart-rating-badge__reviews {
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: #666 !important; } }
/* H14.4 — Десктоп 1101-1380: ужать отступы горизонтального меню,
   подвинуть ближе к Каталогу. csmart build 32: усилено для 1280. */
@media (min-width: 1101px) and (max-width: 1380px) {
  /* line 4193, theme.scss */
  html body .header-part-main__inner > .header__area-menu,
  html body .header-part-main .header__area-menu {
    margin-left: 8px !important; }

  /* line 4197, theme.scss */
  html body .header-part-main .header__menu-list,
  html body .header-part-main nav ul,
  html body .header-part-main .header__area-menu ul {
    gap: 8px !important;
    column-gap: 8px !important; }

  /* line 4203, theme.scss */
  html body .header-part-main .header__menu-list li,
  html body .header-part-main .header__area-menu li,
  html body .header-part-main .header__area-menu a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  /* line 4211, theme.scss */
  html body .header-part-main .header__menu-list a,
  html body .header-part-main .header__area-menu a {
    font-size: 13px !important;
    padding: 0 4px !important;
    white-space: nowrap !important; } }
/* H14.5 — Sticky badge: оригинальный sw_reviews_badge_sticky уже
   рендерится в liquid внутри .header-part-main. Показываем его
   между лого-клоном и поиском-клоном (order 3) со стилем mobile. */
@media (min-width: 1101px) {
  /* line 4223, theme.scss */
  html body .header_fixed .header__sw-reviews--sticky,
  html body .header_fixed .csmart-rating-badge--sticky {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 10px !important;
    min-height: 44px !important;
    max-width: 200px !important;
    margin: 0 8px !important;
    border-radius: 8px !important;
    background: #f6f6f6 !important;
    position: static !important;
    visibility: visible !important; }

  /* Внутри: компакт-mobile стиль */
  /* line 4240, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__sources {
    display: flex !important;
    flex-direction: row !important;
    gap: 3px !important;
    width: auto !important;
    height: auto !important; }

  /* line 4247, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__src {
    width: 14px !important;
    height: 14px !important; }

  /* line 4251, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important; }

  /* line 4257, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important; }

  /* line 4262, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__value {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important; }

  /* line 4267, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__stars {
    height: 12px !important;
    gap: 1px !important; }

  /* line 4271, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__star {
    width: 12px !important;
    height: 12px !important; }

  /* line 4275, theme.scss */
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__count,
  html body .header_fixed .csmart-rating-badge--sticky .csmart-rating-badge__reviews {
    font-size: 11px !important;
    line-height: 1.15 !important;
    color: #666 !important;
    display: block !important; }

  /* Скрываем мой клон-бейдж — оригинальный уже на месте */
  /* line 4283, theme.scss */
  html body .header_fixed .csmart-badge-clone {
    display: none !important; } }
/* H14.6 — Корзина в sticky: НЕ зелёный квадрат, а увеличенный значок.
   Отменяем H12-фон var(--bg-major). */
@media (min-width: 1101px) {
  /* line 4291, theme.scss */
  html body .header_fixed .header__area-controls .header__cart,
  html body .header_fixed .header__area-controls .header__control-btn.header__cart {
    background: transparent !important;
    background-color: transparent !important;
    color: inherit !important;
    border-radius: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin-left: 14px !important; }

  /* Увеличиваем именно ИКОНКУ корзины и счётчик */
  /* line 4304, theme.scss */
  html body .header_fixed .header__area-controls .header__cart .icon,
  html body .header_fixed .header__area-controls .header__cart .icon-cart,
  html body .header_fixed .header__area-controls .header__cart svg {
    width: 32px !important;
    height: 32px !important;
    font-size: 32px !important;
    color: inherit !important; }

  /* line 4312, theme.scss */
  html body .header_fixed .header__area-controls .header__cart .header__control-bage {
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important; } }
/* H14.7 — Планшет 700-1100: бейдж стилем как mobile.
   Уже сделано в H12, дополнительно сильнее — обнуляем
   фиолетовые/особые стили и берём mobile целиком. */
@media (min-width: 700px) and (max-width: 1099px) {
  /* line 4323, theme.scss */
  html body .header-mobile-panel__top-badge .csmart-rating-badge,
  html body .header-mobile-panel__top-badge .csmart-rating-badge--mobile {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px 10px !important;
    background: #f6f6f6 !important;
    border-radius: 8px !important;
    min-height: 48px !important;
    max-width: 220px !important; }

  /* line 4334, theme.scss */
  html body .header-mobile-panel__top-badge .csmart-rating-badge__value {
    font-size: 15px !important;
    font-weight: 700 !important; }

  /* line 4338, theme.scss */
  html body .header-mobile-panel__top-badge .csmart-rating-badge__star {
    width: 12px !important;
    height: 12px !important; }

  /* line 4342, theme.scss */
  html body .header-mobile-panel__top-badge .csmart-rating-badge__src {
    width: 14px !important;
    height: 14px !important; } }
/* H14.8 — Мобильный (≤767): нижняя строка header-mobile-panel__bottom.
   Усиливаем: дубль-телефон скрыт, поиск занимает всю ширину между
   бургером и краем. */
@media (max-width: 767px) {
  /* line 4352, theme.scss */
  html body .header-mobile-panel__bottom {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    padding: 8px 12px !important; }

  /* line 4359, theme.scss */
  html body .header-mobile-panel__bottom .js-show-header-collections,
  html body .header-mobile-panel__bottom .header-mobile-panel__show-menu-btn {
    flex: 0 0 auto !important; }

  /* line 4363, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form,
  html body .header-mobile-panel__bottom .b-search-form {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important; }

  /* line 4371, theme.scss */
  html body .header-mobile-panel__bottom .header__search input,
  html body .header-mobile-panel__bottom .header__search-form input,
  html body .header-mobile-panel__bottom input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important; }

  /* BUILD 21: УДАЛЕНО display:none для .header-mobile-panel__phone-btn —
     кнопка должна быть видима везде (единая шапка). */
  /* На странице товара: сохраняем product-actions (заказ в 1 клик + в корзину) */
  /* line 4381, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header-mobile-panel__product-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 6px !important; } }
/* H14.9 — Мобильный: убираем любые остаточные min-height на header__content. */
@media (max-width: 1099px) {
  /* line 4390, theme.scss */
  html body .header__content,
  html body .header__content[data-csmart-stable] {
    min-height: 0 !important; } }
/* === H14 — Иконки профиль/сравнение/избранное в выпадающем меню каталога === */
/* line 4397, theme.scss */
.header__collections-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: center;
  padding: 12px 0 4px;
  margin-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.06); }

/* line 4406, theme.scss */
.header__collections-icons .header__collections-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  text-decoration: none;
  color: inherit;
  font-size: 14px;
  line-height: 1.2;
  padding: 6px 4px; }

/* line 4417, theme.scss */
.header__collections-icons .header__collections-icon .icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 1; }

/* line 4427, theme.scss */
.header__collections-icons .header__collections-icon .header__control-bage {
  position: absolute;
  top: -6px;
  right: -8px;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  font-size: 10px;
  line-height: 14px;
  border-radius: 7px;
  background: #ff5722;
  color: #fff;
  text-align: center;
  box-sizing: border-box; }

/* line 4442, theme.scss */
.header__collections-icons .header__collections-icon .header__control-bage.compare-empty,
.header__collections-icons .header__collections-icon .header__control-bage.favorites-empty {
  display: none; }

/* Десктоп — блок с иконками в выпадайке скрыт (они есть в верхней панели) */
@media (min-width: 1100px) {
  /* line 4448, theme.scss */
  .header__collections-icons {
    display: none; } }
/* === H14 — Картинка пункта «Установочные комплекты» в меню каталога === */
/* line 4452, theme.scss */
.header__collections-menu .header__collections-item.is-level-1 > .header__collections-head[href*="komplekty-ustanovki"] {
  position: relative;
  padding-left: 64px;
  min-height: 56px;
  display: flex;
  align-items: center; }

/* line 4459, theme.scss */
.header__collections-menu .header__collections-item.is-level-1 > .header__collections-head[href*="komplekty-ustanovki"]::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background-image: url("https://img.car-smart.ru/images/collections/1/3545/97635801/compact_ustanovochnyy-komplekt-dlya-displeev-mfbc-tipa-v-bmw-x5-f15-2013-2018-nbt-evo_300174.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); }

/* ============================================================
   BUILD 16 — Мобильная шапка из 14.5 (полная замена H14 правок).
   Этот блок идёт в конце theme.scss и перебивает H1-H14
   мобильные правки за счёт порядка в каскаде.
   ============================================================ */
@media (max-width: 1100px) {
  /* line 4481, theme.scss */
  body .layout__content.header_fixed .header-part-top {
    display: none !important; }

  /* line 4484, theme.scss */
  body .layout__content.header_fixed .header-mobile-panel {
    display: block !important; } }
/* line 4489, theme.scss */
.header-phone-text,
.header__phone,
.header__phone-value,
.header__sticky-phone-value {
  word-break: keep-all !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums; }

@media (max-width: 1100px) {
  /* line 4499, theme.scss */
  body.is-show-collections .header-mobile-panel,
  body.is-show-collections .layout__content.header_fixed > .header,
  body.is-show-collections .header_fixed .header-mobile-panel {
    z-index: 1 !important;
    pointer-events: none; } }
/* line 4507, theme.scss */
.header-mobile-panel__top-phone {
  display: none; }

@media (max-width: 1100px) {
  /* line 4512, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    color: #50C35A !important;
    text-decoration: none !important;
    border: 2px solid #50C35A;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
    margin-right: 6px;
    position: relative; }

  /* line 4530, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone:hover,
  body[data-theme-template="product"] .header-mobile-panel__top-phone:active {
    background: #50C35A;
    color: #fff !important;
    transform: scale(0.95); }

  /* line 4536, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone:hover .icon,
  body[data-theme-template="product"] .header-mobile-panel__top-phone:active .icon {
    color: #fff !important;
    fill: #fff !important; }

  /* line 4541, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone .icon._phone {
    font-size: 18px;
    color: #50C35A !important;
    fill: #50C35A !important;
    display: inline-block; }

  /* line 4547, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone ._callback {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    flex: 0 0 18px;
    display: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzc3IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIyIDE2LjkydjNhMiAyIDAgMCAxLTIuMTggMiAxOS43OSAxOS43OSAwIDAgMS04LjYzLTMuMDcgMTkuNSAxOS41IDAgMCAxLTYtNiAxOS43OSAxOS43OSAwIDAgMS0zLjA3LTguNjdBMiAyIDAgMCAxIDQuMTEgMmgzYTIgMiAwIDAgMSAyIDEuNzJjLjEzLjk2LjM3IDEuOS43MiAyLjgxYTIgMiAwIDAgMS0uNDUgMi4xMUw4LjA5IDkuOTFhMTYgMTYgMCAwIDAgNiA2bDEuMjctMS4yOWEyIDIgMCAwIDEgMi4xMS0uNDVjLjkxLjM1IDEuODUuNTkgMi44MS43MkEyIDIgMCAwIDEgMjIgMTYuOTJaIi8+PHBhdGggZD0iTTE3IDJsNCA0LTQgNCIvPjxwYXRoIGQ9Ik0yMSA2SDkiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

  /* Off-hours: серая окружность + иконка callback */
  /* line 4560, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours {
    background: #fff;
    border-color: #999;
    color: #777 !important; }

  /* Убираем избыточный зелёный индикатор ::after от .header__sticky-phone._offhours —
     сама серая окружность уже выражает off-hours */
  /* line 4567, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours::after {
    display: none !important;
    content: none !important; }

  /* line 4571, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours .icon._phone {
    display: none; }

  /* line 4574, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours ._callback {
    display: inline-block; }

  /* line 4577, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:hover,
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:active {
    background: #777;
    border-color: #777; }

  /* line 4582, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:hover ._callback,
  body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours:active ._callback {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTIyIDE2LjkydjNhMiAyIDAgMCAxLTIuMTggMiAxOS43OSAxOS43OSAwIDAgMS04LjYzLTMuMDcgMTkuNSAxOS41IDAgMCAxLTYtNiAxOS43OSAxOS43OSAwIDAgMS0zLjA3LTguNjdBMiAyIDAgMCAxIDQuMTEgMmgzYTIgMiAwIDAgMSAyIDEuNzJjLjEzLjk2LjM3IDEuOS43MiAyLjgxYTIgMiAwIDAgMS0uNDUgMi4xMUw4LjA5IDkuOTFhMTYgMTYgMCAwIDAgNiA2bDEuMjctMS4yOWEyIDIgMCAwIDEgMi4xMS0uNDVjLjkxLjM1IDEuODUuNTkgMi44MS43MkEyIDIgMCAwIDEgMjIgMTYuOTJaIi8+PHBhdGggZD0iTTE3IDJsNCA0LTQgNCIvPjxwYXRoIGQ9Ik0yMSA2SDkiLz48L3N2Zz4="); }

  /* Скрываем подпись с цифрами — оставляем только иконку */
  /* line 4587, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__top-phone .header__sticky-phone-value {
    display: none !important; } }
@media (max-width: 480px) {
  /* line 4593, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__bottom {
    gap: 6px !important; }

  /* line 4596, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions {
    display: flex !important;
    align-items: center;
    gap: 6px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important; }

  /* 1 клик — компактнее, обводка */
  /* line 4604, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--oneclick {
    flex: 0 1 auto !important;
    height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    border-width: 1.5px !important;
    white-space: nowrap !important; }

  /* line 4613, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--oneclick .header__sticky-btn-text {
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important; }

  /* Добавить в корзину — растягивается, заливка */
  /* line 4619, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--cart {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    gap: 4px !important;
    border-radius: 8px !important; }

  /* line 4628, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--cart .header__sticky-btn-text {
    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis; }

  /* line 4635, theme.scss */
  body[data-theme-template="product"] .header-mobile-panel__product-actions .header__sticky-btn--cart .icon {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    color: #fff !important;
    fill: #fff !important;
    flex: 0 0 auto; } }
@media (max-width: 480px) {
  /* csmart build 27: универсальное поле поиска — лупа слева + слово "Поиск" */
  /* line 4647, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    position: relative !important;
    overflow: visible !important; }

  /* line 4656, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form input[name="q"],
  html body .header-mobile-panel__bottom .header__search-form input[type="search"],
  html body .header-mobile-panel__bottom .header__search input {
    position: static !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px 0 42px !important;
    border: 1px solid #C8C8C8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    text-indent: 0 !important;
    outline: none !important;
    box-shadow: none !important; }

  /* line 4672, theme.scss */
  html body .header-mobile-panel__bottom .header__search input::placeholder,
  html body .header-mobile-panel__bottom .header__search input::-webkit-input-placeholder,
  html body .header-mobile-panel__bottom .header__search input::-moz-placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-size: 14px !important; }

  /* Лупа слева через псевдоэлемент */
  /* line 4680, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI3Ii8+PGxpbmUgeDE9IjIxIiB5MT0iMjEiIHgyPSIxNi42NSIgeTI9IjE2LjY1Ii8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    pointer-events: none;
    z-index: 2; }

  /* Submit-кнопка скрыта */
  /* line 4696, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form button[type="submit"] {
    display: none !important; }

  /* Результаты поиска */
  /* line 4700, theme.scss */
  html body .header-mobile-panel__bottom .header__search__results {
    position: absolute !important;
    top: 44px !important;
    left: 0 !important;
    right: 0 !important;
    max-width: calc(100vw - 24px) !important;
    z-index: 100; } }
/* csmart build 27: блок выше теперь универсальный, дубль удалён */
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 4712, theme.scss */
  .header-mobile-panel__bottom {
    flex-wrap: nowrap !important;
    gap: 10px !important;
    padding: 8px 12px !important; }

  /* line 4717, theme.scss */
  .header-mobile-panel__bottom .header__search,
  .header-mobile-panel__bottom .header__search-form {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important; }

  /* line 4723, theme.scss */
  .header-mobile-panel__bottom .header__search-form input[name="q"],
  .header-mobile-panel__bottom .header__search input {
    width: 100% !important;
    height: 40px !important;
    padding-left: 36px !important;
    padding-right: 12px !important;
    font-size: 14px !important;
    border: 1px solid #C8C8C8 !important;
    border-radius: 8px !important;
    background-color: #fff !important; }

  /* line 4734, theme.scss */
  .header-mobile-panel__bottom .header__search-form button[type="submit"] {
    display: none !important; }

  /* line 4737, theme.scss */
  .header-mobile-panel__bottom .header-mobile-panel__show-menu-btn {
    flex: 0 0 auto !important; } }
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 4743, theme.scss */
  .header-mobile-panel {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); }

  /* line 4750, theme.scss */
  .header-mobile-panel__top-badge {
    flex: 0 1 auto !important;
    min-width: 0; }

  /* line 4754, theme.scss */
  .header-mobile-panel__top-badge img {
    max-height: 44px;
    width: auto;
    object-fit: contain; } }
@media (max-width: 767px) {
  /* line 4762, theme.scss */
  .header-mobile-panel {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    background: #fff; } }
@media (max-width: 1100px) {
  /* line 4771, theme.scss */
  body.is-show-collections .header-mobile-panel {
    z-index: 1 !important;
    pointer-events: none !important;
    visibility: hidden !important; }

  /* Доп. перестраховка для самой кнопки */
  /* line 4777, theme.scss */
  body.is-show-collections .header-mobile-panel__show-menu-btn {
    visibility: hidden !important;
    z-index: 1 !important;
    pointer-events: none !important; } }
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 4785, theme.scss */
  .header-mobile-panel__top-badge {
    display: flex !important;
    align-items: center; } }
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 4792, theme.scss */
  .header-mobile-panel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9000 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important; }

  /* При fixed панель выпадает из потока — компенсируем padding-top
     у .layout__content чтобы контент не прыгнул. Высота панели ~150px (top + bottom). */
  /* line 4804, theme.scss */
  .layout__content {
    padding-top: 150px !important; } }
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 4810, theme.scss */
  .header__sw-reviews--mobile,
  .csmart-rating-badge--mobile {
    height: auto !important;
    min-height: 56px;
    overflow: visible !important; }

  /* line 4816, theme.scss */
  .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    margin-bottom: 2px; }

  /* line 4819, theme.scss */
  .csmart-rating-badge--mobile .csmart-rating-badge__info {
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap; } }
@media (max-width: 767px) {
  /* line 4827, theme.scss */
  html body:not([data-page-type="product"]) .header-mobile-panel__top-phone,
  html body:not(.page-product) .header-mobile-panel__top-phone,
  html body:not([class*="product-page"]) .header-mobile-panel__top-phone {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important; } }
/* line 4836, theme.scss */
html body .header__sticky-phone._offhours::after,
html body .header-mobile-panel__phone-btn._offhours::after,
html body .header__phone-value._offhours::after,
html body [data-csmart-phone-cta]._offhours::after,
html body .header__sticky-phone::after,
html body .header-mobile-panel__phone-btn::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0 !important; }

@media (max-width: 767px) {
  /* line 4853, theme.scss */
  html body .csmart-rating-badge,
  html body .csmart-rating-badge--mobile,
  html body .header__sw-reviews--mobile {
    max-width: 130px !important;
    flex: 0 0 auto !important;
    width: auto !important; } }
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 4863, theme.scss */
  html body .csmart-rating-badge--mobile,
  html body .header__sw-reviews--mobile {
    height: auto !important;
    min-height: 48px !important;
    overflow: visible !important;
    padding: 4px 8px !important;
    max-width: 200px !important; }

  /* line 4871, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__info,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__count,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__reviews {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    visibility: visible !important;
    opacity: 1 !important; }

  /* line 4882, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    display: flex !important;
    margin-bottom: 2px !important; } }
@media (min-width: 380px) and (max-width: 540px) {
  /* Логотип — увеличиваем img */
  /* line 4890, theme.scss */
  html body .header-mobile-panel__logo,
  html body .header__logo {
    /* Контейнер жёстко задавал 110px, растягиваем до 140 */
    max-width: 140px !important;
    width: auto !important; }

  /* line 4896, theme.scss */
  html body .header-mobile-panel__logo img,
  html body .header__logo img {
    max-width: 140px !important;
    width: 140px !important;
    height: auto !important; }

  /* Текст «Автомагнитолы» под лого */
  /* line 4903, theme.scss */
  html body .header__logo-sub,
  html body .header-mobile-panel__logo .header__logo-sub,
  html body .header__logo .header__logo-sub,
  html body .header__logo-text {
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important; }

  /* Бейдж — переопределяем h5.5 (130px max) на 160px и увеличиваем шрифт */
  /* line 4912, theme.scss */
  html body .csmart-rating-badge,
  html body .csmart-rating-badge--mobile,
  html body .header__sw-reviews--mobile {
    max-width: 160px !important;
    width: auto !important;
    min-height: 56px !important;
    height: auto !important;
    padding: 4px 6px !important; }

  /* line 4921, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    display: flex !important;
    gap: 2px !important; }

  /* line 4925, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__src {
    width: 22px !important;
    height: 22px !important;
    background-size: contain !important; }

  /* line 4930, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    width: auto !important;
    height: auto !important; }

  /* line 4934, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__star {
    width: 13px !important;
    height: 13px !important; }

  /* line 4938, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__stars {
    height: 13px !important;
    width: auto !important; }

  /* line 4942, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__value {
    font-size: 14px !important;
    font-weight: 600 !important;
    width: auto !important; }

  /* line 4947, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__count,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__reviews {
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    width: auto !important; }

  /* line 4954, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__main,
  html body .csmart-rating-badge--mobile .csmart-rating-badge__info {
    width: auto !important;
    height: auto !important; } }
@media (max-width: 767px) {
  /* line 4962, theme.scss */
  html body:not([data-theme-template="product"]) .header-mobile-panel__top-phone {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important; }

  /* На product mobile — ПОКАЗЫВАЕМ кнопку звонка (юзер жаловался) */
  /* line 4968, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-phone {
    display: inline-flex !important;
    visibility: visible !important; } }
@media (max-width: 767px) {
  /* line 4975, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__product-actions {
    gap: 6px !important; }

  /* line 4978, theme.scss */
  html body[data-theme-template="product"] .header__sticky-btn--oneclick {
    flex: 1 1 50% !important;
    min-width: 130px !important;
    font-size: 13px !important; }

  /* line 4983, theme.scss */
  html body[data-theme-template="product"] .header__sticky-btn--cart {
    flex: 1 1 50% !important;
    min-width: 130px !important;
    max-width: 160px !important;
    font-size: 13px !important; } }
@media (min-width: 768px) and (max-width: 1100px) {
  /* line 4992, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important; }

  /* line 4997, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__logo {
    order: 1 !important;
    flex: 0 0 auto !important; }

  /* line 5001, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-badge {
    order: 2 !important; }

  /* line 5004, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-phone {
    order: 3 !important;
    margin-left: auto !important;
    display: inline-flex !important;
    visibility: visible !important;
    width: auto !important;
    min-width: 200px !important;
    height: 44px !important;
    padding: 8px 16px !important;
    font-size: 16px !important;
    align-items: center !important; }

  /* line 5016, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__top-phone .header__sticky-phone-value {
    font-size: 16px !important;
    font-weight: 600 !important; }

  /* line 5020, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__personal {
    order: 4 !important; } }
@media (min-width: 380px) and (max-width: 540px) {
  /* line 5026, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__sources {
    display: grid !important;
    grid-template-columns: 22px 22px !important;
    grid-template-rows: 22px 22px !important;
    gap: 2px !important;
    width: auto !important;
    height: auto !important;
    flex-direction: initial !important;
    flex-wrap: initial !important; }

  /* Бейдж — вернуть выравнивание row (sources слева, info справа) */
  /* line 5037, theme.scss */
  html body .csmart-rating-badge--mobile {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important; }

  /* line 5043, theme.scss */
  html body .csmart-rating-badge--mobile .csmart-rating-badge__info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; } }
@media (max-width: 1100px) {
  /* line 5051, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone,
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone._offhours {
    background-color: #50C35A !important;
    border-color: #50C35A !important;
    color: #fff !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important; }

  /* line 5064, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon,
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone svg {
    color: #fff !important;
    fill: #fff !important; }

  /* Видимая SVG-иконка callback (трубка со стрелкой возврата) поверх */
  /* line 5070, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 16.92z'/><polyline points='17 1 21 5 17 9'/><line x1='21' y1='5' x2='14' y2='5'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
    pointer-events: none !important; }

  /* Прячем родную icon-phone — заменили её ::before */
  /* line 5081, theme.scss */
  html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon-phone {
    visibility: hidden !important; } }
@media (max-width: 1100px) {
  /* line 5087, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form {
    position: relative !important; }

  /* line 5091, theme.scss */
  html body .header-mobile-panel__bottom .header__search::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    pointer-events: none !important;
    z-index: 2 !important; }

  /* Сдвигаем placeholder и текст input вправо чтобы не накладывался на лупу */
  /* line 5107, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form input,
  html body .header-mobile-panel__bottom .header__search input.header__search-field {
    padding-left: 36px !important; } }
/* line 5113, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__product-actions,
html body[data-theme-template="product"] .header__sticky-btn,
html body[data-theme-template="product"] .header__sticky-btn--oneclick,
html body[data-theme-template="product"] .header__sticky-btn--cart {
  display: none !important; }

/* line 5120, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header-mobile-panel__top-phone._offhours,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone._offhours {
  /* сбрасываем зелёный фон и кастомный размер — пусть как у не-product */
  background-color: transparent !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important; }

/* line 5132, theme.scss */
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone::before {
  content: none !important;
  display: none !important; }

/* line 5137, theme.scss */
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon-phone,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone .icon {
  visibility: visible !important;
  color: inherit !important;
  fill: currentColor !important; }

/* line 5144, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__bottom {
  display: flex !important; }

/* line 5148, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search,
html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search-form {
  display: block !important;
  width: auto !important;
  flex: 1 1 auto !important; }

@media (max-width: 1100px) {
  /* line 5156, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search::before {
    content: "" !important;
    display: block !important; } }
@media (max-width: 1100px) {
  /* line 5163, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom {
    align-items: center !important;
    gap: 8px !important; }

  /* line 5167, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search,
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search-form {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    display: block !important; }

  /* line 5175, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search-form {
    width: 100% !important; }

  /* line 5178, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search-form input,
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search input {
    width: 100% !important;
    max-width: none !important;
    display: block !important; }

  /* h11.1b — кнопка «Заказать звонок» (внедряется JS как .header__sticky-phone.header-mobile-panel__phone-btn) */
  /* line 5185, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__sticky-phone.header-mobile-panel__phone-btn {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin-left: 8px !important; } }
/* line 5192, theme.scss */
html body[data-theme-template="product"] .header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header__sticky-phone.header-mobile-panel__top-phone,
html body[data-theme-template="product"] .header-mobile-panel__product-actions,
html body[data-theme-template="product"] .header-mobile-panel__product-phone {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  overflow: hidden !important; }

@media (max-width: 699px) {
  /* line 5206, theme.scss */
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search,
  html body[data-theme-template="product"] .header-mobile-panel__bottom .header__search-form,
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form {
    display: flex !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    position: relative !important; }

  /* line 5217, theme.scss */
  html body .header-mobile-panel__bottom .header__search input.header__search-field,
  html body .header-mobile-panel__bottom .header__search input[name="q"] {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    height: 40px !important;
    padding: 0 12px 0 36px !important;
    box-sizing: border-box !important;
    background-position: 12px center !important; } }
/* ============================================================
   BUILD 17 — единая мобильная шапка для всех страниц.
   Снимаем привязку к body[data-theme-template="product"] —
   те же стили работают на index, collection, page, blog и т.д.
   ============================================================ */
@media (max-width: 1100px) {
  /* Кнопка телефона/обратного звонка — зелёный квадрат справа от поиска */
  /* line 5238, theme.scss */
  html body .header__sticky-phone.header-mobile-panel__top-phone,
  html body .header__sticky-phone.header-mobile-panel__top-phone._offhours,
  html body .header__sticky-phone.header-mobile-panel__phone-btn,
  html body .header__sticky-phone.header-mobile-panel__phone-btn._offhours {
    background-color: #50C35A !important;
    border-color: #50C35A !important;
    color: #fff !important;
    width: auto !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    gap: 8px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important; }

  /* line 5261, theme.scss */
  html body .header__sticky-phone.header-mobile-panel__top-phone .icon,
  html body .header__sticky-phone.header-mobile-panel__top-phone svg,
  html body .header__sticky-phone.header-mobile-panel__phone-btn .icon,
  html body .header__sticky-phone.header-mobile-panel__phone-btn svg {
    color: #fff !important;
    fill: #fff !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important; }

  /* line 5271, theme.scss */
  html body .header__sticky-phone.header-mobile-panel__phone-btn .header__sticky-phone-value,
  html body .header__sticky-phone.header-mobile-panel__top-phone .header__sticky-phone-value {
    color: #fff !important;
    display: inline-block !important; }

  /* Скрываем submit-кнопку лупы — поле поиска без лупы как на товаре */
  /* line 5278, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form button[type="submit"] {
    display: none !important; }

  /* Поиск занимает оставшуюся ширину между бургером и кнопкой телефона */
  /* line 5282, theme.scss */
  html body .header-mobile-panel__bottom .header__search {
    flex: 1 1 auto !important;
    min-width: 0 !important; }

  /* line 5286, theme.scss */
  html body .header-mobile-panel__bottom .header__search-field {
    width: 100% !important; }

  /* Нижняя панель — три элемента в ряд: бургер, поиск, кнопка телефона */
  /* line 5291, theme.scss */
  html body .header-mobile-panel__bottom {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important; } }
/* ============================================================
   BUILD 17 — иконки у пунктов меню ЛК/Сравнение/Избранное
   в выпадающем меню каталога. Юзер добавил их в InSales-админке
   как пункты меню; стилизуем через CSS по href.
   ============================================================ */
/* line 5304, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="client_account"],
.header__collections-menu .header__collections-item > .header__collections-head[href*="compares"],
.header__collections-menu .header__collections-item > .header__collections-head[href*="favorites"] {
  position: relative;
  padding-left: 36px; }

/* line 5310, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="client_account"]::before,
.header__collections-menu .header__collections-item > .header__collections-head[href*="compares"]::before,
.header__collections-menu .header__collections-item > .header__collections-head[href*="favorites"]::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.85; }

/* SVG-иконка пользователя */
/* line 5326, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="client_account"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2350C35A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>"); }

/* SVG-иконка сравнения */
/* line 5330, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="compares"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2350C35A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='12' y1='20' x2='12' y2='10'/><line x1='18' y1='20' x2='18' y2='4'/><line x1='6' y1='20' x2='6' y2='16'/></svg>"); }

/* SVG-иконка избранного (сердце) */
/* line 5334, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="favorites"]::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2350C35A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>"); }

/* ===================================================================
   BUILD 18 → 19: правки приоритета мобайл
   =================================================================== */
/* 19.1 — Модалка «Купить в 1 клик» — отступ сверху от шапки (только мобайл).
   Билд 62: ограничили медиазапросом — на десктопе position:absolute c top:140px
   и bottom:0 ломали высоту wrapper-а внутри .m-modal (контент схлопывался). */
@media (max-width: 1023px) {
  /* line 5346, theme.scss */
  .m-modal-wrapper {
    position: absolute;
    top: 140px;
    left: 0;
    bottom: 0;
    right: 0; } }
/* 19.1b — Билд 63: на десктопе модалка «Купить в 1 клик» была
   впритык к sticky-шапке — опускаем на 100px. */
@media (min-width: 1024px) {
  /* line 5358, theme.scss */
  .m-modal.m-modal--checkout {
    margin-top: 100px; } }
/* 19.2 — Иконки в пунктах ЛК / Сравнение / Избранное — отступ между
   иконкой и текстом (иначе иконка наезжает на букву слева).
   Применяется и к десктоп-выпадайке, и к мобайл-меню. */
/* line 5366, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="client_account"]::before,
.header__collections-menu .header__collections-item > .header__collections-head[href*="compares"]::before,
.header__collections-menu .header__collections-item > .header__collections-head[href*="favorites"]::before {
  margin-right: 10px;
  flex-shrink: 0; }

/* line 5372, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="client_account"],
.header__collections-menu .header__collections-item > .header__collections-head[href*="compares"],
.header__collections-menu .header__collections-item > .header__collections-head[href*="favorites"] {
  display: flex;
  align-items: center;
  gap: 10px; }

/* 19.3 — Кнопка телефона в нижней мобильной шапке: единая для всех страниц.
   На главной и других не-product CSS темы скрывал её через display:none.
   Перекрываем — теперь видна везде и переключается _offhours-логикой. */
/* line 5383, theme.scss */
html body .header-mobile-panel__bottom .header-mobile-panel__phone-btn,
html body .header-mobile-panel__bottom .header__sticky-phone.header-mobile-panel__phone-btn {
  display: inline-flex !important;
  align-items: center !important; }

@media (max-width: 767px) {
  /* line 5389, theme.scss */
  html body .header-mobile-panel__bottom .header-mobile-panel__phone-btn,
  html body .header-mobile-panel__bottom .header__sticky-phone.header-mobile-panel__phone-btn {
    display: inline-flex !important; } }
/* ===================================================================
   BUILD 20 — Единая мобильная шапка как на товаре, для всех страниц.
   Стратегия: с максимальной специфичностью копируем product-схему
   bottom-row на ВСЕ шаблоны. Поиск становится узкой иконкой, кнопка
   телефона/звонок видна, ширина обеих узлов сжата под кнопку справа.
   =================================================================== */
@media (max-width: 767px) {
  /* Bottom-row: уплотнённый layout как на product */
  /* line 5403, theme.scss */
  html body .header-mobile-panel__bottom {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 12px !important;
    flex-wrap: nowrap !important; }

  /* Бургер слева — фикс-ширина */
  /* line 5411, theme.scss */
  html body .header-mobile-panel__bottom .header-mobile-panel__show-menu-btn {
    flex: 0 0 auto !important; }

  /* Поиск — сужается под кнопку справа, остаётся видимым с лупой */
  /* line 5415, theme.scss */
  html body .header-mobile-panel__bottom .header__search,
  html body .header-mobile-panel__bottom .header__search-form {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    position: relative !important; }

  /* line 5423, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form input[name="q"],
  html body .header-mobile-panel__bottom .header__search input.header__search-field {
    width: 100% !important;
    height: 40px !important;
    padding-left: 42px !important;
    padding-right: 8px !important;
    font-size: 14px !important;
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    color: #333 !important;
    text-indent: 0 !important; }

  /* line 5436, theme.scss */
  html body .header-mobile-panel__bottom .header__search input::placeholder,
  html body .header-mobile-panel__bottom .header__search input::-webkit-input-placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-size: 14px !important; }

  /* Submit-кнопка лупы темы — скрываем */
  /* line 5443, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form button[type="submit"] {
    display: none !important; }

  /* Иконка лупы слева псевдоэлементом */
  /* line 5447, theme.scss */
  html body .header-mobile-panel__bottom .header__search-form::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    z-index: 2 !important;
    pointer-events: none !important; }

  /* Кнопка телефона/звонка — видима везде, не растягивается */
  /* line 5462, theme.scss */
  html body .header-mobile-panel__bottom .header-mobile-panel__phone-btn,
  html body .header-mobile-panel__bottom .header__sticky-phone.header-mobile-panel__phone-btn {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    height: 40px !important;
    padding: 0 14px !important;
    background: #47B160 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    gap: 6px !important;
    white-space: nowrap !important;
    text-decoration: none !important; }

  /* line 5478, theme.scss */
  html body .header-mobile-panel__bottom .header-mobile-panel__phone-btn:hover {
    background: #3ea357 !important; }

  /* csmart build 31: убрали сжатие до круга — кнопка всегда с текстом */ }
/* 20.2 — Стили для пунктов ЛК/Сравнение/Избранное удалены по запросу юзера
   (он сделает отдельное меню). Перекрываем нашими ::before-иконками
   с дефолтным состоянием — без gap, без margin. Удаляем визуал-иконку. */
/* line 5487, theme.scss */
.header__collections-menu .header__collections-item > .header__collections-head[href*="client_account"]::before,
.header__collections-menu .header__collections-item > .header__collections-head[href*="compares"]::before,
.header__collections-menu .header__collections-item > .header__collections-head[href*="favorites"]::before {
  content: none !important;
  background-image: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important; }

/* csmart build 26: увеличенная иконка корзины в мобильной шапке */
@media (max-width: 768px) {
  /* line 5499, theme.scss */
  html body .header-mobile-panel .header__mobile-cart.header-mobile-panel__icon {
    width: 56px;
    height: 56px;
    min-width: 56px; }

  /* line 5504, theme.scss */
  html body .header-mobile-panel .header__mobile-cart .icon.icon-cart {
    font-size: 34px; }

  /* line 5507, theme.scss */
  html body .header-mobile-panel .header__mobile-cart .icon.icon-cart::before {
    font-size: 34px; }

  /* line 5510, theme.scss */
  html body .header-mobile-panel .header__mobile-cart .header__control-bage {
    transform: scale(1.1); } }
/* csmart build 28: финальный override поиска в мобильной шапке
   перебивает .widget-type_new-header правила из snippet.scss-замка
   через body .widget-type_new-header (специфичность 0,1,2 vs их 0,1,1) */
@media (max-width: 767px) {
  /* line 5519, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header__search,
  body .widget-type_new-header .header-mobile-panel__bottom .header__search-form {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 60px !important;
    max-width: none !important;
    position: relative !important;
    overflow: visible !important; }

  /* line 5528, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header__search-form input[name="q"],
  body .widget-type_new-header .header-mobile-panel__bottom .header__search-form input[type="search"],
  body .widget-type_new-header .header-mobile-panel__bottom .header__search input {
    position: static !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 8px 0 30px !important;
    border: 1px solid #C8C8C8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 14px !important;
    text-indent: 0 !important;
    outline: none !important;
    box-shadow: none !important; }

  /* line 5544, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header__search input::placeholder,
  body .widget-type_new-header .header-mobile-panel__bottom .header__search input::-webkit-input-placeholder,
  body .widget-type_new-header .header-mobile-panel__bottom .header__search input::-moz-placeholder {
    color: #999 !important;
    opacity: 1 !important;
    font-size: 14px !important; }

  /* Лупа слева через ::before — поверх всего */
  /* line 5552, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header__search-form::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 7px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    border: none !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat center/16px 16px !important;
    pointer-events: none !important;
    z-index: 3 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important; }

  /* line 5568, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header__search-form::after {
    content: none !important; }

  /* Submit-кнопка скрыта */
  /* line 5572, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header__search-form button[type="submit"] {
    display: none !important; } }
/* csmart build 31: всегда показывать текст "Заказать звонок" в кнопке звонка
   на всех мобильных экранах — перебиваем snippet.scss-замок */
@media (max-width: 767px) {
  /* line 5581, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header-mobile-panel__phone-btn .header__sticky-phone-value,
  body .widget-type_new-header .header-mobile-panel__bottom .header__sticky-phone .header__sticky-phone-value {
    display: inline-block !important;
    font-size: 13px !important;
    white-space: nowrap !important; }

  /* line 5587, theme.scss */
  body .widget-type_new-header .header-mobile-panel__bottom .header-mobile-panel__phone-btn,
  body .widget-type_new-header .header-mobile-panel__bottom .header__sticky-phone.header-mobile-panel__phone-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    justify-content: center !important;
    white-space: nowrap !important; } }
/* csmart build 32: десктоп-топ — три правки
   1) Бейдж: иконки 2x2, "4.9 + звёзды" справа сверху, "2 626 отзывов" по центру под ними
   2) Телефон: сдвиг иконки трубки и номера правее на ширину трубки
   (правка меню 1280 — в H14.4 выше) */
@media (min-width: 1101px) {
  /* === 1. БЕЙДЖ === */
  /* line 5605, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge,
  html body .header-part-top__inner .csmart-rating-badge--desktop {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 14px !important; }

  /* Иконки 2x2 — фиксированная сетка */
  /* line 5613, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__sources {
    display: grid !important;
    grid-template-columns: repeat(2, 22px) !important;
    grid-template-rows: repeat(2, 22px) !important;
    gap: 4px !important;
    width: auto !important;
    height: auto !important;
    flex-wrap: initial !important;
    flex-direction: initial !important; }

  /* line 5623, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__src {
    width: 22px !important;
    height: 22px !important; }

  /* Info: вертикальный стек, всё прижато вправо */
  /* line 5628, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important; }

  /* Main = 4.9 + звёзды */
  /* line 5635, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important; }

  /* line 5640, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__value {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important; }

  /* line 5645, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__stars {
    display: inline-flex !important;
    gap: 2px !important;
    height: 18px !important; }

  /* line 5650, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__star {
    width: 18px !important;
    height: 18px !important; }

  /* "2 626 отзывов" по центру под звёздами */
  /* line 5655, theme.scss */
  html body .header-part-top__inner .csmart-rating-badge__count,
  html body .header-part-top__inner .csmart-rating-badge__reviews {
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #777 !important;
    align-self: center !important; }

  /* === 2. ТЕЛЕФОН: иконка трубки вровень с графиком работы,
     номер уезжает правее на ширину трубки+gap (csmart build 33) === */
  /* line 5665, theme.scss */
  html body .header-part-top .header__area-contacts .header__phone-value {
    position: static !important;
    padding-left: 0 !important;
    gap: 8px !important; }

  /* line 5670, theme.scss */
  html body .header-part-top .header__area-contacts .header__phone-value .icon-phone {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    flex: 0 0 auto !important; } }
/* csmart build 34: десктоп-топ — финальные правки
   A) Меню сдвинуто вплотную к Каталогу (override space-between)
   B) Блок контактов переписан с нуля */
/* === A. Меню вплотную к Каталогу 1101-1380 === */
@media (min-width: 1101px) and (max-width: 1380px) {
  /* Перебиваем space-between у .header-part-main__inner */
  /* line 5685, theme.scss */
  body .widget-type_new-header .header-part-main__inner {
    justify-content: flex-start !important;
    gap: 0 !important;
    column-gap: 0 !important; }

  /* Каталог не растягиваем */
  /* line 5691, theme.scss */
  body .widget-type_new-header .header-part-main__inner > .header__area-catalog {
    flex: 0 0 auto !important;
    margin-right: 16px !important; }

  /* Меню — сразу за Каталогом */
  /* line 5696, theme.scss */
  body .widget-type_new-header .header-part-main__inner > .header__area-menu {
    flex: 1 1 auto !important;
    margin-left: 0 !important;
    justify-content: flex-start !important; }

  /* line 5701, theme.scss */
  body .widget-type_new-header .header-part-main .header__menu-list,
  body .widget-type_new-header .header-part-main nav ul,
  body .widget-type_new-header .header-part-main .header__area-menu ul {
    gap: 10px !important;
    column-gap: 10px !important;
    justify-content: flex-start !important; }

  /* line 5708, theme.scss */
  body .widget-type_new-header .header-part-main .header__menu-list a,
  body .widget-type_new-header .header-part-main .header__area-menu a {
    font-size: 13px !important;
    padding: 0 6px !important;
    white-space: nowrap !important; }

  /* Контролы (профиль/корзина) — справа */
  /* line 5715, theme.scss */
  body .widget-type_new-header .header-part-main__inner > .header__area-controls {
    margin-left: auto !important;
    flex: 0 0 auto !important; } }
/* === B. Блок контактов переписан с нуля === */
@media (min-width: 1101px) {
  /* Сам wrapper — column-flex, всё прижато к левому краю с одинаковыми отступами */
  /* line 5724, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important; }

  /* Строка 1: иконка + один номер 8-800 (второй номер уже спрятан) */
  /* line 5733, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header__area-contacts {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* line 5739, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts .header__phone {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* line 5745, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts .header__phone-value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-decoration: none !important; }

  /* line 5756, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts .header__phone-value .icon-phone {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: none !important;
    color: #50C35A !important; }

  /* Строка 2: график работы — выровнен по левому краю icon-phone */
  /* line 5765, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header-phone-text {
    margin: 0 !important;
    padding-left: 0 !important;
    font-size: 13px !important;
    color: #666 !important;
    line-height: 1.2 !important; }

  /* Строка 3: "Заказать звонок" + Telegram — выровнено по левому краю icon-phone */
  /* line 5773, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header__area-contacts--bottom {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding-left: 0 !important; }

  /* line 5780, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts--wrapper .header-сall-text {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    color: #50C35A !important;
    border-bottom: 1px dashed #50C35A !important;
    text-decoration: none !important; }

  /* Скрываем второй номер +7 928 (уже было решено) */
  /* line 5789, theme.scss */
  body .widget-type_new-header .header-part-top__inner .header__area-contacts .header__phone._phone-2,
  body .widget-type_new-header .header-part-top__inner .header__area-contacts > span {
    display: none !important; } }
/* csmart build 36: соц-блок справа в конце шапки, треугольник MAX+VK сверху, TG снизу по центру; диапазон 1200пикселей+ */
/* line 5796, theme.scss */
.csmart-social-square {
  display: none; }

@media (min-width: 1200px) {
  /* line 5798, theme.scss */
  body .widget-type_new-header .header-part-top__inner > .csmart-social-square {
    display: grid !important;
    grid-template-columns: repeat(2, 30px) !important;
    grid-template-rows: repeat(2, 30px) !important;
    gap: 6px !important;
    padding: 8px !important;
    margin-left: 16px !important;
    background: #fff !important;
    border: 1px solid #E5E5E5 !important;
    border-radius: 12px !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    box-sizing: content-box !important;
    width: max-content !important;
    height: max-content !important;
    order: 6 !important;
    margin-left: auto !important; }

  /* line 5816, theme.scss */
  body .widget-type_new-header .csmart-social-square__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: transform .15s ease, background-color .15s ease !important; }

  /* line 5826, theme.scss */
  body .widget-type_new-header .csmart-social-square__link:hover {
    background: #f5f5f5 !important;
    transform: scale(1.08) !important; }

  /* line 5830, theme.scss */
  body .widget-type_new-header .csmart-social-square__link img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    display: block !important; }

  /* VK — увеличить, чтобы перекрыть белую окантовку */
  /* line 5837, theme.scss */
  body .widget-type_new-header .csmart-social-square__link--vk img {
    width: 38px !important;
    height: 38px !important;
    transform: scale(1.05) !important; }

  /* TG (третий ребёнок) — на нижнюю строку по центру */
  /* line 5843, theme.scss */
  body .widget-type_new-header .csmart-social-square__link--tg {
    grid-column: 1 / span 2 !important;
    justify-self: center !important; }

  /* MAX возвращаем к обычной ячейке (верх слева) */
  /* line 5848, theme.scss */
  body .widget-type_new-header .csmart-social-square__link--max {
    grid-column: auto !important;
    justify-self: auto !important; }

  /* Скрыть старый блок соц-иконок внутри контактов (если где-то ещё рендерится) */
  /* line 5853, theme.scss */
  body .widget-type_new-header .header__area-contacts--bottom .header-phone-block-soc {
    display: none !important; } }
/* =====================================================================
   build 42: ПОЛНАЯ ПЕРЕСБОРКА правил стики после анализа реальной DOM.
   Открытия:
   1) Класс .header_fixed ставится на сам .header-part-main (не на .header)
   2) .layout__header в DOM нет — это css-абстракция. Все мои селекторы
      .layout__header.header_fixed были мёртвыми.
   3) Селектор '.header_fixed .header-part-main' (с пробелом) НЕ матчит —
      .header-part-main И ЕСТЬ .header_fixed. Нужно '.header-part-main.header_fixed'.
   4) Inline <style> виджета содержит '.widget-type_new-header .header-mobile-panel__bottom
      { display:flex !important }' специфичностью (0,0,2,0) — побеждает мой
      '.csmart-mobile-bottom-clone' (0,0,1,1). Поэтому клон виден на мобиле.
   5) Native '.widget-type_new-header .header_fixed { position:fixed }' уже работает —
      мои дубликаты не нужны. Скачок происходит потому что НЕТ placeholder в потоке.
      Placeholder создаётся ДИНАМИЧЕСКИ в JS (snippet.js measureMainPart).
   ===================================================================== */
/* (А) Мобильный фикс: клон скрыт ВЕЗДЕ (на мобиле и планшете). Селектор с
   двумя классами (0,0,2,1) > inline-правило виджета (0,0,2,0). */
/* line 5876, theme.scss */
html body .header-mobile-panel__bottom.csmart-mobile-bottom-clone {
  display: none !important; }

@media (min-width: 1101px) {
  /* (Б) На десктопе ВНУТРИ стики клон виден. Селектор с тремя классами (0,0,3,1) перекрывает (А). */
  /* line 5882, theme.scss */
  html body .header-part-main.header_fixed .header-mobile-panel__bottom.csmart-mobile-bottom-clone,
  html body .header_fixed .csmart-mobile-bottom-clone.header-mobile-panel__bottom {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    order: 4 !important;
    height: 44px !important;
    margin: 0 !important; }

  /* (В) Плавное выпадение стики (анимация) — на сам .header-part-main с классом .header_fixed.
     position:fixed уже задано native-правилом виджета — не дублируем.
     build 45: z-index 9999 — выше sticky-сайдбара сортировки (z=1010 на <section sticky>),
     иначе он перекрывает нашу стики на страницах категорий. */
  /* line 5898, theme.scss */
  html body .header-part-main.header_fixed {
    animation: csmartStickySlideDown 0.6s ease both !important;
    will-change: transform !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    z-index: 9999 !important; }

  @keyframes csmartStickySlideDown {
    from {
      transform: translateY(-100%); }
    to {
      transform: translateY(0); } }
  /* (Г) Placeholder в потоке. Создаётся JS-ом в виде <div class="csmart-sticky-placeholder">
     рядом с .header-part-main внутри .header__content. Только когда .header_fixed активен. */
  /* line 5912, theme.scss */
  html body .csmart-sticky-placeholder {
    display: none;
    width: 100%; }

  /* line 5916, theme.scss */
  html body .csmart-sticky-placeholder.csmart-sticky-placeholder--active {
    display: block !important;
    height: var(--csmart-main-h, 0px) !important; }

  /* (Д) Скрываем старые десктоп-клоны и старую sticky-кнопку. */
  /* line 5922, theme.scss */
  html body .header-part-main.header_fixed .header-part-main__inner > .csmart-search-clone,
  html body .header-part-main.header_fixed .header-part-main__inner > .csmart-contacts-clone {
    display: none !important; }

  /* line 5926, theme.scss */
  html body .header-part-main.header_fixed .header-part-main__inner .header__area-controls > .header__sticky-phone {
    display: none !important; }

  /* (Е) Внутренние стили клона мобильной панели (поиск + кнопка) — селектор с .header-part-main.header_fixed. */
  /* line 5931, theme.scss */
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__search,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__search-form,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone > form,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .b-search-form,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone [class*="search-form"] {
    flex: 1 1 auto !important;
    min-width: 120px !important;
    max-width: 520px !important;
    height: 44px !important;
    background: #f4f4f4 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    box-sizing: border-box !important; }

  /* line 5949, theme.scss */
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__search input,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__search-form input,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone > form input[type="search"],
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone > form input[name="q"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 4px 0 14px !important;
    font-size: 15px !important;
    outline: none !important; }

  /* line 5964, theme.scss */
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__search-form button,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__search button,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone > form button[type="submit"] {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 100% !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important; }

  /* line 5978, theme.scss */
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__sticky-phone,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header-mobile-panel__phone-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #50C35A !important;
    color: #fff !important;
    text-decoration: none !important;
    box-sizing: border-box !important; }

  /* line 5994, theme.scss */
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__sticky-phone .icon-phone,
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header-mobile-panel__phone-btn .icon-phone {
    color: #fff !important; }

  /* line 5998, theme.scss */
  html body .header-part-main.header_fixed .csmart-mobile-bottom-clone .header__sticky-phone-value {
    color: #fff !important;
    font-weight: 600 !important; }

  /* (Ж) build 43: Равные горизонтальные отступы между всеми блоками.
     Диагноз (перед фиксом): зазоры 60/40/32/20 пикселей — разные.
     Причина: на детях сидят родные margin-left/right (каталог mr:40, лого mr:12,
     бейдж ml:8/mr:12) + клон с padding 40px внутри. Нулим всё и оставляем только gap. */
  /* line 6007, theme.scss */
  html body .header-part-main.header_fixed .header-part-main__inner {
    display: flex !important;
    gap: 24px !important;
    padding: 8px 20px !important;
    align-items: center !important;
    justify-content: flex-start !important; }

  /* Обнуляем ЛЮБЫЕ внешние marginы на всех прямых детях — пусть работает только gap. */
  /* line 6015, theme.scss */
  html body .header-part-main.header_fixed .header-part-main__inner > * {
    margin-left: 0 !important;
    margin-right: 0 !important; }

  /* Иконки контролов — вправо (margin-left:auto ПОСЛЕ обнуляющего правила). */
  /* line 6020, theme.scss */
  html body .header-part-main.header_fixed .header-part-main__inner > .header__area-controls {
    margin-left: auto !important;
    gap: 16px !important;
    align-items: center !important; }

  /* build 44: Клон мобильной панели в стики: внутренний gap равный внешнему (24px),
     убираем внутренние отступы/паддинги у кнопки звонка. Так поиск и звонок
     зрительно отдельные блоки, все 5 зазоров = 24px. */
  /* line 6028, theme.scss */
  html body .header-part-main.header_fixed .header-part-main__inner > .csmart-mobile-bottom-clone {
    padding: 0 !important;
    margin: 0 !important;
    gap: 24px !important; }

  /* Обнуляем любые маржины у детей клона (поиск и кнопка звонка). */
  /* line 6034, theme.scss */
  html body .header-part-main.header_fixed .header-part-main__inner > .csmart-mobile-bottom-clone > * {
    margin-left: 0 !important;
    margin-right: 0 !important; } }
/* ===================================================================
   BUILD 55 — Левый инфо-блок (цена / название+вариант / мини-картинка).
   Триггер: body.csmart-buy-sticky.csmart-pb55-on
   Внутри 700–1099: картинка + только имя варианта (без названия товара)
   Внутри 1100+: картинка + название [вариант] + цена
   =================================================================== */
/* line 6046, theme.scss */
html body #csmart-pb55 {
  display: none; }

/* line 6047, theme.scss */
html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1101;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  /* увеличенный отступ слева чтобы картинка не липла к краю */
  padding: 0 14px 0 28px;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: none; }

/* line 6064, theme.scss */
html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 > * {
  pointer-events: auto; }

/* line 6066, theme.scss */
html body #csmart-pb55 .csmart-pb55__img {
  display: none;
  flex: 0 0 44px; }

/* line 6067, theme.scss */
html body #csmart-pb55 .csmart-pb55__img img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block; }

/* line 6070, theme.scss */
html body #csmart-pb55 .csmart-pb55__variant {
  display: none;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 500;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  min-width: 0; }

/* line 6082, theme.scss */
html body #csmart-pb55 .csmart-pb55__title {
  display: none;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 500;
  color: #000;
  /* Билд 68: inline-поток имя + [вариант].
     Имя обрезается многоточием, [вариант] висит внизу-справа (absolute),
     имя получает padding-right = ширина варианта (из JS через CSS-var). */
  position: relative;
  overflow: hidden;
  word-break: normal;
  padding-bottom: 0;
  min-height: 2.5em; }

/* line 6099, theme.scss */
html body #csmart-pb55 .csmart-pb55__title .csmart-pb55__title-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  padding-right: calc(var(--csmart-pb55-variant-w, 0px) + 6px); }

/* line 6108, theme.scss */
html body #csmart-pb55 .csmart-pb55__title .csmart-pb55__title-variant {
  position: absolute;
  right: 0;
  bottom: 0;
  white-space: nowrap;
  font-weight: 700;
  color: #000; }

/* line 6116, theme.scss */
html body #csmart-pb55 .csmart-pb55__price {
  display: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #47B060;
  white-space: nowrap;
  flex: 0 0 auto; }

/* Клон ДОЛЯМИ/кредит справа от цены в баре, 1100+ только */
/* line 6126, theme.scss */
html body #csmart-pb55 .csmart-pb55__pay {
  display: none;
  flex: 0 0 auto;
  margin-left: 10px;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 400;
  color: #444;
  white-space: nowrap; }

/* line 6136, theme.scss */
html body #csmart-pb55 .csmart-pb55__pay .csmart-pb55__pay-line {
  display: block; }

/* line 6137, theme.scss */
html body #csmart-pb55 .csmart-pb55__pay .csmart-pb55__pay-line--preorder {
  color: #c94a4a; }

/* <700 — бар не показываем */
@media (max-width: 699px) {
  /* line 6141, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 {
    display: none; } }
/* 700–1099 — картинка + название варианта (без названия товара) */
@media (min-width: 700px) and (max-width: 1099px) {
  /* line 6146, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 {
    width: 300px;
    display: flex; }

  /* line 6147, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__img {
    display: block; }

  /* line 6148, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__variant {
    display: block; }

  /* line 6149, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__price {
    display: block; }

  /* line 6150, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on [data-csmart-sticky-target="cart"] {
    left: 300px !important;
    width: calc(50% - 150px) !important;
    max-width: calc(50% - 150px) !important; }

  /* line 6155, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on [data-csmart-sticky-target="oneclick"] {
    right: 0 !important;
    width: calc(50% - 150px) !important;
    max-width: calc(50% - 150px) !important; } }
/* 1100–1399 — картинка + название с вариантом в [скобках] + цена + ДОЛЯМИ */
@media (min-width: 1100px) and (max-width: 1399px) {
  /* line 6164, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 {
    width: 740px;
    display: flex; }

  /* line 6165, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__img {
    display: block; }

  /* line 6166, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__title {
    display: block; }

  /* line 6167, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__price {
    display: block; }

  /* line 6168, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__pay {
    display: block; }

  /* line 6169, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on [data-csmart-sticky-target="cart"] {
    left: 740px !important;
    width: calc(50% - 370px) !important;
    max-width: calc(50% - 370px) !important; }

  /* line 6174, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on [data-csmart-sticky-target="oneclick"] {
    right: 0 !important;
    width: calc(50% - 370px) !important;
    max-width: calc(50% - 370px) !important; } }
/* 1400+ — картинка + название [вариант] + цена + ДОЛЯМИ */
@media (min-width: 1400px) {
  /* line 6183, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 {
    width: 860px;
    display: flex; }

  /* line 6184, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__img {
    display: block; }

  /* line 6185, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__title {
    display: block; }

  /* line 6186, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__price {
    display: block; }

  /* line 6187, theme.scss */
  html body.csmart-buy-sticky.csmart-pb55-on #csmart-pb55 .csmart-pb55__pay {
    display: block; }

  /* line 6188, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on [data-csmart-sticky-target="cart"] {
    left: 860px !important;
    width: calc(50% - 430px) !important;
    max-width: calc(50% - 430px) !important; }

  /* line 6193, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on [data-csmart-sticky-target="oneclick"] {
    right: 0 !important;
    width: calc(50% - 430px) !important;
    max-width: calc(50% - 430px) !important; } }
/* === Пункт 4: когда oneclick недоступен (preorder/нет в наличии),
   cart растягивается на всё свободное справа от нашего бара === */
@media (min-width: 700px) and (max-width: 1099px) {
  /* line 6203, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on:not(:has([data-csmart-sticky-target="oneclick"])) [data-csmart-sticky-target="cart"] {
    left: 300px !important;
    right: 0 !important;
    width: calc(100% - 300px) !important;
    max-width: calc(100% - 300px) !important; } }
@media (min-width: 1100px) and (max-width: 1399px) {
  /* line 6211, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on:not(:has([data-csmart-sticky-target="oneclick"])) [data-csmart-sticky-target="cart"] {
    left: 740px !important;
    right: 0 !important;
    width: calc(100% - 740px) !important;
    max-width: calc(100% - 740px) !important; } }
@media (min-width: 1400px) {
  /* line 6219, theme.scss */
  html body[data-theme-template="product"].csmart-buy-sticky.csmart-pb55-on:not(:has([data-csmart-sticky-target="oneclick"])) [data-csmart-sticky-target="cart"] {
    left: 860px !important;
    right: 0 !important;
    width: calc(100% - 860px) !important;
    max-width: calc(100% - 860px) !important; } }
/* === Пункты 5+6: блок ДОЛЯМИ / предзаказа на странице товара === */
/* line 6228, theme.scss */
.csmart-pay-info {
  display: inline-block; }

/* Билд 66: логотип ДОЛЯМИ (CDN сверху) — выравнивание по базовой линии текста */
/* line 6232, theme.scss */
.csmart-pay-info__logo {
  display: inline-block;
  vertical-align: -2px;
  margin-right: 5px;
  height: 16px;
  width: auto; }

/* line 6239, theme.scss */
.csmart-preorder-info {
  display: inline-block;
  color: #c94a4a; }

/* Логотип ДОЛЯМИ в нижнем баре */
/* line 6244, theme.scss */
#csmart-pb55 .csmart-pb55__dolyame-logo {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 4px;
  height: 10px;
  width: auto; }