/* Products mega menu (inc/products-mega-menu.php). Content is edited on the ACF Options page.
   Colours and fonts are the theme's own values, scoped to the menu. */
.dzMega,.dzMShade{
  --dz-blue:#008FFF; --dz-link:#0067BD; --dz-indigo:#0C0056; --dz-yellow:#FFB600;
  --dz-soft:#E0EAF0; --dz-paper:#F4F6F6; --dz-text:#1B1C21; --dz-mute:#5A6072; --dz-line:#D5DDE3;
  --dz-body:"Poppins",sans-serif; --dz-max:1390px; --dz-gut:15px;
}.dzMega{position:fixed;left:15px;right:15px;top:var(--dz-mega-top,96px);z-index:1000;display:flex;flex-direction:column;max-height:calc(100vh - var(--dz-mega-top,96px) - 12px);background:#fff;border-radius:25px;overflow:hidden;font-family:var(--dz-body);color:var(--dz-text);box-shadow:0 24px 60px rgba(12,0,86,.35);animation:dzMIn .18s ease-out}
.dzMega[hidden],.dzMShade[hidden]{display:none}
@keyframes dzMIn{from{opacity:0;transform:translateY(-8px)}}
body.dzMOpen .header{z-index:1001}
.dzMShade{position:fixed;inset:0;z-index:999;background:rgba(12,0,86,.45);pointer-events:none}
.dzMega *{box-sizing:border-box}
.dzMega ul{list-style:none;margin:0;padding:0}
.dzMega li{margin:0;padding:0}
.dzMega button{font-family:inherit;letter-spacing:normal;text-transform:none}
.dzMega :focus-visible{outline:3px solid var(--dz-blue);outline-offset:-3px}
.dzMIn{max-width:var(--dz-max);margin-inline:auto;padding-inline:var(--dz-gut)}

.dzMTop{flex:none;background:var(--dz-paper);border-bottom:1px solid var(--dz-line)}
.dzMTop .dzMIn{display:flex;justify-content:space-between;align-items:center;gap:16px}
.dzMTabs{display:flex;gap:6px}
.dzMTabs button{position:relative;min-height:56px;padding:0 22px;border:0;background:none;color:var(--dz-text);font:500 16px var(--dz-body);cursor:pointer}
.dzMTabs button::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;background:transparent}
.dzMTabs button:hover{color:var(--dz-link)}
.dzMTabs button[aria-pressed=true]{color:var(--dz-indigo);font-weight:600}
.dzMTabs button[aria-pressed=true]::after{background:var(--dz-yellow)}
.dzMView{color:var(--dz-link);font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.dzMView:hover{color:var(--dz-indigo)}

.dzMBody{flex:1 1 auto;min-height:0;overflow-y:auto;padding-block:20px}
.dzMTab{min-height:344px}
/* Equipment: brand column, range column, product grid */
.dzMEq{display:grid;grid-template-columns:190px 210px 1fr;gap:20px;align-items:start}
.dzMBrand,.dzMRail{position:sticky;top:0;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--dz-line);padding-right:12px!important}
.dzMBrand{padding:8px!important;border:0;border-radius:14px;background:var(--dz-paper);gap:8px}
.dzMBrand a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:14px 14px 12px;border:1px solid transparent;border-radius:10px;background:none;text-align:left;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}
.dzMBrand img{display:block;width:100%;height:30px;object-fit:contain;object-position:left center}
.dzMBrand b{display:block;font:600 15px var(--dz-body);color:var(--dz-text)}
.dzMBrand small{display:block;font-size:12px;color:var(--dz-mute)}
.dzMBrand a:hover{background:#fff}
.dzMBrand a[aria-current=true]{background:#fff;border-color:var(--dz-line);box-shadow:inset 3px 0 0 var(--dz-yellow),0 4px 12px rgba(12,0,86,.08)}
.dzMBrand a[aria-current=true] b{color:var(--dz-indigo)}
.dzMRail li[hidden]{display:none}
.dzMRail a{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:6px 14px;border:0;border-radius:10px;background:none;color:var(--dz-text);font:500 15px var(--dz-body);text-align:left;text-decoration:none;cursor:pointer;transition:background .15s}
.dzMRail span{white-space:nowrap}
.dzMRail i{font-style:normal;font-size:20px;line-height:1;color:var(--dz-mute);opacity:0;transition:opacity .15s,transform .15s}
.dzMRail a:hover{background:var(--dz-paper)}
.dzMRail a[aria-current=true]{background:var(--dz-soft);color:var(--dz-indigo);font-weight:600}
.dzMRail a[aria-current=true] i,.dzMRail a:hover i{opacity:1;color:var(--dz-indigo);transform:translateX(2px)}

.dzMGrid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:12px}
.dzMGrid[hidden],.dzMTab[hidden]{display:none}
.dzMGrid a{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%;padding:12px 10px;border:1px solid var(--dz-line);border-radius:12px;background:#fff;color:var(--dz-indigo);font-size:14px;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.dzMGrid a:hover{border-color:var(--dz-blue);box-shadow:0 8px 18px rgba(12,0,86,.12);transform:translateY(-2px)}
.dzMGrid img{display:block;width:100%;height:96px;object-fit:contain;transition:transform .25s}
.dzMGrid a:hover img{transform:scale(1.06)}
.dzMAll a{justify-content:center;gap:10px;border-color:var(--dz-soft);background:var(--dz-soft);color:var(--dz-indigo)}
.dzMAll i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--dz-yellow);color:#000;font-style:normal;font-size:18px;transition:transform .25s}
.dzMAll a:hover i{transform:rotate(45deg)}
.dzMGrid--parts{grid-template-columns:repeat(6,1fr)}
.dzMGrid--parts img{height:112px}

.dzMStrip{flex:none;background:var(--dz-indigo)}
.dzMStrip .dzMIn{display:grid;grid-template-columns:repeat(var(--dz-ql,4),1fr)}
.dzMStrip a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;color:#fff;font-size:14px;font-weight:500;text-decoration:none;border-left:1px solid rgba(255,255,255,.18);transition:background .15s}
.dzMStrip a:first-child{border-left:0}
.dzMStrip a:hover{background:rgba(255,255,255,.1);color:#fff}
.dzMStrip i{color:var(--dz-yellow)}

@media (max-width:1500px){
  .dzMGrid--parts{grid-template-columns:repeat(5,1fr)}
  .dzMGrid img{height:84px}
  .dzMGrid--parts img{height:96px}
}
@media (max-width:1199px){
  .dzMega,.dzMShade{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .dzMega{animation:none}
  .dzMega *{transition:none!important}
}