/* NAV505 (17 Oct 2026): the Products menu in the site header. On a computer it opens under "Products";
   inside the phone menu (720px and narrower) its links list in place. Loaded from the header itself, so a
   cached copy of styles.css cannot leave it unstyled. */
.nav-more{position:relative}
.nav-more>summary{list-style:none;cursor:pointer;font-weight:600;color:var(--mut,#B9C3CE);font-size:.95rem;display:flex;align-items:center;gap:7px;user-select:none}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>summary::marker{content:""}
.nav-more>summary::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.nav-more[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.nav-more>summary:hover,.nav-more[open]>summary,.nav-more.here>summary{color:var(--em,#FFC700)}
.nav-more>summary:focus-visible{outline:2px solid var(--em,#FFC700);outline-offset:4px;border-radius:4px}
.nav-more-list{position:absolute;top:calc(100% + 16px);left:-14px;min-width:240px;background:var(--card,#161616);border:1px solid var(--line,#2A2A2A);border-radius:12px;padding:8px;box-shadow:0 2px 4px rgba(0,0,0,.45),0 18px 48px rgba(0,0,0,.6);z-index:300;display:flex;flex-direction:column;gap:2px}
.nav-more-list a{display:block;padding:9px 12px;border-radius:8px;white-space:nowrap}
.nav-more-list a:hover,.nav-more-list a[aria-current="page"]{background:#241D06;color:var(--em,#FFC700)}
/* the header grows by one item: tighten it between the phone menu and full width */
@media (min-width:721px) and (max-width:1060px){.nav-links{gap:14px}.nav-links a,.nav-more>summary{font-size:.88rem}}
@media (max-width:720px){
  .nav-more-list{position:static;min-width:0;background:transparent;border:0;box-shadow:none;padding:8px 0 0 14px;gap:10px}
  .nav-more-list a{padding:0;white-space:normal}
  .nav-more-list a:hover{background:transparent}
}