/**
 * MAAT Electronics Mega Menu 1.1.1 — consistent WoodMart HTML Block panels.
 * Fully scoped to the generated .maat-mm blocks. Does not change the sticky
 * navigation's own scrolling or WoodMart menu/dropdown positioning.
 */
.maat-mm {
  --maat-mm-blue:#1f62e8;
  --maat-mm-ink:#1b2b45;
  --maat-mm-text:#607089;
  --maat-mm-line:#e6edf7;
  --maat-mm-pad:27px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 252px;
  width:100%; max-width:1240px;
  height:min(72vh,685px);
  max-height:calc(100vh - 95px);
  min-height:min(450px,calc(100vh - 95px));
  box-sizing:border-box; overflow:hidden;
  color:var(--maat-mm-ink); background:#fff;
  border-radius:11px;
  font-family:inherit; text-align:left;
  isolation:isolate;
}
.maat-mm *, .maat-mm *::before, .maat-mm *::after {box-sizing:border-box}
.maat-mm a {text-decoration:none!important;box-shadow:none!important}
.maat-mm__main {
  min-width:0; min-height:0; max-height:100%;
  padding:28px var(--maat-mm-pad) 32px;
  overflow-y:auto; overflow-x:hidden;
  scrollbar-width:thin; scrollbar-color:#c9d7eb transparent;
  overscroll-behavior-y:contain;
}
.maat-mm__main::-webkit-scrollbar {width:6px}
.maat-mm__main::-webkit-scrollbar-thumb {background:#d0dceb;border-radius:10px}
.maat-mm__eyebrow {
  color:#8296b3; font-size:10px; letter-spacing:.17em;
  font-weight:700; line-height:1.5; margin:0 0 7px;
}
.maat-mm__eyebrow span {color:var(--maat-mm-blue)}
.maat-mm__top {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-width:0; margin-bottom:21px; padding-bottom:17px;
  border-bottom:1px solid var(--maat-mm-line);
}
.maat-mm__title {
  color:var(--maat-mm-ink)!important; font-size:21px!important;
  font-weight:760!important; line-height:1.32!important;
  letter-spacing:-.017em; margin:0!important; padding:0!important;
}
.maat-mm__view-all {
  color:var(--maat-mm-blue)!important; font-size:12px; line-height:1.4;
  font-weight:700; white-space:nowrap; flex-shrink:0;
}
.maat-mm__view-all span {margin-left:4px}
.maat-mm__view-all:hover {color:#174cba!important; text-decoration:underline!important}
/* Legacy HTML remains usable until the administrator clicks Apply / Update. */
.maat-mm__groups:not(.maat-mm__columns) {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 21px;align-content:start}
/* Dedicated vertical columns eliminate oversized row gaps when one group is long. */
.maat-mm__columns {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start; column-gap:clamp(15px,2vw,28px); width:100%; min-width:0;
}
.maat-mm__columns--2 {grid-template-columns:repeat(2,minmax(0,1fr))}
.maat-mm__columns--1 {grid-template-columns:1fr}
.maat-mm__column {display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:0}
.maat-mm__group {
  min-width:0; margin:0!important;
  padding:0 0 0 12px!important;
  border:0!important; border-left:2px solid #e4ebf5!important;
  border-radius:0!important; background:transparent!important;
  transition:border-color .18s;
}
.maat-mm__group:hover {border-left-color:#a0bcf5!important}
.maat-mm__group-title {
  color:var(--maat-mm-ink)!important;
  font-size:13px!important;font-weight:750!important;
  line-height:1.48!important; letter-spacing:-.004em;
  margin:0 0 9px!important;padding:0!important;
  overflow-wrap:anywhere;
}
.maat-mm__group-title a {color:var(--maat-mm-ink)!important}
.maat-mm__group-title a:hover,.maat-mm__links a:hover {color:var(--maat-mm-blue)!important}
.maat-mm__links {list-style:none!important; margin:0!important; padding:0!important}
.maat-mm__links li {
  list-style:none!important; border:0!important;
  margin:0 0 8px!important; padding:0!important; line-height:1.46!important;
}
.maat-mm__links li:last-child {margin-bottom:0!important}
.maat-mm__links li::before,.maat-mm__links li::after {display:none!important}
.maat-mm__links a {
  display:block; color:var(--maat-mm-text)!important;
  font-size:12.5px!important; font-weight:450!important;
  line-height:1.47!important; overflow-wrap:break-word;
  transition:color .16s ease;
}
.maat-mm__group--leaf .maat-mm__group-title {margin-bottom:0!important}
/* Shared right promo: cinematic image crop; preserve original aspect ratio. */
.maat-mm__promo {
  display:grid; grid-template-rows:minmax(0,1fr) auto; gap:0;
  position:relative; overflow:hidden; isolation:isolate; min-width:0;min-height:0;
  padding:0; margin:0;
  background:#e8effb;
  border-left:1px solid var(--maat-mm-line);
}
.maat-mm__promo::before {
  content:""; position:absolute; z-index:-1; width:230px; height:230px;
  border-radius:50%; background:radial-gradient(circle,#dae8ff 0%,transparent 70%);
  top:-70px; right:-80px;
}
.maat-mm__visual {
  position:relative; z-index:0;
  min-width:0; min-height:140px;
  margin:0; border-radius:0;
  background-color:#edf2f9;
  background-repeat:no-repeat;
  background-position:var(--maat-mm-image-position,center center);
  /* Tekra's source images are panoramic. Cover fills the tall image area;
     contain incorrectly shrank them into narrow horizontal strips. */
  background-size:cover;
}
.maat-mm__visual::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(18,43,88,0) 60%,rgba(18,43,88,.22) 100%);
  pointer-events:none;
}
.maat-mm__promo-content {
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;
  position:relative;z-index:1;min-width:0;
  min-height:176px; width:100%; margin:0;
  padding:22px 19px 23px;
  background:linear-gradient(150deg,#31558d 0%,#1d3b71 50%,#122b58 100%);
}
.maat-mm__promo-kicker {
  display:block; margin:0 0 8px;
  color:#d8e8ff; font-size:9px!important;letter-spacing:.135em;
  font-weight:700;line-height:1.5;
}
.maat-mm__promo-name {
  color:#fff!important;font-size:21px!important;line-height:1.22!important;
  letter-spacing:-.018em; font-weight:760!important;
  margin:0 0 16px!important;padding:0!important;
  overflow-wrap:break-word;
}
.maat-mm__promo-button {
  display:inline-flex;align-items:center;justify-content:space-between;gap:14px;
  max-width:100%; margin:0!important;
  border-radius:8px;border:1px solid rgba(255,255,255,.6);
  padding:11px 12px; background:#fff!important;color:#1b50ac!important;
  font-size:12px!important;line-height:1.15!important;font-weight:720!important;
  transition:background .16s ease,transform .16s ease;
}
.maat-mm__promo-button:hover {background:#edf4ff!important;color:#153e86!important;transform:translateY(-1px)}
.maat-mm a:focus-visible {outline:2px solid #1f62e8;outline-offset:3px;border-radius:2px}
/* Local, first-party backgrounds. All category banner names are unchanged. */
.maat-mm--videonablyudenie .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/videonablyudenie.webp")}
.maat-mm--mrezhovo-oborudvane .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/mrezhovo-oborudvane.webp")}
.maat-mm--klyuchove-i-kontakti .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/klyuchove-i-kontakti.webp")}
.maat-mm--elektroaparatura-nn .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/elektroaparatura-nn.webp")}
.maat-mm--pozharoizvestyavane .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/pozharoizvestyavane.webp")}
.maat-mm--kabelovodeshti-sistemi .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/kabelovodeshti-sistemi.webp")}
.maat-mm--elektroinstalatsionni-materiali .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/elektroinstalatsionni-materiali.webp")}
.maat-mm--strukturni-kabelni-sistemi .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/strukturni-kabelni-sistemi.webp")}
.maat-mm--signalno-ohranitelni-sistemi .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/signalno-ohranitelni-sistemi.webp")}
.maat-mm--sistemi-za-domashen-komfort .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/sistemi-za-domashen-komfort.webp")}
.maat-mm--osvetlenie .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/osvetlenie.webp")}
.maat-mm--kabeli .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/kabeli.webp")}
.maat-mm--domofonni-sistemi .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/domofonni-sistemi.webp")}
.maat-mm--kontrol-na-dostup .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/kontrol-na-dostup.webp")}
.maat-mm--zahranvaniya-i-baterii .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/zahranvaniya-i-baterii.webp")}
.maat-mm--resheniya-za-rabotni-mesta .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/resheniya-za-rabotni-mesta.webp")}
.maat-mm--instrumenti-i-rabotno-obleklo .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/instrumenti-i-rabotno-obleklo.webp")}
.maat-mm--ozvuchavane-i-opovestyavane .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/ozvuchavane-i-opovestyavane.webp")}
.maat-mm--fotovoltaichni-sistemi .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/fotovoltaichni-sistemi.webp")}
.maat-mm--promotsii .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/promotsii.webp")}
.maat-mm--outlet .maat-mm__visual {background-image:url("/wp-content/uploads/maat-mega-menu/banners/outlet.webp")}

/* Use slightly narrower right art as the dropdown becomes smaller. */
@media (max-width:1190px) {
 .maat-mm {grid-template-columns:minmax(0,1fr) 218px}
 .maat-mm {--maat-mm-pad:22px}
 .maat-mm__columns {column-gap:16px}
 .maat-mm__promo-name {font-size:19px!important}
}
@media (max-width:980px) {
 .maat-mm {grid-template-columns:minmax(0,1fr) 188px}
 .maat-mm {--maat-mm-pad:20px}
 .maat-mm__columns {grid-template-columns:repeat(2,minmax(0,1fr))}
 .maat-mm__column:last-child:nth-child(3) {grid-column:1 / -1}
 .maat-mm__title {font-size:19px!important}
 .maat-mm__promo-content {padding:17px 14px;min-height:156px}
 .maat-mm__promo-name {font-size:18px!important}
}
@media (max-width:767px) {
 .maat-mm {display:block;height:auto;max-height:72vh;min-height:0;overflow-y:auto;border-radius:8px}
 .maat-mm__main {overflow:visible;max-height:none;padding:19px 17px 21px}
 .maat-mm__columns {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 17px}
 .maat-mm__column:last-child:nth-child(3) {grid-column:1 / -1}
 .maat-mm__top {align-items:flex-start;flex-wrap:wrap;gap:9px;padding-bottom:12px;margin-bottom:16px}
 .maat-mm__title {font-size:18px!important}
 .maat-mm__promo {display:none}
 .maat-mm__column {gap:18px}
}
@media (max-width:480px) {
 .maat-mm__columns {grid-template-columns:1fr}
 .maat-mm__column:last-child:nth-child(3) {grid-column:auto}
 .maat-mm__column {gap:17px}
}
@media (prefers-reduced-motion:reduce){.maat-mm *{transition:none!important}}