/* ==========================================================================
   Общий файл мобильной адаптации для страниц раздела "О компании и контакты"
   (кроме o_kompanii.html и contacts.html — у них свои файлы):
   blog.html, sertifikaty.html, vakansii.html, buy.html, postavshiki.html.
   Десктоп не трогаем — только адаптация под мобильный.
   ========================================================================== */

@media (max-width: 860px) {

    /* ---- blog.html: карточки записей (.table-dealer/.cell-dealer) ----
       Уже flex-wrap:wrap, но width:calc(33.333% - 20px) — 3 в ряд даже на
       телефоне, слишком тесно для фото+заголовка. Одна карточка на
       строку. */
    .cell-dealer {
        width: 100%;
    }

    /* ---- postavshiki.html: логотипы поставщиков (.our-suppliers li) ----
       На десктопе inline-block 180px в ряд с автопереносом — на
       мобильном без границ между пунктами всё визуально сливается в
       сплошную простыню логотипов. Сетка 2 в ряд с рамкой у каждого
       блока — понятно, где заканчивается один поставщик и начинается
       следующий. */
    .our-suppliers ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        text-align: center;
    }
    .our-suppliers li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 12px 8px;
        border: 1px solid #E6E7E8;
        border-radius: 6px;
        box-sizing: border-box;
    }
    .our-suppliers .item-image {
        display: block;
        width: auto;
        height: 50px;
    }
    .our-suppliers .item-image img {
        max-height: 50px;
        max-width: 100%;
    }
}