/* MAAT Electronics / photo-first mega menu 2.0
 * Scoped to .maat-v2. Does not affect WoodMart navigation outside the shortcode.
 * Palette derived from site: green #558063, hover #486D54, white backgrounds.
 */
.maat-v2 {
  --maat-v2-green:#558063;
  --maat-v2-deep:#486D54;
  --maat-v2-ink:#202a24;
  --maat-v2-line:#e1e9e3;
  font-family:inherit;
  width:100%;max-width:100%;margin:0 0 24px;color:var(--maat-v2-ink);
}
.maat-v2,.maat-v2 *{box-sizing:border-box}
.maat-v2 .maat-v2__heading {
  margin:0 0 17px;padding:0;font-family:inherit;font-size:clamp(20px,1.5vw,26px);
  line-height:1.3;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--maat-v2-ink)
}
.maat-v2 .maat-v2__cards {
  display:grid!important;grid-template-columns:repeat(var(--maat-v2-cols,7),minmax(0,1fr))!important;
  gap:10px 12px;margin:0 0 12px;padding:0;align-items:stretch;overflow:visible;
}
.maat-v2 .maat-v2__card {
  all:unset;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:9px!important;min-width:0!important;width:100%!important;min-height:78px!important;height:auto!important;
  padding:8px 10px!important;margin:0!important;color:var(--maat-v2-ink)!important;
  background:#fff!important;border:1px solid var(--maat-v2-line)!important;border-radius:11px!important;
  box-shadow:0 1px 2px rgba(25,47,32,.018)!important;text-transform:none!important;text-align:left!important;
  white-space:normal!important;line-height:1.27!important;letter-spacing:0!important;font-family:inherit!important;
  cursor:pointer!important;transition:background .17s,border-color .17s,box-shadow .17s!important;
}
.maat-v2 .maat-v2__card:hover,.maat-v2 .maat-v2__card:focus-visible,
.maat-v2 .maat-v2__card[aria-expanded="true"] {
  border-color:#9abb9f!important;background:#f1f7f2!important;box-shadow:0 3px 12px rgba(52,96,62,.09)!important;
}
.maat-v2 .maat-v2__card:focus-visible {outline:2px solid var(--maat-v2-green)!important;outline-offset:2px!important}
.maat-v2 .maat-v2__card[aria-expanded="true"] .maat-v2__card-text {color:var(--maat-v2-deep)!important}
.maat-v2 .maat-v2__card-image {
  width:66px;flex:0 0 66px;height:57px;display:flex;align-items:center;justify-content:center;
  border-radius:8px;overflow:hidden;background:#f7f9f7;
}
.maat-v2 .maat-v2__card-image img {
  display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;
  mix-blend-mode:multiply;border:0!important;margin:0!important;max-height:none!important;
}
.maat-v2 .maat-v2__card-image--empty {background:linear-gradient(135deg,#eef4ef,#f8faf8)}
.maat-v2 .maat-v2__card-text {
  display:block;min-width:0;flex:1 1 auto;font:inherit!important;font-size:12.4px!important;
  line-height:1.32!important;font-weight:650!important;overflow-wrap:anywhere;hyphens:auto;color:inherit!important;
}
.maat-v2 .maat-v2__panel[hidden] {display:none!important}
.maat-v2 .maat-v2__panel {
  scroll-margin-top:105px;display:block!important;position:relative!important;width:100%!important;max-width:100%!important;
  margin:12px 0 20px!important;overflow:hidden!important;padding:8px!important;
  border-radius:13px!important;border:1px solid #dce7de!important;background:#fff!important;
  box-shadow:0 8px 27px rgba(30,53,36,.065)!important;
}
.maat-v2 .maat-v2__panel-inner {
  display:grid;grid-template-columns:minmax(165px,19%) minmax(0,1fr) minmax(225px,25%);
  gap:12px;min-width:0;height:clamp(405px,28vw,470px);max-height:min(70dvh,540px);
}
.maat-v2 .maat-v2__rail {
  display:flex;flex-direction:column;overflow:hidden;min-height:0;border-right:1px solid #e6ebe6;
  padding:3px 8px 4px 2px;min-width:0;
}
.maat-v2 .maat-v2__rail-title {
  display:block;font-size:clamp(13px,1.02vw,16px);line-height:1.4;font-weight:750;
  padding:10px 9px 13px;border-bottom:1px solid #e9efe9;color:#26352b;
  overflow-wrap:anywhere;
}
.maat-v2 .maat-v2__rail-items {
  flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a8bcae transparent;
  padding:8px 3px 8px 0;overscroll-behavior:contain;
}
.maat-v2 .maat-v2__rail-btn {
  all:unset;box-sizing:border-box!important;display:block!important;width:100%!important;
  min-height:34px!important;margin:0 0 3px!important;padding:9px 11px!important;border:0!important;
  border-radius:7px!important;background:transparent!important;color:#4a554e!important;
  font:inherit!important;font-size:12.5px!important;line-height:1.35!important;font-weight:500!important;
  text-align:left!important;cursor:pointer!important;text-transform:none!important;
  overflow-wrap:anywhere;
}
.maat-v2 .maat-v2__rail-btn:hover,.maat-v2 .maat-v2__rail-btn:focus-visible,
.maat-v2 .maat-v2__rail-btn.is-current {
  background:#eaf3ec!important;color:#315b3a!important;font-weight:650!important;
}
.maat-v2 .maat-v2__rail-btn:focus-visible {outline:2px solid var(--maat-v2-green)!important;outline-offset:-2px!important}
.maat-v2 .maat-v2__center {display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
.maat-v2 .maat-v2__benefits {
  display:flex;gap:6px;padding:8px 3px 1px;flex:0 0 auto;border-top:1px solid #eef1ee
}
.maat-v2 .maat-v2__benefits span {
  flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;
  border-radius:7px;padding:5px 7px;background:#f1f6f2;color:#416749;
  font-size:11px;line-height:1.25;text-align:center;font-weight:650;
}
.maat-v2 .maat-v2__content {
  flex:1 1 auto;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;
  padding:12px 10px 14px 6px;overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:#aec7b3 #f4f7f4;
}
.maat-v2 .maat-v2__columns {display:grid;gap:16px;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));}
.maat-v2 .maat-v2__columns--1{grid-template-columns:minmax(0,1fr);max-width:380px}
.maat-v2 .maat-v2__columns--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.maat-v2 .maat-v2__column {display:flex;flex-direction:column;gap:24px;min-width:0;padding:0 5px;}
.maat-v2 .maat-v2__group {scroll-margin-top:12px;min-width:0;}
.maat-v2 .maat-v2__group h3 {
  margin:0 0 9px!important;padding:0 0 7px!important;border-bottom:1px solid #e5ece7!important;
  font-family:inherit!important;font-size:clamp(12.4px,.96vw,14.5px)!important;line-height:1.35!important;
  text-transform:none!important;font-weight:740!important;color:#1f3025!important;
}
.maat-v2 .maat-v2__group-title {font:inherit!important;font-weight:inherit!important;color:inherit!important;line-height:inherit!important;text-decoration:none!important}
.maat-v2 .maat-v2__group-title:hover{color:var(--maat-v2-deep)!important}
.maat-v2 .maat-v2__subcats{display:flex;flex-direction:column;gap:0;list-style:none;margin:0!important;padding:0!important}
.maat-v2 .maat-v2__subcats li {list-style:none!important;margin:0!important;padding:0!important;min-width:0}
.maat-v2 .maat-v2__link {
  display:block;padding:5px 0;border-bottom:1px solid #f0f3f1;
  font-family:inherit!important;font-size:clamp(12px,.86vw,13.5px)!important;
  font-weight:400!important;line-height:1.42!important;overflow-wrap:anywhere;
  color:#657068!important;text-transform:none!important;text-decoration:none!important;
}
.maat-v2 a.maat-v2__link:hover {color:var(--maat-v2-deep)!important}
.maat-v2 .maat-v2__unavailable {opacity:.75;cursor:default!important}
.maat-v2 .maat-v2__waiting {margin:15px;color:#637368;font-size:13px}
.maat-v2 .maat-v2__hero {
  position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:0;
  border-radius:10px;background:linear-gradient(155deg,#4e8061 0%,#204b39 50%,#102d23 100%);
  display:flex;align-items:flex-end;
}
.maat-v2 .maat-v2__hero img {
  display:block!important;position:absolute;z-index:-2;inset:0;width:100%!important;height:100%!important;
  object-fit:cover!important;max-width:none!important;max-height:none!important;
}
.maat-v2 .maat-v2__hero:before {
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg,rgba(4,26,18,.02) 3%,rgba(5,31,22,.24) 47%,rgba(4,26,18,.9) 100%);
}
.maat-v2 .maat-v2__hero-copy {padding:24px 20px 20px;display:flex;flex-direction:column;gap:11px;width:100%;color:#fff!important}
.maat-v2 .maat-v2__eyebrow {color:#d5e5d9!important;text-transform:uppercase;letter-spacing:1.1px;font-size:10px!important;font-weight:650!important}
.maat-v2 .maat-v2__hero-copy strong {display:block;font-family:inherit!important;font-size:clamp(18px,1.6vw,26px)!important;line-height:1.2!important;font-weight:760!important;color:#fff!important;overflow-wrap:anywhere}
.maat-v2 .maat-v2__hero-desc{color:#f0f6f1;font-size:clamp(12px,.93vw,14px);line-height:1.5;}
.maat-v2 .maat-v2__hero-cta {
  display:inline-flex!important;justify-content:center;align-items:center;align-self:flex-start;
  min-height:41px!important;max-width:100%;padding:11px 16px!important;margin-top:6px!important;
  background:#fff!important;color:#2f5c3c!important;border-radius:7px!important;border:0!important;
  font-family:inherit!important;font-size:12px!important;line-height:1.3!important;font-weight:700!important;
  text-align:center!important;text-decoration:none!important;letter-spacing:0!important;text-transform:none!important;
}
.maat-v2 .maat-v2__hero-cta:hover{background:#e9f2eb!important;color:#224e2c!important}
.maat-v2 .maat-v2__hero-not-ready{color:#f1f5f2;font-size:12px}
/* Full-width WoodMart dropdown version uses the same contents, not a 420px vertical accordion. */
.maat-v2--dropdown .maat-v2__panel {margin:0!important;box-shadow:none!important}
.maat-v2--dropdown .maat-v2__panel-inner{height:min(58dvh,560px)}
@media(max-width:1480px){
 .maat-v2 .maat-v2__cards{grid-template-columns:repeat(min(6,var(--maat-v2-cols,7)),minmax(0,1fr))!important;}
 .maat-v2 .maat-v2__panel-inner{grid-template-columns:minmax(160px,18%) minmax(0,1fr) minmax(210px,26%)}
}
@media(max-width:1180px){
 .maat-v2 .maat-v2__cards{grid-template-columns:repeat(min(5,var(--maat-v2-cols,7)),minmax(0,1fr))!important;}
 .maat-v2 .maat-v2__card-image{width:55px;flex-basis:55px;height:53px}
 .maat-v2 .maat-v2__columns{gap:9px}
}
@media(max-width:990px){
 .maat-v2 .maat-v2__cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
 .maat-v2 .maat-v2__panel-inner{grid-template-columns:minmax(165px,24%) minmax(0,1fr);height:auto;max-height:none}
 .maat-v2 .maat-v2__hero{grid-column:1/-1;min-height:160px;height:160px;display:flex}
 .maat-v2 .maat-v2__hero-copy{padding:15px 19px}
 .maat-v2 .maat-v2__hero-copy strong{font-size:20px!important}
 .maat-v2 .maat-v2__content{max-height:min(54dvh,520px)}
 .maat-v2 .maat-v2__columns{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
 .maat-v2 .maat-v2__cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 .maat-v2 .maat-v2__card{min-height:69px!important;padding:7px!important;gap:6px!important}
 .maat-v2 .maat-v2__card-image{width:43px;height:46px;flex-basis:43px}
 .maat-v2 .maat-v2__card-text{font-size:11.3px!important}
 .maat-v2 .maat-v2__panel-inner{grid-template-columns:minmax(0,1fr);height:auto;max-height:none;gap:7px}
 .maat-v2 .maat-v2__rail{border-right:0;border-bottom:1px solid #e4ebe4;padding:0}
 .maat-v2 .maat-v2__rail-title{padding:9px 7px;font-size:15px}
 .maat-v2 .maat-v2__rail-items{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;overflow-y:hidden;padding:7px 3px}
 .maat-v2 .maat-v2__rail-btn{white-space:nowrap!important;min-height:32px!important;width:auto!important;flex:0 0 auto!important;padding:7px 10px!important;font-size:11.5px!important}
 .maat-v2 .maat-v2__content{max-height:min(48dvh,440px);overflow-y:auto;padding:10px 7px}
 .maat-v2 .maat-v2__benefits{display:none}
 .maat-v2 .maat-v2__column{gap:17px}
 .maat-v2 .maat-v2__hero{min-height:140px;height:140px;display:flex}
 .maat-v2 .maat-v2__hero-copy{gap:5px;padding:10px 14px}
 .maat-v2 .maat-v2__hero-desc{display:none}
 .maat-v2 .maat-v2__hero-cta{min-height:30px!important;padding:7px 12px!important;margin-top:0!important}
 .maat-v2 .maat-v2__group h3{font-size:13px!important}
}
@media(max-width:480px){
 .maat-v2 .maat-v2__cards{grid-template-columns:repeat(1,minmax(0,1fr))!important;max-height:min(46dvh,390px);overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
 .maat-v2 .maat-v2__columns{grid-template-columns:repeat(1,minmax(0,1fr))!important}
 .maat-v2 .maat-v2__panel{padding:7px!important}
 .maat-v2 .maat-v2__card-image{width:52px;flex-basis:52px}
 .maat-v2 .maat-v2__card{min-height:60px!important}
 .maat-v2 .maat-v2__card-text{font-size:12.5px!important}
}
@media(prefers-reduced-motion:reduce){
 .maat-v2 .maat-v2__card{transition:none!important}
 .maat-v2 .maat-v2__content{scroll-behavior:auto!important}
}

.maat-v2 .maat-v2__group-title.maat-v2__unavailable {opacity:1!important}