@media (min-width: 1025px) { /* ── Trigger item ────────────────────────────────────────────────────────── */ .menu-item.has-mega-menu { position: static !important; } /* ── Base panel ──────────────────────────────────────────────────────────── */ .ak-mega-menu { position: fixed; left: 0; right: 0; z-index: 9998; /*background: #fff; box-shadow: 0 12px 48px rgba(10, 27, 84, 0.13);*/ opacity: 0; visibility: hidden; pointer-events: none; padding-top: 0.7rem; /* GSAP handles animation — no CSS transition needed */ } /* ── Shared inner container ─────────────────────────────────────────────── */ .ak-mega-menu__inner { display: grid; margin: 0 auto; padding: 3.558rem; max-width: 120.948rem; width: 100%; box-sizing: border-box; background: #fff; border-radius: 1.424rem; box-shadow: 0px 0.35rem 2.668rem 0px #00000012; } /* ── 4-col: 3 link cols + featured panel ───────────────────────────────── */ .ak-mega-menu--4col .ak-mega-menu__inner { grid-template-columns: 1fr 28.281rem; gap: 0 0.7rem; align-items: start; } .ak-mega-menu--4col .ak-mega-menu__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.558rem 1.068rem; list-style: none; margin: 0; padding: 0; } .ak-mega-menu--4col:has(.ak-mega-menu__section-label) .ak-mega-menu__inner { gap: 3.35rem; } .ak-mega-menu__section-label-item--empty { opacity: 0; } .ak-mega-menu--4col .ak-mega-menu__list:has(.ak-mega-menu__section-label-item--empty) { gap: 0; } .ak-mega-menu--4col .ak-mega-menu__list:has(.ak-mega-menu__section-label-item--empty) .ak-mega-menu__section-label-item--empty { margin-top: 3.35rem; position: relative; z-index: -1; } .ak-mega-menu--4col .ak-mega-menu__list:has(.ak-mega-menu__section-label-item--empty) .ak-mega-menu__section-label-item:first-child { margin-top: 0; } /* ── 3-col: 2 link cols + section headings + featured panel ────────────── */ .ak-mega-menu--3col .ak-mega-menu__inner { grid-template-columns: 1fr 28.281rem; gap: 0 3.558rem; align-items: start; } .ak-mega-menu--3col .ak-mega-menu__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.558rem 1.068rem; list-style: none; margin: 0; padding: 0; } .ak-mega-menu__section-label-item { grid-column: 1 / -1; padding-bottom: 1.068rem; margin-bottom: -1.7789rem; border-bottom: 0.09rem solid #f0f0f0; } .ak-mega-menu__section-label-item:first-child { /* padding-top: 0; border-top: none;*/ } .ak-mega-menu__section-label { display: block; font-size: 1.25rem; line-height: 1.2; font-weight: 600; letter-spacing: 0; text-transform: uppercase; color: #fc6f31; } /* ── 1-col: narrow card ─────────────────────────────────────────────────── */ /* position/top/left are set by JS (panels are teleported to ) */ .ak-mega-menu--1col { width: 37.352rem; /* border-radius: 1.424rem; box-shadow: 0px 0.35rem 2.668rem 0px #00000012;*/ } .ak-mega-menu--1col .ak-mega-menu__inner { grid-template-columns: 1fr; max-width: 37.352rem; gap: 3.558rem; } .ak-mega-menu--1col .ak-mega-menu__list { display: flex; flex-direction: column; gap: 3.558rem; list-style: none; margin: 0; padding: 0 5rem 0 0; } /* ── Menu items ─────────────────────────────────────────────────────────── */ .ak-mega-menu__list > li { list-style: none; padding-right: 1.957rem; } .ak-mega-menu__list > li > a { display: block; font-size: 1.6rem; font-weight: 500; color: #1a1a1a; text-decoration: none; line-height: 1.2; margin-bottom: 0.35rem; transition: color 0.18s ease; } .ak-mega-menu__list li.current-menu-item a, .ak-mega-menu__list > li > a:hover, li.current-menu-ancestor a { color: #e45110 !important; } .ak-mega-menu__item-desc { display: block; font-size: 1.25rem; line-height: 1.4; color: #656565; font-weight: 400; } /* ── Featured panel ─────────────────────────────────────────────────────── */ .ak-mega-menu__featured { display: flex; flex-direction: column; gap: 1.424rem; padding-left: 3.558rem; border-left: 0.09rem solid #f0f0f0; } .ak-mega-menu__featured-image { overflow: hidden; } .ak-mega-menu__featured-image, .ak-mega-menu__featured-image img { height: 14.052rem; border-radius: 1.068rem; } .ak-mega-menu__featured-image img { width: 100%; object-fit: cover; display: block; } .ak-mega-menu__featured-text { font-size: 1.7789rem; color: #1a1a1a; height: 9.249rem; line-height: 1.3; margin-bottom: 0.1rem; } .ak-mega-menu__featured-cta { display: inline-flex; align-items: center; font-size: 1.424rem !important; line-height: 1.2 !important; font-weight: 600; text-transform: uppercase; color: #142275; text-decoration: none; position: relative; width: max-content; margin-left: 1.424rem; } .ak-mega-menu__featured-cta:after { content: ""; height: 0.09rem; background: #142275; width: 0; position: absolute; left: 0; bottom: 0; transition: 0.3s; } .ak-mega-menu__featured-cta:hover:after { width: 100%; } .ak-mega-menu__featured-dot { display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: radial-gradient(circle at 35% 45%, #f47121, #fa853e, #ffc05b); flex-shrink: 0; position: absolute; left: -1.424rem; } /* ── 1-col footer ───────────────────────────────────────────────────────── */ .ak-mega-menu__footer { margin-top: 3.558rem; padding-top: 1.424rem; border-top: 0.09rem solid #f0f0f0; font-size: 1.25rem; line-height: 1.4; color: #1a1a1a; } .ak-mega-menu__footer a { color: #142275; font-weight: 500; font-size: 1.424rem; line-height: 1.2; text-decoration: none; margin-top: 0.35rem; display: inline-block; } } /* ── Hide on mobile and tablet ─────────────────────────────────────────────────────── */ @media (max-width: 1024px) { .ak-mega-menu { display: none !important; } }