@charset "UTF-8";
/* ХИТ КЕРАМИКС · общий CSS head_custom (все страницы) · собрано 26.09.2026 (аудит A1 W4, p1_perf-01) из инлайн-блоков
   include/header_include/head_custom.php. Порядок блоков = порядок в файле (каскад сохранён).
   Правка: меняешь этот файл → поднимаешь ?v= в head_custom.php (у /upload/hc_js/ кеш браузера 30 дней). */

/* ==== head_custom.php L325 · Две цены в карточке каталога (шт и м²) ==== */
/* Тёмная тема. У шаблона Aspro цвет заголовка блока «О компании» на главной зашит
   под светлую тему (front_company/style.css: .item-views.company.bg .text-block h3
   {color:#333}) — на тёмной он сливался с фоном. Отдаём его переменной темы. */
.item-views.company.bg .text-block h3{color:var(--white_text_black,#333)}
/* Логотип — inline SVG: «ХИТ» и слоган залиты #342D2D и в тёмной теме сливаются
   с тёмным хедером (03.08.2026, скрин Кирилла). Красный #EE302C не трогаем. */
@media (prefers-color-scheme: dark){
	.logo svg path[fill="#342D2D"]{fill:#e8e6e3}
}
/* FAQ в описании карточки товара: вопросы не должны визуально отличаться от текста
   описания (03.08.2026, требование Кирилла) — тот же кегль, жирность вместо размера,
   ровные отступы. Тематические h3/h4 задают крупные px, поэтому !important. */
.hc-faq h3{font-size:1.1em!important;font-weight:700!important;line-height:1.4!important;margin:1.3em 0 .5em!important}
.hc-faq h4{font-size:1em!important;font-weight:600!important;line-height:1.5!important;margin:1.1em 0 .25em!important}
.hc-faq p{margin:0 0 .5em!important}
/* Вторая цена на детальной карточке (шт↔м²), 03.08.2026 */
.hc-det-alt{margin-top:4px;font-size:.95em;font-weight:600;opacity:.75}
/* тот же случай в блоке «Не нашли ответа на свой вопрос?» (styles.css: .order-block .text h1..h6) */
.order-block .text h1,.order-block .text h2,.order-block .text h3,
.order-block .text h4,.order-block .text h5,.order-block .text h6{color:var(--white_text_black,#333)}

.hc-alt-prices{margin-top:2px;line-height:1.25}
.hc-alt-prices .hc-alt-price{white-space:nowrap}
.hc-alt-prices .hc-alt-price + .hc-alt-price{margin-left:8px}
.hc-alt-prices .price_value,.hc-alt-prices .price_currency,.hc-alt-prices .price_measure{font-size:inherit;font-weight:inherit}

/* 07.08.2026: здесь стояло выравнивание первой цены в плитке каталога в одну линию
   у товаров со скидкой и без — резерв места под плашку «-15% Экономия»
   (padding-bottom:24.5px у .price_matrix_wrapper без .sale_block, от 601 px).
   Кирилл посмотрел и попросил вернуть как было — правило снято, цена без скидки
   снова стоит ниже. Разбор, если понадобится снова, — в hitceramics-catalog-dual-price. */

/* ==== head_custom.php L590 · Акция в мобильной карточке товара ==== */
.hc-mob-sales{display:none}
@media (max-width:991px){
	.hc-mob-sales{display:block;margin:0 0 14px;padding:10px 12px;border:1px solid rgba(238,44,45,.35);border-radius:6px}
	.hc-mob-sales .list-sales-compact__title{margin-bottom:2px}
	/* иконка спозиционирована под сайдбар и наезжает на заголовок — в клоне прячем */
	.hc-mob-sales .list-sales-compact__icons{display:none}
}

/* ==== head_custom.php L815 · Детальная карточка ==== */
/* бейдж и срок акции */
.hc-promo-head{margin:0 0 8px}
.hc-promo-badge{display:inline-block;background:#EE2C2D;color:#fff!important;font-weight:700;font-size:12px;line-height:1;padding:5px 9px;border-radius:4px;text-decoration:none!important}
.hc-promo-badge:hover{background:#d61f20}
.hc-promo-period{margin-top:6px;font-size:12px;color:var(--light_basic_text_black,#777)}
.hc-promo-period a{color:inherit;text-decoration:underline}
/* цена по акции: новая — красным (старую и «Экономию» рисует сам Битрикс) */
.hc-promo-on .js_price_wrapper > .price_matrix_wrapper .price:not(.discount){color:#EE2C2D}
.hc-promo-old{font-size:.62em;font-weight:400;color:var(--basic_text_black,#999);text-decoration:line-through;margin-left:8px;white-space:nowrap}
.hc-det-alt .hc-promo-old{font-size:.92em;margin-left:6px}
/* другие цвета */
.hc-colors{margin:16px 0}
.hc-colors--side{margin:14px 0 4px}
.hc-colors__title{font-size:13px;font-weight:700;color:var(--white_text_black,#333);margin-bottom:8px}
.hc-colors__title span{font-weight:400;color:var(--light_basic_text_black,#888)}
.hc-colors__list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hc-colors__item{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--stroke_black,#e5e5e5);transition:transform .12s,border-color .12s}
.hc-colors__item img{width:100%;height:100%;object-fit:cover;display:block}
.hc-colors__item:hover{transform:scale(1.08);border-color:#EE2C2D}
.hc-colors__item.is-cur{border-color:#EE2C2D;box-shadow:0 0 0 2px rgba(238,44,45,.25)}
.hc-colors__more{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border-radius:22px;border:1px dashed var(--stroke_black,#ccc);font-size:12px;font-weight:600;color:var(--basic_text_black,#555)!important;text-decoration:none!important;white-space:nowrap}
.hc-colors__more:hover{border-color:#EE2C2D;color:#EE2C2D!important}
/* врезка калькулятора */
.hc-calc-cta{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 14px;border:1px solid var(--stroke_black,#ececec);border-radius:6px;font-weight:600;font-size:13px;line-height:1.3;color:var(--white_text_black,#333)!important;text-decoration:none!important;transition:border-color .15s,color .15s}
.hc-calc-cta:hover{border-color:#EE2C2D;color:#EE2C2D!important}
.hc-calc-cta svg{flex:0 0 auto;opacity:.85}
/* дополнительно к заказу: разделы расходников */
.hc-related{margin:16px 0}
.hc-related__title{font-size:13px;font-weight:700;color:var(--white_text_black,#333);margin-bottom:8px}
.hc-related__list{display:flex;flex-wrap:wrap;gap:8px}
.hc-related__item{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--stroke_black,#e5e5e5);border-radius:22px;font-size:12.5px;font-weight:600;color:var(--white_text_black,#333)!important;text-decoration:none!important;transition:border-color .12s,color .12s}
.hc-related__item:hover{border-color:#EE2C2D;color:#EE2C2D!important}
.hc-related__item img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}
.hc-related__item .hc-related__dot{width:30px;height:30px;border-radius:50%;background:var(--light_bg_black,#f2f2f2);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--basic_text_black,#777)}
/* 06.08.2026: «В корзину»/«Оформить заказ» — сразу под «Единицей измерения»,
   а мои блоки («Другие цвета», «Дополнительно к заказу») уходят под них.
   Порядок задан флексом, а не переносом узлов: Aspro пересобирает .buy_block
   аяксом при выборе ТП, и перевставленные узлы каждый раз оказывались бы внизу.
   На мобильной раскладке кнопки и так идут сразу за sku_props. */
.catalog_detail .product-side .buy_block{display:flex;flex-direction:column}
.catalog_detail .product-side .buy_block > *{order:9}
.catalog_detail .product-side .buy_block > .sku_props{order:1}
.catalog_detail .product-side .buy_block > .offer_buy_block{order:2;margin-top:4px}
.catalog_detail .product-side .buy_block > .hc-colors{order:3}
.catalog_detail .product-side .buy_block > .hc-related{order:4}
/* спойлер «Развернуть/Свернуть» под описанием: текст показываем целиком,
   кнопка в самом низу длинного текста бессмысленна (замечание Кирилла 03.08) */
.catalog_detail .ordered-block__text.show-collapsed-js{max-height:none!important;overflow:visible!important;height:auto!important}
.catalog_detail .ordered-block__spoiler{display:none!important}
/* блок «Услуги» на карточке — компактные чипы в ряд вместо больших карточек
   (замечание Кирилла 03.08: «услуги поменьше»). У Aspro и обёртка, и строка носят
   класс .item, а размеры заданы специфичными правилами — поэтому !important. */
.catalog_detail .ordered-block.services .previewtext,
.catalog_detail .ordered-block.services .arrow_link{display:none!important}
.catalog_detail .ordered-block.services .items{display:flex;flex-wrap:wrap;gap:10px}
.catalog_detail .ordered-block.services .items > div[class*="col-"]{width:auto!important;flex:0 0 auto;padding:0!important;margin:0!important}
.catalog_detail .ordered-block.services .item_wrap{min-height:0!important;height:auto!important;padding:0!important;margin:0!important;display:block!important}
.catalog_detail .ordered-block.services .item_wrap > .item{min-height:0!important;height:auto!important;padding:8px 16px 8px 8px!important;margin:0!important;display:flex!important;align-items:center;gap:10px}
.catalog_detail .ordered-block.services .item_wrap > .item .image{width:36px!important;height:36px!important;min-height:0!important;max-width:36px!important;flex:0 0 36px;padding:0!important;float:none!important;overflow:hidden;border-radius:50%}
.catalog_detail .ordered-block.services .item_wrap > .item .image a{display:block;width:36px;height:36px;padding:0!important}
.catalog_detail .ordered-block.services .item_wrap > .item .image img{width:36px!important;height:36px!important;object-fit:cover}
.catalog_detail .ordered-block.services .body-info{padding:0!important;float:none!important;width:auto!important}
.catalog_detail .ordered-block.services .title{font-size:13px!important;line-height:1.3;margin:0!important}
.catalog_detail .ordered-block.services .title a{font-weight:600;white-space:nowrap}
.catalog_detail .ordered-block.services .ordered-block__title{font-size:15px}

/* ==== head_custom.php L1424 · Каталог ==== */
/* Пять пустых звёзд у товара без отзывов читаются как «этого никто не купил».
   Прячем только там, где оценок нет: появится первая — шкала вернётся.
   Правило общее для сайта — такие же карточки есть на главной и в подборках */
.rating:has(.inner_rating[title="Нет оценок"]),
.votes_block:has(.inner_rating[title="Нет оценок"]),
.rating.hc-no-votes,
.votes_block.hc-no-votes { display: none; }

/* ==== head_custom.php L1940 ==== */
/* Пустые плейсхолдеры (06.08.2026, ТЗ П0-3.6.2): бейдж скидки без значения и
   таймер акции без даты. :has() прогрессивен — при заполнении span правило
   перестаёт действовать само, настоящие скидки/таймеры не прячутся. */
.sale-number:has(> .value > span:empty){display:none}
.count_d_block:has(> .active_to:empty){display:none}
/* 26.09.2026 (аудит A1 W3, c1_price_card-01): заглушку «-%» с пустым span и слово «Экономия» при пустой сумме
   HcW3aOutput (local/php_interface/hc_w3a_seo.php) убирает из HTML — их читали краулеры и ИИ. Узел .value
   остаётся пустым (JS выбора ТП сам пишет в него «-N%»), подпись «Экономия» рисуем здесь. */
.sale-number:has(> .value:empty){display:none}
.sale_block .title.hc-econ::before{content:"Экономия"}

/* ==== head_custom.php L1968 ==== */
/* Отзывы о магазине в карточке (06.08.2026, ТЗ П1-4.2) */
.hc-store-reviews{margin:26px 0;padding:16px 20px;border:1px solid rgba(128,128,128,.25);border-radius:8px}
.hc-srev-title{font-weight:700;margin-bottom:12px;font-size:1.05em}
.hc-srev-rate{font-weight:400;opacity:.65;margin-left:6px;font-size:.85em}
.hc-srev-item{margin:0 0 12px}
.hc-srev-item p{margin:2px 0 0}
.hc-srev-head strong{font-weight:600}
.hc-srev-date{opacity:.55;margin-left:8px;font-size:.88em}
.hc-srev-links{margin:6px 0 0;font-size:.95em}

/* ==== head_custom.php L1980 ==== */
/* «Заказать образец» (06.08.2026, ТЗ П1-4.3) */
.catalog_detail .product-side .buy_block .hc-sample-wrap{order:5}
.hc-sample-wrap{margin:10px 0 2px}
.hc-sample-btn{display:inline-block;cursor:pointer;padding:9px 16px;border:1px solid #EE2C2D;border-radius:4px;color:#EE2C2D;font-weight:600;font-size:13px;line-height:1.2;user-select:none}
.hc-sample-btn:hover{background:#EE2C2D;color:#fff}
.hc-sample-hint{display:block;margin-top:5px;font-size:11.5px;opacity:.6}
@media (prefers-color-scheme: dark){.hc-sample-btn{border-color:#EE2C2D}}

/* ==== head_custom.php L1990 ==== */
/* Оглавление статей блога (06.08.2026, ТЗ П2-5.5) */
.hc-toc{margin:14px 0 22px;padding:14px 18px;border-left:3px solid #EE2C2D;background:rgba(128,128,128,.06);border-radius:0 6px 6px 0}
.hc-toc p{margin:0 0 6px}
.hc-toc ul{margin:0;padding-left:18px}
.hc-toc li{margin:3px 0}
.hc-toc a{color:inherit;text-decoration:underline;text-decoration-color:rgba(128,128,128,.5)}
.hc-toc a:hover{color:#EE2C2D}
/* hc-toc-scroll-2026-09-21: переход по пункту оглавления прятал заголовок раздела под
   фиксированную шапку сайта (62–65 px) — оставляем зазор (решение Кирилла 21.09) */
/* FAQ-пункт в двух статьях лежит внутри обёртки itemscope FAQPage — ловим и его */
.hc-toc~h2[id],.hc-toc~h3[id],.hc-toc~div>h2[id],.hc-toc~div>h3[id]{scroll-margin-top:84px}

/* ==== head_custom.php L2004 ==== */
/* Таблица «Стоимость по форматам» на разделах (06.08.2026, ТЗ П2-5.3;
   26.08.2026 — четвёртая колонка «шт в 1 м²» и горизонтальная прокрутка).
   Скроллер нужен именно на обёртке .hc-pt-scroll, а не на .hc-price-table:
   иначе вместе с таблицей уезжали бы заголовок блока и сноска. Без него
   четыре колонки на 390 px расширяют документ, и ежедневный DOM-чек
   site_admin честно ловил бы «горизонтальный вылет». */
.hc-price-table{margin:20px 0}
.hc-pt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hc-price-table table{border-collapse:collapse;min-width:320px}
.hc-price-table th,.hc-price-table td{padding:7px 14px;border:1px solid rgba(128,128,128,.3);text-align:left;font-size:.95em;white-space:nowrap}
.hc-price-table th{font-weight:600;background:rgba(128,128,128,.07)}
.hc-pt-note{margin:8px 0 0;font-size:.85em;opacity:.65;white-space:normal}
@media (max-width:600px){.hc-price-table th,.hc-price-table td{padding:6px 6px;font-size:.82em}}
.hc-sec-reviews{margin-top:22px}

/* ==== head_custom.php L2055 · Плагины jQuery, которые Aspro тянет асинхронно ==== */
/* Страховка на случай, если swiper всё-таки не поднялся: без неё слайды
   остаются без ширины и блок выглядит сломанным. Ширины — те же, что в
   data-plugin-options самого блока (5 / 4 / 3 / 2 карточки). */
.viewed-wrapper .swiper:not(.swiper-initialized) .swiper-wrapper{
  display:flex;flex-wrap:nowrap;gap:10px;overflow:hidden}
.viewed-wrapper .swiper:not(.swiper-initialized) .swiper-slide{
  flex:0 0 calc(20% - 8px);max-width:calc(20% - 8px)}
@media (max-width:1199px){.viewed-wrapper .swiper:not(.swiper-initialized) .swiper-slide{
  flex-basis:calc(25% - 8px);max-width:calc(25% - 8px)}}
@media (max-width:991px){.viewed-wrapper .swiper:not(.swiper-initialized) .swiper-slide{
  flex-basis:calc(33.333% - 7px);max-width:calc(33.333% - 7px)}}
@media (max-width:767px){.viewed-wrapper .swiper:not(.swiper-initialized) .swiper-slide{
  flex-basis:calc(50% - 5px);max-width:calc(50% - 5px)}}
@media (max-width:600px){.viewed-wrapper .swiper:not(.swiper-initialized) .swiper-slide{
  flex-basis:80%;max-width:80%}}

/* ==== head_custom.php L2704 · hc-checkout-ux ==== */
/* hc-checkout-ux: виджет Б24 на мобильном — в угол и мельче */
@media (max-width: 768px){
	.b24-widget-button-wrapper.b24-widget-button-position-bottom-right{
		bottom:14px!important;right:10px!important;
		transform:scale(.78);transform-origin:100% 100%;
	}
}

/* ==== head_custom.php L3035 · hc-cls-index-2026-08-08 ==== */
/* === hc-cls-index-2026-08-08: CLS главной === */
.wrapper_inner.front .middle > .hc-index-intro{visibility:hidden}
html.hc-page-loaded .wrapper_inner.front .middle > .hc-index-intro{visibility:visible}
.section-gallery-wrapper__item img.img-responsive{aspect-ratio:1/1;width:100%;height:auto;object-fit:contain}

/* ==== head_custom.php L3059 · hc-cls-brand-logo-2026-08-27 ==== */
/* === hc-cls-brand-logo-2026-08-27 === */
.product-info-headnote__brand .brand__picture{min-width:80px;text-align:center}

/* ==== head_custom.php L3536 · hcq-css ==== */
.hcq-cta{margin:18px 0;padding:18px 20px;border:1px solid #e6e6e6;border-left:4px solid #EE2C2D;border-radius:8px;background:#fafafa;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.hcq-cta__txt{flex:1 1 300px;min-width:260px}
.hcq-cta__txt b{font-size:16px;display:block;margin-bottom:4px}
.hcq-cta__txt span{font-size:13px;color:#666}
.hcq-btn{display:inline-block;cursor:pointer;background:#EE2C2D;color:#fff !important;border:none;border-radius:6px;padding:13px 22px;font-weight:600;font-size:14px;line-height:1.2;user-select:none;min-height:44px;text-align:center}
.hcq-btn:hover{background:#d61f20}
.hcq-float{position:fixed;left:16px;bottom:16px;z-index:9990;box-shadow:0 4px 16px rgba(0,0,0,.18);display:none;border-radius:24px;padding:12px 20px}
.hcq-ovl{position:fixed;inset:0;z-index:100010;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:16px}
.hcq-ovl.hcq-open{display:flex}
.hcq-card{background:#fff;color:#222;border-radius:14px;max-width:520px;width:100%;max-height:92vh;overflow:auto;padding:26px 24px 22px;position:relative;font-family:inherit}
.hcq-x{position:absolute;top:10px;right:14px;font-size:26px;line-height:1;color:#999;cursor:pointer;padding:6px}
.hcq-x:hover{color:#333}
.hcq-prog{height:4px;background:#eee;border-radius:2px;margin:0 0 18px;overflow:hidden}
.hcq-prog i{display:block;height:100%;background:#EE2C2D;transition:width .25s}
.hcq-step{font-size:12px;color:#999;margin-bottom:6px}
.hcq-q{font-size:19px;font-weight:700;margin:0 0 16px;color:#1a1a1a}
.hcq-opt{display:block;width:100%;text-align:left;margin:0 0 10px;padding:14px 16px;border:1px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;font-size:15px;color:#222;min-height:48px;transition:border-color .15s}
.hcq-opt:hover{border-color:#EE2C2D}
.hcq-opt.hcq-sel{border-color:#EE2C2D;background:#fdf1f1}
.hcq-inp{width:100%;padding:13px 14px;border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:12px;box-sizing:border-box}
.hcq-inp.hcq-bad{border-color:#EE2C2D;background:#fff5f5}
.hcq-nav{display:flex;gap:10px;align-items:center;margin-top:8px}
.hcq-back{cursor:pointer;color:#888;font-size:13px;padding:10px 6px}
.hcq-back:hover{color:#333}
.hcq-agree{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#666;margin:4px 0 12px}
.hcq-agree input{margin-top:2px;width:16px;height:16px}
.hcq-agree.hcq-bad{color:#EE2C2D}
.hcq-agree a{color:inherit;text-decoration:underline}
.hcq-fin{text-align:center;padding:14px 0}
.hcq-fin b{font-size:19px;display:block;margin:10px 0 8px}
.hcq-fin p{color:#555;font-size:14px;margin:0 0 6px}
.hcq-check{width:52px;height:52px;border-radius:50%;background:#2fa14e;color:#fff;font-size:30px;line-height:52px;margin:0 auto}
.hcq-phones{margin-top:10px;font-size:14px}
.hcq-phones a{color:#222;font-weight:600;text-decoration:none;white-space:nowrap}
.hcq-sub{font-size:13px;color:#777;margin:-8px 0 14px}
.hcq-err{color:#EE2C2D;font-size:13px;margin:6px 0 0;display:none}
@media (max-width:600px){.hcq-card{padding:20px 16px 16px}.hcq-q{font-size:17px}.hcq-float{left:10px;bottom:10px;padding:11px 16px;font-size:13px}}

/* ==== head_custom.php L3628 · hc-catalog-menu-flyout-2026-08-14 ==== */
.menu_top_block.catalog_block .dropdown > li.full > .dropdown > li{
	width:33.3333%;min-width:250px}
/* штатное правило Aspro для планшетов — равная специфичность, поэтому дублируем,
   иначе наши 33.3333% перебили бы его просто порядком в каскаде */
@media (max-width:992px){.menu_top_block.catalog_block .dropdown > li.full > .dropdown > li{width:50%}}
.menu_top_block.catalog_block .dropdown > li.full:hover > .dropdown{
	display:flex!important;flex-wrap:wrap;align-content:flex-start}

/* ==== head_custom.php L4068 · hc-city-first-visit-2026-08-16 ==== */
.hc-citybar{position:fixed;left:16px;bottom:16px;z-index:2400;max-width:380px;
	background:#fff;color:#222;border:1px solid #e3e3e3;border-radius:6px;
	box-shadow:0 6px 24px rgba(0,0,0,.14);padding:14px 16px 13px;
	font-size:14px;line-height:1.4;opacity:0;transform:translateY(8px);
	transition:opacity .18s ease,transform .18s ease}
.hc-citybar.hc-on{opacity:1;transform:none}
.hc-citybar__q{margin:0 0 10px;padding-right:18px}
.hc-citybar__q b{font-weight:600}
.hc-citybar__btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hc-citybar__btn{display:inline-block;cursor:pointer;border:1px solid #d5d5d5;border-radius:4px;
	padding:7px 14px;background:#fafafa;font-size:14px;line-height:1.2;color:#222;white-space:nowrap}
.hc-citybar__btn--yes{background:#21a049;border-color:#21a049;color:#fff}
.hc-citybar__more{font-size:13px;color:#777;border-bottom:1px dashed currentColor;cursor:pointer}
.hc-citybar__x{position:absolute;top:8px;right:9px;width:24px;height:24px;line-height:24px;
	text-align:center;cursor:pointer;color:#9a9a9a;font-size:17px}
.hc-citybar__x:hover{color:#444}
/* 28.08.2026: плашка не должна съедать нажатия. Найдено проверкой в браузере —
   на телефоне она держит нижние ~142 px КАЖДОГО экрана, и тап по кнопке под ней
   (например «В КОРЗИНУ» на карточке) просто пропадал: посетитель видит, что нажатие
   ничего не сделало, а в аналитике этого не видно вовсе. Теперь фон плашки прозрачен
   для нажатий (кликабельны только её кнопки), а если за 10 с посетитель не ответил,
   плашка сворачивается в компактную пилюлю — вопрос остаётся на виду, но перекрывает
   уголок, а не полосу во всю ширину. Тап по пилюле разворачивает плашку обратно. */
.hc-citybar{pointer-events:none}
.hc-citybar__btn,.hc-citybar__more,.hc-citybar__x,.hc-citybar__mini{pointer-events:auto}
.hc-citybar__mini{display:none;align-items:center;min-height:44px;padding:10px 16px;
	background:#fff;color:#222;border:1px solid #e3e3e3;border-radius:24px;
	box-shadow:0 6px 24px rgba(0,0,0,.14);font-size:13px;line-height:1.2;
	cursor:pointer;white-space:nowrap}
.hc-citybar__mini b{font-weight:600}
.hc-citybar.hc-mini{background:transparent;border:0;box-shadow:none;padding:0;
	right:auto;width:auto;max-width:none}
.hc-citybar.hc-mini .hc-citybar__q,
.hc-citybar.hc-mini .hc-citybar__btns,
.hc-citybar.hc-mini .hc-citybar__x{display:none}
.hc-citybar.hc-mini .hc-citybar__mini{display:inline-flex}
.dark-theme .hc-citybar__mini{background:#242424;color:#e8e8e8;border-color:#3a3a3a}
@media (max-width:600px){
	.hc-citybar{left:8px;right:8px;bottom:8px;max-width:none;padding:13px 14px 12px}
	.hc-citybar.hc-mini{left:8px;right:auto;padding:0}
	.hc-citybar__btn{flex:1 1 auto;text-align:center;padding:10px 12px}
}
.dark-theme .hc-citybar{background:#242424;color:#e8e8e8;border-color:#3a3a3a}
.dark-theme .hc-citybar__btn{background:#2e2e2e;border-color:#454545;color:#e8e8e8}
.dark-theme .hc-citybar__btn--yes{background:#21a049;border-color:#21a049;color:#fff}
/* Мобильные правки САМОГО попапа Аспро (16.08.2026) остаются в силе: попап никуда
   не делся, он открывается кликом по городу в шапке и ссылкой "другой город".
   1) до 600 px список городов шёл родной сеткой в 4 колонки по 73 px с ellipsis —
      "Москва" превращалась в "Моск…", тап-таргеты были 17–19 px;
   2) на 601–800 px окно фиксировано в 800 px и центруется через left, то есть
      вылезает за экран обоими краями. */
@media (max-width:600px){
	.city_chooser_small_frame .popup_regions .items.only_city .items_block{display:flex;flex-wrap:wrap;column-gap:18px}
	.city_chooser_small_frame .popup_regions .items.only_city .item{width:auto;flex:0 0 auto;padding:11px 0}
	.city_chooser_small_frame .popup_regions .favorits .cities .item a{display:inline-block;padding:9px 0}
}
@media (min-width:601px) and (max-width:840px){
	.city_chooser_small_frame{left:12px!important;right:12px!important;width:auto!important}
}

/* ==== head_custom.php L4291 · hc-region-hint-2026-09-26 ==== */
.hc-rhint{position:fixed;left:16px;bottom:16px;z-index:2400;max-width:400px;box-sizing:border-box;
	background:#fff;color:#222;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.14);
	padding:14px 16px 13px;font-size:14px;line-height:1.4;opacity:0;transform:translateY(8px);
	transition:opacity .18s ease,transform .18s ease}
.hc-rhint.hc-on{opacity:1;transform:none}
.hc-rhint__q{margin:0 0 10px;padding-right:26px}
.hc-rhint__q b{font-weight:600}
.hc-rhint__btns{display:flex;flex-wrap:wrap;gap:8px}
.hc-rhint__btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;box-sizing:border-box;
	cursor:pointer;border:1px solid #d5d5d5;border-radius:4px;padding:8px 16px;background:#fafafa;
	font:inherit;font-size:14px;line-height:1.2;color:#222;text-decoration:none;white-space:nowrap}
.hc-rhint__btn:hover{border-color:#bdbdbd;color:#222;text-decoration:none}
.hc-rhint__btn--go,.hc-rhint__btn--go:hover{background:#21a049;border-color:#21a049;color:#fff}
.hc-rhint__btn:focus-visible,.hc-rhint__x:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}
.hc-rhint__x{position:absolute;top:4px;right:4px;width:36px;height:36px;border:0;background:none;padding:0;
	cursor:pointer;color:#9a9a9a;font-size:20px;line-height:36px;text-align:center}
.hc-rhint__x:hover{color:#444}
@media (max-width:600px){
	.hc-rhint{left:8px;right:8px;bottom:8px;max-width:none;padding:13px 14px 12px}
	.hc-rhint__btn{flex:1 1 auto;min-height:44px}
}
.dark-theme .hc-rhint{background:#242424;color:#e8e8e8;border-color:#3a3a3a}
.dark-theme .hc-rhint__btn{background:#2e2e2e;border-color:#454545;color:#e8e8e8}
.dark-theme .hc-rhint__btn--go{background:#21a049;border-color:#21a049;color:#fff}
@media print{.hc-rhint{display:none!important}}

/* ==== head_custom.php L4572 · hc-stock-badge-2026-08-21 ==== */
.hc-stock-badge{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;line-height:16px;color:#8b8b8b}
.hc-stock-badge:before{content:'';flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#b5b5b5}
.hc-stock-badge--in{color:#21a049}
.hc-stock-badge--in:before{background:#21a049}
.hc-stock-badge--order{color:#c78500}
.hc-stock-badge--order:before{background:#e8a33d}
.dark-theme .hc-stock-badge--in{color:#3fca68}
.dark-theme .hc-stock-badge--in:before{background:#3fca68}

/* ==== head_custom.php L4623 · hc-mobile-catalog-2026-08-22 ==== */
@media (max-width: 600px) {
	/* 02.09.2026: :not(.swiper) — карусели «Вам также может понравиться» на детальной тоже лежат в
	   .section-content-wrapper; без исключения карточка там ужималась до 100 px (половина слайда 200 px),
	   цена «от 267 ₽/шт» разваливалась по слову в строке (скрин Кирилла IMG_9616) */
	.section-content-wrapper .catalog_block:not(.swiper) .item_block.col-xxs-12 { width: 50%; padding-left: 6px; padding-right: 6px; }
	.section-content-wrapper .catalog_block.items:not(.swiper) { margin-left: -6px; margin-right: -6px; }
	/* главная: перебиваем правило Аспро с !important (см. комментарий) */
	.wrapper1:not(.compact-catalog) .specials.tab_slider_wrapp ul.tabs_content li.tab .catalog_block:not(.swiper) > div.item.item_block.col-xxs-12 {
		width: 50% !important; padding-left: 6px; padding-right: 6px;
	}
	.wrapper_inner.front .catalog_block.items:not(.swiper) { margin-left: -6px; margin-right: -6px; }
	.section-content-wrapper .catalog_block .item_block .catalog_item .inner_wrap,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .inner_wrap { padding: 10px !important; }
	.section-content-wrapper .catalog_block .item_block .catalog_item .footer_button .sku_props,
	.section-content-wrapper .catalog_block .item_block .catalog_item .footer_button .counter_block,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .footer_button .sku_props,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .footer_button .counter_block { display: none !important; }
	.section-content-wrapper .catalog_block .item_block .catalog_item .footer_button,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .footer_button { margin-left: 0 !important; margin-right: 0 !important; }
	.section-content-wrapper .catalog_block .item_block .catalog_item .footer_button .button_block,
	.section-content-wrapper .catalog_block .item_block .catalog_item .footer_button .offer_buy_block,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .footer_button .button_block,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .footer_button .offer_buy_block { width: 100%; }
	.section-content-wrapper .catalog_block .item_block .catalog_item .footer_button .btn,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .footer_button .btn { width: 100%; font-size: 12px; padding: 12px 6px; letter-spacing: 0; }
	.section-content-wrapper .catalog_block .item_block .catalog_item .item_info,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .item_info { padding-bottom: 6px; }
	.section-content-wrapper .catalog_block .item_block .catalog_item .item-title,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .item-title { font-size: 12px; line-height: 1.35; }
}

/* ==== head_custom.php L4753 · hc-card-image-icons-2026-08-26 ==== */
.inner_wrap.TYPE_1 .image_wrapper_block img{box-sizing:border-box;padding-right:min(36px,24%)}
/* M11, 27.08.2026: у компактной карточки TYPE_2 (100 px в каруселях «ранее смотрели» /
   «может понравиться») колонка .like_icons шириной 32 px закрывает треть кадра, и приём
   с паддингом здесь не спасает — резервировать нечего. На телефоне эти кнопки бесполезны:
   сравнение и быстрый просмотр там всё равно не сценарий, а фото товара важнее. Прячем
   только на ≤767 px и только у TYPE_2 — крупная плитка листинга (TYPE_1) не задета. */
@media (max-width:767px){
	.inner_wrap.TYPE_2 .like_icons{display:none!important}
	.inner_wrap.TYPE_2 .image_wrapper_block img{padding-right:0}
}

/* ==== head_custom.php L4776 · hc-card-trust-2026-08-27 ==== */
.hc-trust{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:13px;line-height:18px}
.hc-trust a{color:#666;border-bottom:1px solid rgba(120,120,120,.35);text-decoration:none}
.hc-trust a:hover{color:#222;border-bottom-color:currentColor}
.hc-trust__i{display:inline-flex;align-items:center;gap:6px}
.hc-trust__i:before{content:'';width:5px;height:5px;border-radius:50%;background:#c2c2c2;flex:0 0 auto}
.hc-card-stock{margin:10px 0 0;font-size:14px;line-height:20px}
.hc-deliv-rates{border-bottom:1px dashed currentColor;text-decoration:none;white-space:nowrap}
.dark-theme .hc-trust a{color:#b8b8b8}

/* ==== head_custom.php L4908 · hc-ux-2026-08-27 ==== */
/* 1) виджет чата — выше кнопок покупки */
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right{bottom:120px!important;right:18px!important}
@media (max-width:767px){
	.b24-widget-button-wrapper.b24-widget-button-position-bottom-right{bottom:132px!important;right:8px!important}
}
/* 2) не показываем пилюлю квиза поверх липкой панели */
@media (max-width:767px){
	body:has(#hc-cta-stick) .hcq-float{display:none!important}
}
/* 3) читаемость мобильной плитки каталога */
@media (max-width:600px){
	.section-content-wrapper .catalog_block .item_block .catalog_item .item-title,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .item-title{
		font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;
		-webkit-box-orient:vertical;overflow:hidden}
	.section-content-wrapper .catalog_block .item_block .catalog_item .cost.prices,
	.wrapper_inner.front .catalog_block:not(.swiper) .item_block .catalog_item .cost.prices{font-size:16px}
	.section-content-wrapper .catalog_block .item_block .catalog_item .muted.font_sxs{font-size:12px}
}
/* 4) поля форм на телефоне: 16 px — порог, ниже которого iOS зумит страницу */
@media (max-width:767px){
	input[type="text"],input[type="tel"],input[type="email"],input[type="search"],
	input[type="number"],input[type="password"],textarea,select{font-size:16px!important}
}
/* 5) блок комментариев на посадочных */
html.hc-no-comments .ordered-block.comments-block{display:none!important}

/* ==== head_custom.php L5023 · hc-ux2-2026-08-27 ==== */
body:has(.hcq-open) .hc-citybar{display:none!important}
@media (max-width:767px){
	body:has(#hc-cta-stick) .hc-citybar{bottom:calc(92px + env(safe-area-inset-bottom))}
	/* 28.08.2026 (UXD-06): заголовок на телефоне ВЕРНУЛИ. Прятали его 27.08 ради
	   первого экрана, а теперь баннер стоит под первым рядом карточек — экономить
	   там нечего, а голая кнопка «Рассчитать бесплатно» без строки о чём речь
	   работает хуже. Подзаголовок и телефон по-прежнему скрыты: телефон живёт
	   в липкой панели внизу. */
	.hc-cta-sect__sub,.hc-cta-sect__phone{display:none!important}
	.hc-cta-sect{padding:12px 14px!important;gap:10px!important;margin-bottom:14px!important}
	.hc-cta-sect__title{font-size:15px!important;margin:0}
}

/* ==== head_custom.php L5064 · hc-rub-glyph ==== */
@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/upload/hc_fonts/hc-montserrat-rub-300.woff2?v=20260827) format('woff2');unicode-range:U+20BD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/upload/hc_fonts/hc-montserrat-rub-400.woff2?v=20260827) format('woff2');unicode-range:U+20BD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/upload/hc_fonts/hc-montserrat-rub-500.woff2?v=20260827) format('woff2');unicode-range:U+20BD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/upload/hc_fonts/hc-montserrat-rub-600.woff2?v=20260827) format('woff2');unicode-range:U+20BD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/upload/hc_fonts/hc-montserrat-rub-700.woff2?v=20260827) format('woff2');unicode-range:U+20BD}

/* ==== head_custom.php L5082 · hc-ux3-2026-08-27 ==== */
.hc-tab-h2{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;display:inline;letter-spacing:inherit}
h2.ordered-block__title.hc-tab-h2{display:block}
.hc-land-allsec{margin:2px 0 14px;font-size:14px}
.hc-land-allsec a{border-bottom:1px dashed currentColor;text-decoration:none}
.hc-filter-empty{padding:14px 16px;border:1px solid #e3e3e3;border-radius:4px;margin:0 0 16px;font-size:14px;line-height:1.5}
.dark-theme .hc-filter-empty{border-color:#3a3a3a}
#del_filter.hc-shown{display:inline-block!important}
@media (max-width:767px){
	#mobilefilter label,.bx_filter_param_label{min-height:44px}
	.module-pagination .nums a,.module-pagination .nums span{min-width:40px;min-height:40px;line-height:40px}
	.catalog_detail h1{font-size:22px!important;line-height:1.2!important}
}
/* M6, шапка — правка 28.08.2026, две итерации по замечаниям Кирилла.
   1) Первая версия давала иконкам min-width:44px ВНУТРИ их штатных ячеек .wrap_icon
      (у тех свои боковые паддинги по 10px), .right-icons распухал со 166 до 245px,
      а рядом с бургером и логотипом свободно 215px на 390-м экране и 221 на 440-м —
      блок иконок уезжал на вторую строку и вылезал за пределы шапки. Лечится тем,
      что 44px набираются ЗА СЧЁТ паддингов ячейки: ширина строки остаётся 181px.
      Правило включается с 360px — на 320px даже штатная раскладка идёт впритык.
   2) 🔴 Вертикаль ломал `display:flex;align-items:center;min-height:44px`. Тема
      выравнивает иконки шапки СВОИМ `line-height:63px` на всю высоту строки, и у
      каждой иконки свой оптический сдвиг внутри этой строки. Наш флекс-бокс высотой
      44px вставал по верху ячейки и центровал глиф уже в себе: телефон и поиск
      уехали на 12px вверх, кабинет на 9 — иконки перестали стоять в линию (заметно
      глазом, замер: центры 19/18/23 при 30 у корзины и логотипа).
      Поэтому по вертикали НИЧЕГО не навязываем — только ширина и центровка глифа
      по горизонтали. Высота зоны нажатия при этом 63px (line-height темы), то есть
      требование M6 «44px» выполняется с запасом, а центры сходятся в 29–31. */
@media (min-width:360px) and (max-width:767px){
	#mobileheader .wrap_icon:not(.wrap_basket){padding-left:0;padding-right:0}
	#mobileheader .wrap_icon.wrap_basket{padding-right:6px}
	#mobileheader .top-btn,#mobileheader .personal-link{min-width:44px;text-align:center}
	/* у темы .personal-link — display:inline, а на inline min-width не действует вообще:
	   без этой строки зона нажатия «кабинета» остаётся 18×19 px. Ставим inline-block, а не
	   flex: line-height:63px темы должен продолжать выравнивать глиф по строке. */
	#mobileheader .personal-link{display:inline-block}
}

/* ==== head_custom.php L5332 · hc-carthdr-2026-08-28 ==== */
@media (max-width:767px){
	.logo-row:has(.back-mobile-arrow) .logo{position:relative;top:4px}
	/* margin-top у стрелки перебить не вышло — у темы правило сильнее, поэтому сдвигаем
	   так же, как логотип и телефон: относительным смещением */
	.logo-row:has(.back-mobile-arrow) .back-mobile-arrow{position:relative;top:-2px}
	.logo-row:has(.back-mobile-arrow) .wrap_icon.wrap_phones .top-btn{position:relative;top:-1px}
}

/* ==== head_custom.php L5692 · hc-ux4-2026-08-28 ==== */
@media (min-width:768px){
	.hc-cta-sect{padding:12px 20px!important;margin:2px 0 14px!important;gap:14px!important}
	.hc-cta-sect__sub{display:none!important}
	.hc-cta-sect__title{font-size:17px!important;line-height:1.25!important}
	.hc-cta-sect .hc-cta-sect__btn{padding-top:9px!important;padding-bottom:9px!important}
}

/* ==== head_custom.php L5925 · hc-ux4-2026-08-28 ==== */
.bx_filter_parameters_box[data-prop_code=ton],
.bx_filter_parameters_box[data-prop_code=gruppa_razmerov],
.bx_filter_parameters_box[data-prop_code=naznachenie]{display:none!important}

/* ==== head_custom.php L5985 · hc-megamenu-2026-09-02 ==== */
/* высота панели — по окну, а не 485px */
.wrapper1 .menu-row .mega-menu table td.wide_menu .dropdown-menu:not(.long-menu-items) .customScrollbar{
	max-height:calc(100vh - var(--hc-mm-top,146px) - 20px)}
/* пункты — в колонки, а не в ряды */
.wrapper1 .menu-row .mega-menu table td.wide_menu>.wrap>.dropdown-menu:not(.long-menu-items):not(.with_right_block) ul.menu-wrapper.menu-type-1{
	column-count:4;column-gap:0;padding:26px 40px 2px;height:auto}
@media (min-width:1700px){
	.wrapper1 .menu-row .mega-menu table td.wide_menu>.wrap>.dropdown-menu:not(.long-menu-items):not(.with_right_block) ul.menu-wrapper.menu-type-1{column-count:5}}
@media (max-width:1199px){
	.wrapper1 .menu-row .mega-menu table td.wide_menu>.wrap>.dropdown-menu:not(.long-menu-items):not(.with_right_block) ul.menu-wrapper.menu-type-1{column-count:3}}
.wrapper1 .menu-row .mega-menu table td.wide_menu>.wrap>.dropdown-menu:not(.long-menu-items):not(.with_right_block) ul.menu-wrapper.menu-type-1>li{
	/* flow-root: пункт снова содержит свои плавающие потомки (у Aspro это делал float:left самого пункта) */
	display:flow-root;float:none;width:auto;clear:none;margin:0 0 22px;
	-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
/* строки подразделов чуть плотнее: 27 → 25 px (для мыши достаточно), чтобы весь каталог влезал на 1366x768 */
.wrapper1 .menu-row .mega-menu table td.wide_menu>.wrap>.dropdown-menu:not(.long-menu-items):not(.with_right_block) ul.menu-wrapper.menu-type-1>li>.dropdown-menu>li>a{
	padding-top:6px!important}
/* подсказка «ниже есть ещё», когда панель всё-таки прокручивается */
.wrapper1 .menu-row .mega-menu table td.wide_menu>.wrap>.dropdown-menu.hc-mm-scroll::after{
	content:"";position:absolute;left:0;right:14px;bottom:0;height:64px;pointer-events:none;
	background:linear-gradient(to bottom,rgba(255,255,255,0),var(--card_bg_black,#fff))}

/* ==== head_custom.php L6112 · hc-mobile-menu-2026-09-02 ==== */
/* строка категории/подраздела: иконка | название | шеврон */
#mobilemenu .menu.top-mobile-menu ul > li > a.top-mobile-menu__link{
	display:flex;align-items:center;gap:14px;padding:9px 46px 9px 19px;min-height:54px;line-height:1.3}
#mobilemenu .menu.top-mobile-menu ul > li > a.top-mobile-menu__link .top-mobile-menu__image{
	flex:0 0 36px;width:36px;height:36px;margin:0;display:flex;align-items:center;justify-content:center}
#mobilemenu .menu.top-mobile-menu ul > li > a.top-mobile-menu__link .top-mobile-menu__image img{
	max-width:36px;max-height:36px;width:auto;height:auto;margin:0}
#mobilemenu .menu.top-mobile-menu ul > li > a.top-mobile-menu__link .top-mobile-menu__title{
	flex:1 1 auto;display:block;padding:0;min-width:0}
/* шеврон вместо треугольника 3x5 — во всех блоках бургера (каталог, город, телефоны) */
#mobilemenu .menu ul > li > a > .arrow{height:100%;top:0}
#mobilemenu .menu ul > li > a > .arrow i{display:none}
#mobilemenu .menu ul > li > a > .arrow::after{
	content:"";position:absolute;right:21px;top:50%;width:8px;height:8px;
	border-right:2px solid #9a9a9a;border-bottom:2px solid #9a9a9a;transform:translateY(-60%) rotate(-45deg)}
/* заголовок уровня — ссылка на раздел, строкой */
#mobilemenu .menu.top-mobile-menu ul > li.menu_title{padding:0}
#mobilemenu .menu.top-mobile-menu ul > li.menu_title > a{
	display:block;position:relative;padding:13px 46px 13px 19px;min-height:56px;line-height:1.3;font-size:16px}
#mobilemenu .menu.top-mobile-menu ul > li.menu_title > a .hc-mm-hint{
	display:block;font-size:12px;font-weight:400;color:#8a8a8a;margin-top:2px}
#mobilemenu .menu.top-mobile-menu ul > li.menu_title > a::after{
	content:"";position:absolute;right:21px;top:50%;width:8px;height:8px;
	border-right:2px solid #9a9a9a;border-bottom:2px solid #9a9a9a;transform:translateY(-60%) rotate(-45deg)}
/* лента категорий на корне /catalog/ */
.hc-cat-jump{display:none}
@media (max-width:767px){
	.hc-cat-jump{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
		margin:0 -15px 14px;padding:2px 15px 6px;scroll-snap-type:x proximity}
	.hc-cat-jump::-webkit-scrollbar{display:none}
	.hc-cat-jump a{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;font-size:13px;line-height:18px;
		padding:8px 13px;border-radius:20px;border:1px solid var(--stroke_black,#e5e5e5);color:inherit;text-decoration:none;
		background:var(--card_bg_black,#fff)}
	.hc-cat-jump a:active{border-color:#EE2C2D;color:#EE2C2D}
}

/* ==== head_custom.php L6206 · hc-section-count-2026-09-03 ==== */
.topic__heading > h1 + style ~ .element-count-wrapper{display:none}

/* ==== head_custom.php L6219 · hc-section-count-2026-09-03 ==== */
.title-search-price .hc-search-unit{font-size:.82em;font-weight:400;color:#8a8a8a;margin-left:1px}

/* ==== head_custom.php L6221 · hc-topbar-20260911 ==== */
/* hc-topbar-20260911: regional contact strip */
@media (min-width: 992px) {
 .top-block.header-v16 { background:#f7f7f5; border-bottom:1px solid #e9e9e6; }
 .top-block.header-v16 .logo_and_menu-row, .top-block.header-v16 .logo-row { background:transparent!important; }
 .top-block.header-v16 .header__top-inner { display:grid!important; grid-template-columns:auto auto minmax(200px,1fr) auto; align-items:center; gap:32px; min-height:64px; padding:8px 0; margin:0!important; width:100%!important; max-width:100%; }
 .top-block.header-v16 .header__top-inner > .header__top-item { margin:0!important; padding:0!important; width:auto!important; min-width:0; float:none; }
 .top-block.header-v16 .header__top-inner > .header__top-item:first-child { padding-right:28px!important; border-right:1px solid #deded9; }
 .top-block.header-v16 .top-description { margin:0; padding:0; }
 .top-block.header-v16 .region_wrapper { margin:0; }
 .top-block.header-v16 .region_wrapper > .io_wrapper { display:flex; align-items:center; gap:8px; }
 .top-block.header-v16 .region_wrapper .svg-inline-mark { display:inline-flex!important; position:static; margin:0; width:14px; height:14px; flex:none; opacity:.65; }
 .top-block.header-v16 .city_title { display:none; }
 .top-block.header-v16 .js_city_chooser { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:0; font-size:13px; font-weight:500; color:#343331; white-space:nowrap; }
 .top-block.header-v16 .js_city_chooser .arrow { position:static; margin:0; }
 .top-block.header-v16 .phone-block { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:1px; margin:0; padding:0; }
 .top-block.header-v16 .phone-block > .inline-block { display:block; margin:0!important; padding:0!important; line-height:20px; }
 .top-block.header-v16 .phone-block .phone { display:block!important; margin:0; padding:0; line-height:22px; white-space:nowrap; }
 .top-block.header-v16 .phone-block .phone > a { font-size:15px; line-height:22px; font-weight:700; letter-spacing:0; }
 .top-block.header-v16 .phone-block .callback-block { display:inline-block; padding:0; font-size:11px; line-height:18px; letter-spacing:.02em; text-transform:none; }
 .top-block.header-v16 .addr-block > div { max-width:540px; }
 .top-block.header-v16 .address { max-width:none!important; width:auto!important; display:flex!important; align-items:center; gap:10px; margin:0; padding:0; font-size:12px; line-height:18px; color:#66655f; text-wrap:pretty; }
 .top-block.header-v16 .address > .svg-inline-addr { display:inline-flex!important; position:static; margin:0; width:12px; height:16px; flex:none; opacity:.65; }
 .top-block.header-v16 .right-icons { justify-self:end; }
 .top-block.header-v16 .right-icons > .line-block { gap:24px; margin:0; }
 .top-block.header-v16 .right-icons .line-block__item { padding:0; }
 .top-block.header-v16 .right-icons .top-btn,
 .top-block.header-v16 .right-icons .personal-link { display:inline-flex; align-items:center; gap:9px; min-height:36px; padding:0; white-space:nowrap; }
 .top-block.header-v16 .right-icons .svg { margin:0; }
 .top-block.header-v16 .right-icons .title,
 .top-block.header-v16 .right-icons .name { font-size:11px; letter-spacing:.04em; }
}
@media (min-width:992px) and (max-width:1199px) {
 .top-block.header-v16 .header__top-inner { gap:20px; grid-template-columns:auto auto minmax(160px,1fr) auto; }
 .top-block.header-v16 .header__top-inner > .header__top-item:first-child { padding-right:18px!important; }
 .top-block.header-v16 .right-icons > .line-block { gap:18px; }
 .top-block.header-v16 .right-icons .title,
 .top-block.header-v16 .right-icons .personal-link .wrap { display:none; }
}

/* ==== head_custom.php L6262 · hc-topbar-dark-20260911 ==== */
/* hc-topbar-dark-20260911 */
@media (min-width:992px) and (prefers-color-scheme:dark) {
 .top-block.header-v16 { background:#242424; border-bottom-color:#3a3a3a; color:#ededed; }
 .top-block.header-v16 .header__top-inner > .header__top-item:first-child { border-right-color:#454545; }
 .top-block.header-v16 .js_city_chooser,
 .top-block.header-v16 .phone-block .phone > a,
 .top-block.header-v16 .right-icons .top-btn,
 .top-block.header-v16 .right-icons .personal-link,
 .top-block.header-v16 .right-icons .title,
 .top-block.header-v16 .right-icons .name { color:#ededed; }
 .top-block.header-v16 .address { color:#c6c6c2; }
 .top-block.header-v16 .phone-block .callback-block { color:#ff7975; }
 .top-block.header-v16 .region_wrapper .svg,
 .top-block.header-v16 .address > .svg,
 .top-block.header-v16 .phone > .svg,
 .top-block.header-v16 .right-icons .svg { fill:#c6c6c2; color:#c6c6c2; opacity:1; }
 .top-block.header-v16 .js_city_chooser:hover,
 .top-block.header-v16 .phone-block .phone > a:hover,
 .top-block.header-v16 .right-icons .top-btn:hover,
 .top-block.header-v16 .right-icons .personal-link:hover { color:#ff7975; }
}

/* ==== head_custom.php L6286 · hc-page-contrast-20260911 ==== */
/* hc-page-contrast-20260911: maintain contrast inside deliberately light page blocks. */
@media (prefers-color-scheme:dark) {
 #hc-seven { color-scheme:light; --white_text_black:#302c29; --fill_dark_light:#302c29; }
 #hc-seven .news2, #hc-seven .news2 .items, #hc-seven .news2 .item-wrap { background:transparent; }
 #hc-seven .head-block,
 #hc-seven .head-block .item-link,
 #hc-seven .ajax_load_btn,
 #hc-seven .menu_item_selected { background:#fff; color:var(--ink); border-color:var(--line); }
 #hc-seven .ajax_load_btn:hover { background:#eeece6; color:var(--ink); }
 #hc-seven .text_before_items,
 #hc-seven .text_before_items p,
 #hc-seven .text_before_items b,
 #hc-seven .text_before_items a,
 #hc-seven .partners .title,
 #hc-seven .news2 .title a,
 #hc-seven .head-block .dark_link,
 #hc-seven .head-block .btn-inline,
 #hc-seven .hc-sale-archive .dark_link,
 #hc-seven .hc-sale-archive .ordered-block__title { color:var(--ink)!important; }
 #hc-seven .news2 .title a:hover,
 #hc-seven .head-block .dark_link:hover,
 #hc-seven .hc-sale-archive .dark_link:hover { color:var(--red)!important; }
 #hc-services { color-scheme:light; --white_text_black:#302c29; }
 #hc-services .hc-svc__step-ttl { color:#302c29!important; }
 #hc-services .hc-svc__facts table,
 #hc-services .hc-svc__facts tr,
 #hc-services .hc-svc__facts td,
 #hc-services .hc-svc__facts th { background:#fff; color:#302c29; border-color:#dfddd6; }
 #hc-services .hs-photo-caption, #hc-tools .ht-image-label { background:#302c29; color:#fff; padding:5px 9px; border-radius:3px; }
 #hc-contacts .visit-guide h3 { color:#302c29; }
 .hcq-cta .hcq-cta__txt { color:#343434; }
 .hcq-cta .hcq-cta__txt b { color:#343434; }
 .sticker_na_sklade { color:#16370d!important; }
 .bx_filter .bx_ui_slider_part span { color:#343434; }
 .page404 .subtitle404, .error404 .subtitle404, h1.subtitle404 { color:#ededed!important; }
}