/* Systems dropdown in the main menu (v2: header never squeezes the logo) */
@media (min-width:1081px){.head .brand{flex:none}}
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd-t::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.7}
.nav-dd-m{display:none;position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);min-width:210px;flex-direction:column;gap:0;padding:8px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 40px -18px rgba(0,0,0,.85);z-index:70}
.nav-dd:hover .nav-dd-m,.nav-dd:focus-within .nav-dd-m{display:flex}
.nav-dd-m a{display:block;padding:9px 12px;font-size:14.5px;border-radius:8px;white-space:nowrap}
.nav-dd-m .nav-dd-all{margin-top:4px;padding-top:11px;border-top:1px solid var(--line);border-radius:0 0 8px 8px;color:#dcc2ff}

/* Wide desktop: a little tighter so the full menu, logo and phone button all fit */
@media (min-width:1280px){
  .head .head-call{flex:none;padding-left:13px;padding-right:13px}
  .nav{gap:0}
  .nav a{padding-left:5px;padding-right:5px;font-size:14px}
  .nav a.nav-ff{padding-left:9px;padding-right:9px}
  .nav-dd-t::after{margin-left:5px}
}

/* Up to 1279px the menu opens from the menu button (same as phones and tablets) */
@media (min-width:1081px) and (max-width:1279px){
  .nav{position:fixed;inset:var(--head-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg2);border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(0,0,0,.8);padding:8px var(--gut) 18px;max-height:calc(100vh - var(--head-h));overflow:auto;display:none;margin-left:0}
  .nav.open{display:flex}
  .nav a{font-size:17px;padding:13px 6px;border-bottom:1px solid var(--line);border-radius:0}
  .nav a.nav-ff{padding:13px 14px}
  .nav a:last-child{border-bottom:0}
  .nav .head-menu-call{display:inline-flex;margin-top:14px;justify-content:center;border-bottom:0;border-radius:999px;color:#fff}
  .menu-btn{display:block;margin-left:8px}
  .head .head-call{margin-left:auto}
}
@media (max-width:1279px){
  .nav-dd{display:block}
  .nav-dd-t::after{display:none}
  .nav-dd-m{display:grid;grid-template-columns:1fr 1fr;max-width:560px;position:static;transform:none;min-width:0;padding:0 0 6px 10px;background:none;border:0;border-radius:0;box-shadow:none}
  .nav-dd-m a{font-size:15px;padding:9px 6px;border-bottom:0;color:var(--muted,#aab);white-space:normal}
  .nav-dd-m a[aria-current="page"]{color:#dcc2ff}
  .nav-dd-m .nav-dd-all{grid-column:1 / -1;margin-top:0;padding-top:9px;border-top:0}
  .nav-dd .nav-dd-t{border-bottom:0}
}

/* Small phones: keep the whole "Residential Wastewater Specialists" line visible */
@media (max-width:374px){
  .head .brand .wm small{letter-spacing:.08em;font-size:8.5px}
  .head .wrap{gap:10px}
  .head .brand{gap:8px}
}