@charset "UTF-8";
/* Страница клуба.
   __panel — светлая панель «О площадке» + цены: продолжает подложку плашек club-hero (до xl она начинается
   под фото, поэтому сверху без скругления), на xl сама наезжает на фото на 32 со скруглением сверху.
   Снизу — скругление 24 / 28 / 32 и наезд на преимущества (z-index 2 — они уходят под нижние углы).
   __gallery — тёмная подложка галереи (у секции своего фона нет) и поля вокруг неё по макету: сверху +40 / +80 / 0
   (до галереи 120 / 160 / 80), снизу +56 / +80 / +32 — запас под ленту мероприятий, выступающую над своей
   панелью до xl, и под наезд панели на xl (в макете от галереи до ленты 96 / 84, до панели 80).
   __map — карта и «Другие площадки» — один тёмный блок: от карты до заголовка 64 / 80 / 200
   (поле карты 0 / 0 / 80 + верхнее поле секции 64 / 80 / 120). */
.club-detail__panel {
  position: relative;
  z-index: 2;
  margin-bottom: calc(var(--radius-24) * -1);
  background-color: var(--color-gray-light);
  border-radius: 0 0 var(--radius-24) var(--radius-24);
}
@media (min-width: 768px) {
  .club-detail__panel {
    margin-bottom: calc(var(--radius-28) * -1);
    border-radius: 0 0 var(--radius-28) var(--radius-28);
  }
}
@media (min-width: 1280px) {
  .club-detail__panel {
    margin-block: calc(var(--radius-32) * -1);
    border-radius: var(--radius-32);
  }
}
.club-detail__gallery {
  padding-top: 2.5rem;
  padding-bottom: 3.5rem;
  background-color: var(--color-black);
}
@media (min-width: 768px) {
  .club-detail__gallery {
    padding-block: 5rem;
  }
}
@media (min-width: 1280px) {
  .club-detail__gallery {
    padding-top: 0;
    padding-bottom: 2rem;
  }
}
.club-detail__map {
  padding-bottom: 0;
}
@media (min-width: 1280px) {
  .club-detail__map {
    padding-bottom: 5rem;
  }
}