/* MMT Acoustix .in - shared footer. Scoped to .mx-footer so old page CSS is untouched. */
.mx-footer{
  --f-bg:#15171A;          /* graphite */
  --f-bg2:#0F1113;
  --f-ink:#F2EFEA;         /* warm white */
  --f-text:#B9BCC2;
  --f-muted:#7E838B;
  --f-line:#2A2D32;
  --f-rust:#8A3416;        /* same dark rust as the nav */
  --f-orange:#E8621C;      /* hover: logo orange */
  background:var(--f-bg);color:var(--f-text);
  font-family:'Karla',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  clear:both;margin-top:60px;
}
.mx-footer *{box-sizing:border-box;margin:0;padding:0;list-style:none;float:none;border:0;background:none;text-align:left;line-height:1.5;font-family:inherit;}
.mx-footer a{color:inherit;text-decoration:none;transition:color .15s;}
.mx-footer a:hover,.mx-footer a:focus-visible{color:var(--f-orange);outline:none;}

.mx-f-wrap{max-width:1320px;margin:0 auto;padding:64px 28px 0;}
.mx-f-main{display:grid;grid-template-columns:minmax(300px,1.1fr) 2.4fr;gap:56px;padding-bottom:52px;}

/* CTA bar */
.mx-f-cta{background:var(--f-rust);color:#fff;}
.mx-f-cta-in{max-width:1320px;margin:0 auto;padding:30px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.mx-f-cta-h{font-family:'Montserrat',sans-serif;font-weight:700;font-size:22px;color:#fff;letter-spacing:-.01em;}
.mx-f-cta-s{font-size:15px;color:rgba(255,255,255,.78);margin-top:2px;}
.mx-f-cta-btns{display:flex;gap:12px;flex-wrap:wrap;}
.mx-footer .mx-f-btn{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;border-radius:999px;
  border:1.5px solid rgba(255,255,255,.55);color:#fff;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14.5px;
  transition:background .15s,color .15s,border-color .15s;}
.mx-footer .mx-f-btn:hover{background:#fff;border-color:#fff;color:var(--f-rust);}
.mx-footer .mx-f-btn-solid{background:#fff;border-color:#fff;color:var(--f-rust);}
.mx-footer .mx-f-btn-solid:hover{background:var(--f-orange);border-color:var(--f-orange);color:#fff;}
.mx-footer .mx-f-btn-wa{background:#25D366;border-color:#25D366;color:#fff;}
.mx-footer .mx-f-btn-wa:hover{background:#1DA851;border-color:#1DA851;color:#fff;}
.mx-f-btn svg{display:block;flex:none;}

/* company block */
.mx-f-brand{font-family:'Montserrat',sans-serif;font-weight:800;font-size:22px;letter-spacing:.02em;color:var(--f-ink);}
.mx-f-brand sup{font-size:10px;font-weight:600;vertical-align:super;}
.mx-f-name{font-size:14px;color:var(--f-muted);margin:2px 0 22px;}
.mx-f-addr{margin-bottom:16px;font-size:14.5px;}
.mx-f-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--f-rust);margin-bottom:4px;}
.mx-f-contact{margin:20px 0 22px;font-size:15px;}
.mx-f-contact li{margin-bottom:6px;color:var(--f-ink);}
.mx-f-contact a{border-bottom:1px solid transparent;}
.mx-f-contact a:hover{border-bottom-color:var(--f-orange);}
.mx-f-sep{margin:0 8px;color:var(--f-muted);}
.mx-footer .mx-f-hours{color:var(--f-muted);font-size:13.5px;}
.mx-f-social{display:flex;gap:10px;}
.mx-f-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--f-line);color:var(--f-text);transition:background .15s,color .15s,border-color .15s;}
.mx-f-social a:hover{background:var(--f-orange);border-color:var(--f-orange);color:#FFFFFF;}
.mx-f-social svg{display:block;}

/* link columns */
.mx-f-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.mx-f-h{font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--f-rust);margin-bottom:14px;}
.mx-f-h2{margin-top:26px;}
.mx-f-col li{margin-bottom:9px;font-size:14.5px;}
.mx-f-col li a span{display:block;font-size:12.5px;color:var(--f-muted);margin-top:1px;}
.mx-f-col li a:hover span{color:var(--f-orange);opacity:.8;}

/* bottom strip */
.mx-f-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  border-top:1px solid var(--f-line);padding:22px 0 28px;font-size:13px;color:var(--f-muted);}
.mx-f-bottom ul{display:flex;gap:22px;flex-wrap:wrap;}

@media (max-width:1000px){
  .mx-f-main{grid-template-columns:1fr;gap:40px;}
  .mx-f-cols{grid-template-columns:repeat(2,1fr);gap:30px 24px;}
}
@media (max-width:520px){
  .mx-f-wrap{padding:48px 20px 0;}
  .mx-f-cta-in{padding:26px 20px;}
  .mx-f-cta-btns{width:100%;flex-direction:column;}
  .mx-footer .mx-f-btn{justify-content:center;}
  .mx-f-bottom{flex-direction:column;align-items:flex-start;}
}
