/* Shared document-defined navigation. Page content and colour themes stay intact. */
#site-header .nav-dropdown[hidden], .app-menu-panel[hidden] { display:none; }
#site-header .nav-unavailable { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:44px; padding:4px 8px; color:#d4e4ef; font-size:12px; line-height:1.4; cursor:default; white-space:nowrap; }
#site-header .nav-unavailable small { font-size:8px; letter-spacing:.02em; opacity:.8; }
#site-header .nav-dropdown a[aria-current='page'], .app-menu-panel a[aria-current='page'] { font-weight:700; background:#e4eef8; color:#244c70; }
/* Panel brands reuse the catalogue's existing filter colours and spacing. */
#catalog-categories .catalog-category-row { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:4px; align-items:stretch; }
#catalog-categories .catalog-category-row .catalog-category { min-width:0; width:100%; margin:0; }
#catalog-categories .catalog-brands-toggle { display:grid; place-items:center; width:44px; min-height:44px; border:1px solid #d6e3ee; border-radius:10px; background:#f5f9fc; color:#315d78; cursor:pointer; }
#catalog-categories .catalog-brands-toggle .icon { width:16px; height:16px; transition:transform 200ms ease; }
#catalog-categories .catalog-brands-toggle[aria-expanded='true'] .icon { transform:rotate(180deg); }
#catalog-categories .catalog-panel-brands { display:grid; gap:4px; margin:8px 0 12px 12px; padding-left:10px; border-left:2px solid #cbdce7; }
#catalog-categories .catalog-panel-brands[hidden] { display:none; }
#catalog-categories .catalog-panel-brand { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; width:100%; padding:8px 10px; text-align:left; font-size:12px; line-height:1.4; color:#31536a; background:transparent; border:1px solid transparent; border-radius:9px; cursor:pointer; }
#catalog-categories .catalog-panel-brand:is(:hover,[aria-pressed='true']) { background:#e4eef8; border-color:#b9d0e1; color:#163d5b; }
#catalog-categories .catalog-panel-brand[aria-pressed='true'] { font-weight:700; }
#catalog-categories .catalog-brand-count { flex-shrink:0; min-width:22px; text-align:center; font-size:10px; padding:3px 5px; border-radius:6px; background:#fff; color:#31536a; }
#catalog-categories :is(.catalog-panel-brand,.catalog-brands-toggle):focus-visible { outline:2px solid #256ab0; outline-offset:2px; }
@media (max-width:1000px) {
  #catalog-categories .catalog-panel-brand { min-height:48px; font-size:14px; }
  #catalog-categories .catalog-brands-toggle { min-height:48px; }
}
@media (min-width:1001px) {
  .hero-art #site-header.brand-header .header-inner { gap:12px; }
  .hero-art #site-header.brand-header .desktop-nav { gap:4px; }
  .hero-art #site-header.brand-header .desktop-nav > .nav-direct { padding-inline:8px; }
  .hero-art #site-header.brand-header .nav-section-link { padding-left:8px; }
  .hero-art #site-header.brand-header .nav-dropdown { top:calc(100% + 12px); left:0; min-width:280px; padding:10px; max-height:calc(100dvh - 140px); overflow-y:auto; overscroll-behavior:contain; }
  .hero-art #site-header.brand-header .nav-dropdown a { min-height:44px; display:flex; align-items:center; padding:10px 14px; }
  .hero-art #site-header.brand-header .nav-products { position:static; }
  .hero-art #site-header.brand-header .nav-mega { top:calc(100% + 8px); left:50%; transform:translateX(-50%); width:min(760px,calc(100vw - 80px)); padding:22px; }
  .nav-product-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .nav-product-column { min-width:0; }
  .hero-art #site-header.brand-header .nav-category-title { font-size:15px; font-weight:700; border-bottom:1px solid #d6e3ee; border-radius:8px 8px 0 0; margin-bottom:6px; color:#174b72; }
  .hero-art #site-header.brand-header .nav-product-links a { color:#415d73; }
  .nav-product-footer { display:flex; justify-content:space-between; gap:16px; padding-top:12px; margin-top:16px; border-top:1px solid #d6e3ee; }
  .hero-art #site-header.brand-header .nav-product-footer a { color:#174b72; font-weight:600; }
  .hero-art #site-header.brand-header .nav-product-footer .dropdown-all { border:0; margin:0; }
  .hero-art #site-header.brand-header .header-phone { margin-inline:0; }
}
@media (min-width:1001px) and (max-width:1390px) {
  .hero-art #site-header.brand-header .header-phone { display:none; }
  .hero-art #site-header.brand-header .brand { width:112px; flex-basis:112px; padding-inline:8px; }
  .hero-art #site-header.brand-header :is(.nav-section-link,.nav-direct,.nav-unavailable) { font-size:12px; }
  .hero-art #site-header.brand-header .header-quote { min-width:132px; padding-left:14px; gap:10px; }
}
@media (min-width:1001px) and (max-width:1180px) {
  .hero-art #site-header.brand-header .header-inner { gap:8px; padding-right:10px; }
  .hero-art #site-header.brand-header .brand { width:100px; flex-basis:100px; }
  .hero-art #site-header.brand-header .brand img { width:86px; }
  .hero-art #site-header.brand-header .desktop-nav { gap:2px; }
  .hero-art #site-header.brand-header .header-quote { min-width:44px; width:44px; height:44px; padding:0; font-size:0; gap:0; justify-content:center; }
  .hero-art #site-header.brand-header .header-quote > .icon { width:28px; height:28px; padding:5px; }
  .hero-art #site-header.brand-header .header-actions { gap:6px; }
}
@media (max-width:1000px) {
  .mobile-app .app-menu-list { gap:6px; }
  .mobile-app .app-menu-row { display:grid; grid-template-columns:minmax(0,1fr) 48px; align-items:stretch; gap:4px; }
  .mobile-app .app-menu-row .app-nav-item { min-width:0; padding-right:0; }
  .mobile-app .app-submenu-toggle { display:grid; place-items:center; min-width:48px; min-height:54px; border-radius:14px; color:#315b73; background:#e9f0f5; }
  .mobile-app .app-submenu-toggle .app-icon { width:18px; height:18px; transition:transform 200ms; }
  .mobile-app .app-submenu-toggle[aria-expanded='true'] .app-icon { transform:rotate(90deg); }
  .mobile-app .app-menu-panel { padding:4px 0 10px 18px; border-left:2px solid #cee1e8; margin:6px 10px 8px 24px; }
  .mobile-app .app-menu-panel a { display:flex; align-items:center; min-height:46px; padding:10px 12px; border-radius:10px; font-size:14px; line-height:1.5; color:#264d64; }
  .mobile-app .app-menu-panel a:is(:hover,:focus-visible) { background:#e5eff5; }
  .mobile-app .app-menu .app-product-group { margin:0; padding:0; border:0; }
  .mobile-app .app-product-group summary { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; font-size:14px; font-weight:600; border-radius:10px; }
  .mobile-app .app-product-group summary .app-icon { width:16px; height:16px; }
  .mobile-app .app-product-links { padding:0 0 6px 10px; }
  .mobile-app .app-menu .app-menu-unavailable { color:#6e818a; }
  .mobile-app .app-menu-unavailable small { flex:0 0 auto; padding:4px 8px; border:1px solid #d3e0e5; border-radius:8px; font-size:10px; background:#fff; }
  .mobile-app .app-menu-panel .app-view-category { font-weight:600; }
  .mobile-app.home-polished .app-submenu-toggle { background:#e0eee7; color:#245b4c; }
  .mobile-app.home-polished .app-menu-panel { border-color:#c6dfd0; }
}
@media (prefers-reduced-motion:reduce) {
  .app-submenu-toggle .app-icon, #catalog-categories .catalog-brands-toggle .icon { transition:none!important; }
}