/* TASK-0222 — новый каталог (пилот: раздел подстолий).
   Всё под .catalog-2026, чтобы не задеть остальные разделы на общем catalog.tpl. */

.catalog-2026{
  --c26-ink:#16283C; --c26-muted:#8A99A9; --c26-muted2:#96A4B2;
  --c26-line:#E4E9EF; --c26-line2:#EDF1F5; --c26-dash:#EEF2F6;
  --c26-blue:#1B6DC4; --c26-blue-soft:#EAF3FC; --c26-blue-line:#BBD8F5;
  --c26-orange:#F1861D; --c26-orange-soft:#FFF3E6; --c26-green:#2FA84F;
  --c26-bg:#fff; --c26-r:12px;
  background:var(--c26-bg);
}

/* В теме heavytop блочные элементы внутри каталога массово получают display:flex,
   из-за чего подписи и значения выстраивались в ряд (подборки, статьи, заметка
   сайдбара). Сбрасываем это ТОЛЬКО на своих элементах — они все с префиксом c26.
   :where() обнуляет специфичность селектора, поэтому любое собственное правило
   ниже по файлу спокойно перебивает сброс, а чужие блоки (FAQ, форма mFilter2,
   SEO-текст) не затрагиваются вовсе. */
.catalog-2026 :where([class^="c26"], [class*=" c26"]){display:block}

/* Тема делает .page флексом и весь текст выравнивает по ширине (justify).
   Из-за flex блок .c26__below не сжимался под свой margin-left и рамка
   SEO-текста улетала за правый край экрана. Внутри новой секции каталога
   .page — обычный поток, текст — по левому краю. */
.catalog-2026 .c26 > .page{display:block}
.catalog-2026 .c26{text-align:left}
.catalog-2026 .c26 .infotext,.catalog-2026 .c26 .sf_content{box-sizing:border-box;max-width:100%}
.catalog-2026 .c26{color:var(--c26-ink)}
.catalog-2026 .c26 a{color:var(--c26-blue);text-decoration:none}
.catalog-2026 .c26 a:hover{color:var(--c26-orange)}

/* --- шапка раздела ------------------------------------------------------- */
.c26__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:6px 0 22px;flex-wrap:wrap}
.c26__head-meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.c26 h1.sf_h1{margin:0;font-size:34px;font-weight:800;letter-spacing:-.5px;line-height:1.15}
.c26__count{font-size:15px;color:var(--c26-muted)}
.c26__usp{display:flex;gap:10px;flex-wrap:wrap}
.c26__usp div{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--c26-line);border-radius:10px;padding:9px 14px;font-size:13px}
.c26__usp .dot{color:var(--c26-green);font-size:15px;line-height:1}

/* --- плитка разделов ----------------------------------------------------- */
.c26__sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.c26__sec-head b{font-size:17px}
/* Плитка разделов = .tiles/.tile из макета. Тема задаёт li ширину 16.666% и
   flex-раскладку ul — в гриде это давало ячейки по 37 px и разъехавшиеся
   плитки. Ширину у li снимаем, ссылку растягиваем на всю ячейку. */
.catalog-2026 .c26 ul.listing-subcats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 26px;padding:0;list-style:none;align-items:stretch}
.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item{display:block;width:auto;max-width:none;flex:none;margin:0;padding:0;list-style:none}
.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item::before{content:none}
.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;height:100%;margin:0;background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);padding:12px;box-sizing:border-box;transition:border-color .18s,box-shadow .18s;text-align:center;align-items:center}
.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a:hover{border-color:var(--c26-orange);box-shadow:0 8px 22px rgba(22,40,60,.10);transform:none}
.catalog-2026 .c26 ul.listing-subcats img{height:92px;width:100%;object-fit:contain;display:block;margin:0}
.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span{display:block;font-size:13.5px;font-weight:600;color:var(--c26-ink);line-height:1.25;text-align:center}

/* --- панель сортировки и чипов ------------------------------------------- */
.c26__bar{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);padding:12px 16px;margin-bottom:18px;flex-wrap:wrap;box-sizing:border-box;width:100%;max-width:100%}
.c26__bar-lbl{font-size:13px;color:var(--c26-muted)}
.c26 #mse2_sort{display:flex;gap:6px;flex-wrap:wrap}
.c26 #mse2_sort button{border:none;background:transparent;color:#3B4C5F;font-size:13px;font-weight:600;border-radius:8px;padding:7px 12px;cursor:pointer}
.c26 #mse2_sort button:hover{background:var(--c26-line2)}
.c26 #mse2_sort button.active,
.c26 #mse2_sort button.asc,
.c26 #mse2_sort button.desc{background:var(--c26-orange-soft);color:var(--c26-orange)}
.c26__chips{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
/* дубль «Показывать по» в правой части строки сортировки; вправо его толкает
   margin-left:auto у блока чипов перед ним */
.c26__bar-limit{display:flex;align-items:center;gap:8px;flex:none}
.c26__bar-limit label{display:inline;white-space:nowrap;margin:0;font-size:13px;color:var(--c26-muted);width:auto;flex:none}
.c26__bar-limit select{width:auto;border:1px solid var(--c26-line);border-radius:8px;padding:6px 8px;font-size:13px}
.c26__chip{border:1px solid #FFD9AF;background:#FFF6EC;color:var(--c26-ink);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600;display:flex;gap:6px;align-items:center;cursor:pointer}
.c26__chip i{color:var(--c26-orange);font-style:normal}
.c26__chips .c26__link-btn{border:none;background:none;color:var(--c26-blue);font-size:12.5px;font-weight:600;cursor:pointer}

/* --- раскладка ----------------------------------------------------------- */
.c26__layout{display:flex;align-items:flex-start;gap:20px}
.c26__aside{width:262px;flex:0 0 262px;position:sticky;top:16px}

/* --- фильтр -------------------------------------------------------------- */
/* Сайдбар-фильтр = .panel/.fset/.fbody из макета: одна белая панель, группы
   разделены линией. Тема heavytop рисует каждую группу отдельной «коробкой»
   (`#mse2_filters > fieldset > span` — фон, рамка, отрицательные поля,
   фоновая иконка-воронка в ::after) и добавляет fieldset собственные padding
   и box-sizing. Селекторы темы содержат id, поэтому подавляем их явно и с
   такой же (более высокой) специфичностью. */
/* Панель фильтра — самостоятельная карточка со своей обводкой, как на
   референсе: у фильтра своя рамка, у товаров своя, между ними зазор колонок.
   Разделительной вертикальной линии между колонками нет вовсе. */
.catalog-2026 .c26__aside form#mse2_filters{background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);overflow:hidden;display:flex;flex-direction:column;margin:0;padding:0}
/* TASK-0286 — контейнер группы фильтра переведён на flex-column, чтобы order
   на fieldset мог переставлять видимые группы без правки $filters/DOM;
   order по умолчанию 0 у всех — без правки раздела порядок как был.
   Мобильная копия формы (.filters-wrapper, тот же id) — тем же правилом,
   иначе порядок разъедется между десктопом и 360px. */
.catalog-2026 .filters-wrapper form#mse2_filters{display:flex;flex-direction:column}
.catalog-2026 .c26__aside form#mse2_filters > fieldset{display:block;border:none;border-bottom:1px solid var(--c26-dash);margin:0;padding:0;overflow:visible;box-sizing:border-box;max-height:none;border-radius:0;background:none}
.catalog-2026 .c26__aside form#mse2_filters > fieldset:last-of-type{border-bottom:none}

.catalog-2026 .c26__aside form#mse2_filters > fieldset > .filter_title,
.catalog-2026 .c26__aside form#mse2_filters > fieldset > .title,
.catalog-2026 .c26__aside form#mse2_filters > fieldset > span{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:14px 16px;margin:0;background:none;border:none;border-radius:0;font-size:14px;font-weight:700;color:var(--c26-ink);cursor:pointer}
.catalog-2026 .c26__aside form#mse2_filters > fieldset > .filter_title:hover,
.catalog-2026 .c26__aside form#mse2_filters > fieldset > span:hover{background:#F7F9FB}
/* теминая воронка в ::after — гасим фон и подставляем свой знак */
.catalog-2026 .c26__aside form#mse2_filters > fieldset > .filter_title::after,
.catalog-2026 .c26__aside form#mse2_filters > fieldset > .title::after,
.catalog-2026 .c26__aside form#mse2_filters > fieldset > span::after{content:"–";position:static;transform:none;width:16px;height:auto;background:none;background-image:none;font-size:16px;line-height:1;color:var(--c26-muted);text-align:center}
.catalog-2026 .c26__aside form#mse2_filters > fieldset.c26-closed > .filter_title::after,
.catalog-2026 .c26__aside form#mse2_filters > fieldset.c26-closed > span::after{content:"+"}

.catalog-2026 .c26__aside form#mse2_filters > fieldset > div{padding:0 16px;margin:0}
.catalog-2026 .c26__aside form#mse2_filters > fieldset > div:last-of-type{padding-bottom:14px}
.catalog-2026 .c26__aside form#mse2_filters > fieldset.c26-closed > div{display:none}
.catalog-2026 .c26__aside form#mse2_filters > fieldset > div:not(.mse2_number_inputs):not(.mse2_number_slider){display:flex;align-items:center;gap:9px;font-size:13.5px;color:#3B4C5F;padding-top:4px;padding-bottom:4px}
.catalog-2026 .c26__aside form#mse2_filters label{display:flex;align-items:center;gap:4px;font-size:13.5px;color:#3B4C5F;margin:0;cursor:pointer;flex:1;min-width:0;background:none;border:none;padding:0;position:static}
.catalog-2026 .c26__aside form#mse2_filters label a.sf_facet_link{display:flex;align-items:center;gap:4px;min-width:0;color:inherit;text-decoration:none}.catalog-2026 .c26__aside form#mse2_filters label sup{margin-left:0;font-size:11px;color:#B6C1CC;top:0}
/* Тема выносит чекбокс из потока (position:absolute) и считает строки в
   content-box — из-за этого квадратик наезжал на подпись, а текст обрезался
   левым краем панели. Возвращаем в поток, переводим всё в border-box и рисуем
   квадратик как в макете: 17px, скругление, оранжевая заливка с галочкой. */
/* Тема делает input невидимым (opacity:0) и рисует свой квадрат в label::before —
   из-за этого клик по месту чекбокса уходил в перекрывающий div и фильтр не
   срабатывал. Возвращаем input видимость и кликабельность, квадрат темы гасим. */
.catalog-2026 .c26__aside form#mse2_filters input[type=checkbox]{position:static;opacity:1;appearance:none;-webkit-appearance:none;width:17px;height:17px;flex:0 0 17px;margin:0;border:1px solid #D8E0E8;border-radius:5px;background:#fff center/11px no-repeat;cursor:pointer;z-index:1}
.catalog-2026 .c26__aside form#mse2_filters label::before,
.catalog-2026 .c26__aside form#mse2_filters label::after{content:none;display:none}
.catalog-2026 .c26__aside form#mse2_filters input[type=checkbox]:checked{background-color:var(--c26-orange);border-color:var(--c26-orange);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 4.7 9 10 3.4' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.catalog-2026 .c26__aside form#mse2_filters,
.catalog-2026 .c26__aside form#mse2_filters *{box-sizing:border-box}
/* тема красит подписи фильтра фирменным оранжевым — возвращаем текстовый цвет */
.catalog-2026 .c26__aside form#mse2_filters > fieldset > div > label{color:#3B4C5F}
.catalog-2026 .c26__aside form#mse2_filters > fieldset > div > label sup{color:#B6C1CC}
.catalog-2026 .c26__aside form#mse2_filters > fieldset.c26-hidden{display:none}
/* «Показать все» — это тоже span внутри fieldset, иначе тема рисует его коробкой */
.catalog-2026 .c26__aside form#mse2_filters > fieldset.c26-cut > div.c26-over{display:none}
.catalog-2026 .c26__aside form#mse2_filters > fieldset > span.c26-more-link{display:block;width:auto;padding:2px 16px 12px;margin:0;background:none;border:none;font-size:13px;font-weight:600;color:var(--c26-blue);cursor:pointer;justify-content:flex-start}
.catalog-2026 .c26__aside form#mse2_filters > fieldset > span.c26-more-link::after{content:none;display:none}

/* Цена — как в макете: заголовок, два поля в рамках, оранжевый ползунок ПОД
   полями. ⚠️ На heavytop у fieldset цены НЕТ класса pricerange (чанк слайдера
   отличается от боевого) — целимся по id, а порядок «слайдер до полей» из
   разметки переворачиваем order'ом. */
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"]{display:flex;flex-direction:column}
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] > .filter_title,
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] > .title,
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] > span{order:1}
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] .mse2_number_inputs{order:2;display:flex;gap:8px;padding:0 16px 14px}
/* боковые поля 24px: ручки ползунка (по 7px наружу от края) остаются
   внутри панели и не обрезаются */
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] .mse2_number_slider{order:3;margin:2px 24px 18px}
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] .mse2_number_inputs > div{display:block;flex:1;border:1px solid var(--c26-line);border-radius:8px;padding:6px 10px;margin:0;width:auto;min-width:0}
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] .mse2_number_inputs label{display:block;font-size:10.5px;color:#A6B2BF;flex:none;background:none;border:none;padding:0;margin:0}
.catalog-2026 .c26__aside form#mse2_filters fieldset[id="mse2_ms|price"] input[type=text]{border:none;outline:none;width:100%;font-size:14px;font-weight:600;color:var(--c26-ink);padding:0;background:none;box-shadow:none}
/* jQuery-UI ползунок в цвета макета */
.catalog-2026 .c26__aside .mse2_number_slider.ui-slider{position:relative;height:4px;border:none;border-radius:4px;background:var(--c26-dash)}
.catalog-2026 .c26__aside .mse2_number_slider .ui-slider-range{position:absolute;top:0;height:4px;background:var(--c26-orange);border:none;border-radius:4px}
.catalog-2026 .c26__aside .mse2_number_slider .ui-slider-handle{position:absolute;box-sizing:border-box;width:14px;height:14px;top:-5px;margin-left:-7px;padding:0;border-radius:50%;background:#fff;border:2px solid var(--c26-orange);outline:none;cursor:pointer;text-indent:-9999px;overflow:hidden;z-index:2}
.catalog-2026 .c26__aside .mse2_number_slider .ui-slider-handle::before,
.catalog-2026 .c26__aside .mse2_number_slider .ui-slider-handle::after{content:none}

/* --- вынесенный блок цвета ----------------------------------------------- */
/* Цвет — такая же группа панели, как остальные: скрипт ставит её после
   «По высоте», рамку держит сама панель (форма). */
.c26__colors{background:#fff;border:none;border-bottom:1px solid var(--c26-dash);border-radius:0;padding:14px 16px;margin:0}
.c26__colors > b{display:block;font-size:14px;margin-bottom:12px}
.c26-swatches{display:flex;flex-wrap:wrap;gap:8px}
.c26-swatch{display:block;width:26px;height:26px;border-radius:8px;border:1px solid #DDE4EB;overflow:hidden;position:relative;cursor:pointer;padding:0}
.c26-swatch .c26-swatch__d{display:block;width:100%;height:100%}
.c26-swatch .c26-swatch__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c26-swatch:hover{border-color:var(--c26-orange)}
.c26-swatch.is-current,.c26-swatch[aria-pressed="true"]{border:2px solid var(--c26-orange);box-shadow:0 0 0 2px var(--c26-orange-soft)}

/* --- подборки (ссылки на фасеты вынесенных групп) ------------------------ */
/* без рамки: линия рядом с товарами мешала (решение 13.08); группы разведены */
.c26-picks{background:none;border:none;border-radius:0;padding:16px 4px;margin-top:8px}
.c26-picks__t{display:block;font-size:14px;font-weight:700;margin-bottom:12px}
.c26-picks__g{display:block;margin-bottom:18px}
.c26-picks__g:last-child{margin-bottom:0}
.c26-picks__g b{display:block;font-size:12px;color:var(--c26-muted);font-weight:600;margin-bottom:4px}
.c26-picks__g ul{display:block;margin:0;padding:0;list-style:none}
.c26-picks__g li{display:block;margin:0;padding:2px 0;list-style:none}
.c26-picks__g li::before,.c26-picks__g li::marker{content:none;display:none}
.c26-pick{display:block;font-size:13px;color:var(--c26-blue);line-height:1.3}
/* счётчик обязан остаться в строке со ссылкой: сброс выше делает блоком
   вообще все c26-элементы, включая инлайновые подписи */
.c26-pick__n{display:inline;font-size:11px;color:#B6C1CC;margin-left:4px}
.c26-spec__k,.c26-spec__v,.c26__count,.c26__bar-lbl{display:inline}
.c26-spec__l{display:block}
.c26-pick.is-current{color:var(--c26-orange);font-weight:700}

/* --- кнопки и заметка сайдбара ------------------------------------------- */
.c26__side-actions{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.c26__btn-primary{background:var(--c26-orange);color:#fff;border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:700;box-shadow:0 6px 16px rgba(241,134,29,.28);cursor:pointer}
.c26__btn-ghost{background:#fff;color:var(--c26-blue);border:1px solid var(--c26-line);border-radius:10px;padding:11px;font-size:13.5px;font-weight:600;cursor:pointer}
.c26__note{display:block;margin-top:16px;background:var(--c26-blue-soft);border-radius:var(--c26-r);padding:14px 16px}
.c26__note b{display:block;font-size:13.5px;margin-bottom:6px}
.c26__note p{display:block;margin:0 0 10px;font-size:12.5px;color:#4E6478;line-height:1.45}
.c26__note a{display:inline-block;font-size:13px;font-weight:600}
.c26__colors{display:block}
.c26__colors > b{display:block}

/* --- сетка товаров ------------------------------------------------------- */
/* dense: широкая карточка на 2 колонки может начаться не с края ряда —
   без dense в ряду оставалась дырка (замечание 14.08) */
.c26 #mse2_results.c26__grid{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:dense;gap:8px;align-items:stretch}
/* Обводка карточек — той же толщины и цвета, что у панели фильтра
   (1px var(--c26-line)); при наведении рамка не меняется, добавляется тень. */
.c26 .goods-item{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);padding:12px;transition:box-shadow .18s}
.c26 .goods-item:hover{box-shadow:0 12px 26px rgba(22,40,60,.12)}
.c26 #mse2_results.c26__grid{border:none}
.c26 .goods-item .c26-card__photo{height:210px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}
.c26 .goods-item .c26-card__photo img{max-height:210px;max-width:100%;object-fit:contain}
.c26 .goods-item .c26-card__nm{font-size:15px;font-weight:700;line-height:1.25;margin-bottom:2px;color:var(--c26-ink);display:block}
.c26 .goods-item .c26-card__ty{font-size:12.5px;color:var(--c26-muted);margin-bottom:10px}
/* В теме heavytop внутри .goods-item любой div получает display:flex (строки
   характеристик из-за этого вставали в ряд и выезжали за карточку). Поэтому
   контейнерам, которые обязаны быть обычными блоками, тип задаётся явно. */
.c26 .goods-item .c26-card__specs,
.c26 .goods-item .c26-mini,
.c26 .goods-item .c26-wide__foot,
.c26 .goods-item .c26-card__note,
.c26 .goods-item .c26-card__grow{display:block}

.c26-spec{display:flex;align-items:baseline;gap:6px;padding:5px 0;border-bottom:1px dashed var(--c26-dash);background:transparent}
.c26-spec__k{font-size:11.5px;color:var(--c26-muted2);white-space:nowrap}
.c26-spec__l{flex:1}
.c26-spec__v{font-size:12px;font-weight:600;color:#3B4C5F;white-space:nowrap}
.c26-spec.is-ok .c26-spec__v{color:var(--c26-green)}
.c26-card__grow{flex:1}
/* тема растаскивает .price по краям (space-between) — старая цена упиралась
   в границу карточки; держим все части слева */
.c26 .goods-item .price{display:flex;align-items:baseline;justify-content:flex-start;gap:8px;flex-wrap:wrap;row-gap:2px;min-width:0}
.c26 .goods-item .price .c26-from{font-size:12px;color:var(--c26-muted)}
.c26 .goods-item .price .value{font-size:20px;font-weight:800;color:var(--c26-orange);letter-spacing:-.3px}
/* Старая цена: «руб.» наследовало крупный кегль от .price — задаём весь блок
   одним размером и делаем его заметнее (был #B6C1CC — почти невидим). */
.c26 .goods-item .saleprice{font-size:13px;font-weight:500;color:#8A99A9;text-decoration:line-through}
.c26 .goods-item .saleprice .value{font-size:13px;font-weight:500;color:#8A99A9;text-decoration:line-through}
.c26-card__note{font-size:11.5px;color:var(--c26-muted2);margin-top:4px;min-height:14px}
/* В узкой карточке «В корзину» и «Купить в 1 клик» в один ряд не помещаются
   (252 px внутренней ширины), поэтому там кнопки идут столбиком; в широкой —
   рядом, как в макете. */
.c26-card__actions{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.c26-wide .c26-card__actions{flex-direction:row}
/* «В корзину» без заливки в покое, оранжевая — при наведении (решение 13.08) */
.c26-card__actions .c26-cart{flex:1;white-space:nowrap;background:#fff;color:var(--c26-orange);border:1px solid var(--c26-orange);border-radius:9px;padding:11px 8px;font-size:13px;font-weight:700;cursor:pointer;width:100%;transition:background .15s,color .15s}
.c26-card__actions .c26-cart:hover{background:var(--c26-orange);color:#fff}
/* «Купить в 1 клик» — второстепенная кнопка: серая рамка, тёмный текст */
.c26-card__actions .c26-one{flex:1;white-space:nowrap;background:#fff;color:var(--c26-ink);border:1px solid var(--c26-line);border-radius:9px;padding:11px 12px;font-size:13px;font-weight:600;cursor:pointer;width:100%;transition:border-color .15s,background .15s}
.c26-wide .c26-card__actions .c26-cart,.c26-wide .c26-card__actions .c26-one{width:auto}
.c26-card__actions .c26-one:hover{background:#F7F9FB;border-color:#C7D0D9}
.c26 .goods-item .sale-badge,.c26-badge{position:static;font-size:10.5px;font-weight:800;letter-spacing:.4px;border-radius:6px;padding:4px 7px;background:var(--c26-orange-soft);color:var(--c26-orange)}
.c26-badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.c26-badge--red{background:#FDE8E6;color:#C0392B}
.c26-badge--blue{background:var(--c26-blue-soft);color:var(--c26-blue)}
.c26-tools{position:absolute;top:12px;right:12px;z-index:3;display:flex;flex-direction:column;gap:6px}
.c26-tools .heavytop-list-toggle,.c26-tools button{width:28px;height:28px;border-radius:8px;border:1px solid var(--c26-line);background:#fff;color:var(--c26-muted);font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.c26-tools .heavytop-list-toggle.is-active,.c26-tools button[aria-pressed="true"]{border-color:var(--c26-orange);color:var(--c26-orange)}
/* Сквозная ссылка лежит под карточкой, но кнопки обязаны быть НАД ней:
   иначе «В корзину», «В 1 клик», избранное и сравнение не нажимаются —
   клик уходит в ссылку на товар (поймано приёмкой TASK-0222). */
.c26-card__link{position:absolute;inset:0;z-index:1}
.c26-card__actions{position:relative;z-index:2}
.c26-card__actions .c26-cart,.c26-card__actions .c26-one{position:relative;z-index:2}
.c26-cart-form{display:contents}
.c26 .goods-item .price,.c26 .goods-item .c26-card__specs{position:relative;z-index:0}

/* --- широкая карточка: две колонки, строки одной высоты -------------------
   Симметрия держится на трёх вещах: одинаковый ритм строк слева и справа
   (по 6.5px сверху и снизу), фото фиксированной высоты и футер, прижатый
   к низу правой колонки. Никаких лишних фонов и рамок внутри. */
.c26-wide{grid-column:span 2}
.c26-wide__body{display:flex;gap:16px;align-items:stretch;flex:1;min-height:0}
.c26-wide__left{width:46%;flex:0 0 46%;display:flex;flex-direction:column;min-width:0}
/* фото занимает всю свободную высоту левой колонки (было фикс. 250px —
   при высокой правой колонке под фото зияла пустота) */
.c26-wide__left .c26-card__photo{flex:1 1 auto;min-height:210px;max-height:280px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}
.c26-wide__left .c26-card__photo img{max-height:100%;max-width:100%;object-fit:contain}
.c26-wide__right{flex:1;min-width:0;display:flex;flex-direction:column}
/* название и подпись не должны подлезать под кнопки избранного/сравнения */
.c26-wide__right .c26-card__nm{font-size:17px;padding-right:76px}
.c26-wide__right .c26-card__ty{padding-right:76px}
.c26-wide .c26-card__specs .c26-spec,
.c26-wide .c26-mini .c26-spec{padding:6.5px 0;background:transparent}
.c26-wide__foot{margin-top:auto;padding-top:14px}
.c26-wide__foot .price .value{font-size:24px}
.c26-wide__foot .c26-card__actions{display:flex;flex-direction:row;gap:6px}
.c26-wide__foot .c26-card__actions .c26-cart,
.c26-wide__foot .c26-card__actions .c26-one{flex:1;width:auto;padding:12px 16px;font-size:13.5px}
/* условия прижаты к низу левой колонки — тогда их нижняя строка встаёт
   вровень с футером правой */
.c26-wide .c26-mini{padding-top:8px;margin-top:auto}

/* --- баннер другого раздела: та же стилистика, что у карточек товаров ----- */
.c26-promo{grid-column:span 5;background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);overflow:hidden;display:flex;align-items:center;transition:box-shadow .18s}
.c26-promo:hover{box-shadow:0 12px 26px rgba(22,40,60,.12)}
.c26-promo__txt{flex:1 1 auto;min-width:0;padding:18px 24px;display:flex;align-items:center;gap:24px;background:none}
/* тема флексует безклассовые div и h3/p — внутри баннера возвращаем поток */
.c26-promo__txt > div:first-child{display:block;flex:1 1 auto;min-width:0}
.c26-promo__txt h3{display:block;margin:0 0 4px;font-size:18px;font-weight:800;line-height:1.2;color:var(--c26-ink)}
.c26-promo__txt p{display:block;margin:0;font-size:12.5px;color:#4E6478;line-height:1.4}
.c26-promo__btns{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.c26-promo__btns a{display:block;background:#fff;color:var(--c26-orange);border:1px solid var(--c26-orange);border-radius:9px;padding:10px 18px;font-size:13px;font-weight:700;white-space:nowrap;text-align:center;transition:background .15s,color .15s}
.c26-promo__btns a:hover{background:var(--c26-orange);color:#fff}
/* предметная картинка на белом — как в карточке, contain вместо cover */
.c26-promo__img{flex:0 0 auto;display:block;width:300px;height:170px;object-fit:contain;background:#fff;padding:0 16px;box-sizing:content-box}

/* --- блок статей: три текстовые карточки в стилистике товарных ------------ */
/* TASK-0279: auto-fit вместо жёстких трёх колонок — в блоге heavytop шесть
   статей на весь сайт, и в разделе по теме честно набирается две, а не три.
   При жёстком repeat(3) одна-две карточки оставляли в ряду пустое место. */
.c26-arts{grid-column:span 5;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;background:none;border:none;padding:0}
.c26-art{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);padding:16px 18px;transition:box-shadow .18s}
.c26-art:hover{box-shadow:0 8px 22px rgba(22,40,60,.10)}
.c26-art__kick{display:block;font-size:10.5px;font-weight:700;color:var(--c26-orange);letter-spacing:.5px;text-align:left}
.c26-art__ttl{display:block;font-size:14px;font-weight:700;color:var(--c26-ink);line-height:1.35;text-align:left;flex:1}
.c26-art__meta{display:block;font-size:12px;color:var(--c26-muted);text-align:left}

/* --- пагинация ----------------------------------------------------------- */
/* пагинация — по ширине товарной сетки, как и SEO-текст: отступ на сайдбар */
.c26__pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;margin-left:282px;background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);padding:14px 18px;flex-wrap:wrap;box-sizing:border-box;width:calc(100% - 282px);max-width:calc(100% - 282px)}
.c26__pager-cnt{display:inline-flex;font-size:13px;color:var(--c26-muted);white-space:nowrap;flex:none}
.c26__pager ul.pagination{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.c26__pager ul.pagination li{margin:0}
.c26__pager ul.pagination li a,.c26__pager ul.pagination li span{min-width:34px;height:34px;border-radius:8px;border:1px solid var(--c26-line);display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;color:#3B4C5F;padding:0 8px}
/* Активная страница — это голый <li class="active">N</li> (tplPageActive),
   внутри нет ни a, ни span: стилим сам li, и перебиваем синий темы. */
.catalog-2026 .c26 .c26__pager ul.pagination li.active{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--c26-orange);border-radius:8px;background:var(--c26-orange);color:#fff;font-size:13.5px;font-weight:600}
.catalog-2026 .c26 .c26__pager ul.pagination li.active span,
.catalog-2026 .c26 .c26__pager ul.pagination li.active a{background:var(--c26-orange);color:#fff;border-color:var(--c26-orange)}
.c26__pager ul.pagination li.disabled span{color:#C7D0D9}
.c26__pager .c26__more{background:#fff;border:1px solid var(--c26-line);border-radius:9px;padding:10px 18px;font-size:13.5px;font-weight:700;color:var(--c26-blue);cursor:pointer}
.c26 .ms2_limits{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c26-muted);flex:none}
.c26 .ms2_limits label{display:inline;white-space:nowrap;width:auto;margin:0;flex:none;font-size:13px;color:var(--c26-muted)}
.c26 .ms2_limits select{border:1px solid var(--c26-line);border-radius:8px;padding:6px 8px;font-size:13px;width:auto}

/* --- SEO-текст и FAQ: по ширине товарной сетки, а не во всю страницу ------
   Сайдбар 262 px + зазор 20 px = 282 px отступа слева, тогда текст начинается
   ровно под первой колонкой товаров. На узких экранах сайдбар уходит наверх,
   отступ снимается ниже, в медиазапросах. */
/* тема задаёт вложенным блокам width:100%, поэтому одного margin мало —
   ширину режем калькой, иначе рамка уезжает за правый край экрана */
.c26__below{display:block;margin-left:282px;width:calc(100% - 282px);max-width:calc(100% - 282px);box-sizing:border-box}
.c26 .infotext,.c26 .sf_content{background:#fff;border:1px solid var(--c26-line);border-radius:var(--c26-r);padding:20px 24px;margin-top:22px}
.c26 .sf_introtext{margin-bottom:18px;font-size:14px;color:#4E6478}

/* --- миниатюры широкой карточки ------------------------------------------ */
.c26-wide__thumbs{display:flex;align-items:center;gap:6px;overflow:hidden;margin-bottom:4px}
.c26-wide__thumbs .b1{width:42px;height:42px;flex:0 0 42px}
.c26-wide__thumbs img{width:42px;height:42px;object-fit:contain;display:block}

/* --- модальное окно «в 1 клик» ------------------------------------------- */
.c26-modal{position:fixed;inset:0;background:rgba(15,26,38,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}
.c26-modal[hidden]{display:none}
.c26-modal__bg{position:absolute;inset:0}
.c26-modal__card{position:relative;width:420px;max-width:100%;background:#fff;border-radius:14px;padding:24px;max-height:90vh;overflow:auto}
.c26-modal__x{position:absolute;top:14px;right:16px;border:none;background:none;font-size:22px;color:var(--c26-muted);line-height:1;cursor:pointer}
.c26-modal__t{display:block;font-size:20px;font-weight:800;margin-bottom:6px}
.c26-modal__s{margin:0 0 16px;font-size:13.5px;color:#4E6478;line-height:1.5}
.c26-modal{text-align:left}
.c26-modal__card input[type=text],.c26-modal__card input[type=tel],.c26-modal__card input[type=email]{width:100%;box-sizing:border-box;border:1px solid var(--c26-line);border-radius:10px;padding:13px 14px;font-size:15px;margin-bottom:10px;outline:none}
.c26-modal__card .pc__consents{font-size:11.5px;color:var(--c26-muted2);line-height:1.45;margin-bottom:12px}
.c26-modal__card .pc__consent{display:inline;margin-left:6px}
.c26-modal__card .pc__btn{width:100%;background:var(--c26-orange);color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:700;cursor:pointer}
/* поле спецификации в форме «Запросить расчёт» */
.c26-modal__file{display:block;margin:2px 0 12px;padding:12px 14px;border:1px dashed var(--c26-blue-line);border-radius:10px;background:var(--c26-blue-soft)}
.c26-modal__file > label{display:block;font-size:13px;font-weight:700;color:var(--c26-ink);margin-bottom:8px}
.c26-modal__file input[type=file]{display:block;width:100%;font-size:12.5px;color:#3B4C5F;margin-bottom:8px}
/* нативная кнопка «Выберите файл» — в фирменном стиле кнопок каталога */
.c26-modal__file input[type=file]::file-selector-button{background:#fff;color:var(--c26-orange);border:1px solid var(--c26-orange);border-radius:9px;padding:9px 14px;margin-right:10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,color .15s}
.c26-modal__file input[type=file]::file-selector-button:hover{background:var(--c26-orange);color:#fff}
.c26-modal__hint{display:block;font-size:11.5px;color:#4E6478;line-height:1.45}

/* --- узкие экраны: только чтобы ничего не разъезжалось.
   Полноценная мобильная вёрстка — отдельная задача (решение Дмитрия 13.08). */
@media (max-width:1279px){
  .c26 #mse2_results.c26__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c26-wide{grid-column:span 3}
  .c26-promo,.c26-arts{grid-column:span 3}
  .c26 ul.listing-subcats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Порог 1023, а не 767: на 768-1023 (планшет, крупный телефон, уменьшенный
   масштаб страницы в Chrome) мобильный слой не включался, и человек получал
   десктопную раскладку - плитку разделов без прокрутки, а фильтр там вообще
   недоступен: базовое правило каталога прячет сайдбар ниже 1024 px. */
@media (max-width:1023px){
  .c26__below{margin-left:0;width:100%;max-width:100%}
  .c26__pager{margin-left:0;width:100%;max-width:100%}
  .c26__layout{flex-direction:column}
  .c26__aside{width:100%;flex:1 1 auto;position:static}
  .c26 #mse2_results.c26__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c26-wide,.c26-promo,.c26-arts{grid-column:span 2}
  .c26-wide__body{flex-direction:column}
  .c26-wide__left{width:100%;flex:1 1 auto}
  .c26-arts__grid{grid-template-columns:1fr}
  .c26-promo{flex-direction:column}
  .c26-promo__txt{flex:1 1 auto}
}
@media (max-width:639px){
  .c26 #mse2_results.c26__grid{grid-template-columns:1fr}
  .c26-wide,.c26-promo,.c26-arts{grid-column:span 1}
  .c26 ul.listing-subcats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c26 h1.sf_h1{font-size:26px}
}

/* ===== TASK-0322 — дополнения боевого enterer =============================
   1. Источник подмены обложки под цветофильтром (msThumbs) должен быть в DOM,
      но не показываться: новый вид полосы миниатюр в обычной карточке не имеет.
      Скрываем именно этот контейнер, а не .bar вообще — .bar есть и у широкой
      карточки в других местах вёрстки.
   2. На боевом подпись значения фильтра обёрнута в <a> (sfFilterRow): ссылка
      не должна ломать строку и перекрашивать её в цвет сайтовых ссылок.
   3. Кружок цвета в фильтре рисует catalog-color.js внутрь label — под новым
      оформлением метки ему нужен явный размер и отступ.                      */
.catalog-2026 .c26 .goods-item .c26-colorsrc{display:none !important}
.catalog-2026 .c26__aside form#mse2_filters label a.sf_facet_link{color:inherit;text-decoration:none}
.catalog-2026 .c26__aside form#mse2_filters label a.sf_facet_link:hover{color:var(--c26-blue)}
.catalog-2026 .c26__aside form#mse2_filters label .mse-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid var(--c26-line);vertical-align:-2px;margin-right:6px}

@media (max-width:1023px){
  /* TASK-0322 — мобильную вёрстку задача не трогает. На боевом десктопный
     сайдбар фильтра скрыт ниже 1024 px (aside.hidden.lg:block), а фильтр
     открывается мобильным ящиком .filters-wrapper — воспроизводим ровно это.
     Иначе на телефоне появилась бы вторая, всегда развёрнутая панель фильтра. */
  .catalog-2026 .c26__aside{display:none}
}

/* ===== TASK-0322, правка 1 — значки не должны лежать на фото =============
   Бейдж скидки (слева) и кнопки избранного/сравнения (справа) стоят
   absolute в верхних углах карточки и накрывали край изображения.
   Освобождаем под них полосу сверху: кнопки выстраиваем в РЯД (столбиком
   они занимали 62 px и полоса вышла бы вдвое выше), фото опускаем на 32 px
   и укорачиваем на 14 px. Итог по высоте карточки +18 px, пустоты не
   добавляется — полоса ровно под значками.
   Только обычная карточка: у широкой фото стоит в левой колонке, а бейдж
   там не печатается вовсе.                                                */
.c26-tools{flex-direction:row;align-items:flex-start;gap:6px;height:28px;line-height:0}
.c26 .goods-item:not(.c26-wide) .c26-card__photo{margin-top:32px;height:196px}
.c26 .goods-item:not(.c26-wide) .c26-card__photo img{max-height:196px}

/* ===== TASK-0322, правка 4 — блок плиток подкатегорий =====================
   Плитки уменьшены (картинка 92 -> 60 px, отступы и подпись мельче), а число
   колонок считает catalog-2026.js: жёсткие 6 колонок оставляли хвост из 1-3
   плиток (7 плиток = 6+1, 11 = 6+5). Скрипт раскладывает их в ОДИН ряд, если
   влезают, иначе в ДВА примерно поровну. Правила ниже — запасной вариант на
   случай, если скрипт не отработал.                                        */
.catalog-2026 .c26 ul.listing-subcats{gap:8px;margin:0 0 18px}
.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{padding:8px 6px;gap:5px;border-radius:10px}
.catalog-2026 .c26 ul.listing-subcats img{height:60px}
.catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span{font-size:12px;line-height:1.2}


/* ========================================================================= *
 * TASK-0355 — мобильный вид каталога (<=1023 px), перенос с heavytop.
 *
 * До этой задачи мобильные боевого уходили на legacy-каталог: шаблоны разделов
 * выбирали новый вид только для 'standard' (десктоп). Здесь — собственно
 * мобильный вид нового каталога: две карточки в ряд, панель «сортировка +
 * Фильтры» над сеткой, форма фильтра в шторке, разделы лентой.
 *
 * Нижняя панель разделов, правки шапки и кнопка «Наверх» сюда НЕ входят: они
 * общие для всего сайта и живут в mobile-2026.css.
 *
 * Всё внутри @media и под префиксом .catalog-2026 — десктоп не трогаем.
 * Специфичность выше, чем у правил выше по файлу (.catalog-2026 .c26 … против
 * .c26 …): иначе базовые правила каталога перебивают мобильные.
 * ========================================================================= */

/* Элементов мобильного вида на десктопе быть не должно вовсе. */
.c26-mbar,.c26-fscrim,.c26-fhead,.c26-ffoot{display:none}

@media (max-width:1023px){

  /* --- общее ------------------------------------------------------------- */
  body.catalog-2026.c26-fopen{overflow:hidden}    /* фон не скроллится под шторкой */

  .catalog-2026 .c26 h1.sf_h1{font-size:21px;letter-spacing:-.3px}
  .catalog-2026 .c26 .c26__head{gap:6px;margin:2px 0 12px}
  .catalog-2026 .c26 .c26__head-meta{gap:4px}
  .catalog-2026 .c26 .c26__count{font-size:12.5px}
  .catalog-2026 .c26 .c26__usp{display:none}      /* два бейджа доверия съедали экран */

  /* --- разделы: карточки лентой ------------------------------------------ */
  /* Прокрутка должна читаться без подсказок, поэтому лента выходит за правый
     край: контейнер .page даёт 15 px полей, снимаем их отрицательным margin и
     возвращаем padding'ом. Последняя карточка обрезается краем экрана, край
     гаснет градиентом; скрипт снимает градиент, когда домотали до конца.
     display:flex здесь важен ещё и тем, что гасит inline-раскладку от
     catalog-2026-subcats.js: grid-template-columns при flex не применяется. */
  .catalog-2026 .c26 ul.listing-subcats{display:flex;flex-wrap:nowrap;gap:8px;
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;margin:0 -15px 14px;padding:0 15px 2px;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent 100%);
    mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent 100%)}
  .catalog-2026 .c26 ul.listing-subcats.is-end{-webkit-mask-image:none;mask-image:none}
  .catalog-2026 .c26 ul.listing-subcats::-webkit-scrollbar{display:none}
  .catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item{width:auto;flex:none}
  .catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a{
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;
    width:92px;height:100%;padding:8px 6px;box-sizing:border-box;
    border-radius:10px;border:1px solid var(--c26-line);background:#fff;text-align:center}
  .catalog-2026 .c26 ul.listing-subcats img{display:block;height:52px;width:100%;object-fit:contain;margin:0}
  .catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span{
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    font-size:10.5px;font-weight:600;line-height:1.15;white-space:normal;color:var(--c26-ink)}

  /* Из подписи убираем название самого раздела: на странице стульев
     «Хромированные стулья» показывается как «Хромированные». Слово прячется
     отдельным <span> (его расставляет скрипт), анкор ссылки в разметке
     остаётся полным. Специфичность высокая не для красоты: базовое правило
     каталога ставит display:block любому span внутри ссылки. */
  .catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span span.c26-sub__cut{display:none}
  .catalog-2026 .c26 ul.listing-subcats li.listing-subcats__item a span span.c26-sub__w{display:inline-block}
  .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}

  /* --- строка чипов: от десктопной панели остаются выбранные значения ----- */
  .catalog-2026 .c26 .c26__bar{border:none;background:none;padding:0;margin:0 0 10px;gap:0;border-radius:0}
  .catalog-2026 .c26 .c26__bar > .c26__bar-lbl,
  .catalog-2026 .c26 .c26__bar > #mse2_sort,
  .catalog-2026 .c26 .c26__bar > .c26__bar-limit{display:none}
  .catalog-2026 .c26 .c26__bar.c26-bar--empty{display:none}
  .catalog-2026 .c26 .c26__chips{margin:0;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .catalog-2026 .c26 .c26__chips::-webkit-scrollbar{display:none}
  .catalog-2026 .c26 .c26__chip{flex:none}

  /* --- панель «сортировка + Фильтры» ------------------------------------- */
  /* Закрепляется под шапкой скриптом, а не position:sticky: на этой теме
     sticky не срабатывает — body объявлен своим скролл-контейнером, а
     прокручивается html (найдено на heavytop, TASK-0334). Пустой слот держит
     место, чтобы контент не прыгал. */
  /* z-index 11, а не больше: окно «Товар добавлен в корзину» (#goodsAdded)
     висит на 12, и закреплённая панель рисовалась поверх него, накрывая
     заголовок. Единицы хватает, чтобы панель осталась над карточками —
     у них z-index auto, а самый высокий элемент внутри карточки (.c26-tools)
     стоит на 3. */
  .catalog-2026 .c26 .c26-mbar{display:flex;align-items:center;gap:8px;
    position:static;z-index:11;background:#fff;padding:8px 0;margin:0 0 10px}
  .catalog-2026 .c26 .c26-mbar.is-fixed{position:fixed;top:var(--c26-mtop,0px);
    margin:0;padding:8px 0;box-shadow:0 6px 14px rgba(22,40,60,.08)}
  .catalog-2026 .c26 .c26-mbar__slot{display:block}
  .catalog-2026 .c26 .c26-mbar__sort,
  .catalog-2026 .c26 .c26-mbar__open{display:flex;align-items:center;justify-content:center;gap:6px;
    flex:1 1 0;min-width:0;height:38px;padding:0 10px;box-sizing:border-box;
    background:#fff;border:1px solid var(--c26-line);border-radius:10px;
    font-size:13px;font-weight:600;color:var(--c26-ink);cursor:pointer;white-space:nowrap}
  .catalog-2026 .c26 .c26-mbar__sort span{overflow:hidden;text-overflow:ellipsis}
  .catalog-2026 .c26 .c26-mbar__sort svg,
  .catalog-2026 .c26 .c26-mbar__open svg{flex:none;width:16px;height:16px}
  .catalog-2026 .c26 .c26-mbar__open.is-on{border-color:var(--c26-orange);color:var(--c26-orange)}
  .catalog-2026 .c26 .c26-mbar__cnt{display:inline-flex;align-items:center;justify-content:center;
    min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--c26-orange);
    color:#fff;font-size:11px;font-weight:700;line-height:1}
  .catalog-2026 .c26 .c26-mbar__cnt[hidden]{display:none}
  .catalog-2026 .c26 .c26-mbar__wrap{position:relative;flex:1 1 0;min-width:0;display:flex}
  .catalog-2026 .c26 .c26-mbar__pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:12;
    background:#fff;border:1px solid var(--c26-line);border-radius:10px;
    box-shadow:0 12px 28px rgba(22,40,60,.16);overflow:hidden;display:none}
  .catalog-2026 .c26 .c26-mbar__wrap.is-open .c26-mbar__pop{display:block}
  .catalog-2026 .c26 .c26-mbar__pop button{display:block;width:100%;text-align:left;
    background:none;border:none;border-bottom:1px solid var(--c26-line2);
    padding:11px 12px;font-size:13px;color:var(--c26-ink);cursor:pointer}
  .catalog-2026 .c26 .c26-mbar__pop button:last-child{border-bottom:none}
  .catalog-2026 .c26 .c26-mbar__pop button.is-active{color:var(--c26-orange);font-weight:700}

  /* --- сетка: две карточки в ряд ----------------------------------------- */
  .catalog-2026 .c26 .c26__layout{display:block}
  .catalog-2026 .c26 #mse2_results.c26__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .catalog-2026 .c26 .c26-wide,
  .catalog-2026 .c26 .c26-promo,
  .catalog-2026 .c26 .c26-arts{grid-column:span 2}
  .catalog-2026 .c26 .c26__below{margin-left:0;width:100%;max-width:100%}

  /* --- карточка ---------------------------------------------------------- */
  /* Порядок как в макете: фото, цена, название. В HTML он другой, но карточка
     и так flex-колонка — меняем order, а не разметку: чанк общий с десктопом.
     Полосу под значками из TASK-0322 (фото margin-top:32px, height:196px)
     на мобильной снимаем: там значки и так помещаются над квадратным фото. */
  .catalog-2026 .c26 .goods-item{padding:8px;border-radius:10px}
  .catalog-2026 .c26 .goods-item:not(.c26-wide) .c26-card__photo{order:1;margin-top:22px;
    height:auto;aspect-ratio:1/1;margin-bottom:8px}
  .catalog-2026 .c26 .goods-item:not(.c26-wide) .c26-card__photo img{max-height:100%;max-width:100%;
    width:100%;height:100%;object-fit:contain}
  .catalog-2026 .c26 .goods-item .price{order:2;gap:6px;margin-bottom:3px}
  .catalog-2026 .c26 .goods-item .c26-card__nm{order:3;font-size:13px;line-height:1.25;margin-bottom:2px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .catalog-2026 .c26 .goods-item .c26-card__ty{order:4;font-size:11px;margin-bottom:6px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .catalog-2026 .c26 .goods-item .c26-card__specs{order:5}
  .catalog-2026 .c26 .goods-item .c26-card__grow{order:6}
  .catalog-2026 .c26 .goods-item .c26-card__note{order:7;font-size:10.5px;min-height:0;margin-top:3px}
  .catalog-2026 .c26 .goods-item .c26-card__actions{order:8}

  .catalog-2026 .c26 .goods-item .price .value{font-size:17px}
  .catalog-2026 .c26 .goods-item .price .c26-from{font-size:11px}
  .catalog-2026 .c26 .goods-item .saleprice,
  .catalog-2026 .c26 .goods-item .saleprice .value{font-size:11.5px}

  /* характеристик на 170 px помещается три строки, остальные прячем */
  .catalog-2026 .c26 .goods-item .c26-card__specs .c26-spec:nth-of-type(n+4){display:none}
  .catalog-2026 .c26 .goods-item .c26-spec{padding:3px 0;gap:4px}
  .catalog-2026 .c26 .goods-item .c26-spec__k{font-size:10.5px}
  .catalog-2026 .c26 .goods-item .c26-spec__v{font-size:11px;white-space:normal;text-align:right}

  .catalog-2026 .c26 .goods-item .c26-card__actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}
  .catalog-2026 .c26 .c26-card__actions .c26-cart{padding:9px 6px;font-size:12px;border-radius:8px}
  .catalog-2026 .c26 .c26-card__actions .c26-one{padding:9px 6px;font-size:11.5px;border-radius:8px}

  .catalog-2026 .c26 .goods-item .c26-badges{top:6px;left:6px}
  .catalog-2026 .c26 .goods-item .c26-badge{font-size:10px;padding:3px 6px}
  .catalog-2026 .c26 .goods-item .c26-tools{top:6px;right:6px;gap:5px;height:auto}
  .catalog-2026 .c26 .c26-tools button{width:28px;height:28px;border-radius:50%;font-size:13px;
    box-shadow:0 2px 6px rgba(22,40,60,.10)}

  .catalog-2026 .c26 .c26-wide .c26-wide__body{flex-direction:column}
  .catalog-2026 .c26 .c26-wide .c26-card__actions{flex-direction:row}
  .catalog-2026 .c26 .c26-wide .c26-card__photo{aspect-ratio:auto;height:200px}

  /* --- фильтр: шторка слева ---------------------------------------------- */
  /* В шторку уезжает САЙДБАРНАЯ форма — та, которую слушает скрипт (свёртка
     групп, чипы). Мобильный дубль формы остаётся в DOM, но не показывается:
     два одинаковых #mse2_filters на экране дали бы две разные картины.
     Шторку двигаем left, а не transform: transform создаёт containing block,
     и её собственный футер (position:fixed) начинал считаться от шторки —
     кнопки «Сбросить/Показать» уезжали вместе со списком. */
  .catalog-2026 .c26 .filters-wrapper{display:none}
  /* ⚠️ display:block обязателен: правка TASK-0322 прячет сайдбар ниже 1024 px
     ('.catalog-2026 .c26__aside{display:none}'), потому что фильтр на мобильной
     открывался ящиком темы. Теперь фильтр — эта шторка, поэтому сайдбар нужен. */
  .catalog-2026 .c26 .c26__aside{display:block;position:fixed;top:0;bottom:0;
    width:min(88vw,380px);max-width:100%;flex:none;z-index:1200;
    background:#fff;box-sizing:border-box;padding:0 14px 78px;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    left:-102%;transition:left .25s ease;
    box-shadow:0 0 40px rgba(15,26,38,.28)}
  body.catalog-2026.c26-fopen .c26__aside{left:0}

  .catalog-2026 .c26 .c26-fhead{display:flex;align-items:center;justify-content:space-between;
    position:sticky;top:0;z-index:2;background:#fff;margin:0 -14px;padding:12px 14px;
    border-bottom:1px solid var(--c26-line)}
  .catalog-2026 .c26 .c26-fhead b{font-size:16px}
  .catalog-2026 .c26 .c26-fhead__x{background:none;border:none;font-size:26px;line-height:1;
    color:var(--c26-muted);cursor:pointer;padding:0 4px}
  .catalog-2026 .c26 .c26-ffoot{display:flex;gap:8px;position:fixed;bottom:0;z-index:3;
    width:min(88vw,380px);max-width:100%;box-sizing:border-box;
    background:#fff;border-top:1px solid var(--c26-line);padding:10px 14px;
    left:-102%;transition:left .25s ease}
  body.catalog-2026.c26-fopen .c26-ffoot{left:0}
  .catalog-2026 .c26 .c26-ffoot__ok{flex:1;background:var(--c26-orange);color:#fff;border:none;
    border-radius:10px;padding:12px;font-size:14px;font-weight:700;cursor:pointer}
  .catalog-2026 .c26 .c26-ffoot__rs{flex:none;background:#fff;color:var(--c26-ink);
    border:1px solid var(--c26-line);border-radius:10px;padding:12px 14px;font-size:13px;cursor:pointer}
  .catalog-2026 .c26 .c26__aside .c26__side-actions{display:none}

  .c26-fscrim{display:block;position:fixed;inset:0;z-index:1150;
    background:rgba(15,26,38,.45);opacity:0;pointer-events:none;transition:opacity .25s}
  body.catalog-2026.c26-fopen .c26-fscrim{opacity:1;pointer-events:auto}

  /* при открытой шторке плавающие кнопки лишние */
  body.catalog-2026.c26-fopen #toTop{display:none}

  /* --- низ страницы ------------------------------------------------------ */
  .catalog-2026 .c26 .c26__pager{margin-left:0;width:100%;max-width:100%}
  .catalog-2026 .c26 .c26__more{width:100%}
  .catalog-2026 .c26 .c26__pager .mse2_pagination{margin-top:10px}
}