/* iPad Fix - Принудительные стили для iPad */

/* Принудительно скрываем десктопные элементы только на планшетах (768–1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
    /* Принудительно скрываем десктопную навигацию */
    .nav-buttons {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Принудительно скрываем десктопный поиск */
    .header-search {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
    
    /* Принудительно показываем мобильные элементы */
    .mobile-controls {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    .hamburger {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        /* не переопределяем размеры/типографику — используем дизайн из styles.css */
    }
    
    .search-toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .cart-icon {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Скрываем верхнюю часть шапки */
    .header-top {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Уменьшаем отступы в навигации */
    .navbar {
        padding: 10px 0 !important;
    }
    
    /* Уменьшаем размер логотипа */
    .logo h2 {
        font-size: 1.3rem !important;
    }
}

/* Дополнительные стили для iPad в портретной ориентации (768–1023px) */
@media (max-width: 1023px) and (min-width: 768px) and (orientation: portrait) {
    .nav-buttons {
        display: none !important;
    }
    
    .mobile-controls {
        display: inline-flex !important;
    }
}

/* Убираем принудительные стили для ландшафта на десктопном диапазоне */

/* Принудительные стили для всех устройств с шириной экрана планшета (768–1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .nav-buttons {
        display: none !important;
    }
    
    .mobile-controls {
        display: inline-flex !important;
    }
    
    .header-search {
        display: none !important;
    }
}