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

@media (max-width: 860px) {

    /* ---- "Отоскоп диагностический Stern Otoview" (.block-otoskop-stern-otoview-innovations) ----
       Текстовый блок фиксированной ширины 390px с отступом margin-top:100px,
       наложенный на декоративное фоновое фото (otoskop_stern_otoview_special_1.png,
       background-size:70%, height:550px) — тот же принцип, что и float-блоки
       с фоном на других страницах, только тут одна текстовая колонка вместо
       двух. На мобильном фиксированная высота обрезает контент, а фон под
       узкую ширину не подогнан — убираем оба фикса, текст в обычный поток.
       ВАЖНО: в styles.css этот класс задан как ".block-otoskop-stern-otoview
       .block-otoskop-stern-otoview-innovations" (два класса в цепочке,
       специфичность выше голого одного класса) — первая версия этого
       правила была без префикса родителя и поэтому молча проигрывала
       исходному, несмотря на более поздний порядок подключения файла
       (специфичность важнее порядка). Держим тот же префикс здесь. */
    .block-otoskop-stern-otoview .block-otoskop-stern-otoview-innovations {
        background-image: none !important;
        height: auto !important;
    }
    .block-otoskop-stern-otoview .block-otoskop-stern-otoview-innovations .item {
        width: 100% !important;
        margin-top: 0 !important;
    }
}