@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* 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, #525665);
  --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, #616677);
  --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, #707589);
  --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, #a5a9b6);
  --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, #B0B0B1);
  --color-accent-text-is-light: var(--draft-color-accent-text-is-light, true);
  --color-accent-text-minor-shade: var(--draft-color-accent-text-minor-shade, #adadae);
  --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, #aaaaab);
  --color-accent-text-major-shade-is-dark: var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade: var(--draft-color-accent-text-half-shade, #87878a);
  --color-accent-text-half-shade-is-dark: var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark: var(--draft-color-text-dark, #333333);
  --color-text-dark-is-dark: var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade: var(--draft-color-text-dark-minor-shade, #474747);
  --color-text-dark-minor-shade-is-dark: var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade: var(--draft-color-text-dark-major-shade, #5c5c5c);
  --color-text-dark-major-shade-is-dark: var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade: var(--draft-color-text-dark-half-shade, #999999);
  --color-text-dark-half-shade-is-dark: var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light: var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light: var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade: var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light: var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade: var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light: var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade: var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark: var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack: var(--draft-icons_pack, circle);
  --controls-btn-border-radius: var(--draft-controls-btn-border-radius, 10px);
  --color-notice-warning: var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light: var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade: var(--draft-color-notice-warning-minor-shade, #fff3ca);
  --color-notice-warning-minor-shade-is-light: var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade: var(--draft-color-notice-warning-major-shade, #fff2c8);
  --color-notice-warning-major-shade-is-light: var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade: var(--draft-color-notice-warning-half-shade, #ffedb3);
  --color-notice-warning-half-shade-is-light: var(--draft-color-notice-warning-half-shade-is-light, true);
  --color-notice-success: var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light: var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade: var(--draft-color-notice-success-minor-shade, #d3ecd9);
  --color-notice-success-minor-shade-is-light: var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade: var(--draft-color-notice-success-major-shade, #d1ecd7);
  --color-notice-success-major-shade-is-light: var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade: var(--draft-color-notice-success-half-shade, #bee4c7);
  --color-notice-success-half-shade-is-light: var(--draft-color-notice-success-half-shade-is-light, true);
  --color-notice-error: var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light: var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade: var(--draft-color-notice-error-minor-shade, #f8d7da);
  --color-notice-error-minor-shade-is-light: var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade: var(--draft-color-notice-error-major-shade, #f8d5d8);
  --color-notice-error-major-shade-is-light: var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade: var(--draft-color-notice-error-half-shade, #f5c4c8);
  --color-notice-error-half-shade-is-light: var(--draft-color-notice-error-half-shade-is-light, true);
  --color-notice-info: var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light: var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade: var(--draft-color-notice-info-minor-shade, #cae4ff);
  --color-notice-info-minor-shade-is-light: var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade: var(--draft-color-notice-info-major-shade, #c8e3ff);
  --color-notice-info-major-shade-is-light: var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade: var(--draft-color-notice-info-half-shade, #b3d7ff);
  --color-notice-info-half-shade-is-light: var(--draft-color-notice-info-half-shade-is-light, true);
  --font-family: var(--draft-font-family, Jura);
  --font-size: var(--draft-font-size, 16px);
  --font-family-heading: var(--draft-font-family-heading, Jura);
  --heading-ratio: var(--draft-heading-ratio, 1.5);
  --heading-weight: var(--draft-heading-weight, 600);
  --collection_count: var(--draft-collection_count, 8);
  --search_count: var(--draft-search_count, 10);
  --blog_size: var(--draft-blog_size, 6);
  --product_not_available: var(--draft-product_not_available, shown);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar: var(--draft-delta_sidebar, 2);
  --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, true);
  --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, right);
  --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 8, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

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

/* line 18, theme.scss */
.page_layout > main {
  margin-top: 48px; }

/* line 22, theme.scss */
header > .layout {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100; }

/* line 30, theme.scss */
.co-login {
  flex: 0 1 100%; }

/* line 33, theme.scss */
.co-form--login_by_email {
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 60px; }

/* line 38, theme.scss */
.co-checkout-title, .co-title--h1 {
  text-align: center; }

/* line 41, theme.scss */
.co-section--checkout_header.co-checkout-block--padded {
  margin-top: 100px; }

/* Левое меню с фильтрами при прокрутке остаётся видимым */
/* line 47, theme.scss */
.page_layout > aside {
  position: sticky;
  top: 80px;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  /* А на мобилке секция с названием страницы и кнопкой фильтров плавающая */ }
  @media screen and (max-width: 767px) {
    /* line 47, theme.scss */
    .page_layout > aside {
      position: sticky;
      top: 48px;
      z-index: 100;
      /* Чтобы модалка с фильтрами не перекрывалась шапкой сайта */
      padding-bottom: 0; } }

/* Закрепление виджета на мобильном */
@media screen and (max-width: 767px) {
  /* line 63, theme.scss */
  .widget-type_widget_v4_filter_sort_1_8d8e8d067a6a3b3d07f94dc4866f93e2 {
    position: sticky;
    top: 48px;
    z-index: 99;
    /* Чтобы модалка с фильтрами не перекрывалась шапкой сайта */
    padding-bottom: 0;
    max-height: calc(100vh - 80px);
    overflow-y: auto; } }

/* line 74, theme.scss */
select, option {
  font-family: "Jura", sans-serif; }

/* line 78, theme.scss */
.page_layout > footer {
  z-index: 1; }

/* Скрываем aside и меняем grid-column для main на ПК */
@media screen and (min-width: 768px) {
  /* line 84, theme.scss */
  .page_layout > aside {
    display: none !important; }

  /* line 87, theme.scss */
  .page_layout_normal_left > main,
  .page_layout_sticky_left > main {
    grid-column-start: 2 !important; } }
/* Страница авторизации */
/* line 94, theme.scss */
.co-login {
  justify-content: center; }

/* line 97, theme.scss */
.co-login-form_placeholder {
  max-width: 500px; }

/* line 100, theme.scss */
.co-section--content {
  max-width: 500px; }

/* line 103, theme.scss */
.co-input-title {
  font-size: 16px; }

/* line 106, theme.scss */
.co-form-controls {
  justify-content: center; }

/* Стили для страницы личного кабинета */
/* line 111, theme.scss */
.checkout-v2-wrapper {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto 100px auto;
  padding: 0 20px; }

/* Левое меню личного кабинета */
/* line 121, theme.scss */
.co-sidebar--menu {
  position: sticky;
  top: 120px;
  height: fit-content;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin: 20px 0 40px 0; }

/* line 132, theme.scss */
.co-menu--personal {
  padding: 0; }

/* line 136, theme.scss */
.co-menu-item--personal {
  border-bottom: 1px solid #f0f0f0; }

/* line 140, theme.scss */
.co-menu-item--personal:last-child {
  border-bottom: none; }

/* line 144, theme.scss */
.co-menu-link--personal {
  display: block;
  padding: 20px 24px;
  color: #333;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative; }

/* line 155, theme.scss */
.co-menu-link--personal:hover {
  background: #f8f9fa;
  color: #000; }

/* line 160, theme.scss */
.co-menu-link--active {
  background: #f8f9fa;
  color: #000;
  font-weight: 600; }

/* line 166, theme.scss */
.co-menu-link--active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #000; }

/* Контент личного кабинета */
/* line 177, theme.scss */
.co-section--content {
  padding: 0; }

/* line 181, theme.scss */
.co-section--checkout_header {
  margin-top: 20px !important;
  margin-bottom: 40px;
  padding: 0 !important; }

/* line 187, theme.scss */
.co-checkout-title {
  text-align: left !important;
  font-size: 32px;
  font-weight: 600;
  color: #333;
  margin: 0;
  padding: 0; }

/* line 196, theme.scss */
.co-checkout-block--padded {
  padding: 0 !important; }

/* line 200, theme.scss */
.co-checkout-block--padded p {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin: 0; }

/* Мобильная адаптация */
@media screen and (max-width: 767px) {
  /* line 209, theme.scss */
  .checkout-v2-wrapper {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 16px; }

  /* Показываем левое меню на мобильных для личного кабинета */
  /* line 216, theme.scss */
  .co-sidebar--menu {
    position: relative;
    top: auto;
    order: 2;
    margin: 70px 0 0 0; }

  /* line 223, theme.scss */
  .co-menu-link--personal {
    padding: 16px 20px;
    font-size: 15px; }

  /* line 228, theme.scss */
  .co-section--content {
    order: 1;
    margin-top: 45px; }

  /* line 233, theme.scss */
  .co-checkout-title {
    font-size: 24px;
    text-align: center !important; }

  /* line 238, theme.scss */
  .co-section--checkout_header {
    margin-top: 20px !important;
    margin-bottom: 20px; } }
/* Скрываем чекбокс переключателя меню */
/* line 245, theme.scss */
.co-menu-switcher {
  display: none; }

/* line 249, theme.scss */
.co-menu-toggle {
  display: none; }

/* Скрываем конкретный пункт меню */
/* line 254, theme.scss */
.co-menu-item--personal:has(a[href="/client_account/discounts"]) {
  display: none; }

/* Альтернативный способ для старых браузеров */
/* line 259, theme.scss */
.co-menu-item--personal a[href="/client_account/discounts"] {
  display: none; }

/* line 262, theme.scss */
.co-menu-item + .co-menu-item {
  margin-top: 0; }

/* line 265, theme.scss */
.co-adress-editor {
  max-width: 500px; }

/* line 269, theme.scss */
.co-input--house {
  margin-right: 0; }

/* line 273, theme.scss */
.co-section--content > .co-checkout-block--padded:nth-child(2) {
  min-height: 400px; }

@media screen and (max-width: 768px) {
  /* line 278, theme.scss */
  .co-menu {
    display: flex; }

  /* line 281, theme.scss */
  .co-section--content {
    order: 2;
    margin-top: 0; } }
/* Страничка оформления заказа */
/* line 288, theme.scss */
.checkout-v2-wrapper {
  grid-template-columns: 1fr 1fr;
  margin: 50px auto 100px auto;
  /* Страничка просмотра уже оформленного заказа */ }
  /* line 292, theme.scss */
  .checkout-v2-wrapper .co-section--checkout_order {
    width: 90%; }
  /* line 296, theme.scss */
  .checkout-v2-wrapper .co-sidebar {
    padding-top: 30px;
    padding-left: 30px; }
  @media screen and (max-width: 768px) {
    /* line 288, theme.scss */
    .checkout-v2-wrapper {
      grid-template-columns: 1fr; }
      /* line 304, theme.scss */
      .checkout-v2-wrapper .co-section--checkout_order {
        width: 100%; }
      /* line 308, theme.scss */
      .checkout-v2-wrapper .co-sidebar {
        padding: 0 0 18px 0;
        margin-bottom: 30px; }
      /* line 313, theme.scss */
      .checkout-v2-wrapper .co-sidebar-toggler {
        margin-bottom: 2rem; } }
  @media screen and (min-width: 769px) {
    /* line 319, theme.scss */
    .checkout-v2-wrapper:has(.co-order-information) {
      grid-template-columns: 1fr; }
      /* line 323, theme.scss */
      .checkout-v2-wrapper:has(.co-order-information) .co-section--content {
        max-width: 900px;
        margin: 0 auto; } }