/* Hide desktop on mobile */
@media (max-width: 768px) {

    .desktop-header {
        display: none;
    }

    .mobile-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 16px;
         background: #2449b9;
        box-shadow: var(--shadow);
    }

    .menu-toggle {
        display: block;
        background: none;
        border: none;
        font-size: 32px;
        cursor: pointer;
        color: var(--primary);
    }

    .mobile-right {
        display: flex;
        align-items: center;
        gap: 12px;
    }
}