/* ============================================================
   MPKM CAT-CANON — категория/подкатегория (NIGHT2 U2, 2026-07-02)
   Канон = карточка главной + компоненты .u-* (mpkm-ui.css).
   NSV-механика (filternsv-*, AJAX) НЕ тронута — только скин.
   ============================================================ */

/* --- Шапка категории: H1 40/800, крошки, счётчик --- */
#wrapper .catalog-section h1, #wrapper h1.catalog__title{font-family:'Golos Text',system-ui,Arial,sans-serif!important;font-size:40px!important;font-weight:800!important;letter-spacing:-1.4px!important;line-height:1.08!important;color:var(--ink)!important}

/* --- NSV-фильтр: панель канона (механика нетронута) --- */
#wrapper .shop-search{background:#fff!important;border:1.5px solid var(--line)!important;border-radius:13px!important;padding:18px 20px!important;box-shadow:none!important}
#wrapper .shop-search h3{font-family:'Golos Text',system-ui,Arial,sans-serif!important;font-size:20px!important/* D26-B2: прод 20px */;font-weight:700!important;color:var(--ink)!important;background:transparent!important}
#wrapper .shop-search .SumoSelect > .CaptionCont{height:35px!important;border:0!important;border-radius:13px!important;background:var(--wash)!important/* D26-B2: прод=filled без рамки, desktop h35 */;box-shadow:none!important;display:flex;align-items:center}
/* ДОБИВКА-23 U2: мобильный фильтр — плашки на --wash (выделяются на белом фоне, как на проде), r13, тач-таргет 44px сохранён */
@media(max-width:768px){#wrapper .shop-search .SumoSelect > .CaptionCont{background:var(--wash)!important;border-color:var(--line)!important}
#wrapper .shop-search .SumoSelect.disabled > .CaptionCont{background:var(--wash)!important;opacity:.55}}
#wrapper .shop-search .SumoSelect > .CaptionCont > span{color:var(--ink)!important;font-size:12.8px!important}
@media(max-width:760px){#wrapper .shop-search .SumoSelect > .CaptionCont > span{font-size:14.4px!important}} /* D26-B2: прод 12.8/14.4 */
#wrapper .shop-search input[type=text],#wrapper .shop-search input[type=number]{height:40px!important;border:1.5px solid var(--line)!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;font-size:16px!important/* D26-B2: прод 16 */}
#wrapper #filternsv .irs-bar{background:var(--brand)!important;border-color:var(--brand)!important}
#wrapper #filternsv .irs-slider{background:var(--brand)!important;border:5px solid rgba(255,255,255,.6)!important;box-shadow:none!important/* D26-B2: прод-ручка */}
#wrapper #filternsv .irs-from,#wrapper #filternsv .irs-to,#wrapper #filternsv .irs-single{background:var(--brand)!important;color:var(--brand-ink)!important;border-radius:2px!important;font-weight:700!important/* D26-B2: прод-бабблы, текст=контраст-токен */}
#wrapper .shop-search input[type=submit],#wrapper .js_shop_search_form input[type=submit],#wrapper .shop-search button[type=submit]{background:var(--brand)!important;border:1.5px solid var(--brand)!important;color:var(--brand-ink)!important;border-radius:13px!important;min-height:44px!important;padding:0 24px!important;font-weight:700!important;cursor:pointer;transition:background .18s!important;box-shadow:none!important}
#wrapper .shop-search input[type=submit]:hover,#wrapper .js_shop_search_form input[type=submit]:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}
#wrapper .btn-nsv-clear{background:var(--brand)!important;border:0!important;color:var(--brand-ink)!important;border-radius:13px!important;padding:5px 15px!important;font-size:12.8px!important;font-weight:600!important;transition:background .18s!important/* D26-B2: прод-кнопка, ink-текст */}
@media(max-width:760px){#wrapper .btn-nsv-clear{min-height:44px!important;font-size:14.4px!important;display:inline-flex!important;align-items:center!important}}
#wrapper .btn-nsv-clear:hover{background:var(--brand-d)!important}

/* --- Сорт-бар: line-рамки, ink-текст, вид-переключатели --- */
#wrapper .filter-sort{border:0!important;background:transparent!important}
#wrapper .filter-sort .filter__cell{color:var(--ink2)!important;font-size:15px!important}
#wrapper .filter__view-btn{border:1.5px solid var(--line)!important;border-radius:9px!important;background:#fff!important}
#wrapper .filter__view-btn.active{border-color:var(--brand)!important;background:var(--brand)!important}

/* --- Пагинация: .u-pages канон --- */
#wrapper .paginator{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:26px 0 0}
#wrapper .paginator a,#wrapper .paginator span{display:inline-flex!important;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--line)!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;font-weight:600!important;font-size:15px!important;text-decoration:none!important;transition:border-color .18s,background .18s!important;margin:0!important}
#wrapper .paginator a:hover{border-color:var(--ink)!important;background:var(--wash)!important}
#wrapper .paginator span.active{background:var(--brand)!important;border-color:var(--brand)!important;color:var(--brand-ink)!important}
#wrapper .paginator_more_button{background:var(--brand)!important;border:1.5px solid var(--brand)!important;color:var(--brand-ink)!important;border-radius:13px!important;min-height:48px!important;padding:0 28px!important;font-weight:700!important;font-size:15px!important;box-shadow:none!important;transition:background .18s!important}
#wrapper .paginator_more_button:hover{background:var(--brand-d)!important;border-color:var(--brand-d)!important}

/* --- SEO-низ: типографика на токенах (контент EDITORIAL не переписан) --- */
#wrapper .catalog-section .text h2{font-family:'Golos Text',system-ui,Arial,sans-serif!important;font-size:28px!important;font-weight:800!important;letter-spacing:-.8px!important;color:var(--ink)!important;margin:34px 0 16px!important}
#wrapper .catalog-section .text{color:var(--ink2);font-size:15.5px;line-height:1.65}
#wrapper .catalog-section .text a:not([style*=background]){color:var(--ink);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:2px}
/* кнопка «Перейти к расчёту» из EDITORIAL-инлайна → канон */
/* ДОБИВКА-23 U3: авто-кнопка a[href*=raschet] УБРАНА — превращала inline-текст-ссылки в жёлтые кнопки-в-абзаце (уродство + 404). Валидная CTA «Запросить расчёт» = свой inline-стиль, не затронута. */


/* --- FAQ (details/summary с EDITORIAL-инлайнами) → .u-faq канон; FAQPage-schema дословно --- */
#wrapper .text [itemtype*="FAQPage"] details{border:1.5px solid var(--line)!important;border-radius:13px!important;margin:10px 0!important;background:#fff!important;overflow:hidden}
#wrapper .text [itemtype*="FAQPage"] details summary{padding:16px 20px!important;font-weight:700!important;font-size:15.5px!important;color:var(--ink)!important;cursor:pointer}
#wrapper .text [itemtype*="FAQPage"] details[open] summary{border-bottom:1.5px solid var(--line)!important}
#wrapper .text [itemtype*="FAQPage"] details > div{padding:14px 20px 16px!important;color:var(--ink2)!important;font-size:15px!important;line-height:1.6!important}

/* --- Сайдбар: рамки/радиусы канона --- */
#wrapper .catalog__menu, #wrapper [class*=side-product], #wrapper .side-articles{border-radius:13px}

/* --- МОБИЛКА: товары 2-В-РЯД компакт (owner-decision №2, как на главной) --- */
@media(max-width:768px){
#wrapper .catalog-section .grid4__list:not(.catalog__list_view-table){display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:auto!important;margin:0!important;white-space:normal!important}
/* ДОБИВКА-8 U1: мобильный компакт-скин листинга СНЕСЁН → единая карточка (mpkm-ui.css
   body:not(.mainpage) #wrapper .grid4__list .grid4__item.pr-block__item) правит и мобилку.
   Оставлена только 2-кол сетка (выше) + фильтр-плашка (ниже). */
/* фильтр-аккордеон: touch >=44, канон-плашка */
#wrapper .shop-search h3{min-height:44px!important;display:flex!important;align-items:center!important}
#wrapper .shop-search{padding:12px 14px!important}
}
@media(max-width:420px){
#wrapper .catalog-section .pr-block__pic{height:112px!important}
}

/* H1 категории живёт в .shop-list-header (вне .catalog-section) */
#wrapper .shop-list-header__h1,#wrapper h1.shop-category-h1{font-family:'Golos Text',system-ui,Arial,sans-serif!important;font-size:40px!important;font-weight:800!important;letter-spacing:-1.4px!important;line-height:1.08!important;color:var(--ink)!important}
#wrapper .shop-list-header__count{display:inline-flex;align-items:center;padding:5px 12px;border-radius:50px;background:var(--wash)!important;border:1px solid var(--line)!important;color:var(--ink2)!important;font-size:13px!important;font-weight:600!important}
@media(max-width:768px){#wrapper .shop-list-header__h1,#wrapper h1.shop-category-h1{font-size:28px!important;letter-spacing:-.8px!important}}

/* добивка-2: шапка слева; сравнение-иконка компакт вправо (не режет ХИТ-бейдж); фильтр-рамка сплошная */
#wrapper .shop-list-header{text-align:left!important}
#wrapper .shop-list-header__meta{display:flex!important;align-items:center;gap:10px;justify-content:flex-start!important}
#wrapper .shop-search{border-style:solid!important}
@media(max-width:768px){
#wrapper .catalog-section .pr-block__compare-onpic{left:auto!important;right:6px!important;top:6px!important}
#wrapper .catalog-section .pr-block__compare-onpic .pr-block__h-compare__cell,#wrapper .catalog-section .pr-block__compare-onpic .js_shop_add_compare{width:34px!important;height:34px!important;min-width:0!important;padding:0!important}
#wrapper .catalog-section .pr-block__badges{left:6px!important;top:6px!important;right:auto!important}
#wrapper .catalog-section .pr-block__badge{font-size:10.5px!important;padding:4px 9px!important}
}
html body #wrapper .shop-list-header{text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important}
html body #wrapper .shop-list-header__h1{text-align:left!important;margin-left:0!important;margin-right:auto!important}

/* ============================================================
   DAY1 F: шаблон категории (полигон /remont-betona/, чинится ШАБЛОННО)
   ============================================================ */
/* F1: инфо-плашка — на всю ширину контента, wash-канон (была серая на пол-ширины) */
#wrapper .category-price-info{width:100%!important;max-width:none!important;background:var(--wash)!important;border:1.5px solid var(--line)!important;border-radius:13px!important;padding:16px 20px!important;margin:0 0 24px!important;box-sizing:border-box}
#wrapper .category-price-info p{margin:0!important;color:var(--ink2)!important;font-size:15px!important;line-height:1.6!important}
#wrapper .category-price-info a{color:var(--ink)!important;text-decoration:underline!important;text-decoration-color:var(--brand)!important;text-underline-offset:2px}
/* F2: плитки подкатегорий = канон главной (фото-верх cover + белая плашка-лейбл; был белый текст по центру фото) */
#wrapper .catalog-section > .pic_cat_menu{float:left;width:calc((100% - 3*18px)/3)!important;margin:0 18px 18px 0!important;padding:150px 0 0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#fff;border:1.5px solid var(--line)!important;border-radius:13px!important;overflow:hidden;box-shadow:none!important;transition:border-color .18s,box-shadow .18s,transform .18s!important;height:auto!important;min-height:0!important;display:block!important}
#wrapper .catalog-section > .pic_cat_menu > a{display:flex!important;align-items:center!important;min-height:64px;padding:14px 18px!important;background:#fff!important;color:var(--ink)!important;font-weight:700!important;font-size:15.5px!important;line-height:1.3!important;text-decoration:none!important;text-align:left!important;text-shadow:none!important;position:static!important;width:auto!important;height:auto!important}
#wrapper .catalog-section > .pic_cat_menu:hover{border-color:var(--brand)!important;box-shadow:0 18px 44px rgba(21,22,26,.12)!important;transform:translateY(-4px)!important}
#wrapper .catalog-section > .pic_cat_menu:hover > a{color:var(--ink)!important}
/* F3: сайдбар «Новинки» — кламп с многоточием, ничего не клипится */
#wrapper .aside-left .pr-block__desc{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:auto!important;max-height:none!important;white-space:normal!important}
#wrapper .aside-left .pr-block__item{overflow:visible!important}
#wrapper .aside-left .pr-block__title a{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important}
@media(max-width:768px){
#wrapper .catalog-section > .pic_cat_menu{width:calc(50% - 12px)!important;margin:0 12px 12px 0!important;padding-top:110px!important}
#wrapper .catalog-section > .pic_cat_menu > a{min-height:56px;font-size:13px!important;padding:10px 12px!important}
}

/* ============ U1 POWER (2026-07-03): канон-герой категорий/подкатегорий (decision 7) ============ */
html body #wrapper .shop-list-header.shop-hero{display:block!important;background:linear-gradient(135deg,#15161a 0%,#23252e 100%)!important;border-radius:13px;padding:26px 30px 30px;margin:2px 0 18px;text-align:left!important}
#wrapper .shop-hero .shop-hero__top{display:flex;align-items:center;gap:10px;margin:0 0 16px}
#wrapper .shop-hero .shop-hero__eyebrow{display:inline-flex;align-items:center;background:var(--brand);color:#15161a;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:6px 13px;border-radius:999px;line-height:1.2}
html body #wrapper .shop-hero .shop-list-header__count{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.15)!important;color:rgba(255,255,255,.85)!important}
#wrapper .shop-hero .shop-list-header__meta{margin-left:auto}
html body #wrapper .shop-hero .shop-list-header__h1{color:#fff!important;margin:0!important}
#wrapper .shop-hero .shop-hero__desc{color:rgba(255,255,255,.75);font-size:15px;line-height:1.5;margin:10px 0 0;max-width:56em}
#wrapper .shop-hero .shop-list-share__btn{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:13px}
#wrapper .shop-hero .shop-list-share__btn:hover{background:var(--brand)!important;color:#15161a!important}
@media(max-width:768px){html body #wrapper .shop-list-header.shop-hero{padding:18px 16px 20px}#wrapper .shop-hero .shop-hero__top{flex-wrap:wrap}}

/* U1 POWER 1.2: сайдбар подкатегорий — плотнее, крупнее, active виден */
/* D5 (ДОБИВКА): сайдбар подкатегорий = ЕДИНАЯ канон-панель (radius 13): шапка-родитель + список + active, без плавающих глифов */
#wrapper .side-nav{background:#fff!important;border:1px solid var(--line,#ecebe7)!important;border-radius:13px!important;padding:6px!important;box-shadow:0 1px 3px rgba(21,22,26,.06)!important;font-family:inherit!important}
#wrapper .side-nav__title{border:0!important;border-bottom:1px solid var(--line,#ecebe7)!important;border-radius:0!important;margin:0 0 6px 0!important;padding:12px 12px!important;font-size:16px!important;font-weight:700!important;color:var(--ink,#15161a)!important;display:flex!important;align-items:center;gap:8px}
#wrapper .side-nav__title .fa{margin:0!important;font-size:12px!important;color:var(--mut2,#6e7178)!important;line-height:1!important}
#wrapper .side-nav .menu__items{display:flex!important;flex-direction:column!important;gap:1px!important;margin:0!important;padding:0!important;background:transparent!important;min-width:0!important;width:auto!important}
#wrapper .side-nav .menu__items .menu__item{padding:0!important;border:0!important;border-top:0!important;background:transparent!important}
#wrapper .side-nav .menu__items .menu__item::after{display:none!important}
#wrapper .side-nav .menu__items .menu__item a{display:block!important;font-size:15px!important;font-weight:600!important;color:var(--ink,#15161a)!important;padding:10px 12px!important;background:transparent!important;border-radius:9px!important;transition:background .15s!important;line-height:1.3!important}
#wrapper .side-nav .menu__items .menu__item a:hover{background:var(--wash,#f7f5f1)!important}
#wrapper .side-nav .menu__items .menu__item.active > a,#wrapper .side-nav .menu__items .menu__item.active a{background:var(--wash,#f7f5f1)!important;font-weight:700!important;box-shadow:inset 3px 0 0 var(--brand)!important}
#wrapper .side-nav .menu__items .menu__item a:hover{background:var(--wash,#f7f5f1)!important}
#wrapper .side-nav .menu__items .menu__item.active a{background:var(--wash,#f7f5f1)!important;font-weight:700!important;box-shadow:inset 3px 0 0 var(--brand)}
/* ДОБИВКА-10 U2: сайдбарные заголовки «Новинки»/«Статьи по теме» демотированы h2→div (.side-*__title)
   чтобы в DOM-порядке до главного H1 категории не было живых h1–h3 (a11y/иерархия). Визуал 1:1:
   margin/line-height добавлены явно (div не наследует базовый h2 из main.css). */
#wrapper .side-product h2,#wrapper .side-articles h2,#wrapper .side-product__title,#wrapper .side-articles__title{font-size:21px!important;font-weight:800!important;color:var(--ink,#15161a)!important;letter-spacing:-.4px!important;line-height:1.4!important;margin:28px 0 20px!important;font-family:'Golos Text',system-ui,Arial,sans-serif!important}

/* U1 POWER 1.5: плитка подкатегории без фото — wash + первая буква (фото-зона 150px) */
#wrapper .pic_cat_menu--nophoto,
#wrapper .pic_cat_menu:not([style]){background:var(--wash,#f7f5f1)!important}/* Хвост C: защитный wash-фолбэк — плитка подкатегории без inline-фона (нет фото) = мягкий wash, не белая пустота */
#wrapper .pic_cat_menu--nophoto::before{content:attr(data-letter);position:absolute;top:75px;left:50%;transform:translate(-50%,-50%);font-size:64px;font-weight:800;color:var(--ink,#15161a);opacity:.16;line-height:1;pointer-events:none}
@media(max-width:768px){#wrapper .pic_cat_menu--nophoto::before{top:55px;font-size:44px}}
/* Unit 4: card action row — buy_form (цена/Купить) + сравнение как соседние формы в одну строку */
#wrapper .pr-block__actions{display:flex!important;align-items:flex-end!important;gap:12px!important;padding:0 14px 0 0!important}
#wrapper .pr-block__actions > .pr-block__tocart{padding-bottom:0!important;min-width:0!important;flex:1 1 auto!important}
#wrapper .pr-block__actions .pr-block__tocart-btn__col{padding-bottom:0!important}
#wrapper .pr-block__actions > .pr-block__tocart{flex:1 1 auto!important;min-width:0!important;margin:0!important}
#wrapper .pr-block__actions-compare{flex:0 0 auto!important;display:flex!important;align-items:center!important}
#wrapper .pr-block__actions-compare .pr-block__h-compare__cell{margin:0!important}
#wrapper .pr-block__actions-compare .js_shop_add_compare,#wrapper .pr-block__actions-compare .pr-block__h-compare__cell{width:44px!important;height:44px!important;min-width:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid var(--line)!important;border-radius:13px!important;background:#fff!important}
#wrapper .pr-block__actions-compare .js_shop_add_compare:hover{border-color:var(--brand)!important}
/* Unit 4: сравнение теперь в ряду действий на всех вьюпортах → убрать дублирующий оверлей на картинке */
#wrapper .pr-block__compare-onpic{display:none!important}

/* ===== FINISH U1: компакт-карточка сайдбара «Новинки» (.side-product переиспользует каталожную pr-block с грид-высотами) ===== */
#wrapper .side-product .pr-block__item{border:1.5px solid transparent!important;border-radius:13px!important;padding:12px!important;background:var(--bg)!important;transition:border-color .2s,box-shadow .2s,transform .2s!important}
#wrapper .side-product .pr-block__item:hover{border-color:var(--brand)!important;box-shadow:0 18px 44px rgba(21,22,26,.12)!important;transform:translateY(-4px)!important}
#wrapper .side-product .pr-block__pic{height:150px!important;max-height:150px!important;min-height:0!important;aspect-ratio:auto!important;border-bottom:1px solid var(--line)!important;left:0!important;width:100%!important;top:0!important;margin:0!important;padding:6px 6px 4px!important}
#wrapper .side-product .pr-block__pic img,#wrapper .side-product .pr-block__img{width:100%!important;height:100%!important;max-height:138px!important;object-fit:contain!important;object-position:center!important}
#wrapper .side-product .pr-block__info{padding-top:2px!important}
#wrapper .side-product .pr-block__title{height:auto!important;min-height:0!important;max-height:none!important;margin:6px 0 8px!important;padding:0!important;font-size:15px!important;line-height:1.3!important;font-weight:700!important}
#wrapper .side-product .pr-block__title a{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
#wrapper .side-product .pr-block__art{margin:0 0 8px!important;padding:0!important}
#wrapper .side-product .pr-block__desc{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:auto!important;max-height:none!important;margin:0 0 10px!important}
#wrapper .side-product .pr-block__actions{display:flex!important;align-items:flex-end!important;gap:8px!important;padding:0!important}
#wrapper .side-product .pr-block__actions > .pr-block__tocart{flex:1 1 auto!important;min-width:0!important;padding-bottom:0!important}
#wrapper .side-product .pr-block__actions .pr-block__tocart-btn__col{padding-bottom:0!important}
#wrapper .side-product .pr-block__actions-compare .js_shop_add_compare,#wrapper .side-product .pr-block__actions-compare .pr-block__h-compare__cell{width:44px!important;height:44px!important}


/* ===== FINISH U3: «Статьи по теме» (.side-articles) — строка = мини-карточка, канон-ховер ===== */
#wrapper .side-articles__item{border:1.5px solid transparent!important;border-radius:13px!important;padding:10px 12px!important;background:transparent!important;transition:border-color .2s,box-shadow .2s,transform .2s!important;box-sizing:border-box!important;cursor:pointer}
#wrapper .side-articles__item:first-child{padding-top:10px!important}
#wrapper .side-articles__item::after{display:none!important}
#wrapper .side-articles__item:hover{border-color:var(--brand)!important;box-shadow:0 18px 44px rgba(21,22,26,.12)!important;transform:translateY(-4px)!important}

/* ===== FINISH U4: цена↔фасовка — ценовая строка flex baseline, unit static (было position:absolute → наезд/зачёркивание) ===== */
#wrapper .pr-block__tocart-price{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:2px 6px!important}
#wrapper .pr-block__tocart-price .price,#wrapper .pr-block__tocart-price .js_shop_price{white-space:nowrap!important}
#wrapper .shop_price_measure_unit{position:static!important;top:auto!important;right:auto!important;left:auto!important;display:inline-block!important;margin:0!important;padding:0!important}
#wrapper .shop_price_measure_unit:before{content:"/ "!important;width:auto!important}

/* ===== FINISH U5: /shop/ мобайл — дерево категорий → аккордеон «Категории ▾» ===== */
@media (max-width:768px){
  #wrapper .catalog-sidebar .js-cat-accordion .sidebar-title{cursor:pointer;position:relative;padding:15px 46px 15px 16px;margin:0;background:var(--wash);border:1.5px solid var(--line);border-radius:13px;min-height:52px;display:flex;align-items:center;box-sizing:border-box}
  #wrapper .catalog-sidebar .js-cat-accordion .sidebar-title::after{content:"";position:absolute;right:18px;top:44%;width:9px;height:9px;border-right:2px solid var(--ink2,#5b5e66);border-bottom:2px solid var(--ink2,#5b5e66);transform:rotate(45deg);transition:transform .2s}
  #wrapper .catalog-sidebar .js-cat-accordion.is-open .sidebar-title::after{transform:rotate(-135deg);top:52%}
  #wrapper .catalog-sidebar .js-cat-accordion > *:not(.sidebar-title){display:none!important}
  #wrapper .catalog-sidebar .js-cat-accordion.is-open > *:not(.sidebar-title){display:block!important}
  #wrapper .catalog-sidebar .js-cat-accordion.is-open .sidebar-title{margin-bottom:8px!important}
}

/* FINISH U5b: мобайл — товары (catalog-main) выше сайдбара (категории/новинки/статьи уходят под контент) */
@media (max-width:768px){
  #wrapper .catalog-layout{display:flex!important;flex-direction:column!important}
  #wrapper .catalog-layout .catalog-main{order:1!important}
  #wrapper .catalog-layout .catalog-sidebar{order:2!important;margin-top:24px!important}
}

/* ===== FINISH U6: /shop/ мобайл — хиты 2-в-ряд (было 1-кол) ===== */
@media (max-width:768px){
  #wrapper .kms-shop-hits .grid4__list,#wrapper .kms-shop-hits__list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:auto!important;margin:0!important;transform:none!important}
  #wrapper .kms-shop-hits .grid4__item,#wrapper .kms-shop-hits .pr-block__item{width:auto!important;margin:0!important;float:none!important;min-width:0!important}
  #wrapper .kms-shop-hits .pr-block__pic{height:130px!important}
}

/* FINISH U6b: мобайл pad 20 @768 (decision #3; было --pad:48) + catalog-layout без своего паддинга → карточки ~165 */
@media (max-width:768px){
  :root{--pad:20px}
  #wrapper .catalog-layout{padding-left:0!important;padding-right:0!important}
}

/* FINISH U6c: мобайл контент-паддинг .content__center 48→20 (decision #3 pad 20 @768) */
@media (max-width:768px){
  #wrapper .content__center{padding-left:20px!important;padding-right:20px!important}
}

/* ===== FINISH U7: /shop/ десктоп — мёртвая полоса справа под инфо-колонками (aside-tree выше контента растягивал layout) ===== */
@media (min-width:769px){
  #wrapper .catalog-layout{align-items:start!important;padding-bottom:0!important}
  #wrapper .catalog-layout .catalog-sidebar{position:sticky!important;top:16px!important;align-self:start!important;max-height:calc(100vh - 32px)!important;overflow-y:auto!important;scrollbar-width:thin}
}

/* U13.2 (FINISH): двойная стрелка пагинации -> одна. Легаси-стрелки .prev/.next («...»)
   скрыты; остаётся стилизованная .paginator__nxt (→) + номера + .paginator__first (1). */
#wrapper .paginator .next,
#wrapper .paginator .prev{display:none!important}

/* U13.4 (FINISH): PDP-галерея — при единственном изображении одинокая мини-превьюшка
   дублирует большое фото и даёт мёртвую полосу ~92px. Прячем её только когда thumb один
   (:only-of-type). Мульти-фото галереи (2+ мини) не затронуты. js_shop_* не меняем. */
#wrapper .product__pics .product__pic-mini:only-of-type{display:none!important}

/* U13.1 (FINISH): SEO-таблицы в контент-блоках `.text` без своего класса — стиль .u-table
   (шапка на wash, 1px рамки --line, паддинги, зебра). Тематические таблицы товара
   (.prices-tbl/.product-spec/.table_theme_nsv — со своим классом) не затрагиваются. */
.u-table,
#wrapper .text table:not([class]){
  width:100%!important;border-collapse:collapse;margin:18px 0;font-size:15px;line-height:1.5;
  border:1px solid var(--line,#ecebe7);
}
.u-table th,.u-table td,
#wrapper .text table:not([class]) th,
#wrapper .text table:not([class]) td{
  padding:11px 14px;border:1px solid var(--line,#ecebe7);text-align:left;vertical-align:top;color:var(--ink,#15161a);
}
.u-table th,
#wrapper .text table:not([class]) th{background:var(--wash,#f7f5f1);font-weight:700}
.u-table tr:nth-child(even) td,
#wrapper .text table:not([class]) tr:nth-child(even) td{background:#faf9f7}

/* U13.5 (FINISH): защитный wash-фолбэк слота фото карточки товара — если фото нет/битое,
   слот показывает мягкий wash, а не белую пустоту. При наличии фото image перекрывает фон. */
#wrapper .pr-block__pic{background:var(--wash,#f7f5f1)}

/* ============================================================
   D2 (ДОБИВКА): КАНОН КНОПОК — единый радиус 13 + вертикальная центровка.
   Компонентный слой (не пер-страничные заплатки). Исключения: круглые нав-стрелки
   (.sh__arrow, paginator ‹›) и микро-чипы/бейджи — они не текст-кнопки.
   ============================================================ */
#wrapper .btn,
#wrapper a.btn, #wrapper button.btn, #wrapper input.btn,
#wrapper .pr-block__tocart-btn__col, #wrapper .pr-block__tocart-btn,
#wrapper .mka-btn, #wrapper .mko-kimi-btn,
#wrapper .brands-card__btn, #wrapper .brands-cta__btn,
#wrapper .shop-list-share__btn,
#wrapper .btn-nsv-clear, #wrapper .btn-nsv, #wrapper .btn-nsv_radius,
#wrapper .kms-news-filter__submit, #wrapper .kms-clauses-toolbar__btn,
#wrapper .mpkm-pricelist-form__submit, #wrapper .mka-geo__map-btn,
#wrapper .cb__btn, #wrapper .u-btn, #wrapper .u-shop-cta,
#wrapper .cart_no_rows_button, #wrapper .objects-detail__summary-cta,
#wrapper .kms-shop-filter__submit, #wrapper .button.solid, #wrapper button.solid,
#wrapper .btn_white, #wrapper .btn-primary, #wrapper .btn-dark, #wrapper .btn-outline-dark,
#wrapper .mpkm-kimi-qa__cta, #wrapper .mko-kimi-btn--prim, #wrapper .mko-kimi-btn--outline{
  border-radius:13px !important;
}
/* Вертикальная центровка для FLEX-кнопок (align-items — no-op на block/inline-block, безопасно). */
#wrapper .btn, #wrapper .mka-btn, #wrapper .mko-kimi-btn,
#wrapper .brands-card__btn, #wrapper .brands-cta__btn,
#wrapper .cb__btn, #wrapper .u-btn, #wrapper .u-shop-cta,
#wrapper .btn-primary, #wrapper .btn-dark, #wrapper .btn-outline-dark{
  align-items:center !important;
}

/* D4 (ДОБИВКА): анонс раздела внутри героя (тёмный фон) — читаемый текст + жёлтая ссылка sales@ */
#wrapper .u-hero__anons{margin-top:14px;max-width:820px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.55}
#wrapper .u-hero__anons p{margin:0}
#wrapper .u-hero__anons p + p{margin-top:8px}
#wrapper .u-hero__anons a{color:var(--brand);text-decoration:underline}

/* ДОБИВКА-2 U1: паритет ховера «Статьи по теме» хаб==лист. На хабе плавающие плитки
   подкатегорий (.pic_cat_menu > a) перехватывали pointer над сайдбар-блоком статей →
   :hover не срабатывал. Поднимаем блок статей в свой stacking-context над плитками. */
#wrapper .aside-left .side-articles{position:relative!important;z-index:3!important}

/* ДОБИВКА-2 U2: кнопка «Запросить цену» (a) — вид primary-канон кнопки, высота == «Купить» */
#wrapper .pr-block__request-price{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;text-align:center;cursor:pointer;background:var(--brand)!important;color:var(--brand-ink,#2e2e2e)!important;border:0!important;border-radius:13px!important;font-weight:700!important;font-size:15px!important;box-sizing:border-box;line-height:1.15}
#wrapper .pr-block__actions .pr-block__request-price{min-height:44px!important;width:100%!important;padding:0 16px!important}
#wrapper .product .pr-block__request-price,#wrapper .product__cart .pr-block__request-price{min-height:48px!important;padding:0 30px!important;font-size:15px!important}

/* ДОБИВКА-2 свип: плитка подкатегории на хабе — вся кликабельна и хит-область строго в своей плитке.
   Растянутая ссылка (::before inset:0 в position:relative плитке) чинит «первая плитка не кликается». */
#wrapper .catalog-section > .pic_cat_menu{position:relative!important}
#wrapper .catalog-section > .pic_cat_menu > a::before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important}

/* ==== ДОБИВКА-4 R4: листинг — ритм карточки (серая полоса под фото + панель-паддинг) ==== */
/* Серая полоса = pic-бокс wash #f7f5f1 (cat-canon:263) высотой 160 при img contain 135 →
   25px wash под картинкой. Эталон-главная (.v .hits-section .pr-block__pic) = bg #fff.
   Приводим листинг к эталону: белый pic-бокс (полоса исчезает), симметричный панель-паддинг. */
#wrapper .grid4__item .pr-block__pic{background:#fff!important}
#wrapper .grid4__item .pr-block__pic img,#wrapper .grid4__item .pr-block__img{height:100%!important;object-fit:contain!important}
/* панель-паддинг тела карточки = --sp-4 (16) симметрично (было 13/14/0 — вразнобой) */
#wrapper .grid4__item .pr-block__info{padding:var(--sp-4,16px) var(--sp-4,16px) 0!important}

/* ============================================================================
   ДОБИВКА-6 U-HERO — разрыв герой → первый блок каталога + секц-заголовок.
   Было: hero.bottom встык к .catalog-section (gap 0 на хабе, 15 на листинге) —
   уродливый недоделанный переход. Даём вертикальный ритм --section-gap (74/40 моб).
   /shop/ использует #kms-shop-root (не .catalog-section) — правило его не трогает (D4).
   ============================================================================ */
#wrapper .u-hero ~ .catalog-section{ margin-top:var(--section-gap,74px); }
#wrapper .u-hero ~ .category-price-info{ margin-top:var(--section-gap,74px); }

/* Нейтральный секц-заголовок (переход от героя к блокам): «Подкатегории»/«Каталог раздела».
   Golos 800, ink, канон-иерархия — не конкурирует с 40px H1 в герое. */
#wrapper .u-cat-section-title{ margin:0 0 var(--sp-5,24px); font-size:24px; font-weight:800;
  line-height:1.15; letter-spacing:-.3px; color:var(--ink,#15161a); }
@media(max-width:768px){ #wrapper .u-cat-section-title{ font-size:20px; margin-bottom:var(--sp-4,16px); } }

/* ДОБИВКА-19 U4: «Показать ещё» по центру контейнера (была прижата влево, delta ~304px). */
#wrapper .paginator_more_form{grid-column:1/-1!important;display:flex!important;justify-content:center!important;width:100%!important;margin:16px 0 0!important;text-align:center!important}
#wrapper .paginator_more_button{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}

/* ===== D24 U4: мобильный «Фильтр по товарам» = зеркало прод-паттерна mpkm.org (3-й заход).
   ПРОД-ФАКТЫ (iPhone12, /remontnyy-sostav/): свёрнут по умолчанию; toggle = ПОЛНОШИРИННАЯ плашка 366×50, белая, 1px DASHED рамка, funnel-икона слева, текст 18/700 ink, шеврон у ПРАВОГО края; панель ниже БЕЗ карточной рамки; внутренний заголовок-дубль не виден; слайдер цены: жёлтая полоса, ЖЁЛТЫЕ бабблы «Цена: N ₽» и жёлтые круглые хэндлы; параметры = серые полноширинные бары с шевронами (SumoSelect).
   ТЕСТ ДО ФИКСА (полировка прошлых заходов): жёлтый чип 145×44 (#FFF7CC/solid #FECC2F/14px), карточная рамка .shop-search (line/13px), видимый h3-дубль, ink-бабблы и ink-хэндлы слайдера.
   Зеркалим раскладку/поведение в ТОКЕНАХ теста; единственное отступление — тапы ≥44. NSV-движок/AJAX не тронут. ===== */
@media(max-width:760px){
#wrapper .filternsv-toggle-btn{display:flex!important;align-items:center;gap:10px;width:100%!important;min-height:50px!important;background:#fff!important;border:1px dashed var(--line,#ecebe7)!important;border-radius:13px!important;padding:14px 12px!important;font-size:18px!important;font-weight:700!important/* D26-B2: прод 18px */;color:var(--ink,#15161a)!important;font-family:'Golos Text',system-ui,Arial,sans-serif!important;text-align:left}
/* D25 U2: hover-жёлтая рамка снята — на таче hover залипал после тапа, у прода рамка всегда серая dashed (зеркало) */
#wrapper .filternsv-toggle-btn-icon{width:22px;height:22px;flex:none;display:inline-block;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fecc2f' stroke='%232e2e2e' stroke-width='1.2' d='M3 4h18l-7 8v6l-4 2v-8z'/></svg>") no-repeat center/contain}
#wrapper .filternsv-toggle-btn-text{flex:1 1 auto}
#wrapper .filternsv-toggle-btn-arrow{margin-left:auto;flex:none;color:var(--ink,#15161a)}
#wrapper #filternsv .shop-search{border:0!important;border-radius:0!important;box-shadow:none!important;padding:15px 0!important}
#wrapper #filternsv .shop-search > h3{display:none!important}
#wrapper .shop-search .irs-from,#wrapper .shop-search .irs-to,#wrapper .shop-search .irs-single{background:var(--brand,#fecc2f)!important;color:var(--brand-ink,#2e2e2e)!important;font-weight:700!important;border-radius:2px!important}
#wrapper .shop-search .irs-from:before,#wrapper .shop-search .irs-to:before,#wrapper .shop-search .irs-single:before{border-top-color:var(--brand,#fecc2f)!important}
#wrapper .shop-search .irs-slider{background:var(--brand,#fecc2f)!important;background-image:none!important;border:5px solid rgba(255,255,255,.6)!important;box-shadow:none!important;border-radius:50%!important}
#wrapper .shop-search .SumoSelect > .CaptionCont,#wrapper .shop-search .ms-choice{min-height:44px!important;display:flex!important;align-items:center!important}
/* слайдер: зеркало прода ТОЛЬКО на мобилке (desktop-полировка ink сохранена) — специфичность 2 ID == исходной, позже в файле */
#wrapper #filternsv .irs-slider{background:var(--brand)!important;background-image:none!important;border:5px solid rgba(255,255,255,.6)!important;box-shadow:none!important;border-radius:50%!important}
#wrapper #filternsv .irs-from,#wrapper #filternsv .irs-to,#wrapper #filternsv .irs-single{background:var(--brand)!important;color:var(--brand-ink,#2e2e2e)!important;font-weight:700!important;border-radius:2px!important}
#wrapper #filternsv .irs-from:after,#wrapper #filternsv .irs-to:after,#wrapper #filternsv .irs-single:after{border-top-color:var(--brand)!important}
}