/* ========== МОБИЛЬНАЯ ВЕРСИЯ БЛОКА ПОИСКА ========== */

@media (max-width: 768px) {

    /* Заголовок — две строки, по левому краю */
    .main-section h1 {
        font-size: 20px !important;
        text-align: left !important;
        line-height: 1.3 !important;
        margin-bottom: 28px !important;
    }

    /* Убираем flex-колонки, делаем блоки вертикально */
    .subtitle-row {
        display: block !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    /* Левая колонка (описание) */
    .subtitle-left {
        margin-bottom: 16px !important;
    }

    .subtitle-description {
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        text-align: left !important;
        margin: 0 0 24px 0 !important;
    }

    /* Правая колонка (партнёр) */
    .subtitle-right {
        text-align: left !important;
    }

    .subtitle-stats {
        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
        text-align: left !important;
        margin: 0 !important;
    }
}

/* ========== МОБИЛЬНАЯ ВЕРСИЯ: ПОЛЯ ВВОДА ========== */

@media (max-width: 768px) {

    /* Поля ввода — светлее, как на десктопе */
    .search-input {
        flex: 1 !important;
        width: auto !important;
        padding: 12px 12px !important;
        font-size: 14px !important;
        background: var(--card-background) !important;
        border: 1px solid var(--border) !important;
        border-radius: 10px 0 0 10px !important;
    }

    .search-input:focus {
        border-color: var(--accent) !important;
        box-shadow: 0 0 0 3px rgba(38, 136, 235, 0.1) !important;
        outline: none !important;
    }

    /* Кнопки — на всю ширину */
    .search-btn {
        width: auto !important;
        flex-shrink: 0 !important;
        padding: 12px 14px !important;
        font-size: 14px !important;
        white-space: nowrap !important;
        border-radius: 0 10px 10px 0 !important;
        margin-left: -1px !important;
    }

    /* Убираем двойную границу */
    .search-input:focus {
        position: relative;
        z-index: 1;
    }

    /* Поле региона — на всю ширину на мобильных */
    #regionInput {
        width: 100px !important;
        flex-shrink: 0 !important;
    }

    /* Строки поиска — вертикально */
    .search-row {
        display: flex !important;
        flex-direction: row !important;
        gap: 0 !important;
        width: 100% !important;
    }
}