@media (max-width: 768px) {
.side-menu {
top: 0;
left: 0;
right: auto;
width: 100%;
height: auto;
max-height: 100vh;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
padding: 1rem 2rem;
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.side-menu.open {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.menu-content {
text-align: center;
}
.ab_subMenu li::after {
content: "";
padding: 0;
}
}