/* Mobile controls are NEVER shown on desktop. */
.ia-mobile-toggle,.ia-mobile-head,.ia-sub-toggle,.ia-mobile-backdrop{display:none!important}
@media(min-width:981px){header.site nav.main{transform:none!important;visibility:visible!important}body.ia-menu-open{overflow:auto!important}}

/* v193 – ONLY phone/tablet. Desktop >= 981px remains untouched. */
@media (max-width:980px) {
  html,body{max-width:100%;overflow-x:clip}
  body{min-width:0}
  body :is(main,section,article,.container){min-width:0}
  body .container,body header.site>.container{padding-left:10px!important;padding-right:10px!important;box-sizing:border-box}
  body main :is(img,video,iframe,svg){max-width:100%;height:auto}
  body main :is(h1,h2,h3,h4,p,a,li){overflow-wrap:break-word}
  body main :is(.grid,.cards,.card-grid,.az-grid,.pivot-market-grid,.pivot-split,.accessory-hero-clean__inner,.acc-hero-grid,.az-hero-grid,.ia-hero-inner-v182,.hardware-grid,.features-grid){min-width:0}
  body main :is(.container,.pivot-container,.az-wrap,.accessory-hero-clean__inner,.acc-hero-inner,.ia-hero-inner-v182){max-width:100%;padding-left:10px!important;padding-right:10px!important;box-sizing:border-box}
  .topbar .container{justify-content:center!important;align-items:center!important;text-align:center!important;gap:5px 12px!important}
  .topbar .container>*{text-align:center!important}
  header.site{z-index:1200}
  header.site>.container{display:flex!important;align-items:center!important;justify-content:space-between!important;height:70px!important;gap:10px}
  header.site a.logo .site-logo-image{max-width:175px!important;max-height:54px!important}
  .ia-mobile-toggle{display:flex!important;appearance:none;border:1px solid #dce8e1;background:#f4faf7;border-radius:12px;width:46px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;color:#075d42}
  .ia-mobile-toggle svg{width:24px;height:24px}
  body.ia-menu-open{overflow:hidden}
  body.ia-menu-open .ia-mobile-toggle{background:#e4f5ec}
  body .ia-mobile-backdrop{display:none}
  body.ia-menu-open .ia-mobile-backdrop{display:block!important;position:fixed;inset:0;background:rgba(12,29,22,.55);z-index:1198}
  header.site nav.main{display:block!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(390px,90vw)!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0 0 24px!important;background:#fff!important;box-shadow:-15px 0 45px rgba(0,0,0,.18);overflow-y:auto!important;overscroll-behavior:contain;z-index:1201!important;transform:translateX(105%);visibility:hidden;transition:transform .24s ease,visibility .24s;grid-column:auto!important}
  body.ia-menu-open header.site nav.main{transform:translateX(0);visibility:visible}
  .ia-mobile-head{display:flex!important;position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 14px;background:#075b42;color:#fff;font-weight:700;font-size:18px}
  .ia-mobile-close{appearance:none;background:rgba(255,255,255,.17);color:#fff;border:0;border-radius:10px;width:38px;height:38px;font-size:26px;cursor:pointer}
  header.site nav.main>ul{display:block!important;height:auto!important;margin:0!important;padding:8px 10px!important}
  header.site nav.main>ul>li{display:flex!important;position:relative!important;flex-wrap:wrap;align-items:center!important;height:auto!important;min-height:52px;margin:0!important;border-bottom:1px solid #e7eee9}
  header.site nav.main>ul>li>a{height:auto!important;min-height:52px;white-space:normal!important;flex:1!important;font-size:16px!important;padding:12px 9px!important;color:#173c30!important}
  header.site nav.main>ul>li.has-sub>a::after{display:none!important}
  .ia-sub-toggle{display:block!important;appearance:none;border:0;background:#eff7f2;color:#075b42;width:42px;height:40px;border-radius:9px;cursor:pointer;font-size:21px;flex:none}
  header.site nav.main>ul>li>.sub{display:none!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;flex:0 0 100%!important;max-width:100%!important;max-height:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none!important;box-shadow:none!important;border:0!important;background:#f4faf6!important;padding:12px!important;margin:0 0 10px!important;box-sizing:border-box!important}
  header.site nav.main>ul>li.ia-expanded>.sub{display:block!important}
  header.site nav.main .mega-menu{grid-template-columns:1fr!important;gap:0!important}
  header.site nav.main .mega-col{padding:8px 0!important;border-bottom:1px solid #dcebe1}
  header.site nav.main .mega-title{font-size:14px!important;font-weight:750!important;margin:8px 0!important;color:#075b42!important}
  header.site nav.main .mega-group{margin:8px 0!important}
  header.site nav.main .mega-group-title{display:block;margin:8px 0 3px;font-size:12px}
  header.site nav.main .sub a{display:block!important;position:static!important;height:auto!important;min-height:36px!important;padding:8px 9px!important;margin:0!important;white-space:normal!important;font-size:14px!important;line-height:1.4!important;color:#244b3c!important;text-decoration:none}
  header.site nav.main .sub a br{display:none}
  header.site nav.main .sub a:focus-visible,.ia-mobile-toggle:focus-visible,.ia-sub-toggle:focus-visible,.ia-mobile-close:focus-visible{outline:3px solid #17a879;outline-offset:2px}
  body main :is(.acc-hero-grid,.az-hero-grid,.pivot-split,.accessory-hero-clean__inner){grid-template-columns:minmax(0,1fr)!important}
  body main :is(.acc-hero-grid,.az-hero-grid,.pivot-split,.accessory-hero-clean__inner)>*{min-width:0!important;max-width:100%!important}
  body main table{max-width:100%}
  body main :is(.table-responsive,.table-scroll,.hardware-table-scroll,.fifteen-table-scroll,.x1071-table,.xds2288-table-wrap,.wbd-table-scroll){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:600px){
  body main :is(.az-grid,.pivot-market-grid){grid-template-columns:1fr!important}
  body main :is(h1){font-size:clamp(27px,7vw,39px)}
  body main :is(h2){font-size:clamp(23px,5.6vw,31px)}
}
@media(min-width:601px) and (max-width:980px){
  body main :is(.az-grid,.pivot-market-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (prefers-reduced-motion:reduce){
  header.site nav.main{transition:none!important}
}

@media(max-width:980px){
 header.site nav.main{box-sizing:border-box!important;}
 header.site nav.main .ia-mobile-head{min-height:70px;box-sizing:border-box}
 header.site nav.main>ul>li>.sub{overflow:visible!important}
 .topbar .container{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
}