.megamenu-wrapper {
position: relative;
}
.megamenu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
width: 100vw;
padding: 2rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
z-index: 999;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.megamenu-column {
flex: 1;
min-width: 200px;
padding: 0 1rem;
}
.megamenu-column h4 {
font-weight: bold;
font-size: 1rem;
margin-bottom: 0.5rem;
}
.megamenu-column a {
display: block;
margin: 0.3rem 0;
text-decoration: none;
color: #333;
}
/* Hover reveal */
.megamenu-wrapper:hover .megamenu {
display: flex;
}
/* Mobile */
@media screen and (max-width: 768px) {
.megamenu {
position: static;
flex-direction: column;
box-shadow: none;
padding: 1rem;
}
}
