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

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