/* =============================================
   mobile_news.css — Мобильный блок новостей
   Горизонтальный скролл: 2 карточки + peek
   ============================================= */

@media (max-width: 768px) {

    .news-section {
        padding: 20px 0 28px !important;
    }

    /* Заголовок */
    .news-section .section-header {
        margin-bottom: 14px;
    }
    .news-section .section-title {
        font-size: 20px !important;
        font-weight: 800 !important;
    }
    .news-section .see-all {
        font-size: 13px;
        white-space: nowrap;
    }

    /* Убираем grid → горизонтальный скролл */
    .news-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: unset !important;
        gap: 12px !important;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding-bottom: 8px;
        scrollbar-width: none;
        -ms-overflow-style: none;
        /* Небольшой отступ справа чтобы был виден «краешек» следующей */
        padding-right: 20px;
    }
    .news-grid::-webkit-scrollbar { display: none; }

    /* Карточка */
    .news-card {
        flex: 0 0 88% !important;
        min-width: unset !important;
        scroll-snap-align: start;
        border-radius: 14px !important;
        -webkit-tap-highlight-color: transparent;
    }

    /* Картинка: чуть уже соотношение */
    .news-img-wrap {
        aspect-ratio: 16/8 !important;
    }

    /* Дата поверх картинки */
    .news-date {
        font-size: 10px !important;
        padding: 2px 7px !important;
    }

    /* Контент */
    .news-content {
        padding: 10px 12px 12px !important;
        gap: 5px !important;
    }

    /* Тег категории */
    .news-tag {
        font-size: 9px !important;
        padding: 2px 7px !important;
    }

    /* Заголовок статьи */
    .news-title {
        font-size: 13px !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
    }

    /* Подпись с кнопкой */
    .news-footer {
        padding-top: 8px !important;
    }
    .news-read-link {
        font-size: 12px !important;
    }
    .news-read-time {
        font-size: 10px !important;
    }
}