/* Mobile Menu start */
.mobile-menu {
    display: flex;
    max-height: 0;
    transition: max-height 0.4s ease;
}
 
/* When opened */
.mobile-menu.open {
    max-height: 100vh; 
}
 
/* Close button */
.mobile-menu-close {
    width: 100%;
    text-align: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    padding-right: 10px;
}
/* Burger Icon */
.burger-icon {
    font-size: 28px;
    cursor: pointer;
    transition: 0.4s ease;
}
 
/* When menu is open → turn into X */
.burger-icon.active::before {
    /*content: "✕";*/
}
.icon-close {
    display: none; /* hide close by default */
    font-size: 28px;
}
 
.icon-burger {
    display: inline-block;
    font-size: 28px;
}
 
/* When menu is open, swap icons */
.mobile-menu-toggle.active .icon-burger {
    display: none;
}
 
.mobile-menu-toggle.active .icon-close {
    display: inline-block;
}
/* Mobile Menu end */