@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; } }
/* ===== Blog hero + list (пилюли) ===== */
/* line 956, theme.scss */
.blog-hero-list {
  /* общий внешний зазор, чтобы заголовок «О бренде» не прилипал ни к чему */
  margin: 24px 0 40px; }

/* line 960, theme.scss */
.blog-hero-list__inner {
  /* внутренние поля, чтобы картинка не прилипала к краю экрана */
  padding: 0 16px; }

/* line 964, theme.scss */
.blog-hero-list__heading {
  margin: 0 0 16px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700; }

/* line 970, theme.scss */
.blog-hero-list__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 24px; }

/* Левая колонка */
/* line 977, theme.scss */
.blog-hero-list .hero__image {
  display: block;
  overflow: hidden;
  border-radius: 14px; }

/* line 982, theme.scss */
.blog-hero-list .hero__image img {
  width: 100%;
  height: auto;
  display: block; }

/* line 987, theme.scss */
.blog-hero-list .hero__caption {
  margin-top: 10px;
  font-size: 16px;
  color: #333; }

/* Правая колонка (пилюли) */
/* line 994, theme.scss */
.blog-hero-list .list {
  display: grid;
  gap: 14px; }

/* line 998, theme.scss */
.blog-hero-list .pill {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 18px 20px;
  font-weight: 600;
  line-height: 1.3;
  color: #111;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); }

/* Адаптив */
@media (max-width: 991px) {
  /* line 1011, theme.scss */
  .blog-hero-list__inner {
    padding: 0 12px; }

  /* line 1012, theme.scss */
  .blog-hero-list__grid {
    grid-template-columns: 1fr;
    gap: 18px; }

  /* line 1013, theme.scss */
  .blog-hero-list__heading {
    font-size: 22px;
    margin-bottom: 12px; } }
/* ===== Blog hero + list (финальная правка по отступам и стилю) ===== */
/* line 1021, theme.scss */
.blog-hero-list {
  margin: 60px auto;
  padding: 0 5%;
  /* общий внутренний отступ от краёв экрана */
  max-width: 1600px; }

/* line 1027, theme.scss */
.blog-hero-list__heading {
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
  text-align: left; }

/* line 1035, theme.scss */
.blog-hero-list__grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: start; }

/* Левая колонка */
/* line 1043, theme.scss */
.blog-hero-list .hero__image {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); }

/* line 1050, theme.scss */
.blog-hero-list .hero__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px; }

/* Убираем подпись под картинкой */
/* line 1058, theme.scss */
.blog-hero-list .hero__caption {
  display: none !important; }

/* Правая колонка (пилюли) */
/* line 1063, theme.scss */
.blog-hero-list .list {
  display: grid;
  gap: 16px; }

/* line 1068, theme.scss */
.blog-hero-list .pill {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 18px 22px;
  font-weight: 600;
  line-height: 1.4;
  color: #111;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease; }

/* line 1080, theme.scss */
.blog-hero-list .pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); }

/* Адаптив */
@media (max-width: 991px) {
  /* line 1087, theme.scss */
  .blog-hero-list {
    padding: 0 16px;
    margin: 40px auto; }

  /* line 1092, theme.scss */
  .blog-hero-list__heading {
    font-size: 24px;
    margin-bottom: 16px; }

  /* line 1097, theme.scss */
  .blog-hero-list__grid {
    grid-template-columns: 1fr;
    gap: 20px; }

  /* line 1102, theme.scss */
  .blog-hero-list .pill {
    padding: 14px 18px;
    font-size: 15px; } }
/* ===== Blog hero + list — тонкая доводка ===== */
/* Чуть левее/правее и аккуратнее ширина */
/* line 1113, theme.scss */
.blog-hero-list {
  /* вместо 5% делаем фикс-отступ, чтобы совпасть с основными полями страницы */
  padding-left: 40px;
  padding-right: 40px;
  max-width: 1600px;
  /* как и было */
  margin: 56px auto; }

/* Заголовок остается сверху, без повтора под фото */
/* line 1122, theme.scss */
.blog-hero-list__heading {
  margin: 0 0 20px 0; }

/* Две колонки, растягиваем обе по высоте одной строки */
/* line 1127, theme.scss */
.blog-hero-list__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  /* немного шире фото */
  gap: 36px;
  /* ровный воздух между колонками */
  align-items: stretch;
  /* правая колонка растягивается под высоту левой */ }

/* Левая колонка: задаем фиксированное соотношение сторон,
   чтобы правая колонка могла растянуться на ту же высоту */
/* line 1136, theme.scss */
.blog-hero-list .hero__image {
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); }

/* line 1142, theme.scss */
.blog-hero-list .hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

/* Убираем подпись под картинкой окончательно */
/* line 1150, theme.scss */
.blog-hero-list .hero__caption {
  display: none !important; }

/* Правая колонка: делаем из списка «растяжку» на всю высоту,
   три «пилюли» занимают пространство равномерно */
/* line 1154, theme.scss */
.blog-hero-list .list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%; }

/* оставляем только 3 элемента (если в HTML их больше) */
/* line 1162, theme.scss */
.blog-hero-list .list .pill:nth-child(n+4) {
  display: none; }

/* растяжка пилюль на равные доли высоты */
/* line 1165, theme.scss */
.blog-hero-list .pill {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  padding: 18px 22px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  font-weight: 600;
  line-height: 1.35;
  color: #111;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transition: transform .25s ease, box-shadow .25s ease; }

/* line 1179, theme.scss */
.blog-hero-list .pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); }

/* Мобилка — без растяжки, обычная колонка */
@media (max-width: 991px) {
  /* line 1186, theme.scss */
  .blog-hero-list {
    padding-left: 16px;
    padding-right: 16px;
    margin: 40px auto; }

  /* line 1191, theme.scss */
  .blog-hero-list__grid {
    grid-template-columns: 1fr;
    gap: 20px; }

  /* line 1195, theme.scss */
  .blog-hero-list .pill {
    flex: 0 0 auto;
    padding: 14px 18px; } }
/* === Улучшенное оформление 3 пилюль (без редактирования HTML) === */
/* line 1211, theme.scss */
.blog-hero-list .list {
  display: flex;
  flex-direction: column;
  gap: 20px; }

/* Общая форма */
/* line 1218, theme.scss */
.blog-hero-list .pill {
  position: relative;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  padding: 24px 26px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
  font-weight: 600;
  color: #111;
  transition: all 0.25s ease;
  line-height: 1.45; }

/* Наведение */
/* line 1232, theme.scss */
.blog-hero-list .pill:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); }

/* Добавляем декоративный заголовок и описание с помощью псевдоэлементов */
/* line 1238, theme.scss */
.blog-hero-list .pill:nth-child(1)::before {
  content: "Технологии";
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 4px; }

/* line 1246, theme.scss */
.blog-hero-list .pill:nth-child(1)::after {
  content: "Запатентованная технология CMM Pulse™ для глубокой стимуляции мышц.";
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #555; }

/* line 1254, theme.scss */
.blog-hero-list .pill:nth-child(2)::before {
  content: "Эффективность";
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 4px; }

/* line 1262, theme.scss */
.blog-hero-list .pill:nth-child(2)::after {
  content: "20 Гц — оптимальная частота для усиления тонуса и ускорения обменных процессов.";
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #555; }

/* line 1270, theme.scss */
.blog-hero-list .pill:nth-child(3)::before {
  content: "Безопасность";
  display: block;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 4px; }

/* line 1278, theme.scss */
.blog-hero-list .pill:nth-child(3)::after {
  content: "EMS абсолютно безопасна, имитирует естественные сигналы человеческого мозга.";
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #555; }

/* адаптив */
@media (max-width: 991px) {
  /* line 1288, theme.scss */
  .blog-hero-list .pill {
    padding: 18px 20px; }

  /* line 1291, theme.scss */
  .blog-hero-list .pill::before {
    font-size: 16px; }

  /* line 1292, theme.scss */
  .blog-hero-list .pill::after {
    font-size: 14px; } }
/* === Пилюли: чисто CSS, без изменения HTML === */
/* line 1301, theme.scss */
.blog-hero-list .list {
  display: flex;
  flex-direction: column;
  gap: 18px; }

/* Базовая карточка */
/* line 1308, theme.scss */
.blog-hero-list .pill {
  position: relative;
  padding: 22px 26px;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 16px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  transition: transform .2s ease, box-shadow .2s ease;
  /* прячем исходный текст внутри, чтобы не мешал верстке */
  font-size: 0;
  line-height: 0; }

/* Лёгкий акцент слева (можно убрать) */
/* line 1322, theme.scss */
.blog-hero-list .pill::marker {
  content: none; }

/* line 1323, theme.scss */
.blog-hero-list .pill::before,
.blog-hero-list .pill::after {
  display: block; }

/* Заголовок */
/* line 1327, theme.scss */
.blog-hero-list .pill::before {
  font-size: 18px;
  line-height: 1.25;
  font-weight: 750;
  color: #111;
  margin-bottom: 6px; }

/* Описание */
/* line 1336, theme.scss */
.blog-hero-list .pill::after {
  font-size: 15.5px;
  line-height: 1.55;
  color: #5b5b5b;
  max-width: 72ch; }

/* Состояние наведения */
/* line 1344, theme.scss */
.blog-hero-list .pill:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08); }

/* Подставляем тексты для каждой пилюли */
/* line 1350, theme.scss */
.blog-hero-list .pill:nth-child(1)::before {
  content: "Технологии"; }

/* line 1351, theme.scss */
.blog-hero-list .pill:nth-child(1)::after {
  content: "Запатентованная технология CMM Pulse™ для глубокой и ровной электростимуляции."; }

/* line 1355, theme.scss */
.blog-hero-list .pill:nth-child(2)::before {
  content: "Эффективность"; }

/* line 1356, theme.scss */
.blog-hero-list .pill:nth-child(2)::after {
  content: "20 Гц — оптимальная частота, которая повышает тонус, улучшает выносливость и ускоряет обменные процессы."; }

/* line 1360, theme.scss */
.blog-hero-list .pill:nth-child(3)::before {
  content: "Безопасность"; }

/* line 1361, theme.scss */
.blog-hero-list .pill:nth-child(3)::after {
  content: "EMS имитирует естественные сигналы мозга и безопасна при правильном использовании устройств SixPad."; }

/* Адаптив */
@media (max-width: 991px) {
  /* line 1367, theme.scss */
  .blog-hero-list .pill {
    padding: 18px 20px; }

  /* line 1368, theme.scss */
  .blog-hero-list .pill::before {
    font-size: 17px; }

  /* line 1369, theme.scss */
  .blog-hero-list .pill::after {
    font-size: 14.5px; } }
/* Контейнер справа: вертикальный ритм и отступы */
/* line 1382, theme.scss */
.blog-hero-list .list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  /* расстояние между пилюлями */
  margin-top: 6px; }

/* line 1390, theme.scss */
.blog-hero-list .pill {
  position: relative;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
  min-height: 78px;
  /* чтобы все были на один визуальный уровень */
  display: block;
  /* прячем исходное содержимое, рисуем своё через ::before/::after */
  font-size: 0;
  line-height: 0; }

/* hover — чуть «воздушнее» */
/* line 1407, theme.scss */
.blog-hero-list .pill:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.08); }

/* Заголовок */
/* line 1414, theme.scss */
.blog-hero-list .pill::before {
  content: "";
  display: block;
  font-weight: 700;
  font-size: 15.5px;
  line-height: 1.25;
  color: #1d1d1f;
  margin-bottom: 6px; }

/* Описание */
/* line 1425, theme.scss */
.blog-hero-list .pill::after {
  content: "";
  display: block;
  font-size: 13.5px;
  line-height: 1.5;
  color: #707070;
  max-width: 64ch; }

/* Три карточки с нужными подписями */
/* line 1435, theme.scss */
.blog-hero-list .pill:nth-child(1)::before {
  content: "Технологии"; }

/* line 1436, theme.scss */
.blog-hero-list .pill:nth-child(1)::after {
  content: "Запатентованная технология CMM Pulse™ обеспечивает глубокую и ровную электростимуляцию."; }

/* line 1440, theme.scss */
.blog-hero-list .pill:nth-child(2)::before {
  content: "Эффективность"; }

/* line 1441, theme.scss */
.blog-hero-list .pill:nth-child(2)::after {
  content: "20 Гц — оптимальная частота для повышения тонуса, выносливости и ускорения обменных процессов."; }

/* line 1445, theme.scss */
.blog-hero-list .pill:nth-child(3)::before {
  content: "Безопасность"; }

/* line 1446, theme.scss */
.blog-hero-list .pill:nth-child(3)::after {
  content: "EMS имитирует естественные сигналы мозга и безопасна при правильном использовании устройств SixPad."; }

/* Адаптив: немного компактнее на узких экранах */
@media (max-width: 991px) {
  /* line 1452, theme.scss */
  .blog-hero-list .pill {
    padding: 10px 12px;
    min-height: 94px; }

  /* line 1453, theme.scss */
  .blog-hero-list .pill::before {
    font-size: 10px;
    margin-bottom: 4px; }

  /* line 1454, theme.scss */
  .blog-hero-list .pill::after {
    font-size: 10px; } }
/* ——— Панорамное фото «О бренде»: показываем целиком, без обрезки ——— */
/* line 1459, theme.scss */
.blog-hero-list .hero__image {
  width: 100%;
  height: 420px;
  /* базовая высота на десктопе */
  border-radius: 14px;
  overflow: hidden;
  display: block; }

/* line 1467, theme.scss */
.blog-hero-list .hero__image img {
  width: 1000;
  height: 100;
  object-fit: contain;
  /* показываем целое фото */
  object-position: top;
  display: block; }

/* Чуть адаптируем под разные устройства */
@media (max-width: 1280px) {
  /* line 1477, theme.scss */
  .blog-hero-list .hero__image {
    height: 56vw;
    /* пропорциональная высота на ноутбуках */ } }
@media (max-width: 768px) {
  /* line 1482, theme.scss */
  .blog-hero-list .hero__image {
    height: 52vw;
    /* чуть выше на планшетах */ } }
@media (max-width: 480px) {
  /* line 1487, theme.scss */
  .blog-hero-list .hero__image {
    height: 64vw;
    /* мобильная версия */ } }
/* Растягиваем картинку на всю высоту колонки, ширина — столбца */
/* line 1495, theme.scss */
.blog-hero-list .blog-hero-list__grid {
  align-items: stretch;
  /* обе колонки одной высоты */ }

/* line 1499, theme.scss */
.blog-hero-list .hero {
  height: 100%; }

/* line 1503, theme.scss */
.blog-hero-list .hero__image {
  display: block;
  height: 100%; }

/* line 1508, theme.scss */
.blog-hero-list .hero__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-position: center;
  /* центрируем */ }

/* === Sixpad: новое фото из 3 частей (обрезанное) === */
/* line 1521, theme.scss */
.blog-hero-list .hero__image {
  display: block;
  width: 100%;
  height: 420px;
  /* высота блока — под «пилюли» справа */
  border-radius: 14px;
  overflow: hidden;
  background: #f3f3f3; }

/* Само изображение */
/* line 1531, theme.scss */
.blog-hero-list .hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* немного обрежет края, но сохранит пропорции */
  object-position: center center;
  /* центрируем по центру */
  display: block; }

/* Адаптация под экраны */
@media (max-width: 1280px) {
  /* line 1541, theme.scss */
  .blog-hero-list .hero__image {
    height: 36vw; } }
@media (max-width: 768px) {
  /* line 1547, theme.scss */
  .blog-hero-list .hero__image {
    height: 50vw; } }
@media (max-width: 480px) {
  /* line 1553, theme.scss */
  .blog-hero-list .hero__image {
    height: 65vw; } }
/* Блок "О бренде" — выравнивание колонок по верхнему краю */
/* line 1561, theme.scss */
.blog-hero-list__grid {
  /* если у тебя grid */
  align-items: start;
  /* ключевая строка */
  /* если вдруг используется flex:
  display: flex;
  align-items: flex-start;
  */ }

/* Сброс возможных внешних отступов у левой колонки */
/* line 1571, theme.scss */
.blog-hero-list .hero,
.blog-hero-list .hero__image {
  margin: 0 !important;
  padding: 0; }

/* На всякий случай и правую колонку к верху подтянем */
/* line 1578, theme.scss */
.blog-hero-list .list {
  align-self: start;
  margin-top: 0 !important; }

/* (опционально) если где-то попался vertical-align у inline-элементов */
/* line 1584, theme.scss */
.blog-hero-list .hero__image,
.blog-hero-list .list {
  vertical-align: top; }

/* ДВЕ КОЛОНКИ: картинка слева + пилюли справа */
/* line 1591, theme.scss */
.blog-hero-list__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 32px !important;
  align-items: start !important;
  /* главное — по ВЕРХУ */
  padding-top: 0 !important;
  margin-top: 0 !important; }

/* Сбрасываем любые внешние отступы у левой колонки */
/* line 1601, theme.scss */
.blog-hero-list .hero {
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important; }

/* Обёртка со всеми тремя картинками */
/* line 1612, theme.scss */
.blog-hero-list .hero__image {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  /* рамка по высоте без смешения единиц – clamp нормально работает в SCSS */
  height: clamp(260px, 36vw, 420px) !important;
  /* Ничего не режем! */
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important; }

/* Каждое изображение вписываем внутрь рамки */
/* line 1627, theme.scss */
.blog-hero-list .hero__image img {
  width: 100% !important;
  height: 100% !important;
  /* заполняем контейнер по высоте */
  object-fit: contain !important;
  /* ВАЖНО: видна вся картинка, без обрезки */
  object-position: center top !important;
  display: block !important;
  line-height: 0 !important; }

/* На всякий случай убираем «скрывашки» выше по дереву */
/* line 1637, theme.scss */
.blog-hero-list .hero,
.blog-hero-list {
  overflow: visible !important; }

/* === Финальный фикс блока "О бренде" === */
/* line 1643, theme.scss */
.blog-hero-list__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: start !important;
  column-gap: 40px !important;
  margin: 0 auto !important; }

/* Левая колонка (с фото) */
/* line 1652, theme.scss */
.blog-hero-list .hero {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important; }

/* Картинка внутри — занимает всю ширину колонки */
/* line 1662, theme.scss */
.blog-hero-list .hero__image {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important; }

/* Подрезаем изображение слева в секции "О бренде" */
/* line 1678, theme.scss */
.blog-hero-list .hero {
  /* на всякий случай — никаких внутренних отступов сверху */
  padding-top: 0 !important;
  margin-top: 0 !important; }

/* Контейнер картинки: задаём высоту, чтобы можно было обрезать */
/* line 1685, theme.scss */
.blog-hero-list .hero__image {
  width: 100% !important;
  height: clamp(240px, 32vw, 420px) !important;
  /* ← регулируемая высота */
  overflow: hidden !important;
  display: block !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important; }

/* Сама картинка — заполняет блок, лишнее обрезается */
/* line 1696, theme.scss */
.blog-hero-list .hero__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  /* ← заполняем, обрезаем лишнее */
  object-position: center top !important;
  /* ← сдвиг точки кадрирования (верхцентр) */
  display: block !important; }

/* Чтобы правая колонка (пилюли) начиналась ровно сверху */
/* line 1705, theme.scss */
.blog-hero-list .list {
  align-self: start !important;
  margin-top: 0 !important; }

/* line 1711, theme.scss */
.blog-hero-list .hero__image img {
  object-fit: cover !important;
  object-position: center 100% !important;
  /* ← сдвигаем фокус вниз */ }

/* === О БРЕНДЕ: сетка картинок === */
/* line 1718, theme.scss */
.blog-hero-list .hero {
  /* контейнер с тремя картинками */
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px; }

/* line 1724, theme.scss */
.blog-hero-list .hero img {
  /* сами изображения */
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
  /* одинаковая высота без «рваных» блоков */
  object-fit: cover;
  /* ничего не сжимает, заполняет контейнер */
  border-radius: 14px;
  display: block; }

/* Мобильная версия: одна колонка */
@media (max-width: 768px) {
  /* line 1735, theme.scss */
  .blog-hero-list .hero {
    grid-template-columns: 1fr;
    /* по одному фото в строке */
    gap: 12px; }

  /* line 1739, theme.scss */
  .blog-hero-list .hero img {
    aspect-ratio: 4 / 5;
    /* немного «выше» – смотрится лучше на мобиле */ } }
/* === О БРЕНДЕ: изображения ==================== */
/* Десктоп — 3 колонки как сейчас */
/* line 1747, theme.scss */
.blog-hero-list .hero {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px; }

/* line 1752, theme.scss */
.blog-hero-list .hero img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 14px;
  display: block; }

/* Мобильная «полоса» как раньше с 4 изображениями */
@media (max-width: 768px) {
  /* line 1763, theme.scss */
  .blog-hero-list .hero {
    /* вместо сетки — одна полоса фиксированной высоты */
    display: flex;
    gap: 0;
    /* без зазоров, чтобы была цельная полоса */
    height: 46vw;
    /* безопасный аналог min(46vw, 420px) */
    max-height: 420px;
    /* не выше 420px */
    overflow: hidden;
    border-radius: 14px; }

  /* каждая картинка занимает треть ширины полосы и кадрируется по высоте */
  /* line 1774, theme.scss */
  .blog-hero-list .hero > * {
    flex: 1 0 33.333%; }

  /* line 1777, theme.scss */
  .blog-hero-list .hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* аккуратное обрезание по контейнеру */
    border-radius: 0;
    /* края не «ступеньками» */
    display: block; }

  /* при желании можно сместить «фокус» кадрирования у каждой */
  /* line 1786, theme.scss */
  .blog-hero-list .hero > :nth-child(1) img {
    object-position: center top; }

  /* line 1787, theme.scss */
  .blog-hero-list .hero > :nth-child(2) img {
    object-position: center; }

  /* line 1788, theme.scss */
  .blog-hero-list .hero > :nth-child(3) img {
    object-position: center bottom; } }
/* === SIXPAD: mobile fix для "О БРЕНДЕ" — показываем одно изображение без обрезки === */
@media (max-width: 768px) {
  /* сам контейнер с фото — никакой сетки/флекса-полосы */
  /* line 1800, theme.scss */
  .blog-hero-list .hero {
    display: block !important; }

  /* обёртка с картинкой — без фиксированной высоты и с видимыми краями */
  /* line 1805, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    border-radius: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important; }

  /* само изображение — целиком по ширине, без кадрирования */
  /* line 1817, theme.scss */
  .blog-hero-list .hero__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    /* ← ключ: не режем */
    object-position: center top !important;
    display: block !important;
    border-radius: 14px !important; } }
/* === SIXPAD: Mobile fix — один коллаж без обрезки === */
@media (max-width: 768px) {
  /* Сетка: слева фото, справа карточки — пусть станет в столбик */
  /* line 1834, theme.scss */
  .blog-hero-list .blog-hero-list__grid {
    display: block !important;
    /* одна колонка */ }

  /* Карточка с фото */
  /* line 1839, theme.scss */
  .blog-hero-list .hero {
    margin-bottom: 16px !important; }

  /* Обёртка изображения: никаких фикс-высот и скрытий */
  /* line 1844, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* ключ: высота по картинке */
    overflow: visible !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    background: transparent !important; }

  /* Само изображение — целиком видно, без кадрирования */
  /* line 1857, theme.scss */
  .blog-hero-list .hero__image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    /* не режем коллаж */
    object-position: center top !important;
    border-radius: 14px !important; } }
@media (max-width: 768px) {
  /* line 1868, theme.scss */
  .blog-hero-list .hero__image,
  .blog-hero-list .hero {
    height: auto !important; } }
@media (max-width: 768px) {
  /* карточка слева */
  /* line 1879, theme.scss */
  .blog-hero-list .hero {
    padding: 0 !important;
    /* убираем внутренние отступы карточки */
    height: auto !important;
    min-height: 0 !important; }

  /* обёртка картинки */
  /* line 1886, theme.scss */
  .blog-hero-list .hero__image {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    /* отменяем зафиксированное соотношение */
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    position: static !important;
    /* на случай абсолютного позиционирования */
    line-height: 0 !important; }

  /* если тема использовала ::before для "фикс-рацио" — вырубаем */
  /* line 1898, theme.scss */
  .blog-hero-list .hero__image::before {
    content: none !important;
    display: none !important; }

  /* сама картинка — занимает ширину, высота по содержимому */
  /* line 1904, theme.scss */
  .blog-hero-list .hero__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* ключ: контейнер подожмётся под картинку */
    max-height: none !important;
    object-fit: contain !important;
    /* не кадрируем коллаж */
    margin: 0 !important;
    border-radius: 14px !important; } }
@media (max-width: 768px) {
  /* line 1917, theme.scss */
  .blog-hero-list .blog-hero-list__grid,
  .blog-hero-list .blog-hero-list__inner {
    height: auto !important;
    min-height: 0 !important; } }
/* === SIXPAD — мобайл: прибираем лишнюю высоту у карточки с фото === */
@media (max-width: 768px) {
  /* сетка в столбик */
  /* line 1930, theme.scss */
  .blog-hero-list .blog-hero-list__grid {
    display: block !important; }

  /* сама карточка: никакой фикс-высоты/аспект-рацио/центрирования */
  /* line 1935, theme.scss */
  .blog-hero-list .hero {
    display: block !important;
    position: static !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    align-items: stretch !important;
    /* на случай, если hero был flex */ }

  /* отключаем «распорки» через псевдо-элементы/трюк с padding-bottom */
  /* line 1949, theme.scss */
  .blog-hero-list .hero::before,
  .blog-hero-list .hero__image::before {
    content: none !important;
    display: none !important;
    padding: 0 !important; }

  /* обёртка изображения — без фикс-высоты */
  /* line 1957, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    line-height: 0 !important;
    border-radius: 14px !important; }

  /* картинка — по содержимому */
  /* line 1971, theme.scss */
  .blog-hero-list .hero__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    /* не режем коллаж */
    object-position: center top !important;
    border-radius: 14px !important;
    margin: 0 !important; } }
@media (max-width: 768px) {
  /* line 1988, theme.scss */
  .blog-hero-list .hero {
    display: inline-block !important;
    width: 100% !important; } }
/* === SIXPAD: мобилка — убираем "пилюлю", оставляем только картинку === */
@media (max-width: 768px) {
  /* Сетка в столбик, как и раньше */
  /* line 2000, theme.scss */
  .blog-hero-list .blog-hero-list__grid {
    display: block !important; }

  /* Полностью нейтрализуем карточку-обёртку */
  /* line 2003, theme.scss */
  .blog-hero-list .hero {
    display: contents !important;
    /* <- контейнер больше не рисуется и не держит высоту */
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important; }

  /* на случай «распорок» через псевдо-элементы */
  /* line 2016, theme.scss */
  .blog-hero-list .hero::before,
  .blog-hero-list .hero__image::before {
    content: none !important;
    display: none !important;
    padding: 0 !important; }

  /* Ссылка-обёртка с картинкой без внутренних отступов */
  /* line 2024, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    /* небольшой отступ снизу перед карточками справа */
    background: transparent !important;
    border: 0 !important;
    overflow: visible !important;
    line-height: 0 !important;
    height: auto !important;
    min-height: 0 !important; }

  /* Сама картинка — тени/радиусы переносим сюда */
  /* line 2038, theme.scss */
  .blog-hero-list .hero__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    /* коллаж не режем */
    object-position: center top !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    /* если нужна лёгкая тень, можно убрать */ } }
@media (max-width: 768px) {
  /* line 2053, theme.scss */
  .blog-hero-list .hero {
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    height: auto !important; } }
/* === FIX: блок "О БРЕНДЕ" — убрать пустую пилюлю вокруг картинки на мобиле === */
@media (max-width: 768px) {
  /* сетка становится в столбик: сначала фото, потом текстовые блоки */
  /* line 2061, theme.scss */
  .blog-hero-list .blog-hero-list__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important; }

  /* сам article.hero — убираем фон, отступы, высоту, оставляем только контент */
  /* line 2068, theme.scss */
  .blog-hero-list .hero {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important; }

  /* ссылка-обертка с картинкой — растягиваем на всю ширину */
  /* line 2079, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    line-height: 0 !important;
    overflow: hidden !important;
    border-radius: 14px !important; }

  /* само изображение — без обрезки, заполняет ширину */
  /* line 2093, theme.scss */
  .blog-hero-list .hero__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    /* показываем коллаж целиком */
    border-radius: 14px !important; }

  /* подпись "О бренде" убираем, если мешает */
  /* line 2102, theme.scss */
  .blog-hero-list .hero__caption {
    display: none !important; } }
/* === SIXPAD • "О БРЕНДЕ" — убрать белые поля на мобиле === */
@media (max-width: 991px) {
  /* 1) Контейнер карточки — без декоративного фона/паддингов/фикс-высоты */
  /* line 2112, theme.scss */
  .blog-hero-list .hero {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100 !important;
    min-height: 10 !important;
    max-height: 100 !important; }

  /* 2) Сам контейнер для изображения — СБРОСИТЬ ВСЕ ХАЙТЫ/ASPECT-RATIO */
  /* line 2124, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    width: 100% !important;
    /* убираем все фиксации высоты из ранее добавленных стилей */
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    /* и любые «распорки» */
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    line-height: 0 !important;
    background: transparent !important; }

  /* line 2139, theme.scss */
  .blog-hero-list .hero__image::before,
  .blog-hero-list .hero__image::after,
  .blog-hero-list .hero::before,
  .blog-hero-list .hero::after {
    content: none !important;
    display: none !important; }

  /* 3) Картинка — вписать по ширине, без кадрирования */
  /* line 2148, theme.scss */
  .blog-hero-list .hero__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* <-- ключ: высота по содержимому */
    object-fit: contain !important;
    /* показываем коллаж целиком */
    object-position: center top !important;
    border-radius: 14px !important; } }
@media (max-width: 991px) {
  /* line 2159, theme.scss */
  .blog-hero-list .hero .hero__image {
    height: auto !important;
    aspect-ratio: auto !important; } }
/* === SIXPAD | О БРЕНДЕ — мобайл: ОДНА картинка без белых полей === */
@media (max-width: 768px) {
  /* Строим колонку: сверху фото, ниже пилюли */
  /* line 2167, theme.scss */
  .blog-hero-list .blog-hero-list__grid {
    display: block !important; }

  /* Полностью обнуляем карточку слева */
  /* line 2172, theme.scss */
  .blog-hero-list .blog-hero-list__grid > article.hero {
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important; }

  /* Обёртка ссылки с картинкой — БЕЗ фикс-высоты/сеток/аспект-рацио */
  /* line 2184, theme.scss */
  .blog-hero-list .blog-hero-list__grid > article.hero > a.hero__image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    background: transparent !important; }

  /* line 2195, theme.scss */
  .blog-hero-list .blog-hero-list__grid > article.hero > a.hero__image::before,
  .blog-hero-list .blog-hero-list__grid > article.hero > a.hero__image::after {
    content: none !important;
    display: none !important; }

  /* Сама картинка — тянется по ширине, высота по содержимому */
  /* line 2202, theme.scss */
  .blog-hero-list .blog-hero-list__grid > article.hero > a.hero__image > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    /* показываем коллаж целиком */
    object-position: center top !important;
    border-radius: 14px !important; } }
@media (max-width: 768px) {
  /* line 2214, theme.scss */
  .blog-hero-list .blog-hero-list__grid,
  .blog-hero-list .blog-hero-list__inner {
    height: auto !important;
    min-height: 0 !important; } }
@media (max-width: 768px) {
  /* line 2224, theme.scss */
  .blog-hero-list .hero__image {
    overflow: hidden !important;
    border-radius: 14px !important; }

  /* line 2229, theme.scss */
  .blog-hero-list .hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* кадрируем, убираем белые поля */
    object-position: center center !important;
    /* можно top, если хочешь выше */ } }
@media (max-width: 768px) {
  /* line 2241, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important; }

  /* line 2251, theme.scss */
  .blog-hero-list .hero__image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center top !important;
    border-radius: 14px !important; } }
@media (max-width: 768px) {
  /* обнуляем именно этот article, даже если тема задаёт ему height/min-height */
  /* line 2265, theme.scss */
  section.blog-hero-list .blog-hero-list__grid > article.hero {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important; }

  /* line 2275, theme.scss */
  section.blog-hero-list .blog-hero-list__grid > article.hero::before,
  section.blog-hero-list .blog-hero-list__grid > article.hero::after {
    content: none !important;
    display: none !important; }

  /* line 2281, theme.scss */
  section.blog-hero-list .blog-hero-list__grid > article.hero > a.hero__image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    overflow: visible !important;
    border-radius: 14px !important; }

  /* line 2291, theme.scss */
  section.blog-hero-list .blog-hero-list__grid > article.hero > a.hero__image > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center top !important;
    border-radius: 14px !important; } }
/* === Blog hero: мобилка — обрезать высоту карточки с фото === */
@media (max-width: 768px) {
  /* сама «пилюля» */
  /* line 2307, theme.scss */
  .blog-hero-list .hero {
    height: clamp(130px, 34vw, 170px) !important;
    /* выберите диапазон под ваш дизайн */
    overflow: hidden !important;
    padding: 0 !important;
    min-height: 0 !important; }

  /* контейнер с картинкой на всю высоту пилюли */
  /* line 2315, theme.scss */
  .blog-hero-list .hero__image {
    display: block !important;
    width: 10% !important;
    height: 10% !important;
    line-height: 0 !important; }

  /* картинка заполняет карточку и “режется” по высоте без пустоты снизу */
  /* line 2323, theme.scss */
  .blog-hero-list .hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* заполнение с обрезкой, без белой подложки */
    object-position: center top !important;
    display: block !important; } }
/* === Sixpad: фикс мобильной "пилюли" с фото (убрать пустоту) === */
@media (max-width: 768px) {
  /* 1) Снимаем любые фикс/мин-высоты и паддинги у карточки */
  /* line 2339, theme.scss */
  .blog-hero-list .hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important; }

  /* 2) Выключаем возможные псевдо-элементы, создающие "соотношение" */
  /* line 2347, theme.scss */
  .blog-hero-list .hero::before,
  .blog-hero-list .hero::after {
    content: none !important;
    display: none !important; }

  /* 3) На случай, если внутри использован ratio-обёртки из темы */
  /* line 2354, theme.scss */
  .blog-hero-list .hero .img-ratio,
  .blog-hero-list .hero .img-ratio__inner {
    height: auto !important;
    min-height: 0 !important; }

  /* line 2359, theme.scss */
  .blog-hero-list .hero .img-ratio::before,
  .blog-hero-list .hero .img-ratio__inner::before {
    content: none !important;
    display: none !important; }

  /* 4) Сами изображения — без растягивания карточки */
  /* line 2366, theme.scss */
  .blog-hero-list .hero img {
    display: block !important;
    width: calc(33.333% - 6px) !important;
    /* три картинки в ряд */
    height: auto !important;
    /* без принудительной высоты */
    object-fit: cover !important;
    /* можно заменить на contain, если не хотим кропа */
    margin-right: 9px;
    /* небольшой отступ между ними */ }

  /* line 2373, theme.scss */
  .blog-hero-list .hero img:last-child {
    margin-right: 0; }

  /* 5) Если картинки завернуты в <a> или <picture> — делаем их "инлайновыми" без влияния высоты */
  /* line 2376, theme.scss */
  .blog-hero-list .hero a,
  .blog-hero-list .hero picture {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    vertical-align: top !important; } }
/* === Sixpad: фикс мобильной "пилюли" (убрать пустоту под картинкой) === */
@media (max-width: 768px) {
  /* 1) Карточка геро-блока без фиксированной высоты на мобилках */
  /* line 2394, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important; }

  /* 2) Ссылка-обёртка тоже без фиксированной высоты / паддингов */
  /* line 2401, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero > a.hero__image {
    display: block !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important; }

  /* 3) Изображение — занимать всю ширину, высота по содержимому */
  /* line 2409, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero > a.hero__image > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    /* <-- ключевой момент */
    object-fit: cover !important;
    /* можно заменить на contain, если кроп не нужен */ }

  /* 4) Если подпись не нужна на мобилках — выключим, чтобы не добавляла высоты */
  /* line 2417, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero > .hero__caption {
    display: none !important; } }
/* === Sixpad: мобильная высота hero-блока, чтобы картинка не становилась «простынёй» === */
@media (max-width: 768px) {
  /* сетка оставляем как есть — одна колонка */
  /* line 2427, theme.scss */
  section.blog-hero-list .blog-hero-list__grid {
    grid-template-columns: 1fr; }

  /* сама карточка */
  /* line 2432, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero {
    height: auto !important;
    margin-bottom: 16px; }

  /* ссылка-обёртка — даём контролируемую высоту */
  /* line 2438, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero > a.hero__image {
    display: block !important;
    height: 48vw !important;
    /* <- подстрой: 42–56vw, чтобы поймать идеальную высоту */
    border-radius: 12px;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important; }

  /* картинка заполняет всю обёртку */
  /* line 2448, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero > a.hero__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* немного подрежет сверху/снизу */
    object-position: center center !important;
    /* можно center top, если так красивее */
    display: block !important; }

  /* подпись, если мешает высоте — прячем */
  /* line 2457, theme.scss */
  section.blog-hero-list .blog-hero-list__grid article.hero > .hero__caption {
    display: none !important; } }
/* === Sixpad: одинаковые расстояния между пилюлями === */
/* line 2465, theme.scss */
.blog-hero-list .list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* одинаковое расстояние между карточками */ }

/* каждая пилюля */
/* line 2472, theme.scss */
.blog-hero-list .list .pill {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  padding: 16px 18px;
  line-height: 1.5; }

/* мобильная адаптация — чуть меньше отступы, чтобы не "тянулось" */
@media (max-width: 768px) {
  /* line 2482, theme.scss */
  .blog-hero-list .list {
    gap: 12px; }

  /* line 2485, theme.scss */
  .blog-hero-list .list .pill {
    padding: 14px 16px; } }
/* === Sixpad: отступ между фото и первым блоком-пилюлей === */
/* line 2491, theme.scss */
.blog-hero-list .blog-hero-list__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 32px;
  /* <-- этот отступ контролирует расстояние между фото и пилюлями */ }

@media (max-width: 768px) {
  /* line 2499, theme.scss */
  .blog-hero-list .blog-hero-list__grid {
    grid-template-columns: 1fr;
    gap: 24px;
    /* чуть меньше на мобильных, но всё равно видимый */ }

  /* на мобилке — небольшой паддинг сверху, чтобы пилюля не липла */
  /* line 2505, theme.scss */
  .blog-hero-list .list {
    margin-top: 8px !important; } }