/* Второй экран. Стили ограничены новым блоком. */
.club-meeting {
  position: relative;
  isolation: isolate;
  margin-top: -40px;
  margin-bottom: 48px;
  padding: 64px 28px 70px;
  border-bottom: 1px solid #eee9df;
  background: #fff;
  color: #24221e;
  text-align: center;
}

.club-meeting .meeting-inner {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.club-meeting .meeting-title {
  margin: 0 auto;
  max-width: 960px;
  font-family: 'Bebas Neue', Arial, sans-serif;
  font-weight: 700;
  font-size: clamp(35px, 4.5vw, 52px);
  line-height: 1.16;
  letter-spacing: 1px;
  text-wrap: balance;
}

.club-meeting .meeting-title::before {
  content: '';
  display: block;
  width: 44px;
  height: 2px;
  margin: 0 auto 22px;
  background: #b5955a;
}

.club-meeting .meeting-figure { margin: 0; }

.club-meeting .meeting-stage {
  position: relative;
  max-width: 960px;
  margin: 28px auto 0;
  padding: 16px 32px 36px;
}

.club-meeting .meeting-stage::after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 8px;
  left: 12%;
  right: 12%;
  height: 24px;
  border-radius: 50%;
  background: #1b17152e;
  filter: blur(19px);
}

.club-meeting .meeting-tablet {
  position: relative;
  width: 100%;
  padding: 21px 24px;
  border: 1px solid #777779;
  border-radius: 32px;
  background: linear-gradient(145deg, #333335, #101012 46%, #262628);
  box-shadow:
    inset 0 0 0 2px #b3b3b51f,
    inset 0 0 0 4px #080809,
    1px 3px 0 #a5a5a7,
    2px 7px 0 #454547,
    3px 9px 0 #202022,
    7px 23px 38px #211b1726;
}

/* Камера и боковые клавиши — декоративные, не перекрывают плеер. */
.club-meeting .meeting-camera {
  position: absolute;
  top: 8px;
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border: 1px solid #363b44;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #394859, #07090d 65%);
  pointer-events: none;
}

.club-meeting .meeting-tablet::before {
  content: '';
  position: absolute;
  top: 64px;
  left: -3px;
  width: 3px;
  height: 42px;
  border-radius: 2px 0 0 2px;
  background: linear-gradient(#8a8a8b, #333334);
  pointer-events: none;
}

.club-meeting .meeting-screen {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  border: 1px solid #080808;
  border-radius: 13px;
  background: #101010;
}

.club-meeting .meeting-video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.club-meeting .meeting-caption {
  max-width: 760px;
  margin: 23px auto 0;
  color: #625b50;
  font-size: 18px;
  line-height: 1.8;
  text-wrap: pretty;
}

@media (max-width: 767px) {
  .club-meeting { padding: 48px 20px 50px; margin-bottom: 36px; }
  .club-meeting .meeting-title { max-width: 520px; font-size: 37px; letter-spacing: .5px; }
  .club-meeting .meeting-title::before { margin-bottom: 19px; }
  .club-meeting .meeting-stage { margin-top: 25px; padding: 10px 8px 25px; }
  .club-meeting .meeting-tablet {
    padding: 15px 17px;
    border-radius: 24px;
    box-shadow: inset 0 0 0 2px #b3b3b51f, inset 0 0 0 3px #080809, 1px 3px 0 #a5a5a7, 2px 6px 0 #343436, 4px 17px 27px #211b1726;
  }
  .club-meeting .meeting-camera { top: 5px; width: 5px; height: 5px; left: calc(50% - 2.5px); }
  .club-meeting .meeting-tablet::before { top: 44px; height: 25px; }
  .club-meeting .meeting-screen { border-radius: 9px; }
  .club-meeting .meeting-caption { max-width: 540px; margin-top: 15px; font-size: 16px; line-height: 1.8; }
}

@media (max-width: 420px) {
  .club-meeting { padding: 42px 16px 43px; }
  .club-meeting .meeting-title { font-size: 33px; }
  .club-meeting .meeting-stage { padding-inline: 3px; }
  .club-meeting .meeting-tablet { padding: 12px 13px; border-radius: 20px; }
  .club-meeting .meeting-camera { top: 4px; width: 4px; height: 4px; left: calc(50% - 2px); }
  .club-meeting .meeting-screen { border-radius: 7px; }
}

@media print {
  .club-meeting .meeting-tablet { box-shadow: none; }
}