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

/* ==========================================================================
   PRODUCT PAGE (and «Покупателям») — header in the flow, not over the photo
   layouts.layout.liquid gives these pages header.need-transparent-header,
   which the theme positions absolutely over the top of the content: that
   suited the old transparent header block; the white bar now sits on top of
   the first product photo and clips it. On desktop the bar takes its place in
   the flow; the sticky behaviour on scroll is unchanged (the header reserve
   block keeps the flow stable when it pins). Mobile keeps the widget's own
   fixed header + .mobile-top-50 offset, untouched.
   ========================================================================== */
@media screen and (min-width: 768px) {
  /* line 1698, theme.scss */
  header.need-transparent-header {
    position: static; } }
/* ==========================================================================
   HEADER — let the cart popover extend below the bar
   The widget clips .header-slider (overflow:hidden, needed for the hero
   slider on the homepage). On every other page the container is now just
   the 68px bar, so the cart popover — positioned under the cart icon inside
   the header — was cut off at the bar's bottom edge until the header pinned
   on scroll. Those pages have no slider to clip, so the container may
   overflow. Homepage untouched.
   ========================================================================== */
@media screen and (min-width: 768px) {
  /* line 1714, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header-slider.second {
    overflow: visible; } }
/* ==========================================================================
   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 1728, 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 1746, theme.scss */
.widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 {
  /* ---- the button ------------------------------------------------------ */ }
  /* line 1748, 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 1748, theme.scss */
      .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer {
        padding: 40px 16px 0; } }
  /* line 1756, 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 1775, theme.scss */
    .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all:hover {
      background: #22201D;
      color: #FFFFFF; }
    /* line 1779, theme.scss */
    .widget-type_widget_v4_infinity_products_button_1_b3935b4e9efd0a5fa8dbb5293edac9b7 .widget-footer__show-all.is-loading {
      color: transparent;
      background: transparent; }
    /* line 1780, 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 1784, 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 1789, 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. The glyph lives in ::before and
     inherits the element's font, so the arrows must keep the icon font — the
     Gilroy rule above (.pagination .button) matches them too. */ }
  /* line 1791, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .layout__content {
    padding: 32px 20px 64px; }
    @media screen and (max-width: 767px) {
      /* line 1791, theme.scss */
      .widget-type_system_widget_v4_pagination_3 .layout__content {
        padding: 28px 16px 48px; } }
  /* line 1796, 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 1802, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-items {
    display: flex;
    align-items: center;
    gap: 4px; }
  /* line 1809, 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 1829, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-link:hover {
    color: #22201D; }
  /* line 1832, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-span.disabled {
    position: relative;
    color: #22201D; }
    /* line 1835, 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 1846, 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 1858, 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;
    font-family: 'insales-icons'; }
    /* line 1868, theme.scss */
    .widget-type_system_widget_v4_pagination_3 .pagination-prev::before,
    .widget-type_system_widget_v4_pagination_3 .pagination-next::before {
      font-family: 'insales-icons';
      color: #22201D;
      font-size: 14px; }
    /* line 1869, 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 1871, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-prev {
    margin-left: 0; }
  /* line 1872, theme.scss */
  .widget-type_system_widget_v4_pagination_3 .pagination-next {
    margin-right: 0; }

/* ==========================================================================
   HOMEPAGE — «Система лояльности» block
   The block is an instance of the platform's banner widget
   (system_widget_v4_page_banner_1_1), so its markup cannot be edited; the
   styles below restyle that one instance, addressed by its instance id.
   If the block is ever deleted and re-created in the admin, the id changes:
   copy the new data-widget-drop-item-id from the page source into the
   selector. The same block carries a different id in the «staging» theme
   copy (289998305), listed here so the staging preview shows the block as
   live will. Layout: a filled, framed box with two equal columns, benefits
   as a ruled list, DBR primary button under the text, the photo flush with
   the box on the right.
   (.layout is part of the selector on purpose: it outranks the widget's own
   rules of equal specificity whatever the stylesheet order.)
   ========================================================================== */
/* line 1891, theme.scss */
.layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"],
.layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] {
  background: transparent;
  /* the box: filled and framed, text inset from the left edge, the photo
     flush with the box's top, right and bottom edges */ }
  /* line 1895, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .layout__content,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .layout__content {
    padding-top: 64px;
    padding-bottom: 64px; }
  /* line 1902, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-column-gap: 48px;
    column-gap: 48px;
    align-items: center;
    padding: 0;
    border: 1px solid #ECEAE8;
    background: #F6F4F1;
    overflow: hidden;
    font-size: 15px; }
  /* line 1915, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-text,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    box-sizing: border-box;
    max-width: none;
    padding: 40px 24px 40px 56px; }
  /* line 1925, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-title,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-title {
    margin: 0 0 24px;
    font-family: 'Gilroy', sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: none;
    color: #22201D; }
  /* line 1936, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-content,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-content {
    width: 100%;
    font-family: 'Gilroy', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #56514D; }
  /* line 1944, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .insales-rich-editable > div,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .insales-rich-editable > div {
    padding: 12px 0;
    border-top: 1px solid #E5E2DE;
    margin: 0;
    /* the editor leaves an empty line between paragraphs */ }
    /* line 1949, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .insales-rich-editable > div:last-child,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .insales-rich-editable > div:last-child {
      border-bottom: 1px solid #E5E2DE; }
    /* line 1954, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .insales-rich-editable > div:has(> span:empty:only-child),
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .insales-rich-editable > div:has(> span:empty:only-child) {
      display: none; }
    /* line 1958, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .insales-rich-editable > div > div,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .insales-rich-editable > div > div {
      margin: 0;
      padding: 0;
      border: 0; }
  /* line 1965, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .benefit-list__item-title,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .benefit-list__item-title {
    color: #22201D; }
    /* line 1968, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .benefit-list__item-title strong,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .benefit-list__item-title strong {
      font-weight: 600; }
  /* line 1973, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button {
    margin: 28px 0 0; }
    /* line 1976, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button .button,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button .button.button_size-m,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button .button,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button .button.button_size-m {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 240px;
      min-height: 48px;
      height: 48px;
      padding: 0 32px;
      border: 1px solid #22201D;
      border-radius: 0;
      background: #22201D;
      font-family: 'Gilroy', sans-serif;
      font-weight: 700;
      font-size: 12px;
      line-height: 1;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      text-decoration: none;
      color: #FFFFFF;
      white-space: nowrap;
      transition: background 0.2s ease, border-color 0.2s ease; }
      /* line 1999, theme.scss */
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button .button:hover,
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button .button.button_size-m:hover,
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button .button:hover,
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button .button.button_size-m:hover {
        background: #382F2D;
        border-color: #382F2D;
        color: #FFFFFF; }
  /* line 2007, theme.scss */
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-image,
  .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-image {
    position: relative;
    height: auto;
    min-height: 100%;
    order: 2;
    align-self: stretch;
    aspect-ratio: 10 / 11;
    /* the box is at least this tall… (was 4/5;
       a squarer box keeps the photo inside
       its native size on wide screens) */ }
    /* line 2017, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-image .img-ratio,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-image .img-ratio {
      position: absolute;
      /* …and the photo fills whatever the
         text column makes it */
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding-top: 0;
      --img-ratio: 1.25;
      --img-ratio-mobile: 1.25; }
    /* line 2029, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-image img,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-image img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 0; }
  @media screen and (max-width: 767px) {
    /* line 2041, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .layout__content,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .layout__content {
      padding-top: 40px;
      padding-bottom: 44px; }
    /* line 2046, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item {
      grid-template-columns: 100%;
      grid-row-gap: 0;
      row-gap: 0;
      font-size: 14px; }
    /* line 2053, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-image,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-image {
      order: -1;
      position: static;
      min-height: 0;
      aspect-ratio: auto; }
      /* line 2059, theme.scss */
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-image .img-ratio,
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-image .img-ratio {
        position: relative;
        height: auto;
        padding-top: calc(100% / 1.33);
        --img-ratio: 1.33;
        --img-ratio-mobile: 1.33; }
    /* line 2068, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-text,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-text {
      max-width: none;
      padding: 24px 20px 28px; }
    /* line 2073, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-title,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-title {
      margin-bottom: 18px;
      font-size: 24px; }
    /* line 2078, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-content,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-content {
      font-size: 14px; }
    /* line 2082, theme.scss */
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button,
    .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button {
      width: 100%;
      margin-top: 24px; }
      /* line 2086, theme.scss */
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button .button,
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="274503513"] .banner-list__item-button .button.button_size-m,
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button .button,
      .layout.widget-type_system_widget_v4_page_banner_1_1[data-widget-drop-item-id="289998305"] .banner-list__item-button .button.button_size-m {
        width: 100%;
        min-width: 0; } }

/* ==========================================================================
   CLIENT ACCOUNT — «По телефону | По email» switcher on the login form
   The control itself is inserted by the block of the same name in theme.js
   above the platform's form blocks; the platform's text link under the
   button («Вход или регистрация по email/телефону») is hidden here.
   ========================================================================== */
/* line 2103, theme.scss */
.co-form--login .dbr-login-switch {
  display: flex;
  margin: 0 0 10px;
  border-bottom: 1px solid #ECEAE8; }
/* line 2109, theme.scss */
.co-form--login .dbr-login-switch__btn {
  flex: 1 1 50%;
  height: 40px;
  margin: 0 0 -1px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: none;
  font-family: 'Gilroy', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #8C8781;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease; }
  /* line 2128, theme.scss */
  .co-form--login .dbr-login-switch__btn:hover {
    color: #22201D; }
  /* line 2132, theme.scss */
  .co-form--login .dbr-login-switch__btn.is-active {
    color: #22201D;
    border-bottom-color: #22201D;
    cursor: default; }
  /* line 2138, theme.scss */
  .co-form--login .dbr-login-switch__btn:focus-visible {
    outline: 2px solid #22201D;
    outline-offset: -2px; }
/* line 2144, theme.scss */
.co-form--login .co-login-text {
  display: none; }

/* Login / registration page: bordered card, filled segmented switcher,
   rectangular button — same language as the rest of the site. Selectors carry
   three classes because the client-account layout styles the same elements
   with two and its <style> block comes after theme.css. */
/* line 2155, theme.scss */
main.client_account_login .layout,
main.client_account_session_new .layout {
  max-width: 460px;
  margin: 48px auto 96px;
  padding: 40px 36px 36px;
  border: 1px solid #ECEAE8;
  background: #FFFFFF;
  box-sizing: border-box; }
/* line 2164, theme.scss */
main.client_account_login .co-section--checkout_header,
main.client_account_session_new .co-section--checkout_header {
  margin-bottom: 26px; }
/* line 2168, theme.scss */
main.client_account_login .co-form--login .dbr-login-switch,
main.client_account_session_new .co-form--login .dbr-login-switch {
  gap: 3px;
  margin: 0 0 22px;
  padding: 3px;
  border: 1px solid #22201D; }
/* line 2175, theme.scss */
main.client_account_login .co-form--login .dbr-login-switch__btn,
main.client_account_session_new .co-form--login .dbr-login-switch__btn {
  height: 40px;
  margin: 0;
  border: 0;
  background: transparent;
  color: #22201D; }
  /* line 2182, theme.scss */
  main.client_account_login .co-form--login .dbr-login-switch__btn:hover,
  main.client_account_session_new .co-form--login .dbr-login-switch__btn:hover {
    background: #F6F4F1;
    color: #22201D; }
  /* line 2187, theme.scss */
  main.client_account_login .co-form--login .dbr-login-switch__btn.is-active,
  main.client_account_session_new .co-form--login .dbr-login-switch__btn.is-active {
    background: #22201D;
    color: #FFFFFF; }
/* line 2193, theme.scss */
main.client_account_login .co-form--login .co-input-field,
main.client_account_session_new .co-form--login .co-input-field {
  height: 48px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #D9D6D2;
  border-radius: 0;
  font-family: 'Gilroy', sans-serif;
  font-size: 15px;
  line-height: 48px;
  color: #22201D;
  background: transparent; }
  /* line 2205, theme.scss */
  main.client_account_login .co-form--login .co-input-field:focus,
  main.client_account_session_new .co-form--login .co-input-field:focus {
    border-bottom-color: #22201D; }
  /* line 2209, theme.scss */
  main.client_account_login .co-form--login .co-input-field::placeholder,
  main.client_account_session_new .co-form--login .co-input-field::placeholder {
    color: #8C8781; }
/* line 2214, theme.scss */
main.client_account_login .co-form--login input[name="code"],
main.client_account_session_new .co-form--login input[name="code"] {
  font-size: 20px;
  letter-spacing: 6px;
  text-align: center; }
/* line 2220, theme.scss */
main.client_account_login .co-form--login .co-input-notice.co-notice--danger,
main.client_account_session_new .co-form--login .co-input-notice.co-notice--danger {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  color: #C4502E; }
/* line 2227, theme.scss */
main.client_account_login .co-form--login .co-modal-button,
main.client_account_login .co-form--login .co-form-button,
main.client_account_session_new .co-form--login .co-modal-button,
main.client_account_session_new .co-form--login .co-form-button {
  width: 100%;
  height: 48px;
  min-height: 48px;
  margin-top: 24px;
  padding: 0 20px;
  border: 1px solid #22201D;
  border-radius: 0;
  background: #22201D;
  color: #FFFFFF;
  transition: background 0.2s ease, border-color 0.2s ease; }
  /* line 2240, theme.scss */
  main.client_account_login .co-form--login .co-modal-button:hover,
  main.client_account_login .co-form--login .co-form-button:hover,
  main.client_account_session_new .co-form--login .co-modal-button:hover,
  main.client_account_session_new .co-form--login .co-form-button:hover {
    background: #382F2D;
    border-color: #382F2D; }
  /* line 2245, theme.scss */
  main.client_account_login .co-form--login .co-modal-button[disabled],
  main.client_account_login .co-form--login .co-form-button[disabled],
  main.client_account_session_new .co-form--login .co-modal-button[disabled],
  main.client_account_session_new .co-form--login .co-form-button[disabled] {
    opacity: 0.55; }
/* line 2250, theme.scss */
main.client_account_login .co-form--login .co-countdown-block,
main.client_account_session_new .co-form--login .co-countdown-block {
  margin-top: 12px;
  font-family: 'Gilroy', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  color: #8C8781; }
/* line 2259, theme.scss */
main.client_account_login .co-form--login .text-info,
main.client_account_session_new .co-form--login .text-info {
  text-align: center; }
@media screen and (max-width: 767px) {
  /* line 2264, theme.scss */
  main.client_account_login .layout,
  main.client_account_session_new .layout {
    max-width: none;
    margin: 24px auto 64px;
    padding: 24px 20px 28px;
    border: 0; } }

/* ==========================================================================
   CLIENT ACCOUNT — registration page and the account pages
   Registration (/client_account/contacts/new) gets the same card as the login
   page; the account pages (orders, addresses, discounts, contacts) get air
   above and below, standard rectangular buttons, a real checkbox instead of
   the black circle, and an empty state for the orders list (markup in
   templates/account.orders2.liquid). Three-class selectors: the layout's own
   <style> block styles the same elements with two and loads after theme.css.
   ========================================================================== */
/* line 2284, theme.scss */
main.client_account_contacts_new .layout {
  max-width: 520px;
  margin: 48px auto 96px;
  padding: 40px 36px 36px;
  border: 1px solid #ECEAE8;
  background: #FFFFFF;
  box-sizing: border-box; }
/* line 2292, theme.scss */
main.client_account_contacts_new .co-section--checkout_header {
  margin-bottom: 26px; }
@media screen and (max-width: 767px) {
  /* line 2296, theme.scss */
  main.client_account_contacts_new .layout {
    max-width: none;
    margin: 24px auto 64px;
    padding: 24px 20px 28px;
    border: 0; } }

/* line 2309, theme.scss */
main.client_account_orders .layout__content,
main.client_account_addresses .layout__content,
main.client_account_discounts .layout__content,
main.client_account_contacts .layout__content {
  padding-top: 32px;
  padding-bottom: 96px; }
/* line 2313, theme.scss */
main.client_account_orders .co-section--content,
main.client_account_addresses .co-section--content,
main.client_account_discounts .co-section--content,
main.client_account_contacts .co-section--content {
  padding-top: 8px;
  padding-bottom: 24px; }
/* line 2317, theme.scss */
main.client_account_orders .co-adress,
main.client_account_orders #contacts,
main.client_account_addresses .co-adress,
main.client_account_addresses #contacts,
main.client_account_discounts .co-adress,
main.client_account_discounts #contacts,
main.client_account_contacts .co-adress,
main.client_account_contacts #contacts {
  max-width: 560px; }
@media screen and (max-width: 767px) {
  /* line 2322, theme.scss */
  main.client_account_orders .layout__content,
  main.client_account_addresses .layout__content,
  main.client_account_discounts .layout__content,
  main.client_account_contacts .layout__content {
    padding-top: 16px;
    padding-bottom: 64px; } }

/* line 2329, theme.scss */
main.client_account_contacts_new,
main.client_account_contacts,
main.client_account_addresses,
main.client_account_discounts,
main.client_account_orders {
  /* checkbox: light square, dark with a tick once checked */
  /* buttons: one standard, rectangular */ }
  /* line 2334, theme.scss */
  main.client_account_contacts_new .co-form .co-input-field,
  main.client_account_contacts_new .co-form .co-input-field.co-input-phone,
  main.client_account_contacts_new .co-input .co-input-field,
  main.client_account_contacts .co-form .co-input-field,
  main.client_account_contacts .co-form .co-input-field.co-input-phone,
  main.client_account_contacts .co-input .co-input-field,
  main.client_account_addresses .co-form .co-input-field,
  main.client_account_addresses .co-form .co-input-field.co-input-phone,
  main.client_account_addresses .co-input .co-input-field,
  main.client_account_discounts .co-form .co-input-field,
  main.client_account_discounts .co-form .co-input-field.co-input-phone,
  main.client_account_discounts .co-input .co-input-field,
  main.client_account_orders .co-form .co-input-field,
  main.client_account_orders .co-form .co-input-field.co-input-phone,
  main.client_account_orders .co-input .co-input-field {
    height: 48px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #D9D6D2;
    border-radius: 0;
    font-family: 'Gilroy', sans-serif;
    font-size: 15px;
    color: #22201D;
    background: transparent;
    box-shadow: none; }
    /* line 2347, theme.scss */
    main.client_account_contacts_new .co-form .co-input-field:focus,
    main.client_account_contacts_new .co-form .co-input-field.co-input-phone:focus,
    main.client_account_contacts_new .co-input .co-input-field:focus,
    main.client_account_contacts .co-form .co-input-field:focus,
    main.client_account_contacts .co-form .co-input-field.co-input-phone:focus,
    main.client_account_contacts .co-input .co-input-field:focus,
    main.client_account_addresses .co-form .co-input-field:focus,
    main.client_account_addresses .co-form .co-input-field.co-input-phone:focus,
    main.client_account_addresses .co-input .co-input-field:focus,
    main.client_account_discounts .co-form .co-input-field:focus,
    main.client_account_discounts .co-form .co-input-field.co-input-phone:focus,
    main.client_account_discounts .co-input .co-input-field:focus,
    main.client_account_orders .co-form .co-input-field:focus,
    main.client_account_orders .co-form .co-input-field.co-input-phone:focus,
    main.client_account_orders .co-input .co-input-field:focus {
      border-bottom-color: #22201D; }
    /* line 2350, theme.scss */
    main.client_account_contacts_new .co-form .co-input-field::placeholder,
    main.client_account_contacts_new .co-form .co-input-field.co-input-phone::placeholder,
    main.client_account_contacts_new .co-input .co-input-field::placeholder,
    main.client_account_contacts .co-form .co-input-field::placeholder,
    main.client_account_contacts .co-form .co-input-field.co-input-phone::placeholder,
    main.client_account_contacts .co-input .co-input-field::placeholder,
    main.client_account_addresses .co-form .co-input-field::placeholder,
    main.client_account_addresses .co-form .co-input-field.co-input-phone::placeholder,
    main.client_account_addresses .co-input .co-input-field::placeholder,
    main.client_account_discounts .co-form .co-input-field::placeholder,
    main.client_account_discounts .co-form .co-input-field.co-input-phone::placeholder,
    main.client_account_discounts .co-input .co-input-field::placeholder,
    main.client_account_orders .co-form .co-input-field::placeholder,
    main.client_account_orders .co-form .co-input-field.co-input-phone::placeholder,
    main.client_account_orders .co-input .co-input-field::placeholder {
      color: #8C8781; }
  /* line 2354, theme.scss */
  main.client_account_contacts_new .co-input + .co-input,
  main.client_account_contacts_new .co-tabs-content + .co-input,
  main.client_account_contacts .co-input + .co-input,
  main.client_account_contacts .co-tabs-content + .co-input,
  main.client_account_addresses .co-input + .co-input,
  main.client_account_addresses .co-tabs-content + .co-input,
  main.client_account_discounts .co-input + .co-input,
  main.client_account_discounts .co-tabs-content + .co-input,
  main.client_account_orders .co-input + .co-input,
  main.client_account_orders .co-tabs-content + .co-input {
    margin-top: 6px; }
  /* line 2360, theme.scss */
  main.client_account_contacts_new .co-toggable_field,
  main.client_account_contacts .co-toggable_field,
  main.client_account_addresses .co-toggable_field,
  main.client_account_discounts .co-toggable_field,
  main.client_account_orders .co-toggable_field {
    align-items: flex-start;
    gap: 0; }
  /* line 2364, theme.scss */
  main.client_account_contacts_new .co-toggable_field-input,
  main.client_account_contacts .co-toggable_field-input,
  main.client_account_addresses .co-toggable_field-input,
  main.client_account_discounts .co-toggable_field-input,
  main.client_account_orders .co-toggable_field-input {
    flex: 0 0 auto;
    margin-top: 1px; }
  /* line 2368, theme.scss */
  main.client_account_contacts_new .co-toggable_field-input input + span,
  main.client_account_contacts_new .co-toggable_field-input--checkbox input + span,
  main.client_account_contacts .co-toggable_field-input input + span,
  main.client_account_contacts .co-toggable_field-input--checkbox input + span,
  main.client_account_addresses .co-toggable_field-input input + span,
  main.client_account_addresses .co-toggable_field-input--checkbox input + span,
  main.client_account_discounts .co-toggable_field-input input + span,
  main.client_account_discounts .co-toggable_field-input--checkbox input + span,
  main.client_account_orders .co-toggable_field-input input + span,
  main.client_account_orders .co-toggable_field-input--checkbox input + span {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #22201D;
    border-radius: 0 !important;
    background: #FFFFFF no-repeat center / 10px 8px;
    box-shadow: none;
    transition: background-color 0.15s ease; }
    /* line 2378, theme.scss */
    main.client_account_contacts_new .co-toggable_field-input input + span::after,
    main.client_account_contacts_new .co-toggable_field-input--checkbox input + span::after,
    main.client_account_contacts .co-toggable_field-input input + span::after,
    main.client_account_contacts .co-toggable_field-input--checkbox input + span::after,
    main.client_account_addresses .co-toggable_field-input input + span::after,
    main.client_account_addresses .co-toggable_field-input--checkbox input + span::after,
    main.client_account_discounts .co-toggable_field-input input + span::after,
    main.client_account_discounts .co-toggable_field-input--checkbox input + span::after,
    main.client_account_orders .co-toggable_field-input input + span::after,
    main.client_account_orders .co-toggable_field-input--checkbox input + span::after {
      display: none; }
  /* line 2382, theme.scss */
  main.client_account_contacts_new .co-toggable_field-input input:focus + span,
  main.client_account_contacts_new .co-toggable_field-input input.picker-input--active + span,
  main.client_account_contacts .co-toggable_field-input input:focus + span,
  main.client_account_contacts .co-toggable_field-input input.picker-input--active + span,
  main.client_account_addresses .co-toggable_field-input input:focus + span,
  main.client_account_addresses .co-toggable_field-input input.picker-input--active + span,
  main.client_account_discounts .co-toggable_field-input input:focus + span,
  main.client_account_discounts .co-toggable_field-input input.picker-input--active + span,
  main.client_account_orders .co-toggable_field-input input:focus + span,
  main.client_account_orders .co-toggable_field-input input.picker-input--active + span {
    box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #22201D; }
  /* line 2386, theme.scss */
  main.client_account_contacts_new .co-toggable_field-input input:checked + span,
  main.client_account_contacts .co-toggable_field-input input:checked + span,
  main.client_account_addresses .co-toggable_field-input input:checked + span,
  main.client_account_discounts .co-toggable_field-input input:checked + span,
  main.client_account_orders .co-toggable_field-input input:checked + span {
    background-color: #22201D;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M1 4L3.8 6.8L9 1.2' stroke='%23ffffff' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  /* line 2390, theme.scss */
  main.client_account_contacts_new .co-toggable_field-information,
  main.client_account_contacts .co-toggable_field-information,
  main.client_account_addresses .co-toggable_field-information,
  main.client_account_discounts .co-toggable_field-information,
  main.client_account_orders .co-toggable_field-information {
    padding: 0 0 0 12px;
    font-family: 'Gilroy', sans-serif;
    font-size: 13px;
    line-height: 1.45;
    color: #6F6A66; }
    /* line 2396, theme.scss */
    main.client_account_contacts_new .co-toggable_field-information a,
    main.client_account_contacts .co-toggable_field-information a,
    main.client_account_addresses .co-toggable_field-information a,
    main.client_account_discounts .co-toggable_field-information a,
    main.client_account_orders .co-toggable_field-information a {
      color: #22201D;
      text-decoration: underline;
      text-underline-offset: 3px; }
  /* line 2402, theme.scss */
  main.client_account_contacts_new .co-input--consent_to_personal_data,
  main.client_account_contacts .co-input--consent_to_personal_data,
  main.client_account_addresses .co-input--consent_to_personal_data,
  main.client_account_discounts .co-input--consent_to_personal_data,
  main.client_account_orders .co-input--consent_to_personal_data {
    margin-top: 20px !important; }
  /* line 2407, theme.scss */
  main.client_account_contacts_new .co-form-button,
  main.client_account_contacts_new .co-modal-button,
  main.client_account_contacts_new .co-button:not(.co-button--link):not(.co-button--small),
  main.client_account_contacts .co-form-button,
  main.client_account_contacts .co-modal-button,
  main.client_account_contacts .co-button:not(.co-button--link):not(.co-button--small),
  main.client_account_addresses .co-form-button,
  main.client_account_addresses .co-modal-button,
  main.client_account_addresses .co-button:not(.co-button--link):not(.co-button--small),
  main.client_account_discounts .co-form-button,
  main.client_account_discounts .co-modal-button,
  main.client_account_discounts .co-button:not(.co-button--link):not(.co-button--small),
  main.client_account_orders .co-form-button,
  main.client_account_orders .co-modal-button,
  main.client_account_orders .co-button:not(.co-button--link):not(.co-button--small) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 360px;
    height: 48px;
    max-height: none;
    min-height: 48px;
    margin-top: 28px;
    padding: 0 24px;
    border: 1px solid #22201D;
    border-radius: 0;
    background: #22201D;
    font-family: 'Gilroy', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: background 0.2s ease, border-color 0.2s ease; }
    /* line 2431, theme.scss */
    main.client_account_contacts_new .co-form-button:hover,
    main.client_account_contacts_new .co-modal-button:hover,
    main.client_account_contacts_new .co-button:not(.co-button--link):not(.co-button--small):hover,
    main.client_account_contacts .co-form-button:hover,
    main.client_account_contacts .co-modal-button:hover,
    main.client_account_contacts .co-button:not(.co-button--link):not(.co-button--small):hover,
    main.client_account_addresses .co-form-button:hover,
    main.client_account_addresses .co-modal-button:hover,
    main.client_account_addresses .co-button:not(.co-button--link):not(.co-button--small):hover,
    main.client_account_discounts .co-form-button:hover,
    main.client_account_discounts .co-modal-button:hover,
    main.client_account_discounts .co-button:not(.co-button--link):not(.co-button--small):hover,
    main.client_account_orders .co-form-button:hover,
    main.client_account_orders .co-modal-button:hover,
    main.client_account_orders .co-button:not(.co-button--link):not(.co-button--small):hover {
      background: #382F2D;
      border-color: #382F2D;
      color: #FFFFFF; }
  /* line 2437, theme.scss */
  main.client_account_contacts_new .co-button--small,
  main.client_account_contacts .co-button--small,
  main.client_account_addresses .co-button--small,
  main.client_account_discounts .co-button--small,
  main.client_account_orders .co-button--small {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #22201D;
    border-radius: 0;
    background: transparent;
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #22201D; }
    /* line 2451, theme.scss */
    main.client_account_contacts_new .co-button--small:hover,
    main.client_account_contacts .co-button--small:hover,
    main.client_account_addresses .co-button--small:hover,
    main.client_account_discounts .co-button--small:hover,
    main.client_account_orders .co-button--small:hover {
      background: #22201D;
      color: #FFFFFF; }
  /* line 2456, theme.scss */
  main.client_account_contacts_new .co-button--link,
  main.client_account_contacts .co-button--link,
  main.client_account_addresses .co-button--link,
  main.client_account_discounts .co-button--link,
  main.client_account_orders .co-button--link {
    color: #22201D; }
    /* line 2458, theme.scss */
    main.client_account_contacts_new .co-button--link:after,
    main.client_account_contacts .co-button--link:after,
    main.client_account_addresses .co-button--link:after,
    main.client_account_discounts .co-button--link:after,
    main.client_account_orders .co-button--link:after {
      border-bottom-style: solid; }

/* the profile page: the consent was given at registration, so once the box
   is checked the row is not shown again */
/* line 2466, theme.scss */
main.client_account_contacts .co-input--consent_to_personal_data:has(input:checked) {
  display: none; }

/* empty state for the orders list */
/* line 2471, theme.scss */
.dbr-account-empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 460px;
  padding: 8px 20px 24px;
  font-family: 'Gilroy', sans-serif; }
  @media screen and (max-width: 767px) {
    /* line 2471, theme.scss */
    .dbr-account-empty {
      padding: 8px 16px 16px; } }

/* line 2482, theme.scss */
.dbr-account-empty__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border: 1px solid #ECEAE8;
  border-radius: 50%;
  color: #22201D; }

/* line 2493, theme.scss */
.dbr-account-empty__title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #22201D; }

/* line 2501, theme.scss */
.dbr-account-empty__text {
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.5;
  color: #6F6A66; }

/* line 2507, theme.scss */
.dbr-account-empty__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px; }

/* line 2513, theme.scss */
.dbr-account-empty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  height: 46px;
  padding: 0 24px;
  background: #22201D;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF !important; }
  /* line 2527, theme.scss */
  .dbr-account-empty__btn:hover {
    background: #382F2D; }

/* line 2531, theme.scss */
.dbr-account-empty__link {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
  color: #22201D !important; }

/* ==========================================================================
   CHECKOUT — signed-in client block and bonus points
   Platform markup (checkout2): .co-client-info holds «Вы авторизовались как»,
   the phone, the email and the logout button; .co-toggable_field--bonus_points
   is the «Использовать бонусы» checkbox and .co-bonus_points the amount block.
   The logout button becomes a text link; the bonus block a compact card. The
   auto-apply on tick lives in theme.js.
   ========================================================================== */
/* signed-in client: div.co-client > .co-client-logged (+ .co-client-name),
   .co-client-info > .co-client-field ×2, a.co-button «Выход» */
/* line 2552, theme.scss */
.co-section--checkout_content .co-client {
  margin: 0 0 32px;
  padding: 18px 20px;
  border: 1px solid #ECEAE8;
  font-family: 'Gilroy', sans-serif; }
  /* line 2557, theme.scss */
  .co-section--checkout_content .co-client .co-client-logged {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: #6F6A66; }
  /* line 2564, theme.scss */
  .co-section--checkout_content .co-client .co-client-name {
    font-size: 14px;
    font-weight: 600;
    color: #22201D; }
  /* line 2569, theme.scss */
  .co-section--checkout_content .co-client .co-client-info {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 4px;
    margin: 0 0 10px; }
  /* line 2576, theme.scss */
  .co-section--checkout_content .co-client .co-client-field {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: #22201D; }
  /* line 2582, theme.scss */
  .co-section--checkout_content .co-client .co-button {
    display: inline;
    width: auto;
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    font-family: 'Gilroy', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.3px;
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    color: #8C8781; }
    /* line 2603, theme.scss */
    .co-section--checkout_content .co-client .co-button:hover, .co-section--checkout_content .co-client .co-button:focus {
      background: none;
      box-shadow: none;
      color: #22201D; }

/* line 2612, theme.scss */
.co-section--checkout_content .co-payment_method-list .co-toggable_field--bonus_points,
.co-section--checkout_content .co-toggable_field--bonus_points {
  margin: 0 0 12px;
  font-family: 'Gilroy', sans-serif; }
  /* line 2616, theme.scss */
  .co-section--checkout_content .co-payment_method-list .co-toggable_field--bonus_points .co-toggable_field-title,
  .co-section--checkout_content .co-toggable_field--bonus_points .co-toggable_field-title {
    font-size: 14px;
    font-weight: 600;
    color: #22201D; }

/* line 2622, theme.scss */
.co-section--checkout_content .co-payment_method-list .co-bonus_points,
.co-section--checkout_content .co-bonus_points {
  align-items: center;
  gap: 12px;
  margin: 0 0 24px;
  padding: 16px 20px;
  border: 1px solid #ECEAE8;
  font-family: 'Gilroy', sans-serif; }
  /* line 2630, theme.scss */
  .co-section--checkout_content .co-payment_method-list .co-bonus_points .co-bonus_points-info,
  .co-section--checkout_content .co-bonus_points .co-bonus_points-info {
    flex-basis: 100%;
    margin: 0 0 4px;
    font-size: 14px;
    line-height: 1.5;
    color: #6F6A66; }
    /* line 2636, theme.scss */
    .co-section--checkout_content .co-payment_method-list .co-bonus_points .co-bonus_points-info b,
    .co-section--checkout_content .co-bonus_points .co-bonus_points-info b {
      font-weight: 600;
      color: #22201D; }
  /* line 2641, theme.scss */
  .co-section--checkout_content .co-payment_method-list .co-bonus_points .co-bonus_points-field,
  .co-section--checkout_content .co-bonus_points .co-bonus_points-field {
    width: 120px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #D9D6D2;
    border-radius: 0;
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    color: #22201D;
    background: transparent;
    box-shadow: none; }
    /* line 2654, theme.scss */
    .co-section--checkout_content .co-payment_method-list .co-bonus_points .co-bonus_points-field:focus,
    .co-section--checkout_content .co-bonus_points .co-bonus_points-field:focus {
      outline: none;
      border-bottom-color: #22201D; }
  /* line 2659, theme.scss */
  .co-section--checkout_content .co-payment_method-list .co-bonus_points .co-bonus_points-submit,
  .co-section--checkout_content .co-bonus_points .co-bonus_points-submit {
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    font-family: 'Gilroy', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: none;
    text-decoration: underline;
    text-underline-offset: 4px;
    color: #22201D; }
    /* line 2676, theme.scss */
    .co-section--checkout_content .co-payment_method-list .co-bonus_points .co-bonus_points-submit:hover,
    .co-section--checkout_content .co-bonus_points .co-bonus_points-submit:hover {
      background: none;
      color: #382F2D; }
  /* line 2681, theme.scss */
  .co-section--checkout_content .co-payment_method-list .co-bonus_points .co-bonus_points-maximum_points,
  .co-section--checkout_content .co-bonus_points .co-bonus_points-maximum_points {
    display: none;
    /* replaced by the warning below when the sum is too high */ }
  /* line 2684, theme.scss */
  .co-section--checkout_content .co-payment_method-list .co-bonus_points .dbr-bonus-warn,
  .co-section--checkout_content .co-bonus_points .dbr-bonus-warn {
    flex-basis: 100%;
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: #C4502E; }
    /* line 2690, theme.scss */
    .co-section--checkout_content .co-payment_method-list .co-bonus_points .dbr-bonus-warn[hidden],
    .co-section--checkout_content .co-bonus_points .dbr-bonus-warn[hidden] {
      display: none; }

/* basket thumbnails: the platform ships a 75px image into a 100px box */
/* line 2696, theme.scss */
.co-basket_item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

/* ==========================================================================
   HEADER — faint separator under the bar
   A 1px warm hairline between the header and page content, on every page
   except the homepage while the header still sits over the hero.
   ========================================================================== */
/* line 2708, theme.scss */
.widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header-slider {
  border-bottom: 1px solid #EFECE8; }

/* line 2711, theme.scss */
.widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .layout__content:not(.on__scroll) .header-slider:has(.header.index) {
  border-bottom-color: transparent; }

/* ==========================================================================
   PRODUCT PAGE — air before «Вам может понравиться»
   ========================================================================== */
/* line 2719, theme.scss */
body[data-theme-template="product"] .widget-type_revmag_widget_products_tabs {
  margin-top: 0;
  padding-top: 72px;
  /* inside the block, under its own top rule */ }
  @media screen and (max-width: 767px) {
    /* line 2719, theme.scss */
    body[data-theme-template="product"] .widget-type_revmag_widget_products_tabs {
      padding-top: 48px; } }

/* ==========================================================================
   HEADER — mobile bar: logo dead-centre, contacts as an icon
   The widget's mobile grid is «1fr 1fr 1fr», but a 1fr track never shrinks
   below its content, and the right-hand controls (contacts link + cart) are
   wider than the burger, so the logo track was pushed left of centre. Side
   tracks may now be smaller than their content (minmax(0, 1fr)), which makes
   them equal and puts the logo on the axis; the controls keep to the right.
   (!important: the widget sets the columns from a rule the theme cannot
   outrank by specificity alone.)
   The contacts link on the mobile bar showed its label in white — invisible
   on the white bar, yet 130px wide. It is now the phone icon alone, dark,
   next to the cart, on every page.
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* line 2742, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header .header__content {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; }

  /* line 2745, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header .header__area-logo {
    justify-self: center; }

  /* line 2748, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header .header__area-controls {
    justify-self: end;
    justify-content: flex-end; }

  /* line 2752, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header .phone-block {
    padding-right: 14px; }

  /* line 2755, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header .phone-block .personal-text {
    margin: 0;
    font-size: 0;
    /* label hidden, the ::after icon stays */
    color: #22201D; }

  /* line 2760, theme.scss */
  .widget-type_widget_v4_header_12_ee27ecbe4ad298c7813bbdeeb1f2ef9e .header .phone-block .personal-text::after {
    margin-left: 0; } }