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

@media (max-width: 860px) {

    /* ---- "Офтальмоскоп диагностический Stern OptoView Pro" ----
       Тот же паттерн, что и на обычном OptoView (см.
       stern-optoview-oftalmoskop-page) — префикс родителя в styles.css,
       держим тот же префикс в переопределении. */
    .block-oftalmoskop-stern-optoview-pro .block-oftalmoskop-stern-optoview-pro-innovations {
        background-image: none !important;
        height: auto !important;
    }
    .block-oftalmoskop-stern-optoview-pro .block-oftalmoskop-stern-optoview-pro-innovations .item {
        width: 100% !important;
        margin-top: 0 !important;
    }

    /* ---- "Модификации" переключатель ----
       Тот же .painting-variants-layout/.variants-left/.variant-image-right
       компонент, что на других страницах с модификациями (см.
       stern-otoview-pro-page) — .variants-left{grid-template-columns:1fr}
       уже общее правило в adaptive.css. */
    .painting-variants-layout {
        display: flex !important;
        flex-direction: column-reverse !important;
        align-items: stretch !important;
        gap: 20px !important;
    }
    /* десктопный align-items:flex-start (нужен там для 2-колоночной
       раскладки) без сброса оставлял .variants-left по ширине своего
       контента — кнопки сидели слева, не на всю ширину/по центру. */
    .variants-left {
        width: 100% !important;
    }
    .variant-image-right {
        width: 100% !important;
    }
}