/* TASK-1099 — каталог heavytop в новом дизайне (макет /new/catalog.html), ПОВЕРХ живой разметки catalog-2026.tpl и catalog-2026.css:
   логика фильтра, пагинации, карточек и корзины не меняется — только вид. Всё под body.h26. */
.h26.catalog-2026{--c26-orange:var(--btn);--c26-blue:var(--dark);--c26-ink:var(--ink);--c26-muted:var(--ink-3);--c26-line:var(--line);--c26-dash:var(--line);--c26-r:22px;font-family:'Onest',system-ui,sans-serif;background:#fff}
.h26 .c26{font-family:inherit;color:var(--ink)}
.h26 .c26 .page{max-width:var(--wrap,1600px);margin:0 auto;padding:0 clamp(24px,2.6vw,48px);box-sizing:border-box}
/* крошки — пилюли, как в макете */
.h26 .c26 .breadcrumps-wrapper{margin:4px 0 12px}
.h26 .c26 ul.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:14px}
.h26 .c26 ul.breadcrumb li{display:flex;align-items:center;gap:6px;margin:0;padding:0;color:var(--ink);font-weight:600}
.h26 .c26 ul.breadcrumb li::before{content:none}
.h26 .c26 ul.breadcrumb li+li::before{content:"";width:6px;height:6px;border-right:1.5px solid var(--ink-3);border-top:1.5px solid var(--ink-3);transform:rotate(45deg);margin-right:4px}
.h26 .c26 ul.breadcrumb a{padding:4px 10px;border-radius:var(--pill);background:var(--soft);color:var(--ink-2);font-weight:500;text-decoration:none;transition:background .25s}
.h26 .c26 ul.breadcrumb a:hover{background:var(--soft-2);color:var(--ink)}
/* H1 и доверие — одна линия, доверие справа */
.h26 .c26 .c26__head{align-items:center;margin:0 0 18px;flex-wrap:nowrap}
.h26 .c26 .c26__head h1{margin:0;font-weight:800;font-size:clamp(34px,3vw,46px)!important;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.h26 .c26 .c26__count{padding:5px 12px;border-radius:var(--pill);background:var(--soft);font-size:14px;font-weight:600;color:var(--ink-2)}
.h26 .c26 .c26__usp{display:flex;gap:8px;flex:none}
.h26 .c26 .c26__usp>div{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--pill);border:1px solid var(--line);font-size:14px;color:var(--ink-2);white-space:nowrap;background:#fff}
.h26 .c26 .c26__usp .dot{font-size:0;width:7px;height:7px;border-radius:50%;background:#26A35A}
.h26 .c26 .c26__usp>div:not(:has(.dot))::before{content:"";width:7px;height:7px;border-radius:50%;background:#26A35A}
/* подразделы — плитки в ряд: фото слева, подпись справа */
.h26.catalog-2026 .c26 ul.listing-subcats{gap:12px!important;margin-bottom:22px}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:12px!important;padding:10px 14px 10px 10px!important;border-radius:20px!important;border:1px solid var(--line)!important;transition:box-shadow .4s var(--ease),transform .5s var(--spring),border-color .3s}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a:hover{border-color:transparent!important;box-shadow:var(--sh-1)!important;transform:translateY(-3px)!important}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a img{flex:0 0 auto;width:64px!important;height:64px!important;max-height:64px;object-fit:contain;margin:0!important}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span{text-align:left!important;font-weight:700!important;font-size:15.5px!important}
/* строка над товарами: сортировка · «В наличии» · выбранные фильтры · «Показывать по» */
.h26 .c26 .c26__bar{gap:12px;padding:10px 12px 10px 16px;border-radius:var(--r-lg,22px);border-color:var(--line)}
.h26 .c26 .c26__bar-lbl{font-size:14px;color:var(--ink-3)}
.h26 .c26 #mse2_sort{display:flex;gap:6px}
.h26 .c26 #mse2_sort .sort{height:38px;padding:0 14px;border-radius:var(--pill);background:var(--soft);border:0;font:inherit;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;transition:background .25s,color .25s}
.h26 .c26 #mse2_sort .sort:hover{background:var(--soft-2)}
.h26 .c26 #mse2_sort .sort.active{background:var(--ink);color:#fff}
.h26 .c26 .c26__instock{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px 0 10px;margin:0 auto;border-radius:var(--pill);background:#F3FBF6;border:0;font:inherit;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer}
.h26 .c26 .c26__instock::before{content:"";flex:0 0 auto;width:38px;height:22px;border-radius:22px;background:var(--line-2,#D5D9DF) radial-gradient(circle at 11px 11px,#fff 8px,transparent 8.5px);transition:background .3s}
.h26 .c26 .c26__instock[aria-pressed="true"]::before{background:#26A35A radial-gradient(circle at 27px 11px,#fff 8px,transparent 8.5px)}
.h26 .c26 .c26__chips{display:flex;flex-wrap:wrap;gap:6px}
.h26 .c26 .c26__chips:empty{display:none}
.h26 .c26 .c26__chips>*{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px 0 13px;border-radius:var(--pill);background:var(--soft);border:0;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer}
.h26 .c26 .c26__bar-limit select,.h26 .c26 .ms2_limits select{height:38px;padding:0 30px 0 12px;border-radius:var(--pill);border:1.5px solid var(--line);font:inherit;font-weight:600;font-size:14px;background-color:#fff}
/* фильтр: все группы раскрыты (скрытых нет), цвета — списком */
.h26 .c26 .c26__aside{width:280px;flex:0 0 280px;top:calc(var(--hdr-h,96px) + 14px)}
.h26.catalog-2026 .c26__aside form#mse2_filters{border-radius:var(--r-lg,22px)!important;border-color:var(--line)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset{border-bottom-color:var(--line)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26-closed>div,.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26-cut>div.c26-over{display:flex!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26-closed>.mse2_number_inputs{display:flex!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26-closed>.mse2_number_slider{display:block!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset>span.c26-more-link{display:none!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset>.filter_title{pointer-events:none;padding:14px 18px 8px!important;font-weight:700!important;font-size:15px!important;color:var(--ink)!important;background:none!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset>.filter_title::after{content:none!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset>div{padding-left:18px!important;padding-right:18px!important}
.h26.catalog-2026 .c26__aside form#mse2_filters label,.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset>div>label{font-size:14.5px!important;color:var(--ink)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters label sup{margin-left:auto!important;font-size:12.5px!important;color:var(--ink-3)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters label a.sf_facet_link{flex:1;justify-content:space-between}
.h26.catalog-2026 .c26__aside form#mse2_filters input[type=checkbox]{width:20px!important;height:20px!important;flex-basis:20px!important;border-radius:6px!important;border:1.5px solid var(--line-2,#D5D9DF)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters input[type=checkbox]:checked{border-color:var(--btn)!important}
.h26 .c26 fieldset.c26__colors.c26-closed>.c26-swatches{display:grid!important}
.h26 .c26 .c26-swatches{display:grid!important;grid-template-columns:1fr;gap:2px!important;padding:0 12px 14px!important}
.h26 .c26 .c26-swatch{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;width:auto!important;height:auto!important;padding:5px 6px!important;border-radius:10px;font-size:14.5px;color:var(--ink)!important;text-decoration:none;background:none!important;border:0!important;transition:background .2s}
.h26 .c26 .c26-swatch:hover{background:var(--soft)!important}
.h26 .c26 .c26-swatch__d{flex:0 0 auto;width:20px!important;height:20px!important;border-radius:50%!important;box-shadow:inset 0 0 0 1px rgba(17,18,20,.14)!important;border:0!important;margin:0!important}
.h26 .c26 .c26-swatch__t{position:static!important;flex:1;font-size:14.5px!important;color:var(--ink)!important;opacity:1!important;transform:none!important;white-space:nowrap;text-align:left!important;background:none!important;padding:0!important;box-shadow:none!important}
.h26 .c26 .c26-swatch__n,.h26 .c26 .c26-swatch[data-n]::after{font-size:12.5px;color:var(--ink-3)}
/* TASK-1108 (27.10): число моделей у цвета — из data-n, не текстом ссылки на цветовой лендинг */
.h26 .c26 .c26-swatch[data-n]::after{content:attr(data-n)}
.h26 .c26 .c26-swatch.active .c26-swatch__d,.h26 .c26 .c26-swatch.is-active .c26-swatch__d{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)!important}
.h26 .c26 .c26__btn-ghost{width:100%;height:46px;border-radius:var(--pill);background:var(--soft);border:0;font:inherit;font-weight:700;font-size:15px;color:var(--ink)}
.h26 .c26 .c26__note{border-radius:var(--r-lg,22px);background:var(--soft-a,#FFF3EC);border:0}
/* карточки: тип над названием, кнопки «Купить в 1 клик» + тележка в одну строку, срок — внизу */
.h26 .c26 #mse2_results.c26__grid{gap:12px}
.h26 main .c26 .goods-item{padding:12px;border-radius:var(--r-lg,22px);border-color:var(--line);transition:box-shadow .45s var(--ease),border-color .3s,transform .55s var(--spring)}
.h26 main .c26 .goods-item:hover{border-color:transparent;box-shadow:var(--sh-2,0 18px 40px rgba(17,18,20,.1));transform:translateY(-4px)}
.h26 main .c26 .goods-item .c26-card__photo{order:1;height:auto;aspect-ratio:1;padding:16% 8% 2%;margin-bottom:10px;border-radius:16px;overflow:hidden}
.h26 main .c26 .goods-item .c26-card__photo img{max-height:100%;transition:transform .7s var(--spring)}
.h26 main .c26 .goods-item:hover .c26-card__photo img{transform:scale(1.05)}
.h26 main .c26 .goods-item .c26-card__ty{order:2;margin:0;font-size:12.5px;color:var(--ink-3)}
.h26 main .c26 .goods-item .c26-card__nm{order:3;margin:2px 0 8px;font-size:16.5px;letter-spacing:-.01em}
.h26 main .c26 .goods-item .c26-card__specs{order:4;margin-bottom:10px}
.h26 main .c26 .goods-item .c26-card__grow{order:5;flex:1}
.h26 main .c26 .goods-item .price{order:6}
.h26 main .c26 .goods-item .c26-card__actions{order:7}
.h26 main .c26 .goods-item .c26-card__note{order:8;display:flex!important;align-items:center;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}
.h26 main .c26 .goods-item .c26-card__note::before{content:"";width:7px;height:7px;border-radius:50%;background:#26A35A}
.h26 main .c26 .goods-item .c26-card__note:empty{display:none!important}
.h26 main .c26 .goods-item .price .value{font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.h26 main .c26 .goods-item .price .c26-from{font-size:13px;color:var(--ink-3)}
.h26 main .c26 .goods-item .price .saleprice,.h26 main .c26 .goods-item .price .saleprice .value{font-weight:500;font-size:13px;color:var(--ink-3)}
.h26 main .c26 .c26-card__actions{display:flex!important;flex-direction:row-reverse!important;gap:6px!important;margin-top:10px}
.h26 main .c26 .c26-card__actions .c26-one{flex:1;min-width:0;height:44px!important;padding:0 10px!important;border-radius:var(--pill)!important;background:var(--soft)!important;border:0!important;color:var(--ink)!important;font:inherit!important;font-weight:700!important;font-size:14px!important;white-space:nowrap}
.h26 main .c26 .c26-card__actions .c26-one:hover{background:var(--soft-2)!important}
.h26 main .c26 .c26-card__actions .c26-cart{flex:0 0 44px;width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;border:0!important;background:var(--btn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 3.5h2.4l2.3 11a1.8 1.8 0 0 0 1.8 1.4h8.6a1.8 1.8 0 0 0 1.7-1.3l1.9-7.1H5.8'/%3E%3Ccircle cx='9.6' cy='20' r='1.5'/%3E%3Ccircle cx='17.2' cy='20' r='1.5'/%3E%3C/svg%3E") center/22px no-repeat!important;font-size:0!important;color:transparent!important;box-shadow:0 8px 18px color-mix(in srgb,var(--btn) 30%,transparent);transition:background-color .25s,transform .45s var(--spring)}
.h26 main .c26 .c26-card__actions .c26-cart:hover{background-color:var(--btn-h)!important;transform:scale(1.07)}
.h26 main .c26 .c26-badges{top:16px;left:16px}
.h26 main .c26 .c26-badge{border-radius:var(--pill);font-weight:700;font-size:12px}
.h26 main .c26 .c26-badge--red{background:#E5322D;color:#fff}
.h26 main .c26 .c26-tools{top:16px;right:16px;opacity:0;transform:translateX(6px);transition:opacity .3s,transform .4s var(--spring)}
.h26 main .c26 .goods-item:hover .c26-tools{opacity:1;transform:none}
.h26 main .c26 .c26-tools .msfavorites{width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);border:0}
/* статья блога и двойная карточка — по 2 места */
.h26 .c26 .c26-blogF{border-radius:var(--r-lg,22px);border:1px solid var(--line);background:linear-gradient(160deg,#fff 0%,#fff 55%,var(--soft-a,#FFF3EC) 100%)}
.h26 .c26 .c26-blogF__btn{border-radius:var(--pill)!important;background:var(--btn)!important;font-weight:700}
.h26 .c26 .c26-blogF__more a,.h26 .c26 .c26-blogF__more>*{border-radius:14px!important}
.h26 .c26 .c26-wide .c26-w3__tiles>*{border-radius:12px;background:var(--soft)}
.h26 .c26 .c26-wide .c26-w3__b{border-radius:16px;overflow:hidden}
/* «Показать ещё» и страницы */
.h26 .c26 .c26__pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:12px 12px 12px 18px;border:1px solid var(--line);border-radius:var(--r-lg,22px);background:#fff}
.h26 .c26 .c26__pager-cnt{font-size:14px;color:var(--ink-3)}
.h26 .c26 .c26__more{height:50px;padding:0 26px;border-radius:var(--pill);background:var(--soft);border:0;font:inherit;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer}
.h26 .c26 .c26__more:hover{background:var(--soft-2)}
.h26 .c26 ul.pagination{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.h26 .c26 ul.pagination li{margin:0;padding:0}
.h26 .c26 ul.pagination li::before{content:none}
.h26 .c26 ul.pagination li>a,.h26 .c26 ul.pagination li>span,.h26 .c26 ul.pagination li.active{min-width:42px;height:42px;padding:0 10px;border-radius:var(--pill);display:grid;place-items:center;font-weight:600;font-size:15px;color:var(--ink-2);text-decoration:none;box-sizing:border-box}
.h26 .c26 ul.pagination li>a:hover{background:var(--soft);color:var(--ink)}
.h26 .c26 ul.pagination li.active{background:var(--ink);color:#fff}
.h26 .c26 ul.pagination li.disabled{display:none}
/* SEO-текст: оглавление слева (строит catalog-h26.js по h2), текст одной колонкой */
.h26 .c26 .c26__below{margin-top:44px}
.h26 .c26 .c26__seo{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2.6fr);gap:20px;align-items:start}
.h26 .c26 .c26__toc{position:sticky;top:calc(var(--hdr-h,96px) + 14px);display:flex;flex-direction:column;gap:2px;padding:18px 14px;border:1px solid var(--line);border-radius:var(--r-lg,22px);background:#fff}
.h26 .c26 .c26__toc b{padding:0 10px 8px;font-weight:800;font-size:16px}
.h26 .c26 .c26__toc a{display:flex;gap:10px;padding:11px 10px;border-radius:12px;font-size:15px;font-weight:600;line-height:1.35;color:var(--ink-2);text-decoration:none;transition:background .2s,color .2s}
.h26 .c26 .c26__toc a span{flex:0 0 auto;font-weight:800;font-size:12.5px;color:var(--dark);padding-top:1px}
.h26 .c26 .c26__toc a:hover,.h26 .c26 .c26__toc a.on{background:var(--soft);color:var(--ink)}
.h26 .c26 .infotext{max-height:none!important;overflow:visible!important;padding:10px 40px 14px;border:1px solid var(--line);border-radius:var(--r-xl,28px);background:#fff;font-size:16px;line-height:1.7;color:var(--ink-2)}
.h26 .c26 .infotext::after{content:none!important;display:none!important}
.h26 .c26 .infotext h2{display:flex;align-items:center;gap:14px;margin:0;padding:26px 0 12px;border-top:1px solid var(--line);font-weight:800;font-size:20px;letter-spacing:-.015em;line-height:1.2;color:var(--ink);scroll-margin-top:110px}
.h26 .c26 .infotext h2:first-child{border-top:0;font-size:26px}
/* TASK-1108 (27.10): номер раздела — CSS-счётчик, текст H2 не меняется (был <span class="num"> внутри заголовка) */
.h26 .c26 .infotext{counter-reset:c26h}
.h26 .c26 .infotext.c26-num h2{counter-increment:c26h}
.h26 .c26 .infotext.c26-num h2::before{content:counter(c26h,decimal-leading-zero);flex:0 0 auto;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft-a);font-size:14px;color:var(--dark)}
.h26 .c26 .infotext p{margin:0 0 12px}
/* TASK-1108: отступ под колонку номеров — только где номера есть (без H2 отступ был пустым местом слева) */
.h26 .c26 .infotext.c26-num p{padding-left:54px}
.h26 .c26 .infotext a{color:var(--dark)}
.h26 .c26 .read-more,.h26 .c26 .c26__below>.button{display:none!important}
/* FAQ раздела (faqBlock) — в стиле макета */
.h26 .c26 .faq{max-width:none;margin-top:24px;padding:24px 30px;border:1px solid var(--line);border-radius:var(--r-xl,28px);background:#fff}
.h26 .c26 .faq-title{font-weight:800;font-size:24px;letter-spacing:-.02em;margin:0 0 10px}
.h26 .c26 .faq-item{border-top:1px solid var(--line)}
.h26 .c26 .faq-question{display:flex;align-items:center;gap:12px;padding:14px 0;font-weight:600;font-size:16px;cursor:pointer}
.h26 .c26 .faq-icon{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--soft);color:var(--ink)}
.h26 .c26 .faq-answer{color:var(--ink-2);font-size:15.5px;line-height:1.65}
@media (max-width:1200px){.h26 .c26 .c26__seo{grid-template-columns:1fr}.h26 .c26 .c26__toc{position:static}.h26 .c26 .infotext.c26-num p{padding-left:0}.h26 .c26 .c26__usp{display:none}}
/* цвета списком — перекрыть правила с #mse2_filters (у живых — квадраты 26×26 без подписи) */
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors>div.c26-swatches.c26-swatches{display:grid!important;grid-template-columns:1fr;gap:2px;padding:0 12px 14px!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch{display:flex!important;align-items:center;gap:10px;width:auto!important;height:auto!important;padding:5px 6px!important;border:0!important;border-radius:10px!important;overflow:visible!important;background:none!important;box-shadow:none!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch:hover{background:var(--soft)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch .c26-swatch__d{flex:0 0 20px!important;width:20px!important;height:20px!important;border-radius:50%!important;box-shadow:inset 0 0 0 1px rgba(17,18,20,.14)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch .c26-swatch__t{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;flex:1;font-size:14.5px;color:var(--ink)}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch__n,.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch[data-n]::after{display:block!important;font-size:12.5px;color:var(--ink-3)}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch.is-current .c26-swatch__d,.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch[aria-pressed=true] .c26-swatch__d{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset.c26__colors .c26-swatch.is-current .c26-swatch__t{font-weight:700}
.h26.catalog-2026 .c26 .faq,.h26.catalog-2026 .c26 .c26__below .faq{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
.h26.catalog-2026 .c26 .c26__below{margin-left:0!important;width:100%!important;max-width:100%!important}
.h26 main .c26 .goods-item .c26-card__note:empty{display:flex!important;visibility:hidden}
/* 26.10 (Дмитрий: «верхний фильтр криво, плохо открывается»): плитки подразделов — одна строка подписи без повтора
   слова раздела (живой механизм c26cut, как на телефоне), картинка 56px, ровная высота, быстрый отклик без прыжка */
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{height:76px!important;min-height:0!important;gap:10px!important;padding:8px 12px 8px 8px!important;transition:border-color .15s,box-shadow .2s!important}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a:hover{transform:none!important;border-color:var(--line-2,#D5D9DF)!important;box-shadow:0 6px 18px rgba(17,18,20,.08)!important}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a img{width:56px!important;height:56px!important;max-height:56px!important}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a>span{display:block!important;min-width:0;font-size:15px!important;line-height:1.25!important;letter-spacing:-.01em;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span span.c26-sub__cut{display:none}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span span.c26-sub__w{display:inline}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span span.c26-sub__cut:first-child+span.c26-sub__w{display:inline-block}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span span.c26-sub__cut:first-child+span.c26-sub__w::first-letter{text-transform:uppercase}
/* 26.10 (Дмитрий): первое фото карточки сразу крупное — того же размера, что кадры галереи при наведении (кадры c26-gal-fx
   стоят inset:0 на всё поле фото). 27.10 (Дмитрий): отступ под плашки («-15%», «Хит») убран — фото у всех карточек одного
   размера, плашка лежит поверх угла фото */
.h26 .c26 .goods-item .c26-card__photo{padding:0!important;position:relative}
.h26 main .c26 .goods-item .c26-card__photo>img:not(.c26-gal-fx){width:100%;height:100%!important;max-height:none!important;object-fit:contain}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a img{width:50px!important;height:50px!important;max-height:50px!important}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a>span{font-size:14.5px!important;text-overflow:clip;overflow:visible;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
/* 26.10 (Дмитрий, 2-й круг): плитки подразделов — вертикально: картинка в мягком круге, подпись целиком под ней
   (без переносов через дефис и обрезки на любой ширине) */
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{flex-direction:column!important;justify-content:center!important;align-items:center!important;height:auto!important;min-height:118px!important;gap:8px!important;padding:12px 8px 12px!important;text-align:center}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a img{box-sizing:border-box;width:64px!important;height:64px!important;max-height:64px!important;padding:0;border-radius:0;background:none;transition:transform .35s var(--spring)}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a:hover img{transform:scale(1.08)}
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a>span{text-align:center!important;white-space:nowrap;hyphens:none!important;-webkit-hyphens:none!important;font-size:14.5px!important}
/* «В наличии» — рядом с сортировкой, не по центру */
.h26 .c26 .c26__instock{margin:0 0 0 4px!important}
/* фото в карточке: без увеличения при наведении (обрезалось сверху), кадры галереи — на белом, первое фото под ними не видно */
.h26 .c26 .goods-item:hover .c26-card__photo img{transform:none!important}
.h26 main .c26 .goods-item .c26-card__photo .c26-gal-fx{background:#fff}
/* фильтр: каждый тип — своя карточка, независимые блоки вместо одного полотна */
.h26.catalog-2026 .c26__aside form#mse2_filters{display:flex!important;flex-direction:column;gap:10px;border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset{margin:0!important;padding:2px 0 12px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;transition:box-shadow .2s}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset:hover{box-shadow:0 6px 18px rgba(17,18,20,.06)}
.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset[hidden],.h26.catalog-2026 .c26__aside form#mse2_filters>fieldset:empty{display:none!important}
/* кадры галереи — ровно на месте первого фото (у живых кадр центрируется translate(-50%,-50%) — с top:13% уезжал вверх) */
.h26 .c26 .goods-item .c26-card__photo.c26-gal-on img.c26-gal-fx{left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;transform:none!important;object-fit:contain;background:#fff}
/* двойная карточка: корзина — тот же круг 44px, не растягивается */
.h26 .c26 .goods-item .c26-card__actions .c26-cart{flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important}
/* TASK-1099 (26.10): телефон — пагинация шире колонки растягивала страницу до 425 px (горизонтальная прокрутка, шапка шире экрана) */
@media (max-width:760px){.h26 .c26__pager .mse2_pagination{min-width:0;max-width:100%}.h26 .c26__pager ul.pagination{flex-wrap:wrap;justify-content:center;row-gap:6px}}
/* TASK-1099 (Дмитрий 27.10): строка над товарами — «В наличии» сразу после сортировки, «Показывать по» всегда у правого края
   (раньше вправо толкал отступ у «В наличии»; где кнопки нет — в разделах без товаров в наличии — «Показывать по» уезжало влево) */
@media (min-width:1024px){.h26 .c26 .c26__bar{flex-wrap:nowrap}.h26 .c26 .c26__bar>*{flex-shrink:0}.h26 .c26 .c26__bar>.c26__chips{flex:1 1 0;min-width:0;justify-content:flex-end;margin-left:8px}}
.h26 .c26 .c26__bar .c26__chips:empty~.c26__bar-limit,.h26 .c26 .c26__bar .c26__chips[hidden]~.c26__bar-limit{margin-left:auto}
/* TASK-1099 (Дмитрий 27.10): фото в плитках подразделов — одной высоты: catalog-h26.js обрезает белые поля у фото,
   товар вписывается в одну высоту; до обрезки фото не показывается (резерв места тот же, сдвига нет) */
.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a img{width:auto!important;max-width:100%!important;object-fit:contain}
.h26.catalog-2026 .c26 ul.listing-subcats.c26-fit img:not(.is-fit){opacity:0}
.h26.catalog-2026 .c26 ul.listing-subcats img.is-fit{opacity:1;transition:opacity .2s}
/* плитки подразделов — первый вид нового дизайна (макет /new/catalog.html): фото слева, подпись справа; все разделы, только ПК
   (Дмитрий 27.10: сначала подстолья, затем перенос на все). На телефоне — прежняя лента. */
@media (min-width:1024px){.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;min-height:0!important;height:100%!important;gap:8px!important;padding:10px!important;text-align:left}.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a img{flex:0 0 64px;width:64px!important;height:64px!important;max-height:64px!important;max-width:64px!important}.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a>span{text-align:left!important;white-space:normal!important;font-size:15px!important;line-height:1.2!important}}
/* TASK-1108 (27.10): телефон — «Купить в 1 клик» не помещалась рядом с кругом корзины (карточка 126–141 px, надпись 116 px):
   две кнопки во всю ширину карточки, 44 px, «В корзину» со значком сверху; шрифт 14 px */
@media (max-width:560px){.h26 main .c26 .c26-card__actions{flex-direction:column!important}.h26 main .c26 .goods-item .c26-card__actions .c26-cart{flex:0 0 44px!important;width:100%!important;min-width:0!important;max-width:none!important;border-radius:var(--pill)!important;padding:0 0 0 30px!important;font-size:14px!important;font-weight:700!important;color:#fff!important;background-position:calc(50% - 42px) center!important}.h26 main .c26 .goods-item .c26-card__actions .c26-cart:hover{transform:none}.h26 main .c26 .c26-card__actions .c26-one{flex:0 0 44px!important;width:100%!important}}
/* TASK-1099 (Дмитрий 27.10): двойная карточка — срок поставки с линией на всю ширину низа (стоял во 2-й колонке, линия не дочерчена) */
.h26 main .c26 .goods-item.c26-wide .c26-w3__foot>.c26-card__note{grid-column:1/-1}
/* TASK-1108 (27.10): телефон — плитки подразделов одной ширины по самому длинному слову (--c26-subw ставит ранний скрипт в
   catalog-2026.tpl), подпись по словам в 1–2 строки без наезда на соседнюю плитку; плитки ряда одной высоты */
@media (max-width:1023px){.h26.catalog-2026 .c26 ul.listing-subcats{align-items:stretch!important}.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item{flex:0 0 var(--c26-subw,92px)!important;width:var(--c26-subw,92px)!important;min-width:0!important;max-width:none!important}.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{height:100%!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}.h26.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a>span{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important}}
/* TASK-1108 (Дмитрий 27.10): телефон — «В наличии» кнопкой в строке «Сортировка · Фильтры» (вид как у соседних кнопок,
   ширина по тексту — «Сортировка» и «Фильтры» не обрезаются на 360 px); нажата — оранжевая */
.h26.catalog-2026 .c26 .c26-mbar>.c26-mbar__instock{display:flex;align-items:center;justify-content:center;flex:0 0 auto;height:38px;padding:0 12px;box-sizing:border-box;background:#fff;border:1px solid var(--c26-line);border-radius:10px;font:inherit;font-size:13px;font-weight:600;color:var(--c26-ink);cursor:pointer;white-space:nowrap}
.h26.catalog-2026 .c26 .c26-mbar>.c26-mbar__instock[hidden]{display:none}
.h26.catalog-2026 .c26 .c26-mbar>.c26-mbar__instock.is-active{border-color:var(--c26-orange);color:var(--c26-orange);font-weight:700}
.h26.catalog-2026 .c26 .c26-mbar>.c26-mbar__instock:disabled{opacity:.45;cursor:default}
/* TASK-1108 (Дмитрий 27.10): телефон — карточки шире: поля страницы 24 → 12 px, внутренний отступ карточки 12 → 10 px */
@media (max-width:600px){.h26.catalog-2026 .c26 .page{padding:0 12px}.h26.catalog-2026 main .c26 .goods-item{padding:10px}}
/* лента плиток подразделов уходит в край экрана на ширину поля страницы (было −15 px под поле 15) — под поле 12 px;
   строка «Сортировка · Фильтры · В наличии»: ширина кнопок по тексту, «Сортировка» не обрезается на 360 px */
@media (max-width:600px){.h26.catalog-2026 .c26 ul.listing-subcats{margin-left:-12px!important;margin-right:-12px!important;padding-left:12px!important;padding-right:12px!important}
.h26.catalog-2026 .c26 .c26-mbar__wrap,.h26.catalog-2026 .c26 .c26-mbar>.c26-mbar__open{flex:1 1 auto}
.h26.catalog-2026 .c26 .c26-mbar__open,.h26.catalog-2026 .c26 .c26-mbar__sort,.h26.catalog-2026 .c26 .c26-mbar>.c26-mbar__instock{padding:0 8px}}
/* TASK-1108 (Дмитрий 27.10): стрелка в кружке у правого края ленты плиток подразделов на телефоне — вид как у .m-cats-next
   в шапке (h26-chrome.css), то же покачивание mNudge; по вертикали — середина ленты */
.h26.catalog-2026 .c26 .c26-subnext{display:none}
@media (max-width:1023px){.h26.catalog-2026 .c26 .c26-subnext{position:absolute;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(17,18,20,.12);cursor:pointer;transition:opacity .25s,transform .25s}
.h26.catalog-2026 .c26 .c26-subnext[hidden]{display:none}
.h26.catalog-2026 .c26 .c26-subnext svg{width:16px;height:16px;fill:none;stroke:#BB4B00;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:mNudge 1.4s ease-in-out infinite}
.h26.catalog-2026 .c26 .c26-subnext.is-end{opacity:0;pointer-events:none;transform:scale(.8)}}
/* TASK-1108 (Дмитрий 27.10): кнопки карточек одного ряда — на одной высоте. Строка наличия под кнопками бывает в 1 или 2 строки
   («короткий срок поставки» на телефоне переносится) — у всех карточек одна высота: ПК 1 строка, телефон 2 */
.h26.catalog-2026 main .c26 .goods-item .c26-card__note{line-height:1.3!important;min-height:calc(1.3em + var(--c26-note-pad,10px));align-items:flex-start!important}
@media (max-width:600px){.h26.catalog-2026 main .c26 .goods-item .c26-card__note{min-height:calc(2.6em + var(--c26-note-pad,10px))}}
/* TASK-1108 (27.10): сдвиг макета 0,29 на 1280–1366 — плашки у H1 («N моделей», «Отгрузка…», «Юр. лица…») переносились
   во вторую строку, когда приходил фирменный шрифт (запасной уже/шире) — всё ниже прыгало на 40 px. На ПК — одна строка без
   переносов: слева H1 и сразу за ним «N моделей», справа плашки доверия (Дмитрий 27.10: плашки справа). Ширину уступает только
   H1 (длинный заголовок переносится внутри своего блока), «N моделей» и плашки не сжимаются — от шрифта раскладка не зависит */
@media (min-width:1024px){.h26.catalog-2026 .c26 .c26__head{flex-wrap:nowrap!important;align-items:center!important;gap:16px!important}.h26.catalog-2026 .c26 .c26__head-meta{flex:1 1 auto!important;min-width:0;flex-wrap:nowrap!important;align-items:center!important;gap:14px!important}.h26.catalog-2026 .c26 .c26__head-meta h1{flex:0 1 auto!important;min-width:0}.h26.catalog-2026 .c26 .c26__head-meta .c26__count{flex:none!important;white-space:nowrap}.h26.catalog-2026 .c26 .c26__head>.c26__usp{flex:none!important;margin-left:auto}}
/* TASK-1108: широкая карточка (.c26-w3) — зазор кнопки и строки наличия 8 → 10 px, как у обычных: кнопки ряда на одной высоте */
.h26.catalog-2026 main .c26 .c26-w3__foot .c26-card__note{margin-top:2px!important}
/* TASK-1108 (PageSpeed, доступность): текст нажатых «Фильтры» и «В наличии» на телефоне — тёмно-оранжевый #BB4B00 (контраст 5,1;
   #EE5700 давал 3,5 при норме 4,5), рамка прежняя */
.h26.catalog-2026 .c26 .c26-mbar__open.is-on,.h26.catalog-2026 .c26 .c26-mbar>.c26-mbar__instock.is-active{color:#BB4B00!important}

/* 4. панель сравнения — внизу экрана */
.cmpb{position:fixed;z-index:60;left:50%;bottom:18px;width:min(760px,calc(100% - 32px));transform:translate(-50%,140%);transition:transform .5s var(--spring);pointer-events:none}
.cmpb.on{transform:translate(-50%,0);pointer-events:auto}
.cmpb__in{display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(17,18,20,.18)}
.cmpb__t{font-weight:800;font-size:15px;white-space:nowrap}
.cmpb__t span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;border-radius:11px;background:var(--btn);color:var(--btn-ink,#fff);font-size:12.5px}
.cmpb__sl{display:flex;gap:6px}
.cmpb__i{position:relative;width:52px;height:52px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center}
.cmpb__i img{width:42px;height:42px;object-fit:contain}
.cmpb__i span{display:none}
.cmpb__i button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;line-height:1;display:grid;place-items:center}
.cmpb__i--e{border-style:dashed;background:var(--soft)}
.cmpb__h{flex:1;font-size:13.5px;color:var(--ink-3)}
.cmpb.ok .cmpb__h{visibility:hidden}
.cmpb__x{font-size:14px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.cmpb__x:hover{color:var(--dark)}
.cmpb__go{height:48px;padding:0 24px;opacity:.45;pointer-events:none}
.cmpb.ok .cmpb__go{opacity:1;pointer-events:auto}
/* 5. окно быстрого просмотра */
.qv{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px}
.qv[hidden]{display:none}
.qv__bg{position:absolute;inset:0;background:rgba(17,18,20,.45);opacity:0;transition:opacity .25s}
.qv.on .qv__bg{opacity:1}
.qv__box{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:28px;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:26px;border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(17,18,20,.3);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .25s,transform .4s var(--spring)}
.qv.on .qv__box{opacity:1;transform:none}
.qv__x{position:absolute;z-index:1;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:var(--soft);display:grid;place-items:center;transition:background .2s}
.qv__x:hover{background:var(--soft-2)}
.qv__x svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:2}
.qv__gal{display:flex;flex-direction:column;gap:10px;min-width:0}
.qv__main{aspect-ratio:1;border-radius:20px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.qv__main img{width:86%;height:86%;object-fit:contain}
.qv__th{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qv__th[hidden]{display:none}
.qv__th button{aspect-ratio:1;border-radius:12px;border:1.5px solid var(--line);display:grid;place-items:center;transition:border-color .2s}
.qv__th button.on{border-color:var(--ink)}
.qv__th img{width:80%;height:80%;object-fit:contain}
.qv__inf{display:flex;flex-direction:column;min-width:0;padding-top:6px}
.qv__bd{display:flex;gap:5px;min-height:24px;margin-bottom:8px}
.qv__nm{font-weight:800;font-size:30px;letter-spacing:-.025em;margin:2px 0 14px}
.qv__sps{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.qv__sps .lc__sp{font-size:14.5px}
.qv__pr{margin-top:auto;padding-top:18px;font-weight:800;font-size:30px;letter-spacing:-.03em}
.qv__pr small{font-weight:500;font-size:15px;color:var(--ink-3)}
.qv__pr s{margin-left:6px;font-weight:500;font-size:16px;color:var(--ink-3)}
.qv__nt{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:14px;color:var(--ink-3)}
.qv__nt i{width:8px;height:8px;border-radius:50%;background:#E0A100}
.qv__nt--ok i{background:#26A35A}
.qv__buy{display:flex;gap:8px;margin-top:16px}
.qv__qty{display:flex;align-items:center;height:52px;padding:0 4px;border-radius:var(--pill);background:var(--soft)}
.qv__qty button{width:38px;height:44px;border-radius:50%;font-size:20px;transition:background .2s}
.qv__qty button:hover{background:#fff}
.qv__qty span{min-width:30px;text-align:center;font-weight:700}
.qv__cart{flex:1;height:52px;justify-content:center}
.qv__row{display:flex;gap:8px;margin-top:8px}
.qv__one{flex:1;height:48px;border-radius:var(--pill);background:var(--soft);font-weight:700;font-size:15px;transition:background .2s}
.qv__one:hover{background:var(--soft-2)}
.qv__more{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:var(--pill);border:1.5px solid var(--line);font-weight:700;font-size:15px;transition:border-color .2s}
.qv__more:hover{border-color:var(--ink)}
.c26-qv{position:absolute;z-index:3;left:50%;bottom:14px;padding:8px 14px;border-radius:var(--pill);border:0;background:rgba(17,18,20,.86);color:#fff;font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;opacity:0;transform:translate(-50%,8px);transition:opacity .3s,transform .4s var(--spring),background .2s}
.h26 main .c26 .goods-item:hover .c26-qv{opacity:1;transform:translate(-50%,0)}
.h26 main .c26 .goods-item .c26-card__photo{position:relative}
.qv__ty{font-size:13px;color:var(--ink-3)}
.qv__sps{display:flex;flex-direction:column;gap:7px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.qv__sps .c26-spec{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--ink-2)}
.qv__sps .c26-spec__l{flex:1;border-bottom:1px dotted var(--line-2,#D5D9DF);transform:translateY(-3px)}
.qv__sps .c26-spec__v{font-weight:600;color:var(--ink)}
.qv__pr .value{font-weight:800;font-size:30px;letter-spacing:-.03em;color:var(--ink)}
.qv__pr .saleprice,.qv__pr .saleprice .value{font-weight:500;font-size:16px;color:var(--ink-3);text-decoration:line-through}
.qv__buy{display:flex;gap:8px;margin-top:16px}
.qv__buy .qv__one{flex:1;height:52px;border-radius:var(--pill);border:0;background:var(--soft);font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.qv__buy .qv__cart{flex:1;height:52px;border-radius:var(--pill);border:0;background:var(--btn);color:var(--btn-ink,#fff);font:inherit;font-weight:700;font-size:18.7px;cursor:pointer}
.qv__more{margin-top:10px;align-self:flex-start;font-weight:700;color:var(--ink)}
.cmpb__go{display:inline-flex;align-items:center;justify-content:center}
.qv__pr{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.qv__pr .c26-from{font-size:15px;color:var(--ink-3)}.qv__more{border:0;padding:0}
/* TASK-1099 (Дмитрий 27.10): «Подробнее о товаре» — под кнопкой «В корзину»; кнопка просмотра ждёт данные — курсор и мягкая пульсация */
.qv__buy{display:grid;grid-template-columns:1fr 1fr;gap:8px 8px}
.qv__buy .qv__more{grid-column:2;justify-self:center;margin-top:4px}
.c26-qv.is-wait{cursor:progress;animation:c26QvWait 1s ease-in-out infinite alternate}
@keyframes c26QvWait{to{background:rgba(17,18,20,.6)}}