/* razrabotka_dokumentacii.html: команда была без .container (растягивалась
   на всю ширину экрана без ограничения и центрирования) — на ПК и на
   мобильном выглядело криво. Добавлен .container в разметку; здесь просто
   лёгкое оформление самого группового фото + отступ от блока над ним. Не
   в медиа-запросе — та же правка для десктопа, где баг тоже был описан
   явно. */
.teamfull-photo {
    max-width: 100%;
    border-radius: 8px;
}

/* ==========================================================================
   Общий файл мобильной адаптации для страниц раздела "Услуги":
   razrabotka_dokumentacii.html, oem_odm_razrabotka.html, metall_frezer.html,
   razrabotka_plat.html, ai_med_prilozheniya.html.
   (kontraktnoe_proizvodstvo.html и design.html сюда не подключены — там всё
   уже адаптивно через инлайновые % ширины, отдельных правил не потребовалось.)
   Десктоп не трогаем — только адаптация под мобильный.
   ========================================================================== */

@media (max-width: 860px) {

    /* ---- razrabotka_dokumentacii.html: карточка сотрудника (.team-member) ----
       На десктопе фото 300×300px круглое рядом с текстом в ряд
       (display:flex). На мобильном фиксированные 300px не влезают и текст
       сжимается в узкую полоску — переносим в колонку, фото уменьшаем. */
    .team-member-container {
        flex-direction: column;
        text-align: center;
    }
    .team-member-image img {
        width: 160px !important;
        height: 160px !important;
        margin: 0 0 16px !important;
    }
    .team-member-info {
        text-align: left;
    }

    /* ---- oem_odm_razrabotka.html ---- */

    /* Фото-слайдер (slick, .oem-photo-slider-wrap) — стрелки на десктопе
       выведены ЗА пределы слайдера (left/right:-48px), на мобильном там
       нет места (слайдер во всю ширину контейнера) — стрелка либо
       обрезается, либо вылезает за край экрана. Переносим внутрь. */
    .oem-photo-slider-wrap .slick-prev {
        left: 6px;
    }
    .oem-photo-slider-wrap .slick-next {
        right: 6px;
    }

    /* "Было (старый) / Стало (новый)" — 2 колонки × (строка фото + строка
       подписи), тот же случай, что и "Фото прибора" на странице Otoview
       Pro (см. stern-otoview-pro-page) — фото должно идти сразу перед
       своей подписью, а не все фото, потом все подписи. */
    .table-gallery-2col,
    .table-gallery-2col tbody {
        display: block;
        width: 100% !important;
    }
    .table-gallery-2col tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px 0 !important;
    }
    .table-gallery-2col tr {
        display: contents !important;
    }
    .table-gallery-2col tr:nth-child(1) td:nth-child(1) { grid-row: 1 !important; }
    .table-gallery-2col tr:nth-child(2) td:nth-child(1) { grid-row: 2 !important; }
    .table-gallery-2col tr:nth-child(1) td:nth-child(2) { grid-row: 3 !important; }
    .table-gallery-2col tr:nth-child(2) td:nth-child(2) { grid-row: 4 !important; }
    .table-gallery-2col td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 auto !important;
        text-align: center !important;
        position: static !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 4px 0 !important;
        font-size: 15px !important;
    }
    .table-gallery-2col tr:nth-child(2) td {
        padding-bottom: 26px !important;
    }
    .table-gallery-2col img {
        display: block !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
}