.cd-mega-menu-wrapper {
display:flex; background:#fff; padding:2rem; border-top:1px solid #ddd;
box-shadow:0 10px 30px rgba(0,0,0,.05);
position:absolute; width:1000px; left:0; top:100%; z-index:100;
}
.cd-mega-menu-left {
flex:0 0 220px; display:flex; flex-direction:column;
border-right:1px solid #ddd; margin-right:2rem;
}
.cd-region-tab {
padding:.6rem 0; cursor:pointer; font-weight:700; text-transform:uppercase;
font-size:.9rem; color:#222; border-left:3px solid transparent;
}
.cd-region-tab.active {
color:var(--primary); border-left-color:var(--primary); padding-left:10px;
}
.cd-mega-menu-right { flex:1; display:flex; flex-wrap:wrap; gap:2rem; max-width:700px; }
.cd-region-group { display:none; flex-wrap:wrap; gap:2rem; }
.cd-region-group.active { display:flex; }
.cd-region-column { display:flex; flex-direction:column; flex:0 0 200px; overflow:hidden; }
.cd-region-item { margin-bottom:.4em; }
.cd-region-item a { color:#444; text-decoration:none; font-weight:300; font-size:.9em; }
.cd-region-item a:hover { color:#0073aa; }

@media (max-width: 768px) {
.cd-mega-menu-wrapper { flex-direction:column; width:100vw; padding:1rem; left:0; overflow-x:hidden; box-sizing:border-box; }
.cd-mega-menu-left { flex:none; flex-direction:row; flex-wrap:wrap; border-right:none; border-bottom:1px solid #ddd; margin:0 0 1rem; gap:.5rem; }
.cd-region-tab { padding:.4rem .8rem; font-size:.8rem; border-left:none; border-bottom:2px solid transparent; }
.cd-region-tab.active { border-bottom-color:var(--primary); }
.cd-mega-menu-right { max-width:100%; }
.cd-region-column { flex:0 0 45%; margin-bottom:1rem; }
.cd-region-item a { font-size:.85rem; }
}