@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); }

/* На мобиле отключаем transition у списка слайдов — меньше reflow от анимации */
@media (max-width: 767px) {
  /* line 49, theme.scss */
  .js-special-products-slider .splide__list {
    transition: none !important; } }
/* Подстраховка: браузер будет оптимизировать трансформации */
/* line 53, theme.scss */
.splide__list {
  will-change: transform; }

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

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

/* # --- END SPLIDE TRANSITION OFF (GLOBAL) --- */
/* # --- BEGIN FOLD OPTIMIZATION (CONTENT-VISIBILITY) --- */
/* line 60, 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 67, theme.scss */
.native-slider {
  --slide-w: 300px;
  --slide-gap: 16px; }

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

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

/* Список: flex-лента + scroll-snap */
/* line 78, 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 89, 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 97, 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 102, theme.scss */
  .header__area-catalog {
    display: none !important; }

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

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

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

  /* line 108, theme.scss */
  .header__search-field {
    width: 100%; } }
/* # --- END HEADER SEARCH EXPAND (DESKTOP) --- */
/* # --- BEGIN HEADER MOBILE SEARCH EXPAND --- */
@media (max-width: 767px) {
  /* на всякий, если где-то остались стили кнопки — прячем */
  /* line 114, theme.scss */
  .header-mobile-panel__bottom .header-mobile-panel__show-menu-btn {
    display: none !important; }

  /* нижняя панель — флекс, поиск на весь ряд */
  /* line 117, theme.scss */
  .header-mobile-panel__bottom {
    display: flex;
    align-items: center; }

  /* line 118, theme.scss */
  .header-mobile-panel__bottom .header__search {
    flex: 1 1 auto;
    width: 100%; }

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

  /* line 120, theme.scss */
  .header-mobile-panel__bottom .header__search-field {
    width: 100%; }

  /* если убрали верхний гамбургер (шаг B) — выравниваем верхнюю строку */
  /* line 123, theme.scss */
  .header-mobile-panel__top {
    display: flex;
    align-items: center; } }
/* # --- END HEADER MOBILE SEARCH EXPAND --- */