@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, #FF4500);
  --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, #ff571a);
  --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, #ff6933);
  --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, #ffa280);
  --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, #858383);
  --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, #939191);
  --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, #a09e9e);
  --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, #c7c6c6);
  --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, #423F3E);
  --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, #555250);
  --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, #696463);
  --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, #a29e9d);
  --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, intermittent);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 30px);
  --color-notice-warning:var(--draft-color-notice-warning, #FBF7EB);
  --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, #f8f2de);
  --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, #f5ebcd);
  --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, #caa228);
  --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, #FAFAFA);
  --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, #f2f2f2);
  --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, #e8e8e8);
  --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, #7d7d7d);
  --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, #FBF7EB);
  --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, #f8f2de);
  --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, #f5ebcd);
  --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, #caa228);
  --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, #FAFAFA);
  --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, #f2f2f2);
  --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, #e8e8e8);
  --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, #7d7d7d);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, Commissioner);
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, Commissioner);
  --heading-ratio:var(--draft-heading-ratio, 2.6);
  --heading-weight:var(--draft-heading-weight, 500);
  --collection_count:var(--draft-collection_count, 12);
  --search_count:var(--draft-search_count, 18);
  --blog_size:var(--draft-blog_size, 6);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --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, true);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, right);
  --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, true);
  --sidebar_article_position:var(--draft-sidebar_article_position, right);
  --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); }

/* ===== GLOBAL FIX: define --controls-form-border-radius =====
   The theme setting "controls-btn-border-radius" (theme settings ->
   corner rounding for buttons and form elements) is the ONLY radius
   variable this theme actually defines. Options: 0px / 6px / 10px / 30px.

   But FOUR widgets style form controls with --controls-form-border-radius,
   and nothing anywhere in this theme ever defines it. All 14 of those
   declarations silently do nothing, which is why the header search field
   and its button render square no matter what the setting is changed to.

   NOTE on the selector: core-css.css (platform) loads at the END of body,
   i.e. AFTER theme.css, and appears to declare this property with an EMPTY
   value on `:root body`. An empty declaration still counts as 'defined', so
   var() fallbacks are never consulted, and an equal-specificity rule that
   comes earlier in source order loses.

   Rather than reaching for !important, this wins on specificity:
     :root body                  -> (0,1,1)
     :root body[data-theme-template] -> (0,2,1)   <- this rule
   layouts.layout.liquid puts data-theme-template on <body> for every page,
   so the attribute is always present. The plain `:root body` selector is kept
   as a second, lower-specificity safety net.

   Affects: header_12 (search field + button), header_11,
   filter_sort_3, sidebar_filter_2.
   ============================================================== */
/* line 27, custom.scss */
:root body[data-theme-template],
:root body {
  --controls-form-border-radius: var(--controls-btn-border-radius, 30px); }

/* Highly specific selectors override system styles naturally without performance hits */
/* line 34, custom.scss */
body .micro-alert-wrapper .micro-alert {
  top: 80px; }

/* line 38, custom.scss */
body .fslightbox-container.fslightbox-full-dimension.fslightbox-fade-in-strong {
  background: #FAFAFA; }

/* ===== Header: side panel default state ===== */
/* line 43, custom.scss */
.side-panel--hidden {
  display: none; }

/* ===== Header: reserve slider height to prevent CLS ===== */
/* line 48, custom.scss */
.header-slider .promo-slider {
  min-height: 480px; }

@media (max-width: 767px) {
  /* line 52, custom.scss */
  .header-slider .promo-slider {
    min-height: 56vw; } }
/* ===== Header: menu button background ===== */
/* line 58, custom.scss */
.header__show-menu-btn {
  background: transparent; }

/* ===== "Фильтры" trigger — global override =================================
   Lives here, not only in the filter widgets' own scss, because the button may
   be rendered by a SYSTEM widget that is not part of the theme export and
   cannot be edited. theme.css loads in <head> while all widget CSS loads at the
   end of <body>, so widget rules would otherwise win on source order — hence
   !important. Scoped to .js-show-mobile-filter so the "Сортировка" button
   beside it keeps its outline style. */
/* line 69, custom.scss */
.show-mobile-filter-btn.js-show-mobile-filter,
button.show-mobile-filter-btn.js-show-mobile-filter,
.js-show-mobile-filter.button {
  background: #14110F !important;
  border-color: #14110F !important;
  color: #fff !important; }

/* line 77, custom.scss */
.show-mobile-filter-btn.js-show-mobile-filter .icon,
.js-show-mobile-filter.button .icon {
  color: #fff !important; }

/* line 82, custom.scss */
.show-mobile-filter-btn.js-show-mobile-filter:hover,
.show-mobile-filter-btn.js-show-mobile-filter:focus-visible,
.show-mobile-filter-btn.js-show-mobile-filter:active,
.js-show-mobile-filter.button:hover {
  background: #2A2422 !important;
  border-color: #2A2422 !important;
  color: #fff !important; }

/* Filters applied: keep the label readable, let the accent dot signal state. */
/* line 92, custom.scss */
.show-mobile-filter-btn.js-show-mobile-filter.is-active-filters {
  background: #14110F !important;
  border-color: #14110F !important;
  color: #fff !important; }

/* line 98, custom.scss */
.show-mobile-filter-btn.js-show-mobile-filter.is-active-filters:before {
  background: var(--color-btn-bg) !important; }

/* line 102, custom.scss */
.show-mobile-filter-btn.js-show-mobile-filter .show-mobile-filter-btn__bage {
  background: #fff !important;
  color: #14110F !important; }

/* ===== pass12: brands hub (/collection/brands) =====
   Plain text links on purpose: lightest possible markup, nothing to lazy-load,
   and every entry is a real crawlable <a href> to a brand collection. */
/* line 111, custom.scss */
.brands-hub {
  /* The hub renders straight into the template, outside the platform widget
     wrapper that gives every other block its side gutters - so it needs its
     own, or the text runs to the screen edge. */
  padding: 1.5rem 2.5rem 3rem; }

/* line 118, custom.scss */
.brands-hub__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: 0.5rem 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none; }

/* line 127, custom.scss */
.brands-hub__item {
  margin: 0; }

/* line 131, custom.scss */
.brands-hub__link {
  display: block;
  padding: 0.375rem 0;
  text-decoration: none; }

/* line 137, custom.scss */
.brands-hub__link:hover,
.brands-hub__link:focus-visible {
  text-decoration: underline; }

@media (max-width: 1023px) {
  /* line 143, custom.scss */
  .brands-hub {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }
@media (max-width: 767px) {
  /* line 150, custom.scss */
  .brands-hub {
    padding-left: 1rem;
    padding-right: 1rem; }

  /* line 155, custom.scss */
  .brands-hub__list {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); } }
/* ===== pass12d: hide the product filters on the brands hub =====
   The filter/sort block is system_widget_v4_filter_sort_1, mounted in the
   collection-section_top-list widget list and rendered by the LAYOUT, not by
   collection.liquid - so the hub branch cannot skip it the way it skips the
   product grid. It is hidden here instead.

   Making it work was not an option worth taking: those controls filter
   PRODUCTS by price and characteristics (they read
   collections[collection.handle].products_price_min), and this page lists
   collections. There is nothing for them to act on.

   Scoped with :has(.brands-hub) because .brands-hub is markup we render
   ourselves, so the hook is guaranteed present. The category tiles above the
   filters are a different widget and stay - they are working internal links. */
/* line 175, custom.scss */
body:has(.brands-hub) .filter,
body:has(.brands-hub) .filter-mobile-controls,
body:has(.brands-hub) .filter-mobile-controls-top,
body:has(.brands-hub) .sorting-modal,
body:has(.brands-hub) .collection-order,
body:has(.brands-hub) .collection-order-wrapper,
body:has(.brands-hub) .collection-sort,
body:has(.brands-hub) .show-mobile-filter-btn {
  display: none !important; }

/* pass14: instant tap feedback on product / collection links.
   Paired with the pointerdown handler in layout.liquid — the class is added
   the moment the finger lands, not when navigation starts, so the tap is
   visibly acknowledged even while the server is still thinking. */
/* line 191, custom.scss */
a.is-tapped {
  opacity: 0.55;
  transition: opacity 0.06s ease-out; }

/* line 196, custom.scss */
a.is-tapped img {
  transform: scale(0.985);
  transition: transform 0.12s ease-out; }

/* ===== pass29: favourites + compare on every product card, incl. mobile =====

   Three separate causes were found, not one:

   1. `favorite_enabled` and `compare_enabled` were DEFINED in settings.json
      but had no stored value in settings_data.json. The admin showed the
      checkboxes as on (it renders the schema default), while Liquid read nil.
      Compare survived only because its condition is
      `== null or settings.compare_enabled`, which treats missing as on;
      favourites has no such fallback. Both are now stored values, so theme
      imports stop wiping them.
   2. `product-hide-compare: true` on seven card widgets.
   3. This rule: below 1024px the card widgets set .favorites_btn and
      .product__compare to display:none and show a combined
      .product__actions-btn instead. That is why both vanished on phones.
      Overridden here so the two controls stay visible at every width. */
@media screen and (max-width: 1024px) {
  /* line 219, custom.scss */
  .product-preview .favorites_btn,
  .product-preview .product__compare,
  .product .favorites_btn,
  .product .product__compare {
    display: flex !important; } }
/* ===== pass75: «Сравнение» в ШАПКЕ на мобильных =====

   Живая шапка — кастомизированный СИСТЕМНЫЙ виджет
   (system_widget_v4_header_11_1). Правки в файлах его theme-override
   (widget_types/widget_v4_header_11_1_c27951ba…/snippet.scss|liquid) НЕ
   подхватываются при переливе темы — InSales держит кастомизацию в данных
   аккаунта, а не в файлах темы. custom.scss же всегда компилируется в theme.css.

   Штатная шапка ниже 768px прячет все .header__control-btn, кроме корзины
   (а корзина у этого магазина ещё и убрана режимом --mobile-panel-right-btn:
   first-phone). Корзина/поиск/избранное/профиль уже есть в нижнем меню
   (widget_v4_bottom_navigation_bar_1) — а «Сравнение» там нет. Возвращаем
   только его, в правый угол шапки. Кнопка уже в DOM, ей лишь снят display:none.
   Специфичность (0,3,0) бьёт штатное правило (0,2,0), но !important на всякий
   случай — inline-блок стилей виджета грузится в <body> после theme.css. */
@media screen and (max-width: 767px) {
  /* line 244, custom.scss */
  .header__area-controls .header__control-btn.header__compare,
  .header .header__control-btn.header__compare {
    display: inline-flex !important; } }
/* ===== pass83: общий «оживляж» — появление блоков при скролле + лёгкий параллакс
   на баннерных/статейных фото. Метки вешает скрипт в конце layouts.layout.liquid.

   Метки — data-АТРИБУТЫ, а не классы, намеренно: платформенный my-layout.js
   перезаписывает атрибут class у всех .layout вскоре после загрузки (возвращает
   ранее снятую копию), и любой добавленный класс в этом окне пропадает. Атрибуты
   такое присваивание не трогает; плюс скрипт вешает метку заново, если её сорвали.

   Движение «тягучее»: длинный хвост замедления (cubic-bezier с почти нулевым
   ускорением в конце) + 0.95s. Ход зависит от высоты блока (46/66/88px), чтобы у
   высоких секций движение читалось так же, как у невысоких баннеров.

   База — эффект включён; при «уменьшении движения» (prefers-reduced-motion: reduce)
   всё принудительно сбрасывается. Так надёжнее: `reduce` матчится стабильно, а
   `no-preference` в некоторых окружениях не матчится вообще. Скрипт тоже проверяет
   `reduce` и в этом случае вообще ничего не делает. */
/* блок/карточка ниже экрана -> мгновенно скрыт (без анимации «туда», чтобы не было
   моргания), анимируется только появление — состояние [data-kr-show].
   Каскад по строке товаров задаётся значением атрибута data-kr-show. */
/* Ход задаётся ЗНАЧЕНИЕМ АТРИБУТА, а не CSS-переменной в inline-style.
   Это критично: в inline-style секции (.layout) InSales хранит всю конфигурацию
   виджета — 56 переменных, включая --banner-width. Любая запись в .style секции
   пересобирает этот атрибут и в паре с тем, как платформа его сохраняет/возвращает,
   может стереть переменные виджета: тогда width: var(--banner-width) становится
   невалидным, баннер получает width:auto и раздувается до натурального размера
   картинки — то самое «огромное и размытое». Атрибуты платформа не трогает.

   Только 2D translate и БЕЗ will-change — намеренно: translate3d/will-change держат
   элемент в постоянном GPU-слое, Safari растрирует такой слой один раз на своём
   разрешении. Во время самого перехода браузер поднимет слой сам. */
/* line 282, custom.scss */
[data-kr-hide] {
  opacity: 0;
  transform: translateY(46px); }

/* line 286, custom.scss */
[data-kr-hide="m"] {
  transform: translateY(66px); }

/* line 287, custom.scss */
[data-kr-hide="l"] {
  transform: translateY(88px); }

/* line 288, custom.scss */
[data-kr-hide][data-kr-show] {
  opacity: 1;
  transform: none;
  transition: opacity 0.95s cubic-bezier(0.16, 0.72, 0.18, 1), transform 0.95s cubic-bezier(0.16, 0.72, 0.18, 1); }

/* Каскад по строке товаров — значением атрибута, без inline-style.
   Селекторы обязательно с [data-kr-hide]: у правила выше специфичность (0,2,0) и
   сокращённое свойство transition, которое сбрасывает delay в 0s. Одного
   [data-kr-show="1"] (0,1,0) не хватило бы. */
/* line 299, custom.scss */
[data-kr-hide][data-kr-show="1"] {
  transition-delay: .07s; }

/* line 300, custom.scss */
[data-kr-hide][data-kr-show="2"] {
  transition-delay: .14s; }

/* line 301, custom.scss */
[data-kr-hide][data-kr-show="3"] {
  transition-delay: .21s; }

/* Лёгкий вертикальный параллакс на фото.
   ВАЖНО: НЕ трансформируем картинку. Раньше здесь были scale(1.13) + will-change:
   transform — эта пара заставляет Chrome растрировать картинку в отдельный слой на
   фиксированном разрешении и растягивать его; на части баннеров это давало
   огромное размытое изображение, вылезающее за рамку. Теперь двигаем СОДЕРЖИМОЕ
   внутри неизменной рамки через object-position: размеры элемента не меняются
   вообще, вылезти за рамку физически нечему, растр остаётся чётким.
   --kr-par выставляет JS (клампится ±10px); применяется только к картинкам с
   object-fit: cover и стандартным object-position. */
/* Непрерывный сдвиг контента секции при прокрутке — то самое «движение при скролле».
   Двигаем ВНУТРЕННИЙ контейнер секции, а не саму секцию: фон/отступы остаются на
   месте (нет швов между блоками), и, главное, модалка быстрого просмотра
   (.modal с position:fixed) лежит СОСЕДОМ и в трансформируемое поддерево не попадает —
   иначе transform у предка ломает position:fixed. Скрипт дополнительно не берёт
   контейнеры, внутри которых есть fixed/sticky или абсолютные элементы,
   привязанные к предку снаружи. */
/* line 319, custom.scss */
[data-kr-drift] {
  /* тоже 2D и без will-change — см. пояснение выше */
  transform: translateY(var(--kr-drift, 0px)); }

/* line 324, custom.scss */
.kr-parallax-img {
  /* !important — как и у других глобальных правил здесь: custom.scss компилируется
     в theme.css (<head>), а CSS виджетов грузится в конце <body> и при равной
     специфичности выигрывает по порядку. Скрипт вешает класс только на картинки,
     у которых object-position штатный (50% 50%), так что ничего не перебиваем. */
  object-position: 50% calc(50% + var(--kr-par, 0px)) !important; }

@media (prefers-reduced-motion: reduce) {
  /* line 333, custom.scss */
  [data-kr-hide],
  [data-kr-hide][data-kr-show] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important; }

  /* line 339, custom.scss */
  .kr-parallax-img {
    object-position: 50% 50% !important; }

  /* line 342, custom.scss */
  [data-kr-drift] {
    transform: none !important; } }
/* =====================================================================
   pass92: карточки преимуществ на карточке товара и в корзине
   («Кэшбэк и бонусы от Яндекса», «Моментальная отправка» и т.д.) —
   скругление 25px, как у картинок каталога и плиток категорий
   (в настройках InSales это --border-radius: 25px; сейчас у карточек 4px).

   Виджет СИСТЕМНЫЙ (system_widget_v4_benefits_5) — его папки в теме нет,
   перезалив темы его стили не меняет, поэтому правка живёт здесь.
   !important нужен: свой CSS виджета подключается в конце <body> и при
   равной специфичности выигрывает у theme.css из <head>.
   ===================================================================== */
/* line 358, custom.scss */
.layout.widget-type_system_widget_v4_benefits_5 .benefits-list .benefits-list__item {
  border-radius: 25px !important; }

/* =====================================================================
   pass92: «шторка» для полосы Highlights (см. её snippet.scss).
   Секции-соседи после полосы делаем position: relative — тогда они рисуются
   поверх липкой полосы и закрывают её при прокрутке вниз. z-index НЕ ставим
   намеренно: position: relative с z-index: auto не создаёт контекст
   наложения, поэтому position: fixed внутри секций (панель фильтров, модалки)
   ведёт себя ровно как раньше.
   Селектор `~` действует только внутри общего родителя — это и есть диапазон,
   в котором полоса липнет, так что дальше по странице ничего не меняется.
   ===================================================================== */
/* line 372, custom.scss */
.layout.widget-type_widget_v4_instagram_1_2ed4af847245fb9bd23881a5559db21c ~ .layout {
  position: relative; }

/* pass93: артефакты прорисовки от липкой полосы.
   На карточке товара родитель полосы — <main>, то есть полоса оставалась
   приклеенной к верху окна на всю длину страницы. Сама она давно закрыта
   содержимым, но Safari продолжал держать её слой и на длинной прокрутке
   оставлял мусор: посреди страницы всплывали куски плиток и кнопки «Спросить
   в МАКС». Соседние секции у меня ещё и постоянно двигаются дрейфом из pass86
   — перекрывающиеся слои с меняющимся transform ровно так и ломаются.

   Как только полоса полностью закрыта (верх следующей секции дошёл до верха
   окна), скрипт в layouts.layout.liquid вешает сюда атрибут: полоса выходит
   из липкого режима и перестаёт рисоваться. В этот момент её обычное место в
   потоке уже выше окна, поэтому визуально ничего не меняется и не дёргается. */
/* line 388, custom.scss */
.layout.widget-type_widget_v4_instagram_1_2ed4af847245fb9bd23881a5559db21c[data-kr-hl-off] {
  position: static;
  visibility: hidden; }

/* pass94: край «шторки». Секция, которая наезжает на полосу Highlights
   (на каталоге и карточке товара это хлебные крошки), получает скруглённый
   верх — при прокрутке в её углах видно тёмную полосу под ней, и лист
   выглядит как отдельный слой, а не как обрезанный край.
   В покое углы открывают белый холст, то есть незаметны — скругление
   проявляется ровно тогда, когда шторка поехала. */
/* line 399, custom.scss */
.layout.widget-type_widget_v4_instagram_1_2ed4af847245fb9bd23881a5559db21c + .layout {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  /* pass96: заводим лист на полосу ровно на радиус — тогда скругление видно
     сразу, не дожидаясь прокрутки. Полосе добавлены такие же 25px снизу
     (её snippet.scss), так что видимая высота обеих секций прежняя. */
  margin-top: -25px; }

/* pass94: на главной ряд категорий идёт сразу за hero, поэтому его
   скруглённому верху нечего открывать — под ним такой же белый холст.
   Заводим лист на 25px (ровно радиус) на бежевый низ hero: тогда в углах
   видно бежевый, как на эскизе.

   Отдельно про грабли: сначала я померил «зазор» между секциями и получил
   88px — это оказался не зазор, а сдвиг моей же анимации появления
   (data-kr-hide сдвигает секцию вниз, пока она не показалась). Никакого
   зазора в вёрстке нет, поэтому здесь простое фиксированное число, а не
   вычисление на лету. */
/* line 418, custom.scss */
.layout[class*="index_hero_fxmic"] + .layout.widget-type_widget_v4_collections_on_index_2 {
  margin-top: -25px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px; }

@font-face {
  font-family: "Commissioner";
  src: url("commissioner-v24-cyrillic_latin-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Commissioner";
  src: url("commissioner-v24-cyrillic_latin-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Commissioner";
  src: url("commissioner-v24-cyrillic_latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
/* 700 deliberately points at the SemiBold file. Nothing in this theme is
   editable for the system widgets, and their CSS still asks for 700; mapping
   it to an already-downloaded file avoids both a second download AND the
   browser synthesising fake bold. Restore a real 700 file here if
   you ever want true Bold back. */
@font-face {
  font-family: "Commissioner";
  src: url("commissioner-v24-cyrillic_latin-600.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
/* Highly specific global selector applies the font seamlessly without performance lag */
/* line 39, font.scss */
html body,
html .button,
html input,
html .heading,
html h1, html h2, html h3, html h4, html h5, html h6,
html a,
html button {
  font-family: "Commissioner", sans-serif; }

/* line 49, font.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: insales-icons !important;
  /* Keep this !important as icon fonts need absolute priority over standard typography styles */ }

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

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

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

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

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

  /* line 25, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* line 30, theme.scss */
.micro-alert-item {
  color: #000000 !important; }