/* ========================================================================== Страница отоскопа Stern Otoview Pro (High CRI, со встроенным осветителем горла) — stern_highcri_otoscope_so_vstroennym_osvetitelem_gorla.html Десктоп не трогаем — только адаптация под мобильный. ========================================================================== */ @media (max-width: 860px) { /* ---- "Характеристики отоскопа Otoview Pro" (.sternotoscopefo) ---- Тот же float-паттерн 390/350px, что и на других товарных страницах, под очередным именем класса — в одну колонку. Декоративное фоновое фото (stern_highcri_otoscope_pic14.jpg, background-size:30%) под мобильную ширину не подогнано — убираем. */ .sternotoscopefo .item, .sternotoscopefo .item.pull-right { float: none; width: 100%; text-align: left; } .sternotoscopefo { background-image: none; } /* ---- "Модификации отоскопа" переключатель (.painting-variants-layout) ---- Своя, не общая разметка (вшита инлайн-стилем в этой страницы, не через styles.css) — фото 6 вариантов прибора справа (350px), список кнопок-вариантов слева сеткой 2 колонки. На мобильном тащит вбок. Переворачиваем в колонку: сначала фото (второе в разметке), потом кнопки — тот же приём "column-reverse", что и на других страницах с переключателем модификаций. !important — переопределяем правила из инлайнового