/* Header menu Option D (27 Oct 2026, user choice from nav preview): card-style buttons with a soft shadow,
   active page = solid orange #E8761B card, white text, darker orange bottom edge (user change t150u); hover = light orange tint. Desktop menu from 1024px up; 1024-1279px the
   menu drops to its own row under the logo. Below 1024px nothing here applies (phone menu unchanged). */
@media (min-width:1024px){
  html.nv .nav-toggle{display:none !important}
  html.nv .m-only{display:none !important}
  html.nv .main-nav{visibility:visible !important;opacity:1 !important;transition:none !important;position:static !important;transform:none !important;inset:auto !important;padding:0 !important;background:none !important;box-shadow:none !important;border:0 !important;overflow:visible !important;display:block !important;height:auto !important}
  html.nv .main-nav ul{display:flex !important;flex-direction:row !important;flex-wrap:nowrap;align-items:center;gap:4px;margin:0;padding:0}
  html.nv .main-nav li{list-style:none}
  html.nv .main-nav a{display:inline-flex !important;align-items:center;justify-content:center;min-height:0 !important;white-space:nowrap;font-family:var(--head);font-weight:600;font-size:14px;line-height:1;color:#2E3339;border-bottom:0;transition:none !important}
  html.nv .main-nav a::after,html.nv .main-nav a::before{display:none !important;content:none !important}
  html.nv .nav-wrap{gap:20px}
  html.nv .site-header .brand .wm{display:block !important}
}
/* below 1280px the menu gets its own row under the brand (A, B, D) */
@media (min-width:1024px) and (max-width:1279px){
  html.nv.two .nav-wrap{flex-wrap:wrap;height:auto;padding:12px 28px 12px;row-gap:12px}
  html.nv.two .nav-wrap .brand{order:1}
  html.nv.two .nav-wrap .nav-cta{order:2;margin-left:auto}
  html.nv.two .nav-wrap .main-nav{order:3;flex:0 0 100%}
  html.nv.two .main-nav ul{justify-content:space-between}
  html.nv.two .site-header .brand img{height:46px}
  html.nv.two .site-header .brand .wm b{font-size:19px}
  html.nv.two .site-header .brand .wm span{font-size:10.6px;letter-spacing:.15em;margin-top:3px}
  html.nv.two .nav-cta .btn{padding:12px 20px;font-size:14.5px}
}
@media (min-width:1024px){
  html.nv .main-nav ul{gap:6px}
  html.nv .main-nav a{padding:10px 9px;border:1px solid #DDE1E6;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(17,19,21,.06),0 3px 8px rgba(17,19,21,.06)}
  html.nv .main-nav a:hover{border-color:#F2C29B;background:#FDF0E5;color:#1A1D21;box-shadow:0 2px 4px rgba(17,19,21,.08),0 6px 14px rgba(17,19,21,.10)}
  html.nv .main-nav a.active,html.nv .main-nav a.active:hover{border-color:#E8761B;background:#E8761B;color:#fff;box-shadow:inset 0 -3px 0 #C25E10,0 3px 10px rgba(232,118,27,.25)}
}
@media (min-width:1024px) and (max-width:1279px){
  html.nv .main-nav ul{gap:8px} html.nv .main-nav li{flex:1 1 auto} html.nv .main-nav a{width:100%}
}