.apex-mega{display:grid;grid-template-columns:minmax(0,1fr) 26rem;gap:4rem;align-items:start}
.apex-mega__columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem 3rem;align-items:start}
.apex-mega__heading{display:block;font-weight:700;letter-spacing:.08em;font-size:1.3rem;text-transform:uppercase;padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid rgba(var(--color-foreground),.2);text-decoration:none;color:rgb(var(--color-foreground))}
.apex-mega__heading:hover{text-decoration:underline}
.apex-mega__link{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:1.3rem;text-decoration:none;color:rgba(var(--color-foreground),.75);text-transform:capitalize}
.apex-mega__link:hover{color:rgb(var(--color-foreground));text-decoration:underline}
.apex-badge{display:inline-block;background:#d62828;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.06em;line-height:1;padding:.25rem .5rem;border-radius:.3rem;text-transform:uppercase}
.apex-badge--float{position:absolute;top:.8rem;left:.8rem;z-index:1}
.apex-mega__features{display:grid;gap:1.4rem}
.apex-mega__card{position:relative;display:block;overflow:hidden;border-radius:.6rem;text-decoration:none;background:rgba(var(--color-foreground),.05)}
.apex-mega__card img{display:block;width:100%;height:12rem;object-fit:cover;transition:transform .3s ease}
.apex-mega__card:hover img{transform:scale(1.05)}
.apex-mega__card-title{display:block;padding:.8rem 1rem;font-weight:700;letter-spacing:.08em;font-size:1.2rem;color:rgb(var(--color-foreground))}
.mega-menu__content{max-height:80vh}
@media (max-width:1100px){.apex-mega{grid-template-columns:1fr}.apex-mega__features{display:none}.apex-mega__columns{grid-template-columns:repeat(3,minmax(0,1fr))}}
.apex-older{margin:.2rem 0 .6rem}
.apex-older__summary{cursor:pointer;font-size:1.3rem;padding:.35rem 0;color:rgba(var(--color-foreground),.75);list-style:none;display:flex;align-items:center;gap:.6rem}
.apex-older__summary::-webkit-details-marker{display:none}
.apex-older__summary::after{content:'+';font-weight:700}
.apex-older[open] .apex-older__summary::after{content:'\2212'}
.apex-older__summary:hover{color:rgb(var(--color-foreground))}
.apex-older__body{max-height:24rem;overflow-y:auto;padding-left:.8rem;margin-bottom:.6rem}
.apex-older .apex-mega__list{margin:0}
.mega-menu__link .apex-badge,.menu-drawer__menu-item .apex-badge{margin-left:.6rem;vertical-align:middle}
.apex-mega{grid-template-columns:minmax(0,1fr)}