/* Карточки (views/constructor/card.php). Виды: grid (фото 4:3 сверху), list (фото слева ~40 %, на телефоне — сверху). */
.cb-card-item {overflow: hidden; isolation: isolate}
.cb-card-item > * + * {margin-top: 0} /* сайт: article > * + * {margin-top: 1em} */

/* Фото: ссылка на крупное фото (Fancybox) */
.cb-card-item__media {position: relative; display: block; overflow: hidden; background: var(--cb-accent-soft); cursor: zoom-in}
.cb-card-item__media picture {height: 100%}
.cb .cb-card-item__img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease}
.cb-card-item:hover .cb-card-item__img {transform: scale(1.04)}
.cb-card-item__media::after {content: ""; position: absolute; right: 14px; top: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .92) no-repeat center / 18px 18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316232d' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E"); box-shadow: 0 6px 16px rgba(10, 18, 26, .18); opacity: 0; transform: scale(.8); transition: opacity var(--cb-transition), transform var(--cb-transition)}
.cb-card-item__media:hover::after, .cb-card-item__media:focus-visible::after {opacity: 1; transform: none}
.cb .cb-card-item__media:focus-visible {outline-offset: -3px; border-radius: 0}
.cb-card-item__media--empty {cursor: default; background: var(--cb-accent-soft) no-repeat center / 48px 48px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a9aa6' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='10' r='1.6'/%3E%3Cpath d='m21 16-5-5-8 8'/%3E%3C/svg%3E")}
.cb-card-item__media--empty::after {content: none}

/* Текст и кнопки */
.cb-card-item__body {display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px; min-width: 0; padding: clamp(20px, 2vw, 26px)}
.cb .cb-card-item__name {font-size: clamp(18px, 1.5vw, 20px); letter-spacing: -.01em; text-wrap: balance; hyphens: auto}
.cb .cb-card-item__text {color: var(--cb-fg)}
.cb .cb-card-item__actions {margin-top: auto; padding-top: 12px; gap: 10px}
.cb-card-item__actions .cb-btn {min-height: 46px; padding: 0 22px; font-size: 14px}
.cb-card-item--text .cb-card-item__body {padding: clamp(22px, 2.4vw, 32px)}

/* Сетка: фото 4:3 сверху */
.cb-card-item--grid .cb-card-item__media {aspect-ratio: 4 / 3}
.cb-card-list--grid-4 .cb-card-item__body {padding: 20px}
.cb-card-list--grid-4 .cb-card-item__actions .cb-btn {flex: 1 1 auto; padding: 0 16px}

/* Список: фото слева, текст справа; высота фото — по тексту, но не меньше min-height */
.cb-card-list--list {gap: clamp(16px, 2vw, 28px)}
.cb-card-item--list {display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr)}
.cb-card-item--list.cb-card-item--text {grid-template-columns: minmax(0, 1fr)}
.cb-card-item--list .cb-card-item__media {min-height: 240px}
.cb-card-item--list .cb-card-item__media > picture, .cb .cb-card-item--list .cb-card-item__media > img {position: absolute; inset: 0; width: 100%; height: 100%}
.cb-card-item--list .cb-card-item__body {justify-content: center; padding: clamp(22px, 2.6vw, 40px)}
.cb-card-list--list-1 .cb-card-item__media {min-height: clamp(260px, 24vw, 320px)}
.cb .cb-card-list--list-1 .cb-card-item__name {font-size: clamp(20px, 1.9vw, 26px)}
.cb-card-list--list-1 .cb-card-item__text {max-width: 640px; font-size: 16px}
.cb-card-list--list-2 .cb-card-item__media {min-height: 220px}
.cb-card-list--list-2 .cb-card-item__body {padding: clamp(20px, 2vw, 28px)}
.cb-card-list--list .cb-card-item__actions {margin-top: 8px}

@media (max-width: 1199px) {
    .cb-card-list--list-2 .cb-card-item {grid-template-columns: minmax(0, 5fr) minmax(0, 7fr)}
}
@media (max-width: 991px) {
    .cb-card-list--list-2 {--cb-cols: 1}
    .cb-card-list--list-2 .cb-card-item {grid-template-columns: minmax(0, 2fr) minmax(0, 3fr)}
}
@media (max-width: 575px) {
    .cb-card-item--list, .cb-card-list--list-2 .cb-card-item {display: flex; flex-direction: column}
    .cb-card-item--list .cb-card-item__media, .cb-card-list--list-1 .cb-card-item__media, .cb-card-list--list-2 .cb-card-item__media {min-height: 0; aspect-ratio: 4 / 3}
    .cb-card-item--list .cb-card-item__body {padding: 20px}
    .cb-card-item__actions .cb-btn {flex: 1 1 auto}
    .cb-card-item__media::after {opacity: 1; transform: none; width: 34px; height: 34px; right: 10px; top: 10px; background-size: 16px 16px}
}
@media (hover: none) {
    .cb-card-item__media::after {opacity: 1; transform: none}
}