.v5m-fbar[data-v5m-ssr]{display:none}
body.tax-product_cat .term-description:not(.v5m-full){max-height:96px;margin-bottom:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);}
.v5m-more{display:inline-block;margin:8px 0 6px;color:#2e7d32;font-weight:700;font-size:14px;background:none;border:0;padding:0;cursor:pointer;}
@media(max-width:768px),(pointer:coarse) and (max-height:500px){
  body.v5m-cat .v5m-fbar{display:flex;gap:10px;margin:2px 0 16px;}
  body.v5m-cat .v5m-fbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1b5e20;color:#fff;border:0;border-radius:12px;padding:13px 16px;font-size:15px;font-weight:700;cursor:pointer;}
  body.v5m-cat .v5m-fbtn::before{content:"";width:18px;height:18px;flex:0 0 auto;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23fff%27 stroke-width=%272.4%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M3 5h18M6 12h12M10 19h4%27/%3E%3C/svg%3E");}
  body.v5m-cat.v5m-open{overflow:hidden;}
  body.v5m-cat .wd-sidebar.sidebar-container{position:fixed!important;top:0;left:0;bottom:0;width:88%!important;max-width:350px!important;z-index:100050!important;background:#fff!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;transform:translateX(-104%);visibility:hidden;box-shadow:6px 0 40px rgba(0,0,0,.28);padding:54px 16px 30px!important;margin:0!important;border-radius:0!important;}
  /* Анимацию включаем ОТДЕЛЬНЫМ классом и только со второго кадра.
     Если transition стоит в том же правиле, что и первый translateX,
     браузер анимирует ОТ translateX(0) — и панель на миг видна целиком. */
  body.v5m-cat.v5m-anim .wd-sidebar.sidebar-container{transition:transform .26s ease,visibility 0s linear .26s;}
  body.v5m-cat.v5m-open .wd-sidebar.sidebar-container{transform:translateX(0);visibility:visible;transition-delay:0s;}
  /*
   * Порядок внутри панели: сначала то, ради чего её открыли.
   * Замер 01.09.2026, экран 375x812: кнопка называется «ФИЛЬТРЫ И БРЕНДЫ», а
   * первым в панели стоял список КАТЕГОРИЙ высотой 1539 px. До «Цены» надо
   * было пролистать 1623 px, до «Брендов» — 1801; вся панель прокручивалась
   * на 3108 px. То есть кнопка обещала фильтры, а показывала оглавление.
   * Категории не убираем — с них тоже уходят вглубь каталога, но они уходят
   * ВНИЗ. min-width:0 обязателен: флекс-элемент иначе распирает по содержимому.
   */
  body.v5m-cat .wd-sidebar .widget-area{display:flex;flex-direction:column;min-width:0;}
  body.v5m-cat .wd-sidebar .widget-area .widget_price_filter{order:1;min-width:0;}
  body.v5m-cat .wd-sidebar .widget-area .widget_vita5_brand_filter{order:2;min-width:0;}
  body.v5m-cat .wd-sidebar .widget-area .widget_product_categories{order:3;min-width:0;}
  .v5m-x{position:fixed;top:0;left:0;width:88%;max-width:350px;height:48px;display:none;align-items:center;justify-content:space-between;padding:0 6px 0 16px;background:#fff;z-index:100051;border-bottom:1px solid #eee;box-sizing:border-box;transform:translateX(-104%);transition:transform .26s;}
  body.v5m-cat.v5m-open .v5m-x{display:flex;transform:translateX(0);}
  .v5m-x b{font-size:16px;color:#1b3a1b;}
  .v5m-x button{background:none;border:0;font-size:30px;line-height:1;color:#888;padding:0 10px;cursor:pointer;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
  body.v5m-cat .wd-sidebar .v5bf-item{margin:0!important;padding:0!important;}
  body.v5m-cat .wd-sidebar .v5bf-item label{min-height:44px;padding:4px 0;margin:0;box-sizing:border-box;}
  body.v5m-cat .wd-sidebar .v5bf-item .v5bf-cb{width:20px!important;height:20px!important;}
  body.v5m-cat .wd-sidebar .widget_price_filter .price_slider_amount .button{min-height:44px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center;justify-content:center;}
  .v5m-back{position:fixed;inset:0;background:rgba(12,28,12,.5);z-index:100045;opacity:0;pointer-events:none;transition:opacity .26s;}
  body.v5m-cat.v5m-open .v5m-back{opacity:1;pointer-events:auto;}
  body.v5m-cat .v5cp-chip{padding:9px 14px!important;font-size:14px!important;}
  /* B23: поиск без находок и без отбора — колонку фильтров (один список категорий) не показываем. */
  body.v5m-nofilt .wd-sidebar.sidebar-container{display:none!important;}
  .v5m-clamp{max-height:240px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 68%,transparent);mask-image:linear-gradient(#000 68%,transparent);}
  /* промо-попап -> нижний лист (не центр-модал поверх товара) */
  #vita5-promo-ov{align-items:flex-end!important;padding:0!important;}
  #vita5-promo{max-width:100%!important;width:100%!important;border-radius:18px 18px 0 0!important;padding:22px 20px 26px!important;}
  /* Стили .v5m-hero убраны вместе с самим блоком (см. ниже, там же причина). */
  /* чат Bitrix24: убрать авто-приветствие на мобайле (перекрывало кнопку покупки); кнопка чата остаётся */
  .b24-widget-button-popup{display:none!important;}
  /*
   * Чат не должен перекрывать нижнюю мебель — ни кнопку покупки, ни панель.
   *
   * ⛔ 05.09.2026. Раньше подъём стоял поимённо на трёх типах страниц
   * (single-product, cart, checkout) жёсткой константой 155px. Две беды:
   *   — на главной, в каталоге, у брендов, в блоге и в «Моём аккаунте» подъёма
   *     не было вовсе, и круглая кнопка чата садилась на правый край нижней
   *     панели, то есть на пункт «Мой аккаунт»;
   *   — 155px — это ровно 55 (панель) + 34 (домашний индикатор iPhone) + 66
   *     (липкая полоса покупки). Зазор НОЛЬ: перенос цены на вторую строку —
   *     и чат снова на кнопке.
   * Теперь считаем от живой высоты стека, которую и так ведёт
   * mu-plugins/assets/vita5-cro-ux.js, плюс запас 16px. Сторож
   * bin/check-fab-clearance.py проверял ровно те три адреса, что уже были
   * починены, — он этой дыры не видел по построению.
   */
  /* ⛔ Правило переехало в @media(max-width:1024px) ниже: панель темы живёт до 1024. */
  /* блок «Подразделы» (vita5-category-landing) — ГЛАВНАЯ навигация на мобайле. НЕ ПРЯТАТЬ: vita5-catalog-pro.php:289 уже гасит свои чипсы, когда плитки отрисованы (nav_was_rendered) — если спрятать и плитки, подразделов на телефоне НЕ ОСТАЁТСЯ ВООБЩЕ. */
  /* верхний util-бар (О нас/Доставка/…) — те же ссылки есть в бургер-меню → прячем на мобайле, поднимаем контент */
  .vita5-utilbar{display:none!important;}
  body.home main.wd-content-layout{padding-top:16px;}
  .wd-wishlist-product-actions{align-items:center;}
  .wd-wishlist-product-remove a.wd-wishlist-remove{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;margin-left:-8px;box-sizing:border-box;}
  /*
   * Сортировка на телефоне была БЕЗЫМЯННОЙ ИКОНКОЙ 30x30 (тема, режим
   * wd-ordering-mb-icon): форма сжата до 18px, <select> уведён в absolute,
   * подпись не видна. Человек не знал ни что список чем-то отсортирован,
   * ни чем именно, — а по умолчанию это «Сначала популярные», главный
   * довод в пользу выдачи. На широком экране подпись есть, на телефоне
   * пропадала: то же управление, разный смысл.
   */
  .woocommerce-ordering.wd-ordering-mb-icon{width:auto!important;max-width:100%!important;}
  .woocommerce-ordering.wd-ordering-mb-icon:after{display:none!important;}
  /* 24.09.2026, багхант (телефон): шрифт списка 14px → 16px. С 14px Safari на iPhone
     увеличивал страницу при касании сортировки: общее правило «поля не мельче
     16px» (vita5-mobile-forms.php, select 16px !important) проигрывало этому по
     весу. Замер webkit 390: 14px на 12 из 12 страниц-списков обхода (9 разделов,
     2 бренда, поиск). Сторож bin/check-mobile-field-font.py.
     Там же (область m2): палец 44 px вместо 39 — min-height:44px; ширина пилюли
     с «Сначала популярные» в строке с запасом и на 320. Сторож bin/check-catalog-sort-font.py. */
  .woocommerce-ordering.wd-ordering-mb-icon .orderby{position:static!important;width:auto!important;max-width:100%!important;height:auto!important;min-height:44px!important;padding:10px 32px 10px 16px!important;font-size:16px!important;font-weight:600!important;color:#22402a!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%232e7d32%27 stroke-width=%272.4%27 stroke-linecap=%27round%27%3E%3Cpath d=%27M6 9l6 6 6-6%27/%3E%3C/svg%3E") no-repeat right 11px center/14px 14px!important;border:1px solid #e3eae3!important;border-radius:999px!important;}
  /*
   * Пагинация: кнопки были 34x34 при пальце ~44. Замер 01.09.2026 на
   * «Витаминах», экран 375: 90 страниц, девять кнопок в ряд по 34 px с
   * зазором в пару пикселей — в цифру приходилось целиться, а соседняя
   * страница ждала в 36 px справа. Ряд переносим: лучше две строки
   * нормальных кнопок, чем одна строка мелких.
   */
  /*
   * Корзина на телефоне: два управляющих элемента были меньше пальца.
   * Замер 01.09.2026, экран 375 px:
   *   — «Перейти к оформлению заказа» — 345x42 при пальце ~44. Это ГЛАВНАЯ
   *     кнопка страницы, и она была ниже нормы, тогда как соседний счётчик
   *     количества уже 44;
   *   — крестик «удалить товар» — 24x24, ровно половина нормы.
   * Крестику область нажатия расширяем НЕВИДИМОЙ накладкой, а не размером:
   * сам значок остаётся 24 px, вёрстка строки не съезжает. Накладка 44 px
   * стояла по центру значка и подходила к «+» на 3 px — 17.09.2026 её
   * перевесили к правому краю строки, см. @media(max-width:1024px) ниже.
   */
  /*
   * ⚠️ Длинный селектор здесь не украшательство. Тема ставит этой кнопке
   * min-height:42px с !important и весом (0,5,2):
   *   body:not(.woocommerce-block-theme-has-button-styles)
   *   :is(div.wc-block-checkout, div.wc-block-cart)
   *   .wc-block-components-button:not(.is-link).wp-element-button
   * Короткое правило с !important проигрывало ему молча: правило стояло
   * в таблице стилей, а кнопка оставалась 42 px. Нужен вес выше — здесь
   * (0,5,3).
   */
  /* iOS: лок фон-скролла при открытом дровере (overflow на body недостаточно для Safari) */
  html.v5m-open, html.v5m-open body{overflow:hidden!important;}
  html.v5m-open body{position:fixed;width:100%;left:0;right:0;}
}
  @media(max-width:1024px){
  /*
   * ⛔ 05.09.2026, замер на 900x700 (корзина): «ПЕРЕЙТИ К ОФОРМЛЕНИЮ ЗАКАЗА»
   * 520x42 при пальце 44, крестики «удалить» 24x24 без накладки. На 390 та же
   * кнопка 48, накладка 44x44. То есть правила работали, но обрывались на 768,
   * а нижнюю панель тема показывает до 1024 — на этой полосе живут планшеты и
   * телефоны в альбомной ориентации (844/852/932), где палец ровно тот же.
   * Размер цели нажатия — свойство УСТРОЙСТВА, а не ширины 768. Переносим сюда
   * все три группы: пагинацию, главную кнопку корзины и накладку крестика.
   *
   * Длинный селектор у кнопки — не украшательство: тема ставит min-height:42px
   * с !important и весом (0,5,2), короткое правило проигрывало ему молча.
   */
  .woocommerce-pagination ul.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;}
  .woocommerce-pagination li{margin:0;padding:0;border:0;}
  .woocommerce-pagination li .page-numbers{min-width:44px!important;height:44px!important;padding:0 6px!important;font-size:15px;border-radius:12px;}
  .woocommerce-pagination li .page-numbers.dots{min-width:26px!important;}
  html body .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-cart__submit-container a.wc-block-components-button.wp-element-button{min-height:48px!important;font-size:16px!important;}
  .wp-block-woocommerce-cart .wc-block-cart-items__row{position:relative;}
  .wp-block-woocommerce-cart .wc-block-cart-item__remove-link{position:absolute;right:0;bottom:16px;margin:0;}
  .wp-block-woocommerce-cart .wc-block-cart-item__remove-link:after{content:"";position:absolute;top:50%;left:auto;right:0;width:44px;height:44px;transform:translateY(-50%);}
  /*
   * ⛔ 05.09.2026, замер на 900x700: панель темы 645..700 видна, а подъёма
   * чата нет — кнопка садится на пункт «Мой аккаунт». Граница подъёма
   * обязана совпадать с границей панели (она гаснет с 1025px), а не с 768.
   */
  .b24-widget-button-wrapper{bottom:calc(var(--v5cro-bottom-stack,55px) + env(safe-area-inset-bottom,0px) + 16px)!important;}
  .login-form-footer{align-items:center;}
  .login-form-footer .woocommerce-form-login__rememberme,.login-form-footer .lost_password{display:inline-flex;align-items:center;min-height:44px;}
  }
@media(min-width:360px) and (max-width:1024px){
  .whb-header .whb-hidden-lg .site-logo{min-height:40px;}
  .whb-header .whb-hidden-lg .wd-logo.wd-main-logo img{width:100px;height:auto;}
}
@media(max-width:260px){
  .wd-content-layout.wd-grid-g,.product-image-summary-inner.wd-grid-g{column-gap:0;}
  html body.single-product .vita5-product-sticky-cta{grid-template-columns:minmax(0,1fr);row-gap:6px;}
  html body.single-product .vita5-product-sticky-cta__price{white-space:nowrap;}
  html body.single-product .vita5-product-sticky-cta .vita5-product-sticky-cta__button{min-width:0;width:100%;justify-content:center;}
}