/* Quiz Mafia Event — волна 3, блок claude-1: шесть страниц "Другие форматы"
   (neigry, gromkiy-vopros, quiz-bitva-polov, show-kazhetsya-naschupal,
   podmoskovnye-vechera, what_a_show). Общий шаблон, свой префикс на каждый slug —
   qm-neigry, qm-gromkiy, qm-bitvapolov, qm-nashchupal, qm-podmoskovnye, qm-whatashow.
   Сетку qm-container, qm-row, qm-col-* не трогаем — она задана home.css.
   Значения (цвета, шрифты, отступы) сняты с эталонов resources/orig-site/{slug}.html.
   Брейкпоинты 576, 768, 992, 1200, как везде в проекте. */

.qm-neigry, .qm-gromkiy, .qm-bitvapolov, .qm-nashchupal, .qm-podmoskovnye, .qm-whatashow {
  background: #000;
  color: #fff;
  font-family: "Oswald", sans-serif;
}
.page__content .qm-neigry section,
.page__content .qm-gromkiy section,
.page__content .qm-bitvapolov section,
.page__content .qm-nashchupal section,
.page__content .qm-podmoskovnye section,
.page__content .qm-whatashow section {
  padding: 0;
}
.qm-neigry img, .qm-gromkiy img, .qm-bitvapolov img, .qm-nashchupal img,
.qm-podmoskovnye img, .qm-whatashow img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ==========================================================================
   Hero
   ========================================================================== */
.page__content section.qm-neigry__hero,
.page__content section.qm-gromkiy__hero,
.page__content section.qm-bitvapolov__hero,
.page__content section.qm-nashchupal__hero,
.page__content section.qm-podmoskovnye__hero,
.page__content section.qm-whatashow__hero {
  background: #000;
  padding: 20px 0 30px;
  overflow: visible;
}
@media (min-width: 992px) {
  .page__content section.qm-neigry__hero,
  .page__content section.qm-gromkiy__hero,
  .page__content section.qm-bitvapolov__hero,
  .page__content section.qm-nashchupal__hero,
  .page__content section.qm-podmoskovnye__hero,
  .page__content section.qm-whatashow__hero {
    padding: 10px 0 16px;
  }
}
.qm-neigry__hero-row, .qm-gromkiy__hero-row, .qm-bitvapolov__hero-row,
.qm-nashchupal__hero-row, .qm-podmoskovnye__hero-row, .qm-whatashow__hero-row {
  row-gap: 20px;
  align-items: center;
}
.qm-neigry__hero-text, .qm-gromkiy__hero-text, .qm-bitvapolov__hero-text,
.qm-nashchupal__hero-text, .qm-podmoskovnye__hero-text, .qm-whatashow__hero-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .qm-neigry__hero-text, .qm-gromkiy__hero-text, .qm-bitvapolov__hero-text,
  .qm-nashchupal__hero-text, .qm-podmoskovnye__hero-text, .qm-whatashow__hero-text {
    text-align: left;
  }
}
.qm-neigry__h1, .qm-gromkiy__h1, .qm-bitvapolov__h1,
.qm-nashchupal__h1, .qm-podmoskovnye__h1, .qm-whatashow__h1 {
  font-family: "Oswald", sans-serif;
  font-size: var(--qm-h1);
  font-weight: 500;
  line-height: 1.15;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .qm-neigry__h1, .qm-gromkiy__h1, .qm-bitvapolov__h1,
  .qm-nashchupal__h1, .qm-podmoskovnye__h1, .qm-whatashow__h1 {
    margin-bottom: 30px;
  }
}
.qm-neigry__lead, .qm-gromkiy__lead, .qm-bitvapolov__lead,
.qm-nashchupal__lead, .qm-podmoskovnye__lead, .qm-whatashow__lead {
  font-size: var(--qm-copy-size);
  line-height: 1.6;
  margin: 0 0 20px;
}
.qm-neigry__lead p, .qm-gromkiy__lead p, .qm-bitvapolov__lead p,
.qm-nashchupal__lead p, .qm-podmoskovnye__lead p, .qm-whatashow__lead p {
  margin: 0 0 12px;
}
.qm-neigry__lead p:last-child, .qm-gromkiy__lead p:last-child, .qm-bitvapolov__lead p:last-child,
.qm-nashchupal__lead p:last-child, .qm-podmoskovnye__lead p:last-child, .qm-whatashow__lead p:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .qm-neigry__lead, .qm-gromkiy__lead, .qm-bitvapolov__lead,
  .qm-nashchupal__lead, .qm-podmoskovnye__lead, .qm-whatashow__lead {
    margin-bottom: 35px;
  }
}
.qm-neigry__stars, .qm-gromkiy__stars, .qm-bitvapolov__stars,
.qm-nashchupal__stars, .qm-podmoskovnye__stars, .qm-whatashow__stars {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.qm-neigry__hero-actions, .qm-gromkiy__hero-actions, .qm-bitvapolov__hero-actions,
.qm-nashchupal__hero-actions, .qm-podmoskovnye__hero-actions, .qm-whatashow__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 10px 0 12px;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .qm-neigry__hero-actions, .qm-gromkiy__hero-actions, .qm-bitvapolov__hero-actions,
  .qm-nashchupal__hero-actions, .qm-podmoskovnye__hero-actions, .qm-whatashow__hero-actions {
    justify-content: flex-start;
  }
}
.qm-neigry__hero-media, .qm-gromkiy__hero-media, .qm-bitvapolov__hero-media,
.qm-nashchupal__hero-media, .qm-podmoskovnye__hero-media, .qm-whatashow__hero-media {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
}
@media (min-width: 768px) {
  .qm-neigry__hero-media, .qm-gromkiy__hero-media, .qm-bitvapolov__hero-media,
  .qm-nashchupal__hero-media, .qm-podmoskovnye__hero-media, .qm-whatashow__hero-media {
    justify-content: flex-end;
  }
}
.qm-neigry__hero-media img, .qm-gromkiy__hero-media img, .qm-bitvapolov__hero-media img,
.qm-nashchupal__hero-media img, .qm-podmoskovnye__hero-media img, .qm-whatashow__hero-media img {
  width: 100%;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.qm-neigry__btn, .qm-gromkiy__btn, .qm-bitvapolov__btn,
.qm-nashchupal__btn, .qm-podmoskovnye__btn, .qm-whatashow__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
  font-family: "Oswald", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  padding: 8px 16px;
  border: 1px solid transparent;
  transition: background-color .2s, color .2s, border-color .2s;
}
.qm-neigry__btn--hero, .qm-gromkiy__btn--hero, .qm-bitvapolov__btn--hero,
.qm-nashchupal__btn--hero, .qm-podmoskovnye__btn--hero, .qm-whatashow__btn--hero {
  border: 1px solid #dbdbdb;
  color: #dbdbdb;
  background: transparent;
  padding: 8px;
}
.qm-neigry__btn--hero:hover, .qm-gromkiy__btn--hero:hover, .qm-bitvapolov__btn--hero:hover,
.qm-nashchupal__btn--hero:hover, .qm-podmoskovnye__btn--hero:hover, .qm-whatashow__btn--hero:hover,
.qm-neigry__btn--hero:focus, .qm-gromkiy__btn--hero:focus, .qm-bitvapolov__btn--hero:focus,
.qm-nashchupal__btn--hero:focus, .qm-podmoskovnye__btn--hero:focus, .qm-whatashow__btn--hero:focus {
  background: #dbdbdb;
  color: #383838;
  border-color: #dbdbdb;
}
.qm-neigry__btn--phone, .qm-gromkiy__btn--phone, .qm-bitvapolov__btn--phone,
.qm-nashchupal__btn--phone, .qm-podmoskovnye__btn--phone, .qm-whatashow__btn--phone {
  background: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 22%);
  border-radius: 3px;
  padding: 8px 35px;
}
.qm-neigry__btn--phone:hover, .qm-gromkiy__btn--phone:hover, .qm-bitvapolov__btn--phone:hover,
.qm-nashchupal__btn--phone:hover, .qm-podmoskovnye__btn--phone:hover, .qm-whatashow__btn--phone:hover {
  background: hsl(0, 0%, 96%);
}
.qm-neigry__btn--max, .qm-gromkiy__btn--max, .qm-bitvapolov__btn--max,
.qm-nashchupal__btn--max, .qm-podmoskovnye__btn--max, .qm-whatashow__btn--max {
  background: hsl(259, 100%, 61%);
  color: hsl(259, 100%, 99%);
  border-radius: 3px;
  padding: 8px 35px;
}
.qm-neigry__btn--max:hover, .qm-gromkiy__btn--max:hover, .qm-bitvapolov__btn--max:hover,
.qm-nashchupal__btn--max:hover, .qm-podmoskovnye__btn--max:hover, .qm-whatashow__btn--max:hover {
  background: hsl(259, 100%, 71%);
}
.qm-neigry__btn--telegram, .qm-gromkiy__btn--telegram, .qm-bitvapolov__btn--telegram,
.qm-nashchupal__btn--telegram, .qm-podmoskovnye__btn--telegram, .qm-whatashow__btn--telegram {
  background: hsl(212, 100%, 64%);
  color: #fff;
  border-radius: 3px;
  padding: 8px 35px;
}
.qm-neigry__btn--telegram:hover, .qm-gromkiy__btn--telegram:hover, .qm-bitvapolov__btn--telegram:hover,
.qm-nashchupal__btn--telegram:hover, .qm-podmoskovnye__btn--telegram:hover, .qm-whatashow__btn--telegram:hover {
  background: hsl(212, 100%, 74%);
}
.qm-neigry__btn:focus-visible, .qm-gromkiy__btn:focus-visible, .qm-bitvapolov__btn:focus-visible,
.qm-nashchupal__btn:focus-visible, .qm-podmoskovnye__btn:focus-visible, .qm-whatashow__btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

/* ==========================================================================
   Wave separator (чёрный ↔ серый переход между секциями)
   ========================================================================== */
.qm-neigry__wave, .qm-gromkiy__wave, .qm-bitvapolov__wave,
.qm-nashchupal__wave, .qm-podmoskovnye__wave, .qm-whatashow__wave {
  display: block;
  height: 70px;
  margin: -2px 0;
  line-height: 0;
  overflow: hidden;
  background: #000;
}
.qm-neigry__wave-svg, .qm-gromkiy__wave-svg, .qm-bitvapolov__wave-svg,
.qm-nashchupal__wave-svg, .qm-podmoskovnye__wave-svg, .qm-whatashow__wave-svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .qm-neigry__wave, .qm-gromkiy__wave, .qm-bitvapolov__wave,
  .qm-nashchupal__wave, .qm-podmoskovnye__wave, .qm-whatashow__wave {
    height: 80px;
  }
}

/* ==========================================================================
   Title band (заголовок секции на сером фоне)
   ========================================================================== */
.page__content section.qm-neigry__title-band,
.page__content section.qm-gromkiy__title-band,
.page__content section.qm-bitvapolov__title-band,
.page__content section.qm-nashchupal__title-band,
.page__content section.qm-podmoskovnye__title-band,
.page__content section.qm-whatashow__title-band {
  background: hsl(220, 9%, 94%);
  padding: 20px 0;
}
.qm-neigry__title-h2, .qm-gromkiy__title-h2, .qm-bitvapolov__title-h2,
.qm-nashchupal__title-h2, .qm-podmoskovnye__title-h2, .qm-whatashow__title-h2 {
  margin: 0;
  color: #111;
  font-size: var(--qm-copy-h2);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

/* ==========================================================================
   Text block (интро-абзацы / списки, чёрный либо серый фон)
   ========================================================================== */
.page__content section.qm-neigry__text,
.page__content section.qm-gromkiy__text,
.page__content section.qm-bitvapolov__text,
.page__content section.qm-nashchupal__text,
.page__content section.qm-podmoskovnye__text,
.page__content section.qm-whatashow__text {
  padding: 30px 0;
}
.qm-neigry__text--gray, .qm-gromkiy__text--gray, .qm-bitvapolov__text--gray,
.qm-nashchupal__text--gray, .qm-podmoskovnye__text--gray, .qm-whatashow__text--gray {
  background: hsl(220, 9%, 94%);
  color: #111;
}
.qm-neigry__text--black, .qm-gromkiy__text--black, .qm-bitvapolov__text--black,
.qm-nashchupal__text--black, .qm-podmoskovnye__text--black, .qm-whatashow__text--black {
  background: #000;
  color: #fff;
}
.qm-neigry__text p, .qm-gromkiy__text p, .qm-bitvapolov__text p,
.qm-nashchupal__text p, .qm-podmoskovnye__text p, .qm-whatashow__text p,
.qm-neigry__text ul, .qm-gromkiy__text ul, .qm-bitvapolov__text ul,
.qm-nashchupal__text ul, .qm-podmoskovnye__text ul, .qm-whatashow__text ul {
  margin: 0 0 var(--qm-copy-gap);
  font-size: var(--qm-copy-size);
  line-height: var(--qm-copy-lh);
}
.qm-neigry__text ul, .qm-gromkiy__text ul, .qm-bitvapolov__text ul,
.qm-nashchupal__text ul, .qm-podmoskovnye__text ul, .qm-whatashow__text ul {
  padding-left: 22px;
}
.qm-neigry__text li, .qm-gromkiy__text li, .qm-bitvapolov__text li,
.qm-nashchupal__text li, .qm-podmoskovnye__text li, .qm-whatashow__text li {
  margin-bottom: 8px;
}
.qm-neigry__text p:last-child, .qm-gromkiy__text p:last-child, .qm-bitvapolov__text p:last-child,
.qm-nashchupal__text p:last-child, .qm-podmoskovnye__text p:last-child, .qm-whatashow__text p:last-child,
.qm-neigry__text ul:last-child, .qm-gromkiy__text ul:last-child, .qm-bitvapolov__text ul:last-child,
.qm-nashchupal__text ul:last-child, .qm-podmoskovnye__text ul:last-child, .qm-whatashow__text ul:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   Media (текст + картинка в две колонки)
   ========================================================================== */
.page__content section.qm-neigry__media,
.page__content section.qm-gromkiy__media,
.page__content section.qm-bitvapolov__media,
.page__content section.qm-nashchupal__media,
.page__content section.qm-podmoskovnye__media,
.page__content section.qm-whatashow__media {
  background: #000;
  padding: 30px 0;
}
.qm-neigry__media-row, .qm-gromkiy__media-row, .qm-bitvapolov__media-row,
.qm-nashchupal__media-row, .qm-podmoskovnye__media-row, .qm-whatashow__media-row {
  align-items: center;
  row-gap: 20px;
}
.qm-neigry__media-copy p, .qm-gromkiy__media-copy p, .qm-bitvapolov__media-copy p,
.qm-nashchupal__media-copy p, .qm-podmoskovnye__media-copy p, .qm-whatashow__media-copy p,
.qm-neigry__media-copy ul, .qm-gromkiy__media-copy ul, .qm-bitvapolov__media-copy ul,
.qm-nashchupal__media-copy ul, .qm-podmoskovnye__media-copy ul, .qm-whatashow__media-copy ul {
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 1.6;
}
.qm-neigry__media-copy ul, .qm-gromkiy__media-copy ul, .qm-bitvapolov__media-copy ul,
.qm-nashchupal__media-copy ul, .qm-podmoskovnye__media-copy ul, .qm-whatashow__media-copy ul {
  padding-left: 22px;
}
.qm-neigry__media-copy p:first-child, .qm-gromkiy__media-copy p:first-child, .qm-bitvapolov__media-copy p:first-child,
.qm-nashchupal__media-copy p:first-child, .qm-podmoskovnye__media-copy p:first-child, .qm-whatashow__media-copy p:first-child {
  font-weight: 700;
  text-transform: uppercase;
}

/* ==========================================================================
   Cards (две колонки текста без картинок)
   ========================================================================== */
.page__content section.qm-neigry__cards,
.page__content section.qm-gromkiy__cards,
.page__content section.qm-bitvapolov__cards,
.page__content section.qm-nashchupal__cards,
.page__content section.qm-podmoskovnye__cards,
.page__content section.qm-whatashow__cards {
  background: #000;
  padding: 10px 0 40px;
}
.qm-neigry__card p, .qm-gromkiy__card p, .qm-bitvapolov__card p,
.qm-nashchupal__card p, .qm-podmoskovnye__card p, .qm-whatashow__card p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.6;
}
.qm-neigry__card p:last-child, .qm-gromkiy__card p:last-child, .qm-bitvapolov__card p:last-child,
.qm-nashchupal__card p:last-child, .qm-podmoskovnye__card p:last-child, .qm-whatashow__card p:last-child {
  margin-bottom: 0;
}
.qm-neigry__card ul, .qm-gromkiy__card ul, .qm-bitvapolov__card ul,
.qm-nashchupal__card ul, .qm-podmoskovnye__card ul, .qm-whatashow__card ul {
  margin: 0 0 14px;
  padding-left: 22px;
}

/* ==========================================================================
   Intro cards (карточки "Угадай мелодию / Где логика / Неигры" — what_a_show)
   ========================================================================== */
.page__content section.qm-whatashow__intro-cards {
  background: #000;
  padding: 10px 0 40px;
}
.qm-whatashow__intro-card {
  margin-bottom: 24px;
  padding: 20px 15px;
  border-top: 2px solid #b30000;
}
.qm-whatashow__intro-card-title {
  margin: 0 0 20px;
  font-size: var(--qm-card-h);
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  padding: 0 0 0 10px;
  border-left: 5px solid var(--qm-rule);
}
@media (min-width: 992px) {
  .qm-whatashow__intro-card-title {
    padding-left: 0;
    border-left: 0;
  }
  .qm-whatashow__intro-card-title::after {
    content: "";
    display: block;
    width: var(--qm-rule-w);
    margin: 30px auto 0 0;
    border-top: 10px solid var(--qm-rule);
  }
}
.qm-whatashow__intro-card-text {
  margin: 0;
  font-size: var(--qm-copy-size);
  line-height: var(--qm-copy-lh);
  color: #ccc;
}

/* ==========================================================================
   Single full-width image
   ========================================================================== */
.page__content section.qm-neigry__image,
.page__content section.qm-gromkiy__image,
.page__content section.qm-bitvapolov__image,
.page__content section.qm-nashchupal__image,
.page__content section.qm-podmoskovnye__image,
.page__content section.qm-whatashow__image {
  background: #000;
  padding: 0;
  text-align: center;
}

/* У картинки этих секций не было своего правила: работал только глобальный
   `max-width:100%`, и на широком экране фото вставало в свои 1300px, а справа
   оставалась чёрная полоса (скриншот владельца, /podmoskovnye-vechera, 1920px).
   Секция полноэкранная, поэтому тянем картинку на всю её ширину. */
.qm-neigry__image img,
.qm-gromkiy__image img,
.qm-bitvapolov__image img,
.qm-nashchupal__image img,
.qm-podmoskovnye__image img,
.qm-whatashow__image img,
.qm-neigry__media img,
.qm-gromkiy__media img,
.qm-bitvapolov__media img,
.qm-nashchupal__media img,
.qm-podmoskovnye__media img,
.qm-whatashow__media img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* ==========================================================================
   Gallery + лайтбокс (свой, не .qm-gallery главной и не .qm-gamepage-lb)
   ========================================================================== */
.page__content section.qm-neigry__gallery,
.page__content section.qm-gromkiy__gallery,
.page__content section.qm-bitvapolov__gallery,
.page__content section.qm-nashchupal__gallery,
.page__content section.qm-podmoskovnye__gallery,
.page__content section.qm-whatashow__gallery {
  background: #000;
  padding: 0;
}
.qm-neigry__gallery-grid, .qm-gromkiy__gallery-grid, .qm-bitvapolov__gallery-grid,
.qm-nashchupal__gallery-grid, .qm-podmoskovnye__gallery-grid, .qm-whatashow__gallery-grid {
  display: flex;
  flex-wrap: wrap;
}
.qm-neigry__gcell, .qm-gromkiy__gcell, .qm-bitvapolov__gcell,
.qm-nashchupal__gcell, .qm-podmoskovnye__gcell, .qm-whatashow__gcell {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: #000;
  cursor: pointer;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}
.qm-neigry__gcell:focus, .qm-gromkiy__gcell:focus, .qm-bitvapolov__gcell:focus,
.qm-nashchupal__gcell:focus, .qm-podmoskovnye__gcell:focus, .qm-whatashow__gcell:focus {
  outline: 2px solid #ff1f2a;
  outline-offset: -2px;
  z-index: 1;
}
.qm-neigry__gcell img, .qm-gromkiy__gcell img, .qm-bitvapolov__gcell img,
.qm-nashchupal__gcell img, .qm-podmoskovnye__gcell img, .qm-whatashow__gcell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.qm-neigry__gcell:hover img, .qm-gromkiy__gcell:hover img, .qm-bitvapolov__gcell:hover img,
.qm-nashchupal__gcell:hover img, .qm-podmoskovnye__gcell:hover img, .qm-whatashow__gcell:hover img,
.qm-neigry__gcell:focus img, .qm-gromkiy__gcell:focus img, .qm-bitvapolov__gcell:focus img,
.qm-nashchupal__gcell:focus img, .qm-podmoskovnye__gcell:focus img, .qm-whatashow__gcell:focus img {
  transform: scale(1.08);
}
/* Три фото: оригинал Bitrix `col-12 col-sm-4` (quiz-bitva-polov.html b1803).
   На мобилке столбик по одной на строку. 50% даёт 2+1 и пустой чёрный квадрат. */
.qm-neigry__gallery-grid--cols-3 .qm-neigry__gcell,
.qm-gromkiy__gallery-grid--cols-3 .qm-gromkiy__gcell,
.qm-bitvapolov__gallery-grid--cols-3 .qm-bitvapolov__gcell,
.qm-nashchupal__gallery-grid--cols-3 .qm-nashchupal__gcell,
.qm-podmoskovnye__gallery-grid--cols-3 .qm-podmoskovnye__gcell,
.qm-whatashow__gallery-grid--cols-3 .qm-whatashow__gcell {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  .qm-neigry__gallery-grid--cols-3 .qm-neigry__gcell,
  .qm-gromkiy__gallery-grid--cols-3 .qm-gromkiy__gcell,
  .qm-bitvapolov__gallery-grid--cols-3 .qm-bitvapolov__gcell,
  .qm-nashchupal__gallery-grid--cols-3 .qm-nashchupal__gcell,
  .qm-podmoskovnye__gallery-grid--cols-3 .qm-podmoskovnye__gcell,
  .qm-whatashow__gallery-grid--cols-3 .qm-whatashow__gcell {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
.qm-neigry__gallery-grid--cols-4 .qm-neigry__gcell,
.qm-gromkiy__gallery-grid--cols-4 .qm-gromkiy__gcell,
.qm-bitvapolov__gallery-grid--cols-4 .qm-bitvapolov__gcell,
.qm-nashchupal__gallery-grid--cols-4 .qm-nashchupal__gcell,
.qm-podmoskovnye__gallery-grid--cols-4 .qm-podmoskovnye__gcell,
.qm-whatashow__gallery-grid--cols-4 .qm-whatashow__gcell {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (min-width: 576px) {
  .qm-neigry__gallery-grid--cols-4 .qm-neigry__gcell,
  .qm-gromkiy__gallery-grid--cols-4 .qm-gromkiy__gcell,
  .qm-bitvapolov__gallery-grid--cols-4 .qm-bitvapolov__gcell,
  .qm-nashchupal__gallery-grid--cols-4 .qm-nashchupal__gcell,
  .qm-podmoskovnye__gallery-grid--cols-4 .qm-podmoskovnye__gcell,
  .qm-whatashow__gallery-grid--cols-4 .qm-whatashow__gcell {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

/* Лайтбокс — общий виджет блока claude-1, свой namespace qm-w3lb
   (не .qm-gallery главной, не .qm-gamepage-lb восьми игровых страниц). */
html.qm-w3lb-open {
  overflow: hidden;
}
.qm-w3lb {
  position: fixed;
  inset: 0;
  z-index: 260;
  background: rgba(0, 0, 0, .92);
}
.qm-w3lb[hidden] {
  display: none;
}
.qm-w3lb__dialog {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  outline: none;
}
.qm-w3lb__figure {
  margin: 0;
  max-width: 90vw;
  max-height: 90vh;
}
.qm-w3lb__img {
  display: block;
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
}
.qm-w3lb__img.is-error {
  visibility: hidden;
}
.qm-w3lb__status {
  margin: 12px 0 0;
  color: #fff;
  text-align: center;
  font-family: "Oswald", sans-serif;
}
.qm-w3lb__close, .qm-w3lb__prev, .qm-w3lb__next {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .14);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.qm-w3lb__close:hover, .qm-w3lb__prev:hover, .qm-w3lb__next:hover,
.qm-w3lb__close:focus, .qm-w3lb__prev:focus, .qm-w3lb__next:focus {
  background: rgba(255, 255, 255, .28);
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.qm-w3lb__close {
  top: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  z-index: 2;
}
.qm-w3lb__prev, .qm-w3lb__next {
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  z-index: 2;
}
.qm-w3lb__prev { left: 12px; }
.qm-w3lb__next { right: 12px; }

/* ==========================================================================
   Tariffs
   ========================================================================== */
.page__content section.qm-neigry__tariffs,
.page__content section.qm-gromkiy__tariffs,
.page__content section.qm-bitvapolov__tariffs,
.page__content section.qm-nashchupal__tariffs,
.page__content section.qm-podmoskovnye__tariffs,
.page__content section.qm-whatashow__tariffs {
  background: #000;
  padding: 50px 0 20px;
}
/* Карточки тарифов переведены на общий компонент 11.09.2026 (пункт 2 правок
   владельца): .qm-tcards / .qm-tcard в home.css, разметка —
   site/partials/tariff-card.blade.php. Удалён прежний набор
   .qm-<ns>__tariff-row / __tariff / -inner / -title / -sub / -rule / -price /
   -price--soft / -price-text / -lines. */

/* ==========================================================================
   Call help
   ========================================================================== */
.page__content section.qm-neigry__call-help,
.page__content section.qm-gromkiy__call-help,
.page__content section.qm-bitvapolov__call-help,
.page__content section.qm-nashchupal__call-help,
.page__content section.qm-podmoskovnye__call-help,
.page__content section.qm-whatashow__call-help {
  background: #000;
  padding: 100px 0 50px;
}
.qm-neigry__call-help-row, .qm-gromkiy__call-help-row, .qm-bitvapolov__call-help-row,
.qm-nashchupal__call-help-row, .qm-podmoskovnye__call-help-row, .qm-whatashow__call-help-row {
  align-items: center;
  justify-content: center;
  row-gap: 20px;
}
.qm-neigry__call-help-media img, .qm-gromkiy__call-help-media img, .qm-bitvapolov__call-help-media img,
.qm-nashchupal__call-help-media img, .qm-podmoskovnye__call-help-media img, .qm-whatashow__call-help-media img {
  display: block;
  width: 200px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
.qm-neigry__call-help-copy, .qm-gromkiy__call-help-copy, .qm-bitvapolov__call-help-copy,
.qm-nashchupal__call-help-copy, .qm-podmoskovnye__call-help-copy, .qm-whatashow__call-help-copy {
  text-align: center;
}
@media (min-width: 992px) {
  .qm-neigry__call-help-media, .qm-gromkiy__call-help-media, .qm-bitvapolov__call-help-media,
  .qm-nashchupal__call-help-media, .qm-podmoskovnye__call-help-media, .qm-whatashow__call-help-media {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 8.333333%;
  }
  .qm-neigry__call-help-media img, .qm-gromkiy__call-help-media img, .qm-bitvapolov__call-help-media img,
  .qm-nashchupal__call-help-media img, .qm-podmoskovnye__call-help-media img, .qm-whatashow__call-help-media img {
    width: 100%;
    margin: 0;
  }
  .qm-neigry__call-help-copy, .qm-gromkiy__call-help-copy, .qm-bitvapolov__call-help-copy,
  .qm-nashchupal__call-help-copy, .qm-podmoskovnye__call-help-copy, .qm-whatashow__call-help-copy {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
}
.qm-neigry__call-help-title, .qm-gromkiy__call-help-title, .qm-bitvapolov__call-help-title,
.qm-nashchupal__call-help-title, .qm-podmoskovnye__call-help-title, .qm-whatashow__call-help-title {
  color: #fff;
  margin: 0 0 10px;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
.qm-neigry__call-help-phone, .qm-gromkiy__call-help-phone, .qm-bitvapolov__call-help-phone,
.qm-nashchupal__call-help-phone, .qm-podmoskovnye__call-help-phone, .qm-whatashow__call-help-phone {
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 700;
}
.qm-neigry__call-help-phone a, .qm-gromkiy__call-help-phone a, .qm-bitvapolov__call-help-phone a,
.qm-nashchupal__call-help-phone a, .qm-podmoskovnye__call-help-phone a, .qm-whatashow__call-help-phone a {
  color: #d32f2f;
  text-decoration: none;
}
.qm-neigry__call-help-phone a:hover, .qm-gromkiy__call-help-phone a:hover, .qm-bitvapolov__call-help-phone a:hover,
.qm-nashchupal__call-help-phone a:hover, .qm-podmoskovnye__call-help-phone a:hover, .qm-whatashow__call-help-phone a:hover {
  text-decoration: underline;
}
.qm-neigry__call-help-text, .qm-gromkiy__call-help-text, .qm-bitvapolov__call-help-text,
.qm-nashchupal__call-help-text, .qm-podmoskovnye__call-help-text, .qm-whatashow__call-help-text {
  margin: 0;
  font-size: 24px;
}

/* ==========================================================================
   Contacts
   ========================================================================== */
.page__content section.qm-neigry__contacts,
.page__content section.qm-gromkiy__contacts,
.page__content section.qm-bitvapolov__contacts,
.page__content section.qm-nashchupal__contacts,
.page__content section.qm-podmoskovnye__contacts,
.page__content section.qm-whatashow__contacts {
  background: #000;
  padding: 0;
}
.qm-neigry__contacts-row, .qm-gromkiy__contacts-row, .qm-bitvapolov__contacts-row,
.qm-nashchupal__contacts-row, .qm-podmoskovnye__contacts-row, .qm-whatashow__contacts-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px 0 30px;
}

/* ==========================================================================
   Hosts
   ========================================================================== */
.page__content section.qm-neigry__hosts-title,
.page__content section.qm-gromkiy__hosts-title,
.page__content section.qm-bitvapolov__hosts-title,
.page__content section.qm-nashchupal__hosts-title,
.page__content section.qm-podmoskovnye__hosts-title,
.page__content section.qm-whatashow__hosts-title {
  background: hsl(220, 9%, 94%);
  padding: 8px 0 16px;
}
.qm-neigry__hosts-title h2, .qm-gromkiy__hosts-title h2, .qm-bitvapolov__hosts-title h2,
.qm-nashchupal__hosts-title h2, .qm-podmoskovnye__hosts-title h2, .qm-whatashow__hosts-title h2 {
  margin: 0;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.page__content section.qm-neigry__hosts,
.page__content section.qm-gromkiy__hosts,
.page__content section.qm-bitvapolov__hosts,
.page__content section.qm-nashchupal__hosts,
.page__content section.qm-podmoskovnye__hosts,
.page__content section.qm-whatashow__hosts {
  background: #000;
  padding: 30px 0;
}
.qm-neigry__hosts-row, .qm-gromkiy__hosts-row, .qm-bitvapolov__hosts-row,
.qm-nashchupal__hosts-row, .qm-podmoskovnye__hosts-row, .qm-whatashow__hosts-row {
  justify-content: center;
}
.qm-neigry__host, .qm-gromkiy__host, .qm-bitvapolov__host,
.qm-nashchupal__host, .qm-podmoskovnye__host, .qm-whatashow__host {
  text-align: center;
  margin-bottom: 30px;
}
.qm-neigry__host-img, .qm-gromkiy__host-img, .qm-bitvapolov__host-img,
.qm-nashchupal__host-img, .qm-podmoskovnye__host-img, .qm-whatashow__host-img {
  margin: 0 auto 20px;
  border-radius: 4px;
}
.qm-neigry__host-name, .qm-gromkiy__host-name, .qm-bitvapolov__host-name,
.qm-nashchupal__host-name, .qm-podmoskovnye__host-name, .qm-whatashow__host-name {
  color: #fff;
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.qm-neigry__host-text, .qm-gromkiy__host-text, .qm-bitvapolov__host-text,
.qm-nashchupal__host-text, .qm-podmoskovnye__host-text, .qm-whatashow__host-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, .82);
}

/* ==========================================================================
   FAQ (только neigry, quiz-bitva-polov, show-kazhetsya-naschupal, what_a_show)
   ========================================================================== */
.page__content section.qm-neigry__faq,
.page__content section.qm-bitvapolov__faq,
.page__content section.qm-nashchupal__faq,
.page__content section.qm-whatashow__faq {
  background: #000;
  padding: 0;
}
.qm-neigry__faq-band, .qm-bitvapolov__faq-band, .qm-nashchupal__faq-band, .qm-whatashow__faq-band {
  background: hsl(220, 9%, 94%);
  padding: 30px 0;
}
.qm-neigry__faq-heading, .qm-bitvapolov__faq-heading, .qm-nashchupal__faq-heading, .qm-whatashow__faq-heading {
  margin: 0;
  color: #000;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.qm-neigry__faq-body, .qm-bitvapolov__faq-body, .qm-nashchupal__faq-body, .qm-whatashow__faq-body {
  background: #000;
  padding: 30px 0;
}
.qm-neigry__faq-item + .qm-neigry__faq-item,
.qm-bitvapolov__faq-item + .qm-bitvapolov__faq-item,
.qm-nashchupal__faq-item + .qm-nashchupal__faq-item,
.qm-whatashow__faq-item + .qm-whatashow__faq-item {
  margin-top: 10px;
}
.qm-neigry__faq-q, .qm-bitvapolov__faq-q, .qm-nashchupal__faq-q, .qm-whatashow__faq-q {
  margin: 0;
}
.qm-neigry__faq-toggle, .qm-bitvapolov__faq-toggle, .qm-nashchupal__faq-toggle, .qm-whatashow__faq-toggle {
  display: block;
  width: 100%;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  background: none;
  color: #919191;
  font-family: "Oswald", sans-serif;
  font-size: var(--qm-faq);
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 576px) {
  .qm-neigry__faq-toggle, .qm-bitvapolov__faq-toggle, .qm-nashchupal__faq-toggle, .qm-whatashow__faq-toggle {
    font-size: var(--qm-faq);
  }
}
.qm-neigry__faq-toggle:hover, .qm-bitvapolov__faq-toggle:hover, .qm-nashchupal__faq-toggle:hover, .qm-whatashow__faq-toggle:hover,
.qm-neigry__faq-toggle:hover .qm-neigry__faq-label,
.qm-bitvapolov__faq-toggle:hover .qm-bitvapolov__faq-label,
.qm-nashchupal__faq-toggle:hover .qm-nashchupal__faq-label,
.qm-whatashow__faq-toggle:hover .qm-whatashow__faq-label {
  color: #fff;
}
.qm-neigry__faq-toggle:focus-visible, .qm-bitvapolov__faq-toggle:focus-visible,
.qm-nashchupal__faq-toggle:focus-visible, .qm-whatashow__faq-toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.qm-neigry__faq-num, .qm-bitvapolov__faq-num, .qm-nashchupal__faq-num, .qm-whatashow__faq-num {
  color: #ff1f2a;
  font-weight: 700;
}
.qm-neigry__faq-a, .qm-bitvapolov__faq-a, .qm-nashchupal__faq-a, .qm-whatashow__faq-a {
  margin: 0;
  padding: 16px 0 4px;
  color: #fff;
  font-size: 16px;
  line-height: 1.55;
}
.qm-neigry__faq-panel[hidden], .qm-bitvapolov__faq-panel[hidden],
.qm-nashchupal__faq-panel[hidden], .qm-whatashow__faq-panel[hidden] {
  display: none;
}
/* Стрелка FAQ — общий .qm-faq__caret с главной, не ::after. */
.qm-neigry__faq-toggle, .qm-gromkiy__faq-toggle, .qm-bitvapolov__faq-toggle,
.qm-nashchupal__faq-toggle, .qm-podmoskovnye__faq-toggle, .qm-whatashow__faq-toggle {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 8px;
}
.qm-neigry__faq-toggle::after, .qm-gromkiy__faq-toggle::after, .qm-bitvapolov__faq-toggle::after,
.qm-nashchupal__faq-toggle::after, .qm-podmoskovnye__faq-toggle::after, .qm-whatashow__faq-toggle::after {
  content: none;
}

@media (prefers-reduced-motion: reduce) {
  .qm-neigry__btn, .qm-gromkiy__btn, .qm-bitvapolov__btn,
  .qm-nashchupal__btn, .qm-podmoskovnye__btn, .qm-whatashow__btn,
  .qm-neigry__gcell img, .qm-gromkiy__gcell img, .qm-bitvapolov__gcell img,
  .qm-nashchupal__gcell img, .qm-podmoskovnye__gcell img, .qm-whatashow__gcell img {
    transition: none;
  }
}