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

/* # --- BEGIN FONT FACE PTRootUI (SWAP) --- */
@font-face {
  font-family: 'PTRootUI';
  src: url("https://static.insales-cdn.com/assets/static-versioned/5.34/static/fonts/PT+Root+UI/PTRootUI-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'PTRootUI';
  src: url("https://static.insales-cdn.com/assets/static-versioned/5.34/static/fonts/PT+Root+UI/PTRootUI-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'PTRootUI';
  src: url("https://static.insales-cdn.com/assets/static-versioned/5.34/static/fonts/PT+Root+UI/PTRootUI-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
/* # --- END FONT FACE PTRootUI (SWAP) --- */
/* line 31, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

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

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

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

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

  /* line 50, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* Карточка: резервируем место под изображение и элементы — меньше дерганий */
/* line 55, theme.scss */
.product-preview__photo .img-ratio {
  aspect-ratio: 1 / 1; }

/* line 56, 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 60, theme.scss */
.product-preview__price {
  min-height: 28px; }

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

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

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

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

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

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

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

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

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

/* Список: flex-лента + scroll-snap */
/* line 103, 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 114, 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 122, theme.scss */
.native-slider .special-products__slider-arrow {
  cursor: pointer; }

/* # --- END NATIVE SLIDER (SCROLL-SNAP) --- */
/* --- CLS: карточка товара, фиксируем высоту фотки --- */
/* line 125, theme.scss */
.product__area-photo .img-ratio {
  aspect-ratio: 1 / 1;
  /* квадрат, как и на плитке */ }

/* --- CLS: цена, наличие, артикул --- */
/* line 129, theme.scss */
.product__price {
  min-height: 2.4em;
  /* одна строка цены + старая цена */ }

/* line 133, theme.scss */
.product__price-cur,
.product__price-old,
.product__sku span[data-product-card-sku],
.product__available span[data-product-card-available] {
  display: inline-block;
  min-height: 1.2em;
  /* высота строки текста */ }

/* --- CLS: описание, характеристики, отзывы, доставка --- */
/* line 141, theme.scss */
.product__area-description {
  min-height: 220px; }

/* line 145, theme.scss */
.product__area-properties {
  min-height: 260px; }

/* line 149, theme.scss */
.product__area-reviews {
  min-height: 260px; }

/* line 153, theme.scss */
.product__area-calculate-delivery {
  min-height: 160px; }

/* Оптимизация ниже сгиба: контент рендерится, когда к нему подойдут */
@supports (content-visibility: auto) {
  /* line 159, theme.scss */
  .product__area-description,
  .product__area-properties,
  .product__area-reviews,
  .product__area-calculate-delivery {
    content-visibility: auto;
    contain-intrinsic-size: 600px; } }
/* Центрируем картинку в карточках и на странице товара */
/* line 168, theme.scss */
.product-preview__photo .img-ratio__inner,
.product__area-photo .img-ratio__inner {
  display: flex;
  align-items: center;
  justify-content: center; }

/* На всякий случай — картинка не должна вылазить */
/* line 176, theme.scss */
.product-preview__photo .img-ratio__inner img,
.product__area-photo .img-ratio__inner img {
  max-width: 100%;
  height: auto;
  display: block; }