/* MMT Acoustix .in - shared header. All rules scoped to .mx-header so old page CSS is untouched. */
.mx-header{
  --mx-bg:#FFFFFF;
  --mx-ink:#15171A;        /* graphite text */
  --mx-muted:#6B7078;      /* group headings */
  --mx-line:#E7E8EB;
  --mx-soft:#F4F5F7;       /* hover wash */
  --mx-rust:#8A3416;       /* dark rust: group headings, hover */
  --mx-warm:#FBF4F0;       /* warm hover wash */
  --mx-accent:#8A3416;
  position:sticky; top:0; z-index:9999;
  background:var(--mx-bg);
  border-bottom:1px solid var(--mx-line);
  font-family:'Karla',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.mx-header *{box-sizing:border-box;margin:0;padding:0;list-style:none;float:none;border:0;background:none;text-align:left;line-height:1.35;font-family:inherit;}
.mx-header a{color:inherit;text-decoration:none;}
.mx-header.mx-scrolled{box-shadow:0 6px 24px rgba(21,23,26,.07);}

.mx-bar{max-width:1320px;margin:0 auto;padding:0 28px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.mx-logo img{display:block;height:62px;width:auto;}

/* top level */
.mx-top{display:flex;align-items:center;gap:6px;}
.mx-link{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;
  font-family:'Montserrat',sans-serif;font-weight:600;font-size:14.5px;letter-spacing:.01em;color:var(--mx-ink);cursor:pointer;transition:background .15s,color .15s;}
.mx-has-drop>.mx-link::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.mx-item:hover>.mx-link,.mx-item.mx-open>.mx-link,.mx-link:focus-visible{background:var(--mx-soft);color:var(--mx-rust);outline:none;}
.mx-item.mx-open>.mx-link::after{transform:rotate(-135deg) translateY(-1px);}

/* dropdowns */
.mx-item{position:relative;}
.mx-mega{position:static;}
.mx-drop{position:absolute;top:calc(100% + 8px);left:0;opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .16s,transform .16s,visibility .16s;background:var(--mx-bg);border:1px solid var(--mx-line);
  border-radius:14px;box-shadow:0 24px 60px rgba(21,23,26,.14);padding:22px 24px;}
.mx-drop::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;} /* hover bridge */
.mx-drop-sm{min-width:230px;padding:12px;}
.mx-drop-mega{left:28px;right:28px;max-width:1264px;margin:0 auto;}
.mx-drop-apps{left:auto;right:28px;width:720px;}
.mx-bar{position:relative;}
@media (hover:hover) and (min-width:901px){
  .mx-item:hover>.mx-drop,.mx-item:focus-within>.mx-drop{opacity:1;visibility:visible;transform:none;}
}
.mx-item.mx-open>.mx-drop{opacity:1;visibility:visible;transform:none;}

.mx-cols{display:grid;gap:8px 28px;}
.mx-cols-4{grid-template-columns:1fr 1.1fr 1.25fr 1fr;}
.mx-list+.mx-list{margin-top:10px;padding-top:10px;border-top:1px dashed var(--mx-line);}
.mx-col{padding-right:8px;border-right:1px solid var(--mx-line);}
.mx-col:last-child{border-right:0;}
.mx-head{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mx-muted);margin:14px 0 6px;}
.mx-col .mx-head:first-child{margin-top:0;}
.mx-head a{color:var(--mx-ink);}
.mx-head a:hover{color:var(--mx-accent);}
.mx-sub{font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;color:var(--mx-ink);margin:10px 0 2px 8px;}
.mx-sub a:hover{color:var(--mx-accent);}
.mx-list a{display:block;padding:6px 8px;border-radius:8px;font-size:14.5px;color:#2B2E33;transition:background .12s,color .12s;}
.mx-list a:hover,.mx-list a:focus-visible{background:var(--mx-warm);color:var(--mx-rust);outline:none;}
.mx-list-2{display:grid;grid-template-columns:1fr 1fr;column-gap:6px;}
.mx-list-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 10px;}
.mx-list-3 a{padding:10px 12px;font-size:15px;}

/* products mega: 3 x 2 groups */
.mx-drop-mega{padding:28px 30px 26px;}
.mx-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 34px;}
.mx-group{padding:0 0 0 16px;border-left:2px solid var(--mx-line);transition:border-color .15s;}
.mx-group:hover{border-left-color:var(--mx-rust);}
.mx-gh{font-family:'Montserrat',sans-serif;font-weight:700;font-size:15.5px;letter-spacing:-.005em;color:var(--mx-rust);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.mx-brand{font-family:'Karla',sans-serif;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-muted);}
.mx-gd{font-size:13px;color:var(--mx-muted);margin:3px 0 10px;}
.mx-group .mx-list a{padding:5px 8px;margin-left:-8px;font-size:14.5px;}

/* burger */
.mx-burger{display:none;width:44px;height:44px;border-radius:10px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.mx-burger span{display:block;width:22px;height:2px;background:var(--mx-ink);border-radius:2px;transition:transform .2s,opacity .2s;}
.mx-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.mx-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.mx-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* tablet / mobile */
@media (max-width:900px){
  .mx-bar{height:70px;padding:0 18px;}
  .mx-logo img{height:50px;}
  .mx-burger{display:flex;}
  .mx-nav{position:fixed;left:0;right:0;top:70px;bottom:0;background:var(--mx-bg);overflow-y:auto;
    transform:translateX(100%);transition:transform .25s;border-top:1px solid var(--mx-line);padding:10px 18px 40px;}
  .mx-header.mx-menu-open .mx-nav{transform:none;}
  .mx-top{flex-direction:column;align-items:stretch;gap:0;}
  .mx-item{border-bottom:1px solid var(--mx-line);}
  .mx-link{width:100%;justify-content:space-between;height:56px;padding:0 4px;border-radius:0;font-size:16px;}
  .mx-item:hover>.mx-link{background:none;}
  .mx-drop,.mx-drop-mega,.mx-drop-apps,.mx-drop-sm{position:static;width:auto;min-width:0;max-width:none;margin:0;
    box-shadow:none;border:0;border-radius:0;padding:0 0 14px;display:none;opacity:1;visibility:visible;transform:none;}
  .mx-item.mx-open>.mx-drop{display:block;}
  .mx-cols-4{grid-template-columns:1fr;}
  .mx-col{border-right:0;padding:0;}
  .mx-list-3{grid-template-columns:1fr 1fr;}
  .mx-contact{border-bottom:0;}
  .mx-groups{grid-template-columns:1fr;gap:18px;}
  .mx-drop-mega{padding:4px 0 16px;}
}
@media (min-width:600px) and (max-width:900px){ .mx-groups{grid-template-columns:1fr 1fr;} }
@media (max-width:480px){ .mx-list-3,.mx-list-2{grid-template-columns:1fr;} }