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

@media (max-width: 860px) {

    /* Видео-обзор (rutube) — вшит как <iframe width="1000" height="660">
       HTML-атрибутами, тот же случай, что и на товарных страницах. */
    .contacts iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 1000 / 660;
        max-width: 1000px;
    }

    /* Текстовый блок "О компании" (.contacts-table, только одна ячейка
       .cell-info на этой странице) — крупноват для мобильного (20px/32px). */
    .contacts-table {
        font-size: 16px;
        line-height: 26px;
    }
    .contacts-table .cell-info {
        padding-top: 15px;
    }

    /* ---- Слайдер "Наши поставщики/производство" (.itcss, slick) ----
       Контейнер зашит инлайновым style="width:1100px" под десктоп — на
       мобильном тащит страницу вбок. !important — перебиваем инлайн-стиль. */
    .itcss {
        width: 100% !important;
    }
    /* slick не добавляет отступ между слайдами сам по себе (нет ни
       margin, ни centerPadding в конфиге) — на десктопе при 4 в ряд из
       250px-картинок это незаметно, на мобильном при 2 в ряд фото
       вплотную друг к другу, "склеиваются". Добавляем гутер и чуть
       уменьшаем сами фото. */
    .itcss__item {
        padding: 0 6px;
        box-sizing: border-box;
    }
    .itcss__item img {
        max-width: 90% !important;
    }

    /* .sert-slider-wrap (слайдеры "Патенты"/"Достижения") теперь общее
       правило в adaptive.css — тот же компонент встретился один-в-один на
       странице sertifikaty.html. */
}