/* Преимущества (views/constructor/infoblock.php). Виды: cards (карточки сеткой), list (иконка слева, текст справа). */
.cb-infoblock {margin: 0; padding: 0; list-style: none}
.cb .cb-infoblock__name {max-width: 100%; margin: 0; color: var(--cb-heading); font-size: 19px; font-weight: 700; line-height: 1.3; hyphens: auto; overflow-wrap: anywhere}
.cb .cb-infoblock__text {max-width: 100%; margin: 0; overflow-wrap: anywhere; color: var(--cb-fg); font-size: 15px; line-height: 1.6}
.cb .cb-infoblock__name + .cb-infoblock__text {margin-top: 10px}

/* ---- Карточки ---- */
.cb-infoblock--cards .cb-infoblock__item {padding: clamp(24px, 2.4vw, 32px) clamp(22px, 2vw, 28px)}
.cb-infoblock--cards .cb-infoblock__icon {margin-bottom: 22px}
.cb-infoblock--cards.cb-infoblock--center .cb-infoblock__item {align-items: center; text-align: center}
.cb-infoblock--cols-5 .cb-infoblock__item {padding-inline: 20px}
.cb-infoblock--cols-5 .cb-infoblock__name {font-size: 18px}
/* Одна карточка в ряд — иконка слева, чтобы строка не была пустой */
.cb-infoblock--cards.cb-infoblock--cols-1 .cb-infoblock__item {display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 22px; align-items: start; text-align: left}
.cb-infoblock--cards.cb-infoblock--cols-1 .cb-infoblock__icon {grid-row: span 2; margin-bottom: 0}
.cb-infoblock--cards.cb-infoblock--cols-1 .cb-infoblock__item--no-icon {display: flex}
.cb-infoblock--cards.cb-infoblock--cols-1 .cb-infoblock__name {align-self: center; min-height: 0}
@media (hover: none) {
    .cb-infoblock .cb-card--hover:hover {transform: none; box-shadow: var(--cb-card-shadow)}
}

/* ---- Свои картинки вместо иконок: как иконка (pics-icon) или крупно (pics-photo) ---- */
.cb-infoblock__pic {display: block; flex-shrink: 0; overflow: hidden}
.cb-infoblock__pic picture {display: block; width: 100%; height: 100%}
.cb .cb-infoblock__img {display: block; width: 100%; height: 100%}
.cb-infoblock--pics-icon .cb-infoblock__pic {width: 64px; height: 64px}
.cb .cb-infoblock--pics-icon .cb-infoblock__img {object-fit: contain}
.cb-infoblock--cards.cb-infoblock--pics-icon .cb-infoblock__pic {margin-bottom: 20px}
.cb .cb-infoblock--pics-photo .cb-infoblock__img {object-fit: cover}
.cb-infoblock--cards .cb-infoblock__item--photo {overflow: hidden}
.cb-infoblock--cards .cb-infoblock__item--photo .cb-infoblock__pic {align-self: stretch; margin: calc(-1 * clamp(24px, 2.4vw, 32px)) calc(-1 * clamp(22px, 2vw, 28px)) 22px; aspect-ratio: 16 / 10}
.cb-infoblock--cols-5 .cb-infoblock__item--photo .cb-infoblock__pic {margin-inline: -20px}
.cb-infoblock--cards.cb-infoblock--cols-1 .cb-infoblock__pic {grid-row: span 2; margin-bottom: 0}
.cb-infoblock--cards.cb-infoblock--cols-1 .cb-infoblock__item--photo {display: flex}
.cb-infoblock--cards.cb-infoblock--cols-1 .cb-infoblock__item--photo .cb-infoblock__pic {margin-bottom: 22px}
.cb-infoblock--list.cb-infoblock--pics-photo .cb-infoblock__pic {width: 96px; height: 96px; border-radius: 12px}

/* ---- Список ---- */
.cb-infoblock--list {column-gap: clamp(28px, 4vw, 64px); row-gap: 0}
.cb-infoblock--list .cb-infoblock__item {display: flex; align-items: flex-start; gap: 18px; min-width: 0; padding: 24px 0; border-top: 1px solid var(--cb-line)}
.cb-infoblock--list .cb-infoblock__icon {width: 48px; height: 48px; border-radius: 12px; font-size: 22px}
.cb-infoblock--list .cb-infoblock__body {flex: 1; min-width: 0; padding-top: 2px}
.cb-infoblock--list .cb-infoblock__name {font-size: 18px}
.cb-infoblock--list .cb-infoblock__name:only-child, .cb-infoblock--list .cb-infoblock__text:only-child {padding-top: 11px}
.cb-infoblock--list .cb-infoblock__item--no-icon .cb-infoblock__body {padding-top: 0}
.cb-infoblock--list .cb-infoblock__item--no-icon .cb-infoblock__name:only-child, .cb-infoblock--list .cb-infoblock__item--no-icon .cb-infoblock__text:only-child {padding-top: 0}
.cb-infoblock--list .cb-infoblock__text {font-size: 15px}
.cb-infoblock--list .cb-infoblock__item:hover .cb-infoblock__icon {background: var(--cb-accent); color: var(--cb-bg)}
.cb-tone--light .cb-infoblock--list .cb-infoblock__item:hover .cb-infoblock__icon {background: var(--cb-primary); color: var(--cb-on-primary)}

@media (max-width: 575px) {
    .cb-infoblock--cards .cb-infoblock__item {padding: 20px 18px}
    .cb-infoblock--cards .cb-infoblock__icon {width: 48px; height: 48px; margin-bottom: 16px; border-radius: 12px; font-size: 23px}
    /* На телефоне карточка — иконка слева, текст справа: короче страница */
    .cb-infoblock--cards:not(.cb-infoblock--center) .cb-infoblock__item:not(.cb-infoblock__item--no-icon) {display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 16px; align-content: start}
    .cb-infoblock--cards:not(.cb-infoblock--center) .cb-infoblock__item:not(.cb-infoblock__item--no-icon) .cb-infoblock__icon,
    .cb-infoblock--cards:not(.cb-infoblock--center) .cb-infoblock__item:not(.cb-infoblock__item--no-icon) .cb-infoblock__pic {grid-row: span 2; margin-bottom: 0}
    .cb-infoblock--cards .cb-infoblock__item--photo, .cb-infoblock--cards:not(.cb-infoblock--center) .cb-infoblock__item.cb-infoblock__item--photo {display: flex}
    .cb-infoblock--cards .cb-infoblock__item.cb-infoblock__item--photo .cb-infoblock__pic {margin: -20px -18px 16px}
    .cb-infoblock--cards:not(.cb-infoblock--center) .cb-infoblock__item.cb-infoblock__item--photo .cb-infoblock__name {padding-top: 0}
    .cb-infoblock--pics-icon .cb-infoblock__pic {width: 52px; height: 52px}
    .cb-infoblock--cards:not(.cb-infoblock--center) .cb-infoblock__item:not(.cb-infoblock__item--no-icon) .cb-infoblock__name {padding-top: 11px}
    .cb-infoblock--cards:not(.cb-infoblock--center) .cb-infoblock__item:not(.cb-infoblock__item--no-icon) .cb-infoblock__name + .cb-infoblock__text {margin-top: 6px}
    .cb .cb-infoblock__name {font-size: 18px}
    .cb-infoblock--list .cb-infoblock__item {gap: 16px; padding: 20px 0}
    .cb-infoblock--list .cb-infoblock__icon {width: 44px; height: 44px; font-size: 21px}
    .cb-infoblock--list .cb-infoblock__name:only-child, .cb-infoblock--list .cb-infoblock__text:only-child {padding-top: 9px}
}