/* Shared navigation: normal links without JS, a compact disclosure when enhanced. */
.top-nav { z-index:60; }
.top-nav .main-nav { min-width:0; }
.top-nav .nav-link, .top-nav .dropdown-trigger { min-height:44px; display:inline-flex; align-items:center; justify-content:center; }
.top-nav .nav-link:focus-visible, .top-nav button:focus-visible, .top-nav .dropdown-link:focus-visible { outline:2px solid #e5b679; outline-offset:3px; }
.site-nav-toggle { display:none; }
.top-nav .dropdown-trigger { gap:8px; }
@media (max-width:768px) {
  .top-nav, .home-page > .top-nav { padding:12px 20px; }
  .top-nav .nav-container { flex-wrap:wrap; gap:14px; }
  .top-nav .brand-logo { width:85px; }
  .top-nav .main-nav { width:100%; display:flex; flex-wrap:wrap; gap:4px; margin:0; justify-content:flex-start; }
  .top-nav .nav-link, .top-nav .dropdown-trigger { font-size:12px; padding:12px 9px; letter-spacing:.04em; white-space:normal; }
  .top-nav:not([data-navigation-ready]) .dropdown { width:100%; }
  .top-nav:not([data-navigation-ready]) .dropdown-menu { position:static; width:100%; min-width:0; opacity:1; visibility:visible; pointer-events:auto; transform:none; }
  .top-nav[data-navigation-ready] .site-nav-toggle { display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:10px 14px; margin-left:auto; background:#141918; color:#eee9df; border:1px solid #ffffff35; border-radius:5px; font:600 13px/1.5 "Avenir Next","Segoe UI",sans-serif; cursor:pointer; }
  .top-nav[data-navigation-ready] .nav-container { flex-wrap:nowrap; }
  .top-nav[data-navigation-ready] .main-nav { position:absolute; top:calc(100% + 1px); left:20px; right:20px; width:auto; max-height:calc(100dvh - 90px); overflow-y:auto; display:flex; flex-direction:column; align-items:stretch; gap:2px; padding:12px; border:1px solid #ffffff35; border-radius:8px; background:#101513; box-shadow:0 15px 35px #0009; }
  .top-nav[data-nav-open="false"] .main-nav { display:none; }
  .top-nav[data-navigation-ready] .nav-link, .top-nav[data-navigation-ready] .dropdown-trigger { width:100%; justify-content:space-between; padding:13px; font-size:14px; text-align:left; }
  .top-nav[data-navigation-ready] .dropdown-menu { position:static; width:100%; min-width:0; display:none; box-shadow:none; border:0; padding:0; transform:none; background:#171f1b; }
  .top-nav[data-navigation-ready] .dropdown.is-open .dropdown-menu { display:block; opacity:1; visibility:visible; pointer-events:auto; }
  .top-nav .dropdown-link { padding:13px; }
  .top-nav .product-name { font-size:14px; }
  .top-nav .product-desc { font-size:12px; line-height:1.6; }
}