/* Адаптация сайдбара */
@media (max-width: 1024px) {
    .sidebar {
        border-left: none; /* Убираем боковую границу */
        border-top: 1px solid #ddd; /* Добавляем разделитель сверху */
        height: auto; /* Сбрасываем фиксированную высоту */
        padding: 40px 50px;
    }

    .sidebar-scroll-container {
        overflow-y: visible; /* Отключаем внутренний скролл */
        display: grid; /* На планшетах блоки рекламы можно выстроить сеткой */
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .sidebar {
        padding: 30px 20px;
    }

    .sidebar-scroll-container {
        grid-template-columns: 1fr; /* На телефонах блоки идут один за другим */
    }

    .side-card {
        min-height: auto; /* Убираем ограничение по высоте */
    }
}

@media (max-width: 480px) {
    .sidebar-title {
        font-size: 16px;
        text-align: center;
        display: block; /* Растягиваем заголовок для центровки */
        margin: 0 auto 20px;
        width: fit-content;
    }
}