/*
   Megamenü — a teljes szélességű termékmenü.
*/

.mega{
  position:absolute;top:100%;left:0;right:0;
  background:#fff;border-top:2px solid var(--blue);
  box-shadow:var(--shadow-lg);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:60;
}
.has-mega:hover .mega,
.has-mega:focus-within .mega,
.nav > li.has-mega.open > .mega{opacity:1;visibility:visible;transform:none}

.mega-inner{
  max-width:var(--max);margin:0 auto;
  padding:34px var(--gutter) 28px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0 36px;
}

.mega-col h6{
  font-family:var(--font-head);font-weight:800;font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--blue);
  margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid var(--line);
}
.mega-col h6.current{color:var(--tan-dark);border-bottom-color:var(--tan)}
.mega-col h6:not(:first-child){margin-top:22px}
.mega-col h6 a{transition:color .15s}
.mega-col h6 a:hover{color:var(--blue-dark)}

.mega-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mega-col a{font-size:13.5px;color:var(--cnt-soft);transition:.15s}
.mega-col a:hover{color:var(--blue)}
.mega-col a.current{color:var(--blue);font-weight:700}

.mega-foot{border-top:1px solid var(--line);background:var(--bg-soft)}
.mega-foot .wrap2{
  max-width:var(--max);margin:0 auto;padding:16px var(--gutter);
  display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;
}
.mega-foot .txt{font-size:13.5px;color:var(--cnt-soft)}
.mega-foot strong{color:var(--cnt);font-family:var(--font-head);font-weight:800}