#mobileMenu {

    transition: max-height 0.3s ease-in-out;

    overflow: hidden;

    max-height: 0;

}



#mobileMenu.hidden {

    max-height: 0;

}



#mobileMenu.show {

    max-height: 500px;

}



.hamburger-icon span {

    display: block;

    width: 24px;

    height: 2px;

    background-color: currentColor;

    margin: 6px 0;

    transform-origin: center;

    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;

}



.hamburger-icon.open span:first-child {

    transform: translateY(8px) rotate(45deg);

}



.hamburger-icon.open span:nth-child(2) {

    opacity: 0;

}



.hamburger-icon.open span:last-child {

    transform: translateY(-8px) rotate(-45deg);

}



#mobileMenu a {

    -webkit-tap-highlight-color: transparent; 

}



#mobileMenu a:hover {

    background-color: rgba(255, 255, 255, 0.1); 

    color: #93c5fd;

}



#mobileMenu a.active {

    color: #93c5fd;

    font-weight: 500;

}



#mobileMenu a {

    transition: color 0.2s ease;

}



.phone-button {

    background: rgba(255, 255, 255, 0.1);

    transition: all 0.3s ease;

}



.phone-button:hover {

    background: rgba(255, 255, 255, 0.2);

    transform: translateY(-1px);

    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.2);

}



.language-select {

    font-size: 0.875rem;

    padding: 0.375rem 0.75rem;

    background: rgba(255, 255, 255, 0.1);

    border: 1px solid rgba(255, 255, 255, 0.3);

    color: white;

}



.language-select option {

    background: rgba(0, 0, 0, 0.9);

    color: white;

}



.language-select:hover {

    background: rgba(255, 255, 255, 0.2);

}



header {

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}



header.scrolled {

    background: rgba(255, 255, 255, 0.98) !important;

    backdrop-filter: blur(12px);

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);

}



.btn-gradient {

    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);

    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);

}



.btn-gradient:hover {

    background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);

    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4);

}