/* إخفاء العناصر على الهاتف */
@media (max-width: 768px){
    .desktop-only{
        display: none !important;
    }

    .nav-search{
        max-width: 60px;
        padding: 10px;
        justify-content: center;
    }

    .nav-search input{
        display: none;
    }

    .nav-container{
        gap: 12px;
        padding: 10px 16px;
    }

    .nav-logo .nav-brand{
        display: none;
    }
}