/* Copyright (C) 2025-2026 adcitymag.ru */
/* adcm-plus / collections: подборки */
.adcx-collections { margin-top: 0; margin-bottom: var(--adcm-section-gap, 28px); }
.adcx-collections__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--adcm-space-3, 12px); margin: 0 0 var(--adcm-head-gap, 12px); }
.adcx-collections__head .adcx-section-title { margin: 0; }
.adcx-collections__all { flex: 0 0 auto; font-size: var(--t-ui, .88rem); color: var(--adcmMuted, var(--greyColor)); text-decoration: none; white-space: nowrap; }
.adcx-collections__all:hover { color: var(--hoverColor); }
.adcx-collections__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--adcm-space-5, 20px); }
@media (max-width: 768px) { .adcx-collections__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--adcm-space-4, 16px); } }
@media (max-width: 500px) { .adcx-collections__grid { grid-template-columns: 1fr; } }

.adcx-colcard { display: flex; flex-direction: column; border: 1px solid var(--borderColor); border-radius: var(--adcm-card-radius, 16px); overflow: hidden; background: var(--lightColor); color: inherit; text-decoration: none; transition: box-shadow var(--adcm-dur-base, .22s); }
.adcx-colcard:hover { box-shadow: var(--adcm-shadow-2); text-decoration: none; }
.adcx-colcard__img { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--greyBg); }
.adcx-colcard__body { display: flex; flex-direction: column; gap: var(--adcm-space-1, 4px); padding: var(--adcm-space-4, 16px); }
.adcx-colcard__kicker { font-size: var(--t-label, .65rem); font-weight: var(--bold, 600); letter-spacing: .06em; text-transform: uppercase; color: var(--adcmMuted, var(--greyColor)); }
.adcx-colcard__title { font-size: var(--t-card-lg, 1.15rem); font-weight: var(--bold, 600); line-height: 1.25; color: var(--mainColor); }

.adcx-colarchive__title, .adcx-colpage__title { margin: var(--adcm-space-4, 16px) 0 var(--adcm-space-2, 8px); font-size: var(--t-h1, clamp(1.7rem, 3.4vw, 2.4rem)); font-weight: var(--bold, 600); line-height: 1.15; color: var(--mainColor); }
.adcx-colarchive__lead { margin: 0 0 var(--adcm-space-8, 32px); color: var(--adcmMuted, var(--greyColor)); }
.adcx-colpage__head { position: relative; margin: var(--adcm-space-4, 16px) 0 var(--adcm-space-6, 24px); }
.adcx-colpage__cover { display: block; width: 100%; max-height: 420px; object-fit: cover; border-radius: var(--adcm-r-xl, 20px); }
.adcx-colpage__titles { padding: var(--adcm-space-4, 16px) 0 0; }
.adcx-colpage__kicker { font-size: var(--t-label, .65rem); font-weight: var(--bold, 600); letter-spacing: .06em; text-transform: uppercase; color: var(--adcmMuted, var(--greyColor)); }
.adcx-colpage__until { margin: 0; color: var(--adcmMuted, var(--greyColor)); font-size: var(--t-ui, .88rem); }
.adcx-colpage__intro { max-width: 760px; margin: 0 0 var(--adcm-space-8, 32px); }
.adcx-colpage__list { margin: 0; padding: 0; list-style: none; display: grid; gap: var(--adcm-space-5, 20px); max-width: 760px; }
.adcx-colpage__item { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--adcm-space-4, 16px); align-items: start; }
.adcx-colpage__num { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--adcm-r-circle, 50%); background: var(--greyBg); color: var(--mainColor); font-weight: var(--bold, 600); font-variant-numeric: tabular-nums; }
.adcx-colpage__note { margin: var(--adcm-space-2, 8px) 0 0; color: var(--adcmMuted, var(--greyColor)); font-size: var(--t-ui, .88rem); line-height: 1.5; }
