/* Shared top navigation across all pages. */
.top .nav{position:relative;height:82px;gap:18px}
.top .logo img,.top .brand img{width:180px;max-height:66px}
.top .links{display:flex;align-items:center;gap:18px;font-size:.875rem;font-weight:700}
.top .links a{padding:27px 0 23px;border-bottom:3px solid transparent;white-space:nowrap}
.top .links a:hover,.top .links a.active{border-bottom-color:#ed102b}
.top .menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;background:#171d20;border:1px solid #424c50;border-radius:8px;color:#fff;font:700 .875rem Inter,Arial,sans-serif;cursor:pointer;flex-shrink:0}
.menu-icon{display:grid;gap:4px;width:18px}.menu-icon span{display:block;height:2px;background:currentColor;border-radius:2px}
.top a:focus-visible,.top button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1199px){
  .top .menu-toggle{display:inline-flex}
  .top .links{display:none;position:absolute;top:100%;right:0;width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 100px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:0;margin-top:1px;padding:8px;background:#0d1215;border:1px solid #30383c;border-radius:0 0 12px 12px;box-shadow:0 18px 40px #0009}
  .top .links.is-open{display:flex}
  .top .links a,.top .links a.active{padding:13px 14px;border:0;border-radius:6px;font-size:1rem;white-space:normal}
  .top .links a:hover,.top .links a.active{background:#2a1117;color:#fff}
}
@media(max-width:620px){
  .top{height:72px}
  .top .nav{height:70px;gap:7px}
  .top .logo img,.top .brand img{width:145px;max-height:52px}
  .top .pill{width:40px;min-height:40px;padding:0;flex-shrink:0}
  .top .pill .label{display:none}
  .top .contact-actions{gap:5px}
  .top .contact-actions .button{min-height:40px;width:40px;padding:0;font-size:0}
  .top .contact-actions .call-button::before{content:'☎';font-size:1rem}
  .top .contact-actions .wa-button::before{content:'◉';font-size:1rem}
}
@media(max-width:380px){
  .top .logo img,.top .brand img{width:116px}
  .top .menu-toggle{padding:0 8px;gap:6px}
  .top .nav{gap:5px}
}

@media(min-width:1200px){.top .links{gap:14px}}

.foot-links{flex-wrap:wrap}