/* responsive.css - медиа-запросы */

/* Большие планшеты и маленькие ноутбуки */
@media (max-width: 1200px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .items-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Планшеты */
@media (max-width: 992px) {
    .container {
        padding: 0 15px;
    }
    
    h1 {
        font-size: 1.8rem;
    }
}

/* Маленькие планшеты и большие телефоны */
@media (max-width: 768px) {
    .news-grid {
        grid-template-columns: 1fr;
    }
    .items-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .stats-grid {
        grid-template-columns: 1fr;
    }
    .nav-links {
        display: none;
    }
    .popular-meta {
        flex-direction: column;
        gap: 5px;
    }
    
    /* Хлебные крошки с прокруткой */
    .breadcrumbs {
        font-size: 0.9rem;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
    }
    
    .breadcrumbs ol {
        flex-wrap: nowrap;
    }
    
    /* Фильтр с горизонтальной прокруткой */
    .genre-filter {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
        margin-bottom: -10px;
    }
    
    .genre-filter::-webkit-scrollbar {
        display: none; /* Скрываем скроллбар */
    }
    
    .genre-btn {
        flex-shrink: 0;
        white-space: nowrap;
    }
    
    /* Переключатель стран */
    .country-tabs {
        flex-direction: column;
    }
    
    .country-tab {
        width: 100%;
        justify-content: center;
    }
    
    /* Заголовки */
    .main-title h1 {
        font-size: 1.5rem;
    }
    
    .pagination-info {
        font-size: 0.9rem;
    }
}

/* Телефоны */
@media (max-width: 576px) {
    .items-grid {
        grid-template-columns: 1fr;
    }
    
    .container {
        padding: 0 12px;
    }
    
    h1 {
        font-size: 1.3rem;
    }
    
    /* Статистика */
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .stat-card {
        padding: 12px;
    }
    
    .stat-value {
        font-size: 1.5rem;
    }
}

/* Маленькие телефоны */
@media (max-width: 375px) {
    .popular-item {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .popular-rank {
        margin-right: 0;
    }
    
    .movie-genre {
        max-width: 100px;
    }
}

/* Ландшафтная ориентация */
@media (max-height: 480px) and (orientation: landscape) {
    .movie-card {
        flex-direction: row;
    }
    
    .movie-poster {
        width: 80px;
        height: 120px;
    }
}