/*
 * Списки товаров: раздел, поиск, бренд, метка, подборка.
 * Основа — app.css прежнего сайта; здесь стили, стоявшие внутри блоков сайта
 * (<style> в блоке benefits), и то, чего у прежнего сайта не было
 * (номера страниц, пустой поиск, «Купить» без формы).
 */

/* ── Блок benefits: стиль из блока сайта, без изменений (картинки — theme.css) ── */
.benefits { text-align: center; font-size: 14px; }
.i-anonym, .i-quality, .i-guarantee {
    display: inline-block;
    padding: 0 10px;
    width: 150px;
    text-align: center;
    margin: 20px 0 40px;
    vertical-align: top;
}
.i-anonym i, .i-quality i, .i-guarantee i { display: block; width: 64px; margin: 20px auto; }

/* ── Поиск ── */
.listing-empty { margin: 0 0 30px; font-size: 16px; }
html .product__table-actions .theme-btn { cursor: pointer; font-family: inherit; }
.product__table-out { font-size: 14px; color: #999; }
.category__info-info p a { color: inherit; text-decoration: underline; }

/* ── Номера страниц ── */
.listing-pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0 0 30px;
}
.listing-pager__link, .listing-pager__gap {
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    font-size: 15px;
}
.listing-pager__link {
    background-color: #fff;
    color: inherit;
    box-shadow: 0 0 15px rgba(0, 0, 0, .07);
}
.listing-pager__link:hover { color: #39aa25; }
.listing-pager__link.is-active { background-color: #39aa25; color: #fff; }

/* ── Таблицы в блоке «О разделе» на телефоне: на прежнем сайте они раздвигали
      страницу вбок; здесь листаются внутри себя, как .pricelist на страницах ── */
.block__about .pricelist { overflow-x: auto; -webkit-overflow-scrolling: touch; }