/* 08.11.2026, промт 47363. Блок преимуществ на главной не шире экрана на планшете (768-1199).
   1) Ряд .l-advantages тянется вправо на 30px (margin-right:-30px, megashop.shop.css строки 99-104),
      а поле .l-container на планшете 15px (megashop.site.css строки 6308-6314): хвост 15px за экраном.
      Отрицательное поле убрано, у последнего пункта нет правого отступа: ширины и места пунктов те же.
   2) Первый заход с iPad (куки is_mobile ещё нет, Webasyst считает iPad компьютером) получал
      компьютерную разметку без _size_s: пункты-таблицы с иконкой слева не ужимались, ряд 864 при 768.
      Здесь тот же планшетный вид, что тема даёт со второго захода (.c-advantage_size_s). */
@media (min-width: 768px) and (max-width: 1199px) {
    .l-advantages {
        margin-right: 0;
    }

    .l-advantages__item {
        width: 255px;
    }

    .l-advantages__item:last-child {
        margin-right: 0;
    }

    .c-advantage {
        display: block;
        text-align: center;
    }

    .c-advantage__content,
    .c-advantage__icon-box {
        display: block;
    }

    .c-advantage__icon-box {
        position: relative;
        width: auto;
        max-width: none;
        padding-bottom: 10px;
        padding-right: 0;
        font-size: 63px;
        text-align: center;
    }

    .c-advantage__image-box {
        width: 63px;
        height: 63px;
        margin: 0 auto;
    }
}