/* Навигация каталога (01.10.2026): «Назад» в крошках, дерево категорий и бренды слева, группы в мегаменю. */
.breadcrumbs{align-items:center}
.crumb-back{display:inline-flex;align-items:center;gap:6px;color:var(--ink,#111);font-weight:500;text-decoration:none}
.crumb-back .icon{transform:rotate(180deg);width:16px;height:16px;flex:none}
.crumb-back:hover span,.crumb-back:focus-visible span{text-decoration:underline;text-underline-offset:3px}
.crumb-sep{color:#b9b9b9}

/* Мегаменю: подраздел с детьми идёт группой. */
.catalog-child-group{display:flex;flex-direction:column}
.catalog-child-grid .catalog-child-head{color:#111;font-weight:500}
.catalog-child-grid .catalog-grandchild{position:relative;padding:4px 0 4px 16px;font-size:15px;color:#555}
.catalog-child-grid .catalog-grandchild::before{content:'';position:absolute;left:3px;top:50%;width:7px;height:1px;background:#bbb}

/* Мобильное меню: вложенный подраздел. */
.mobile-menu details .mobile-sub{border-bottom:0;padding:14px 0 0}
.mobile-menu .mobile-sub>summary{font-size:15px;color:var(--ink)}
.mobile-menu .mobile-sub>a{padding-left:14px}

/* Дерево категорий слева. */
.filters .filter-tree{display:grid;gap:1px;margin-top:14px}
.filters .filter-tree details{padding:0;border:0}
.filters .filter-tree details>a,.filters .filter-tree details>details{margin-left:12px}
.filters .filter-tree a,.filters .filter-tree summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:15px;font-weight:400;color:#444;line-height:1.35;text-decoration:none;cursor:pointer}
.filters .filter-tree summary{list-style:none}
.filters .filter-tree summary::-webkit-details-marker{display:none}
.filters .filter-tree summary::after{content:'+';font-size:17px;line-height:1;color:#777}
.filters .filter-tree details[open]>summary::after{content:'\2212'}
.filters .filter-tree details[open]>summary{color:#111;font-weight:500}
.filters .filter-tree a:hover,.filters .filter-tree summary:hover{color:#111}
.filters .filter-tree .tree-all{font-size:14px;color:#777}
.filters .filter-tree .current{color:var(--accent);font-weight:500}

/* Бренды слева. */
.filters .filter-brand-list{display:grid;gap:1px;margin-top:14px;max-height:340px;overflow:auto;padding-right:6px;overscroll-behavior:contain}
.filters .filter-brand-list a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:15px;color:#444;text-decoration:none}
.filters .filter-brand-list a small{font-size:13px;color:#999}
.filters .filter-brand-list a:hover{color:#111}
.filters .filter-brand-list .current{color:var(--accent);font-weight:500}
.filters .filter-brand-list .current small{color:var(--accent)}

/* Телефон: текущая крошка дублирует заголовок страницы, её прячем вместе с разделителем перед ней. */
@media(max-width:600px){.breadcrumbs .crumb:last-child,.breadcrumbs span[aria-hidden]:has(+ .crumb:last-child){display:none}}

/* Уведомление о cookie (09.10.2026): ссылка на политику видна как ссылка. */
.cookie-panel p a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.cookie-panel p a:hover{color:var(--accent)}

/* Вкладка «Магазин» в товаре: почта отдельной строкой под телефоном (09.10.2026). */
.store-availability-card .store-email{display:block;width:max-content;margin-top:6px;font-size:16px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.store-availability-card .store-email:hover{color:var(--accent)}
.site-footer .footer-email{display:block;width:max-content;margin-top:10px;font-size:17px;color:#fff;text-decoration:none}
.site-footer .footer-email:hover{color:var(--accent)}
.site-footer .footer-address{margin:8px 0 14px;font-size:15px;line-height:1.5;opacity:.85}
/* Каталог в шапке (владелец 10.10.2026): меню во всю высоту под шапкой, каждая колонка прокручивается сама,
   на краю колонки прокрутка не переходит на страницу, пустые места меню страницу не двигают (navigation.js). */
.catalog-mega{height:calc(100dvh - 230px);max-height:calc(100dvh - 230px);overflow:hidden;overscroll-behavior:contain}
.catalog-content{height:100%;min-height:0}
.catalog-pane{height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}
.catalog-rail,.catalog-subcategories,.catalog-brand-list,.catalog-brand-details,.catalog-brand-wall{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.catalog-brand-list{max-height:none;height:100%}

/* Фирменный скроллбар везде (владелец 10.10.2026). Сам скроллбар задан в motion.css (графитовый, оранжевый при
   наведении, без стрелок), но Chrome с версии 121 игнорирует его у элементов со scrollbar-width или scrollbar-color
   и рисует системный со стрелками. Поэтому в браузерах с ::-webkit-scrollbar эти свойства сбрасываем; Firefox
   получает тонкий фирменный через scrollbar-color. */
@supports selector(::-webkit-scrollbar){
.catalog-rail,.catalog-subcategories,.catalog-brand-list,.catalog-brand-details,.catalog-brand-wall,.gallery-thumbs,.detail-tabs,.chat-messages{scrollbar-width:auto;scrollbar-color:auto}
.chat-messages::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb:hover{border-radius:0}
.chat-messages::-webkit-scrollbar-thumb{background:#161616}
.chat-messages::-webkit-scrollbar-thumb:hover{background:#f36d21}
.catalog-brand-wall::-webkit-scrollbar-track,.catalog-brand-wall::-webkit-scrollbar-track-piece:end{background:#262626}
.catalog-brand-wall::-webkit-scrollbar-track-piece:start{background:#5c5c5c}
.catalog-brand-wall::-webkit-scrollbar-thumb{background:#dcdcdc}
.catalog-brand-wall::-webkit-scrollbar-thumb:hover,.catalog-brand-wall::-webkit-scrollbar-thumb:active{background:#f36d21}
}
@supports not selector(::-webkit-scrollbar){.catalog-brand-wall{scrollbar-color:#dcdcdc #262626}}
/* Стена брендов: воздух сверху и снизу; ряды сжимаются под высоту окна (--rows ставит тема по числу брендов), чтобы
   в невысоком окне были видны все бренды. Если места всё равно мало, стена прокручивается и начинается сверху
   (safe center: по центру, только когда влезает), полоски фона едут вместе с брендами. */
.catalog-brand-wall{align-content:start;align-content:safe center;padding:36px 28px;row-gap:clamp(6px,calc((100dvh - 302px) / var(--rows,17) - 32px),26px);background:repeating-linear-gradient(135deg,transparent 0 22px,#ffffff05 22px 23px),radial-gradient(circle at 30% 20%,#2a2a2a 0,#171717 60%) #171717;background-attachment:local,local}
.catalog-brand-wall::after{display:none}
.catalog-brand-wall .brand-wall-item{min-height:32px}