/* =====================================================================
   KORPORATIV.CSS — Club Liberty · страница «Корпоративы» (/korporativ/)
   Только то, чего нет в events.css: полоса фактов, сезонный блок,
   сетка залов, три формата в ряд, «что есть» в три колонки.
   Подключается ПОСЛЕ base.css и events.css. Все селекторы — свои классы,
   общие компоненты events.css не переопределяются.
   ===================================================================== */

/* ==== BLOCK: FACTS — start ==== */
.kfacts{border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2); background:var(--bg-2)}
.kfacts-in{display:grid; grid-template-columns:repeat(4,1fr); gap:0}
.kfacts-in > div{padding:26px 22px; border-left:1px solid var(--line-2); min-width:0}
.kfacts-in > div:first-child{border-left:0}
.kfacts b{display:block; font-family:var(--disp); font-weight:700; text-transform:uppercase;
  font-size:30px; line-height:1.05; color:var(--gold)}
.kfacts span{display:block; margin-top:6px; font-size:14px; color:var(--muted)}
/* ==== BLOCK: FACTS — end ==== */

/* ==== BLOCK: SEASON — start ==== */
.ksea{position:relative; border:1px solid var(--line); border-radius:16px; padding:46px 44px;
  background:linear-gradient(135deg, rgba(226,59,46,.16), rgba(230,169,72,.06) 60%, transparent)}
.ksea h2{font-family:var(--disp); text-transform:uppercase; font-weight:700; font-size:44px; line-height:1.02; margin-top:10px}
.ksea p{color:var(--muted); max-width:60ch; margin:16px 0 26px; font-size:17px}
/* ==== BLOCK: SEASON — end ==== */

/* ==== BLOCK: FORMATS (3 в ряд) — start ==== */
.formats--3{grid-template-columns:repeat(3,1fr)}
/* ==== BLOCK: FORMATS (3 в ряд) — end ==== */

/* ==== BLOCK: HALLS — start ==== */
.halls{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.hall{border:1px solid var(--line-2); border-radius:14px; overflow:hidden; background:var(--bg-2); min-width:0}
.hall-img{aspect-ratio:4/3; overflow:hidden; background:var(--bg-3)}
.hall-img img{width:100%; height:100%; object-fit:cover; display:block}
.hall-b{padding:18px 20px 20px}
.hall-b h3{font-family:var(--disp); text-transform:uppercase; font-weight:700; font-size:26px; line-height:1}
.hall-m{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 10px}
.hall-m span{font-size:12px; font-family:var(--disp); text-transform:uppercase; letter-spacing:.08em;
  padding:4px 9px; border:1px solid var(--line); border-radius:999px; color:var(--gold)}
.hall-b p{font-size:14px; color:var(--muted)}
.halls-more{margin-top:18px}
.halls-more a{color:var(--gold); font-family:var(--disp); text-transform:uppercase; letter-spacing:.08em; font-size:14px}
/* ==== BLOCK: HALLS — end ==== */

/* ==== BLOCK: INCLUDED (3 колонки) — start ==== */
.incl--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.incl--3 > div{min-width:0}
.incl--3 .t, .incl--3 .d{padding:0; background:none; border:0; border-radius:0}
.incl--3 a{color:var(--gold); text-decoration:underline}
/* ==== BLOCK: INCLUDED (3 колонки) — end ==== */

/* ==== BLOCK: RESPONSIVE (korporativ) — start ==== */
@media (max-width:980px){
  .kfacts-in{grid-template-columns:repeat(2,1fr)}
  .kfacts-in > div:nth-child(3){border-left:0}
  .kfacts-in > div:nth-child(n+3){border-top:1px solid var(--line-2)}
  .formats--3{grid-template-columns:1fr 1fr}
  .halls{grid-template-columns:repeat(2,1fr)}
  .incl--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .ksea{padding:30px 22px}
  .ksea h2{font-size:32px}
  .kfacts b{font-size:24px}
  .kfacts-in > div{padding:20px 16px}
  .formats--3{grid-template-columns:1fr}
  .halls{grid-template-columns:1fr}
  .incl--3{grid-template-columns:1fr}
}
/* ==== BLOCK: RESPONSIVE (korporativ) — end ==== */