/* =========================================================================
   [apex-mobile 19.09.2026] Мобильная вёрстка апекса.
   Подключается ПОСЛЕ offices.css / one_office.css — порядок важен,
   см. память apex-css-load-order-traps.
   ========================================================================= */

/* --- 1. Карточка листинга в одну колонку до 640px (в offices.css — до 425px).
       Нижняя граница 321px: на ≤320px offices.css штатно прячет фото
       (.office__image{display:none}) — это поведение сохраняем.            --- */
@media only screen and (min-width: 321px) and (max-width: 640px) {
    .description__list .description__office .office__image_content { display: block; }
    .description__list .description__office .office__image { width: 100%; height: 216px; display: block; }
    .description__list .description__office .office__content { display: block; width: 100%; }
}

/* --- 2…5. Мобильные правки до 767px включительно --- */
@media only screen and (max-width: 767px) {

    /* 2. Кнопки карточки: перенос подписи вместо обрезки.
          Бьём white-space:nowrap!important + min-width:max-content!important
          из offices.css и width:32%/46%!important из search-spb2.css.        */
    .description__list .description__office .office__item.go-to-detail {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: stretch;
    }
    .description__list .description__office .office__item.go-to-detail .button__link,
    .description__list .description__office .office__item.go-to-detail .button__link.rot-get-offer {
        white-space: normal !important;
        min-width: 0 !important;
        width: auto !important;
        flex: 1 1 130px !important;
        margin: 0 !important;
        padding: 10px 8px !important;
        letter-spacing: .2px !important;
        line-height: 1.25;
        text-align: center;
        min-height: 44px;          /* палец: 44px — минимум Apple HIG */
        height: auto;
        box-sizing: border-box;
    }

    /* 3. Форма в подвале шире вьюпорта на 5px (common.css: margin:20px -3.8% 0) */
    .feedback { margin-left: 0 !important; margin-right: 0 !important; }

    /* 4. Надзаголовки «ТОП 5 бизнес центров:» и т.п. были 9px */
    .additional_offers_metro__before_text,
    .top_5_buildings_of_regions__before_text,
    .city_metro_stations__before_text,
    .top_5_of_metro_stations__before_text { font-size: 12px; letter-spacing: .5px; }

    /* 5. Точки галереи здания 7×7px — зона нажатия 28×34px, вид почти прежний */
    .video__slider .slidesjs-pagination .slidesjs-pagination-item a {
        position: relative; height: 10px; width: 10px; margin: 5px 9px;
    }
    .video__slider .slidesjs-pagination .slidesjs-pagination-item a::after {
        content: ""; position: absolute; top: -12px; left: -10px; right: -10px; bottom: -12px;
    }
}