/* ==========================================================================
   Страница ларингоскопа Stern (laryngoscope_stern.html)
   Десктоп не трогаем — только адаптация под мобильный.
   ========================================================================== */

@media (max-width: 860px) {

    /* ---- "Характеристики ларингоскопа" (.laryngoscope_stern_1) ----
       Тот же float-паттерн 390/350px + своё декоративное фоновое фото
       (laryngoscope_stern_osobennosti.png, background-size:30%) — как и на
       всех остальных товарных страницах. */
    .laryngoscope_stern_1 .item,
    .laryngoscope_stern_1 .item.pull-right {
        float: none;
        width: 100%;
        text-align: left;
    }
    .laryngoscope_stern_1 {
        background-image: none;
    }

    /* ---- Конструктор ларингоскопа (.lar-config / .lar-switch) ----
       Собственный, не переиспользуемый на других страницах компонент:
       каскадный выбор (тип освещения → покрытие → тип клинка → размер),
       кнопки читаются из data-атрибутов, JS сам показывает подходящую
       фото-панель. На десктопе — 2 колонки (кнопки слева flex:1 1 380px,
       фото справа flex:1 1 480px), уже есть flex-wrap:wrap и частичный
       адаптив (@media 900px снимает max-width у фото-панели), но при
       переносе в 1 колонку оставались подобранные под десктоп
       flex-basis/min-width — снимаем оба.
       Порядок при переносе в 1 колонку: кнопки остаются ПЕРВЫМИ (не
       переворачиваем в column-reverse, как на других страницах с
       переключателем модификаций) — здесь после каждого тапа фото
       обновляется live, и если бы фото было выше кнопок, после выбора
       размера пришлось бы каждый раз скроллить наверх, чтобы его увидеть;
       так результат всегда открывается куда естественно скроллить —
       вниз. То же самое для секции аксессуаров (рукоятки/батареи). */
    .lar-config {
        gap: 24px;
    }
    .lar-config__controls,
    .lar-config__preview {
        flex: 1 1 100%;
        min-width: 0;
        max-width: 100%;
    }
    .lar-row {
        margin-bottom: 20px;
    }
    .lar-opt {
        padding: 9px 14px;
        font-size: 15px;
    }
    .lar-opt--size {
        min-width: 46px;
    }
    .lar-row__label {
        font-size: 14px;
    }

    /* вкладки "Рукоятки/Батареи" в блоке аксессуаров */
    .acc-tab {
        padding: 12px 18px;
        font-size: 16px;
    }
}