/* buyblock: каталог на телефоне (тема insales, страница категории) — см. js/mcat.js.
   Класс bb-mc на <html> ставит <head> только на страницах категорий, поэтому кнопка видна с первого кадра. */
/* на компьютере дерева и списка подразделов нет — там левое меню */
.bb-mc-tree, .bb-mc-dd, .bb-mc-cb { display: none; }
@media (max-width: 991px) {
    /* заголовок раздела = тёмная кнопка «☰ Раздел ▼»; отдельного заголовка и крошек нет */
    html.bb-mc main .in-blocks__title { position: relative; display: flex; align-items: center; justify-content: flex-start !important; gap: 10px; min-height: 38px; margin: 0 0 10px !important; padding: 7px 40px 7px 12px !important; border-radius: 8px; background: #232846; color: #fff; cursor: pointer; -webkit-tap-highlight-color: transparent; }
    /* значка «☰» нет — компактнее (владелец 04.11.2026) */
    html.bb-mc main .in-blocks__title::after { content: ""; position: absolute; right: 15px; top: 50%; margin-top: -3px; border: 6px solid transparent; border-top: 8px solid #fff; border-bottom: 0; }
    html.bb-mc.bb-mc-open main .in-blocks__title::after { border-top: 0; border-bottom: 8px solid #fff; }
    html.bb-mc main .in-blocks__title h1 { flex: 1; text-align: left !important; margin: 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.25 !important; font-weight: 600 !important; color: #fff !important; }
    html.bb-mc main .bread { display: none !important; }
    /* отступы темы по 35 px между кнопкой, плашками подразделов и строкой «Заказ по артикулам» — ужаты */
    html.bb-mc main .main__wrap { margin-top: 0 !important; }
    html.bb-mc main .c-products__dop { margin-top: 0 !important; }

    /* подразделы: полоса плашек темы скрыта. Есть подразделы — справа в тёмной кнопке отдельная светлая кнопка
       со стрелкой: она открывает список подразделов, остальная часть кнопки — весь каталог (владелец 04.11.2026) */
    html.bb-mc main .h-categ_mobile { display: none !important; }
    html.bb-mc main .c-products { margin-top: 0 !important; }
    html.bb-mc main:has(.h-categ_mobile a) .in-blocks__title { padding-right: 52px !important; }
    html.bb-mc main:has(.h-categ_mobile a) .in-blocks__title::after { right: 4px; top: 4px; bottom: 4px; width: 40px; margin: 0; border: 0; border-radius: 6px; background: rgba(255,255,255,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat; }
    html.bb-mc.bb-mc-sub-open main:has(.h-categ_mobile a) .in-blocks__title::after { background-color: rgba(255,255,255,.3); transform: rotate(180deg); }
    html.bb-mc.bb-mc-open main:has(.h-categ_mobile a) .in-blocks__title::after { border: 0; }
    .bb-mc-dd { display: none; position: absolute; z-index: 60; top: calc(100% + 6px); right: 0; width: min(320px, 100%); max-height: 60vh; overflow-y: auto; padding: 6px 0; background: #fff; border: 1px solid #e1e3e8; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.15); cursor: default; }
    html.bb-mc-sub-open .bb-mc-dd { display: block; }
    .bb-mc-dd a { display: block; padding: 10px 16px; font-size: 15px; line-height: 1.3; color: #1f2433; text-decoration: none; }
    .bb-mc-dd a:active { background: #f1f2f5; }

    /* та же кнопка подразделов со значком в строке «Заказ по артикулам / фильтр / Плитка·Список» */
    .bbws-bar-top { position: relative; }
    .bb-mc-cb { display: block; flex: 0 0 auto; margin-left: auto; }
    .bb-mc-cb + .bbws-fbtn { margin-left: 0; }
    .bb-mc-cb button { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 1px solid #d9dbe2; border-radius: 6px; background: #fff; color: #232846; cursor: pointer; }
    .bb-mc-cb.is-open button { border-color: #232846; box-shadow: 0 0 0 1px #232846; }
    .bb-mc-cdd { display: none; position: absolute; z-index: 60; top: calc(100% + 6px); right: 0; width: min(320px, 100%); max-height: 60vh; overflow-y: auto; padding: 6px 0; background: #fff; border: 1px solid #e1e3e8; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.15); }
    .bb-mc-cb.is-open .bb-mc-cdd { display: block; }
    .bb-mc-cdd a { display: block; padding: 10px 16px; font-size: 15px; line-height: 1.3; color: #1f2433; text-decoration: none; }
    /* четыре кнопки в строке на узком телефоне: без значков в «Плитка / Список», промежутки меньше */
    .bbws-bar-top:has(.bb-mc-cb) { gap: 6px; }
    .bbws-bar-top:has(.bb-mc-cb) .bbws-ic { display: none; }
    .bbws-bar-top:has(.bb-mc-cb) .bbws-quick-link { font-size: 13px; }
    @media (max-width: 370px) {
        .bbws-bar-top:has(.bb-mc-cb) { gap: 5px; }
        .bb-mc-cb button, .bbws-bar-top:has(.bb-mc-cb) .bbws-fbtn { width: 32px; height: 32px; }
        .bbws-bar-top:has(.bb-mc-cb) .bbws-switch button { padding: 7px 7px; }
    }

    /* тёмная кнопка и строка «Заказ по артикулам / … / Плитка·Список» закреплены под шапкой (владелец 04.11.2026).
       --bbmc-top — низ шапки темы, --bbmc-th — высота кнопки (js/mcat.js); белые поля закрывают товары под ними */
    html.bb-mc main .in-blocks__title { position: sticky; top: calc(var(--bbmc-top, 65px) + 8px); z-index: 52; box-shadow: 0 0 0 8px #fff; }
    html.bb-mc main .bbws-bar-top { position: sticky; top: calc(var(--bbmc-top, 65px) + var(--bbmc-th, 48px) + 16px); z-index: 51; background: #fff; box-shadow: 0 0 0 8px #fff; }

    /* дерево разделов под кнопкой */
    .bb-mc-tree { display: none; margin: 0 0 12px; border: 1px solid #e1e3e8; border-radius: 10px; overflow: hidden; background: #fff; }
    html.bb-mc-open .bb-mc-tree { display: block; }
    .bb-mc-tree ul { list-style: none; margin: 0; padding: 0; }
    .bb-mc-tree li > ul { display: none; }
    .bb-mc-tree li.is-open > ul { display: block; }
    .bb-mc-row { display: flex; align-items: stretch; border-top: 1px solid #eef0f3; }
    .bb-mc-l1 > li:first-child > .bb-mc-row { border-top: 0; }
    .bb-mc-row a { flex: 1; min-width: 0; padding: 11px 14px; font-size: 15px; line-height: 1.3; color: #1f2433; text-decoration: none; }
    .bb-mc-l2 .bb-mc-row { background: #f7f8fa; }
    .bb-mc-l2 .bb-mc-row a { padding-left: 28px; }
    .bb-mc-l3 .bb-mc-row { background: #eff1f5; }
    .bb-mc-l3 .bb-mc-row a { padding-left: 42px; font-size: 14px; }
    .bb-mc-tg { position: relative; flex: 0 0 48px; cursor: pointer; }
    .bb-mc-tg::before, .bb-mc-tg::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; background: #9aa0ad; }
    .bb-mc-tg::after { transform: rotate(90deg); }
    .bb-mc-tree li.is-open > .bb-mc-row > .bb-mc-tg::after { display: none; }
    /* раздел верхнего уровня, в котором покупатель сейчас, — тёмной строкой; сама текущая страница — красным */
    .bb-mc-l1 > li.is-path > .bb-mc-row { background: #232846; }
    .bb-mc-l1 > li.is-path > .bb-mc-row a { color: #fff; font-weight: 600; }
    .bb-mc-l1 > li.is-path > .bb-mc-row .bb-mc-tg::before, .bb-mc-l1 > li.is-path > .bb-mc-row .bb-mc-tg::after { background: #fff; }
    .bb-mc-l2 li.is-cur > .bb-mc-row a, .bb-mc-l3 li.is-cur > .bb-mc-row a { color: #c4121b; font-weight: 600; }
}