/* BAZA — металл: рифлёный металл под цифрами, в бегущей строке, подвале и блоке «Железо» */
.hero__stats { position: relative; isolation: isolate; border-top: 0; }
.hero__stat { padding: 32px 12px 36px; text-align: center; }
.hero__stats::before {
  content: "";
  position: absolute;
  inset: -96px calc(50% - 50vw) 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(2, 2, 1, 0.55), rgba(2, 2, 1, 0.8)),
    url("../img/ds/texture-diamond-plate.jpg") center / cover;
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 160px);
  mask-image: linear-gradient(180deg, transparent 0, #000 160px);
  pointer-events: none;
}

.marquee { background: var(--baza-yellow); border-color: var(--baza-yellow); }
.marquee span { color: #020201; }
.marquee i { background: #020201; }

.iron {
  position: relative;
  background:
    linear-gradient(90deg, rgba(2, 2, 1, 0.96) 0%, rgba(2, 2, 1, 0.82) 55%, rgba(2, 2, 1, 0.6) 100%),
    url("../img/ds/texture-diamond-plate.jpg") center / cover;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.iron__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 80px;
  align-items: center;
}
.iron__photo { margin: 0; }
.iron__photo img {
  width: 100%;
  max-width: 440px;
  aspect-ratio: 487 / 730;
  object-fit: cover;
  border-radius: var(--r-card);
  border: 1px solid var(--line-strong);
}
.iron__copy .section__title { font-size: clamp(40px, 6vw, 88px); }
.iron__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; }
.iron__tags span {
  padding: 10px 14px;
  border: 1px solid var(--line-strong);
  border-radius: 2px;
  background: rgba(2, 2, 1, 0.6);
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.iron__tags span:first-child { background: var(--baza-yellow); border-color: var(--baza-yellow); color: #020201; }

.footer {
  border-top: 0;
  background:
    linear-gradient(180deg, #020201 0, rgba(2, 2, 1, 0.92) 240px, rgba(2, 2, 1, 0.78) 100%),
    url("../img/ds/texture-diamond-plate.jpg") center / cover;
}

@media (max-width: 1040px) {
  .iron__grid { grid-template-columns: 1fr; gap: 40px; }
}

/* Пиктограммы в полосе цифр (главная + клубы): крупная иконка-водяной знак за цифрой */
:root {
  --icon-pin: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200zM12%207a3%203%200%201%200%200%206a3%203%200%201%200%200-6z'%2F%3E%3C%2Fsvg%3E");
  --icon-pc: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%203h16a2%202%200%200%201%202%202v10a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2zM8%2021h8M12%2017v4'%2F%3E%3C%2Fsvg%3E");
  --icon-pad: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%2011h4M8%209v4M15%2012h.01M18%2010h.01M17.32%205H6.68a4%204%200%200%200-3.978%203.59c-.006.052-.01.101-.017.152C2.604%209.416%202%2014.456%202%2016a3%203%200%200%200%203%203c1%200%201.5-.5%202-1l1.414-1.414A2%202%200%200%201%209.828%2016h4.344a2%202%200%200%201%201.414.586L17%2018c.5.5%201%201%202%201a3%203%200%200%200%203-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4%204%200%200%200%2017.32%205z'%2F%3E%3C%2Fsvg%3E");
  --icon-moon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9zM19%203v4M17%205h4'%2F%3E%3C%2Fsvg%3E");
  --icon-grid: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%203h5a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-5a1%201%200%200%201-1-1v-5a1%201%200%200%201%201-1zM15%203h5a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-5a1%201%200%200%201-1-1v-5a1%201%200%200%201%201-1zM15%2014h5a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-5a1%201%200%200%201-1-1v-5a1%201%200%200%201%201-1zM4%2014h5a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-5a1%201%200%200%201-1-1v-5a1%201%200%200%201%201-1z'%2F%3E%3C%2Fsvg%3E");
  --icon-clock: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%202a10%2010%200%201%200%200%2020a10%2010%200%201%200%200-20zM12%206v6l4%202'%2F%3E%3C%2Fsvg%3E");
  --icon-users: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2M9%203a4%204%200%201%200%200%208a4%204%200%201%200%200-8zM22%2021v-2a4%204%200%200%200-3-3.87M16%203.13a4%204%200%200%201%200%207.75'%2F%3E%3C%2Fsvg%3E");
}
body[class^="club-"] .hero__stat { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 190px; }
body[class^="club-"] .hero__stat::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: 170px;
  height: 170px;
  transform: translate(-50%, -54%);
  background: var(--stat-icon) center / contain no-repeat;
  opacity: 0.16;
  pointer-events: none;
}
body[class^="club-"] .hero__stat span { color: #d4d4d6; }
.club-network .hero__stat:nth-child(1) { --stat-icon: var(--icon-pin); }
.club-network .hero__stat:nth-child(2) { --stat-icon: var(--icon-pc); }
.club-network .hero__stat:nth-child(3) { --stat-icon: var(--icon-pad); }
.club-network .hero__stat:nth-child(4) { --stat-icon: var(--icon-moon); }
.club-mokotow .hero__stat:nth-child(1) { --stat-icon: var(--icon-pc); }
.club-mokotow .hero__stat:nth-child(2) { --stat-icon: var(--icon-pad); }
.club-mokotow .hero__stat:nth-child(3) { --stat-icon: var(--icon-grid); }
.club-mokotow .hero__stat:nth-child(4) { --stat-icon: var(--icon-users); }
.club-nowy-swiat .hero__stat:nth-child(1) { --stat-icon: var(--icon-pc); }
.club-nowy-swiat .hero__stat:nth-child(2) { --stat-icon: var(--icon-grid); }
.club-nowy-swiat .hero__stat:nth-child(3) { --stat-icon: var(--icon-clock); }
.club-nowy-swiat .hero__stat:nth-child(4) { --stat-icon: var(--icon-pin); }
.club-praga .hero__stat:nth-child(1) { --stat-icon: var(--icon-pc); }
.club-praga .hero__stat:nth-child(2) { --stat-icon: var(--icon-pad); }
.club-praga .hero__stat:nth-child(3) { --stat-icon: var(--icon-clock); }
.club-praga .hero__stat:nth-child(4) { --stat-icon: var(--icon-pin); }
.club-wola .hero__stat:nth-child(1) { --stat-icon: var(--icon-pc); }
.club-wola .hero__stat:nth-child(2) { --stat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23FFE900'%20stroke-width%3D'0.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%203h5a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-5a1%201%200%200%201-1-1v-5a1%201%200%200%201%201-1zM15%203h5a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201h-5a1%201%200%200%201-1-1v-5a1%201%200%200%201%201-1zM4%2014h16a1%201%200%200%201%201%201v5a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1v-5a1%201%200%200%201%201-1z'%2F%3E%3C%2Fsvg%3E"); }
.club-wola .hero__stat:nth-child(3) { --stat-icon: var(--icon-clock); }
.club-wola .hero__stat:nth-child(4) { --stat-icon: var(--icon-pin); }
.club-lodz .hero__stat:nth-child(1) { --stat-icon: var(--icon-pc); }
.club-lodz .hero__stat:nth-child(2) { --stat-icon: var(--icon-pad); }
.club-lodz .hero__stat:nth-child(3) { --stat-icon: var(--icon-clock); }
.club-lodz .hero__stat:nth-child(4) { --stat-icon: var(--icon-pin); }
@media (max-width: 720px) { body[class^="club-"] .hero__stat { min-height: 150px; } body[class^="club-"] .hero__stat::before { width: 124px; height: 124px; } }

/* Полоса из трёх цифр (клубы без адреса в цифрах) */
.hero__stats:has(> .hero__stat:nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 720px) {
  .hero__stats:has(> .hero__stat:nth-child(3):last-child) { grid-template-columns: 1fr 1fr; }
  .hero__stats > .hero__stat:nth-child(3):last-child { grid-column: 1 / -1; }
}

/* Карточки клуба под hero (club-stats.js) */
.hero__stats.cstats { display: flex; gap: 8px; padding: 32px 0 40px; }
.cstat {
  flex: 1 1 0; min-width: 0; height: 320px; padding: 0; border: 0; text-align: left; font: inherit; color: #fff; cursor: pointer;
  background: linear-gradient(rgba(20, 20, 22, 0.86), rgba(20, 20, 22, 0.92)), url("../img/ds/texture-diamond-plate.jpg") center / cover;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 0 100%);
  overflow: hidden;
  transition: flex-grow 480ms cubic-bezier(0.4, 0, 0.2, 1), filter 160ms ease, background-color 240ms ease;
}
.cstat:hover { filter: brightness(1.15); }
.cstat:focus-visible { outline: 2px solid var(--baza-yellow); outline-offset: -4px; }
.cstat.is-open { flex-grow: 2.6; background: var(--baza-yellow); color: #020201; filter: none; }
.cstat svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; }
.cstat strong { display: block; font-family: var(--font-display, 'Benzin', sans-serif); font-weight: 700; line-height: 0.85; text-transform: uppercase; white-space: nowrap; }
.cstat__closed, .cstat__open { display: flex; flex-direction: column; height: 100%; box-sizing: border-box; }
.cstat__closed { justify-content: space-between; padding: 20px 14px 22px 14px; }
.cstat.is-open .cstat__closed, .cstat:not(.is-open) .cstat__open { display: none; }
.cstat__closed .cstat__icon { width: 56px; height: 56px; color: var(--baza-yellow); stroke-width: 1.3; }
.cstat__foot { display: flex; flex-direction: column; gap: 12px; }
.cstat__closed strong { font-size: 52px; }
.cstat--long .cstat__closed strong { font-size: 34px; }
.cstat--word .cstat__closed strong { font-size: 18px; }
.cstat__foot > span, .cstat__head span > span { font-weight: 700; font-size: 10px; letter-spacing: 0.14em; line-height: 1.4; text-transform: uppercase; }
.cstat__foot > span { color: #8a8a8e; min-height: 2.8em; }
.cstat__open { gap: 14px; padding: 20px 22px 20px 20px; }
.cstat__head { display: flex; align-items: center; gap: 14px; }
.cstat__head .cstat__icon { flex-shrink: 0; width: 44px; height: 44px; stroke-width: 1.4; }
.cstat__head > span { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.cstat__head strong { font-size: 44px; }
.cstat--word .cstat__head strong { font-size: 24px; }
.cstat__text { font-size: 13px; line-height: 1.45; text-wrap: pretty; }
.cstat__rows { display: flex; flex-direction: column; margin-top: auto; }
.cstat__row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 6px 0; border-top: 1px solid rgba(2, 2, 1, 0.2); font-size: 12px; }
.cstat__row b { font-family: var(--font-display, 'Benzin', sans-serif); font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.cstat__row em { font-style: normal; font-weight: 700; text-align: right; }

@media (max-width: 1100px) {
  .hero__stats.cstats {
    width: auto; margin: 0; padding: 24px 28px 32px; gap: 8px;
    overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 16px; scrollbar-width: none; overscroll-behavior-x: contain;
    scroll-padding: 0 28px;
  }
  .hero__stats.cstats::-webkit-scrollbar { display: none; }
  .hero__stats.cstats::before { inset: -96px 0 0; }
  .hero__stats.cstats { align-items: stretch; }
  .cstat, .cstat.is-open { flex: 0 0 320px; height: 330px; scroll-snap-align: center; }
  .cstat:hover { filter: none; }
}
@media (max-width: 720px) {
  .hero__stats.cstats { padding: 24px 16px 32px; scroll-padding: 0 16px; }
  .cstat, .cstat.is-open { flex-basis: 68%; height: 230px; }
  .cstat__text { display: none; }
  .cstat__closed { padding: 16px 12px 18px; }
  .cstat__closed .cstat__icon { width: 44px; height: 44px; }
  .cstat__closed strong { font-size: 44px; }
  .cstat--long .cstat__closed strong { font-size: 30px; }
  .cstat--word .cstat__closed strong { font-size: 16px; }
  .cstat__open { gap: 10px; padding: 16px 16px 14px; }
  .cstat__head { gap: 12px; }
  .cstat__head .cstat__icon { width: 34px; height: 34px; }
  .cstat__head strong { font-size: 32px; }
  .cstat--word .cstat__head strong { font-size: 20px; }
  .cstat__text { font-size: 12px; line-height: 1.4; }
  .cstat__row { gap: 10px; padding: 5px 0; font-size: 11px; }
  .cstat__row b { white-space: normal; }
}

.hero__stats.cstats::before { display: none; }
@keyframes cstat-in { from { opacity: 0; } to { opacity: 1; } }
.cstat__open, .cstat__closed { animation: cstat-in 360ms cubic-bezier(0.4, 0, 0.2, 1) 120ms both; }
@media (min-width: 1101px) { .cstat__open { min-width: 340px; } }
@media (prefers-reduced-motion: reduce) { .cstat { transition: none; } .cstat__open, .cstat__closed { animation: none; } }

/* Полупрозрачные карточки: снизу плотнее, кверху прозрачнее */
.cstat { position: relative; isolation: isolate; background: transparent; }
.cstat::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(rgba(20, 20, 22, 0.8), rgba(20, 20, 22, 0.9)), url("../img/ds/texture-diamond-plate.jpg") center / cover;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), #000 85%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), #000 85%);
  transition: background 240ms ease;
}
.cstat.is-open { background: transparent; }
.cstat.is-open::before {
  background: var(--baza-yellow);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9) 75%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9) 75%);
}

/* Мобильный: компактная кнопка в hero на всех страницах */
@media (max-width: 640px) {
  .hero__cta { align-items: center; }
  .hero__cta .btn, .hero__cta .btn--primary { width: auto; max-width: 100%; min-height: 44px; padding: 10px 20px; font-size: 12px; line-height: 1.25; white-space: normal; text-wrap: balance; text-align: center; }
}

/* Быстрый скролл: появление короче, контент не остаётся пустым */
.reveal [data-reveal] { transform: translateY(12px); transition: opacity 450ms cubic-bezier(0.2, 0.6, 0.2, 1), transform 450ms cubic-bezier(0.2, 0.6, 0.2, 1); }

/* Кнопка в hero — полупрозрачный жёлтый, как раскрытая карточка; свечение и блик сохранены */
.hero__cta .btn--primary { background: linear-gradient(180deg, rgba(255, 233, 0, 0.55), rgba(255, 233, 0, 0.9)); }
.hero__cta .btn--primary:hover { background: linear-gradient(180deg, rgba(255, 244, 74, 0.75), rgba(255, 244, 74, 0.98)); }
.hero__cta .btn--primary:active { background: linear-gradient(180deg, rgba(214, 196, 0, 0.75), rgba(214, 196, 0, 0.95)); }

/* Прелоадер ждёт загрузки всего контента; логотип заполняется по реальному прогрессу */
.preloader { animation: none; }
.preloader__fill { animation: none; clip-path: inset(100% 0 0 0); transition: clip-path 700ms cubic-bezier(0.2, 0.6, 0.2, 1); }

/* Появление блоков при скролле выключено: при резком скролле контент не должен пропадать */
.reveal [data-reveal], .reveal [data-reveal].is-in { opacity: 1; transform: none; transition: none; }

/* Много карточек (главная, 8 шт.): на десктопе тоже лента с прокруткой */
@media (min-width: 1101px) {
  .hero__stats.cstats--many { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
  .hero__stats.cstats--many::-webkit-scrollbar { display: none; }
  .cstats--many .cstat, .cstats--many .cstat.is-open { flex: 0 0 300px; height: 320px; scroll-snap-align: start; }
  .cstats--many .cstat__open { min-width: 0; }
}

/* Плавность + таймер автосмены */
.cstat { position: relative; }
.cstat__bar { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #020201; opacity: 0.35; transform: scaleX(0); transform-origin: left; pointer-events: none; }
.cstats.is-timing .cstat.is-open .cstat__bar { animation: cstat-bar var(--cstat-dur, 4000ms) linear both; }
@keyframes cstat-bar { to { transform: scaleX(1); } }
.cstat.is-open .cstat__open > * { animation: cstat-in 380ms cubic-bezier(0.2, 0.6, 0.2, 1) both; }
.cstat.is-open .cstat__text { animation-delay: 70ms; }
.cstat.is-open .cstat__rows { animation-delay: 140ms; }
.cstat:not(.is-open) .cstat__closed { animation: cstat-fade 320ms ease both; }
@keyframes cstat-in { from { opacity: 0; transform: translateY(8px); } }
@keyframes cstat-fade { from { opacity: 0; } }
.cstat { transition: flex-grow 520ms cubic-bezier(0.2, 0.6, 0.2, 1), filter 160ms ease; }
@media (prefers-reduced-motion: reduce) { .cstat, .cstat * { animation: none !important; transition: none !important; } }

/* Вариант C: аккордеон, все карточки в один ряд без прокрутки */
@media (min-width: 1101px) {
  .hero__stats.cstats--acc { overflow: visible; scroll-snap-type: none; }
  .cstats--acc .cstat { flex: 1 1 0; height: 320px; }
  .cstats--acc .cstat.is-open { flex: 3.4 1 0; }
  .cstats--acc .cstat__closed { padding: 20px 12px 22px; }
  .cstats--acc .cstat__closed .cstat__icon { width: 40px; height: 40px; }
  .cstats--acc .cstat__closed strong { font-size: 30px; }
  .cstats--acc .cstat--long .cstat__closed strong { font-size: 20px; }
  .cstats--acc .cstat--word .cstat__closed strong { font-size: 13px; }
  .cstats--acc .cstat__open { min-width: 340px; }
}

/* Карточка «время работы»: две ровные строки, размер как у длинных значений */
.cstat .cstat__hours { display: grid; grid-template-columns: auto auto; justify-content: start; align-items: baseline; column-gap: 12px; row-gap: 2px; white-space: nowrap; font-variant-numeric: tabular-nums; line-height: 1; }
.cstat__h { display: contents; }
.cstat__h em { font-style: normal; font-family: var(--font-body, 'Montserrat', sans-serif); font-weight: 700; font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: #8a8a8e; }
.cstat--hours .cstat__closed .cstat__hours { font-size: 34px; }
.cstat--hours .cstat__head .cstat__hours { font-size: 30px; }
@media (max-width: 720px) { .cstat--hours .cstat__closed .cstat__hours { font-size: 30px; } .cstat--hours .cstat__head .cstat__hours { font-size: 24px; } .cstats--acc .cstat--hours .cstat__closed .cstat__hours { font-size: 20px; } }
.cstat__row em { white-space: pre-line; text-align: right; font-variant-numeric: tabular-nums; line-height: 1.35; }

/* Мобильная лента: карточки не обрезаются — высота по самому высокому содержимому, одинаковая в открытом и закрытом виде */
@media (max-width: 1100px) {
  .cstat, .cstat.is-open { display: grid; height: auto; min-height: 230px; }
  .cstat > .cstat__closed, .cstat > .cstat__open { grid-area: 1 / 1; height: auto; min-height: 100%; }
  .cstat.is-open .cstat__closed, .cstat:not(.is-open) .cstat__open { display: flex; visibility: hidden; pointer-events: none; }
  .cstat__row { align-items: flex-start; }
}