/* ==========================================================================
   VIMENS — правки 181–185. Подключается на всех страницах ПОСЛЕ остальных
   стилей темы (см. functions.php), поэтому при равной специфичности выигрывает.

   181 — нижнее мобильное меню (как на stanki.ru)
   182 — кнопка «Подобрать инструмент» в шапке
   183 — зелёный акцентный цвет
   185 — шрифт Molot для оборудования
   (184 — двойной баннер — в css/promo-double.css, только главная)
   ========================================================================== */

/* --------------------------------------------------------------------------
   183. Зелёный акцент — все значения в одном месте.
   Хотите другой оттенок, как на vimens.ru — меняйте только эти переменные.
   -------------------------------------------------------------------------- */
:root {
  --green-accent: #4fbf66;          /* основной зелёный (заливки, значки) */
  --green-accent-dark: #2e9e4f;     /* текст и рамки на белом фоне */
  --green-accent-light: #e8f8ec;    /* светлая подложка */
  --gradient-green: linear-gradient(90deg, #5fcf76 0%, #3fae5a 100%);

  /* 185. Molot, если файл шрифта не загрузился — подставляется AlumniSans */
  --font-molot: "Molot", "AlumniSans", sans-serif;

  --bottom-nav-h: 0px;
}

/* --------------------------------------------------------------------------
   185. Шрифт Molot (fonts/Molot.woff2 / .woff / .otf).
   В шрифте нет символов «×» и «№» — их браузер берёт из AlumniSans (запасной
   шрифт в --font-molot), поэтому текст не ломается.
   -------------------------------------------------------------------------- */
@font-face {
  font-family: "Molot";
  src: url("../fonts/Molot.woff2") format("woff2"),
    url("../fonts/Molot.woff") format("woff"),
    url("../fonts/Molot.otf") format("opentype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Заголовки (h1–h6 берут шрифт из --title-family) переопределяем только
   внутри блоков оборудования — шапка, подвал и остальные разделы не меняются:
   - .vimens-equipment main — страницы оборудования: список, категории,
     подкатегории и карточка станка (класс вешается в header.php);
   - .equipment-section / .category-banner — блок «Оборудование» на главной. */
.vimens-equipment main,
.equipment-section,
.category-banner {
  --title-family: var(--font-molot);
}

/* Названия карточек категорий везде одним шрифтом: главная (оборудование и
   инструмент), каталог, подкатегории, ленточные пилы, запчасти */
.page-card-box__title,
.category-banner__title,
.equipment-card__title,
.equipment-card__title a {
  font-family: var(--font-molot);
}
/* --- Названия плиток категорий: Molot очень широкий, поэтому размер заметно меньше,
       чем был у Alumni; цвет — чёрный (везде: главная, каталог, подкатегории) --- */
.page-card-box__title,
.page-card-box--main .page-card-box__title,
.equipment-section .page-card-box--main .page-card-box__title,
.tool-section .page-card-box--main .page-card-box__title {
  font-size: 17px !important; /* stylelint-disable-line declaration-no-important */
  line-height: 1.25;
  letter-spacing: 0;
  color: #000;
  overflow-wrap: break-word;
}
.equipment-section .page-card-box--main .page-card-box__title,
.tool-section .page-card-box--main .page-card-box__title {
  max-width: 260px;
}
@media (max-width: 576px) {
  .page-card-box__title,
  .page-card-box--main .page-card-box__title,
  .equipment-section .page-card-box--main .page-card-box__title,
  .tool-section .page-card-box--main .page-card-box__title {
    font-size: 14px !important; /* stylelint-disable-line declaration-no-important */
  }
}

/* --- Картинки в плитках главной («Оборудование» и «Инструмент») — меньше --- */
.equipment-section .page-card-box--main,
.tool-section .page-card-box--main {
  min-height: 230px;
}
.equipment-section .page-card-box--main .page-card-box__img,
.tool-section .page-card-box--main .page-card-box__img,
.equipment-section .page-card-box--main .page-card-box__img img,
.tool-section .page-card-box--main .page-card-box__img img {
  width: 200px;
  height: 150px;
}
@media (max-width: 1024px) {
  .equipment-section .page-card-box--main .page-card-box__img,
  .tool-section .page-card-box--main .page-card-box__img,
  .equipment-section .page-card-box--main .page-card-box__img img,
  .tool-section .page-card-box--main .page-card-box__img img {
    width: 100%;
    height: auto;
    max-height: 130px;
  }
}
@media (max-width: 576px) {
  .equipment-section .page-card-box--main .page-card-box__img,
  .tool-section .page-card-box--main .page-card-box__img,
  .equipment-section .page-card-box--main .page-card-box__img img,
  .tool-section .page-card-box--main .page-card-box__img img {
    max-height: 110px;
  }
  .equipment-section .page-card-box--main,
  .tool-section .page-card-box--main {
    min-height: 190px;
  }
}

/* --------------------------------------------------------------------------
   182. Кнопка «Подобрать инструмент» в шапке
   -------------------------------------------------------------------------- */
/* Структура как у «Подобрать станок»/«Склад»: <button.anim-btn> → <span.anim-btn__text>.
   Бегущая белая полоса по краю (.anim-btn:before) берётся из общих стилей, поэтому
   здесь меняем только цвет: зелёный градиент вместо оранжевого/синего. */
.header__btn--tool {
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: var(--gradient-green);
  font-family: inherit;
  cursor: pointer;
}
.header__btn--tool .anim-btn__text {
  gap: 8px;
  background-image: var(--gradient-green);
}
.header__btn--tool .anim-btn__text svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}
.header__btn--tool:focus-visible {
  outline: 2px solid var(--green-accent-dark);
  outline-offset: 2px;
}

/* В компактной «прилипшей» шапке тесно (соцсети, часы, почта, телефон и три кнопки), поэтому
   кнопка «Подобрать инструмент» там — значком (название в подсказке), на любой ширине. */
.header__top-scroll-action .header__btn--tool {
  min-width: 0;
}
.header__top-scroll-action .header__btn--tool .header__btn-label {
  display: none;
}
.header__top-scroll-action .header__btn--tool .anim-btn__text {
  padding: 8.5px 12px;
}

/* В обычной шапке на ноутбуках (до 1360px) подпись тоже сокращается до значка — иначе адрес и
   часы работы переносятся на несколько строк. */
@media (max-width: 1360px) {
  .header__top-line-item--action .header__btn--tool {
    min-width: 0;
  }
  .header__top-line-item--action .header__btn--tool .header__btn-label {
    display: none;
  }
  .header__top-line-item--action .header__btn--tool .anim-btn__text {
    padding: 8.5px 12px;
  }
}

/* Планшет до 768px: в шапке остаётся только значок, иначе бургер уезжает за край экрана */
@media (max-width: 768px) {
  .header__btns .header__btn--tool {
    min-width: 0;
  }
  .header__btns .header__btn--tool .header__btn-label {
    display: none;
  }
  .header__btns .header__btn--tool .anim-btn__text {
    padding: 8.5px 12px;
  }
}

/* Телефон: в шапке кнопки нет — она в выпадающем меню */
@media (max-width: 620px) {
  .header__btns .header__btn--tool {
    display: none;
  }
}

/* Кнопка внутри мобильного меню (синяя панель) */
.header__menu-cta {
  margin-top: 20px;
}
.header__menu-cta .header__btn--tool {
  width: 100%;
  min-height: 48px;
}
.header__menu-cta .header__btn--tool .anim-btn__text {
  padding: 12px 16px;
  font-size: 16px;
}

/* Зелёные «В наличии» — тот же оттенок, что и у остальных акцентов */
.indicator--in-stoke {
  color: var(--green-accent-dark);
  background-color: var(--green-accent-light);
}

/* --------------------------------------------------------------------------
   181. Нижнее мобильное меню (Почта · Звонок · Telegram · Меню)
   Только телефоны (до 575px). Верхний бургер на телефоне прячем — его роль
   играет кнопка «Меню» внизу (она вызывает то же самое меню, см.
   js/bottom-nav.js), поэтому верхняя шапка освобождается под кнопки.
   -------------------------------------------------------------------------- */
.bottom-nav {
  display: none;
}

@media (max-width: 575px) {
  :root {
    --bottom-nav-h: calc(62px + env(safe-area-inset-bottom, 0px));
  }

  /* чтобы панель не перекрывала подвал и конец страницы */
  .page__body {
    padding-bottom: var(--bottom-nav-h);
  }

  /* на телефоне меню открывает/закрывает кнопка «Меню» в нижней панели —
     верхний бургер не нужен (иначе две кнопки одного действия) */
  .header__mobile .burger {
    display: none;
  }

  /* развёрнутое меню заканчивается над нижней панелью (с учётом админ-панели WP) */
  .header__menu-mobile {
    height: calc(100vh - var(--header-height) - var(--bottom-nav-h) - var(--wp-admin--admin-bar--height, 0px));
    height: calc(100dvh - var(--header-height) - var(--bottom-nav-h) - var(--wp-admin--admin-bar--height, 0px));
    padding-bottom: 24px;
  }

  .bottom-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60; /* выше шапки (50) и раскрытого меню — «Меню» всегда нажимается */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-radius: 16px 16px 0 0;
    background-color: var(--white);
    -webkit-box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.14);
    box-shadow: 0 -4px 18px rgba(0, 0, 0, 0.14);
  }

  .bottom-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
    height: 62px;
    margin: 0;
    padding: 0 2px;
    border: 0;
    font-family: var(--font-family);
    font-size: 12px;
    line-height: 1.2;
    color: var(--header-text);
    background: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }

  .bottom-nav__icon {
    width: 24px;
    height: 24px;
    fill: currentColor;
  }

  .bottom-nav__icon--close {
    display: none;
  }
  .bottom-nav__item.is-active .bottom-nav__icon--menu {
    display: none;
  }
  .bottom-nav__item.is-active .bottom-nav__icon--close {
    display: block;
  }

  .bottom-nav__label {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* зелёный акцент: звонок всегда зелёный, «Меню» зеленеет при открытии */
  .bottom-nav__item--call {
    color: var(--green-accent);
  }
  .bottom-nav__item:active,
  .bottom-nav__item.is-active {
    color: var(--green-accent);
  }
  .bottom-nav__item:focus-visible {
    outline: 2px solid var(--green-accent);
    outline-offset: -4px;
    border-radius: 12px;
  }
}

/* --------------------------------------------------------------------------
   Карточки разделов (SYIL, S-MILL ...) над списком оборудования —
   template-parts/section-cards.php
   -------------------------------------------------------------------------- */
.vimens-section-card {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 220px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
}
.vimens-section-card__badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--white);
  background: var(--gradient-green);
}
/* Без ссылки («В разработке»): ничего не нажимается и не «подпрыгивает» */
.vimens-section-card--static {
  cursor: default;
  background-color: var(--gray-wild-color);
}
.vimens-section-card--static .page-card-box__img {
  opacity: 0.55;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.vimens-section-card--static .page-card-box__title {
  color: var(--header-text);
}
@media (any-hover: hover) {
  .vimens-section-card--static:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.vimens-section-card--static .vimens-section-card__badge {
  background: var(--grey);
}

/* --------------------------------------------------------------------------
   183. Зелёный акцент по всему сайту (оттенок #60c870 с vimens.ru)
   -------------------------------------------------------------------------- */
/* «В наличии» */
.indicator--in-stoke {
  color: var(--green-accent-dark);
  background-color: var(--green-accent-light);
}

/* пункты верхнего меню: подчёркивание при наведении и у активного */
.menu__link::after {
  background-color: var(--green-accent);
}
@media (any-hover: hover) {
  .menu__link:hover {
    color: var(--green-accent-dark);
  }
}

/* «Подробнее» в карточках оборудования (по умолчанию синяя заливка) */
.equipment-card__link::after {
  background: var(--gradient-green);
}

/* вторичные кнопки в карточках товара (глаз/«подробнее») — зелёная рамка, как на vimens.ru */
.card-product__btn--outline {
  color: var(--green-accent-dark);
  background: var(--green-accent-light);
  border-color: var(--green-accent);
}
@media (any-hover: hover) {
  .card-product__btn--outline:hover {
    color: var(--white);
    background: var(--green-accent);
    -webkit-box-shadow: 0 8px 16px 0 rgba(79, 191, 102, 0.28);
    box-shadow: 0 8px 16px 0 rgba(79, 191, 102, 0.28);
  }
}

/* --------------------------------------------------------------------------
   Мобильная версия: симметричные поля у блоков главной.
   Раньше у .container на главной было padding-right: 40px (место под боковую
   вкладку «Отправить запрос»), а слева 15px — из-за этого карточки категорий
   были сдвинуты влево.
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  .site-container--home .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* «В разработке» в списке подкатегории (карточка как у станка, но без цены/ссылки) */
.indicator--soon {
  color: #5b6677;
  background-color: #eef1f6;
}
.equipment-card--soon .equipment-card__soon-text {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 1.4;
  color: #5b6677;
}

/* Заполненная плитка категории (со ссылкой): без рамки, наведение как у карточек на главной
   (большая мягкая тень). Серые плитки «В разработке» (div) остаются с рамкой. */
a.vimens-section-card {
  border: 0;
}
a.vimens-section-card:focus {
  -webkit-box-shadow: 0 24px 27px 0 rgba(4, 5, 6, 0.2) !important; /* stylelint-disable-line declaration-no-important */
  box-shadow: 0 24px 27px 0 rgba(4, 5, 6, 0.2) !important; /* stylelint-disable-line declaration-no-important */
}
@media (any-hover: hover) {
  a.vimens-section-card:hover {
    -webkit-box-shadow: 0 24px 27px 0 rgba(4, 5, 6, 0.2) !important; /* stylelint-disable-line declaration-no-important */
    box-shadow: 0 24px 27px 0 rgba(4, 5, 6, 0.2) !important; /* stylelint-disable-line declaration-no-important */
  }
}
a.vimens-section-card:active {
  -webkit-box-shadow: 0 24px 27px 0 rgba(4, 5, 6, 0.2) !important; /* stylelint-disable-line declaration-no-important */
  box-shadow: 0 24px 27px 0 rgba(4, 5, 6, 0.2) !important; /* stylelint-disable-line declaration-no-important */
}

/* --------------------------------------------------------------------------
   Меню: «Стать дилером» убрано. Общий стиль делал кнопкой ПОСЛЕДНИЙ пункт
   (:last-child) — теперь последним стал «Контакты», поэтому кнопка задаётся только
   классом .menu__item--cta (его получает пункт «Дилер», если его вернуть через фильтр
   vimens_hide_dealer_button).
   -------------------------------------------------------------------------- */
.menu__item:last-child .menu__link {
  padding: 0;
  color: var(--blue);
  background: none;
  border-radius: 0;
}
.menu__item:last-child .menu__link::after {
  display: block;
}
.menu__item:last-child .menu__link:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media (any-hover: hover) {
  .menu__item:last-child .menu__link:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.menu__item--cta .menu__link,
.menu__item--cta:last-child .menu__link {
  padding: 8px 16px;
  color: var(--white);
  background: var(--gradient-orange);
  border-radius: var(--radius);
}
.menu__item--cta .menu__link::after,
.menu__item--cta:last-child .menu__link::after {
  display: none;
}

/* Логотип «российский» (img/logo-ru.svg, для подвала logo-ru-footer.svg): очень широкий знак (≈8,4:1),
   поэтому размеры заданы по ширине и подобраны так, чтобы не теснить остальную шапку (адрес, телефон, кнопки) —
   примерно ширина прежнего логотипа (135px) */
.vimens-ru-logo .header__logo img {
  width: 150px;
  max-width: 100%;
  height: auto;
}
.vimens-ru-logo .footer__logo img {
  width: 150px;
  max-width: 100%;
  height: auto;
}
.vimens-ru-logo .header__top-scroll .header__logo img {
  width: 104px;
}
@media (max-width: 1024px) {
  .vimens-ru-logo .header__logo img {
    width: 120px;
  }
}
@media (max-width: 480px) {
  .vimens-ru-logo .header__logo img {
    width: 100px;
  }
}

/* Общий стиль задаёт минимальную ширину страницы 360px — на экранах 320px появлялась горизонтальная прокрутка */
.page__body,
.site-container {
  min-width: 320px;
}

/* Бренды/модели с дефисом (VI-MENS, GH-F3015) в названиях не переносятся по дефису */
.nobr {
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Главное меню на ноутбуках: 8 пунктов при 16px помещаются только от ~1200px,
   ниже пункты слипались («ЛЕНТОЧНЫЕ ПИЛЫМЕТАЛЛООБРАБАТЫВАЮЩЕЕ …») и обрезались справа.
   Размер шрифта плавно уменьшается, между пунктами всегда есть зазор.
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) and (max-width: 1360px) {
  .header__menu .menu {
    gap: 12px;
  }
  .header__menu .menu__link {
    font-size: 15px;
    letter-spacing: 0.03em;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .header__menu .menu__link {
    font-size: 14px;
  }
}
@media (min-width: 1025px) and (max-width: 1180px) {
  .header__menu .menu__link {
    font-size: 13px;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .header__menu .menu {
    gap: 8px;
  }
  .header__menu .menu__link {
    font-size: 12px;
    letter-spacing: 0.01em;
  }
}

/* --------------------------------------------------------------------------
   209. Заголовки секций главной — шрифт Molot.
   Molot заметно шире AlumniSans, поэтому размеры немного меньше прежних.
   -------------------------------------------------------------------------- */
.site-container--home main {
  --title-family: var(--font-molot);
}
.site-container--home main .section-title,
.site-container--home main .feedback__title,
.site-container--home main .rating__title {
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
.site-container--home main .title,
.site-container--home main .benefits__title,
.site-container--home main .offers__title {
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: 0;
  overflow-wrap: break-word;
}
@media (max-width: 1024px) {
  .site-container--home main .section-title,
  .site-container--home main .feedback__title,
  .site-container--home main .rating__title {
    font-size: 26px;
  }
}
@media (max-width: 600px) {
  .site-container--home main .section-title,
  .site-container--home main .feedback__title,
  .site-container--home main .rating__title {
    font-size: 22px;
  }
  .site-container--home main .title,
  .site-container--home main .benefits__title,
  .site-container--home main .offers__title {
    font-size: 19px;
  }
}

/* --------------------------------------------------------------------------
   208. Бегущая строка над шапкой (курсы НБ РБ + информация).
   Стоит первым элементом внутри фиксированной шапки, поэтому --header-height
   учитывает её высоту. При прокрутке скрывается вместе с верхней частью шапки.
   -------------------------------------------------------------------------- */
.vm-ticker {
  position: relative;
  overflow: hidden;
  height: 34px;
  background-color: #151a21;
  color: #fff;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 34px;
  white-space: nowrap;
}
.vm-ticker__track {
  display: flex;
  width: max-content;
  -webkit-animation: vm-ticker-run var(--vm-ticker-speed, 60s) linear infinite;
  animation: vm-ticker-run var(--vm-ticker-speed, 60s) linear infinite;
}
.vm-ticker:hover .vm-ticker__track {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.vm-ticker__group {
  display: flex;
  flex: none;
  align-items: center;
}
.vm-ticker__item {
  padding: 0 14px;
  letter-spacing: .02em;
}
.vm-ticker__item a {
  color: inherit;
  text-decoration: none;
}
.vm-ticker__item a:hover {
  text-decoration: underline;
}
.vm-ticker__item b {
  font-weight: 600;
}
.vm-ticker__item--rate {
  font-variant-numeric: tabular-nums;
}
.vm-ticker__item--note {
  color: rgba(255, 255, 255, .6);
  font-size: 12px;
}
.vm-ticker__dot {
  flex: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--green-accent, #4fbf66);
  opacity: .8;
}
@-webkit-keyframes vm-ticker-run {
  from { -webkit-transform: translateX(0); }
  to { -webkit-transform: translateX(-50%); }
}
@keyframes vm-ticker-run {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.scroll .vm-ticker {
  display: none;
}
@media (max-width: 600px) {
  .vm-ticker {
    height: 30px;
    font-size: 12px;
    line-height: 30px;
  }
  .vm-ticker__item--note {
    font-size: 11px;
  }
  .vm-ticker__track {
    -webkit-animation-duration: calc(var(--vm-ticker-speed, 60s) * .75);
    animation-duration: calc(var(--vm-ticker-speed, 60s) * .75);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-ticker {
    overflow-x: auto;
  }
  .vm-ticker__track {
    -webkit-animation: none;
    animation: none;
  }
}

/* Боковая вкладка «Отправить запрос» (и её форма) остаются прежним шрифтом AlumniSans,
   а не Molot главной страницы */
.site-container--home main .promo__sideform {
  --title-family: "AlumniSans", sans-serif;
}

/* --------------------------------------------------------------------------
   Правки 08.10: меньше шрифт в блоке цифр и заголовках, ниже карточки товара.
   -------------------------------------------------------------------------- */
/* блок «30 лет / 5000+ …» (на главной подписи — Molot, он широкий) */
.site-container--home .numbers__top {
  font-size: 64px;
}
.site-container--home .numbers__unit {
  padding-left: calc(28px * var(--index));
}
.site-container--home .numbers__descr {
  font-size: 20px;
  line-height: 1.1;
  letter-spacing: .01em;
}
@media (max-width: 576px) {
  .site-container--home .numbers__top {
    font-size: 56px;
  }
  .site-container--home .numbers__unit {
    padding-left: calc(24px * var(--index));
  }
  .site-container--home .numbers__descr {
    font-size: 18px;
  }
}

/* заголовки секций главной — ещё немного меньше */
.site-container--home main .section-title,
.site-container--home main .feedback__title,
.site-container--home main .rating__title {
  font-size: 26px;
}
.site-container--home main .title,
.site-container--home main .benefits__title,
.site-container--home main .offers__title {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .site-container--home main .section-title,
  .site-container--home main .feedback__title,
  .site-container--home main .rating__title {
    font-size: 23px;
  }
}
@media (max-width: 600px) {
  .site-container--home main .section-title,
  .site-container--home main .feedback__title,
  .site-container--home main .rating__title {
    font-size: 20px;
  }
  .site-container--home main .title,
  .site-container--home main .benefits__title,
  .site-container--home main .offers__title {
    font-size: 18px;
  }
}

/* карточки товара: ниже и компактнее; названия и значения характеристик,
   цена и кнопки — в одну строку (без переноса); название — до 2 строк */
.card-product {
  padding: 14px;
  min-height: 0;
}
.card-product__img {
  margin-bottom: 4px;
}
.card-product__img img {
  max-height: 125px;
}
.card-product__title {
  margin-bottom: 6px;
  font-size: 16px;
  letter-spacing: .2px;
  min-height: 2.4em;
}
.card-product__param-list {
  margin-bottom: 10px;
}
.card-product__param-item {
  padding: 5px 0;
}
.card-product__param-item.param {
  gap: 0;
  line-height: 1.3;
}
.card-product__param-item .param__name {
  font-size: 12px;
}
.card-product__param-item .param__value {
  font-size: 14px;
}
.card-product__param-item .param__name,
.card-product__param-item .param__value {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-product__footer {
  gap: 6px;
}
.card-product__btn {
  padding: 9px 14px;
  font-size: 15px;
  line-height: 1.3;
  white-space: nowrap;
}
.card-product .price-row {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.warehouse-section__slider .swiper-slide {
  height: auto;
}
.warehouse-section__slider .card-product {
  height: 100%;
}

/* --------------------------------------------------------------------------
   Виджет-помощник в правом нижнем углу (inc/helper.php, js/helper.js)
   -------------------------------------------------------------------------- */
.vm-helper {
  --vm-h-blue: var(--blue, #1f4e9c);
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 55;
  font-family: var(--font-family);
  color: #1b2430;
}
.vm-helper[hidden],
.vm-helper [hidden] {
  display: none !important;
}
.vm-helper__fab {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #3d78d8, var(--vm-h-blue));
  box-shadow: 0 8px 22px rgba(24, 63, 104, .38);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.vm-helper__fab:hover {
  transform: scale(1.06);
}
.vm-helper__fab::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 2px solid rgba(61, 120, 216, .45);
  animation: vm-helper-pulse 2.6s ease-out infinite;
  pointer-events: none;
}
.vm-helper.is-open .vm-helper__fab::after {
  display: none;
}
@keyframes vm-helper-pulse {
  0% { transform: scale(.9); opacity: .9; }
  100% { transform: scale(1.35); opacity: 0; }
}
.vm-helper__ic--x { display: none; }
.vm-helper.is-open .vm-helper__ic--chat { display: none; }
.vm-helper.is-open .vm-helper__ic--x { display: block; }

.vm-helper__bubble,
.vm-helper__panel {
  position: absolute;
  right: 0;
  bottom: 76px;
  width: min(360px, calc(100vw - 36px));
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(15, 36, 66, .28);
}
.vm-helper__bubble {
  border: 2px solid var(--vm-h-blue);
  animation: vm-helper-in .35s ease both;
}
.vm-helper__bubble::after {
  content: "";
  position: absolute;
  right: 22px;
  bottom: -9px;
  width: 16px;
  height: 16px;
  border-right: 2px solid var(--vm-h-blue);
  border-bottom: 2px solid var(--vm-h-blue);
  background: #fff;
  transform: rotate(45deg);
}
@keyframes vm-helper-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}
.vm-helper__bubble-body {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  width: 100%;
  padding: 16px 30px 16px 16px;
  text-align: left;
  font: inherit;
  color: inherit;
}
.vm-helper__bubble-text b {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
}
.vm-helper__bubble-text span {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  color: #4a5563;
}
.vm-helper__ava {
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}
.vm-helper__ava--stub {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, #3d78d8, var(--vm-h-blue));
}
.vm-helper__x {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 2;
  width: 24px;
  height: 24px;
  font-size: 22px;
  line-height: 24px;
  color: #98a2b0;
}
.vm-helper__x:hover { color: #1b2430; }

.vm-helper__panel {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 110px);
  max-height: calc(100dvh - 110px);
  overflow: hidden;
  animation: vm-helper-in .25s ease both;
}
.vm-helper__head {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 40px 14px 16px;
  color: #fff;
  background: linear-gradient(135deg, #3d78d8, var(--vm-h-blue));
}
.vm-helper__head .vm-helper__ava {
  width: 48px;
  height: 48px;
  border: 2px solid rgba(255, 255, 255, .7);
}
.vm-helper__head .vm-helper__ava--stub {
  background: rgba(255, 255, 255, .22);
}
.vm-helper__who b,
.vm-helper__who small {
  display: block;
}
.vm-helper__who b { font-size: 16px; }
.vm-helper__who small { font-size: 12px; opacity: .85; }
.vm-helper__x--panel { top: 50%; margin-top: -12px; color: rgba(255, 255, 255, .85); }
.vm-helper__x--panel:hover { color: #fff; }
.vm-helper__scroll {
  padding: 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.vm-helper__text {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  color: #4a5563;
}
.vm-helper__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.vm-helper__link {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #1b2430;
  background: #f6f8fb;
  text-decoration: none;
}
.vm-helper__link:hover {
  border-color: var(--green-accent, #4fbf66);
  background: var(--green-accent-light, #e8f8ec);
}
.vm-helper__form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.vm-helper__form textarea,
.vm-helper__form select {
  width: 100%;
  box-sizing: border-box;
}
.vm-helper__form textarea {
  max-height: 110px;
}
.vm-helper__form p {
  margin: 0 0 10px;
}
.vm-helper__form .wpcf7-submit {
  width: 100%;
}

@media (max-width: 575px) {
  .vm-helper {
    right: 12px;
    bottom: calc(var(--bottom-nav-h, 0px) + 12px);
  }
  .vm-helper__fab {
    width: 54px;
    height: 54px;
  }
  .vm-helper__bubble,
  .vm-helper__panel {
    bottom: 68px;
    width: min(360px, calc(100vw - 24px));
  }
  .vm-helper__panel {
    max-height: calc(100vh - var(--bottom-nav-h, 0px) - 96px);
    max-height: calc(100dvh - var(--bottom-nav-h, 0px) - 96px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .vm-helper__fab::after { animation: none; display: none; }
  .vm-helper__bubble, .vm-helper__panel { animation: none; }
}
.vm-helper__link--tg,
.vm-helper__link--vb,
.vm-helper__link--tel {
  border-color: transparent;
  color: #fff;
}
.vm-helper__link--tg { background: #229ed9; }
.vm-helper__link--vb { background: #7360f2; }
.vm-helper__link--tel { background: var(--green-accent-dark, #2e9e4f); }
.vm-helper__link--tg:hover,
.vm-helper__link--vb:hover,
.vm-helper__link--tel:hover {
  border-color: transparent;
  filter: brightness(1.08);
}
.vm-helper__link--tg:hover { background: #229ed9; }
.vm-helper__link--vb:hover { background: #7360f2; }
.vm-helper__link--tel:hover { background: var(--green-accent-dark, #2e9e4f); }

/* 230: Instagram вместо Viber */
.social__link--ig {
  background: linear-gradient(45deg, #f09433 0%, #dc2743 55%, #bc1888 100%);
}
.vm-helper__link--ig {
  border-color: transparent;
  color: #fff;
  background: linear-gradient(45deg, #f09433 0%, #dc2743 55%, #bc1888 100%);
}
.vm-helper__link--ig:hover {
  border-color: transparent;
  filter: brightness(1.08);
  background: linear-gradient(45deg, #f09433 0%, #dc2743 55%, #bc1888 100%);
}

/* --------------------------------------------------------------------------
   Правки 09.10 (225, 227, 228, 233, 234, 237, 238)
   -------------------------------------------------------------------------- */
/* 225: «Стать дилером» в блоке «О компании» */
.about-section__dealer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  padding: 13px 32px;
  border-radius: var(--radius, 10px);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  background: var(--gradient-green);
  box-shadow: 0 8px 16px rgba(79, 191, 102, .28);
  transition: filter .25s ease, transform .25s ease;
}
.about-section__dealer:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* 227: «В наличии на складе» — чуть мельче, чтобы подпись помещалась */
.indicator--in-stoke {
  font-size: 12px;
  letter-spacing: .01em;
}

/* 233: заголовки главной и блок цифр — Molot, чёрные */
.site-container--home main .section-title,
.site-container--home main .feedback__title,
.site-container--home main .rating__title,
.site-container--home main .title,
.site-container--home main .benefits__title,
.site-container--home main .offers__title,
.site-container--home main .numbers__top,
.site-container--home main .numbers__descr {
  color: #000;
}
.site-container--home main .numbers {
  color: #000;
}
.site-container--home main .numbers__top {
  align-items: baseline;
  font-family: var(--font-molot);
  font-size: 46px;
  line-height: 1.15;
}
/* Molot шире Alumni: число больше не «висит» в absolute, а занимает место по числу знаков (≈0,6em на знак) */
.site-container--home main .numbers__count {
  position: static;
  min-width: calc(var(--index, 2) * .6em);
  text-align: right;
}
.site-container--home main .numbers__unit {
  padding-left: .18em;
}
@media (max-width: 576px) {
  .site-container--home main .numbers__top {
    font-size: 40px;
  }
}

/* 234: ссылки на сайты — текст мельче */
.oursites-section__content__block a {
  font-size: 18px;
}
@media (max-width: 1200px) {
  .oursites-section__content__block a { font-size: 17px; }
}
@media (max-width: 1024px) {
  .oursites-section__content__block a { font-size: 16px; }
}

/* 238: время работы в подвале — в одну строку */
.footer__openinghours,
.footer-social__item.footer__openinghours {
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   228. Верхнее меню — шрифт Molot (он шире прежнего, поэтому размеры ступенчато меньше)
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
  .header__menu .menu__link,
  .header__menu .menu__catalog-btn {
    font-family: var(--font-molot);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .02em;
  }
}
@media (min-width: 1025px) and (max-width: 1500px) {
  .header__menu .menu__link,
  .header__menu .menu__catalog-btn { font-size: 14px; letter-spacing: .015em; }
}
@media (min-width: 1025px) and (max-width: 1360px) {
  .header__menu .menu__link,
  .header__menu .menu__catalog-btn { font-size: 13px; letter-spacing: .01em; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .header__menu .menu__link,
  .header__menu .menu__catalog-btn { font-size: 12px; letter-spacing: 0; }
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .header__menu .menu__link,
  .header__menu .menu__catalog-btn { font-size: 11px; }
}

/* --------------------------------------------------------------------------
   222. Кнопка «Каталог» + раскрывающийся список
   -------------------------------------------------------------------------- */
.menu__catalog-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  border-radius: var(--radius, 10px);
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  background: var(--gradient-green);
  box-shadow: 0 6px 14px rgba(79, 191, 102, .28);
  cursor: pointer;
  transition: filter .2s ease;
}
.menu__catalog-btn:hover {
  filter: brightness(1.06);
}
.menu__catalog-btn svg {
  flex: none;
}
.menu__item--catalog {
  position: static;
}
.catalog-drop {
  position: absolute;
  z-index: 25;
  top: 100%;
  left: 0;
  right: 0;
  max-height: calc(100vh - var(--header-height, 160px) - 20px);
  overflow-y: auto;
  padding: 28px 54px;
  color: var(--white);
  background: linear-gradient(172deg, rgba(70, 155, 255, .97) 0%, rgba(21, 48, 89, .98) 100%);
  box-shadow: 0 20px 40px 0 rgba(10, 25, 50, .25);
  text-align: left;
}
.catalog-drop[hidden] {
  display: none;
}
.catalog-drop__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 28px 32px;
  max-width: 1400px;
  margin: 0 auto;
}
.catalog-drop__head {
  display: block;
  margin-bottom: 10px;
  font-family: var(--font-molot);
  font-size: 15px;
  line-height: 1.25;
  text-transform: uppercase;
  color: #fff;
}
.catalog-drop__list li + li {
  margin-top: 6px;
}
.catalog-drop__list a {
  font-size: 15px;
  line-height: 1.3;
  color: rgba(255, 255, 255, .88);
}
.catalog-drop__list a:hover,
.catalog-drop__head:hover {
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .menu__item--catalog {
    display: none;
  }
}

/* ===== 220 баннеры (слева от списка в категориях, в сайдбаре у товара) ===== */
.vm-banners{flex:0 0 260px;width:260px;display:flex;flex-direction:column;gap:16px;align-self:flex-start}
.vm-banner{display:block;border-radius:10px;overflow:hidden;background:#f2f4f7;line-height:0}
.vm-banner img{display:block;width:100%;height:auto}
a.vm-banner{transition:transform .2s,box-shadow .2s}
a.vm-banner:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.14)}
.vm-banners--side{flex:none;width:auto;margin-top:20px}
.post-hassidebar__container.has-banners .post-hassidebar__content{min-width:0}
@media (max-width:1180px){.vm-banners{flex-basis:200px;width:200px}}
@media (max-width:922px){
  .post-hassidebar__container.has-banners .vm-banners{order:3;flex:none;width:100%;flex-direction:row;flex-wrap:wrap}
  .vm-banners .vm-banner{flex:1 1 280px}
}

/* ===== 221 «Вы недавно смотрели» ===== */
.sidebar-recent{margin-top:24px}
.sidebar-recent[hidden]{display:none}
.sidebar-recent__list{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.sidebar-recent__item{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.3;color:inherit;text-decoration:none}
.sidebar-recent__item:hover span{color:var(--green-accent-dark,#2f9a47)}
.sidebar-recent__item img{flex:none;width:48px;height:48px;object-fit:contain;background:#fff;border:1px solid #e3e6ea;border-radius:6px}

/* ===== 218 горизонтальные карточки в категориях ===== */
.product-rows{display:flex;flex-direction:column;gap:14px}
.card-row{display:grid;grid-template-columns:200px minmax(0,1fr) 230px;gap:20px;align-items:center;padding:16px;background:#fff;border:1px solid #e3e6ea;border-radius:12px;transition:box-shadow .2s,border-color .2s}
.card-row:hover{box-shadow:0 8px 24px rgba(0,0,0,.09);border-color:var(--green-accent,#4fbf66)}
.card-row__img{display:flex;align-items:center;justify-content:center;height:160px}
.card-row__img img{max-width:100%;max-height:100%;object-fit:contain}
.card-row__title{margin:0 0 6px;font-size:18px;line-height:1.25}
.card-row__title a{color:inherit;text-decoration:none}
.card-row__title a:hover{color:var(--green-accent-dark,#2f9a47)}
.card-row__excerpt{margin:0 0 8px;font-size:14px;color:#555}
.card-row__params{display:flex;flex-direction:column;gap:3px;font-size:13px}
.card-row__params .param__name{color:#777}
.card-row__params .param__value{font-weight:600}
.card-row__side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.card-row__status{position:static}
.card-row__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:20px;font-weight:700}
.card-row__price .price--old{font-size:14px;font-weight:400;text-decoration:line-through;color:#888}
.card-row__actions{display:flex;flex-direction:column;gap:8px;width:100%}
.card-row__btn{width:100%;justify-content:center;text-align:center}
@media (max-width:760px){
  .card-row{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px}
  .card-row__img{height:100px}
  .card-row__side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left}
  .card-row__price{align-items:flex-start}
  .card-row__actions{flex-direction:row}
  .card-row__excerpt{display:none}
}

/* ===== 231 «О компании» как на VIMRU: видео на всю правую половину с размытыми краями, слева текст; синий фон и зелёный акцент ===== */
.about-section{position:relative;display:block;overflow:hidden;min-height:480px;padding:0;background:linear-gradient(160deg,#1f66c9 0%,#12305c 100%)}
.about-section::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.about-section__videoblock{position:absolute;z-index:1;top:0;bottom:0;right:0;left:auto;width:54%;margin:0;padding:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 38%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 38%,#000 88%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-composite:intersect}
.about-section__videoblock .videoblock__video{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.about-section__videoblock .btn-play{background:var(--green-accent,#4fbf66)}
.about-section__container{position:relative;z-index:2;display:block;width:auto;max-width:1400px;margin:0 auto;padding:56px var(--container-offset);pointer-events:none}
.about-section__content{max-width:600px;margin:0;padding:0;color:#fff;pointer-events:auto}
.about-section__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green-accent,#4fbf66)}
.about-section__eyebrow::before{content:"";width:20px;height:2px;border-radius:2px;background:currentColor}
.about-section__title{margin:0 0 18px;padding:0;color:#fff}
.about-section__title::after{display:none}
.about-section__title span{color:var(--green-accent,#4fbf66)}
.about-section__descr{margin:0 0 24px;font-size:17px;line-height:1.6;font-weight:400;color:rgba(255,255,255,.85)}
.about-section__list{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.about-section__list .about-section-ltem{display:flex;align-items:flex-start;gap:14px;width:auto;padding:0;border:0;background:none}
.about-section-ltem__ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
.about-section-ltem__img{width:22px;height:22px;padding:0;border-radius:0;background:none;object-fit:contain;filter:brightness(0) invert(1)}
.about-section-ltem__text{margin:0;font-size:15px;line-height:1.45;text-align:left;color:rgba(255,255,255,.9)}
@media (max-width:922px){
  .about-section{min-height:0}
  .about-section__videoblock{position:relative;order:2;width:auto;height:260px;margin:0 16px 28px;border-radius:14px;-webkit-mask-image:none;mask-image:none}
  .about-section{display:flex;flex-direction:column}
  .about-section__container{order:1;padding-block:36px 24px}
}

/* ===== 232 окно формы как на VIMRU: тёмно-синяя шапка, светлое тело с иконками в полях, зелёная кнопка, карточка с контактами ===== */
.graph-modal__container:has(.vm-sf){max-width:440px;padding:0;overflow:hidden;border-radius:20px;background:#fff}
.graph-modal__container:has(.vm-sf) .graph-modal__close{z-index:5;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px}
.graph-modal__container:has(.vm-sf) .graph-modal__close:hover{background-color:rgba(255,255,255,.28)}
.vm-sf{display:flex;flex-direction:column;padding:0;text-align:left}
.sf-head{position:relative;overflow:hidden;padding:20px 24px 22px;background:linear-gradient(160deg,#1f66c9 0%,#12305c 100%);color:#fff}
.sf-head__c{position:absolute;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.12)}
.sf-head__c--1{width:240px;height:240px;top:-90px;right:-50px}.sf-head__c--2{width:110px;height:110px;top:-20px;right:40px}
.sf-head__top{position:relative;margin-bottom:16px;min-height:24px}
.sf-head__logo{display:block;height:24px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.sf-head__badge{position:relative;display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:3px 10px;border:1px solid rgba(79,191,102,.4);border-radius:20px;background:rgba(79,191,102,.14);font-size:11px;font-weight:600;color:#8fe0a4}
.sf-head__badge i{width:6px;height:6px;border-radius:50%;background:#4fbf66}
.sf-head .form-modal__title{position:relative;display:block;margin:0 0 6px;font-family:var(--font-molot,inherit);font-size:24px;line-height:1.2;text-align:left;text-transform:uppercase;color:#fff}
.sf-head .form-modal__title span{color:var(--green-accent,#4fbf66)}
.sf-head .form-modal__descr{position:relative;margin:0;font-size:13px;line-height:1.5;text-align:left;color:rgba(255,255,255,.7)}
.sf-body{padding:22px 24px 20px;background:#f7f9fe}
.sf-body .wpcf7-form{display:flex;flex-direction:column;gap:12px}
.sf-body .wpcf7-form p{margin:0}
.sf-body .wpcf7-form-control-wrap{display:block}
.sf-body input[type=text],.sf-body input[type=tel],.sf-body input[type=email],.sf-body textarea{width:100%;box-sizing:border-box;padding:12px 14px 12px 38px;border:1.5px solid #e4eaf6;border-radius:10px;background-color:#fff;background-repeat:no-repeat;background-position:12px 13px;background-size:16px;font-size:14px;color:#1a2035;transition:border-color .2s,box-shadow .2s}
.sf-body input[type=text]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0bcda' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
.sf-body input[type=tel]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0bcda' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.500 1.500a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
.sf-body input[type=email]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0bcda' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.sf-body textarea{min-height:90px;resize:vertical;line-height:1.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b0bcda' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.500 7.200L3 21l1.800-6.500A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
.sf-body input::placeholder,.sf-body textarea::placeholder{color:#b8c4d8}
.sf-body input:focus,.sf-body textarea:focus{outline:0;border-color:var(--green-accent,#4fbf66);box-shadow:0 0 0 3px rgba(79,191,102,.18)}
.sf-body .wpcf7-acceptance,.sf-body .wpcf7-acceptance label{font-size:12px;line-height:1.5;color:#7a8aaa}
.sf-body .wpcf7-acceptance input{accent-color:var(--green-accent,#4fbf66);margin-right:6px}
.sf-body .wpcf7-acceptance a{color:#1f66c9}
.sf-body .wpcf7-submit,.sf-body button[type=submit]{width:100%;max-width:none;padding:14px;border:0;border-radius:11px;background:var(--gradient-green,var(--green-accent,#4fbf66));color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:filter .2s,transform .2s}
.sf-body .wpcf7-submit:hover{filter:brightness(1.07);transform:translateY(-1px)}
.sf-body .wpcf7-not-valid-tip{margin-top:4px;font-size:11px;color:#e53e3e}
.sf-body .wpcf7-response-output{margin:6px 0 0;border-radius:8px;font-size:13px}
.sf-body .form-modal__product-info{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #e4eaf6}
.sf-body .form-modal__product-img img{width:44px;height:44px;object-fit:contain}
.sf-body .form-modal__product-title{font-size:13px;font-weight:600;color:#1a2035}
.sf-foot{display:flex;align-items:center;gap:10px;margin:0;padding:14px 24px 18px;background:#fff;border-top:1px solid #eef1f8}
.sf-foot__ic{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:8px;background:#e6edfc;color:#1f66c9}
.sf-foot__info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sf-foot__info b{font-size:12px;color:#1a2035}.sf-foot__info small{font-size:11px;color:#8896b3}
.sf-foot__tel{flex:none;font-size:14px;font-weight:700;color:#1f66c9;text-decoration:none;white-space:nowrap}
@media (max-width:576px){.graph-modal__container:has(.vm-sf){padding:0}.sf-head,.sf-body,.sf-foot{padding-left:16px;padding-right:16px}.sf-head .form-modal__title{font-size:20px}}

/* заголовки на синем фоне (склад, «О компании») — белые; общее правило 233 красило их в чёрный */
.site-container--home main .warehouse-section .section-title,
.site-container--home main .warehouse-section__title,
.site-container--home main .about-section .section-title,
.site-container--home main .about-section__title,
.site-container--home main .feedback .feedback__title,
.site-container--home main .feedback__container .section-title,
.site-container--home main .feedback__container .title{color:#fff}

/* кнопки в карточках товара — компактнее */
.card-product__btn{padding:8px 14px;font-size:14px;line-height:1.3}
.card-product__actions{gap:6px}
.card-product__btn-icon{width:14px;height:14px}

/* горизонтальная карточка: компактные кнопки и спокойный заголовок */
.card-row__title{font-family:var(--font-molot,inherit);font-size:16px;line-height:1.3;text-transform:uppercase}
.card-row__actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:8px;width:auto}
.card-row__btn{width:auto;padding:7px 14px;border:1px solid var(--green-accent,#4fbf66);border-radius:8px;background:var(--green-accent,#4fbf66);color:#fff;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;cursor:pointer;text-decoration:none;transition:background .2s}
.card-row__btn:hover{background:var(--green-accent-dark,#2f9a47);border-color:var(--green-accent-dark,#2f9a47)}
.card-row__btn--outline{background:#fff;color:var(--green-accent-dark,#2f9a47)}
.card-row__btn--outline:hover{color:#fff}
.card-row{grid-template-columns:200px minmax(0,1fr) 240px}
.card-row__side{align-items:flex-end}
.card-row__status{font-size:12px}
/* карточки на главной и в каталоге: ещё компактнее */
.card-product__btn,.card-product__btn--outline{padding:6px 12px;font-size:13px;line-height:1.3;border-radius:8px}
.card-product__btn-icon{width:12px;height:12px}

/* «О компании»: заголовок крупнее (общее правило главной ставит 26px), блок текста по центру высоты */
.site-container--home main .about-section__title{font-size:36px;line-height:1.1;margin-bottom:20px}
.about-section__container{display:flex;align-items:center;min-height:480px}
@media (max-width:922px){.site-container--home main .about-section__title{font-size:26px}.about-section__container{min-height:0}}

/* форма: размеры шрифтов задаём жёстко, иначе их перебивают общие стили форм */
.vm-sf .sf-head .form-modal__title{font-size:20px!important;line-height:1.2!important;margin:0 0 6px!important}
.vm-sf .sf-head .form-modal__descr{font-size:13px!important}
.vm-sf .sf-body input[type=text],.vm-sf .sf-body input[type=tel],.vm-sf .sf-body input[type=email],.vm-sf .sf-body textarea{font-size:14px!important;line-height:1.4!important;padding:11px 14px 11px 38px!important}
.vm-sf .sf-body input::placeholder,.vm-sf .sf-body textarea::placeholder{font-size:14px!important}
.vm-sf .sf-body textarea{min-height:80px!important}
.vm-sf .sf-body .wpcf7-acceptance,.vm-sf .sf-body .wpcf7-acceptance label,.vm-sf .sf-body .wpcf7-acceptance span{font-size:12px!important;line-height:1.5!important}
.vm-sf .sf-body .wpcf7-submit,.vm-sf .sf-body button[type=submit]{font-size:15px!important;padding:13px!important}
.vm-sf .sf-body .wpcf7-form>*{margin:0!important}
.vm-sf .sf-body .wpcf7-form{gap:10px!important}
.vm-sf .sf-foot{font-size:12px}

/* «О компании»: текст строго слева, не заезжает на видео */
.site-container--home main .about-section__container{justify-content:flex-start!important;width:auto!important;max-width:1400px;margin-left:auto;margin-right:auto}
.about-section__content{max-width:min(600px,44vw)!important}
@media (max-width:922px){.about-section__content{max-width:none!important}}


/* Боковая форма на главной.
   Закрытие: белая карточка целиком уезжает за правый край экрана, и только потом из-за края выезжает
   вкладка «Отправить запрос» (исходный размер: 262px высотой, шрифт 24px, зелёный уголок). */
.site-container--home main .promo__sideform{padding:0;width:440px;max-width:94vw;height:auto;bottom:auto;background:#fff;border-radius:20px 0 0 20px;box-shadow:0 10px 40px rgba(13,30,58,.28);
  transform:translateX(100%);visibility:hidden;transition:transform .45s ease,visibility 0s linear .45s}
.site-container--home main .promo__sideform.is-visible{transform:translateX(0);visibility:visible;transition:transform .45s ease,visibility 0s}
.site-container--home main .promo__sideform .sideform{opacity:1;display:flex;flex-direction:column;max-height:calc(100vh - var(--header-height,80px) - 60px);overflow-y:auto;border-radius:20px 0 0 20px;background:#fff}
/* вкладка: вынесена влево от панели, прячется за краем экрана и выезжает после ухода формы */
.site-container--home main .promo__btn-sideform{left:-43px;top:0;width:42px;height:262px;border-radius:36px 0 0 8px;background:linear-gradient(#469bff 0%,#153059 100%);box-shadow:-3px 3px 10px rgba(13,30,58,.25);
  visibility:visible;opacity:1;transform:translateX(0);transition:transform .4s ease .4s,opacity 0s linear .4s}
.site-container--home main .promo__sideform.is-visible .promo__btn-sideform{display:block;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(43px);transition:none}
.site-container--home main .promo__btn-sideform span{font-size:24px}
.site-container--home main .promo__sideform .sf-head{border-radius:20px 0 0 0}
.site-container--home main .promo__sideform .sf-head .form-modal__title{font-size:20px}
.site-container--home main .promo__sideform .sf-head__logo{display:none}
@media (max-width:576px){.site-container--home main .promo__sideform{width:94vw}}
/* общий белый цвет span внутри панели не должен красить текст формы */
.site-container--home main .promo__sideform .sf-body span,.site-container--home main .promo__sideform .sf-body label{color:#7a8aaa!important}
.site-container--home main .promo__sideform .sf-body .wpcf7-acceptance a{color:#1f66c9!important}
.site-container--home main .promo__sideform .sf-body .wpcf7-not-valid-tip{color:#e53e3e!important}
.site-container--home main .promo__sideform .sf-body .wpcf7-submit span{color:#fff!important}
.site-container--home main .promo__sideform .sf-head span{color:inherit!important}
.site-container--home main .promo__sideform .sf-head .form-modal__title span{color:var(--green-accent,#4fbf66)!important}
.site-container--home main .promo__sideform .sf-head__badge{color:#8fe0a4!important}
.site-container--home main .promo__sideform .sf-foot span{color:inherit!important}
.site-container--home main .promo__sideform .sf-foot__info b{color:#1a2035!important}
.site-container--home main .promo__sideform .sf-foot__info small{color:#8896b3!important}
@media (max-width:576px){.site-container--home main .promo__sideform{width:94vw}}

/* кнопка «наверх» — выше чата, не перекрывается */
.btntop{right:23px!important;bottom:100px!important}
@media (max-width:576px){.btntop{right:19px!important;bottom:88px!important}}

/* ===== 240: кнопки в карточках каталога — один размер у всех (две равные кнопки в ряд, высота 40px) ===== */
.card-product .card-product__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
.card-product .card-product__actions>*{min-width:0;width:100%;margin:0}
.card-product .card-product__actions .card-product__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:auto;min-height:40px;padding:6px 8px;font-size:13px;line-height:1.2;text-align:center;border-radius:8px;box-sizing:border-box}
.card-product .card-product__actions .card-product__btn--outline{background:#f2f6fc;color:var(--blue,#1f66c9)}
.card-row__actions{display:grid;grid-template-columns:1fr;gap:8px;width:190px;justify-content:stretch}
.card-row__actions>*{min-width:0;width:100%;margin:0}
.card-row__btn{display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:40px;padding:6px 10px;font-size:13px;line-height:1.2;text-align:center;box-sizing:border-box}
.card-row__side{align-items:flex-end}
@media (max-width:760px){.card-row__actions{grid-template-columns:1fr 1fr;width:100%}}
.card-product .card-product__actions .card-product__btn,.card-row__btn{white-space:normal;overflow-wrap:anywhere;font-family:inherit;font-weight:600}
.card-product .card-product__actions .card-product__btn--modal{color:#12305c}
@media (max-width:760px){
  .card-row{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px}
  .card-row__side{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;gap:10px}
  .card-row__price{align-items:flex-start}
  .card-row__actions{grid-template-columns:1fr 1fr;width:100%}
}

/* ===== 240: правки от 13.10 ===== */
:root{--content-width:1440px}
/* заголовок «О компании» — одним цветом */
.about-section__title span,.site-container--home main .about-section__title span{color:inherit}
/* пункты верхнего меню: наведение и активный пункт — один цвет (синий), при открытом списке — белый */
.menu__link::after{background-color:var(--blue)}
@media (any-hover:hover){.menu__link:hover{color:var(--blue)}.header__menu.is-dropdown-open .menu__link:hover{color:#fff}}
.header__menu.is-dropdown-open .menu__link,.header__menu.is-dropdown-open .menu__item:last-child .menu__link{color:#fff}
.header__menu.is-dropdown-open .menu__link::after{background-color:#fff}
/* «Стать дилером» в списке «Компания» — красная плашка */
.dropdown-nav__item--dealer .dropdown-nav__link--dealer{background:linear-gradient(28deg,#ff6b56 -100%,var(--red,#e1110e) 100%)!important;border-color:transparent!important;color:#fff!important;font-weight:700}
.dropdown-nav__item--dealer .dropdown-nav__text{color:#fff!important;text-transform:uppercase}
/* шапка: время справа рядом с кнопками, соцсети — в конце нижней строки */
.header__top-line{justify-content:flex-end}
.header__openinghours--top{margin-right:6px;font-size:13px}
.header__bottom-line .header__social{flex:none;margin-left:10px;padding-left:18px;border-left:1px solid var(--border,#dfe4ec)}
.header__top-line-item--action .header__btn--blue,.header__top-scroll-action .header__btn--blue,.header__btns .header__btn--blue{white-space:nowrap}
.header__top-line-item--action .header__btn--blue .anim-btn__text span,.header__top-scroll-action .header__btn--blue .anim-btn__text span{font-size:14px;white-space:nowrap}
/* «более» перед числами в блоке цифр */
.numbers__more{position:absolute;left:0;bottom:100%;margin-bottom:12px;font-family:inherit;font-size:18px;font-weight:600;line-height:1;letter-spacing:.08em;text-transform:lowercase;white-space:nowrap;color:#5d6a80}
.numbers__item{padding-top:22px}
/* инструмент на главной: 6 в ряд */
@media (min-width:1231px){.layout--6 .layout__item{width:16.6667%}}
@media (min-width:1025px) and (max-width:1230px){.layout--6 .layout__item{width:20%}}
/* подгруппы (как на Векпром): ровная сетка одинаковых плиток */
.subgroups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0 0 28px}
.subgroups__item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:76px;padding:10px 14px;border:1.5px solid #e3e8f0;border-radius:14px;background:#fff;color:#14161b;font-size:14px;font-weight:500;line-height:1.25;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.subgroups__item:hover{border-color:var(--green-accent,#4fbf66);box-shadow:0 6px 16px rgba(18,48,92,.1)}
.subgroups__name{min-width:0;overflow-wrap:anywhere}
.subgroups__img{flex:none;width:60px;height:52px;object-fit:contain}
.card-row__params .param{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border-bottom:1px dotted #d6dce6}
/* квадратный баннер: полоски тоньше и зелёные */
.promo-square__bars{top:12px}
.promo-square__bar{height:3px;background-color:rgba(255,255,255,.45)}
.promo-square__bar-fill{background-color:var(--green-accent,#4fbf66)}
.promo-square--multi::after{height:40px}

/* ===== 240b ===== */
:root{--blue-title-color:#14161b}
/* кнопка «Каталог» — в стиле пунктов меню */
.menu__catalog-btn{padding:8px 16px;border-radius:10px;color:var(--blue);background:#eef3fb;box-shadow:none;letter-spacing:.04em;font-weight:inherit}
.menu__catalog-btn:hover{filter:none;background:var(--green-accent,#4fbf66);color:#fff}
.menu__catalog-btn svg{width:15px;height:15px}
.header__menu.is-dropdown-open .menu__catalog-btn{background:rgba(255,255,255,.18);color:#fff}
/* play у видео «О компании»: тот же зелёный, что у кнопок */
.about-section__videoblock .btn-play::before{background:var(--gradient-green,#4fbf66);opacity:1}
@media (any-hover:hover){.about-section__videoblock .btn-play:hover::before{background:var(--green-accent-dark,#2f9a47)}}
/* шапка: соцсети, время и кнопки — на равных расстояниях */
.header__top-line{justify-content:flex-start}
.header__top-line>.header__top-line-item{margin-left:auto}
.header__top-line .header__social{margin:0}
.header__openinghours--top{margin-right:0}

/* ===== 240c ===== */
/* поиск на всю доступную ширину */
@media (min-width:1025px){
  .header__bottom-line .header__form{flex:1 1 auto;min-width:0}
  .header__bottom-line .header__form .search{width:100%;max-width:none}
}
/* категории (подгруппы): ровно три в строку на всю ширину, крупнее */
.subgroups{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.subgroups__item{min-height:112px;padding:14px 20px;border-radius:16px;font-size:17px;line-height:1.3}
.subgroups__img{width:104px;height:84px}
@media (max-width:900px){.subgroups{grid-template-columns:repeat(2,minmax(0,1fr))}.subgroups__item{min-height:92px;font-size:15px}.subgroups__img{width:80px;height:64px}}
@media (max-width:560px){.subgroups{grid-template-columns:1fr}}
/* картинка материалов пилы в списке и в карточке */
.card-row__materials{display:flex;align-items:center;justify-content:center}
.card-row__materials img{max-width:100%;max-height:100px;object-fit:contain}

/* ===== 240d ===== */
.card-row__media{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.card-row__media .card-row__img{width:100%}
.card-row__materials img{max-height:70px}
.bandsaws-post-card__img-materials--under{display:block;margin:14px 0 4px}
.bandsaws-post-card__img-materials--under img{display:block;max-width:100%;height:auto;max-height:130px;object-fit:contain}
/* слайдер товаров на главной: кнопки одна под другой */
.card-product--compact .card-product__actions,.warehouse-section .card-product .card-product__actions{grid-template-columns:1fr}
/* «Наши сайты» — на всю ширину строки */
.oursites-section__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;justify-content:stretch}
.oursites-section__content__block{min-width:0}
.oursites-section__content__block a{max-width:none}
.oursites-section__content__block a:not(.oursites-section__content__block__link) img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width:768px){.oursites-section__content{grid-template-columns:1fr}}

/* 241: мобильная шапка не должна выходить за экран (логотип, ЛК, корзина, звонок, склад) */
@media (max-width:640px){
  .header__mobile{max-width:100%;overflow:hidden}
  .header__mobile .header__btns{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:8px}
  .header__mobile .vm-hdr{margin-right:0;gap:6px;flex:none}
  .header__mobile .vm-hdr__acc,.header__mobile .vm-hdr__cart{height:40px;padding:0 10px}
  .header__mobile .header__btn{flex:0 1 auto;min-width:0;margin:0;padding-left:12px;padding-right:12px;font-size:13px;white-space:nowrap}
  .header__mobile .header__btn--blue{flex:none;padding-left:10px;padding-right:10px}
  .header__mobile .header__btn--blue .anim-btn__text>span{display:none}
  .header__mobile .header__btn--blue .anim-btn__icon{margin:0}
}
@media (max-width:400px){
  .header__mobile .header__btn--call{padding-left:9px;padding-right:9px;font-size:12px}
  .header__mobile .vm-hdr__acc,.header__mobile .vm-hdr__cart{padding:0 8px}
  .header__mobile .header__logo img{width:48px;height:auto}
}

/* 241b: кнопка склада в мобильной шапке — аккуратный квадрат с иконкой */
@media (max-width:640px){
  .header__mobile .header__btn{min-height:40px}
  .header__mobile .header__btn--blue{width:44px;min-width:44px;max-width:44px;height:40px}
  .header__mobile .header__btn--blue .anim-btn__text{padding:0;width:calc(100% - 3px);height:calc(100% - 3px)}
  .header__mobile .header__btn--blue .anim-btn__icon{width:20px;height:18px;margin:0;flex:none}
  .header__mobile .header__btn--call{min-width:0}
  .header__mobile .header__btn--call .anim-btn__text{padding:0 14px}
}

/* 241c: на мобильном у кнопок шапки без бегущей анимации-обводки */
@media (max-width:640px){
  .header__mobile .anim-btn:before{display:none;animation:none}
  .header__mobile .anim-btn{overflow:hidden}
  .header__mobile .anim-btn .anim-btn__text,
  .header__mobile .header__btn--blue .anim-btn__text{width:100%;height:100%;border-radius:inherit}
}

/* 242: заголовки на страницах товаров чёрные (как в каталоге) */
.single main .machine__title,
.single main .title:not(.feedback__title),
.single main .section-title,
.single main .bandsaws-post-card__title,
.single main .commend__title,
.single main .commend-tool__title,
.single main .machine-table__title{color:#000}

/* 243: фильтр по производителю — боковая колонка слева от списка товаров */
.catalog-split{display:block}
.catalog-split:has(.brand-filter){display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.brand-filter{position:sticky;top:calc(var(--header-height,130px) + 16px);padding:16px;border:1px solid #e1e6ee;border-radius:14px;background:#fff}
.brand-filter__title{margin:0 0 10px;font-weight:700;font-size:15px;color:#16202e}
.brand-filter__list{display:flex;flex-direction:column;gap:4px}
.brand-filter__btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#16202e;font-family:inherit;font-weight:600;font-size:14px;line-height:1.2;text-align:left;cursor:pointer;transition:background .2s,color .2s}
.brand-filter__btn i{font-style:normal;font-size:12px;opacity:.6}
.brand-filter__btn:hover{background:#eef3fb}
.brand-filter__btn.is-active{background:#6dbf6f;color:#fff}
.product-rows__item[hidden]{display:none}
@media (max-width:900px){
  .catalog-split:has(.brand-filter){grid-template-columns:1fr;gap:14px}
  .brand-filter{position:static;padding:12px}
  .brand-filter__list{flex-direction:row;flex-wrap:wrap}
  .brand-filter__btn{width:auto;border:1px solid #d5dbe3;border-radius:999px}
}
.brand-filter{z-index:3}
.brand-filter__btn{position:relative;pointer-events:auto}

/* 244: «более» над числами — чёрное и по центру */
.numbers__more{left:0;right:0;text-align:center;color:#000}
.site-container--home main .numbers__more{color:#000}

/* 245: все заголовки сайта чёрные (кроме светлых на тёмных блоках — у них своё правило) */
html body .title:not(.banner__title):not(.feedback__title),
html body .section-title:not(.banner__title),
html body .machine__title,
html body .machine-table__title,
html body .commend__title,
html body .commend-tool__title,
html body .bandsaws-post-card__title,
html body .bandsaws-modify-card__title,
html body .equipment-card__title,
html body .equipment-card__title a,
html body .machine h1,
html body .machine h2,
html body .equipment__machine-title{color:#000}

/* ===== 250: правки от 14.10 (шапка, меню, карточки, кнопки) ===== */
/* шапка: логотип на три «этажа» — вынут из потока, начинается у верхней границы и заходит на строку меню */
@media (min-width:1025px){
  :root{--vm-logo-w:164px}
  .header__top-container{position:relative;padding-left:calc(var(--vm-logo-w) + 24px)}
  .header__top-container>.header__logo{position:absolute;left:0;top:-6px;z-index:30;display:block;margin:0;width:var(--vm-logo-w)}
  .header__top-container>.header__logo img,.vimens-ru-logo .header__top-container>.header__logo img{display:block;width:100%;height:auto;max-width:none}
  .header__menu{padding-left:calc(16px + max(0px,(100vw - var(--content-width) - 62px)/2) + var(--vm-logo-w) + 24px)}
  .scroll .header__menu{padding-left:16px}
  /* верхняя строка: контакты и адрес — слева от кнопки «Кабинет», кнопки справа */
  .header__top-line{justify-content:flex-start;gap:20px}
  .header__top-line>.header__top-line-item--contacts{margin-left:auto}
  .header__top-line>.header__top-line-item--action{margin-left:0}
  .vm-hcontacts{display:flex;flex-direction:column;gap:3px;align-items:flex-end}
  .vm-hcontacts__row{display:flex;align-items:center;gap:16px;white-space:nowrap}
  .vm-hcontacts .link-tel,.vm-hcontacts .link-mail{font-size:15px;font-weight:600;line-height:1.2}
  .vm-hcontacts__row--small{gap:12px;font-size:12px;color:#5d6a80}
  .vm-hcontacts__row--small .header__openinghours{margin:0;font-size:12px}
  .header__address{font-size:12px;color:#5d6a80}
  /* нижняя строка: поиск короче на ~40%, соцсети сразу за ним */
  .header__bottom-line{justify-content:flex-start;gap:14px}
  .header__bottom-line .header__form{flex:0 1 54%;width:54%;min-width:0}
  .header__bottom-line .header__form .search{width:100%;max-width:none}
  .header__bottom-social{flex:none}
  .header__bottom-social .header__social{margin:0;padding:0;border:0}
}
@media (min-width:1025px) and (max-width:1360px){
  :root{--vm-logo-w:148px}
  .vm-hcontacts .link-tel,.vm-hcontacts .link-mail{font-size:14px}
}
/* синяя кнопка: без анимированной обводки, вместо значка склада — мигающая оранжевая точка */
.header__btn--blue.anim-btn:before{display:none!important}
.header__btn--blue.anim-btn .anim-btn__text{width:100%;height:100%}
.vm-dot{display:inline-block;flex:none;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#e1110e;box-shadow:0 0 0 0 rgba(225,17,14,.7);animation:vmDot 1.3s ease-in-out infinite}
@keyframes vmDot{0%{opacity:1;box-shadow:0 0 0 0 rgba(225,17,14,.7)}60%{opacity:.35;box-shadow:0 0 0 5px rgba(225,17,14,0)}100%{opacity:1;box-shadow:0 0 0 0 rgba(225,17,14,0)}}
@media (prefers-reduced-motion:reduce){.vm-dot{animation:none}}
/* «Каталог»: красная кнопка (цвет как у YouTube), скругление как у баннеров */
.menu__catalog-btn,.header__menu .menu__catalog-btn{background:#ff0000;color:#fff;border:2px solid rgba(255,255,255,.55);border-radius:14px;box-shadow:0 4px 12px rgba(255,0,0,.25)}
.menu__catalog-btn:hover{background:#d90000;color:#fff}
.header__menu.is-dropdown-open .menu__catalog-btn{background:#ff0000;color:#fff}
/* названия главных разделов в раскрывшемся «Каталоге» — чуть крупнее */
.catalog-drop__head{font-size:18px}
/* плитки выпадающего меню на ноутбуках — иконки чуть меньше */
@media (min-width:1025px) and (max-width:1600px){
  .dropdown-nav__link--icon{height:92px;gap:12px;padding:10px 14px}
  .dropdown-nav__icon{flex:0 0 62px;width:62px;height:62px}
}
/* кнопки как «Смотреть все», «В наличии на складе» и в шапке — шрифт Molot */
.header__btn,.header__btn .anim-btn__text,.header__btn span,.vm-hdr__acc,.vm-hdr__cart,.vm-hdr__acc span,
.warehouse-section__link-all,.video-section__link-all,.news-section__link-all,
.card-product__btn,.card-row__btn{font-family:var(--font-molot)!important;letter-spacing:.01em}
.header__btn,.header__btn .anim-btn__text{font-size:13px}
/* «Смотреть все»: красный текст, белая плашка */
.warehouse-section__link-all,.video-section__link-all,.news-section__link-all,.videoreviews-section__link-all{background:#fff!important;color:#e1110e!important;border:1.5px solid #e1110e!important;font-size:14px}
@media (any-hover:hover){.warehouse-section__link-all:hover,.video-section__link-all:hover,.news-section__link-all:hover{background:#e1110e!important;color:#fff!important}}
/* карточки товара: две кнопки в одну строку разных цветов (красная + синяя), без разделительных линий, текст ближе */
.card-product .card-product__actions,.card-product--compact .card-product__actions,.warehouse-section .card-product .card-product__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.card-product .card-product__actions .card-product__btn{background:linear-gradient(28deg,#ff6b56 -100%,#e1110e 100%);color:#fff;border:0}
.card-product .card-product__actions .card-product__btn--outline{background:#1f5fc4;color:#fff;border:0}
.card-product .card-product__actions .card-product__btn--modal{color:#fff}
.card-product .card-product__actions .card-product__btn--outline:hover{background:#174a9d;color:#fff}
.card-product__param-item,.card-product__param-item:first-child,.card-product__param-item:last-child{border:0!important;padding:2px 0!important}
.card-product__param-list{margin-bottom:6px}
.card-product__footer{border:0;gap:4px}
.card-product__content{gap:4px}
.card-product__title{margin-bottom:2px}
.card-product__img{margin-bottom:0}
.card-product__img img{max-height:170px}
.warehouse-section__slider .card-product__img img{max-height:200px}

/* шире к краям на больших экранах; плиток в строке больше */
@media (min-width:1600px){:root{--content-width:1560px}}
@media (min-width:1800px){:root{--content-width:1740px}}
@media (min-width:2000px){:root{--content-width:1900px}}
@media (min-width:1600px){
  .header__top-container,.dropdown-nav,.catalog-drop__grid{max-width:calc(var(--content-width) + 30px)}
}
.vm-hcontacts .link-tel,.vm-hcontacts .link-mail{color:var(--header-text,#14305c)}
.vm-hcontacts .link-tel span,.vm-hcontacts .link-mail span{color:inherit}
.vm-hcontacts .link-tel::after,.vm-hcontacts .link-mail::after{display:none}

/* ===== 250b: правки по шапке ===== */
@media (min-width:1025px){
  /* логотип поверх линий: верхний блок выше полосы меню */
  .header__top{position:relative;z-index:10}
  /* полоса над меню — не через логотип: начинается справа от логотипа и идёт до края экрана */
  .header__menu{border-top:0}
  .header__menu::before{content:"";position:absolute;top:0;right:0;height:1px;background:var(--border,#dfe4ec);left:calc(max(0px,(100vw - var(--content-width) - 62px)/2) + var(--vm-logo-w) + 24px)}
  .scroll .header__menu::before{left:0}
  /* пункты меню от левого края поиска до правого края экрана */
  .header__menu .menu{justify-content:space-between}
  /* контакты: телефон, почта, адрес, часы — одной строкой */
  .vm-hcontacts{flex-direction:row;align-items:center;gap:18px}
  .vm-hcontacts__row,.vm-hcontacts__row--small{display:contents}
}
@media (min-width:1025px) and (max-width:1549px){
  .vm-hcontacts{flex-direction:column;align-items:flex-end;gap:3px}
  .vm-hcontacts__row,.vm-hcontacts__row--small{display:flex;align-items:center;gap:14px}
}

/* ===== 250c: ровная шапка — левый и правый края всех строк совпадают ===== */
@media (min-width:1025px){
  .header__menu{padding-right:calc(16px + max(0px,(100vw - var(--content-width) - 62px)/2))}
  .scroll .header__menu{padding-right:16px}
  .header__menu .menu{max-width:none;margin:0;width:100%}
  .header__top-line{justify-content:space-between}
  .header__top-line>.header__top-line-item--contacts{margin-left:0}
  .header__top-line>.header__top-line-item--action{margin-left:auto}
}
@media (min-width:1025px) and (max-width:1549px){
  .vm-hcontacts{align-items:flex-start}
}

/* ===== 250d: полоса над меню — той же длины, что полоса над поиском (от логотипа до правого края содержимого) ===== */
@media (min-width:1025px){
  .header__menu::before{right:calc(16px + max(0px,(100vw - var(--content-width) - 62px)/2))}
  .scroll .header__menu::before{right:0}
}

/* ===== 250e: блоки «Оборудование» и «Инструмент» на главной — по 6 в ряд, но шире и крупнее на больших экранах ===== */
@media (min-width:1600px){
  .equipment-section .container,.tool-section .container{max-width:calc(var(--content-width) + 30px)}
  .layout--6 .layout__item,.layout--5-not-gap .layout__item{width:16.6667%}
  .equipment-section .page-card-box--main .page-card-box__img,.tool-section .page-card-box--main .page-card-box__img{width:100%;height:auto;aspect-ratio:4/3}
  .equipment-section .page-card-box--main .page-card-box__img img,.tool-section .page-card-box--main .page-card-box__img img{width:100%;height:100%}
  .equipment-section .page-card-box--main .page-card-box__title,.tool-section .page-card-box--main .page-card-box__title{max-width:none;font-size:24px!important}
  .equipment-section .page-card-box--main,.tool-section .page-card-box--main{min-height:320px}
}

/* ===== 250f: одна ширина содержимого для шапки, меню, категорий и слайдера ===== */
@media (min-width:1025px){
  .header__top-container,.header__top-scroll,.header__menu .menu,.dropdown-nav,.catalog-drop__grid{max-width:calc(var(--content-width) + 30px);box-sizing:border-box;margin-left:auto;margin-right:auto}
  .equipment-section .container,.tool-section .container{max-width:var(--container-width)}
  /* меню: край и отступ под логотип считаем внутри самого списка, поэтому края совпадают со строками шапки */
  .header__menu{padding-left:16px;padding-right:16px}
  .header__menu .menu{width:100%;position:relative;padding-left:calc(var(--vm-logo-w) + 24px)}
  .scroll .header__menu .menu{padding-left:0}
  .header__menu::before{display:none}
  .header__menu .menu::before{content:"";position:absolute;top:-8px;left:calc(var(--vm-logo-w) + 24px);right:0;height:1px;background:var(--border,#dfe4ec)}
  .scroll .header__menu .menu::before{display:none}
  .header__menu{border-top:1px solid transparent}
}

/* ===== 250g: ОДНА максимальная ширина содержимого для всех блоков сайта (≥1025px) ===== */
:root{--site-w:calc(var(--content-width) + 30px)}
@media (min-width:1025px){
  .container,.container--warehouse,.equipment-section .container,.tool-section .container,
  .header__top-container,.header__top-scroll,.header__menu .menu,.dropdown-nav,.catalog-drop__grid,
  .footer__top,.footer__bottom,.post-hassidebar__container,
  .about-section__container,.site-container--home main .about-section__container{max-width:var(--site-w)!important}
}

/* ===== 250h: слайдер на главной снова до краёв экрана; плиток в ряду больше на широких экранах ===== */
@media (min-width:1025px){
  .promo--double .container.promo__grid,.site-container--home .promo--double .promo__grid{max-width:none!important;width:auto}
}
@media (min-width:1800px){
  .layout--6 .layout__item,.layout--5-not-gap .layout__item{width:14.2857%}
  .equipment-section .page-card-box--main .page-card-box__title,.tool-section .page-card-box--main .page-card-box__title{font-size:22px!important}
}
@media (min-width:2200px){
  .layout--6 .layout__item,.layout--5-not-gap .layout__item{width:12.5%}
}
@media (min-width:2600px){
  :root{--content-width:2150px}
  .layout--6 .layout__item,.layout--5-not-gap .layout__item{width:11.1111%}
}

/* ===== 250i: выпадающее меню снова считается от полосы меню (на всю ширину), а не от .menu ===== */
@media (min-width:1025px){
  .header__menu .menu{position:static}
  .header__menu>.dropdown,.header__menu .dropdown{left:0;right:0;top:100%}
}
@media (min-width:1025px){
  /* полоса над меню рисуется на .header__menu (как в 250d), чтобы .menu не был опорой для выпадающего списка */
  .header__menu::before{display:block}
  .header__menu .menu::before{display:none}
  .scroll .header__menu::before{display:block}
}

/* ===== 250j: шрифт Molot во всех текстовых кнопках сайта ===== */
.btn,.header__btn,.header__btn .anim-btn__text,.header__btn .anim-btn__text span,.anim-btn,.anim-btn__text,
.card-product__btn,.card-row__btn,.equipment-card__btn,.machine__btn,.error-404__btn,.thanks__btn,
.bandsaws-post-card__btn,.menu__catalog-btn,.promo__btn-sideform,.promo__btn-sideform span,
.swiper-slide__link,.brand-filter__btn,.hotpoint__btn,.search__btn,
.warehouse-section__link-all,.dropdown-nav__link--dealer,
button[type=submit],input[type=submit],.wpcf7-submit,.form-modal button,.form button,.modal button.btn,
.header__top-line-item--action a,.header__top-scroll-action a,.btntop{font-family:var(--font-molot)!important;letter-spacing:.01em}

/* ===== 250k: боковая кнопка «Отправить запрос» — прежний шрифт и одна строка (Molot ломал её) ===== */
.promo__btn-sideform,.promo__btn-sideform span{font-family:var(--title-family)!important;letter-spacing:1px!important}
.promo__btn-sideform span{white-space:nowrap}

/* ===== 250l: при открытом списке полоса меню остаётся белой, список — на всю ширину под ней ===== */
@media (min-width:1025px){
  .header__menu.is-dropdown-open{background:#fff!important;border-bottom-color:var(--border,#dfe4ec)!important}
  .header__menu.is-dropdown-open .menu__link,.header__menu.is-dropdown-open .menu__item:last-child .menu__link{color:var(--text,#16202e)}
  .header__menu.is-dropdown-open .menu__link:hover{color:var(--blue)}
  .header__menu.is-dropdown-open .menu__link::after{background-color:var(--blue)}
  .header__menu.is-dropdown-open .menu__catalog-btn{background:#ff0000;color:#fff}
  .header__menu>.dropdown,.header__menu .dropdown{left:0!important;right:0!important;top:100%}
}

/* ===== 250m: подкатегории инструмента растягиваются на всю ширину колонки (3 плитки — по трети) ===== */
@media (min-width:1025px){
  .layout--cnt-1 .layout__item,.layout--cnt-2 .layout__item,.layout--cnt-3 .layout__item{width:33.3333%}
  .layout--cnt-4 .layout__item{width:25%}
  .layout--cnt-1,.layout--cnt-2,.layout--cnt-3{justify-content:flex-start}
}

/* ===== 250n: ссылка на политику в подвале — подчёркивается только текст ссылки ===== */
.footer__left .footer__link-policy{display:inline-block;align-self:flex-start;width:auto;max-width:max-content}

/* ===== 250o: шапка при прокрутке на ноутбуках — телефон и почта в одну строку, лишнее скрыто ===== */
@media (min-width:1025px) and (max-width:1549px){
  .header__top-scroll .link-tel,.header__top-scroll .link-mail,.header__top-scroll .link-tel span,.header__top-scroll .link-mail span{white-space:nowrap}
  .header__top-scroll .header__openinghours{display:none}
}

/* ===== 250p: мобильная шапка — у синей кнопки остаётся мигающая точка (раньше пряталась вместе с текстом) ===== */
@media (max-width:1024px){
  .header__mobile .header__btn--blue .anim-btn__text>span:not(.vm-dot){display:none}
  .header__mobile .header__btn--blue .vm-dot{display:inline-block;margin:0}
}

/* ===== 288: на ноутбуках иконки инструмента на главной немного меньше ===== */
@media (min-width:1025px) and (max-width:1536px){
  .tool-section .page-card-box--main .page-card-box__img{width:84%;margin-left:auto;margin-right:auto}
  .tool-section .page-card-box--main{min-height:0}
}

/* ===== 250r: страницы категорий (оборудование, инструмент, пилы) — колонка контента на всю ширину до боковой колонки ===== */
@media (min-width:1025px){
  .post-hassidebar__container .post-hassidebar__content{max-width:none!important;min-width:0;flex:1 1 0}
}

/* ===== 250s: мобильная шапка — без корзины и кабинета сверху (они в меню), подпись склада видна, меню не обрезается ===== */
@media (max-width:1024px){
  .header__mobile{overflow:visible!important;max-width:100%}
  .header__mobile .header__btn--blue{width:auto!important;min-width:0!important;max-width:none!important;flex:0 1 auto;padding:0 10px;height:40px}
  .header__mobile .header__btn--blue .anim-btn__text,.header__mobile .header__btn--blue .anim-btn__text>span{display:inline-flex!important;align-items:center;font-size:12px;white-space:nowrap}
  .header__mobile .header__btn--blue .vm-dot{width:9px;height:9px;margin-right:6px}
  .header__mobile .header__btn--call{padding:0 10px;font-size:12px}
  .header__mobile .header__btns{gap:6px;min-width:0}
}
@media (max-width:380px){
  .header__mobile .header__btn--call{display:none}
  .header__mobile .header__btn--blue .anim-btn__text,.header__mobile .header__btn--blue .anim-btn__text>span{font-size:11px}
}

/* ===== 250t: кнопки мобильной шапки меньше; нижний блок мобильного меню оформлен ===== */
@media (max-width:1024px){
  .header__mobile .header__btn,.header__mobile .header__btn--blue,.header__mobile .header__btn--call{min-height:34px!important;height:34px!important;padding:0 9px!important;font-size:11px!important;letter-spacing:0!important;border-radius:10px}
  .header__mobile .header__btn .anim-btn__text,.header__mobile .header__btn .anim-btn__text>span{font-size:11px!important;padding:0!important;letter-spacing:0}
  .header__mobile .header__btn--blue .vm-dot{width:8px;height:8px;margin-right:5px}
  .header__mobile .header__btn--call .anim-btn__text{padding:0 4px!important}

  .header__menu-mobile .header__menu-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
  .header__menu-mobile .vm-hdr{display:flex;gap:8px;width:100%;margin:0}
  .header__menu-mobile .vm-hdr__acc,.header__menu-mobile .vm-hdr__cart{flex:1 1 0;height:42px;padding:0 12px;justify-content:center;border-radius:12px}
  .header__menu-mobile .vm-hdr__label{display:inline!important;font-size:14px}
  .header__menu-mobile .header__menu-cta .header__btn--call{width:100%;min-height:42px;height:42px}
  .header__menu-mobile .vm-hcontacts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px}
  .header__menu-mobile .vm-hcontacts .link-tel,.header__menu-mobile .vm-hcontacts .link-mail,.header__menu-mobile .vm-hcontacts .link-tel span,.header__menu-mobile .vm-hcontacts .link-mail span,.header__menu-mobile .vm-hcontacts .header__openinghours{color:#fff!important;font-size:15px;line-height:1.3}
  .header__menu-mobile .vm-hcontacts .link-tel svg,.header__menu-mobile .vm-hcontacts .link-mail svg{fill:#fff;color:#fff}
  .header__menu-mobile .vm-hcontacts .header__openinghours{opacity:.85;font-size:13px}
  .header__menu-mobile .header__social{display:flex;gap:12px;margin-top:16px}
}


/* ===== 300: баннер «7000+» в портфолио на главной — на всю высоту плиток фото (раньше обрезался max-height: 305px) ===== */
.projects__banner img{max-height:none;height:100%}

/* ===== 301: белое выпадающее меню (список под шапкой и «Каталог») — как сама шапка ===== */
.dropdown,.catalog-drop{
  background:#fff!important;color:#16202e;
  -webkit-backdrop-filter:none;backdrop-filter:none;
  border-top:1px solid #dfe4ec;
  box-shadow:0 18px 36px rgba(16,32,60,.14);
}
.dropdown-nav__link{background:#f3f6fb;color:#16202e;border:1px solid #e4e9f2}
.dropdown-nav__text{color:inherit}
@media (any-hover:hover){
  .dropdown-nav__link:hover{background:#e8f0fd;color:#1f5fc4;border-color:#cddcf5}
}
.dropdown-nav__link.is-visible{background:var(--orange);color:#fff;border-color:transparent}
.dropdown-nav .simplebar-scrollbar.simplebar-visible::before{background-color:rgba(20,48,92,.45)}
.dropdown-nav__item--dealer .dropdown-nav__link--dealer{border-color:transparent!important}
.catalog-drop__head{color:#16202e}
.catalog-drop__list a{color:#41506a}
.catalog-drop__list a:hover,.catalog-drop__head:hover{color:#1f5fc4;text-decoration:underline}
.product-menu__bg{display:none}
.product-menu__title{color:#16202e}
.product-menu__link{background-color:#f3f6fb;color:#16202e}
.product-menu__link img{filter:none}
@media (any-hover:hover){
  .product-menu__link:hover{background-color:#e8f0fd;color:#1f5fc4}
}

/* мобильное меню — белое, тёмный текст, разделители */
@media (max-width:1024px){
  .header__menu-mobile{background:#fff!important;border-top:1px solid #dfe4ec}
  .menu-mobile__item{border-bottom:1px solid #e9edf3}
  .menu-mobile__link,.submenu__link{color:#16202e}
  .submenu__link{border-bottom-color:#e9edf3}
  .product-menu__link{background-color:transparent;color:#16202e}
  .product-menu__all{border-bottom:1px solid #e9edf3;color:#16202e}
  .header__menu-mobile .vm-hcontacts .link-tel,.header__menu-mobile .vm-hcontacts .link-mail,.header__menu-mobile .vm-hcontacts .link-tel span,.header__menu-mobile .vm-hcontacts .link-mail span,.header__menu-mobile .vm-hcontacts .header__openinghours{color:#14305c!important}
  .header__menu-mobile .vm-hcontacts .link-tel svg,.header__menu-mobile .vm-hcontacts .link-mail svg{fill:#1f5fc4;color:#1f5fc4}
  .header__menu-mobile .vm-hcontacts .header__openinghours{color:#5d6a80!important;opacity:1}
}

/* ===== 302: «Также рекомендуем» на странице станка — карточки нового дизайна сеткой ===== */
.commend__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.commend__item{display:flex;min-width:0}
.commend__item .card-product{width:100%;height:100%}
@media (max-width:1280px){.commend__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.commend__list{grid-template-columns:minmax(0,1fr)}}

/* ===== 303: на телефоне и планшете блок «Цена / В корзину» — сразу под названием товара, а не в самом низу страницы ===== */
.vm-buy-mobile{display:none}
@media (max-width:1024px){
  .vm-buy-mobile{display:block;margin:0 0 20px}
  .vm-buy-mobile .vm-buy{margin-bottom:0}
  .post-hassidebar__aside .sidebar .vm-buy{display:none}
}

/* ===== 304: стрелки слайдера «Оборудование и инструмент на складе» на телефоне — круглые, белые, справа ===== */
@media (max-width:576px){
  .warehouse-section__nav{justify-content:flex-end;gap:10px;width:100%;margin-left:0}
  .warehouse-section__btn-next,.warehouse-section__btn-prev{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(10,30,70,.22)}
  .warehouse-section__btn-next svg,.warehouse-section__btn-prev svg{width:22px;height:22px;stroke:#1f5fc4}
}

/* ===== 305: боковая колонка шире — баннеры в ней крупнее ===== */
@media (min-width:1280px){
  .post-hassidebar__aside{flex:0 0 320px;max-width:320px}
}
@media (min-width:1025px) and (max-width:1279px){
  .post-hassidebar__aside{flex:0 0 270px;max-width:270px}
}

/* ===== 306: правки от 15.10 — шапка (контакты у поиска, красная кнопка, цвета значков, чёрный текст, меню на всю ширину) ===== */
:root{--vm-red:#e1110e;--vm-red-hdr:#ff0000;--vm-search-blue:#1f5fc4}
/* кнопки «красное на белом» (Смотреть все и т. п.) — цвета наоборот: красная заливка, белый текст; при наведении — белая с красным */
.warehouse-section__link-all,.video-section__link-all,.news-section__link-all,.videoreviews-section__link-all{background:var(--vm-red)!important;color:#fff!important;border:1.5px solid var(--vm-red)!important}
@media (any-hover:hover){.warehouse-section__link-all:hover,.video-section__link-all:hover,.news-section__link-all:hover,.videoreviews-section__link-all:hover{background:#fff!important;color:var(--vm-red)!important}}
/* «Заказать звонок»: красная и чуть меньше */
.header__btn--call,.header__btn--call .anim-btn__text,.header__btn--call.anim-btn .anim-btn__text{background:var(--vm-red-hdr)!important;background-image:none!important;color:#fff}
.header__btn--call.anim-btn:before{display:none!important}
.header__btn--call:hover{background:#d90000!important}
.header__btn--call:hover .anim-btn__text{background:#d90000!important}
@media (min-width:1025px){
  .header__top-line-item--action .header__btn--call,.header__top-scroll-action .header__btn--call{min-width:0;min-height:0;height:38px}
  .header__top-line-item--action .header__btn--call .anim-btn__text{padding:0 18px;font-size:12px;width:100%;height:100%}
  .header__top-line-item--action .header__btn--blue{min-width:0;min-height:0;height:38px}
  .header__top-line-item--action .header__btn--blue .anim-btn__text{width:100%;height:100%;padding:0 16px;font-size:12px}
  .header__top-line-item--action .header__btn--blue .anim-btn__text span{font-size:12px}
  .header__top-line-item--action .vm-hdr__acc,.header__top-line-item--action .vm-hdr__cart{height:38px}
}
/* текст в шапке — чёрный; синим становится только при нажатии */
.header__menu .menu__link,.header__menu .menu__item:last-child .menu__link,.header__menu.is-dropdown-open .menu__link,.header__menu.is-dropdown-open .menu__item:last-child .menu__link{color:#111}
@media (any-hover:hover){.header__menu .menu__link:hover,.header__menu.is-dropdown-open .menu__link:hover{color:#111}}
.header__menu .menu__link:active,.header__menu .menu__link:focus-visible,.header__menu .menu__link[aria-expanded="true"],.header__menu .menu__item.is-open>.menu__link,.header__menu .menu__link.is-active{color:var(--vm-search-blue)!important}
.header__menu .menu__link:active::after,.header__menu .menu__link[aria-expanded="true"]::after{background-color:var(--vm-search-blue)}
.vm-hcontacts .link-tel,.vm-hcontacts .link-mail,.header__top-scroll-contacts .link-tel,.header__top-scroll-contacts .link-mail{color:#111}
.vm-hcontacts .link-tel:active,.vm-hcontacts .link-mail:active,.header__top-scroll-contacts a:active{color:var(--vm-search-blue)}
.vm-hcontacts__row--small,.header__address,.header__openinghours,.vm-hcontacts__row--small .header__openinghours{color:#111}
.vm-hdr__acc,.vm-hdr__acc span,.vm-hdr__cart{color:#111}
@media (any-hover:hover){.vm-hdr__acc:hover,.vm-hdr__cart:hover{background:#e3ecf8;color:#111}}
.vm-hdr__acc:active,.vm-hdr__cart:active{color:var(--vm-search-blue)}
/* значки: трубка красная, конверт синий (как кнопка «На складе»), корзина — зелёная внутри */
.header .link-tel svg,.header .header__link-tel svg{fill:var(--vm-red)!important;color:var(--vm-red)}
.header .link-mail svg,.header .header__link-mail svg{fill:var(--vm-search-blue)!important;color:var(--vm-search-blue)}
/* в мобильном меню (тёмный фон) значки остаются светлыми */
.header__menu-mobile .link-tel svg,.header__menu-mobile .link-mail svg,.header__mobile-menu .link-tel svg,.header__mobile-menu .link-mail svg{fill:currentColor!important;color:inherit}
.vm-hcontacts .link-tel svg,.header__top-scroll-contacts .link-tel svg{width:20px;height:20px;margin-right:2px}
.vm-hcontacts .link-mail svg,.header__top-scroll-contacts .link-mail svg{width:22px;height:15px;margin:0 2px 0 0}
.vm-hcontacts .link-tel,.vm-hcontacts .link-mail{gap:8px}
@media (min-width:1025px){
  /* логотип — на две строки (кнопки + поиск); меню под ним тянется на всю ширину */
  :root{--vm-logo-w:112px}
  .header__top-container>.header__logo{top:2px;bottom:8px;height:auto;width:var(--vm-logo-w)}
  .header__top-container>.header__logo img,.vimens-ru-logo .header__top-container>.header__logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
  .header__top-container{padding-left:calc(var(--vm-logo-w) + 24px)}
  .header__menu .menu{padding-left:0}
  .header__menu::before{left:calc(16px + max(0px,(100vw - var(--content-width) - 62px)/2))}
  .scroll .header__menu::before{left:0}
  /* строка меню: пункты на всю длину, чуть крупнее и с большим расстоянием между буквами */
  .header__menu .menu{justify-content:space-between}
  .header__menu .menu__link,.header__menu .menu__catalog-btn{font-size:15px;letter-spacing:.05em}
  .header__menu .menu__catalog-btn{padding:7px 14px}
  /* строка с кнопками — справа; поиск короче; контакты и адрес — справа от соцсетей */
  .header__top-line{justify-content:flex-end}
  .header__bottom-line{justify-content:flex-start;gap:14px}
  .header__bottom-line .header__form{flex:0 0 auto;width:clamp(300px,25vw,480px);min-width:0}
  .header__bottom-line .header__form .search{width:100%;min-width:0;max-width:none;position:relative}
  .header__bottom-contacts{margin-left:auto;flex:none}
  .vm-hcontacts{flex-direction:column;align-items:flex-end;gap:3px}
  .vm-hcontacts__row,.vm-hcontacts__row--small{display:flex;align-items:center;gap:16px}
  .vm-hcontacts .link-tel,.vm-hcontacts .link-mail{font-size:16px}
  /* поиск: синяя часть со значком (как на stanki.ru) */
  .header__bottom-line .search__btn{position:absolute;left:0;top:0;bottom:0;transform:none;width:46px;display:flex;align-items:center;justify-content:center;background:var(--vm-search-blue);color:#fff;border-radius:var(--radius,10px) 0 0 var(--radius,10px)}
  .header__bottom-line .search__btn svg{width:20px;height:20px;fill:#fff}
  .header__bottom-line .search__input{padding-left:62px;min-height:42px;border:1.5px solid var(--vm-search-blue)}
}
@media (any-hover:hover){.header__bottom-line .search__btn:hover{background:#174a9d;color:#fff}}
@media (min-width:1025px) and (max-width:1500px){
  .header__menu .menu__link,.header__menu .menu__catalog-btn{font-size:14px;letter-spacing:.035em}
}
@media (min-width:1025px) and (max-width:1360px){
  .header__menu .menu__link,.header__menu .menu__catalog-btn{font-size:13px;letter-spacing:.02em}
  .vm-hcontacts .link-tel,.vm-hcontacts .link-mail{font-size:14px}
  .header__bottom-line .header__form{width:clamp(240px,22vw,300px)}
}
@media (min-width:1025px) and (max-width:1200px){
  .header__menu .menu__link,.header__menu .menu__catalog-btn{font-size:12px;letter-spacing:.01em}
  .vm-hcontacts .header__address{display:none}
}
@media (min-width:1700px){
  .header__menu .menu__link,.header__menu .menu__catalog-btn{font-size:16px;letter-spacing:.06em}
}

/* ===== 307: боковые баннеры — карточка: картинка, тёмная подложка снизу, заголовок и красная кнопка ===== */
.vm-banner,.promo-square__slide{position:relative}
.vm-banner__cap,.promo-square__caption{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:64px 20px 20px;color:#fff;line-height:1.15;pointer-events:none;background:linear-gradient(0deg,rgba(8,18,34,.9) 0%,rgba(8,18,34,.55) 55%,rgba(8,18,34,0) 100%)}
.vm-banner__cap-t,.promo-square__cap-title{font-family:var(--font-molot,inherit);font-size:20px;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.promo-square__cap-title{font-size:clamp(20px,1.8vw,28px)}
.vm-banner__cap-b,.promo-square__caption .promo-square__cta,.promo-square__cta{display:inline-flex;align-items:center;margin:0;padding:9px 20px;border-radius:var(--radius,10px);background:var(--vm-red,#e1110e);color:#fff;border:1.5px solid var(--vm-red,#e1110e);font-family:var(--font-molot,inherit);font-size:13px;font-weight:400;letter-spacing:.03em;line-height:1.2;text-transform:uppercase;transition:background-color .2s,color .2s}
a.vm-banner:hover .vm-banner__cap-b,.promo-square__slide:hover .promo-square__cta,.promo-square--fallback .promo-square__slide:hover .promo-square__cta,.promo-square--fallback .promo-square__slide:focus-visible .promo-square__cta{background:#fff;color:var(--vm-red,#e1110e)}
.vm-banner img,.promo-square__img{transition:transform .5s ease}
@media (any-hover:hover){a.vm-banner:hover img{transform:scale(1.04)}}
.vm-banner{border-radius:14px}
.promo-square__content .promo-square__cta{margin-top:12px}

/* ===== 308: корзина в шапке — зелёная кнопка; контакты на широких экранах в одну строку (телефон, почта, адрес, часы) ===== */
.vm-hdr .vm-hdr__cart{background:var(--vm-green,#4fbf66);color:#fff}
@media (any-hover:hover){.vm-hdr .vm-hdr__cart:hover{background:var(--vm-green-d,#2f9a47);color:#fff}}
.vm-hdr .vm-hdr__cart:active{background:var(--vm-green-d,#2f9a47);color:#fff}
.vm-hdr .vm-hdr__cart .vm-hdr__count{background:#fff;color:var(--vm-green-d,#2f9a47);box-shadow:0 0 0 2px var(--vm-green,#4fbf66)}
@media (min-width:1560px){
  .vm-hcontacts{flex-direction:row;align-items:center;gap:22px}
  .vm-hcontacts__row,.vm-hcontacts__row--small{display:contents}
  .vm-hcontacts .header__address,.vm-hcontacts .header__openinghours{font-size:13px;white-space:nowrap}
  .header__bottom-line .header__form{width:clamp(300px,21vw,420px)}
}

/* ===== 309: форма обратной связи на главной — карточка как окно заявки VIMRU; подписи над полями, имя и телефон в одну строку ===== */
.feedback__content--card{display:block;width:100%;max-width:520px;margin:0}
.feedback__card{width:100%;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(8,18,40,.35)}
.feedback__card .sf-head .form-modal__title{font-size:22px!important}
.feedback__card .sf-head .sf-head__logo{opacity:.9}
@media (max-width:768px){.feedback__content--card{max-width:none}}
/* подписи над полями (берутся из имени поля CF7) и сетка «имя | телефон» */
.sf-body .wpcf7-form{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 12px!important}
.sf-body .wpcf7-form>*{grid-column:1/-1}
.sf-body .wpcf7-form>br{display:none}
.sf-body .wpcf7-form>p:has([data-name*="name"]),.sf-body .wpcf7-form>p:has([data-name*="tel"]),.sf-body .wpcf7-form>p:has([data-name*="phone"]){grid-column:auto}
.sf-body .wpcf7-form-control-wrap::before{display:block;margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7a99}
.sf-body .wpcf7-form-control-wrap[data-name*="name"]::before{content:"Имя"}
.sf-body .wpcf7-form-control-wrap[data-name*="tel"]::before,.sf-body .wpcf7-form-control-wrap[data-name*="phone"]::before{content:"Телефон *"}
.sf-body .wpcf7-form-control-wrap[data-name*="mail"]::before{content:"Email"}
.sf-body .wpcf7-form-control-wrap[data-name*="message"]::before,.sf-body .wpcf7-form-control-wrap[data-name*="comment"]::before{content:"Комментарий"}
.sf-body .wpcf7-form-control-wrap[data-name*="acceptance"]::before,.sf-body .wpcf7-form-control-wrap[data-name*="consent"]::before{content:none}
@media (max-width:480px){.sf-body .wpcf7-form{grid-template-columns:1fr}.sf-body .wpcf7-form>p:has([data-name*="name"]),.sf-body .wpcf7-form>p:has([data-name*="tel"]){grid-column:1/-1}}
.feedback__card .sf-head .form-modal__title,html body .feedback__card .sf-head .title{color:#fff!important}
.feedback__card .sf-head .form-modal__title span{color:var(--green-accent,#4fbf66)!important}

/* ===== 310: все формы — как на vimens.ru: шторка сбоку, белый заголовок, зелёная галочка, подписи по типу поля ===== */
.graph-modal:has(.graph-modal__container.graph-modal-open .vm-sf){padding:0;background:rgba(8,18,40,.62)}
.graph-modal__container.graph-modal-open:has(.vm-sf){display:flex;flex-direction:column;width:min(460px,100%);max-width:none;min-height:100vh;min-height:100dvh;margin:0 0 0 auto;border-radius:0;box-shadow:-18px 0 50px rgba(8,18,40,.35);animation:vmDrawer .42s cubic-bezier(.22,.8,.3,1) both}
.graph-modal__container:has(.vm-sf) .vm-sf{flex:1 1 auto;min-height:100%}
.graph-modal__container:has(.vm-sf) .sf-body{flex:1 1 auto}
.graph-modal__container:has(.vm-sf) .sf-head{padding-top:26px}
@keyframes vmDrawer{from{transform:translateX(100%)}to{transform:none}}
@media (max-width:576px){.graph-modal__container.graph-modal-open:has(.vm-sf){width:100%}}
@media (prefers-reduced-motion:reduce){.graph-modal__container.graph-modal-open:has(.vm-sf){animation:none}}
/* заголовок всегда белый (глобальное правило .title красило его в чёрный) */
html body .vm-sf .sf-head .title,html body .vm-sf .sf-head .form-modal__title{color:#fff!important}
html body .vm-sf .sf-head .form-modal__title span{color:var(--green-accent,#4fbf66)!important}
html body .vm-sf .sf-head .form-modal__descr{color:rgba(255,255,255,.75)!important}
/* галочка — зелёная */
.vm-sf,.feedback__card{--orange:var(--green-accent,#4fbf66)}
.vm-sf .form-argee label:hover,.vm-sf .wpcf7-acceptance label:hover{color:inherit}
.vm-sf input[type=checkbox]{accent-color:var(--green-accent,#4fbf66)}
.vm-sf .form-argee label span::after{border-color:var(--green-accent,#4fbf66)!important}
.vm-sf .form-argee input:checked+span::before,.vm-sf .form-argee input:checked~span::before{border-color:var(--green-accent,#4fbf66)!important}
/* подписи над полями — по типу поля, имя и телефон в одну строку */
.sf-body .wpcf7-form-control-wrap:has(>input[type=text])::before{content:"Имя"}
.sf-body .wpcf7-form-control-wrap:has(>input[type=tel])::before{content:"Телефон *"}
.sf-body .wpcf7-form-control-wrap:has(>input[type=email])::before{content:"Email"}
.sf-body .wpcf7-form-control-wrap:has(>textarea)::before{content:"Комментарий"}
.sf-body .wpcf7-form-control-wrap:has(>input[type=text],>input[type=tel],>input[type=email],>textarea)::before{display:block;margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7a99}
.sf-body .wpcf7-form>p:has(>.wpcf7-form-control-wrap>input[type=text]),.sf-body .wpcf7-form>p:has(>.wpcf7-form-control-wrap>input[type=tel]){grid-column:auto}
.sf-body .wpcf7-form>p:has(>.wpcf7-form-control-wrap>input[type=text]):only-of-type{grid-column:1/-1}
@media (max-width:480px){.sf-body .wpcf7-form>p{grid-column:1/-1!important}}
/* формы-секции на страницах (дилерам, сервис, поддержка) — та же карточка */
.service__content.feedback__content--card,.support__form.feedback__content--card{width:100%;max-width:520px;padding:0;background:none}
.support__form.feedback__content--card{margin-left:auto}

/* ===== 311: логотип в шапке крупнее ===== */
@media (min-width:1025px){
  :root{--vm-logo-w:150px}
  .header__top-container>.header__logo{top:0;bottom:4px}
}
@media (min-width:1025px) and (max-width:1360px){:root{--vm-logo-w:132px}}

/* ===== 312: контакты в шапке — телефон и почта сверху, адрес и время под ними; обе строки начинаются с одной линии ===== */
@media (min-width:1025px){
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
  .vm-hcontacts__row,.vm-hcontacts__row--small{display:flex!important;align-items:center;justify-content:flex-start;gap:16px}
  .vm-hcontacts__row--small{gap:14px;padding-left:0}
  .vm-hcontacts .header__address,.vm-hcontacts .header__openinghours{font-size:13px;white-space:nowrap}
}

/* ===== 313: контакты — сетка 2×2: под телефоном адрес, под почтой время (начинаются с одной линии) ===== */
@media (min-width:1025px){
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{display:grid!important;grid-template-columns:auto auto;column-gap:28px;row-gap:4px;align-items:center;justify-items:start}
  .vm-hcontacts__row,.vm-hcontacts__row--small{display:contents!important}
}
@media (min-width:1025px){.vm-hcontacts .header__openinghours::before,.vm-hcontacts .header__openinghours::after{display:none!important}.vm-hcontacts .header__openinghours{padding-left:0!important;margin-left:0!important}.vm-hcontacts .header__openinghours{padding-left:30px!important}}

/* ===== 314: шапка 1:1 по референсу — поиск не прижат к логотипу: поиск + соцсети + контакты собраны справа ===== */
@media (min-width:1025px){
  .header__bottom-line{justify-content:flex-end!important;gap:26px!important}
  .header__bottom-line .header__form{width:clamp(280px,32vw,640px)!important;flex:0 1 auto}
  .header__bottom-contacts{margin-left:0!important;flex:none}
}
@media (min-width:1025px) and (max-width:1360px){
  .header__bottom-line{gap:16px!important}
  .header__bottom-line .header__form{width:clamp(220px,24vw,320px)!important}
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{column-gap:16px}
}
/* адрес всегда виден */
.vm-hcontacts .header__address{display:inline-block!important;visibility:visible!important}

/* ===== 315: поиск тянется от логотипа (отступ ~как на референсе), время слева под почтой с точкой ===== */
@media (min-width:1025px){
  .header__bottom-line{justify-content:flex-start!important}
  .header__bottom-line .header__form{flex:1 1 auto!important;width:auto!important;max-width:760px;margin-left:clamp(60px,10vw,230px)}
  .header__bottom-contacts{margin-left:auto!important}
  .vm-hcontacts .header__openinghours,.vm-hcontacts .header__address{justify-self:start!important;text-align:left!important;margin:0!important;padding-left:0!important;display:inline-flex!important;align-items:center;gap:7px}
  .vm-hcontacts .header__openinghours::before{display:inline-block!important;content:""!important;width:6px;height:6px;border-radius:50%;background:var(--vm-green,#4fbf66);flex:none;position:static!important}
}
@media (min-width:1025px) and (max-width:1360px){
  .header__bottom-line .header__form{margin-left:clamp(20px,4vw,60px);max-width:340px}
}

/* ===== 316: окно заявки — не на всю высоту: компактная карточка у правого края (как боковая форма) ===== */
.graph-modal:has(.graph-modal__container.graph-modal-open .vm-sf){align-items:center}
.graph-modal__container.graph-modal-open:has(.vm-sf){min-height:0!important;height:auto;max-height:calc(100vh - 40px);margin:0 0 0 auto!important;border-radius:20px 0 0 20px!important;overflow-y:auto}
.graph-modal__container:has(.vm-sf) .vm-sf{min-height:0;flex:0 0 auto}
.graph-modal__container:has(.vm-sf) .sf-body{flex:0 0 auto}
.graph-modal__container:has(.vm-sf) .sf-head{border-radius:20px 0 0 0}
@media (max-width:576px){.graph-modal__container.graph-modal-open:has(.vm-sf){border-radius:20px 0 0 20px!important;width:94%}}

/* ===== 317: шапка — размеры по референсу: поиск уже, адрес и время дальше друг от друга, логотип крупнее ===== */
@media (min-width:1025px){
  .header__bottom-line .header__form{flex:0 0 auto!important;width:clamp(260px,33vw,670px)!important;max-width:none!important;margin-left:clamp(40px,11vw,230px)!important}
  .header__bottom-contacts{margin-left:auto!important}
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{column-gap:56px!important}
  /* логотип: ряды шапки чуть выше, логотип занимает обе строки */
  .header__top-line{min-height:56px}
  .header__bottom-line{min-height:76px;padding-bottom:6px}
  .header__top-container>.header__logo{top:2px!important;bottom:6px!important}
}
@media (min-width:1025px) and (max-width:1360px){
  .header__bottom-line .header__form{width:clamp(200px,23vw,300px)!important;margin-left:clamp(16px,3vw,40px)!important}
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{column-gap:28px!important}
}

/* ===== 318: окно заявки — логотип слева (крупнее), бейдж справа; подписи не дублируются ===== */
.sf-head__top{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px!important;min-height:0!important;padding-right:42px}
.sf-head__logo{height:58px!important;width:auto!important;max-width:60%;opacity:1!important}
.sf-head__badge{margin:0!important;flex:none}
.site-container--home main .promo__sideform .sf-head__top{padding-right:0;justify-content:flex-start}
@media (max-width:420px){.sf-head__badge{font-size:10px;padding:3px 8px}.sf-head__logo{height:48px!important}}
/* свои подписи CF7 (Имя*, Телефон*, E-mail) оформляем так же, а дописанные мной скрываем, чтобы не было двойных */
.sf-body .wpcf7-form:has(label:not(:has(input[type=checkbox]))) .wpcf7-form-control-wrap::before{content:none!important;display:none!important}
.sf-body .wpcf7-form label:not(:has(input[type=checkbox])):not(.form-argee){display:block;margin:0 0 6px;font-size:11px!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7a99!important;line-height:1.3}
.sf-body .wpcf7-form label:not(:has(input[type=checkbox])) .req,.sf-body .wpcf7-form label:not(:has(input[type=checkbox])) sup,.sf-body .wpcf7-form label:not(:has(input[type=checkbox])) span[class*=star]{color:#e1110e}
.sf-body .wpcf7-form-control-wrap:has(>input[tabindex="-1"])::before,.sf-body .wpcf7-form-control-wrap:has(>input[type=hidden])::before{display:none!important}
.sf-body .wpcf7-form>p:has(>input[type=hidden]),.sf-body .wpcf7-form>p:has(>.wpcf7-form-control-wrap>input[tabindex="-1"]){display:none}
.sf-head__logo{max-width:52%!important;object-fit:contain;object-position:left center}

/* точка у времени — по центру строки */
@media (min-width:1025px){
  .vm-hcontacts .header__openinghours{display:inline-flex!important;align-items:center!important;line-height:1.3!important;transform:none!important}
  .vm-hcontacts .header__openinghours::before{margin:0 7px 0 0!important;align-self:center!important;flex:none}
  .vm-hcontacts .header__openinghours>*,.vm-hcontacts .header__openinghours p{margin:0!important;padding:0!important;line-height:1.3!important}
}

/* ===== 319: контакты — без сетки: сверху телефон и почта подряд, под ними адрес и время подряд; поиск короче на 20%; конверт-градиент ===== */
@media (min-width:1025px){
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{display:flex!important;flex-direction:column!important;align-items:flex-start!important;column-gap:0!important;gap:4px!important}
  .vm-hcontacts__row,.vm-hcontacts__row--small{display:flex!important;align-items:center;justify-content:flex-start}
  .vm-hcontacts__row{gap:18px}
  .vm-hcontacts__row--small{gap:16px}
  .header__bottom-line .header__form{width:clamp(210px,26.4vw,536px)!important}
}
@media (min-width:1025px) and (max-width:1360px){
  .header__bottom-line .header__form{width:clamp(170px,18.4vw,240px)!important}
}
.header .link-mail svg,.header .header__link-mail svg{fill:url(#vmMailGrad)!important;color:#153059}
.header__menu-mobile .link-mail svg,.header__mobile-menu .link-mail svg{fill:currentColor!important}

/* ===== 320: по референсу — адрес/время мельче и серые, не шире строки телефон+почта; поиск как на референсе ===== */
@media (min-width:1025px){
  .vm-hcontacts .header__address,.vm-hcontacts .header__openinghours,.vm-hcontacts .header__openinghours *{font-size:11.5px!important;color:#6f7480!important;font-weight:400}
  .vm-hcontacts__row--small{gap:14px}
  .header__bottom-line .header__form{width:clamp(240px,33vw,670px)!important;margin-left:clamp(40px,11.5vw,230px)!important}
}
@media (min-width:1025px) and (max-width:1360px){
  .header__bottom-line .header__form{width:clamp(180px,22vw,300px)!important;margin-left:clamp(16px,4vw,50px)!important}
}

/* ===== 321: плавное появление форм сбоку, затемнение у боковой формы, бейдж справа у края ===== */
/* библиотека окон держит контейнер прозрачным 0,3 с (класс fade), поэтому выезд был невидим и потом «выпрыгивал» */
.graph-modal__container:has(.vm-sf){opacity:1!important;transition:none!important;will-change:transform}
.graph-modal__container:has(.vm-sf)>*{backface-visibility:hidden}
/* затемнение при открытой боковой форме (без размытия — оно тормозило страницу) */
body:has(.promo__sideform.is-visible)::after{content:"";position:fixed;inset:0;z-index:900;background:rgba(8,18,40,.62);pointer-events:none;animation:vmDim .35s ease both}
.site-container--home main .promo__sideform.is-visible{z-index:901!important}
@keyframes vmDim{from{opacity:0}to{opacity:1}}
/* бейдж — у правого края, на уровне низа логотипа; крестик над ним */
.sf-head__top{padding-right:0!important;align-items:flex-end!important;margin-top:14px}
.sf-head__logo{max-width:55%}
.site-container--home main .promo__sideform .sf-head__top{margin-top:0;justify-content:flex-start}
.header .vm-dot,.header__btn--blue .vm-dot{background:#e1110e!important;box-shadow:0 0 0 3px rgba(225,17,14,.28)!important}

/* ===== 322: боковые поля шапки — как у блоков сайта (clamp(20px,2vw,36px)); ничего не уходит под полосу прокрутки ===== */
@media (min-width:1025px){
  :root{--vm-side:clamp(20px,2vw,36px)}
  .header__top-container{max-width:none!important;margin:0!important;box-sizing:border-box;padding-left:calc(var(--vm-side) + var(--vm-logo-w) + 24px)!important;padding-right:var(--vm-side)!important}
  .header__top-container>.header__logo{left:var(--vm-side)!important}
  .header__menu{padding-left:var(--vm-side)!important;padding-right:var(--vm-side)!important;box-sizing:border-box}
  .header__menu .menu{padding-left:0!important;max-width:none!important;margin:0!important;width:100%}
  .header__menu::before{left:calc(var(--vm-side) + var(--vm-logo-w) + 24px)!important;right:var(--vm-side)!important}
  .scroll .header__menu::before{left:0!important;right:0!important}
  .header__top-line,.header__bottom-line,.header__info{min-width:0;max-width:100%}
  .header__bottom-line{flex-wrap:nowrap}
  .header__bottom-line .header__form{flex:0 1 auto!important;min-width:150px}
  .header__bottom-contacts{flex:none}
}
@media (min-width:1025px){
  .header__top{padding-left:0!important;padding-right:0!important}
}

/* ===== 323: окна заявок — раскладка не зависит от момента добавления классов (раньше окно на миг растягивалось на весь экран, а фон «прыгал»); затемнение боковой формы перехватывает клик и закрывает форму ===== */
.graph-modal:has(.vm-sf){padding:0!important;align-items:center!important;background:rgba(8,18,40,.62)!important}
.graph-modal__container:has(.vm-sf){align-self:center!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 40px);margin:0 0 0 auto!important;width:min(460px,100%);border-radius:20px 0 0 20px!important}
.graph-modal__container:has(.vm-sf) .graph-modal__content,.graph-modal__container:has(.vm-sf) .vm-sf{min-height:0!important;height:auto!important;flex:0 0 auto!important}
body:has(.promo__sideform.is-visible)::after{pointer-events:auto!important;cursor:pointer}

/* ===== 324: шапка после прокрутки — те же боковые поля, что и вверху ===== */
@media (min-width:1025px){
  .scroll .header__top-scroll,.header__top-scroll{max-width:none!important;margin:0!important;box-sizing:border-box;padding-left:var(--vm-side)!important;padding-right:var(--vm-side)!important;width:100%}
  .scroll .header__menu{padding-left:var(--vm-side)!important;padding-right:var(--vm-side)!important}
}

/* ===== 325: плавный выезд и уезд окон заявок (вместо мгновенного исчезновения) ===== */
.graph-modal__container:has(.vm-sf){display:block!important;position:absolute!important;right:0;top:50%;margin:0!important;transform:translate(105%,-50%);visibility:hidden;animation:none!important;transition:transform .3s cubic-bezier(.4,0,.8,.6),visibility 0s linear .3s!important}
.graph-modal__container.graph-modal-open:has(.vm-sf){display:flex!important;transform:translate(0,-50%);visibility:visible;animation:none!important;transition:transform .42s cubic-bezier(.22,.8,.3,1),visibility 0s!important}
@media (max-width:576px){.graph-modal__container:has(.vm-sf){width:94%}}

/* ===== 326: соцсети — в верхней строке (на прежнем месте по горизонтали); поиск шире, синяя часть полупрозрачная; адреса производства/демозала ===== */
@media (min-width:1025px){
  :root{--vm-search-ml:clamp(40px,11.5vw,230px);--vm-search-w:clamp(240px,31vw,620px)}
  .header__top-line{justify-content:flex-start!important}
  .header__top-line>.header__bottom-social{display:flex;align-items:center;flex:none;margin-left:calc(var(--vm-search-ml) + var(--vm-search-w) + 26px)}
  .header__top-line>.header__bottom-social .social{display:flex;gap:14px;margin:0}
  .header__top-line>.header__top-line-item--action{margin-left:auto!important}
  .header__bottom-line .header__form{margin-left:var(--vm-search-ml)!important;width:var(--vm-search-w)!important}
  .header__bottom-line .search__btn{background:rgba(31,95,196,.72)!important}
  .header__bottom-line .search__btn:hover{background:rgba(23,74,157,.88)!important}
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{gap:3px!important}
  .vm-hcontacts__row--prod{gap:14px;flex-wrap:nowrap}
  .vm-hcontacts .header__address--prod{display:inline-flex!important;align-items:center;gap:5px;font-size:11.5px!important;color:#6f7480!important;white-space:nowrap}
  .vm-hcontacts .vm-pin{flex:none;color:#e1110e}
}
@media (min-width:1025px) and (max-width:1360px){
  :root{--vm-search-ml:clamp(16px,4vw,50px);--vm-search-w:clamp(170px,22vw,300px)}
  .header__top-line>.header__bottom-social{margin-left:calc(var(--vm-search-ml) + var(--vm-search-w) + 16px)}
  .header__bottom-line .header__form{width:var(--vm-search-w)!important;margin-left:var(--vm-search-ml)!important}
}

/* ===== 327: форма обратной связи на главной — как на VIMBAY: затемнённый фон, фото человека, стеклянная форма слева, текст справа ===== */
.feedback--vb .feedback__container{position:relative;display:grid!important;grid-template-columns:minmax(320px,470px) minmax(0,1fr);align-items:center;column-gap:48px;min-height:520px;padding:56px 56px!important;border-radius:28px;overflow:visible}
.feedback--vb .feedback__container::before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(7,16,36,.82) 0%,rgba(9,22,50,.6) 52%,rgba(9,22,50,.34) 100%)}
.feedback--vb .feedback__img{position:absolute;right:2%;bottom:0;top:auto;z-index:1;width:min(44%,540px);height:100%;margin:0}
.feedback--vb .feedback__img img{position:absolute;right:0;bottom:0;width:auto;height:116%;max-width:none;object-fit:contain;aspect-ratio:auto}
.feedback--vb .feedback__content{position:relative;z-index:3;display:block;width:100%;max-width:none;margin:0}
.feedback--vb .feedback__card--glass{border-radius:22px;overflow:hidden;background:rgba(10,22,46,.58);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.feedback--vb .fb-head{padding:28px 30px 4px}
.feedback--vb .fb-head__title{margin:0 0 8px;font-family:var(--font-molot,inherit);font-size:26px;line-height:1.15;font-weight:400;text-transform:uppercase;color:#fff!important}
.feedback--vb .fb-head__sub{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}
.feedback--vb .feedback__card--glass .sf-body{background:transparent;padding:18px 30px 28px}
.feedback--vb .feedback__card--glass .sf-body input[type=text],.feedback--vb .feedback__card--glass .sf-body input[type=tel],.feedback--vb .feedback__card--glass .sf-body input[type=email],.feedback--vb .feedback__card--glass .sf-body textarea{background-color:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}
.feedback--vb .feedback__card--glass .sf-body input::placeholder,.feedback--vb .feedback__card--glass .sf-body textarea::placeholder{color:rgba(255,255,255,.5)!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form-control-wrap::before,.feedback--vb .feedback__card--glass .sf-body label:not(:has(input[type=checkbox])){color:rgba(255,255,255,.85)!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-acceptance,.feedback--vb .feedback__card--glass .sf-body .wpcf7-acceptance label,.feedback--vb .feedback__card--glass .sf-body .wpcf7-acceptance span,.feedback--vb .feedback__card--glass .sf-body .form-argee label{color:rgba(255,255,255,.75)!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-acceptance a{color:#8fc0ff!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-submit,.feedback--vb .feedback__card--glass .sf-body button[type=submit]{background:var(--green-accent,#4fbf66)}
.feedback--vb .feedback__aside{position:relative;z-index:2;max-width:430px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.feedback--vb .feedback__eyebrow{display:block;margin-bottom:14px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7fb4ff}
.feedback--vb .feedback__lead{margin:0 0 16px;font-family:var(--font-molot,inherit);font-size:38px;line-height:1.1;text-transform:uppercase;color:#fff}
.feedback--vb .feedback__text{margin:0 0 22px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.82)}
.feedback--vb .feedback__bullets{display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.feedback--vb .feedback__bullets li{position:relative;padding-left:32px;font-size:16px;font-weight:600;color:#fff}
.feedback--vb .feedback__bullets li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--green-accent,#4fbf66) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.500 4.500 4.500L19 7.500'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:1180px){.feedback--vb .feedback__lead{font-size:30px}.feedback--vb .feedback__container{column-gap:28px;padding:44px 36px!important}.feedback--vb .feedback__img{width:40%}}
@media (max-width:900px){.feedback--vb .feedback__container{grid-template-columns:1fr;padding:28px 18px!important;min-height:0}.feedback--vb .feedback__aside{display:none}.feedback--vb .feedback__img{display:none}.feedback--vb .fb-head{padding:22px 20px 2px}.feedback--vb .feedback__card--glass .sf-body{padding:14px 20px 22px}}

/* ===== 328: поиск шире; иконка у адреса офиса; форма на главной — без человека, фирменный синий фон ===== */
@media (min-width:1025px){
  :root{--vm-search-w:clamp(260px,36vw,900px)}
  .header__bottom-line .header__form{flex:0 0 auto!important}
}
@media (min-width:1025px) and (max-width:1360px){
  :root{--vm-search-w:clamp(190px,27vw,380px)}
}
.feedback--vb .feedback__container{min-height:440px;background:radial-gradient(120% 140% at 85% 0%,#2f78e0 0%,rgba(47,120,224,0) 55%),linear-gradient(135deg,#1d5fc4 0%,#12305c 100%)!important;overflow:hidden}
.feedback--vb .feedback__container::before{background:none;
  background-image:radial-gradient(circle at 78% 50%,transparent 0 150px,rgba(255,255,255,.07) 151px 152px,transparent 153px 230px,rgba(255,255,255,.06) 231px 232px,transparent 233px 330px,rgba(255,255,255,.05) 331px 332px,transparent 333px),linear-gradient(115deg,transparent 0 60%,rgba(255,255,255,.04) 60% 100%)}
.feedback--vb .feedback__aside{max-width:520px;justify-self:center}
.feedback--vb .feedback__lead{font-size:44px}
/* форма: поля в столбик, кнопка на всю ширину (на сайте телефон и кнопка стояли в одну строку и обрезались) */
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form>*{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-submit,.feedback--vb .feedback__card--glass .sf-body button[type=submit]{width:100%!important;max-width:none!important;display:block}
@media (max-width:1180px){.feedback--vb .feedback__lead{font-size:32px}}

/* ===== 329: форма на главной — как на vimens.ru: фото-фон с затемнением, текст слева, стеклянная форма справа; шапка не уходит за край на небольших экранах ===== */
.feedback--vb .feedback__container{grid-template-columns:minmax(0,1fr) minmax(340px,560px)!important;column-gap:56px;min-height:0;padding:64px 56px!important;border-radius:28px;overflow:hidden;
  background:linear-gradient(105deg,rgba(9,24,56,.9) 0%,rgba(14,38,86,.78) 55%,rgba(20,50,110,.7) 100%),var(--fb-bg) center/cover no-repeat,#0e2656!important}
.feedback--vb .feedback__container::before{display:none}
.feedback--vb .feedback__aside{justify-self:start;max-width:520px}
.feedback--vb .feedback__lead{font-family:var(--font-molot,inherit);font-size:44px;line-height:1.08;text-transform:uppercase;color:#fff}
.feedback--vb .feedback__lead span{display:block;color:#4d8dff}
.feedback--vb .feedback__eyebrow{color:#4d8dff}
.feedback--vb .feedback__content{justify-self:end}
.feedback--vb .feedback__card--glass{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}
/* подписи как на vimens.ru */
.feedback--vb .sf-body .wpcf7-form-control-wrap:has(>input[type=text])::before{content:"Ваше имя *"}
.feedback--vb .sf-body .wpcf7-form-control-wrap:has(>textarea)::before{content:"Опишите ваши потребности"}
/* сетка: имя | телефон в одну строку, остальное на всю ширину */
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 14px!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form>*{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form>p:has(input[type=text]):not(:has(textarea)),.feedback--vb .feedback__card--glass .sf-body .wpcf7-form>p:has(input[type=tel]):not(:has(textarea)){grid-column:auto!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form:not(:has(input[type=text]))>p:has(input[type=tel]){grid-column:1/-1!important}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-form-control-wrap{display:block;width:100%}
@media (max-width:1180px){.feedback--vb .feedback__container{grid-template-columns:minmax(0,1fr) minmax(320px,460px)!important;column-gap:32px;padding:44px 32px!important}}
@media (max-width:900px){.feedback--vb .feedback__container{grid-template-columns:1fr!important;padding:28px 18px!important}.feedback--vb .feedback__aside{display:block;max-width:none}.feedback--vb .feedback__lead{font-size:30px}.feedback--vb .feedback__text,.feedback--vb .feedback__bullets{display:none}.feedback--vb .feedback__content{justify-self:stretch}}
@media (max-width:480px){.feedback--vb .feedback__card--glass .sf-body .wpcf7-form{grid-template-columns:1fr!important}.feedback--vb .feedback__card--glass .sf-body .wpcf7-form>p:has(input[type=text]),.feedback--vb .feedback__card--glass .sf-body .wpcf7-form>p:has(input[type=tel]){grid-column:1/-1!important}}

/* шапка: верхняя строка не вылезает за край — отступ соцсетей уменьшается, если не хватает места */
@media (min-width:1025px){
  .header__top-line>.header__bottom-social{margin-left:max(14px,min(calc(min(var(--vm-search-ml),8vw) + var(--vm-search-w) + 26px),calc(100% - 720px)))!important}
  .header__top-line>.header__top-line-item--action{flex:none}
  .header__bottom-line .header__form{flex:0 1 auto!important;min-width:190px;margin-left:min(var(--vm-search-ml),8vw)!important}
}

/* 330: форма на главной — фото команды на фоне, отступы по бокам, текст ближе к форме */
.feedback--vb .feedback__container{grid-template-columns:minmax(0,500px) minmax(340px,540px)!important;justify-content:center!important;column-gap:clamp(28px,4vw,56px)!important;padding:64px clamp(20px,5vw,80px)!important;
  background:linear-gradient(90deg,rgba(6,14,32,.88) 0%,rgba(6,14,32,.62) 50%,rgba(6,14,32,.5) 100%),var(--fb-bg) center 20%/cover no-repeat,#0a1530!important}
.feedback--vb .feedback__aside{justify-self:end!important;max-width:500px}
.feedback--vb .feedback__content{justify-self:start!important;width:100%}
@media (max-width:1180px){.feedback--vb .feedback__container{grid-template-columns:minmax(0,1fr) minmax(320px,460px)!important;padding:44px 28px!important}.feedback--vb .feedback__aside{justify-self:start!important}}
@media (max-width:900px){.feedback--vb .feedback__container{grid-template-columns:1fr!important;padding:28px 18px!important}.feedback--vb .feedback__content{justify-self:stretch!important}}

/* 331: шапка — та же максимальная ширина, что у блоков и подвала */
@media (min-width:1025px){
  :root{--vm-side:max(clamp(20px,2vw,36px),calc((100vw - var(--container-width))/2 + var(--container-offset,15px)))}
}

/* 332: синее затемнение с кругами поверх фото (как было), текст читаем */
.feedback--vb .feedback__container{background:
  radial-gradient(120% 140% at 85% 0%,rgba(47,120,224,.85) 0%,rgba(47,120,224,0) 58%),
  linear-gradient(135deg,rgba(29,95,196,.9) 0%,rgba(18,48,92,.88) 100%),
  var(--fb-bg) center 20%/cover no-repeat,#1d5fc4!important}
.feedback--vb .feedback__container::before{display:block!important;content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 78% 50%,transparent 0 150px,rgba(255,255,255,.09) 151px 152px,transparent 153px 230px,rgba(255,255,255,.08) 231px 232px,transparent 233px 330px,rgba(255,255,255,.06) 331px 332px,transparent 333px)}
.feedback--vb .feedback__aside,.feedback--vb .feedback__content{position:relative;z-index:2}
.feedback--vb .feedback__text{color:#fff}
.feedback--vb .feedback__lead span,.feedback--vb .feedback__eyebrow{color:#bcd8ff}
.feedback--vb .feedback__card--glass{background:rgba(12,36,84,.55)}

/* 333: меньше синевы, фото заметнее; заголовок целиком белый */
.feedback--vb .feedback__container{background:
  radial-gradient(120% 140% at 85% 0%,rgba(47,120,224,.45) 0%,rgba(47,120,224,0) 58%),
  linear-gradient(135deg,rgba(24,70,150,.62) 0%,rgba(10,26,56,.74) 100%),
  var(--fb-bg) center 20%/cover no-repeat,#12305c!important}
.feedback--vb .feedback__lead span{color:#fff!important}
.feedback--vb .feedback__card--glass{background:rgba(8,20,46,.55)}

/* 334: бейдж «Бесплатная консультация» — зелёный акцент, как в остальных формах; ссылка в согласии тоже зелёная */
.feedback--vb .feedback__eyebrow{display:inline-flex!important;align-items:center;margin-bottom:16px;padding:5px 14px;border:1px solid rgba(79,191,102,.45);border-radius:20px;background:rgba(79,191,102,.16);font-size:12px;font-weight:700;letter-spacing:.1em;color:#9be8ae!important;text-shadow:none}
.feedback--vb .feedback__card--glass .sf-body .wpcf7-acceptance a{color:#8fe0a4!important}

/* 335: «О компании» и слово в заголовке формы — зелёные; кнопки карточек: красная основная + синяя «Подробнее» (каталог, рекомендуемые, главная) */
.about-section__title,.site-container--home main .about-section__title,.about-section__title span,.site-container--home main .about-section__title span{color:var(--green-accent,#4fbf66)!important}
.feedback--vb .feedback__lead span{color:var(--green-accent,#4fbf66)!important}
.card-product__btn:not(.card-product__btn--outline),.card-row__btn--main,.card-row__btn:not(.card-row__btn--outline),
.card-product .card-product__actions .card-product__btn:not(.card-product__btn--outline){background:linear-gradient(28deg,#ff6b56 -100%,#e1110e 100%)!important;color:#fff!important;border:0!important}
.card-product__btn--outline,.card-row__btn--outline,.card-product .card-product__actions .card-product__btn--outline{background:#1f5fc4!important;color:#fff!important;border:0!important}
.card-product__btn--outline:hover,.card-row__btn--outline:hover{background:#174a9d!important;color:#fff!important}
.card-product__btn:not(.card-product__btn--outline):hover,.card-row__btn--main:hover{filter:brightness(1.08)}

/* 336: баннеры в сайдбаре на мобильных — на всю ширину колонки, без гигантской серой высоты
   (раньше .vm-banners{width:200px} из ≤1180 и .vm-banner{flex:1 1 280px} из ≤922 попадали и на колонку сайдбара) */
.sidebar .vm-banners.vm-banners--side,.vm-banners.vm-banners--side{width:100%!important;max-width:none!important;flex:0 0 auto!important;align-self:stretch!important;box-sizing:border-box}
.sidebar .vm-banners--side .vm-banner,.vm-banners--side .vm-banner{flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important}
.vm-banners--side .vm-banner img{width:100%!important;height:auto!important}
@media (max-width:922px){
  .sidebar .vm-banners--side,.vm-banners--side{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:20px;align-items:start}
}

/* 337: плитки на страницах «Инструмент» / «Металлообрабатывающее оборудование» (page-tool / page-equipment) — размер как на главной */
.page-equipment__item .page-card-box{min-height:230px;padding:20px 16px}
.page-equipment__item .page-card-box__img--big{max-height:none}
.page-equipment__item .page-card-box__img--big img{width:200px;max-width:100%;height:150px;aspect-ratio:auto;object-fit:contain;margin:0 auto}
@media (max-width:1024px){.page-equipment__item .page-card-box__img--big img{width:100%;height:auto;max-height:130px}}
@media (max-width:576px){.page-equipment__item .page-card-box{min-height:190px}.page-equipment__item .page-card-box__img--big img{max-height:110px}}
@media (min-width:1025px){.page-equipment__item{width:calc(20% - 16px)}.page-equipment__item .page-card-box{min-height:210px;padding:18px 12px}.page-equipment__item .page-card-box__img--big img{width:100%;height:130px}.page-equipment__item .page-card-box__title{font-size:16px}}

/* 338: правки Артёма от 19.10 */
/* поиск 1в1 как на образце: белая «таблетка» с мягкой тенью, серый плейсхолдер, лупа справа; шире в обе стороны */
@media (min-width:1025px){
  :root{--vm-search-ml:clamp(24px,8.5vw,170px);--vm-search-w:clamp(300px,calc(37vw + 70px),800px)}
  .header__bottom-line .search__input{border:0!important;border-radius:999px!important;background:#fff!important;box-shadow:0 6px 18px rgba(20,48,92,.15),0 1px 4px rgba(20,48,92,.08)!important;padding:0 64px 0 30px!important;min-height:48px;font-size:16px;color:#14305c;transition:box-shadow .25s ease}
  .header__bottom-line .search__input::placeholder{color:#aab0bb;font-size:16px;font-weight:400}
  .header__bottom-line .search__input:focus{box-shadow:0 8px 22px rgba(31,95,196,.22),0 0 0 2px rgba(31,95,196,.35)!important}
  .header__bottom-line .search__btn,.header__bottom-line .search__btn:hover{left:auto!important;right:14px;top:50%;bottom:auto;transform:translateY(-50%);width:38px;height:38px;border-radius:50%!important;background:transparent!important;color:#9aa1ad}
  .header__bottom-line .search__btn svg{width:24px;height:24px;fill:#9aa1ad;transition:fill .2s}
  .header__bottom-line .search__btn:hover svg{fill:#1f5fc4}
  /* адреса — чуть ниже номера */
  .vm-hcontacts,.header__bottom-contacts .vm-hcontacts{gap:10px!important}
}
/* Медиа хаб: видео по 3 в строке */
@media (min-width:1025px){.video-section__item{width:calc(33.3333% - 13.34px)}}
@media (min-width:577px) and (max-width:1024px){.video-section__item{width:calc(50% - 10px)}}
/* «запуски» (слайдер с фото): ниже по высоте, чтобы целиком помещалось на экране ноутбука; стрелки — дальше от края (там плавающие кнопки) */
@media (min-width:1025px){.projects__img img{aspect-ratio:4/3}}
@media (min-width:769px){.projects-slider__nav{left:64px!important;width:calc(100% - 128px)!important}}