@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, #382F2D);
  --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, #4f4240);
  --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, #665552);
  --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, #a4928e);
  --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, #FF6A39);
  --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, #ff8157);
  --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, #ff9876);
  --color-accent-text-major-shade-is-light:var(--draft-color-accent-text-major-shade-is-light, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #ffded4);
  --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, #22201D);
  --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, #393631);
  --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, #524d45);
  --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, #989186);
  --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, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --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, #fff0be);
  --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, #ffecac);
  --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, #e6b000);
  --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, #ABA5A0);
  --color-notice-success-is-dark:var(--draft-color-notice-success-is-dark, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #bbb6b2);
  --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, #cac7c4);
  --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, #f9f9f8);
  --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, #f6ccd0);
  --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, #f3bcc1);
  --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, #c52330);
  --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, #ABA5A0);
  --color-notice-info-is-dark:var(--draft-color-notice-info-is-dark, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #bbb6b2);
  --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, #cac7c4);
  --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, #f9f9f8);
  --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, 14px);
  --font-family-heading:var(--draft-font-family-heading, 'PT Root UI');
  --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, 12);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1240px);
  --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; } }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-ExtraBold.eot");
  src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url("Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("Gilroy-ExtraBold.woff") format("woff"), url("Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Heavy.eot");
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("Gilroy-Heavy.woff") format("woff"), url("Gilroy-Heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-LightItalic.eot");
  src: local("Gilroy Light Italic"), local("Gilroy-LightItalic"), url("Gilroy-LightItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-LightItalic.woff") format("woff"), url("Gilroy-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-ThinItalic.eot");
  src: local("Gilroy Thin Italic"), local("Gilroy-ThinItalic"), url("Gilroy-ThinItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-ThinItalic.woff") format("woff"), url("Gilroy-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-BlackItalic.eot");
  src: local("Gilroy Black Italic"), local("Gilroy-BlackItalic"), url("Gilroy-BlackItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-BlackItalic.woff") format("woff"), url("Gilroy-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-BoldItalic.eot");
  src: local("Gilroy Bold Italic"), local("Gilroy-BoldItalic"), url("Gilroy-BoldItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-BoldItalic.woff") format("woff"), url("Gilroy-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-SemiBold.eot");
  src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("Gilroy-SemiBold.woff") format("woff"), url("Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-UltraLightItalic.eot");
  src: local("Gilroy UltraLight Italic"), local("Gilroy-UltraLightItalic"), url("Gilroy-UltraLightItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-UltraLightItalic.woff") format("woff"), url("Gilroy-UltraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-SemiBoldItalic.eot");
  src: local("Gilroy SemiBold Italic"), local("Gilroy-SemiBoldItalic"), url("Gilroy-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-SemiBoldItalic.woff") format("woff"), url("Gilroy-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Light.eot");
  src: local("Gilroy Light"), local("Gilroy-Light"), url("Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("Gilroy-Light.woff") format("woff"), url("Gilroy-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-MediumItalic.eot");
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url("Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-MediumItalic.woff") format("woff"), url("Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-ExtraBoldItalic.eot");
  src: local("Gilroy ExtraBold Italic"), local("Gilroy-ExtraBoldItalic"), url("Gilroy-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-ExtraBoldItalic.woff") format("woff"), url("Gilroy-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url("Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("Gilroy-Regular.woff") format("woff"), url("Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-HeavyItalic.eot");
  src: local("Gilroy Heavy Italic"), local("Gilroy-HeavyItalic"), url("Gilroy-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-HeavyItalic.woff") format("woff"), url("Gilroy-HeavyItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Medium.eot");
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url("Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("Gilroy-Medium.woff") format("woff"), url("Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-RegularItalic.eot");
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url("Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("Gilroy-RegularItalic.woff") format("woff"), url("Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-UltraLight.eot");
  src: local("Gilroy UltraLight"), local("Gilroy-UltraLight"), url("Gilroy-UltraLight.eot?#iefix") format("embedded-opentype"), url("Gilroy-UltraLight.woff") format("woff"), url("Gilroy-UltraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Bold.eot");
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url("Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("Gilroy-Bold.woff") format("woff"), url("Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Thin.eot");
  src: local("Gilroy Thin"), local("Gilroy-Thin"), url("Gilroy-Thin.eot?#iefix") format("embedded-opentype"), url("Gilroy-Thin.woff") format("woff"), url("Gilroy-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Black.eot");
  src: local("Gilroy Black"), local("Gilroy-Black"), url("Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("Gilroy-Black.woff") format("woff"), url("Gilroy-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
/* line 248, theme.scss */
:root body {
  --font-family: 'Gilroy';
  --font-size: 1rem;
  --font-weight: 400;
  --font-style: normal;
  --color-btn-bg-minor-shade: rgba(0, 0, 0, 0.5);
  --controls-height-xl: 46px;
  --controls-font-size-xl: 1rem;
  --layout-side-padding-mobile: 10px;
  --layout-adaptive-vertical-indents-factor-decrease: 3.2;
  --layout-content-max-width: 3000px; }

/* line 261, theme.scss */
body, html {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: 400;
  font-style: normal; }

@media screen and (max-width: 767px) {
  /* line 267, theme.scss */
  .mobile-top-50 {
    margin-top: 50px; } }

@media screen and (min-width: 768px) {
  /* line 272, theme.scss */
  .collection-top-50.on__scroll {
    margin-top: 50px; } }

@media screen and (min-width: 768px) {
  /* line 278, theme.scss */
  .cart-top-50.on__scroll {
    margin-top: 50px; } }

/* line 284, theme.scss */
.need-transparent-header {
  position: absolute;
  width: 100%;
  top: 0;
  background: transparent; }
  /* line 289, theme.scss */
  .need-transparent-header .layout {
    background: transparent; }
  /* line 292, theme.scss */
  .need-transparent-header .header-slider {
    background: transparent; }

/* line 297, theme.scss */
.micro-alert-item {
  color: #22201d!important; }

/* line 300, theme.scss */
.layout__content {
  max-width: 3000px; }

/* line 304, theme.scss */
.widget-type_widget_v4_accordion_cards_1_1b9b7b90eaec2be76d02820767cacb5c .layout__content {
  max-width: 980px; }

/* line 318, theme.scss */
.feedback__recaptcha {
  display: none!important; }

/* line 322, theme.scss */
.client_account_session_new .co-input-field, .client_account_contacts_new .co-input-field, .client_account_contacts .co-input-field, .client_account_login .co-input-field, .client_account_addresses .co-input-field, .client_account_discounts .co-input-field {
  border-bottom: 1px solid #22201D!important; }

/* ==========================================================================
   HEADER SIDE PANEL — desktop layout
   Widget: [ketago]Шапка-слайдер
           widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e

   Lives here rather than in the widget because theme.css loads AFTER the
   widget stylesheet (layouts.layout.liquid: widgets_assets line 136, then
   "styles" line 138), so equal-specificity rules here win. InSales scopes
   widget SCSS with a .widget-type_<handle> prefix automatically; from
   theme.scss that prefix is written out by the wrapper selector below.

       row 1   dbr logo                       full width
       row 2   categories | submenu, image    two columns
       row 3   contact bar                    full width

   Desktop only. The mobile panel is a separate markup branch, untouched.
   ========================================================================== */
@media screen and (min-width: 769px) {
  /* line 345, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e {
    /* ---- panel shell --------------------------------------------------- */
    /* .side-panel__content holds six direct children: .pc-menu (desktop)
       plus .side-panel__head, .mobile-collections, a second .sidebar-contacts,
       .side-panel__bottom and .splide__slider — all mobile markup, never
       hidden on desktop, only clipped by the old overflow:hidden. */
    /* ---- grid ----------------------------------------------------------
       .pc-image is unwrapped with display:contents so the logo and the hover
       image become direct grid items and can be placed independently.
       -------------------------------------------------------------------- */
    /* ---- row 1 — logo at the top ---------------------------------------- */
    /* ---- row 2, column 1 — category list -------------------------------- */
    /* The 40px gap between the columns belongs to no element, so crossing it
       dropped :hover and closed the submenu. This pseudo-element extends the
       category's hit area over the gap, up to the submenu's left edge. It is
       transparent — it exists only to keep the hover alive.
       It hangs off .vertical-menu-link-wrapper rather than the <li>: the
       submenu is a sibling of the wrapper but a child of the <li>, so making
       the <li> positioned would re-anchor the submenu and break the layout. */
    /* Chevron, right-aligned by the link's existing justify-content:
       space-between. Only on categories that actually have a submenu, so it
       never promises a level that isn't there. */
    /* Darkens to the text colour on hover — including while the pointer is
       out in the submenu, since that is a descendant of the same <li>. */
    /* ---- row 2, column 2 (upper) — submenu ------------------------------
       Set larger than the left column on purpose: those links are uppercase
       with 0.5px tracking, these are sentence case, so matching the px size
       makes them read smaller. 1.25rem is the optical match.
       -------------------------------------------------------------------- */
    /* ---- row 2, column 2 (lower) — image, 1:2 portrait, pinned bottom --- */
    /* ---- row 3 — contact bar --------------------------------------------
         Телефон · Обратный звонок | Адрес | Время работы (muted)
         Соц. сети                                        (below)

       Compacted: the "Телефон:/Адрес:/Время работы:/Соц. сети:" labels are
       hidden — the values speak for themselves and the labels were roughly
       half the block's height — and the e-mail row is dropped (it stays in
       the footer). To bring either back, delete the two rules marked [1].

       The markup renders these in a fixed sequence with no distinguishing
       classes, so nth-child is used. Clearing one of these fields in the
       widget settings removes its <li> and shifts the numbering.
       -------------------------------------------------------------------- */ }
    /* line 350, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel {
      max-width: 760px; }
    /* line 354, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel__content {
      overflow-y: auto;
      /* was overflow:hidden — content
         past the fold was unreachable   */
      overflow-x: hidden; }
    /* line 364, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel__content > *:not(.pc-menu) {
      display: none; }
    /* line 372, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-menu {
      --nav-col: 260px;
      --col-gap: 40px;
      --panel-content: 720px;
      /* 760px panel − 2 × 20px padding  */
      --img-col: calc(var(--panel-content) - var(--nav-col) - var(--col-gap));
      --submenu-reserve: 340px;
      /* vertical space kept for the
         subcategory list; the image
         takes whatever is left over    */
      position: relative;
      display: grid;
      grid-template-columns: var(--nav-col) minmax(0, 1fr);
      grid-template-rows: auto minmax(0, 1fr) auto;
      column-gap: var(--col-gap);
      height: 100%; }
    /* line 389, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image {
      display: contents; }
    /* line 394, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image-logo {
      grid-column: 1 / -1;
      grid-row: 1;
      margin: 0 0 2.5rem; }
      /* line 399, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image-logo svg {
        display: block;
        width: 138px;
        height: auto; }
    /* line 407, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-collections {
      grid-column: 1;
      grid-row: 2;
      position: relative;
      /* anchors the submenu             */
      align-self: stretch;
      height: auto; }
    /* line 415, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel.is-show .pc-collections .vertical-menu {
      position: static;
      width: 100%;
      gap: 0;
      /* padding on the items instead —
         gaps are dead zones that drop
         the hover on the way across     */ }
    /* line 423, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item {
      padding: 0.55rem 0; }
    /* line 434, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-link-wrapper {
      position: relative; }
    /* line 438, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-link-wrapper::after {
      content: '';
      position: absolute;
      top: -0.55rem;
      /* covers the item's padding so the */
      bottom: -0.55rem;
      /* bridges are vertically contiguous */
      left: 100%;
      width: var(--col-gap); }
    /* line 450, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item:has(.vertical-submenu)
    .vertical-menu-link::after {
      content: '';
      flex: none;
      width: 6px;
      height: 6px;
      margin-left: 1rem;
      border-top: 1.5px solid #9B9691;
      /* faint by default  <- tune here */
      border-right: 1.5px solid #9B9691;
      transform: rotate(45deg);
      transition: border-color 0.15s ease; }
    /* line 465, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item:has(.vertical-submenu):hover
    .vertical-menu-link::after {
      border-top-color: #22201D;
      border-right-color: #22201D; }
    /* line 471, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-link {
      color: #22201D;
      /* was #B2B2B2 — 2.1:1 on white    */
      font-size: 1.1rem;
      /* <- tune size here               */
      line-height: 1.35;
      /* was 11px, smaller than the text */
      padding-right: 1rem;
      /* inset for the chevron           */
      box-sizing: border-box; }
    /* line 484, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .vertical-submenu {
      top: 0;
      bottom: auto;
      max-height: var(--submenu-reserve);
      /* the image starts below this,
         so the two never overlap      */
      /* Box starts flush against the category column and pads the text back
         out, so the gap is covered from this side too — the hover survives
         however the pointer crosses it. */
      left: 100%;
      width: calc(var(--img-col) + var(--col-gap));
      padding: 0 0 0 var(--col-gap);
      box-sizing: border-box;
      gap: 0;
      overflow-y: auto; }
    /* line 500, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .vertical-submenu-item {
      padding: 0.55rem 0; }
    /* line 504, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .vertical-submenu-link {
      color: #6B6764;
      /* 5.6:1 on white — passes AA      */
      font-size: 1.25rem;
      /* <- tune size here               */
      line-height: 1.35; }
    /* line 510, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .vertical-submenu-item:hover .vertical-submenu-link {
      color: #22201D; }
    /* line 515, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image-collection-img {
      grid-column: 2;
      grid-row: 2;
      align-self: end;
      /* bottom of the column            */
      justify-self: start;
      /* left-justified, not full width  */
      aspect-ratio: 1 / 2;
      /* w:h — portrait                  */
      height: calc(100% - var(--submenu-reserve));
      /* all leftover height */
      width: auto;
      /* derived from the ratio          */
      max-height: calc(var(--img-col) * 2);
    /* at 1:2 this is the point
  where width fills the column    */
      min-height: 160px;
      /* floor on short viewports        */
      max-width: 100%;
      overflow: hidden; }
      /* line 529, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image-collection-img .img-ratio {
        padding-top: 0;
        /* drop the aspect-ratio box       */
        height: 100%; }
      /* line 534, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image-collection-img .img-ratio__inner,
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image-collection-img picture {
        display: block;
        height: 100%; }
      /* line 540, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .pc-image-collection-img img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* crops the sides, never distorts */ }
    /* line 561, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts {
      grid-column: 1 / -1;
      grid-row: 3;
      margin-top: 1.75rem;
      padding: 14px 0 0;
      background: none;
      /* was the #f9f9f9 rounded card    */
      border-radius: 0;
      border-top: 1px solid #ECEAE8;
      /* [1] labels        */
      /* [1] e-mail        */
      /* Телефон      */
      /* Адрес        */
      /* Время работы */
      /* phone and "Обратный звонок" on one line */
      /* hours muted */ }
      /* line 570, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .label {
        display: none; }
      /* line 571, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item:nth-child(2) {
        display: none; }
      /* line 573, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-list {
        display: grid;
        /* first track matches --nav-col so Адрес starts on the same x as
           the right-hand column above it */
        grid-template-columns: var(--nav-col) max-content max-content;
        justify-content: start;
        column-gap: var(--col-gap);
        row-gap: 12px;
        align-items: baseline; }
      /* line 584, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item,
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item__social {
        margin-bottom: 0; }
      /* line 589, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item:nth-child(1) {
        grid-column: 1;
        grid-row: 1; }
      /* line 590, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item:nth-child(3) {
        grid-column: 2;
        grid-row: 1; }
      /* line 591, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item:nth-child(4) {
        grid-column: 3;
        grid-row: 1; }
      /* line 594, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item:nth-child(1) .value {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 0 1rem; }
      /* line 601, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .btn-qu_feed {
        margin-left: 0; }
      /* line 606, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item:nth-child(4) .value {
        color: #9B9691; }
      /* line 610, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .contact-item__social {
        grid-column: 1 / -1;
        grid-row: 2; }
      /* line 615, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .sidebar-contacts .social-links {
        margin-top: 0; } }

/* ==========================================================================
   HEADER — mobile top offset, conditional on the marquee
   Widget: [ketago]Шапка-слайдер

   The widget's last block is commented "адаптивность шапки из за бегущей
   строки" and hardcodes room for the marquee:

       @media (max-width:767px) { .header { top: 40px } .side-panel { top: 90px } }

   Those numbers are right while the marquee is switched on. The problem is
   they are unconditional, so with it switched off they leave a transparent
   strip above the fixed header and the slide-out menu.

   Marquee widget: Бегущая строка (widget_v4_marquee_1_a5c250044de4d...).
   It can only render inside <header> — top-panel-list is never output by any
   layout, it appears only in the widgets_assets list — and its own stylesheet
   sets its wrapper to .layout__content { height: 40px }, so it occupies
   exactly 40px whenever it is placed, whether or not it currently has blocks.

   So the offset now follows the marquee: absent → no offset, present → the
   original 40px / 90px. Nothing to change by hand when it is toggled in the
   admin.
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* --- marquee off (default) ------------------------------------------- */
  /* line 651, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header {
    top: 0;
    /* was 40px — marquee gap          */ }
  /* line 655, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel {
    top: 50px;
    /* was 90px = 40px marquee + 50px
       header; now just clears the
       header, matching the widget's own
       .is-scroll rule                 */ }

  /* --- marquee on — restore the widget's original offsets ---------------
     Matches the marquee widget's WRAPPER only
     (.widget-type_widget_v4_marquee_1_…), never the inner .marquee element,
     because the wrapper is what carries the widget's settings as inline CSS
     vars — and a marquee switched off with "hide on mobile" is still in the
     DOM, with --hide-mobile:true on that wrapper. Both spellings are checked:
     on this site the platform emits "--hide-mobile:true" for some widgets and
     "--hide-mobile: true" for others.
     A marquee that is placed but has no blocks still occupies 40px (its own
     .layout__content { height: 40px }), so it correctly keeps the offset.
     ---------------------------------------------------------------------- */
  /* line 677, theme.scss */
  header:has([class*="widget-type_widget_v4_marquee"]:not([style*="--hide-mobile:true"]):not([style*="--hide-mobile: true"])) .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header {
    top: 40px; }
  /* line 681, theme.scss */
  header:has([class*="widget-type_widget_v4_marquee"]:not([style*="--hide-mobile:true"]):not([style*="--hide-mobile: true"])) .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel {
    top: 90px; } }
/* ==========================================================================
   HEADER — control icons (Корзина · Поиск · Избранное · Личный кабинет · Контакты)
   Widget: [ketago]Шапка-слайдер

   Replaces the mixed set the widget ships with (four inline SVGs from four
   sources at two stroke weights, one icon-font glyph, and no cart icon on
   desktop) with one family: Phosphor Icons, regular weight, MIT licensed
   (https://phosphoricons.com). Embedded below as data-URI masks — nothing
   to upload, no library to load, < 2 KB total.

   Why masks: mask-image + background-color: currentColor makes each icon
   take the text colour. The widget already sets
   .header__control-btn span { color: white | #22201D } per page state, so
   the icons go white over the homepage hero and dark everywhere else, in
   the sticky bar, and in the mobile panel, with no new colour logic.

   The original inline <svg>s are hidden, not removed — delete this block
   and the header is exactly as before.
   ========================================================================== */
/* line 708, theme.scss */
.widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e {
  --ph-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H40V56H216V200ZM176,88a48,48,0,0,1-96,0,8,8,0,0,1,16,0,32,32,0,0,0,64,0,8,8,0,0,1,16,0Z'/%3E%3C/svg%3E");
  --ph-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'/%3E%3C/svg%3E");
  --ph-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,177.57-51.77-32.35a8,8,0,0,0-8.48,0L72,209.57V48H184Z'/%3E%3C/svg%3E");
  --ph-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z'/%3E%3C/svg%3E");
  /* Glyph size inside the 24px box. The widget's original icons drew
     ~10–12px of ink at a 1px stroke; Phosphor regular rendered at 16px
     gives ~12px of ink at exactly 1.0px (16/256 × 16). One number to tune.
     24px = edge-to-edge (what shipped first: ~19px ink, 1.5px stroke). */
  --ph-size: 16px;
  --ph-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.75-1.14,8.44,8.44,0,0,0,.74-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z'/%3E%3C/svg%3E");
  /* ---- hide the shipped icons -------------------------------------------- */
  /* ---- shared icon box ---------------------------------------------------- */
  /* Cart: the widget has a bag slot between the label and the count
     (.cart-icon-mobile) that it only shows below 768px. Use it on desktop
     too — that gives the desktop cart an icon for the first time. */
  /* Contacts: its <svg> is a direct child of the <a> with no wrapper span,
     so the icon is drawn as ::after on the label span, which already
     carries the right colour. */ }
  /* line 722, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .search-button svg,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .favorite-icon svg,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .personal-icon svg,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .cart-icon-mobile svg,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .phone-block > svg {
    display: none; }
  /* line 731, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .search-button,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .favorite-icon,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .personal-icon,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .cart-icon-mobile,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .phone-block .personal-text::after {
    display: inline-flex;
    flex: none;
    width: 24px;
    height: 24px;
    /* Colour. The label spans get white from the widget's own rule
       (.cart-text, .search-text, … { color: white }) and #22201D from its
       .second / sticky-bar / mobile-panel rules — but those never covered
       the icon wrapper spans, which just inherited the link colour (orange)
       or body text (dark). Give them the same white default; the widget's
       higher-specificity state rules still override it on every page that
       isn't the homepage hero, exactly as they do for the labels.
       (Set on the four wrapper spans below, not here: the contacts icon is
       a ::after on its label and must inherit the label's colour.) */
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--ph-size);
    mask-size: var(--ph-size); }
  /* line 758, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .search-button,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .favorite-icon,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .personal-icon,
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .cart-icon-mobile {
    color: white; }
  /* line 765, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .search-button {
    -webkit-mask-image: var(--ph-search);
    mask-image: var(--ph-search); }
  /* line 766, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .favorite-icon {
    -webkit-mask-image: var(--ph-bookmark);
    mask-image: var(--ph-bookmark); }
  /* line 767, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .personal-icon {
    -webkit-mask-image: var(--ph-user);
    mask-image: var(--ph-user); }
  /* line 772, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .cart-icon-mobile {
    -webkit-mask-image: var(--ph-bag);
    mask-image: var(--ph-bag);
    margin-right: 8px; }
    @media screen and (max-width: 767px) {
      /* line 772, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .cart-icon-mobile {
        color: #22201D;
        /* mobile header is white; the old bag
           had this stroke hardcoded          */
        --ph-size: 20px;
        /* old mobile bag was 15×18 — keep its
           presence next to the count badge   */ } }
  /* line 788, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .phone-block .personal-text {
    display: inline-flex;
    align-items: center;
    margin-right: 0;
    /* the 30px label gap moves… */ }
  /* line 793, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .phone-block .personal-text::after {
    content: '';
    margin-left: 30px;
    /* …here, so alignment matches the rest */
    -webkit-mask-image: var(--ph-phone);
    mask-image: var(--ph-phone); }

/* ==========================================================================
   HEADER — cart count badge
   Widget: [ketago]Шапка-слайдер

   Before: the count sat in its own 24px box after the bag, so "КОРЗИНА  ⌂  0"
   read as three separate things. Now the count is a filled circle overlaid
   on the bag's bottom-right corner, and it disappears entirely when the cart
   is empty — the platform's cart script adds .cart-empty to the count span
   at 0 items (the same convention the widget uses for compare-empty and
   favorites-empty), which is all the CSS needs.

   Applies to all three copies of the control: desktop corner, sticky bar,
   mobile header.
   ========================================================================== */
/* line 816, theme.scss */
.widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e {
  /* .header__control-btn.header__cart .cart-icon is (0,4,0): ties the
     widget's own sticky-bar rule and beats its mobile one, and theme.css
     loads later, so this wins in every context. */
  /* empty cart: just the bag */ }
  /* line 818, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__control-btn.header__cart {
    position: relative;
    /* the badge anchors to the bag, which
       sits at this box's right edge     */ }
  /* line 823, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__cart .cart-icon-mobile {
    margin-right: 0;
    /* was 8px — nothing sits beside it now */ }
  /* line 830, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__control-btn.header__cart .cart-icon {
    position: absolute;
    right: -4px;
    /* badge centre lands on the glyph's   */
    bottom: -4px;
    /* bottom-right corner (~20px, 20px)   */
    width: auto;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background-color: #22201D;
    /* <- or var(--bage-bg) to use the
       widget's "badge colour" setting
       (currently #EE632C, admin-editable) */
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    /* the ring that separates it from the
       bag outline; white in every state:
       white icons on the hero, white
       header everywhere else            */
    font-family: 'Gilroy';
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    text-align: center;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      /* line 830, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__control-btn.header__cart .cart-icon {
        right: 10px;
        /* the mobile cart has 14px right
           padding; keeps the badge on the bag */ } }
  /* line 867, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__control-btn.header__cart .cart-icon.cart-empty {
    display: none; }

/* ==========================================================================
   HEADER — cart toast & popover, sticky-bar tweaks
   Markup for the toast and popover is created by the block of the same name
   in theme.js. Same palette as the side panel: #22201D text, #6B6764 / #9B9691
   secondaries, #ECEAE8 hairlines, #F7F4F1 image placeholder.
   ========================================================================== */
/* ---- add-to-cart toast (appended to <body>, outside the widget) ---------- */
/* line 881, theme.scss */
.dbr-toast-root {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 100000;
  pointer-events: none; }
  @media screen and (max-width: 767px) {
    /* line 881, theme.scss */
    .dbr-toast-root {
      top: 62px;
      /* below the fixed mobile header     */
      left: 12px;
      right: 12px; } }

/* line 893, theme.scss */
.dbr-toast {
  pointer-events: auto;
  position: relative;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  width: 340px;
  max-width: 100%;
  padding: 14px 40px 14px 14px;
  background: #FFFFFF;
  border: 1px solid #ECEAE8;
  box-shadow: 0 8px 28px rgba(34, 32, 29, 0.1);
  font-family: 'Gilroy', sans-serif;
  color: #22201D;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.25s ease, transform 0.25s ease; }
  /* line 910, theme.scss */
  .dbr-toast.is-in {
    opacity: 1;
    transform: none; }
  @media screen and (max-width: 767px) {
    /* line 893, theme.scss */
    .dbr-toast {
      width: auto; } }
  @media (prefers-reduced-motion: reduce) {
    /* line 893, theme.scss */
    .dbr-toast {
      transition: none; } }

/* line 914, theme.scss */
.dbr-toast__img {
  flex: none;
  width: 56px;
  height: 70px;
  overflow: hidden;
  background: #F7F4F1; }
  /* line 920, theme.scss */
  .dbr-toast__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }

/* line 922, theme.scss */
.dbr-toast__body {
  min-width: 0; }

/* line 923, theme.scss */
.dbr-toast__eyebrow {
  font-size: 11px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #9B9691;
  margin-bottom: 4px; }

/* line 924, theme.scss */
.dbr-toast__title {
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500; }

/* line 925, theme.scss */
.dbr-toast__opts {
  font-size: 12px;
  color: #6B6764;
  margin-top: 2px; }

/* line 926, theme.scss */
.dbr-toast__link {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #22201D;
  text-decoration: underline;
  text-underline-offset: 3px; }

/* line 936, theme.scss */
.dbr-toast__close {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 4px;
  background: none;
  border: 0;
  font-size: 20px;
  line-height: 1;
  color: #9B9691;
  cursor: pointer; }
  /* line 947, theme.scss */
  .dbr-toast__close:hover {
    color: #22201D; }

/* line 950, theme.scss */
.widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e {
  /* ---- cart hover popover (inside .header__cart, which is position:relative) */
  /* ---- sticky bar ---------------------------------------------------------- */ }
  /* line 953, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop {
    position: absolute;
    top: 100%;
    right: 0;
    padding-top: 12px;
    /* transparent bridge from the button  */
    width: 340px;
    display: none;
    z-index: 30;
    cursor: default;
    text-align: left;
    font-family: 'Gilroy', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
    color: #22201D; }
    /* line 970, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop.is-open {
      display: block; }
    @media screen and (max-width: 768px) {
      /* line 953, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop {
        display: none !important; } }
  /* line 973, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__card {
    background: #FFFFFF;
    border: 1px solid #ECEAE8;
    box-shadow: 0 8px 28px rgba(34, 32, 29, 0.1);
    padding: 16px; }
  /* line 974, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__head {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #9B9691;
    padding-bottom: 12px;
    border-bottom: 1px solid #ECEAE8;
    margin-bottom: 12px; }
  /* line 975, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__empty {
    color: #6B6764;
    padding: 6px 0 2px; }
  /* line 976, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 300px;
    overflow-y: auto; }
  /* line 977, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    text-decoration: none;
    color: #22201D; }
  /* line 978, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__img {
    flex: none;
    width: 48px;
    height: 60px;
    overflow: hidden;
    background: #F7F4F1; }
    /* line 980, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__img img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  /* line 982, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px; }
  /* line 983, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__title {
    font-weight: 500; }
  /* line 984, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__opts {
    font-size: 12px;
    color: #6B6764; }
  /* line 985, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__qty {
    font-size: 12px;
    color: #9B9691; }
  /* line 986, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__sum {
    flex: none;
    font-weight: 500; }
  /* line 987, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__total {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #ECEAE8;
    font-size: 14px;
    font-weight: 500; }
  /* line 988, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__form {
    margin: 14px 0 0; }
  /* line 989, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__btn {
    width: 100%;
    height: 44px;
    background: #22201D;
    color: #FFFFFF;
    border: 0;
    font-family: 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer; }
    /* line 994, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__btn:hover {
      background: #000000; }
  /* line 996, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-cartpop__cartlink {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #6B6764;
    text-decoration: underline;
    text-underline-offset: 3px; }
  /* line 999, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content {
    /* was 30px — the corner's gap, too wide here */
    /* icon only, like search & favourites */ }
    /* line 1000, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content .cart-text {
      margin-right: 10px; }
    /* line 1001, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content .header__cabinet.is-sticky-clone .personal-text {
      display: none; }

/* ==========================================================================
   FOOTER — Yandex SmartCaptcha: hide the shield, show the notice instead
   The badge is appended to <body> by captcha.js as a fixed element
   .SmartCaptcha-Shield_position_bottom.SmartCaptcha-Shield_position_right
   (icon → Yandex marketing page, text → the legal notice). InSales' platform
   script renders it with hideShield:false, hardcoded, so it is hidden here.
   The challenge popup is a different element (.SmartCaptcha-Overlay) and is
   untouched — forms keep working. The notice line itself is inserted by the
   block of the same name in theme.js.
   ========================================================================== */
/* line 1016, theme.scss */
[class*="SmartCaptcha-Shield_position"],
#smartcaptcha-shield-root {
  display: none !important; }

/* line 1021, theme.scss */
.widget-type_widget_v4_footer_18_1_8c86594afc931e6271b6731c8826140f {
  /* the notice is appended inside .footer__area-privacy (a wrapping flex
     row), so a full-width item lands as the very next line under the links */ }
  /* line 1022, theme.scss */
  .widget-type_widget_v4_footer_18_1_8c86594afc931e6271b6731c8826140f .footer-bottom {
    padding-bottom: 2rem;
    /* room under the privacy row + notice */ }
  /* line 1027, theme.scss */
  .widget-type_widget_v4_footer_18_1_8c86594afc931e6271b6731c8826140f .footer__area-privacy .dbr-captcha-notice {
    flex-basis: 100%;
    margin-top: 6px;
    padding-right: 15px;
    /* same inset as .privacy-menu        */
    font-family: 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
    color: #B2B2B2;
    /* matches .privacy-link             */
    text-align: right; }
    /* line 1038, theme.scss */
    .widget-type_widget_v4_footer_18_1_8c86594afc931e6271b6731c8826140f .footer__area-privacy .dbr-captcha-notice a {
      color: inherit;
      text-decoration: underline;
      text-underline-offset: 3px; }
      /* line 1042, theme.scss */
      .widget-type_widget_v4_footer_18_1_8c86594afc931e6271b6731c8826140f .footer__area-privacy .dbr-captcha-notice a:hover {
        color: #22201D; }
    @media screen and (max-width: 767px) {
      /* line 1027, theme.scss */
      .widget-type_widget_v4_footer_18_1_8c86594afc931e6271b6731c8826140f .footer__area-privacy .dbr-captcha-notice {
        text-align: center;
        padding: 0 12px;
        margin-top: 10px; } }

/* ==========================================================================
   CART BADGE — empty-state guard
   The count span is server-rendered empty, with no .cart-empty class, and the
   platform fills both in afterwards. Until it does (or if that script fails)
   the badge showed as a bare dark circle. Hide it while it has no content.
   ========================================================================== */
/* line 1060, theme.scss */
.widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e {
  /* (the collapsed-bar logo column that used to be here is now part of the
     "one standard bar" block further down) */ }
  /* line 1061, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__control-btn.header__cart .cart-icon:empty {
    display: none !important; }
  /* line 1064, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content .header__cart {
    margin-right: 6px;
    /* keeps the badge inside the bar     */ }

/* ==========================================================================
   FAVOURITES — one bookmark everywhere
   Product tiles (grid, sliders, tabs, favourites modal), the product page
   title row and the favourites modal all use
   <a class="bttn-bubble"><span>svg</span><span>svg</span></a> with an 11×14
   hairline bookmark hardcoded in #22201D, 9px wide — near invisible. Now:
   the same Phosphor bookmark as the header, drawn on the first <span>;
   filled when saved (.favorites-added). No disc, no shadow: on photos it
   sits quiet at 55% and comes up on hover or once saved; a faint white halo
   keeps the line readable on dark shots. The widget's .bttn-bubble
   ::before/::after are its click "bubble" effect and are left alone.
   ========================================================================== */
/* line 1085, theme.scss */
:root {
  --ph-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Zm0,177.57-51.77-32.35a8,8,0,0,0-8.48,0L72,209.57V48H184Z'/%3E%3C/svg%3E");
  --ph-bookmark-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='currentColor'%3E%3Cpath d='M184,32H72A16,16,0,0,0,56,48V224a8,8,0,0,0,12.24,6.78L128,193.43l59.77,37.35A8,8,0,0,0,200,224V48A16,16,0,0,0,184,32Z'/%3E%3C/svg%3E");
  --dbr-fav-rest: 0.55;
  /* tile icon at rest  <- tune here   */
  --dbr-fav-halo: drop-shadow(0 0 1px rgba(255, 255, 255, 0.9)) drop-shadow(0 0 3px rgba(255, 255, 255, 0.6)); }

/* line 1091, theme.scss */
.fav-container {
  max-width: none !important;
  /* the favourites modal caps it at 6px */
  height: auto !important; }

/* line 1095, theme.scss */
.fav-container .bttn-bubble {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 32px;
  /* tap target; the glyph is 20px    */
  height: 32px;
  padding: 0 !important;
  background: transparent;
  color: #22201D;
  text-decoration: none;
  transition: opacity 0.15s ease; }
  /* line 1108, theme.scss */
  .fav-container .bttn-bubble > span {
    max-width: none !important; }
  /* line 1109, theme.scss */
  .fav-container .bttn-bubble > span svg {
    display: none !important; }
  /* line 1110, theme.scss */
  .fav-container .bttn-bubble > span:last-child {
    display: none !important; }
  /* line 1111, theme.scss */
  .fav-container .bttn-bubble > span:first-child {
    display: block !important;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask: var(--ph-bookmark) center/contain no-repeat;
    mask: var(--ph-bookmark) center/contain no-repeat; }
  /* line 1119, theme.scss */
  .fav-container .bttn-bubble.favorites-added > span:first-child {
    -webkit-mask-image: var(--ph-bookmark-fill);
    mask-image: var(--ph-bookmark-fill); }

/* over product photos (.fixed-buttons = top-right corner of the tile) */
/* line 1125, theme.scss */
.fixed-buttons .fav-container .bttn-bubble {
  opacity: var(--dbr-fav-rest);
  filter: var(--dbr-fav-halo); }
  /* line 1128, theme.scss */
  .fixed-buttons .fav-container .bttn-bubble:hover, .fixed-buttons .fav-container .bttn-bubble.favorites-added {
    opacity: 1; }

/* ==========================================================================
   COLLECTION PAGES — SEO description block
   Widget: system_widget_v4_collection_description_1 (the only place it is
   used). Centred, narrower measure, calmer type; long texts are clamped and
   get a «Читать далее» toggle (theme.js). The full text is always in the
   HTML — nothing is removed or lazy-loaded — so crawlers see all of it.
   ========================================================================== */
/* line 1141, theme.scss */
.widget-type_system_widget_v4_collection_description_1 .layout__content {
  text-align: center; }
/* line 1143, theme.scss */
.widget-type_system_widget_v4_collection_description_1 .static-text {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  font-family: 'Gilroy', sans-serif;
  color: #6B6764;
  /* clamped state — content stays in the DOM, only the box is shortened */ }
  /* line 1150, theme.scss */
  .widget-type_system_widget_v4_collection_description_1 .static-text h1, .widget-type_system_widget_v4_collection_description_1 .static-text h2, .widget-type_system_widget_v4_collection_description_1 .static-text h3 {
    font-family: 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #22201D;
    margin: 0 0 22px; }
  /* line 1160, theme.scss */
  .widget-type_system_widget_v4_collection_description_1 .static-text p {
    font-size: 15px;
    line-height: 1.7;
    margin: 0 0 14px; }
  /* line 1165, theme.scss */
  .widget-type_system_widget_v4_collection_description_1 .static-text a {
    color: #22201D;
    text-decoration: underline;
    text-underline-offset: 3px; }
  /* line 1168, theme.scss */
  .widget-type_system_widget_v4_collection_description_1 .static-text.is-collapsed {
    position: relative;
    max-height: 230px;
    /* keep in sync with COLLAPSED_PX in theme.js */
    overflow: hidden; }
    /* line 1172, theme.scss */
    .widget-type_system_widget_v4_collection_description_1 .static-text.is-collapsed::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 90px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFFFFF 85%);
      pointer-events: none; }
/* line 1183, theme.scss */
.widget-type_system_widget_v4_collection_description_1 .dbr-readmore {
  display: inline-block;
  margin: 14px auto 0;
  padding: 6px 0;
  background: none;
  border: 0;
  border-bottom: 1px solid #22201D;
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #22201D;
  cursor: pointer; }
  /* line 1197, theme.scss */
  .widget-type_system_widget_v4_collection_description_1 .dbr-readmore:hover {
    opacity: 0.7; }

/* ==========================================================================
   PRODUCT PAGE — «Добавить в корзину» feedback state
   The button is transparent inside the dark .product__buy-btn-area-inner
   (#382F2D). For ~1.8s after a successful add (class set in theme.js) it
   inverts to white with dark text and reads «Добавлено ✓».
   ========================================================================== */
/* line 1209, theme.scss */
.widget-type_ketago_pr_card_dp9_accordion_thumb .add-cart-counter [data-add-cart-counter-btn] {
  transition: background-color 0.2s ease, color 0.2s ease; }
/* line 1212, theme.scss */
.widget-type_ketago_pr_card_dp9_accordion_thumb .add-cart-counter [data-add-cart-counter-btn].is-added {
  background: #FFFFFF !important; }
  /* line 1214, theme.scss */
  .widget-type_ketago_pr_card_dp9_accordion_thumb .add-cart-counter [data-add-cart-counter-btn].is-added .add-cart-counter__btn-label {
    color: #22201D; }

/* ==========================================================================
   HEADER — reserve its space when it goes sticky (fixes the scroll jump)
   See the block of the same name in theme.js, which sets
   --dbr-header-reserve to the header's natural height. Fallback 68px is the
   measured height of the bar at desktop widths.
   ========================================================================== */
@media screen and (min-width: 768px) {
  /* line 1226, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header-slider.second {
    min-height: var(--dbr-header-reserve, 68px);
    /* the bar's height (see the "one standard bar" block) */ }

  /* the theme's earlier partial patch (50px pushed onto <main> while sticky)
     would now double-compensate — neutralise it */
  /* line 1231, theme.scss */
  main.collection-top-50.on__scroll,
  main.cart-top-50.on__scroll {
    margin-top: 0; } }
/* ==========================================================================
   FONTS — font-display for the four Gilroy weights the site actually uses
   The @font-face rules above have no font-display, so text is invisible
   until each file arrives. A later @font-face with the same family / weight /
   style replaces the earlier one, so these repeat the original sources
   verbatim and add only font-display: swap. 400 / 500 / 600 / 700 are the
   weights rendered on the page; the other 25 declarations are untouched.
   ========================================================================== */
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url("Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("Gilroy-Regular.woff") format("woff"), url("Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Medium.eot");
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url("Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("Gilroy-Medium.woff") format("woff"), url("Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-SemiBold.eot");
  src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("Gilroy-SemiBold.woff") format("woff"), url("Gilroy-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Gilroy';
  src: url("Gilroy-Bold.eot");
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url("Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("Gilroy-Bold.woff") format("woff"), url("Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
/* ==========================================================================
   CART PAGE — «Каталог» product carousel (platform widget)
   Widget: system_widget_v4_special_products_6 — InSales' own card
   (.product-preview) with the platform icon font. Its code is not in the
   theme, so it is restyled from here:
     · the card was a two-column grid ("photo ." / 165px 45px) with an empty
       spacer column, so the photo only got 165px; now single-column and the
       photo fills the card width at 3:4 (the product photos' own ratio), so
       cards get taller — matching the catalogue tiles
     · «Подробнее» (eye) and «Сравнить» (bar-chart) buttons removed
     · favourites: the platform heart glyph → the theme's bookmark on a white
       disc at the photo's top-right, filled when saved. Drawn on the two glyph
       spans the platform already toggles (.icon-favorites-o / -f), not on
       ::before, which the platform's button styles own.
   Selectors are deliberately long: the platform widget's own rules use
   !important and several classes, and these have to outrank them.
   ========================================================================== */
/* line 1310, theme.scss */
.widget-type_system_widget_v4_special_products_6 {
  /* ---- photo fills the card, 3:4 ---------------------------------------- */
  /* ---- eye + compare (+ the hidden variants button) off ----------------- */
  /* ---- favourites → bookmark, top-right of the photo -------------------- */ }
  /* line 1312, theme.scss */
  .widget-type_system_widget_v4_special_products_6 .product-preview__content {
    position: relative;
    /* anchors the favourites disc        */
    grid-template-columns: 100% !important; }
    /* line 1315, theme.scss */
    .widget-type_system_widget_v4_special_products_6 .product-preview__content > * {
      grid-column: 1 / -1 !important; }
  /* line 1319, theme.scss */
  .widget-type_system_widget_v4_special_products_6 .product-preview__area-photo,
  .widget-type_system_widget_v4_special_products_6 .product-preview__photo,
  .widget-type_system_widget_v4_special_products_6 .product-preview__photo .img-ratio {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important; }
  /* line 1327, theme.scss */
  .widget-type_system_widget_v4_special_products_6 .product-preview__photo .img-ratio {
    --img-ratio: 0.75;
    /* was 1                             */
    padding-top: 133.333% !important;
    /* 3:4 box                           */ }
  /* line 1331, theme.scss */
  .widget-type_system_widget_v4_special_products_6 .product-preview__photo img {
    object-fit: cover !important;
    /* was contain (from --img-fit)       */
    width: 100% !important;
    height: 100% !important; }
  /* line 1338, theme.scss */
  .widget-type_system_widget_v4_special_products_6 .product-preview__detail-select-btn,
  .widget-type_system_widget_v4_special_products_6 .product-preview__compare-btn,
  .widget-type_system_widget_v4_special_products_6 .product-preview__show-modal-variants-btn {
    display: none !important; }
  /* line 1343, theme.scss */
  .widget-type_system_widget_v4_special_products_6 .product-preview__controls {
    min-height: 0;
    padding: 0;
    margin: 0; }
  /* line 1350, theme.scss */
  .widget-type_system_widget_v4_special_products_6 .product-preview .product-preview__controls-left .favorites_btn.button {
    position: absolute;
    top: 13px;
    right: 13px;
    z-index: 3;
    width: 32px !important;
    height: 32px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    /* the platform caps it — this was
       what collapsed it to 0px          */
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
    line-height: 0 !important;
    cursor: pointer;
    opacity: var(--dbr-fav-rest);
    /* same resting/halo treatment as the tiles (FAVOURITES block) */
    filter: var(--dbr-fav-halo);
    transition: opacity 0.15s ease;
    /* the icon-font glyph */ }
    /* line 1376, theme.scss */
    .widget-type_system_widget_v4_special_products_6 .product-preview .product-preview__controls-left .favorites_btn.button:hover, .widget-type_system_widget_v4_special_products_6 .product-preview .product-preview__controls-left .favorites_btn.button.favorites-added {
      opacity: 1; }
    /* line 1379, theme.scss */
    .widget-type_system_widget_v4_special_products_6 .product-preview .product-preview__controls-left .favorites_btn.button .btn-icon {
      /* display stays the platform's:
         it shows -o, or -f when saved      */
      width: 20px !important;
      height: 20px !important;
      max-width: none !important;
      font-size: 0 !important;
      line-height: 0 !important;
      color: transparent !important;
      background-color: #22201D;
      -webkit-mask: var(--ph-bookmark) center/contain no-repeat;
      mask: var(--ph-bookmark) center/contain no-repeat; }
    /* line 1391, theme.scss */
    .widget-type_system_widget_v4_special_products_6 .product-preview .product-preview__controls-left .favorites_btn.button .btn-icon::before,
    .widget-type_system_widget_v4_special_products_6 .product-preview .product-preview__controls-left .favorites_btn.button .btn-icon::after {
      content: none !important; }
    /* line 1393, theme.scss */
    .widget-type_system_widget_v4_special_products_6 .product-preview .product-preview__controls-left .favorites_btn.button .btn-icon.icon-favorites-f {
      -webkit-mask-image: var(--ph-bookmark-fill);
      mask-image: var(--ph-bookmark-fill); }

/* ==========================================================================
   CART PAGE — reserve note, favourites bookmark on cart lines
   Widget: widget_v4_cart_2_… (the note element is inserted by theme.js).
   ========================================================================== */
/* line 1405, theme.scss */
.widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c {
  /* ---- note under «Оформить заказ» ------------------------------------ */
  /* ---- «В избранное»: platform heart glyph → the theme's bookmark ------- */ }
  /* line 1408, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .submit-block .dbr-reserve-note {
    margin: 10px 0 0;
    font-family: 'Gilroy', sans-serif;
    font-size: 12px;
    line-height: 1.45;
    color: #9B9691;
    text-align: center; }
  /* line 1419, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart-item .favorites_btn .btn-icon.icon-favorites {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 0;
    /* the widget pads the glyph 0.5rem  */
    margin-right: 0.5rem;
    /* …keep that gap before the label   */
    vertical-align: middle;
    font-size: 0;
    /* glyph off                         */
    line-height: 0;
    background-color: currentColor;
    /* follows the button's text colour  */
    -webkit-mask: var(--ph-bookmark) center/contain no-repeat;
    mask: var(--ph-bookmark) center/contain no-repeat; }
    /* line 1431, theme.scss */
    .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart-item .favorites_btn .btn-icon.icon-favorites::before, .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart-item .favorites_btn .btn-icon.icon-favorites::after {
      content: none !important; }
  /* line 1433, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart-item .favorites_btn.favorites-added .btn-icon.icon-favorites {
    -webkit-mask-image: var(--ph-bookmark-fill);
    mask-image: var(--ph-bookmark-fill); }

/* ==========================================================================
   CART PAGE — air, one left edge, type scale, colour
   Widget: widget_v4_cart_2_… (markup not editable; the title split and the
   «Моя корзина» rename are done in theme.js).
     air      64px above the title, 40px under it, 72px after the list and a
              hairline before «Дополните образ».
     edge     the photo was a 200px square with the (portrait) picture
              letterboxed inside — so the visible photo started 25px right of
              the title. Now a 3:4 box, filled, like the catalogue cards.
     type     line 1: the product name, 17px; line 2: article · colour ·
              size, 13px grey. The price matches line 1.
     colour   one dark CTA; the promo link goes from orange to grey.
   ========================================================================== */
/* line 1454, theme.scss */
.widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c {
  /* ---- air -------------------------------------------------------------- */
  /* ---- rows ------------------------------------------------------------- */
  /* 3:4 box     */
  /* ---- type ------------------------------------------------------------- */
  /* ---- colour ----------------------------------------------------------- */ }
  /* line 1457, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .layout__content {
    padding-top: 64px;
    padding-bottom: 72px; }
    @media screen and (max-width: 767px) {
      /* line 1457, theme.scss */
      .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .layout__content {
        padding-top: 32px;
        padding-bottom: 48px; } }
  /* line 1462, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c h1.heading {
    margin: 0 0 40px;
    padding: 0; }
    @media screen and (max-width: 767px) {
      /* line 1462, theme.scss */
      .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c h1.heading {
        margin-bottom: 28px; } }
  /* line 1469, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart-item {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom-color: #ECEAE8; }
    /* line 1473, theme.scss */
    .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart-item:last-child {
      border-bottom: 0;
      padding-bottom: 0; }
  /* line 1475, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-image .img-ratio {
    --img-ratio: 0.75; }
  /* line 1476, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-image .img-ratio img {
    object-fit: cover !important;
    /* the widget's --img-fit:contain letterboxed it */
    object-position: 50% 0 !important; }
  /* line 1482, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-title {
    font-family: 'Gilroy', sans-serif;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 500;
    color: #22201D; }
    /* line 1488, theme.scss */
    .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-title .dbr-item-name {
      display: block; }
    /* line 1489, theme.scss */
    .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-title .dbr-item-meta {
      display: block;
      margin-top: 6px;
      font-size: 13px;
      line-height: 1.4;
      letter-spacing: 0.2px;
      color: #9B9691; }
    @media screen and (max-width: 550px) {
      /* line 1482, theme.scss */
      .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-title {
        font-size: 15px; } }
  /* line 1499, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-total {
    font-size: 17px;
    line-height: 1.35;
    font-weight: 500; }
    @media screen and (max-width: 550px) {
      /* line 1499, theme.scss */
      .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .item-total {
        font-size: 15px; } }
  /* line 1507, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart__area-coupon .coupon-header {
    color: #6B6764;
    text-decoration: underline;
    text-underline-offset: 3px; }
    /* line 1511, theme.scss */
    .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart__area-coupon .coupon-header:hover {
      color: #22201D; }
  /* line 1513, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart__area-coupon .coupon-content .coupon-button {
    color: #22201D; }
  /* line 1514, theme.scss */
  .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .submit-block .button[data-cart-submit] {
    background: #22201D;
    border-color: #22201D;
    color: #FFFFFF;
    font-family: 'Gilroy', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
    /* line 1523, theme.scss */
    .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .submit-block .button[data-cart-submit]:hover {
      background: #000000;
      border-color: #000000; }

/* «Дополните образ»: a hairline and room between it and the cart */
/* line 1528, theme.scss */
.widget-type_system_widget_v4_special_products_6 .layout__content {
  border-top: 1px solid #ECEAE8;
  padding-top: 56px; }

/* ==========================================================================
   HEADER — one standard horizontal bar on every page (desktop, ≥768px)
   The widget's large block (categories and controls stacked vertically in
   the corners) is hidden; its compact bar is shown always and becomes the
   only header:   burger · ЖЕНЩИНАМ · МУЖЧИНАМ  |  logo  |  icons
   The bar's left group is assembled by the block of the same name in
   theme.js. Scroll behaviour is unchanged (theme.js pins .header on scroll);
   the bar is the same height in both states, so there is no jump.
   Homepage: the bar sits transparent over the hero with white items and the
   white logo until the page is scrolled, then turns white like everywhere.
   Mobile (<768px) keeps the widget's own mobile header, untouched.
   ========================================================================== */
/* line 1546, theme.scss */
.widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e {
  /* ---- side panel: the category the bar was hovered on stays expanded ----
     Mirrors the widget's :hover rules (and the chevron rule of the side
     panel block above). Set/cleared by theme.js. */ }
  @media screen and (min-width: 768px) {
    /* line 1546, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e {
      /* ---- left: burger · categories -------------------------------------- */
      /* ---- sub-bar: the collection's subcategories, while scrolled ---------
         The widget renders this strip on collection pages (the current
         collection's subcollections, current one marked .is-active). It does
         not fit beside the links, so it becomes a second row under the bar,
         shown only once the page is scrolled — at the top the collection
         page's own filter bar lists the same links right under the header.
         Only rendered when there are links (leaf collections get an empty
         strip). The reserve block in theme.js measures the header with
         .on__scroll lifted, so this row never changes the page flow. */
      /* ---- centre: logo --------------------------------------------------- */
      /* inner pages: theme.js clones the logo block into the bar; on those
         pages its first link is already the dark logo */
      /* the delivery page renders the white logo first — use the dark twin */
      /* ---- right: icons only ---------------------------------------------- */
      /* ---- homepage, not yet scrolled: transparent over the hero ----------- */ }
      /* line 1550, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__content {
        display: none !important; }
      /* line 1552, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content,
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content.index {
        display: grid !important;
        opacity: 1 !important;
        grid-template-areas: "scroll-menu scroll-logo scroll-controls" "scroll-collections scroll-collections scroll-collections";
        /* sub-bar, collection pages while scrolled; empty (0px) otherwise */
        grid-template-columns: 1fr 110px 1fr;
        /* symmetric → logo centred   */
        align-items: center;
        position: relative;
        z-index: 13;
        /* above the hero slides       */ }
      /* line 1566, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-menu-group {
        grid-area: scroll-menu;
        display: flex;
        align-items: center;
        gap: 28px;
        min-width: 0;
        padding-left: 13px;
        /* 5px on the bar + 13 = the controls' right inset */ }
      /* line 1574, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-topnav__link {
        font-family: 'Gilroy', sans-serif;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #22201D;
        text-decoration: none;
        white-space: nowrap;
        transition: opacity 0.15s ease; }
        /* line 1585, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .dbr-topnav__link:hover {
          opacity: 0.6; }
      /* line 1596, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-collection-menu {
        grid-area: scroll-collections;
        display: none; }
      /* line 1600, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content.on__scroll .header__area-scroll-collection-menu:has(.header__area-scroll-collection-menu-item) {
        display: flex;
        align-items: center;
        padding: 10px 32px 12px 27px;
        /* +5px bar inset = 32px: text starts under the burger's lines */
        border-top: 1px solid #ECEAE8;
        /* long lists (e.g. Сумки: 13 subcategories) scroll sideways in one
           line instead of wrapping into a second row; no scrollbar shown */
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none; }
        /* line 1610, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content.on__scroll .header__area-scroll-collection-menu:has(.header__area-scroll-collection-menu-item)::-webkit-scrollbar {
          display: none; }
      /* line 1612, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-collection-menu-item,
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-collection-menu .collection-dot {
        flex: none; }
      /* line 1614, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-collection-menu-item-label {
        font-size: 13px;
        /* a step under the 16px main row */
        line-height: 1;
        white-space: nowrap; }
      /* line 1619, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .collection-dot {
        margin: 0 12px; }
      /* line 1622, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-logo,
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content > .header__logo,
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content > .header__logo-mobile {
        grid-area: scroll-logo;
        justify-self: center; }
      /* line 1630, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-logo {
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 1634, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-logo .header__logo {
          display: grid; }
        /* line 1635, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-logo .header__logo-mobile {
          display: none; }
        /* line 1636, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__area-scroll-logo img {
          max-width: 110px;
          padding: 10px 0;
          display: block; }
      /* line 1640, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header-slider.need-white .header__area-scroll-logo .header__logo {
        display: none; }
      /* line 1641, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header-slider.need-white .header__area-scroll-logo .header__logo-mobile {
        display: grid; }
      /* line 1645, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header__scroll-content .cart-text {
        display: none; }
      /* line 1648, theme.scss */
      .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index {
        /* the rects carry an inline fill */
        /* the widget shows the dark logo in the bar; swap to the white one */ }
        /* line 1649, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__scroll-content {
          background: transparent;
          box-shadow: none; }
        /* line 1653, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .dbr-topnav__link {
          color: #FFFFFF; }
        /* line 1654, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__area-scroll-burger rect {
          fill: #FFFFFF !important; }
        /* line 1655, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__area-scroll-controls .header__control-btn span,
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__area-scroll-controls .search-button,
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__area-scroll-controls .favorite-icon,
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__area-scroll-controls .personal-icon,
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__area-scroll-controls .cart-icon-mobile {
          color: #FFFFFF; }
        /* line 1661, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__scroll-content > .header__logo {
          display: grid; }
          /* line 1663, theme.scss */
          .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__scroll-content > .header__logo img {
            max-width: 110px;
            padding: 10px 0; }
        /* line 1665, theme.scss */
        .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header.index .header__scroll-content > .header__logo-mobile {
          display: none; } }
  @media screen and (min-width: 769px) {
    /* line 1674, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item.is-default-open .vertical-menu-link {
      color: #22201D; }
    /* line 1675, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item.is-default-open .active-info {
      display: flex; }
    /* line 1676, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item.is-default-open .vertical-submenu {
      opacity: 1;
      visibility: visible; }
    /* line 1677, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item.is-default-open .vertical-submenu .active-info {
      display: none; }
    /* line 1678, theme.scss */
    .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .side-panel .pc-collections .vertical-menu-item.is-default-open .vertical-menu-link::after {
      border-top-color: #22201D;
      border-right-color: #22201D; } }

/* ==========================================================================
   CART PAGE — keep the sticky «В корзине» box clear of the pinned header
   The box (.cart__area-controls-sticky) is position:sticky; top:1.5rem.
   Once the header is pinned (.on__scroll) that slid the box under it.
   --dbr-header-h is the bar's measured height, set on :root by the header
   reserve block in theme.js.
   ========================================================================== */
@media screen and (min-width: 768px) {
  /* line 1695, theme.scss */
  main.on__scroll .widget-type_widget_v4_cart_2_45bcf7eb8169ec80a69a85e1f583548c .cart__area-controls-sticky {
    top: calc(var(--dbr-header-h, 68px) + 1.5rem); } }
/* ==========================================================================
   COLLECTION PAGES — «Показать ещё» + pagination
   Two platform widgets close every listing: the load-more button
   (widget_v4_infinity_products_button_1_…) and the numbered pagination
   (system_widget_v4_pagination_3). Before: bold uppercase text with no
   button shape, then page numbers with the current page greyed out and a
   «next» arrow in a shadowed disc, all boxed in between hairlines.
   Now: one primary action — an outlined button; the page numbers stay for
   SEO and jumps but as a quiet secondary row: small, current page dark and
   underlined, plain arrows, no discs. Styling only — the widgets' markup,
   links and load-more script are untouched.
   ========================================================================== */
/* line 1713, theme.scss */
.widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 {
  /* ---- the button ------------------------------------------------------ */ }
  /* line 1715, theme.scss */
  .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer {
    flex-direction: column;
    border-top: 1px solid #ECEAE8;
    padding: 56px 20px 0; }
    @media screen and (max-width: 767px) {
      /* line 1715, theme.scss */
      .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer {
        padding: 40px 16px 0; } }
  /* line 1723, theme.scss */
  .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: 320px;
    height: 48px;
    padding: 0 32px;
    border: 1px solid #22201D;
    font-family: 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #22201D;
    background: transparent;
    transition: background-color 0.15s ease, color 0.15s ease;
    /* loading: the widget's two-dot loader, centred inside the button
       instead of floating above it */ }
    /* line 1742, theme.scss */
    .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all:hover {
      background: #22201D;
      color: #FFFFFF; }
    /* line 1746, theme.scss */
    .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all.is-loading {
      color: transparent;
      background: transparent; }
    /* line 1747, theme.scss */
    .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all .loader {
      bottom: auto;
      top: 50%;
      transform: translate(-50%, -50%); }
      /* line 1751, theme.scss */
      .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all .loader::before, .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all .loader::after {
        background: #22201D; }

/* line 1756, theme.scss */
.widget-type_system_widget_v4_pagination_3 {
  /* reset the platform's .button on every item */
  /* current page: dark, short underline */
  /* arrows: the icon-font glyph as is, no disc */ }
  /* line 1758, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .layout__content {
    padding: 32px 20px 64px; }
    @media screen and (max-width: 767px) {
      /* line 1758, theme.scss */
      .widget-type_system_widget_v4_pagination_3 .layout__content {
        padding: 28px 16px 48px; } }
  /* line 1763, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination {
    display: flex;
    /* was a 2-column grid              */
    justify-content: center;
    align-items: center;
    gap: 4px; }
  /* line 1769, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-items {
    display: flex;
    align-items: center;
    gap: 4px; }
  /* line 1776, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination .button {
    width: auto;
    height: auto;
    min-width: 32px;
    min-height: 0;
    padding: 6px 8px;
    margin: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-family: 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #9B9691;
    text-decoration: none;
    transition: color 0.15s ease, opacity 0.15s ease; }
  /* line 1796, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-link:hover {
    color: #22201D; }
  /* line 1799, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-span.disabled {
    position: relative;
    color: #22201D; }
    /* line 1802, theme.scss */
    .widget-type_system_widget_v4_pagination_3 .pagination-span.disabled::after {
      content: '';
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: 0;
      height: 1px;
      background: #22201D; }
  /* line 1813, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-void {
    width: auto;
    height: auto;
    padding: 0 2px;
    font-size: 13px;
    line-height: 1;
    color: #9B9691; }
  /* line 1823, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-prev,
  .widget-type_system_widget_v4_pagination_3 .pagination-next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0 8px; }
    /* line 1832, theme.scss */
    .widget-type_system_widget_v4_pagination_3 .pagination-prev::before,
    .widget-type_system_widget_v4_pagination_3 .pagination-next::before {
      color: #22201D;
      font-size: 14px; }
    /* line 1833, theme.scss */
    .widget-type_system_widget_v4_pagination_3 .pagination-prev:hover,
    .widget-type_system_widget_v4_pagination_3 .pagination-next:hover {
      opacity: 0.6; }
  /* line 1835, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-prev {
    margin-left: 0; }
  /* line 1836, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-next {
    margin-right: 0; }