@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, #0039A6);
  --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, #0047ca);
  --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, #0053ed);
  --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, #5490ff);
  --color-btn-bg-half-shade-is-dark: var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text: var(--draft-color-accent-text, #D52B1E);
  --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, #e13a2e);
  --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, #e45045);
  --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, #ee928b);
  --color-accent-text-half-shade-is-dark: var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark: var(--draft-color-text-dark, #333333);
  --color-text-dark-is-dark: var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade: var(--draft-color-text-dark-minor-shade, #474747);
  --color-text-dark-minor-shade-is-dark: var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade: var(--draft-color-text-dark-major-shade, #5c5c5c);
  --color-text-dark-major-shade-is-dark: var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade: var(--draft-color-text-dark-half-shade, #999999);
  --color-text-dark-half-shade-is-dark: var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light: var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light: var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade: var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light: var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade: var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light: var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade: var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark: var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack: var(--draft-icons_pack, circle);
  --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, #fff3ca);
  --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, #fff2c8);
  --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, #ffedb3);
  --color-notice-warning-half-shade-is-light: var(--draft-color-notice-warning-half-shade-is-light, 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, #d3ecd9);
  --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, #d1ecd7);
  --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, #bee4c7);
  --color-notice-success-half-shade-is-light: var(--draft-color-notice-success-half-shade-is-light, 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, #f8d7da);
  --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, #f8d5d8);
  --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, #f5c4c8);
  --color-notice-error-half-shade-is-light: var(--draft-color-notice-error-half-shade-is-light, 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, #cae4ff);
  --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, #c8e3ff);
  --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, #b3d7ff);
  --color-notice-info-half-shade-is-light: var(--draft-color-notice-info-half-shade-is-light, true);
  --font-family: var(--draft-font-family, "PT Root UI");
  --font-size: var(--draft-font-size, 16px);
  --font-family-heading: var(--draft-font-family-heading, Roboto);
  --heading-ratio: var(--draft-heading-ratio, 1.5);
  --heading-weight: var(--draft-heading-weight, 600);
  --collection_count: var(--draft-collection_count, 24);
  --search_count: var(--draft-search_count, 15);
  --blog_size: var(--draft-blog_size, 6);
  --product_not_available: var(--draft-product_not_available, hidden);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1140px);
  --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, false);
  --sidebar_collection_position: var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show: var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position: var(--draft-sidebar_cart_position, left);
  --sidebar_product_show: var(--draft-sidebar_product_show, false);
  --sidebar_product_position: var(--draft-sidebar_product_position, left);
  --sidebar_blog_show: var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position: var(--draft-sidebar_blog_position, left);
  --sidebar_article_show: var(--draft-sidebar_article_show, false);
  --sidebar_article_position: var(--draft-sidebar_article_position, left);
  --sidebar_page_show: var(--draft-sidebar_page_show, false);
  --sidebar_page_position: var(--draft-sidebar_page_position, left);
  --sidebar_compare_show: var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position: var(--draft-sidebar_compare_position, left);
  --sidebar_search_show: var(--draft-sidebar_search_show, false);
  --sidebar_search_position: var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled: var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled: var(--draft-favorite_enabled, true);
  --compare_enabled: var(--draft-compare_enabled, true); }

/* 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 28, theme.scss */
.product-preview__photo .img-ratio,
.product-preview__photo .img-ratio__inner {
  aspect-ratio: 1 / 1; }

/* line 30, theme.scss */
.product-preview__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em;
  /* под ваш line-height */ }

/* line 34, theme.scss */
.product-preview__price {
  min-height: 28px; }

/* line 35, theme.scss */
.product-preview__controls {
  min-height: 48px; }

/* line 36, theme.scss */
.product-preview__controls .button {
  min-height: 44px; }

/* Слайдер: минимальная высота трека во время инициализации */
@media (max-width: 767px) {
  /* line 39, theme.scss */
  .js-special-products-slider .splide__track {
    min-height: 360px; } }
@media (min-width: 768px) {
  /* line 40, theme.scss */
  .js-special-products-slider .splide__track {
    min-height: 420px; } }
/* Изоляция пересчетов (не даст перерасчётам расползаться по всей странице) */
/* line 43, theme.scss */
.splide, .splide__track, .product-preview {
  contain: layout paint; }

/* Ширина карточки для Splide берётся из переменной, которую выставляет JS */
/* line 45, theme.scss */
.js-special-products-slider .splide__slide {
  width: var(--slide-w, 300px); }

/* # --- BEGIN SPLIDE TRANSITION OFF (GLOBAL) --- */
/* line 48, theme.scss */
.js-special-products-slider .splide__list {
  transition: none !important; }

/* line 49, theme.scss */
.splide__list {
  will-change: transform; }

/* # --- END SPLIDE TRANSITION OFF (GLOBAL) --- */
/* # --- BEGIN FOLD OPTIMIZATION (CONTENT-VISIBILITY) --- */
/* line 53, theme.scss */
.widget-type_widget_v4_special_products_2 {
  content-visibility: auto;
  contain-intrinsic-size: 520px;
  /* визуальная высота блока для предварительной раскладки */ }

/* # --- END FOLD OPTIMIZATION (CONTENT-VISIBILITY) --- */
/* # --- BEGIN NATIVE SLIDER (SCROLL-SNAP) --- */
/* Переменные выставляет JS из data-атрибутов виджета */
/* line 60, theme.scss */
.native-slider {
  --slide-w: 300px;
  --slide-gap: 16px; }

/* Трек: горизонтальный скролл, без пересчётов от библиотек */
/* line 63, theme.scss */
.native-slider .splide__track {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; }

/* line 68, theme.scss */
.native-slider .splide__track::-webkit-scrollbar {
  display: none; }

/* Список: flex-лента + scroll-snap */
/* line 71, theme.scss */
.native-slider .splide__list {
  display: flex;
  gap: var(--slide-gap);
  margin: 0;
  padding: 0;
  list-style: none;
  scroll-snap-type: x mandatory;
  will-change: transform; }

/* Элемент: фиксированная ширина из переменной */
/* line 82, theme.scss */
.native-slider .splide__slide {
  flex: 0 0 var(--slide-w);
  width: var(--slide-w);
  scroll-snap-align: start;
  box-sizing: border-box; }

/* Стрелки оставляем — они будут листать ленту через JS */
/* line 90, theme.scss */
.native-slider .special-products__slider-arrow {
  cursor: pointer; }

/* # --- END NATIVE SLIDER (SCROLL-SNAP) --- */
/* # --- BEGIN HEADER SEARCH EXPAND (DESKTOP) --- */
@media (min-width: 1024px) {
  /* на всякий случай скрываем область каталога, если где-то остались стили */
  /* line 95, theme.scss */
  .header__area-catalog {
    display: none !important; }

  /* поиск занимает всё свободное пространство между логотипом и контролами */
  /* line 98, theme.scss */
  .header__area-search {
    flex: 1 1 auto;
    min-width: 0; }

  /* line 99, theme.scss */
  .header__search {
    width: 100%; }

  /* line 100, theme.scss */
  .header__search-form {
    width: 100%; }

  /* line 101, theme.scss */
  .header__search-field {
    width: 100%; } }
/* # --- END HEADER SEARCH EXPAND (DESKTOP) --- */
/* # --- BEGIN HEADER MOBILE SEARCH VISIBLE & EXPAND --- */
@media (max-width: 767px) {
  /* Строка с поиском — всегда видима и флекс */
  /* line 107, theme.scss */
  .header-mobile-panel__bottom {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 12px; }

  /* Поиск занимает всю ширину */
  /* line 115, theme.scss */
  .header-mobile-panel__bottom .header__search {
    flex: 1 1 auto;
    width: 100% !important; }

  /* line 116, theme.scss */
  .header-mobile-panel__bottom .header__search-form {
    width: 100% !important; }

  /* line 117, theme.scss */
  .header-mobile-panel__bottom .header__search-field {
    width: 100% !important;
    min-width: 0;
    /* чтобы инпут не «упирался» в флекс-контейнер */ }

  /* Кнопка отправки остаётся компактной */
  /* line 123, theme.scss */
  .header-mobile-panel__bottom .header__search-btn {
    flex: 0 0 auto; } }
/* Аккуратные отступы с учётом вырезов экрана (Sass-safe) */
/* line 127, theme.scss */
.header-mobile-panel__bottom {
  /* базовый фолбэк */
  padding-left: 12px;
  padding-right: 12px;
  /* старый iOS (constant) */
  padding-left: calc(12px + constant(safe-area-inset-left));
  padding-right: calc(12px + constant(safe-area-inset-right));
  /* современный iOS/бразуеры (env) */
  padding-left: calc(12px + env(safe-area-inset-left));
  padding-right: calc(12px + env(safe-area-inset-right)); }

/* # --- END HEADER MOBILE SEARCH VISIBLE & EXPAND --- */
/* # --- BEGIN HEADER SEARCH PROPORTIONAL SIZING --- */
/* Единый контур: рамка и радиус — на форме, без разрывов */
/* line 143, theme.scss */
.header__search {
  --search-h: clamp(42px, 8vw, 56px);
  --search-radius: 12px;
  --search-border: #DADFE3;
  --search-bg: #fff; }

/* line 150, theme.scss */
.header__search-form {
  display: flex;
  align-items: center;
  gap: 0;
  /* убираем щель между полем и кнопкой */
  width: 100%;
  border: 1px solid var(--search-border);
  border-radius: var(--search-radius);
  background: var(--search-bg);
  overflow: hidden;
  /* обрезает внутренние углы у детей */
  box-sizing: border-box; }

/* line 162, theme.scss */
.header__search-field {
  flex: 1 1 auto;
  width: 100%;
  height: var(--search-h) !important;
  line-height: var(--search-h);
  padding: 0 14px;
  font-size: clamp(14px, 3.6vw, 16px);
  border: 0;
  /* убираем свою рамку */
  border-radius: 0;
  /* убираем свой радиус */
  background: transparent;
  box-sizing: border-box;
  outline: none; }

/* line 177, theme.scss */
.header__search-btn {
  height: var(--search-h) !important;
  min-width: var(--search-h);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  /* рамка только у формы */
  border-radius: 0;
  /* без собственного радиуса */
  background: transparent;
  /* фон только у формы */ }

/* Десктоп: фикс. высота, чуть крупнее шрифт */
@media (min-width: 1024px) {
  /* line 191, theme.scss */
  .header__search {
    --search-h: 48px; }

  /* line 192, theme.scss */
  .header__search-field {
    font-size: 16px; } }
/* # --- END HEADER SEARCH PROPORTIONAL SIZING --- */