/* The Idol — каталог Stage 1: воспроизведение образца (assets/catalog-ui.css) на реальной разметке
(BeRocket + рельса + WC-петля). Острые углы, hairline-рамки, фиолетовый акцент. Аддитивно, @110. */
.idol-catalog,
.idol-sheet { /* шторка живёт в вне .idol-catalog → нужны те же токены, иначе var() пусты */
--line: #ddd9d2; /* рамки/кнопки — мягкий hairline (было #c4c4c4, забирало воздух) */
--line-soft: #f0eeeb; /* внутренние делители — едва заметные */
--ink: #282828;
--ink-strong: #1a1a1a;
--muted: #6d6d6d;
--muted-soft: #a6a6a6;
--surface: #f5f6f9;
--surface-2: #eeeeee;
--accent: #7a48c0;
--gold-ink: #6e5226;
--ease: cubic-bezier(.2, .6, .2, 1);
--fd: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
--ft: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
--fs: "Playfair Display", Georgia, "Times New Roman", serif;
color: var(--ink);
font-family: var(--ft);
}
.idol-catalog * { box-sizing: border-box; }
.idol-catalog,
.idol-catalog .plp__count,
.idol-catalog .cnav,
.idol-catalog .cnav__s,
.idol-catalog .fsearch input,
.idol-catalog .ftopbar .bapf_body { font-family: var(--ft); }
/* ====================== Карточка товара — типографика образца ====================== */
.idol-catalog .preview-product__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 9px; margin: 0; padding: 13px 2px 0; }
.idol-catalog .preview-product__price .price { display: flex; align-items: baseline; gap: 9px; margin: 0; }
.idol-catalog .price__value { font-family: var(--fd); font-weight: 700; font-size: 19px; color: var(--ink-strong); line-height: 1.1; white-space: nowrap; }
.idol-catalog .price__old { font-size: 13px; color: var(--muted-soft); text-decoration: line-through; }
.idol-catalog .preview-product__title { display: block; font-family: var(--ft); font-size: 13.5px; color: var(--ink); line-height: 1.35; margin: 5px 0 0; padding: 0 2px; text-decoration: none; text-wrap: pretty; }
.idol-catalog .preview-product__title:hover { color: var(--accent); }
.idol-catalog .preview-product__cta { display: none; } /* в образце нижней CTA нет — действие через ховер на фото */
.idol-catalog .preview-product { background: none; }
/* бренд (первое слово названия) — жирным, как в образце */
.idol-catalog .preview-product__title .preview-product__brand { font-family: var(--fd); font-weight: 600; color: var(--ink-strong); }
/* избранное — в белом квадрате top-right */
.idol-catalog .preview-product__top .add-to-favorites {
position: absolute; top: 10px; right: 10px; z-index: 2;
width: 34px; height: 34px; display: grid; place-items: center;
background: #fff; color: var(--ink); border-radius: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}
.idol-catalog .preview-product__top .add-to-favorites:hover { color: var(--accent); }
/* ховер карточки: убрать серый оверлей темы (::before) + CTA «Смотреть»; вместо них — аккуратное сиреневое кольцо по периметру фото */
.idol-catalog .preview-product__top::before { display: none !important; }
.idol-catalog .preview-product__top-cta { display: none !important; }
/* hover «люкс»: мягкое размытое свечение фирменным сиреневым (--accent = #7a48c0), тонко,
без жёсткого кольца. Негативный spread держит свечение прижатым → деликатная подсветка. */
.idol-catalog .preview-product__top { transition: box-shadow .35s var(--ease); }
.idol-catalog .preview-product:hover .preview-product__top { box-shadow: 0 6px 26px -4px rgba(122, 72, 192, .24); }
/* быстрые чипсы «Новинки / Со скидкой» */
.idol-catalog .qpills { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 22px 0; }
.idol-catalog .qpill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px; border: 1px solid var(--line); background: #fff; font-family: var(--fd); font-size: 13px; font-weight: 500; color: var(--ink); text-decoration: none; border-radius: 999px; }
.idol-catalog .qpill:hover { border-color: var(--ink); }
.idol-catalog .qpill .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.idol-catalog .qpill.is-on { background: var(--accent); color: #fff; border-color: var(--accent); }
.idol-catalog .qpill.is-on .dot { background: #fff; }
/* H1 листинга — Manrope (как .page-title в образце: var(--f-display)), НЕ сериф; clamp+.01em как в эталоне.
H1 вне .idol-catalog → токен --fd недоступен, задаём стек явно. */
.main[data-post-type="product"] .main__title,
.main[data-post-type="product"] .main__title-text {
font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 500;
text-transform: none;
letter-spacing: .01em;
color: #1a1a1a;
font-size: clamp(30px, 4vw, 46px);
line-height: 1.02;
}
.main[data-post-type="product"] .main__title-products-count { display: none; } /* счётчик теперь в .plp__bar */
.main[data-post-type="product"] .idol-eyebrow {
font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase;
color: #6d6d6d; margin: 0 0 10px;
}
/* ====================== Раскладка PLP (бордер-сетка) ====================== */
.idol-catalog .plp {
display: grid;
grid-template-columns: 288px minmax(0, 1fr);
gap: 0;
border: 1px solid var(--line); /* border-top тоже: в образце верх давал хиро/степпер, у нас его нет */
background: #fff;
}
.idol-catalog .plp__main { min-width: 0; }
/* ---- левая панель «Фильтры» ---- */
.idol-catalog .plp__aside {
border-right: 1px solid var(--line-soft);
align-self: start; /* высота по контенту; дерево в потоке страницы → листается до конца */
}
/* шапка рельсы (Фильтры + сегмент Ж/М/Дети + поиск) закрепляется при прокрутке, дерево листается ниже */
.idol-catalog .rail-top { position: sticky; top: 0; z-index: 3; background: #fff; }
.idol-catalog .aside-head {
display: flex; align-items: center; justify-content: space-between;
padding: 15px 20px; border-bottom: 1px solid var(--line-soft);
min-height: 73px; /* = высота .plp__bar → нижние линии рельсы и бара на одном уровне */
background: #fff;
}
.idol-catalog .aside-head b { font-family: var(--fd); font-weight: 700; font-size: 15px; color: var(--ink-strong); }
.idol-catalog .aside-head .reset { font-size: 13px; color: var(--accent); text-decoration: none; border-bottom: 1px solid transparent; }
.idol-catalog .aside-head .reset:hover { border-color: var(--accent); }
/* раздел Ж/М/Дети — сегмент */
.idol-catalog .faud { padding: 14px 20px; border-bottom: 1px solid var(--line-soft); }
.idol-catalog .faud__lab { font-family: var(--fd); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-soft); margin-bottom: 8px; }
.idol-catalog .seg { display: flex; border: 1px solid var(--line); }
.idol-catalog .seg a,
.idol-catalog .seg button { flex: 1 1 0; min-width: 0; padding: 11px 3px; font-size: 13px; font-weight: 600; color: var(--muted); text-align: center; text-decoration: none; border-right: 1px solid var(--line); background: #fff; cursor: pointer; }
.idol-catalog .seg a:last-child, .idol-catalog .seg button:last-child { border-right: none; }
.idol-catalog .seg a.is-on, .idol-catalog .seg button.is-on { background: var(--ink); color: #fff; }
/* поиск по фильтрам */
.idol-catalog .fsearch { display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); padding: 8px 10px; }
.idol-catalog .fsearch svg { color: var(--muted-soft); flex: none; }
.idol-catalog .fsearch input { border: none; outline: none; font: inherit; font-size: 13px; width: 100%; background: none; }
.idol-catalog .fsearch--all { margin: 14px 20px; }
/* секция-заголовок */
.idol-catalog .fsection { padding: 15px 16px 7px; font-family: var(--fd); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--muted-soft); background: var(--surface); border-bottom: 1px solid var(--line-soft); }
/* дерево категорий (cnav) */
.idol-catalog .cnav__grp { border-bottom: 1px solid var(--line-soft); }
.idol-catalog .cnav__grp:last-child { border-bottom: none; }
.idol-catalog .cnav__g { display: flex; align-items: center; gap: 8px; padding: 12px 16px; font-family: var(--fd); font-weight: 600; font-size: 13.5px; color: var(--ink); cursor: pointer; }
.idol-catalog .cnav__g:hover { color: var(--accent); }
.idol-catalog .cnav__gn { flex: 1; min-width: 0; color: inherit; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idol-catalog .cnav__gn:hover { color: var(--accent); }
.idol-catalog .cnav__c { font-size: 12px; color: var(--muted-soft); font-weight: 500; }
.idol-catalog .cnav__grp.is-open > .cnav__g { color: var(--ink-strong); }
.idol-catalog .cnav__subs { display: none; padding-bottom: 8px; }
.idol-catalog .cnav__grp.is-open > .cnav__subs { display: block; }
.idol-catalog .cnav__s { display: flex; align-items: center; gap: 8px; padding: 7px 16px 7px 26px; font-size: 13.5px; color: var(--muted); text-decoration: none; }
.idol-catalog .cnav__s > span:first-child { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idol-catalog .cnav__s:hover { color: var(--ink); }
.idol-catalog .cnav__s.is-active { color: var(--accent); font-weight: 600; background: var(--surface); }
/* «Все категории» (раздел-корень) */
.idol-catalog .cnav__all { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 16px; font-family: var(--fd); font-weight: 600; font-size: 13.5px; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line-soft); }
.idol-catalog .cnav__all:hover { color: var(--accent); }
.idol-catalog .cnav__all.is-active { color: var(--accent); background: var(--surface); }
/* вложенность дерева — отступ по глубине (data-d); шаг 10px от базового 16px, ветки и листья выровнены по уровню.
Уменьшён (с 12px/база 20px), чтобы длинным реальным названиям категорий хватало ширины на одну строку. */
.idol-catalog .cnav__g[data-d="1"] { padding-left: 26px; }
.idol-catalog .cnav__g[data-d="2"] { padding-left: 36px; }
.idol-catalog .cnav__g[data-d="3"] { padding-left: 46px; }
.idol-catalog .cnav__g[data-d="4"] { padding-left: 56px; }
.idol-catalog .cnav__s[data-d="0"] { padding-left: 16px; }
.idol-catalog .cnav__s[data-d="2"] { padding-left: 36px; }
.idol-catalog .cnav__s[data-d="3"] { padding-left: 46px; }
.idol-catalog .cnav__s[data-d="4"] { padding-left: 56px; }
/* +/- индикатор раскрытия */
.idol-catalog .ftog { position: relative; width: 18px; height: 18px; flex: none; }
.idol-catalog .ftog::before, .idol-catalog .ftog::after { content: ""; position: absolute; background: var(--muted); transition: opacity .18s var(--ease); }
.idol-catalog .ftog::before { left: 3px; right: 3px; top: 8px; height: 2px; }
.idol-catalog .ftog::after { top: 3px; bottom: 3px; left: 8px; width: 2px; opacity: 1; }
.idol-catalog .cnav__grp.is-open > .cnav__g .ftog::after { opacity: 0; }
/* ====================== Верхний бар: count + sort + view ====================== */
.idol-catalog .plp__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 22px; border-bottom: 1px solid var(--line-soft); flex-wrap: wrap; }
.idol-catalog .plp__count { font-size: 14px; color: var(--muted); }
.idol-catalog .plp__count b { color: var(--ink); font-weight: 600; }
.idol-catalog .plp__tools { display: flex; align-items: center; gap: 10px; }
/* WC-сортировка под вид sortsel */
.idol-catalog .plp__tools .woocommerce-ordering { margin: 0; }
.idol-catalog .plp__tools .woocommerce-ordering select,
.idol-catalog .plp__tools select.orderby { appearance: none; -webkit-appearance: none; font: inherit; font-size: 13px; font-weight: 500; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 0; padding: 9px 34px 9px 14px; cursor: pointer; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 12px center; }
/* сорт обёрнут темой в Select2 — приводим виджет к образцу (.sortsel select: бордер, размер, шрифт, шеврон) */
.idol-catalog .plp__tools .select2-container { width: auto !important; }
.idol-catalog .plp__tools .select2-container--default .select2-selection--single { height: 38px; border: 1px solid var(--line); border-radius: 0; background: #fff; padding: 0 34px 0 14px; display: flex; align-items: center; }
.idol-catalog .plp__tools .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 1; color: var(--ink); font-family: var(--fd); font-size: 13px; font-weight: 500; }
.idol-catalog .plp__tools .select2-selection--single .select2-selection__arrow { top: 0; height: 100%; right: 10px; width: 16px; }
.idol-catalog .plp__tools .select2-selection--single .select2-selection__arrow b { margin: 0; left: 0; top: 50%; border: 0; width: 9px; height: 9px; border-right: 1.6px solid var(--muted); border-bottom: 1.6px solid var(--muted); transform: translateY(-65%) rotate(45deg); }
.idol-catalog .viewtog { display: flex; border: 1px solid var(--line); }
.idol-catalog .viewtog button { width: 38px; height: 38px; display: grid; place-items: center; color: var(--muted-soft); border: none; border-right: 1px solid var(--line); background: #fff; cursor: pointer; }
.idol-catalog .viewtog button:last-child { border-right: none; }
.idol-catalog .viewtog button.is-on { color: var(--ink); background: var(--surface); }
/* ====================== Фасеты сверху (ftopbar) — маппинг BeRocket → .fgroup ====================== */
.idol-catalog .ftopbar { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 22px; border-bottom: 1px solid var(--line-soft); }
.idol-catalog .ftopbar .berocket_aapf_group { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
.idol-catalog .ftopbar .berocket_single_filter_widget { position: relative; margin: 0; flex: none; }
/* «Категории» дублирует дерево слева (в образце нет) — скрываем; порядок ряда как в образце:
Цвет · Размер · Бренд · Цена · Материал · Сезон · Состояние
(Размер = фильтр pa_size, ID на dev-клоне 125150 — пересоздаётся при каждом ре-клоне прод→dev) */
.idol-catalog .ftopbar .berocket_single_filter_widget_365 { display: none; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 { order: 1; } /* Цвет */
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 { order: 2; } /* Размер */
.idol-catalog .ftopbar .berocket_single_filter_widget_369 { order: 3; } /* Бренд */
.idol-catalog .ftopbar .berocket_single_filter_widget_360 { order: 4; } /* Цена */
.idol-catalog .ftopbar .berocket_single_filter_widget_362 { order: 5; } /* Материал */
.idol-catalog .ftopbar .berocket_single_filter_widget_363 { order: 6; } /* Сезон */
.idol-catalog .ftopbar .berocket_single_filter_widget_716 { order: 7; } /* Состояние */
/* триггер = .bapf_head (прямоугольная кнопка) */
.idol-catalog .ftopbar .bapf_head {
display: inline-flex; align-items: center; gap: 8px; margin: 0;
border: 1px solid var(--line); padding: 9px 14px; font-family: var(--fd);
font-weight: 600; font-size: 13px; color: var(--ink); white-space: nowrap;
cursor: pointer; background: #fff; border-radius: 0; line-height: 1.1; user-select: none;
}
.idol-catalog .ftopbar .bapf_head { position: relative; padding-right: 30px; }
/* BeRocket оборачивает подпись фасета в — гасим UA-стили темы (иначе кнопка раздувается по высоте и шрифту, не жмётся к контенту) */
.idol-catalog .ftopbar .bapf_head h3 { margin: 0; padding: 0; font: inherit; font-size: 13px; font-weight: 600; font-family: var(--fd); line-height: 1.1; color: inherit; letter-spacing: 0; text-transform: none; display: inline; }
.idol-catalog .ftopbar .bapf_head:hover { color: var(--accent); }
/* индикатор +/− как в образце (вместо шеврона) */
.idol-catalog .ftopbar .bapf_head::before,
.idol-catalog .ftopbar .bapf_head::after { content: ""; position: absolute; top: 50%; background: currentColor; opacity: .55; }
.idol-catalog .ftopbar .bapf_head::before { right: 13px; width: 12px; height: 2px; transform: translateY(-50%); }
.idol-catalog .ftopbar .bapf_head::after { right: 18px; width: 2px; height: 12px; transform: translateY(-50%); transition: opacity .15s var(--ease); }
.idol-catalog .ftopbar .berocket_single_filter_widget.idol-open .bapf_head { border-color: var(--ink); }
.idol-catalog .ftopbar .berocket_single_filter_widget.idol-open .bapf_head::after { opacity: 0; }
/* панель = .bapf_body (дропдаун) */
.idol-catalog .ftopbar .bapf_body {
position: absolute; top: calc(100% + 6px); left: 0; z-index: 50;
width: 300px; max-width: 92vw; max-height: 60vh; overflow: auto;
background: #fff; border: 1px solid var(--line); box-shadow: 0 14px 40px rgba(0, 0, 0, .15);
padding: 14px 18px 16px; display: none; border-radius: 0;
}
.idol-catalog .ftopbar .berocket_single_filter_widget.idol-open .bapf_body { display: block; }
.idol-catalog .ftopbar .bapf_body ul, .idol-catalog .ftopbar .bapf_body li { list-style: none; margin: 0; padding: 0; }
.idol-catalog .ftopbar .bapf_body li::before { content: none !important; }
/* #1: показать ВСЕ значения сразу — гасим штатные «показать N + Показать все» (display:flex !important
на li ниже перебивает класс .bapf_hide); длинные списки скроллятся в панели (.bapf_body max-height:60vh) */
.idol-catalog .ftopbar .bapf_body .bapf_show_hide,
.idol-catalog .ftopbar .bapf_body .bapf_sngl_hd,
.idol-catalog .ftopbar .bapf_body [class*="bapf_sngl_hd"] { display: none !important; }
/* общий бокс чекбокса 17px (образец .opt input) */
.idol-catalog .ftopbar .bapf_body input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 17px; height: 17px; border: 1px solid var(--line); flex: none; display: grid; place-items: center; background: #fff; cursor: pointer; margin: 0; border-radius: 0; }
.idol-catalog .ftopbar .bapf_body input[type="checkbox"]:checked { background: var(--ink); border-color: var(--ink); }
.idol-catalog .ftopbar .bapf_body input[type="checkbox"]:checked::after { content: ""; width: 9px; height: 5px; border-left: 1.6px solid #fff; border-bottom: 1.6px solid #fff; transform: rotate(-45deg) translateY(-1px); }
/* поиск-в-фасете */
.idol-catalog .ftopbar .bapf_body .bapf_search, .idol-catalog .ftopbar .bapf_body input[type="text"] { width: 100%; border: 1px solid var(--line); padding: 8px 10px; font: inherit; font-size: 13px; margin-bottom: 10px; border-radius: 0; }
/* ── Чекбокс-фасеты (Материал 362 · Сезон 363 · Состояние 716): li = input + label + .roundpcs ── */
.idol-catalog .ftopbar .berocket_single_filter_widget_362 .bapf_body li,
.idol-catalog .ftopbar .berocket_single_filter_widget_363 .bapf_body li,
.idol-catalog .ftopbar .berocket_single_filter_widget_716 .bapf_body li { display: flex !important; align-items: center; gap: 10px; padding: 7px 0; cursor: pointer; }
.idol-catalog .ftopbar .berocket_single_filter_widget_362 .bapf_body li > label,
.idol-catalog .ftopbar .berocket_single_filter_widget_363 .bapf_body li > label,
.idol-catalog .ftopbar .berocket_single_filter_widget_716 .bapf_body li > label { flex: 1; min-width: 0; margin: 0; padding: 0; font-size: 14px; font-weight: 400; color: var(--ink); cursor: pointer; }
.idol-catalog .ftopbar .berocket_single_filter_widget_362 .bapf_body li:hover > label,
.idol-catalog .ftopbar .berocket_single_filter_widget_363 .bapf_body li:hover > label,
.idol-catalog .ftopbar .berocket_single_filter_widget_716 .bapf_body li:hover > label { color: var(--accent); }
.idol-catalog .ftopbar .berocket_single_filter_widget_362 .bapf_body li > .roundpcs,
.idol-catalog .ftopbar .berocket_single_filter_widget_363 .bapf_body li > .roundpcs,
.idol-catalog .ftopbar .berocket_single_filter_widget_716 .bapf_body li > .roundpcs { margin-left: auto; font-size: 12px; color: var(--muted-soft); font-weight: 400; }
/* ── Цвет (364): сетка кружков 30px + подпись снизу (образец .swatches/.swatch) ── */
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_body ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 14px; align-content: flex-start; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_body li { display: block !important; width: 44px; margin: 0; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_body label { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px; width: 44px; margin: 0; padding: 0; cursor: pointer; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_body input { display: none !important; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_clr_span { width: 30px !important; height: 30px !important; line-height: 30px !important; border-radius: 50%; border: 1px solid var(--line); display: block; flex: none; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_clr_text { font-size: 10px; color: var(--muted-soft); text-align: center; line-height: 1.1; max-width: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_clr_text .roundpcs { display: none; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_body li:has(input:checked) .bapf_clr_span { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--ink); border-color: transparent; }
.idol-catalog .ftopbar .berocket_single_filter_widget_364 .bapf_body li:has(input:checked) .bapf_clr_text { color: var(--ink); font-weight: 600; }
/* размер — сетка кнопок (образец .sizes/.sizecell): 4 кол, 38px; ячейка = li, чекбокс/счётчик скрыты */
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body { width: 330px; }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; list-style: none; margin: 0; padding: 0; }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li { display: flex; align-items: center; justify-content: center; height: 38px; margin: 0; padding: 0; border: 1px solid var(--line); cursor: pointer; }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li::before { content: none !important; }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li:hover { border-color: var(--ink); }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li input[type="checkbox"] { display: none; }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li .roundpcs,
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li .right2empcs { display: none; }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body label { display: block; margin: 0; padding: 0; font-size: 13px; font-weight: 500; color: var(--ink); cursor: pointer; }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li:has(input:checked) { background: var(--ink); border-color: var(--ink); }
.idol-catalog .ftopbar .berocket_single_filter_widget_125150 .bapf_body li:has(input:checked) label { color: #fff; }
/* цена — слайдер */
.idol-catalog .ftopbar .bapf_slidr_main.ui-slider, .idol-catalog .ftopbar .bapf_body .ui-slider { position: relative; height: 3px; margin: 16px 6px 18px; background: var(--line); border: 0; border-radius: 0; }
.idol-catalog .ftopbar .ui-slider .ui-slider-range { position: absolute; height: 100%; background: var(--accent); }
.idol-catalog .ftopbar .ui-slider .ui-slider-handle { position: absolute; top: 50%; width: 16px; height: 16px; margin-left: -8px; transform: translateY(-50%); background: var(--ink); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--ink); border-radius: 50%; cursor: pointer; outline: none; }
.idol-catalog .ftopbar .bapf_price_act { font-size: 13px; color: var(--ink); }
/* ── Бренд (369, image_woborder): чекбокс-строки, пустые логотипы скрыты, имя + счётчик ── */
.idol-catalog .ftopbar .berocket_single_filter_widget_369 .bapf_img_span { display: none !important; }
.idol-catalog .ftopbar .berocket_single_filter_widget_369 .bapf_body li { display: flex !important; align-items: center; gap: 10px; padding: 7px 0; cursor: pointer; }
.idol-catalog .ftopbar .berocket_single_filter_widget_369 .bapf_body input { display: grid !important; }
.idol-catalog .ftopbar .berocket_single_filter_widget_369 .bapf_body label { display: flex; align-items: center; flex: 1; min-width: 0; margin: 0; padding: 0; font-size: 14px; color: var(--ink); cursor: pointer; }
.idol-catalog .ftopbar .berocket_single_filter_widget_369 .bapf_body li:hover label { color: var(--accent); }
.idol-catalog .ftopbar .berocket_single_filter_widget_369 .bapf_clr_text { display: flex; align-items: center; flex: 1; min-width: 0; }
.idol-catalog .ftopbar .berocket_single_filter_widget_369 .bapf_clr_text .roundpcs { margin-left: auto; font-size: 12px; color: var(--muted-soft); white-space: nowrap; padding-left: 8px; }
/* переключатель вида — размер иконок как в образце */
.idol-catalog .viewtog svg { width: 18px; height: 18px; }
/* ====================== Чипсы применённых фильтров ====================== */
.idol-catalog .chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 14px 22px; border-bottom: 1px solid var(--line-soft); }
.idol-catalog .chips:empty, .idol-catalog .chips > .berocket_single_filter_widget:empty { display: none; }
/* ряд чипов рисуется только при реальных применённых фасет-фильтрах (без них — лишний разделитель) */
.idol-catalog .chips:not(:has(.braapf_unselect)) { display: none; }
.idol-catalog .chips .bapf_head { display: none; }
.idol-catalog .chips .berocket_aapf_widget_selected_area,
.idol-catalog .chips .berocket_aapf_widget_selected_filter,
.idol-catalog .chips .bapf_sfa_taxonomy { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; }
.idol-catalog .chips .bapf_sfa_taxonomy > span { font-size: 12px; color: var(--muted-soft); }
.idol-catalog .chips ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.idol-catalog .chips li { list-style: none; }
.idol-catalog .chips li::before { content: none !important; }
.idol-catalog .chips .braapf_unselect { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px 7px 13px; background: var(--surface); border: 1px solid var(--line-soft); font-size: 13px; color: var(--ink); text-decoration: none; border-radius: 0; }
.idol-catalog .chips .braapf_unselect:hover { color: var(--accent); }
.idol-catalog .chips .braapf_unselect i { font-size: 11px; opacity: .6; }
.idol-catalog .chips .braapf_unselect_all { color: var(--accent); font-size: 13px; text-decoration: none; border-bottom: 1px solid transparent; }
.idol-catalog .chips .braapf_unselect_all:hover { border-color: var(--accent); }
.idol-catalog .chips .berocket_single_filter_widget_378 { display: none; }
/* ====================== Сетка товаров (borderless 3:4) ======================
Реальный контейнер сетки у темы — .archive-grid (НЕ ul.products); WC-петля сюда
не оборачивается в ul.products, поэтому стилизуем .archive-grid напрямую. */
.idol-catalog .plp__main .archive-grid { row-gap: 38px; padding: 24px 24px 48px; }
.idol-catalog .plp__main { padding-bottom: 8px; }
/* карточка: borderless, фон-плейсхолдер, 3:4 cover */
.idol-catalog .preview-product__top { border: 0; border-radius: 0; }
.idol-catalog .preview-product__top-img { display: block; height: auto; aspect-ratio: 3 / 4; background-color: #f4f3f0; background-size: contain; background-repeat: no-repeat; background-position: center; border: 0; border-radius: 0; }
.idol-catalog .preview-product__top-slider { height: auto; aspect-ratio: 3 / 4; }
.idol-catalog .preview-product__top-slider .slider,
.idol-catalog .preview-product__top-slider .embla,
.idol-catalog .preview-product__top-slider .embla__viewport,
.idol-catalog .preview-product__top-slider .embla__container,
.idol-catalog .preview-product__top-slider .embla__slide,
.idol-catalog .preview-product__top-slider-img,
.idol-catalog .preview-product__top-slider-img-picture { height: 100%; }
.idol-catalog .preview-product__top-slider { background: #f4f3f0; }
.idol-catalog .preview-product__top-slider-img-picture-src { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 0; }
/* список (viewtog) */
/* ── Вид «список» (образец .pgrid.is-list): реальный контейнер .archive-grid → 1 колонка, карточка
горизонтальная (картинка 200px слева, цена+название справа по центру). Рабочую зону каталога
(паддинги .archive-grid) НЕ трогаем — она одинакова в обоих видах. ── */
.idol-catalog .plp__main.is-list .archive-grid { grid-template-columns: 1fr !important; column-gap: 0; row-gap: 0; }
.idol-catalog .plp__main.is-list .preview-product { display: grid; grid-template-columns: 200px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 22px; align-content: center; padding: 20px 0; border-bottom: 1px solid var(--line-soft); }
.idol-catalog .plp__main.is-list .preview-product:last-child { border-bottom: 0; }
.idol-catalog .plp__main.is-list .preview-product__top { grid-column: 1; grid-row: 1 / 3; width: 200px; aspect-ratio: 3 / 4; }
.idol-catalog .plp__main.is-list .preview-product__price { grid-column: 2; grid-row: 1; align-self: end; padding: 0; }
.idol-catalog .plp__main.is-list .preview-product__title { grid-column: 2; grid-row: 2; align-self: start; padding: 4px 0 0; }
/* ── SEO-текст внизу листинга (образец .plp__seo): per-category, свёрнут до неск. строк + «Читать полностью» ── */
.idol-catalog .plp__seo { padding: 34px 24px 40px; border-top: 1px solid var(--line-soft); color: var(--muted); }
.idol-catalog .plp__seo h2 { font-family: var(--fd); font-weight: 700; font-size: 18px; color: var(--ink); margin: 0 0 12px; text-transform: none; letter-spacing: 0; }
.idol-catalog .plp__seo p { font-size: 14.5px; line-height: 1.7; margin: 0 0 12px; max-width: 90ch; }
.idol-catalog .plp__seo p:last-child { margin-bottom: 0; }
.idol-catalog .plp__seo-body { overflow: hidden; max-height: 8.2em; transition: max-height .35s var(--ease); }
.idol-catalog .plp__seo.is-expanded .plp__seo-body { max-height: 1600px; }
.idol-catalog .plp__seo-more { display: inline-block; margin-top: 12px; color: var(--accent); font-size: 14px; border-bottom: 1px solid transparent; cursor: pointer; }
.idol-catalog .plp__seo-more:hover { border-color: var(--accent); }
/* ====================== Мобайл ====================== */
.idol-mbar { display: none; }
.idol-sheet { position: fixed; inset: 0; z-index: 9000; visibility: hidden; }
.idol-sheet[aria-hidden="false"] { visibility: visible; }
.idol-sheet__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .42); opacity: 0; transition: opacity .2s; }
.idol-sheet[aria-hidden="false"] .idol-sheet__backdrop { opacity: 1; }
.idol-sheet__panel { position: absolute; left: 0; right: 0; bottom: 0; max-height: 88vh; display: flex; flex-direction: column; background: #fff; transform: translateY(100%); transition: transform .28s var(--ease); }
.idol-sheet[aria-hidden="false"] .idol-sheet__panel { transform: none; }
.idol-sheet__panel::before { content: ""; display: block; width: 38px; height: 4px; border-radius: 2px; background: var(--line); margin: 8px auto 2px; }
.idol-sheet__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--line-soft); font-family: var(--fd); font-weight: 700; font-size: 16px; flex: none; }
.idol-sheet__close { background: none; border: 0; font-size: 22px; line-height: 1; padding: 6px; cursor: pointer; color: var(--ink); }
.idol-sheet__body { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0; flex: 1 1 auto; }
.idol-sheet__foot { display: flex; gap: 12px; padding: 14px 18px; padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--line-soft); flex: none; }
.idol-sheet__reset, .idol-sheet__apply { flex: 1; min-height: 48px; font-family: var(--fd); font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: .05em; cursor: pointer; }
.idol-sheet__reset { background: #fff; color: var(--ink); border: 1px solid var(--ink); }
.idol-sheet__apply { background: var(--ink); color: #fff; border: 0; }
body.idol-noscroll { position: fixed; width: 100%; overflow: hidden; }
/* шторка фасетов: BeRocket-ноды вертикальными секциями */
/* .ftopbar — реальный родитель виджетов в шторке (group-обёртки нет); flex-column → работает CSS order + flush */
.idol-sheet .ftopbar { display: flex; flex-direction: column; padding: 0; border: 0; }
.idol-sheet .ftopbar .bapf_sfilter, .idol-sheet .ftopbar .bapf_head { width: 100% !important; max-width: none !important; min-width: 0 !important; display: block !important; }
.idol-sheet .ftopbar .bapf_head { display: flex !important; }
/* гасим дефолтные отступы/гэпы BeRocket (в шторке нет .idol-catalog-скоупа, что их убирает на десктопе) */
/* flex-column → работает CSS order (порядок как в макете) + виджеты во всю ширину («+» вправо) + flush (без residual-зазора) */
.idol-sheet .ftopbar .berocket_aapf_group { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.idol-sheet .ftopbar .berocket_single_filter_widget_364 { order: 1; } /* Цвет */
.idol-sheet .ftopbar .berocket_single_filter_widget_125150 { order: 2; } /* Размер */
.idol-sheet .ftopbar .berocket_single_filter_widget_369 { order: 3; } /* Бренд */
.idol-sheet .ftopbar .berocket_single_filter_widget_360 { order: 4; } /* Цена */
.idol-sheet .ftopbar .berocket_single_filter_widget_362 { order: 5; } /* Материал */
.idol-sheet .ftopbar .berocket_single_filter_widget_363 { order: 6; } /* Сезон */
.idol-sheet .ftopbar .berocket_single_filter_widget_716 { order: 7; } /* Состояние */
.idol-sheet .ftopbar .berocket_aapf_group, .idol-sheet .ftopbar .bapf_sfilter { margin: 0 !important; padding: 0 !important; }
.idol-sheet .ftopbar .berocket_single_filter_widget { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--line-soft); }
.idol-sheet .ftopbar .berocket_single_filter_widget_365 { display: none !important; } /* «Категории» — не в шторке фильтров */
.idol-sheet .ftopbar .bapf_head { display: flex; align-items: center; width: 100% !important; box-sizing: border-box; justify-content: space-between; border: 0; padding: 14px 18px; min-height: auto; position: relative; cursor: pointer; }
.idol-sheet .ftopbar .bapf_head h3 { margin: 0; padding: 0; font-family: var(--fd); font-weight: 600; font-size: 15px; line-height: 1.2; color: var(--ink); text-transform: none; letter-spacing: 0; }
/* «+»/«−» индикатор справа (как в макете): − всегда + вертикаль (исчезает при раскрытии) */
.idol-sheet .ftopbar .bapf_head::before, .idol-sheet .ftopbar .bapf_head::after { content: ""; position: absolute; top: 50%; background: var(--ink); opacity: .75; }
.idol-sheet .ftopbar .bapf_head::before { right: 18px; width: 14px; height: 1.6px; transform: translateY(-50%); }
.idol-sheet .ftopbar .bapf_head::after { right: 24.2px; width: 1.6px; height: 14px; transform: translateY(-50%); transition: opacity .15s var(--ease); }
.idol-sheet .ftopbar .berocket_single_filter_widget.idol-open .bapf_head::after { opacity: 0; }
.idol-sheet .ftopbar .bapf_body { position: static; width: auto; max-width: none; max-height: none; box-shadow: none; border: 0; padding: 0 18px 16px; display: none; }
.idol-sheet .ftopbar .bapf_body ul, .idol-sheet .ftopbar .bapf_body li { list-style: none; margin: 0; padding: 0; }
.idol-sheet .ftopbar .bapf_body label { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: 15px; color: var(--ink); cursor: pointer; }
.idol-sheet .ftopbar .berocket_single_filter_widget.idol-open .bapf_body { display: block; }
.idol-sheet .plp__aside { border: 0; max-height: none; position: static; overflow: visible; }
.idol-sheet .aside-head { display: none; } /* шапка рельсы (Фильтры/Сбросить) дублирует заголовок шторки */
/* ── Значения раскрытого фасета в шторке (зеркало десктоп-маппинга — .idol-catalog-скоуп сюда не достаёт) ── */
.idol-sheet .ftopbar .bapf_body .bapf_show_hide, .idol-sheet .ftopbar .bapf_body [class*="bapf_sngl_hd"] { display: none !important; }
.idol-sheet .ftopbar .bapf_body input[type="checkbox"] { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 1px solid var(--line); flex: none; display: grid; place-items: center; background: #fff; border-radius: 0; margin: 0; cursor: pointer; }
.idol-sheet .ftopbar .bapf_body input[type="checkbox"]:checked { background: var(--ink); border-color: var(--ink); }
.idol-sheet .ftopbar .bapf_body input[type="checkbox"]:checked::after { content: ""; width: 9px; height: 5px; border-left: 1.7px solid #fff; border-bottom: 1.7px solid #fff; transform: rotate(-45deg) translateY(-1px); }
/* чекбокс-фасеты (Материал 362 · Сезон 363 · Состояние 716): li = input + label + счётчик */
.idol-sheet .ftopbar .berocket_single_filter_widget_362 .bapf_body li, .idol-sheet .ftopbar .berocket_single_filter_widget_363 .bapf_body li, .idol-sheet .ftopbar .berocket_single_filter_widget_716 .bapf_body li { display: flex !important; align-items: center; gap: 11px; padding: 9px 0; }
.idol-sheet .ftopbar .berocket_single_filter_widget_362 .bapf_body li > label, .idol-sheet .ftopbar .berocket_single_filter_widget_363 .bapf_body li > label, .idol-sheet .ftopbar .berocket_single_filter_widget_716 .bapf_body li > label { flex: 1; min-width: 0; margin: 0; font-size: 15px; color: var(--ink); }
.idol-sheet .ftopbar .berocket_single_filter_widget_362 .bapf_body li > .roundpcs, .idol-sheet .ftopbar .berocket_single_filter_widget_363 .bapf_body li > .roundpcs, .idol-sheet .ftopbar .berocket_single_filter_widget_716 .bapf_body li > .roundpcs { margin-left: auto; font-size: 13px; color: var(--muted-soft); }
/* Цвет (364): грид кружков 32px + подпись снизу */
.idol-sheet .ftopbar .berocket_single_filter_widget_364 .bapf_body ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 16px; }
.idol-sheet .ftopbar .berocket_single_filter_widget_364 .bapf_body li { display: block !important; width: 48px; margin: 0; }
.idol-sheet .ftopbar .berocket_single_filter_widget_364 .bapf_body label { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px; width: 48px; margin: 0; padding: 0; }
.idol-sheet .ftopbar .berocket_single_filter_widget_364 .bapf_body input { display: none !important; }
.idol-sheet .ftopbar .berocket_single_filter_widget_364 .bapf_clr_span { width: 32px !important; height: 32px !important; line-height: 32px !important; border-radius: 50%; border: 1px solid var(--line); display: block; }
.idol-sheet .ftopbar .berocket_single_filter_widget_364 .bapf_clr_text { font-size: 11px; color: var(--muted-soft); text-align: center; line-height: 1.1; }
.idol-sheet .ftopbar .berocket_single_filter_widget_364 .bapf_clr_text .roundpcs { display: none; }
/* Бренд (369): пустой логотип скрыт, чекбокс-строки */
.idol-sheet .ftopbar .berocket_single_filter_widget_369 .bapf_img_span { display: none !important; }
.idol-sheet .ftopbar .berocket_single_filter_widget_369 .bapf_body li { display: flex !important; align-items: center; gap: 11px; padding: 9px 0; }
.idol-sheet .ftopbar .berocket_single_filter_widget_369 .bapf_body input { display: grid !important; }
.idol-sheet .ftopbar .berocket_single_filter_widget_369 .bapf_clr_text { display: flex; align-items: center; flex: 1; min-width: 0; font-size: 15px; }
.idol-sheet .ftopbar .berocket_single_filter_widget_369 .bapf_clr_text .roundpcs { margin-left: auto; font-size: 13px; color: var(--muted-soft); padding-left: 8px; }
/* Размер (125150): грид компактных боксов */
.idol-sheet .ftopbar .berocket_single_filter_widget_125150 .bapf_body ul { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.idol-sheet .ftopbar .berocket_single_filter_widget_125150 .bapf_body li { display: flex !important; align-items: center; justify-content: center; height: 42px; margin: 0; border: 1px solid var(--line); }
.idol-sheet .ftopbar .berocket_single_filter_widget_125150 .bapf_body li input, .idol-sheet .ftopbar .berocket_single_filter_widget_125150 .bapf_body li .roundpcs { display: none !important; }
.idol-sheet .ftopbar .berocket_single_filter_widget_125150 .bapf_body label { margin: 0; font-size: 14px; color: var(--ink); }
.idol-sheet .ftopbar .berocket_single_filter_widget_125150 .bapf_body li:has(input:checked) { background: var(--ink); }
.idol-sheet .ftopbar .berocket_single_filter_widget_125150 .bapf_body li:has(input:checked) label { color: #fff; }
/* Цена (360): слайдер */
.idol-sheet .ftopbar .ui-slider { position: relative; height: 3px; margin: 18px 6px 20px; background: var(--line); border: 0; }
.idol-sheet .ftopbar .ui-slider .ui-slider-range { position: absolute; height: 100%; background: var(--accent); }
.idol-sheet .ftopbar .ui-slider .ui-slider-handle { position: absolute; top: 50%; width: 18px; height: 18px; margin-left: -9px; transform: translateY(-50%); background: var(--ink); border: 2px solid #fff; box-shadow: 0 0 0 1px var(--ink); border-radius: 50%; }
/* ── Дерево категорий в cat-шторке (зеркало рельсы — .idol-catalog-скоуп сюда не достаёт) ── */
.idol-sheet .faud { padding: 16px 18px; border-bottom: 1px solid var(--line-soft); }
.idol-sheet .faud__lab { font-family: var(--fd); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted-soft); margin-bottom: 9px; }
.idol-sheet .seg { display: flex; border: 1px solid var(--line); }
.idol-sheet .seg a, .idol-sheet .seg button { flex: 1 1 0; min-width: 0; padding: 12px 3px; font-family: var(--fd); font-size: 14px; font-weight: 600; color: var(--muted); text-align: center; text-decoration: none; border-right: 1px solid var(--line); background: #fff; cursor: pointer; }
.idol-sheet .seg a:last-child, .idol-sheet .seg button:last-child { border-right: 0; }
.idol-sheet .seg a.is-on, .idol-sheet .seg button.is-on { background: var(--ink); color: #fff; }
.idol-sheet .fsearch { display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); padding: 11px 13px; }
.idol-sheet .fsearch svg { color: var(--muted-soft); flex: none; }
.idol-sheet .fsearch input { border: 0; outline: 0; font: inherit; font-size: 15px; width: 100%; background: none; }
.idol-sheet .fsearch--all { margin: 14px 18px; }
.idol-sheet .fsection { padding: 16px 18px 8px; font-family: var(--fd); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--muted-soft); background: var(--surface); border-bottom: 1px solid var(--line-soft); }
.idol-sheet .cnav__grp { border-bottom: 1px solid var(--line-soft); }
.idol-sheet .cnav__all, .idol-sheet .cnav__g { display: flex; align-items: center; gap: 10px; padding: 14px 18px; font-family: var(--fd); font-weight: 600; font-size: 15px; color: var(--ink); text-decoration: none; cursor: pointer; }
.idol-sheet .cnav__all { border-bottom: 1px solid var(--line-soft); justify-content: space-between; }
.idol-sheet .cnav__gn { flex: 1; min-width: 0; color: inherit; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idol-sheet .cnav__c { font-size: 13px; color: var(--muted-soft); font-weight: 500; }
.idol-sheet .cnav__subs { display: none; padding-bottom: 6px; }
.idol-sheet .cnav__grp.is-open > .cnav__subs { display: block; }
.idol-sheet .cnav__s { display: flex; align-items: center; gap: 10px; padding: 11px 18px 11px 30px; font-size: 14.5px; color: var(--muted); text-decoration: none; }
.idol-sheet .cnav__s > span:first-child { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.idol-sheet .cnav__s.is-active, .idol-sheet .cnav__all.is-active { color: var(--accent); font-weight: 600; }
.idol-sheet .cnav__g[data-d="1"] { padding-left: 30px; }
.idol-sheet .cnav__g[data-d="2"] { padding-left: 42px; }
.idol-sheet .cnav__s[data-d="0"] { padding-left: 18px; }
.idol-sheet .cnav__s[data-d="2"] { padding-left: 42px; }
.idol-sheet .ftog { position: relative; width: 20px; height: 20px; flex: none; }
.idol-sheet .ftog::before, .idol-sheet .ftog::after { content: ""; position: absolute; background: var(--muted); }
.idol-sheet .ftog::before { left: 3px; right: 3px; top: 9px; height: 2px; }
.idol-sheet .ftog::after { top: 3px; bottom: 3px; left: 9px; width: 2px; transition: opacity .15s var(--ease); }
.idol-sheet .cnav__grp.is-open > .cnav__g .ftog::after { opacity: 0; }
/* ── Бренд: поиск по бренду + «Показать ещё» (десктоп-дропдаун И мобильная шторка) ── */
.berocket_single_filter_widget_369 .idol-bsearch { display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); padding: 8px 10px; margin: 0 0 10px; }
.berocket_single_filter_widget_369 .idol-bsearch svg { color: var(--muted-soft); flex: none; }
.berocket_single_filter_widget_369 .idol-bsearch input { border: 0; outline: 0; font: inherit; font-size: 13px; width: 100%; background: none; }
.berocket_single_filter_widget_369 .idol-bmore { display: inline-block; margin-top: 10px; color: var(--accent); font-size: 13px; font-weight: 600; cursor: pointer; }
.berocket_single_filter_widget_369 .idol-bmore:hover { text-decoration: underline; }
.idol-sheet .berocket_single_filter_widget_369 .idol-bsearch { padding: 11px 13px; }
.idol-sheet .berocket_single_filter_widget_369 .idol-bsearch input { font-size: 15px; }
.idol-sheet .berocket_single_filter_widget_369 .idol-bmore { font-size: 15px; margin-top: 12px; }
/* скрытие значений (Размер не-RU / Бренд сверх 5 / 0-товаров / поиск) — перебивает display:flex значений */
.idol-catalog .ftopbar .bapf_body li.idol-fhide, .idol-sheet .ftopbar .bapf_body li.idol-fhide { display: none !important; }
/* пометка RU на фасете размера + плашка пустого фасета «Нечего фильтровать» */
.idol-catalog .ftopbar .idol-size-note, .idol-sheet .ftopbar .idol-size-note { padding: 0 0 9px; color: #a6a6a6; font-size: 12px; line-height: 1.3; }
.idol-catalog .ftopbar .idol-empty-facet, .idol-sheet .ftopbar .idol-empty-facet { padding: 6px 0 2px; color: #a6a6a6; font-size: 13px; }
@media (prefers-reduced-motion: reduce) { .idol-sheet__panel, .idol-sheet__backdrop { transition: none; } }
@media (max-width: 900px) {
/* секция .main__archive — flex/grid у темы; на мобайле бар-фильтров и .plp должны идти блоками
во всю ширину (иначе бар «съедает» ширину и .plp схлопывается в 0) */
.idol-catalog.main__archive { display: block; }
.idol-catalog .plp { grid-template-columns: 1fr; border: 0; }
.idol-catalog .plp__aside { display: none; }
.idol-catalog .ftopbar { display: none; }
/* строка «N товаров» (слева) + сортировка (справа) в один ряд, как в макете */
.idol-catalog .plp__bar { padding: 14px 16px; gap: 12px; flex-wrap: nowrap; align-items: center; }
.idol-catalog .plp__count { flex: none; font-size: 15px; }
.idol-catalog .plp__count b { font-weight: 700; }
.idol-catalog .plp__tools { flex: 0 1 auto; min-width: 0; justify-content: flex-end; }
.idol-catalog .plp__tools .viewtog { display: none; }
.idol-catalog .plp__tools .woocommerce-ordering { width: 100%; }
.idol-catalog .plp__tools .select2-container { width: auto !important; min-width: 150px; }
/* сетка 2 колонки — реальный контейнер темы .archive-grid (НЕ ul.products, тот мёртв) */
.idol-catalog .plp__main .archive-grid { grid-template-columns: repeat(2, 1fr) !important; column-gap: 12px; row-gap: 26px; padding: 16px; }
/* пилюли/чипсы — горизонтальный скролл */
.idol-catalog .qpills { flex-wrap: nowrap; overflow-x: auto; padding: 14px 16px 0; }
.idol-catalog .chips { flex-wrap: nowrap; overflow-x: auto; padding: 12px 16px; }
.idol-catalog .qpills::-webkit-scrollbar, .idol-catalog .chips::-webkit-scrollbar { display: none; }
.idol-catalog .plp__seo { padding: 28px 16px 36px; }
/* ── Бар фильтров сверху (образец .mfilters): [категория ⌄] [⇄ Фильтры (badge)] ── */
.idol-mbar { display: flex; gap: 10px; position: sticky; top: 0; z-index: 200; padding: 14px 16px 12px; background: #fff; border-bottom: 1px solid var(--line); }
.idol-mbar__btn { flex: 1; min-width: 0; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: #fff; font-family: var(--fd); font-weight: 600; font-size: 14px; color: var(--ink); cursor: pointer; }
.idol-mbar__btn svg { width: 16px; height: 16px; flex: none; }
.idol-mbar .js-mcat { border: 1px solid var(--line); justify-content: flex-start; gap: 9px; padding: 0 13px; }
.idol-mbar .js-mcat .mbar-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idol-mbar .js-mcat[aria-expanded="true"] .mbar-chev { transform: rotate(180deg); }
.idol-mbar .mbar-chev { transition: transform .2s var(--ease); }
.idol-mbar .js-mflt { border: 1px solid var(--ink); color: var(--accent); }
.idol-mbar .mbar-badge { background: var(--accent); color: #fff; border-radius: 9px; min-width: 18px; height: 18px; padding: 0 5px; font-size: 11px; font-weight: 600; display: inline-grid; place-items: center; }
}
/* ===== Категория без товаров (empty-state) — перенос макета «Kategoriya bez tovarov» 1:1.
Живёт в .plp__main вместо бара/фильтров/сетки, когда у категории 0 товаров. Токены — точные
из макета (заскоуплены на .idol-empty, чтобы не зависеть от токенов .idol-catalog). ===== */
.idol-empty {
--ink:#282828; --ink-strong:#1a1a1a; --muted:#6d6d6d; --muted-soft:#a6a6a6;
--line:#c4c4c4; --line-soft:#e4e2dd; --surface:#f5f6f9; --accent:#7a48c0; --ok:#7ab838;
--f-display:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
--f-text:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
--f-serif:"Playfair Display",Georgia,"Times New Roman",serif;
--ease:cubic-bezier(.2,.6,.2,1);
background:#fff; border:1px solid var(--line-soft);
}
.idol-empty svg { fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.idol-empty a { text-decoration:none; }
.idol-empty .ec__bar { display:flex; align-items:baseline; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:18px 26px; border-bottom:1px solid var(--line-soft); }
.idol-empty .ec__count { font:500 15px var(--f-text); color:var(--ink); }
.idol-empty .ec__count b { font-family:var(--f-display); font-weight:700; }
.idol-empty .ec__barnote { font-size:13px; color:var(--muted-soft); }
.idol-empty .ecbox { padding:60px 40px 64px; text-align:center; border-bottom:1px solid var(--line-soft); }
.idol-empty .ecbox__mark { width:60px; height:60px; margin:0 auto 22px; border:1px solid var(--line); display:grid; place-items:center; color:var(--accent); }
.idol-empty .ecbox__mark svg { width:28px; height:28px; stroke-width:1.4; }
.idol-empty .ecbox__kicker { font:700 11px/1 var(--f-display); letter-spacing:.18em; text-transform:uppercase; color:var(--muted-soft); margin-bottom:14px; }
.idol-empty .ecbox h2 { font-family:var(--f-serif); font-weight:600; font-size:clamp(26px,3.4vw,38px); line-height:1.1; color:var(--ink-strong); margin:0 auto 16px; max-width:18ch; text-wrap:balance; text-transform:none; letter-spacing:normal; }
.idol-empty .ecbox__lead { font-size:16px; line-height:1.65; color:var(--muted); max-width:52ch; margin:0 auto 30px; text-wrap:pretty; }
.idol-empty .notify { max-width:520px; margin:0 auto; }
.idol-empty .notify__form { display:flex; gap:0; border:1px solid var(--ink); background:#fff; }
.idol-empty .notify__form input { flex:1 1 auto; min-width:0; border:none; outline:none; font:inherit; font-size:15px; color:var(--ink); padding:0 18px; background:transparent; }
.idol-empty .notify__form button { flex:0 0 auto; height:54px; padding:0 26px; background:var(--ink); color:#fff; font:600 13px/1 var(--f-display); letter-spacing:.1em; text-transform:uppercase; border:none; cursor:pointer; transition:background .2s; display:inline-flex; align-items:center; }
.idol-empty .notify__form button:hover { background:#000; }
.idol-empty .notify__form button:disabled { opacity:.6; cursor:default; }
.idol-empty .notify__form button svg { width:15px; height:15px; margin-right:8px; }
.idol-empty .notify__hint { font-size:12.5px; color:var(--muted-soft); margin:12px 0 0; line-height:1.5; }
.idol-empty .notify__hint a { color:var(--muted); text-decoration:underline; text-underline-offset:2px; }
.idol-empty .notify__ok { display:none; align-items:center; justify-content:center; gap:12px; border:1px solid var(--ok); background:#f4faec; padding:18px 22px; color:#3f6b16; font-size:15px; text-align:left; line-height:1.5; }
.idol-empty .notify__ok svg { width:22px; height:22px; flex:0 0 auto; color:var(--ok); stroke-width:2; }
.idol-empty .notify.is-done .notify__form, .idol-empty .notify.is-done .notify__hint { display:none; }
.idol-empty .notify.is-done .notify__ok { display:flex; }
.idol-empty .ecbox__or { margin:28px auto 0; display:flex; align-items:center; gap:14px; max-width:520px; color:var(--muted-soft); font-size:12px; letter-spacing:.14em; text-transform:uppercase; font-family:var(--f-display); font-weight:600; }
.idol-empty .ecbox__or::before, .idol-empty .ecbox__or::after { content:""; flex:1 1 0; height:1px; background:var(--line-soft); }
.idol-empty .concierge { display:inline-flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:22px; }
.idol-empty .concierge a { display:inline-flex; align-items:center; gap:9px; padding:12px 18px; border:1px solid var(--line); font:600 13.5px var(--f-display); color:var(--ink); background:#fff; transition:.2s; }
.idol-empty .concierge a:hover { border-color:var(--ink); background:var(--ink); color:#fff; }
.idol-empty .concierge svg { width:17px; height:17px; }
.idol-empty .ecrel { padding:30px 26px 8px; }
.idol-empty .ecrel__h { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.idol-empty .ecrel__h h3 { font-family:var(--f-display); font-weight:700; font-size:16px; letter-spacing:.02em; color:var(--ink); margin:0; }
.idol-empty .ecrel__all { font:600 13px var(--f-display); color:var(--accent); display:inline-flex; align-items:center; gap:6px; }
.idol-empty .ecrel__all svg { width:14px; height:14px; }
.idol-empty .reltiles { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid var(--line); border-top:1px solid var(--line); }
.idol-empty .reltile { display:flex; flex-direction:column; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; transition:background .2s; }
.idol-empty .reltile:hover { background:var(--surface); }
.idol-empty .reltile__m { aspect-ratio:1/1; background-color:#ecebe7; background-image:repeating-linear-gradient(45deg,#e6e4de 0,#e6e4de 12px,#f0efe9 12px,#f0efe9 24px); background-size:cover; background-position:center; background-repeat:no-repeat; }
.idol-empty .reltile__b { padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.idol-empty .reltile__b b { font:500 14.5px var(--f-text); color:var(--ink); }
.idol-empty .reltile__b .n { font-size:12px; color:var(--muted-soft); }
.idol-empty .ecbrands { padding:30px 26px; }
.idol-empty .ecbrands h3 { font-family:var(--f-display); font-weight:700; font-size:16px; letter-spacing:.02em; color:var(--ink); margin:0 0 16px; }
.idol-empty .brandstrip { display:flex; flex-wrap:wrap; gap:10px; }
.idol-empty .brandstrip a { display:inline-flex; align-items:center; gap:10px; padding:11px 16px; border:1px solid var(--line); background:#fff; font-family:var(--f-display); font-weight:600; font-size:14px; color:var(--ink); transition:.18s var(--ease); }
.idol-empty .brandstrip a:hover { border-color:var(--ink); color:#fff; background:var(--ink); }
.idol-empty .bchip__a { width:0; height:15px; opacity:0; margin-left:-10px; transition:.2s var(--ease); flex:0 0 auto; overflow:hidden; }
.idol-empty .brandstrip a:hover .bchip__a { width:15px; opacity:1; margin-left:0; }
.idol-empty .brandstrip a.bchip--all { border-color:var(--accent); color:var(--accent); gap:8px; }
.idol-empty .brandstrip a.bchip--all svg { width:15px; height:15px; flex:0 0 auto; }
.idol-empty .brandstrip a.bchip--all:hover { background:var(--accent); border-color:var(--accent); color:#fff; }
.idol-empty .ec__seo { padding:30px 26px 38px; border-top:1px solid var(--line-soft); color:var(--muted); }
.idol-empty .ec__seo h2 { font-family:var(--f-display); font-weight:700; font-size:18px; color:var(--ink); margin:0 0 12px; }
.idol-empty .ec__seo p { font-size:14.5px; line-height:1.7; margin:0 0 12px; max-width:92ch; }
.idol-empty .ec__seo p:last-child { margin-bottom:0; }
@media (max-width:900px){
.idol-empty .ecbox { padding:40px 18px 46px; }
.idol-empty .ecbox__lead { font-size:15px; }
.idol-empty .reltiles { grid-template-columns:repeat(2,1fr); }
.idol-empty .ec__bar, .idol-empty .ecrel, .idol-empty .ecbrands, .idol-empty .ec__seo { padding-left:16px; padding-right:16px; }
}
@media (max-width:520px){
.idol-empty .notify__form { flex-direction:column; border:none; gap:8px; }
.idol-empty .notify__form input { border:1px solid var(--ink); height:50px; }
.idol-empty .notify__form button { height:50px; justify-content:center; }
.idol-empty .concierge { display:flex; }
.idol-empty .concierge a { flex:1 1 100%; justify-content:center; }
}