/* === Стили для мобильных устройств (экраны до 768px) === */
@media (max-width: 768px) {

    /* --- 1. Адаптация стартовой страницы ("Начать") --- */

    /* Уменьшаем заголовок-приветствие */
    #mainpage h2 {
        font-size: 2.2rem; /* Было 3rem */
        line-height: 1.3;
        padding: 0 10px; /* Добавляем боковые отступы, чтобы текст не прилипал к краям */
    }

    /* Уменьшаем кнопку "Начать" */
    #mainpage #startButton {
        font-size: 1.2rem; /* Было 1.5rem */
        padding: 12px 24px;
    }

    /* --- 2. Адаптация дашборда с виджетами --- */

    /* Уменьшаем отступы для всего дашборда */
    #widgetDashboard {
        /* Уменьшаем верхний/нижний и боковые отступы */
        padding: 90px 15px 40px 15px; 
    }

    /* Центрируем кнопки управления и разрешаем перенос */
    .widget-controls {
        justify-content: center;
        flex-wrap: wrap; /* Если не поместятся, перенесутся на новую строку */
        margin-bottom: 25px; /* Немного больше отступ снизу */
    }

    /* Уменьшаем расстояние между плитками */
    .grid-container {
        gap: 15px;
    }
    
    /* Делаем все плитки в одну колонку (у вас это уже было, но здесь мы это подтверждаем) */
    .grid-container {
        grid-template-columns: 1fr;
    }
    .widget-tile, .size-1x1, .size-2x1, .size-2x2, .size-2x3, .size-3x3 {
        grid-column: span 1 !important; /* !important, чтобы перебить inline-стили, если они появятся */
        grid-row: auto !important;
    }


    /* --- 3. Адаптация конкретных виджетов --- */

    /* Уменьшаем размер цифровых часов */
    #widgetTime {
        font-size: 2.2rem !important; /* Был 2.8rem */
    }

    /* Уменьшаем заголовки и иконки внутри всех плиток */
    .widget-tile h4 {
        font-size: 1rem;
    }
    .widget-icon-large {
        font-size: 2.5rem; /* Уменьшаем большие иконки */
    }
    
    /* Уменьшаем отступы в виджете погоды */
    .weather-main {
         gap: 0;
    }
    #weather-temp {
        font-size: 2.2rem; /* Уменьшаем текст температуры */
    }

    /* Делаем виджет новостей компактнее */
    .news-slide-content {
        padding: 15px;
    }
    .news-slide-title {
        font-size: 1rem;
        line-height: 1.3;
    }

    /* Уменьшаем заголовок и поле в заметках */
    #widget-notes h4 {
        padding: 10px 15px 5px 15px;
    }
    #notes-textarea {
        padding: 0 15px 10px 15px;
    }

     #widget-news {
        display: none !important;
    }

} /* Конец медиа-запроса */