/* ВЕКТОР КС — общий фирменный стиль Маслофф для всех страниц системы.
   Цвета и шрифт — как на masloff.ru: красный #CF151A, графит #373736, белый, светло-серый.
   Здесь же — нижнее меню и выезжающее боковое меню для телефона. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --brand-red:#CF151A;
  --brand-red-dark:#A81216;
  --brand-red-bg:#FCECEC;
  --brand-graphite:#373736;
  --brand-graphite-2:#3C3C3B;
  --brand-text:#212529;
  --brand-muted:#5F5E5A;
  --brand-line:#E6E6E4;
  --brand-bg:#F0F0F0;
  --brand-radius:6px;
  --brand-font:'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* название системы рядом с логотипом в шапке */
.vks-brandname{font-family:var(--brand-font);font-weight:800;font-size:15px;letter-spacing:.08em;color:var(--brand-graphite);
  padding-left:14px;margin-left:14px;border-left:1px solid var(--brand-line);white-space:nowrap;text-decoration:none;}
.vks-brandname b{color:var(--brand-red);font-weight:800;}

/* ---------- нижнее меню (только на телефоне) ---------- */
.vks-bottomnav{display:none;}
.vks-drawer-backdrop{display:none;}

@media (max-width: 760px){
  .vks-bottomnav{
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:60;
    background:#fff; border-top:1px solid var(--brand-line);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    justify-content:space-around;
  }
  .vks-bottomnav a, .vks-bottomnav button{
    flex:1; display:flex; flex-direction:column; align-items:center; gap:2px;
    font-family:var(--brand-font); font-size:11px; font-weight:500; color:var(--brand-muted);
    text-decoration:none; background:none; border:none; padding:4px 2px; cursor:pointer;
  }
  .vks-bottomnav svg{width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.8;}
  .vks-bottomnav .active{color:var(--brand-red); font-weight:600;}

  /* выезжающее меню разделов */
  .vks-drawer-backdrop{position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:70;}
  body.vks-drawer-open .vks-drawer-backdrop{display:block;}
}