/* СТРАНИЦА НАПРАВЛЕНИЯ — продолжение экскурсии, а не отдельный сайт: тот же тёмный фон,
   тот же жёлтый акцент, тот же шрифт. Человек ушёл со сцены посмотреть подробности и
   должен чувствовать, что остался в том же клубе.

   Порядок блоков продиктован вопросами гостя: что это → как выглядит → когда открыто и
   что взять с собой → сколько стоит → как записаться. */

html.place, body.place{background:#151915;color:#fff}
body.place{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;padding-bottom:40px}

.pl-head{
  position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px 5vw;background:#151915f2;border-bottom:1px solid #2a2f28;backdrop-filter:blur(8px);
}
.pl-back{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#fff}
.pl-back:hover{color:var(--yellow)}
.pl-head .brand{width:84px}

.pl-hero{position:relative;height:min(56svh,420px);overflow:hidden}
.pl-hero img{width:100%;height:100%;object-fit:cover;display:block}
.pl-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#151915 2%,#15191500 60%)}
.pl-hero-text{position:absolute;left:5vw;right:5vw;bottom:22px;z-index:2}
.pl-hero-text .eyebrow{color:#fffce7;margin-bottom:10px}
.pl-hero-text h1{margin:0;font-size:clamp(30px,6vw,52px);line-height:1.05;letter-spacing:-.04em;font-weight:400}

.pl-wrap{max-width:900px;margin:0 auto;padding:0 5vw}
.pl-lead{font-size:17px;line-height:1.6;color:#ffffffde;margin:24px 0 0}

.pl-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.pl-shots img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}

.pl-section{margin-top:34px}
.pl-section h2{font-size:13px;letter-spacing:.16em;color:#f1ce45;font-weight:400;margin:0 0 14px;text-transform:uppercase}

.pl-facts{display:grid;gap:10px}
.pl-fact{display:flex;gap:14px;align-items:baseline;border-bottom:1px solid #262b25;padding-bottom:10px}
.pl-fact b{font-weight:400;color:#8e968a;font-size:13px;flex:0 0 128px}
.pl-fact span{color:#fff;font-size:15px}

.pl-prices{display:grid;gap:8px}
.pl-price{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  border:1px solid #2a2f28;border-radius:12px;padding:13px 16px;background:#1a1f1a;
}
.pl-price .name{font-size:15px}
.pl-price .note{display:block;font-size:12px;color:#8e968a;margin-top:3px}
.pl-price .sum{font-size:17px;white-space:nowrap;color:var(--yellow)}
.pl-note{font-size:13px;color:#8e968a;margin-top:12px}

.pl-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:18px}
.pl-btn{
  display:inline-flex;align-items:center;gap:12px;background:var(--yellow);color:var(--ink);
  border-radius:40px;padding:14px 22px;font-size:15px;font-weight:700;
}
.pl-btn:hover{filter:brightness(1.06)}
.pl-btn-ghost{
  display:inline-flex;align-items:center;gap:10px;border:1px solid #ffffff40;border-radius:40px;
  padding:13px 20px;font-size:14px;color:#fff;
}
.pl-btn-ghost:hover{border-color:var(--yellow);color:var(--yellow)}

.pl-foot{max-width:900px;margin:36px auto 0;padding:20px 5vw 0;border-top:1px solid #262b25;
  display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#8e968a}
.pl-foot a{color:#8e968a;border-bottom:1px solid #3a4038;padding-bottom:2px}
.pl-foot a:hover{color:#fff}

@media(max-width:620px){
  body.place{font-size:15px}
  .pl-hero{height:min(46svh,320px)}
  .pl-shots{grid-template-columns:1fr 1fr;gap:8px}
  .pl-shots img:first-child{grid-column:1 / -1;aspect-ratio:16/10}
  .pl-fact{flex-direction:column;gap:3px}
  .pl-fact b{flex:none}
  .pl-btn{flex:1 1 100%;justify-content:center}
}