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

/* ===== Карточка товара: ХАРАКТЕРИСТИКИ ===== */
/* line 410, theme.scss */
#tab-characteristics .product-properties {
  padding: 8px 0; }

/* сетка: 2 колонки на десктопе */
/* line 413, theme.scss */
#tab-characteristics .properties-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 32px; }

/* строка характеристики — одна строка с лидером */
/* line 420, theme.scss */
#tab-characteristics .property {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  /* чтобы текст не ломал сетку */
  border-radius: 8px;
  padding: 6px 8px; }

/* лёгкая «зебра», можно убрать, если не нужно */
/* line 429, theme.scss */
#tab-characteristics .property:nth-child(even) {
  background: #fafafa; }

/* line 433, theme.scss */
#tab-characteristics .property__name {
  font-weight: 600;
  color: #333;
  white-space: nowrap; }

/* пунктирная линия между названием и значением */
/* line 440, theme.scss */
#tab-characteristics .property__delimiter {
  flex: 1 1 auto;
  border-bottom: 1px dashed #dcdcdc;
  height: 0;
  margin: 10px 8px 0; }

/* значение */
/* line 448, theme.scss */
#tab-characteristics .property__content {
  color: #111;
  max-width: 100%;
  word-break: break-word;
  /* длинные формулировки не вывалятся */
  line-height: 1.55; }

/* line 454, theme.scss */
#tab-characteristics .property__content * {
  margin: 0; }

/* мобильная версия — одна колонка */
@media (max-width: 1024px) {
  /* line 458, theme.scss */
  #tab-characteristics .properties-items {
    grid-template-columns: 1fr;
    gap: 10px 0; }

  /* line 462, theme.scss */
  #tab-characteristics .property {
    padding: 8px 4px; } }
/* ===== Карточка товара: ХАРАКТЕРИСТИКИ (фикс) ===== */
/* line 468, theme.scss */
#tab-characteristics .product-properties {
  padding: 8px 0; }

/* 2 колонки на десктопе */
/* line 471, theme.scss */
#tab-characteristics .properties-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 28px; }

/* каждая характеристика — карточка */
/* line 478, theme.scss */
#tab-characteristics .property {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #eee;
  border-radius: 10px;
  background: #fff;
  /* одинаково для всех, убрали зебру */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); }

/* название — фикс ширины, чтобы лидер тянулся ровно */
/* line 490, theme.scss */
#tab-characteristics .property__name {
  flex: 0 0 auto;
  font-weight: 600;
  color: #303030;
  white-space: nowrap; }

/* пунктирная «лидер-линия» */
/* line 498, theme.scss */
#tab-characteristics .property__delimiter {
  flex: 1 1 auto;
  height: 0;
  border-bottom: 1px dashed #dcdcdc;
  margin: 12px 10px 0; }

/* значение — НЕ рвём по буквам */
/* line 506, theme.scss */
#tab-characteristics .property__content {
  flex: 0 1 60%;
  color: #111;
  line-height: 1.55;
  word-break: normal !important;
  /* отменяем возможный break-all */
  overflow-wrap: anywhere;
  /* мягкий перенос длинных слов */
  hyphens: auto;
  /* тире-переносы, если браузер умеет */ }

/* line 514, theme.scss */
#tab-characteristics .property__content * {
  margin: 0; }

/* мобильная версия — 1 колонка */
@media (max-width: 1024px) {
  /* line 518, theme.scss */
  #tab-characteristics .properties-items {
    grid-template-columns: 1fr;
    gap: 10px; }

  /* line 522, theme.scss */
  #tab-characteristics .property {
    padding: 10px 12px; }

  /* line 525, theme.scss */
  #tab-characteristics .property__content {
    flex-basis: auto; } }
/* === Характеристики: ровное выравнивание значений по одной вертикали === */
/* line 532, theme.scss */
#tab-characteristics {
  /* подстрой ширину колонки с названием; 200–240px обычно идеально */
  --prop-name-w: 220px; }

/* заменяем flex на grid внутри строки */
/* line 538, theme.scss */
#tab-characteristics .property {
  display: grid !important;
  grid-template-columns: var(--prop-name-w) 1fr minmax(0, 1.4fr);
  /* name | leader | value */
  column-gap: 10px;
  align-items: start; }

/* название — фикс ширины */
/* line 546, theme.scss */
#tab-characteristics .property__name {
  grid-column: 1;
  white-space: nowrap;
  font-weight: 600; }

/* пунктирная линия тянется до начала значения */
/* line 553, theme.scss */
#tab-characteristics .property__delimiter {
  grid-column: 2;
  align-self: center;
  height: 0;
  border-bottom: 1px dashed #dcdcdc;
  margin: 12px 0 0;
  /* чтобы линия была примерно по центру текста */ }

/* значение — всегда стартует с одной вертикали, не рвём слова по буквам */
/* line 562, theme.scss */
#tab-characteristics .property__content {
  grid-column: 3;
  min-width: 0;
  line-height: 1.55;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto; }

/* line 570, theme.scss */
#tab-characteristics .property__content * {
  margin: 0; }

/* мобилка: одна колонка, без лидера */
@media (max-width: 1024px) {
  /* line 574, theme.scss */
  #tab-characteristics .property {
    grid-template-columns: 1fr;
    /* одна колонка */ }

  /* line 577, theme.scss */
  #tab-characteristics .property__delimiter {
    display: none; }

  /* line 580, theme.scss */
  #tab-characteristics .property__name {
    margin-bottom: 4px; } }
/* === Характеристики: фикс вертикали для пунктирной линии === */
/* line 587, theme.scss */
#tab-characteristics .property {
  align-items: flex-start !important;
  /* весь ряд — к верху */ }

/* line 591, theme.scss */
#tab-characteristics .property__name {
  line-height: 1.25;
  /* стабильная высота первой строки */ }

/* line 595, theme.scss */
#tab-characteristics .property__delimiter {
  align-self: flex-start !important;
  /* линия тоже к верху */
  margin: .65em 0 0 !important;
  /* начинаем чуть ниже первой строки */
  border-bottom: 1px dashed #dcdcdc;
  /* на всякий */
  height: 0; }

/* line 602, theme.scss */
#tab-characteristics .property__content {
  margin-top: 0 !important;
  /* без сдвига вниз */
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto; }

/* при очень узком экране (одна колонка) линию убираем */
@media (max-width: 1024px) {
  /* line 611, theme.scss */
  #tab-characteristics .property__delimiter {
    display: none !important; } }
/* line 614, theme.scss */
#tab-characteristics .property__delimiter {
  margin-top: .55em !important; }

/* === Характеристики: гибкая линия как изначально + ровная колонка значений === */
/* line 618, theme.scss */
#tab-characteristics {
  --prop-value-start: 240px;
  /* где начинается значение (подгони по макету) */ }

/* line 622, theme.scss */
#tab-characteristics .property {
  display: grid !important;
  grid-template-columns: auto 1fr minmax(0, 1fr);
  /* имя | линия | значение */
  align-items: center;
  gap: 8px; }

/* line 629, theme.scss */
#tab-characteristics .property__name {
  grid-column: 1;
  white-space: nowrap;
  font-weight: 600;
  color: #303030; }

/* line 636, theme.scss */
#tab-characteristics .property__delimiter {
  grid-column: 2;
  border-bottom: 1px dashed #dcdcdc;
  height: 0; }

/* line 642, theme.scss */
#tab-characteristics .property__content {
  grid-column: 3;
  min-width: 0;
  line-height: 1.5;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto;
  padding-left: calc(var(--prop-value-start) - 220px);
  /* маленькая хитрость — смещаем, чтобы все значения начинались ровно */ }

@media (max-width: 1024px) {
  /* line 654, theme.scss */
  #tab-characteristics .property {
    grid-template-columns: 1fr;
    /* в мобилке просто список */ }

  /* line 657, theme.scss */
  #tab-characteristics .property__delimiter {
    display: none; } }
/* === Характеристики: гибкая линия + ровная колонка значений === */
/* line 666, theme.scss */
#tab-characteristics {
  --left-col: 260px;
  /* ширина левой части (название + линия). Подгони! */ }

/* Две колонки: слева fixed ширина, справа значение */
/* line 671, theme.scss */
#tab-characteristics .property {
  display: grid !important;
  grid-template-columns: var(--left-col) 1fr;
  /* [левая зона] | [значение] */
  align-items: center;
  column-gap: 14px; }

/* левая зона: имя + растягивающаяся линия */
/* line 679, theme.scss */
#tab-characteristics .property__left {
  display: flex;
  align-items: center;
  min-width: 0; }

/* line 684, theme.scss */
#tab-characteristics .property__left .property__name {
  white-space: nowrap;
  font-weight: 600;
  color: #303030;
  margin-right: 8px; }

/* line 690, theme.scss */
#tab-characteristics .property__left .property__delimiter {
  flex: 1 1 auto;
  height: 0;
  border-bottom: 1px dashed #dcdcdc; }

/* значение всегда стартует ровно по одной вертикали */
/* line 697, theme.scss */
#tab-characteristics .property__content {
  min-width: 0;
  line-height: 1.55;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto; }

/* мобилка — одна колонка, линию скрываем */
@media (max-width: 1024px) {
  /* line 707, theme.scss */
  #tab-characteristics .property {
    grid-template-columns: 1fr; }

  /* line 710, theme.scss */
  #tab-characteristics .property__left .property__delimiter {
    display: none; }

  /* line 713, theme.scss */
  #tab-characteristics .property__left {
    margin-bottom: 4px; } }
/* === Характеристики: фикс выравнивания значений === */
/* line 720, theme.scss */
#tab-characteristics .property {
  justify-content: normal !important;
  /* убираем space-between из темы */
  justify-items: start !important;
  /* элементы начинаются слева */
  align-items: start !important;
  /* и по вертикали к верху */ }

/* line 726, theme.scss */
#tab-characteristics .property__left {
  justify-self: start !important;
  /* левая зона слева */ }

/* line 730, theme.scss */
#tab-characteristics .property__content {
  justify-self: start !important;
  /* значение слева, у начала своей колонки */
  text-align: left !important;
  /* на всякий */
  margin-left: 0 !important;
  padding-left: 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto; }

/* === Характеристики: вернуть пунктирную линию === */
/* line 742, theme.scss */
#tab-characteristics .property__left {
  display: flex !important;
  /* имя + линия в один ряд */
  align-items: center !important;
  width: 100% !important;
  /* левая зона целиком занимает свою колонку */
  min-width: 0 !important; }

/* line 749, theme.scss */
#tab-characteristics .property__left .property__name {
  white-space: nowrap !important;
  margin-right: 8px; }

/* line 754, theme.scss */
#tab-characteristics .property__left .property__delimiter {
  display: block !important;
  flex: 1 1 auto !important;
  /* тянется на остаток */
  min-width: 24px !important;
  /* не схлопывается в ноль */
  height: 0 !important;
  margin: .6em 0 0 !important;
  /* чуть ниже первой строки имени */
  border-bottom: 1px dashed #dcdcdc !important;
  opacity: 1 !important;
  visibility: visible !important; }

/* На десктопе линия показывается; на мобилке можно скрыть */
@media (max-width: 1024px) {
  /* line 767, theme.scss */
  #tab-characteristics .property__left .property__delimiter {
    display: none !important; } }
/* line 771, theme.scss */
#tab-characteristics {
  --left-col: 360px; }

/* попробуй 340–380px */
/* === Характеристики: как в оригинале, но с выровненным столбцом значений === */
/* line 775, theme.scss */
#tab-characteristics {
  --left-col: 360px;
  /* ширина левой части (название + линия). Подгони! */ }

/* line 779, theme.scss */
#tab-characteristics .property {
  display: grid;
  grid-template-columns: var(--left-col) 1fr;
  /* слева имя+линия, справа значение */
  column-gap: 14px;
  align-items: flex-start; }

/* Левая часть */
/* line 787, theme.scss */
#tab-characteristics .property__name {
  display: inline-block;
  white-space: nowrap;
  font-weight: 600;
  margin-right: 8px; }

/* line 794, theme.scss */
#tab-characteristics .property__delimiter {
  display: inline-block;
  border-bottom: 1px dashed #dcdcdc;
  width: calc(100% - 80px);
  /* линия тянется между именем и значением */
  vertical-align: middle;
  margin: 0 8px; }

/* Значение */
/* line 803, theme.scss */
#tab-characteristics .property__content {
  text-align: left;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto; }

/* === Характеристики: выравнивание значений в колонку === */
/* line 812, theme.scss */
#tab-characteristics {
  --value-col-start: 680px;
  /* фикс ширина левой зоны (подгони по макету) */ }

/* line 816, theme.scss */
#tab-characteristics .property {
  display: grid !important;
  grid-template-columns: auto 1fr;
  /* левая часть + значение */
  align-items: flex-start; }

/* обёртка: название + линия */
/* line 823, theme.scss */
#tab-characteristics .property__name,
#tab-characteristics .property__delimiter {
  grid-column: 1; }

/* значение: всегда с одной вертикали */
/* line 829, theme.scss */
#tab-characteristics .property__content {
  grid-column: 2;
  min-width: 0;
  padding-left: calc(var(--value-col-start) - 220px);
  /* смещение под линию */
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto; }

/* === Характеристики: чистое выравнивание без пунктирной линии === */
/* line 843, theme.scss */
#tab-characteristics {
  --left-col: 220px;
  /* ширина колонки с названием */ }

/* line 847, theme.scss */
#tab-characteristics .property {
  display: grid !important;
  grid-template-columns: var(--left-col) 1fr;
  /* имя | значение */
  align-items: start;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); }

/* Название характеристики */
/* line 860, theme.scss */
#tab-characteristics .property__name {
  font-weight: 600;
  color: #303030;
  white-space: nowrap; }

/* Убираем линию */
/* line 867, theme.scss */
#tab-characteristics .property__delimiter {
  display: none !important; }

/* Значение */
/* line 872, theme.scss */
#tab-characteristics .property__content {
  line-height: 1.55;
  text-align: left;
  word-break: normal !important;
  overflow-wrap: anywhere;
  hyphens: auto; }

/* Мобилка — одна колонка */
@media (max-width: 1024px) {
  /* line 882, theme.scss */
  #tab-characteristics .property {
    grid-template-columns: 1fr; }

  /* line 885, theme.scss */
  #tab-characteristics .property__name {
    margin-bottom: 4px; } }
/* ===== MOBILE FIX для блока "Характеристики" ===== */
@media (max-width: 767px) {
  /* весь блок отступаем от плашки "В корзину" */
  /* line 894, theme.scss */
  #tab-characteristics .product-properties {
    padding-bottom: 80px;
    /* подгони под высоту плашки */ }

  /* каждый пункт — простая карточка без грида */
  /* line 899, theme.scss */
  #tab-characteristics .property {
    display: block !important;
    padding: 12px 14px;
    margin-bottom: 10px;
    overflow: visible; }

  /* заголовок сверху, нормальные переносы */
  /* line 907, theme.scss */
  #tab-characteristics .property__name {
    display: block;
    margin: 0 0 6px;
    white-space: normal;
    line-height: 1.3; }

  /* линию полностью скрываем на мобилке */
  /* line 915, theme.scss */
  #tab-characteristics .property__delimiter {
    display: none !important; }

  /* значение ниже, текст не рвём на буквы */
  /* line 920, theme.scss */
  #tab-characteristics .property__content {
    display: block;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: anywhere;
    hyphens: auto; }

  /* страховка от "вылетов" ширины */
  /* line 929, theme.scss */
  #tab-characteristics .property * {
    max-width: 100%; } }
/* === Характеристики: единый серый фон для всех карточек === */
/* line 936, theme.scss */
#tab-characteristics .property {
  background: #f9f9f9 !important;
  /* мягкий серый */
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: none;
  /* убираем тень, если не нужна */ }

/* мобильная версия — то же самое */
@media (max-width: 767px) {
  /* line 945, theme.scss */
  #tab-characteristics .property {
    background: #f9f9f9 !important; } }