@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, #2D2D2D);
  --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, #434343);
  --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, #585858);
  --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, #969696);
  --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, #000000);
  --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, #1a1a1a);
  --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, #333333);
  --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, #808080);
  --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, #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, "PT Root UI");
  --font-size: var(--draft-font-size, 16px);
  --font-family-heading: var(--draft-font-family-heading, "Istok Web");
  --heading-ratio: var(--draft-heading-ratio, 1.25);
  --heading-weight: var(--draft-heading-weight, 600);
  --collection_count: var(--draft-collection_count, 20);
  --search_count: var(--draft-search_count, 12);
  --blog_size: var(--draft-blog_size, 8);
  --product_not_available: var(--draft-product_not_available, preorder);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1408px);
  --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, 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, left);
  --sidebar_blog_show: var(--draft-sidebar_blog_show, true);
  --sidebar_blog_position: var(--draft-sidebar_blog_position, left);
  --sidebar_article_show: var(--draft-sidebar_article_show, true);
  --sidebar_article_position: var(--draft-sidebar_article_position, 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, true);
  --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; } }
/* ===== Sixpad: футер — SIXPAD слева, "ReFa | Style" справа ===== */
/* Строка футера — флекс, всё стартует слева */
/* line 35, theme.scss */
footer .footer-bottom {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  justify-content: flex-start !important; }

/* Лого SIXPAD слева */
/* line 43, theme.scss */
footer .footer__area-logo {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important; }

/* line 49, theme.scss */
footer .footer__area-brands {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  background: transparent !important;
  /* фон убираем, будет серый как у футера */
  padding: 0 !important;
  /* убираем внутренние отступы */
  border-radius: 0 !important;
  /* убираем «пилюлю» */
  box-shadow: none !important;
  /* убираем тень */ }

/* Снимаем ограничения внутренних обёрток темы */
/* line 63, theme.scss */
footer .footer__area-brands .img-ratio,
footer .footer__area-brands .img-ratio__inner,
footer .footer__area-brands picture {
  display: contents !important;
  /* пропускаем <img> наверх */
  height: auto !important;
  width: auto !important; }

/* Лого внутри плашки: гарантированно видимы и в линию */
/* line 72, theme.scss */
footer .footer__area-brands a {
  display: flex !important;
  align-items: center !important; }

/* line 76, theme.scss */
footer .footer__area-brands img {
  display: block !important;
  height: 26px !important;
  /* подгони 24–32px по вкусу */
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  opacity: .98; }

/* Блок оплаты — после плашки (при необходимости) */
/* line 86, theme.scss */
footer .footer__area-pay {
  margin-left: 20px !important; }

/* Мобилка */
@media (max-width: 767px) {
  /* line 90, theme.scss */
  footer .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important; }

  /* line 95, theme.scss */
  footer .footer__area-brands {
    margin-left: 0 !important;
    padding: 8px 12px !important;
    gap: 14px !important;
    border-radius: 12px !important; }

  /* line 101, theme.scss */
  footer .footer__area-brands img {
    height: 22px !important; } }
/* На всякий случай убираем любой прежний блок-источник, если остался */
/* line 105, theme.scss */
.grid-list.size-2 {
  display: none !important; }

/* === Выравнивание размеров логотипов ReFa и Style в футере === */
/* line 110, theme.scss */
footer .footer__area-brands img {
  height: 34px !important;
  /* увеличил размер: было 26px */
  width: auto !important;
  object-fit: contain !important;
  display: block !important; }

/* line 117, theme.scss */
footer .footer__area-brands a {
  display: flex !important;
  align-items: center !important;
  min-height: 34px;
  /* чтобы оба сидели по центру по высоте */ }

/* ===== Sixpad: верхняя полоса хедера — flex-раскладка ===== */
/* line 124, theme.scss */
.header-part-top .header-part-top__inner.topbar-flex {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important; }

/* Логотип — у левого края */
/* line 131, theme.scss */
.header-part-top .in-topbar-left {
  display: flex !important;
  align-items: center !important;
  margin-right: 8px; }

/* line 136, theme.scss */
.header-part-top .in-topbar-left img {
  max-height: 28px;
  /* подгони 26–34px при желании */
  height: auto;
  width: auto;
  display: block; }

/* Корзина — у правого края */
/* line 144, theme.scss */
.header-part-top .in-topbar-right {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important; }

/* Чуть компактнее промежуточные зоны, чтобы всё влезало */
/* line 151, theme.scss */
.header-part-top .header__area-menu {
  flex: 0 1 auto; }

/* line 152, theme.scss */
.header-part-top .header__area-text {
  flex: 0 1 auto; }

/* line 153, theme.scss */
.header-part-top .header__area-contacts {
  flex: 0 1 auto; }

/* Мобилка: можно вернуть обычную раскладку при необходимости */
@media (max-width: 991px) {
  /* line 157, theme.scss */
  .header-part-top .header-part-top__inner.topbar-flex {
    flex-wrap: wrap; }

  /* line 158, theme.scss */
  .header-part-top .in-topbar-right {
    margin-left: 0 !important;
    order: 99; } }
/* ===== Верхняя полоса: сетка, чтобы меню имело 1fr и не пряталось ===== */
/* line 164, theme.scss */
.header-part-top .header-part-top__inner.topbar-flex {
  display: grid !important;
  grid-template-columns: auto 1fr auto auto auto auto;
  /* лого | МЕНЮ | время | тел1 | тел2 | корзина */
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 8px;
  padding: 6px 0; }

/* лого — компактнее и без лишних отступов */
/* line 174, theme.scss */
.header-part-top .in-topbar-left {
  display: flex !important;
  align-items: center !important; }

/* line 177, theme.scss */
.header-part-top .in-topbar-left img {
  max-height: 22px;
  /* было крупнее — отъедало ширину */
  height: auto;
  width: auto;
  display: block;
  margin: 0; }

/* меню должно занимать всю доступную ширину */
/* line 184, theme.scss */
.header-part-top .header__area-menu {
  min-width: 0;
  /* важно для grid, чтобы 1fr реально сжимался, а не толкал соседей */ }

/* line 187, theme.scss */
.header-part-top .header__area-menu .header__menu {
  gap: 18px;
  /* если нужно — уменьши до 14–16px */ }

/* контакты и время — чуть компактнее */
/* line 192, theme.scss */
.header-part-top .header__area-text,
.header-part-top .header__area-contacts {
  font-size: 14px;
  line-height: 1.2;
  white-space: nowrap;
  /* не переносим */ }

/* корзина всегда в последней колонке */
/* line 200, theme.scss */
.header-part-top .in-topbar-right {
  justify-self: end;
  /* у правого края */
  display: flex !important;
  align-items: center !important; }

/* ===== Верхняя полоса: FLEX, явный порядок, меню тянется ===== */
/* line 207, theme.scss */
.header-part-top .header-part-top__inner.topbar-flex {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
  /* не даём переноситься на десктопе */
  padding: 6px 0; }

/* 1) ЛОГО слева */
/* line 216, theme.scss */
.header-part-top .in-topbar-left {
  order: 0 !important;
  display: flex !important;
  align-items: center !important;
  margin-right: 8px; }

/* line 222, theme.scss */
.header-part-top .in-topbar-left img {
  max-height: 90px;
  /* можно 34–40px, зависит от желаемого масштаба */
  height: auto;
  width: auto;
  display: block; }

/* 2) МЕНЮ тянется и занимает всё доступное */
/* line 231, theme.scss */
.header-part-top .header__area-menu {
  order: 1 !important;
  flex: 1 1 auto !important;
  /* <- тянем меню */
  min-width: 0 !important;
  /* важно, чтобы влезали пункты */ }

/* line 236, theme.scss */
.header-part-top .header__area-menu .header__menu {
  gap: 16px;
  /* уменьши до 12–14px, если ещё тесно */ }

/* 3) Время/контакты — фиксированные блоки */
/* line 241, theme.scss */
.header-part-top .header__area-text {
  order: 2 !important;
  white-space: nowrap; }

/* line 242, theme.scss */
.header-part-top .header__area-contacts {
  order: 3 !important;
  white-space: nowrap; }

/* line 243, theme.scss */
.header-part-top .header__area-contacts .header__phone + .header__phone {
  margin-left: 12px; }

/* 4) КОРЗИНА справа */
/* line 246, theme.scss */
.header-part-top .in-topbar-right {
  order: 4 !important;
  margin-left: auto !important;
  /* уводим к правому краю */
  display: flex !important;
  align-items: center !important; }

/* На всякий — убираем «урезание» меню '...' в этой полосе */
/* line 254, theme.scss */
.header-part-top .cut-list__dropdown {
  position: static !important;
  display: contents !important; }

/* line 255, theme.scss */
.header-part-top .cut-list__drop,
.header-part-top .cut-list__drop-toggle {
  display: none !important; }

/* line 257, theme.scss */
.header-part-top .cut-list__more,
.header-part-top .cut-list__more-content {
  display: contents !important; }

/* line 259, theme.scss */
.header-part-top .cut-list__more-content > li {
  display: inline-block !important; }

/* Мобилка — можно разрешить перенос */
@media (max-width: 991px) {
  /* line 263, theme.scss */
  .header-part-top .header-part-top__inner.topbar-flex {
    flex-wrap: wrap !important;
    gap: 10px !important; }

  /* line 267, theme.scss */
  .header-part-top .in-topbar-right {
    order: 99 !important;
    margin-left: 0 !important; } }
/* ===== Подвинуть блок ReFa | Style в футере ===== */
/* line 272, theme.scss */
footer .footer__area-brands {
  margin-left: auto !important;
  /* всё ещё справа */
  margin-right: 80px !important;
  /* ← сдвигаем от правого края (подбери: 20–60px) */ }

/* На мобилке возвращаем к норме */
@media (max-width: 767px) {
  /* line 279, theme.scss */
  footer .footer__area-brands {
    margin-right: 0 !important; } }
/* line 286, theme.scss */
.footer__area-brands {
  display: flex;
  gap: 28px;
  /* расстояние между ReFa и Style */
  align-items: center;
  margin-left: auto;
  /* прижать вправо рядом с SIXPAD — убери, если не нужно */ }

/* line 292, theme.scss */
.footer__area-brands .brands__item img {
  height: 28px;
  /* подгони размер, если потребуется */
  width: auto;
  display: block; }

/* Footer brands: гарантированно видимы и ровно стоят */
/* line 300, theme.scss */
footer .footer__area-brands {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin-left: auto;
  /* держим справа от логотипа SIXPAD */
  /* если нужно сдвинуть левее от самого края футера: */
  margin-right: 40px;
  /* подбери 20–60px */ }

/* line 308, theme.scss */
footer .footer__area-brands .brands__item {
  display: inline-flex !important;
  align-items: center !important; }

/* line 312, theme.scss */
footer .footer__area-brands img {
  height: 28px;
  /* подбери 26–34px */
  width: auto;
  display: block;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important; }

/* Footer brands: делаем видимыми и задаём отступы */
/* line 323, theme.scss */
footer .footer__area-brands {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin-left: auto;
  /* блок брендов справа от логотипа SIXPAD */
  margin-right: 40px;
  /* подвинуть чуть левее от края; подбери 20–60px */ }

/* line 330, theme.scss */
footer .footer__area-brands .brands__item {
  display: inline-flex !important;
  align-items: center !important; }

/* line 334, theme.scss */
footer .footer__area-brands img {
  height: 28px;
  /* при необходимости 30–34px */
  width: auto;
  display: block;
  background: transparent !important; }

/* line 340, theme.scss */
footer .footer__area-brands {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin-left: auto;
  margin-right: 40px;
  /* подвинь, если надо */ }

/* line 344, theme.scss */
footer .footer__area-brands .brands__item img {
  height: 28px;
  width: auto;
  display: block;
  background: transparent !important; }

/* ===== HEADER: чистая flex-раскладка верхней полосы ===== */
/* line 349, theme.scss */
.header-part-top .header-part-top__inner.topbar-ready {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: nowrap !important; }

/* порядок блоков */
/* line 357, theme.scss */
.header-part-top .topbar-ready .header__area-logo {
  order: 0;
  display: flex;
  align-items: center; }

/* line 358, theme.scss */
.header-part-top .topbar-ready .header__area-menu {
  order: 1;
  flex: 1 1 auto !important;
  min-width: 0 !important; }

/* line 359, theme.scss */
.header-part-top .topbar-ready .header__area-text {
  order: 2;
  white-space: nowrap;
  margin-left: 6px; }

/* line 360, theme.scss */
.header-part-top .topbar-ready .header__area-contacts {
  order: 3;
  white-space: nowrap; }

/* line 361, theme.scss */
.header-part-top .topbar-ready .header__area-controls {
  order: 4;
  margin-left: auto !important;
  display: flex;
  align-items: center; }

/* размер логотипа в шапке */
/* line 364, theme.scss */
.header-part-top .topbar-ready .header__area-logo img {
  max-height: 100px;
  /* можно 38–40px при необходимости */
  height: auto;
  width: auto;
  display: block; }

/* меню чуть компактнее */
/* line 370, theme.scss */
.header-part-top .topbar-ready .header__menu {
  gap: 14px; }

/* отключаем "…" в верхней полосе (когда места хватает) */
/* line 373, theme.scss */
.header-part-top .topbar-ready .cut-list__dropdown {
  display: contents !important;
  position: static !important; }

/* line 374, theme.scss */
.header-part-top .topbar-ready .cut-list__drop,
.header-part-top .topbar-ready .cut-list__drop-toggle {
  display: none !important; }

/* line 376, theme.scss */
.header-part-top .topbar-ready .cut-list__more,
.header-part-top .topbar-ready .cut-list__more-content {
  display: contents !important; }

/* line 378, theme.scss */
.header-part-top .topbar-ready .cut-list__more-content > li {
  display: inline-block !important; }

/* мобилка: разрешаем переносы */
@media (max-width: 991px) {
  /* line 382, theme.scss */
  .header-part-top .header-part-top__inner.topbar-ready {
    flex-wrap: wrap !important;
    gap: 10px !important; }

  /* line 383, theme.scss */
  .header-part-top .topbar-ready .header__area-controls {
    order: 99;
    margin-left: 0 !important; } }
/* ===== FOOTER: бренды ReFa | Style справа от логотипа SIXPAD ===== */
/* line 387, theme.scss */
footer .footer__area-brands {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin-left: auto;
  /* чтобы встали справа от логотипа SIXPAD */
  margin-right: 40px;
  /* подвинь по вкусу: 20–60px */ }

/* line 394, theme.scss */
footer .footer__area-brands .brands__item {
  display: inline-flex !important;
  align-items: center !important; }

/* line 398, theme.scss */
footer .footer__area-brands img {
  height: 28px;
  /* подгони: 26–34px */
  width: auto;
  display: block;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important; }