/* ==========================================================================
   Страницы "Рабочее место офтальмолога Stern Talmo" и "Talmo 2"
   (rabochee_mesto_oftalmologa_talmo_sensor.html,
   rabochee_mesto_oftalmologa_talmo_2.html) — общий файл, страницы почти
   идентичны по структуре, отличаются только суффиксом класса float-блока.
   Десктоп не трогаем — только адаптация под мобильный.
   ========================================================================== */

@media (max-width: 860px) {

    /* .block-innovations-talmo{height:auto} теперь общее правило в
       adaptive.css — фиксированная высота 800px встречается на обеих
       страницах Talmo под этим же именем класса. */

    /* ---- "Особенности рабочего места Talmo/Talmo 2" ----
       Тот же float-паттерн 390/350px + своё декоративное фоновое фото на
       каждой странице (.innovations-talmo-sensor — Talmo,
       .innovations-talmo-sensor-2 — Talmo 2, оба под dlia_osobennostei_
       stern_talmo*.png, background-size:40%). */
    .innovations-talmo-sensor .item,
    .innovations-talmo-sensor .item.pull-right,
    .innovations-talmo-sensor-2 .item,
    .innovations-talmo-sensor-2 .item.pull-right {
        float: none;
        width: 100%;
        text-align: left;
    }
    .innovations-talmo-sensor,
    .innovations-talmo-sensor-2 {
        background-image: none;
    }

    /* ---- "Габаритные размеры Talmo/Talmo 2" (.table-characters-talmo) ----
       table-layout:fixed с процентными колонками (40/60%) — сами по себе
       уже адаптивны, только компактнее паддинги под мобильный экран. */
    .table-characters-talmo tr td {
        padding: 10px 15px;
        font-size: 13px;
    }

    /* ---- Выбор цвета (.select-table / .painting / .img-full-box) ----
       Общий каркас пикера берётся из adaptive.css. Здесь только то, что
       специфично именно для Talmo/Talmo 2. */

    /* .img-box-selector — отдельный мини-виджет превьюшек ("вид спереди/
       сзади"), в разметке остались только цвета color-14..17 (Бело-
       угольный/Тёмно-серый/Чёрный/Зелёный) — их кнопки в .painting давно
       закомментированы, то есть выбрать эти цвета нельзя, а виджет всё
       равно рисует свои превью (JS показывает первый .color-type по
       умолчанию). На ПК не выводится, на мобильном вылезает лишними
       фотками рядом с пикером — прячем. */
    .img-box-selector {
        display: none;
    }

    /* .img-full-box .rel — общая высота из adaptive.css (aspect-ratio 8/9)
       подобрана под фото 800×900 (рециркулятор/Otoview); у Talmo фото цвета
       705×1128 — заметно уже и выше, в общем боксе оставались большие
       пустые поля по бокам ("криво"). Переопределяем пропорции под
       реальный размер фото этой страницы; специфичность выше (3 класса
       родителя вместо 2), поэтому побеждает независимо от порядка
       подключения файлов. */
    .block-characters-pros .img-full-box .rel {
        aspect-ratio: 705 / 1128;
        max-width: 260px;
    }

    /* "Индивидуальная покраска" (.painting .item.individual) — самый
       широкий пункт (иконка + длинное название + доплата), в сетке 2 в
       ряд наравне с обычными цветами не помещается и ломает раскладку
       соседних плиток. Выносим отдельным широким пунктом под всеми. */
    .painting .item.individual {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 4px !important;
    }
}