.mobile-dock{display:none}
.catalog-subnav{display:flex;gap:8px;overflow-x:auto;margin:18px 0 6px;padding-bottom:4px}
.catalog-subnav a{flex:none;padding:9px 12px;border:1px solid #2a3844;border-radius:9px;color:#b8c5d0;text-decoration:none;font-weight:700}
.catalog-subnav a[aria-current=page]{color:#66c0f4;border-color:#66c0f4;background:rgba(102,192,244,.1)}
.catalog-subnav a:focus-visible{outline:3px solid #66c0f4;outline-offset:2px}
.online-page #search,.online-page #sort-select{min-height:44px;border:1px solid #415466;border-radius:9px;background:#101922;color:#e5edf3;padding:9px 12px}
.online-page #search,.online-page #sort-select{width:100%}
@media(max-width:820px){
  .topbar nav[aria-label="Основная навигация"]{display:none}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .mobile-dock{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;min-height:calc(62px + env(safe-area-inset-bottom,0px));padding:4px max(4px,env(safe-area-inset-left,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-right,0px));border-top:1px solid #2a3844;background:rgba(14,20,27,.96);backdrop-filter:blur(16px)}
  .mobile-dock .dock-tab{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 1px;color:#b8c5d0;text-decoration:none;font-size:11px;font-weight:650;line-height:1.2;text-align:center;border-radius:8px}
  .mobile-dock .dock-tab.active,.mobile-dock .dock-tab[aria-current=page]{color:#66c0f4;background:rgba(102,192,244,.12)}
  .mobile-dock .dock-icon{width:24px;height:24px;flex:none}
  .mobile-dock .dock-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-dock .dock-tab:focus-visible{outline:3px solid #66c0f4;outline-offset:-2px}
}