/* ==========================================================================
   qme-blocks.css — единый вид одинаковых по смыслу блоков на всех страницах.

   Подключать ПОСЛЕДНИМ (в resources/views/layouts/app.blade.php после
   qme-type.css, строка 116). Без !important: перекрытие обеспечивается
   тем, что файл идёт позже при равной специфичности, а там, где комплект
   поднял вес (chatgpt1 пишет `.{ns} .{ns}-*`), здесь повторена ровно
   та же связка классов.

   Эталон — главная страница (public/assets/css/home.css). Где блока на
   главной нет — самый распространённый вариант. Номера строк в комментариях
   указывают источник эталонного значения.

   Кегли заголовков и ответов FAQ намеренно берутся из переменных
   (quizmafia.css:1248-1272), потому что их всё равно диктует
   qme-type.css:40-44 `body.page h2{font-size:var(--qm-h2)}` и
   qme-type.css:58-62 — спорить с этим правилом бессмысленно.
   ========================================================================== */


/* ==========================================================================
   1. ЗАГОЛОВКИ СЕКЦИЙ (h2)
   ========================================================================== */

/* 1.1 Заголовок блока «ведущие» и заголовок FAQ на светлой подложке.
   Эталон: home.css:1024-1032 (.qm-faq__heading) — 700, line-height 1.2,
   #000, по центру, БЕЗ uppercase. Правим 1.6 у home/gamepage/claude1. */
.qm-hosts-banner__title,                       /* home, было line-height 1.6 (home.css:501-509) */
.qm-gamepage__hosts-title h2,                  /* gamepage, было 1.6 */
.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,                 /* claude1, line-height наследовался 1.6 */
.qm-neigry__faq-heading,
.qm-bitvapolov__faq-heading,
.qm-nashchupal__faq-heading,
.qm-whatashow__faq-heading,                    /* claude1: FAQ размечен только у этих четырёх */
.qm-hostdj-people__heading,
.qm-hostdj-faq__heading {                      /* unique */
  margin: 0;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: var(--qm-h2);
  line-height: 1.2;
  text-align: center;
  text-transform: none;
}

/* 1.2 chatgpt1: заголовки «Профессиональные ведущие» и «Ответы на частые
   вопросы» вынесены в text-секции, кегль задан утилитарными классами
   (42/33/28/25px) и базовым .{ns}-heading (40px + uppercase).
   Приводим к эталону home. Все три класса видимости получают один размер —
   тройка секций-дублей начинает выглядеть как один заголовок. */
.qm-aishow .qm-aishow-text-e70912e51,
.qm-aishow .qm-aishow-text-0d1446fbc,
.qm-aishow .qm-aishow-text-ca39d2f14,
.qm-fokusniki .qm-fokusniki-text-e70912e51,
.qm-fokusniki .qm-fokusniki-text-0d1446fbc,
.qm-fokusniki .qm-fokusniki-text-ca39d2f14,
.qm-muzukaliti .qm-muzukaliti-text-e70912e51,
.qm-muzukaliti .qm-muzukaliti-text-0d1446fbc,
.qm-muzukaliti .qm-muzukaliti-text-ca39d2f14,
.qm-muzukaliti .qm-muzukaliti-text-f4fe5ee68,  /* заголовок ведущих, ≥992 */
.qm-muzukaliti .qm-muzukaliti-text-883e66d44,  /* заголовок ведущих, ≤767.98 */
.qm-nazad90 .qm-nazad90-text-e70912e51,
.qm-nazad90 .qm-nazad90-text-0d1446fbc,
.qm-nazad90 .qm-nazad90-text-ca39d2f14,
.qm-standup .qm-standup-text-e70912e51,
.qm-standup .qm-standup-text-0d1446fbc,
.qm-standup .qm-standup-text-ca39d2f14 {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: var(--qm-h2);
  line-height: 1.2;
  text-transform: none;                        /* base .{ns}-heading давал uppercase */
}

/* 1.3 chatgpt1: заголовок карточной секции. Кегль 32px/28px (mobile) был
   живым, потому что .{ns}-cards-title (0,2,0) сильнее body.page h2.
   Уравниваем с остальными комплектами; uppercase оставляем — он есть у
   таких секций и на главной (home.css:387-395, 717). */
.qm-aishow .qm-aishow-cards-title,
.qm-comedyshow .qm-comedyshow-cards-title,
.qm-fokusniki .qm-fokusniki-cards-title,
.qm-muzukaliti .qm-muzukaliti-cards-title,
.qm-nazad90 .qm-nazad90-cards-title,
.qm-standup .qm-standup-cards-title {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: var(--qm-h2);
  line-height: 1.2;
}

/* 1.4 Светлая полоса под заголовком: эталон home.css:1019-1022
   (.qm-faq__band — #eeeff1, 30px 0). У gamepage и claude1 было 8px 0 16px.
   Цвет hsl(220,9%,94%) вычисляется ровно в #eeeff1, поэтому не трогаем. */
.page__content section.qm-gamepage__hosts-title,
.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 {
  padding: 30px 0;
}


/* ==========================================================================
   2. БЛОК «ПРОФЕССИОНАЛЬНЫЕ ВЕДУЩИЕ»
   Эталон: home.css:523-575 (.qm-hosts / .qm-hosts__col / __card / __img /
   __name / __text). В комплекте cursor блока нет — там ничего не правим.
   ========================================================================== */

/* 2.1 Секция. У unique отступ был вынесен в сетку (padding-top у грида),
   приводим к home: 30px сверху и снизу у самой секции. */
.page__content section.qm-hostdj-people {
  padding: 30px 0;
}
.qm-hostdj-people__grid {
  padding-top: 0;
}

/* 2.2 Неполный последний ряд центрируется везде (требование владельца;
   на главной это home.css:540-548 — justify-content:center на .qm-hosts__row). */
.qm-hosts__row,
.qm-gamepage__hosts-row,
.qm-neigry__hosts-row,
.qm-gromkiy__hosts-row,
.qm-bitvapolov__hosts-row,
.qm-nashchupal__hosts-row,
.qm-podmoskovnye__hosts-row,
.qm-whatashow__hosts-row,
.qm-muzukaliti .qm-muzukaliti-hosts > .qm-container > .qm-row,  /* вместо глобального
    section[class*="-hosts"] > .qm-container > .qm-row из qme-wave3-chatgpt1.css:1144-1146 */
.qm-hostdj-people__grid {
  justify-content: center;
}

/* 2.3 Карточка: home.css:549-552 (text-align:center; padding-top:10px)
   + home.css:533-539 (margin-bottom:30px у колонки).
   claude1 не имел padding-top, chatgpt1 держал отступ снизу паддингом. */
.qm-neigry__host,
.qm-gromkiy__host,
.qm-bitvapolov__host,
.qm-nashchupal__host,
.qm-podmoskovnye__host,
.qm-whatashow__host {
  padding-top: 10px;
  margin-bottom: 30px;
}
.qm-muzukaliti .qm-muzukaliti-host {
  padding-bottom: 0;
  margin-bottom: 30px;
}

/* 2.4 Три колонки с 768px — как на главной (home.css:540-548).
   У gamepage и claude1 было 2 колонки на 768 и 3 только с 992.
   ВАЖНО: ширину задаём КОЛОНКЕ (.qm-col-md-6), а не карточке .*__host —
   карточка это <article> ВНУТРИ колонки, и flex-basis на ней ужимает
   содержимое до трети колонки (проверено 15.09.2026 на /ugadaj_melodiyu/:
   фото схлопывалось до ~130px, текст переносился по два слова). */
@media (min-width: 768px) {
  .qm-gamepage__hosts-row > .qm-col-md-6,
  .qm-neigry__hosts-row > .qm-col-md-6,
  .qm-gromkiy__hosts-row > .qm-col-md-6,
  .qm-bitvapolov__hosts-row > .qm-col-md-6,
  .qm-nashchupal__hosts-row > .qm-col-md-6,
  .qm-podmoskovnye__hosts-row > .qm-col-md-6,
  .qm-whatashow__hosts-row > .qm-col-md-6 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

/* 2.5 Фото: home.css:553-558 — натуральная ширина (400px из каталога),
   не растягивается на всю колонку, отбивка снизу 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 30px;                          /* было 0 auto 20px */
}
.qm-muzukaliti .qm-muzukaliti-host .qm-muzukaliti-image {
  width: auto;                                  /* было width:100% — на мобиле растягивалось */
  max-width: 100%;
  margin: 0 auto 30px;
}

/* 2.6 Имя: home.css:559-567 — 700 18px/1.4 Oswald, uppercase, #fff, 0 0 20px. */
.qm-gamepage__host-name,
.qm-neigry__host-name,
.qm-gromkiy__host-name,
.qm-bitvapolov__host-name,
.qm-nashchupal__host-name,
.qm-podmoskovnye__host-name,
.qm-whatashow__host-name,
.qm-hostdj-people__name,
.qm-muzukaliti .qm-muzukaliti-host-title {
  margin: 0 0 20px;
  font: 700 18px/1.4 "Oswald", sans-serif;
  text-transform: uppercase;
  color: #fff;
}

/* 2.7 Текст: home.css:568-575 — 400 15px/1.6, letter-spacing 1px, #fff. */
.qm-gamepage__host-text,
.qm-neigry__host-text,
.qm-gromkiy__host-text,
.qm-bitvapolov__host-text,
.qm-nashchupal__host-text,
.qm-podmoskovnye__host-text,
.qm-whatashow__host-text,
.qm-hostdj-people__text {
  margin: 0;
  font: 400 15px/1.6 "Oswald", sans-serif;
  letter-spacing: 1px;
  color: #fff;                                  /* было rgba(255,255,255,.8) / .82 */
}
.qm-muzukaliti .qm-muzukaliti-rich.qm-muzukaliti-text-628b5c517 {
  letter-spacing: 1px;                          /* остальное уже совпадает */
}


/* ==========================================================================
   3. FAQ «ОТВЕТЫ НА ЧАСТЫЕ ВОПРОСЫ»
   Эталон: home.css:1014-1157. Стрелка .qm-faq__caret и раскладка
   button/summary:has(> .qm-faq__caret) (home.css:1100-1134) уже общие —
   ни align-items, ни gap здесь не переопределяем.
   ========================================================================== */

/* 3.1 chatgpt1: секция FAQ получала padding 30px со всех сторон из
   утилитарного класса. Эталон — home.css:1034-1037 (.qm-faq__body 30px 0),
   боковые отступы даёт .qm-container. */
.qm-aishow .qm-aishow-faq,
.qm-fokusniki .qm-fokusniki-faq,
.qm-muzukaliti .qm-muzukaliti-faq,
.qm-nazad90 .qm-nazad90-faq,
.qm-standup .qm-standup-faq {
  padding: 30px 0;
}

/* 3.2 Пункт аккордеона: home.css:1043-1046 — #111 с рамкой #2a2a2a,
   собственных отступов нет (их держит кнопка). */
.qm-gamepage__faq-item,
.qm-neigry__faq-item,
.qm-bitvapolov__faq-item,
.qm-nashchupal__faq-item,
.qm-whatashow__faq-item,
.qm-karaoke-faq__item,
.qm-kalyan-faq__item,
.qm-vyezdnoybar-faq__item,
.qm-gogo-faq__item,
.qm-vinokazino-faq__item,
.qm-fankazino-faq__item,
.qm-sigarnoe-faq__item,
.qm-kubinskaya-faq__item,
.qm-russkiy-faq__item,
.qm-feb23-faq__item,
.qm-mart8-faq__item,
.qm-newyear-faq__item,
.qm-contacts-faq__item,
.qm-hostdj-faq__item,
.qm-aishow .qm-aishow-disclosure,
.qm-fokusniki .qm-fokusniki-disclosure,
.qm-muzukaliti .qm-muzukaliti-disclosure,
.qm-nazad90 .qm-nazad90-disclosure,
.qm-standup .qm-standup-disclosure {
  margin: 0;
  padding: 0;
  border: 1px solid #2a2a2a;
  background: #111;
}

/* 3.3 Зазор между пунктами: home.css:1039-1041 — 10px.
   (contacts было 20px 0, chatgpt1 — 0 0 20px.) */
.qm-gamepage__faq-item + .qm-gamepage__faq-item,
.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,
.qm-karaoke-faq__item + .qm-karaoke-faq__item,
.qm-kalyan-faq__item + .qm-kalyan-faq__item,
.qm-vyezdnoybar-faq__item + .qm-vyezdnoybar-faq__item,
.qm-gogo-faq__item + .qm-gogo-faq__item,
.qm-vinokazino-faq__item + .qm-vinokazino-faq__item,
.qm-fankazino-faq__item + .qm-fankazino-faq__item,
.qm-sigarnoe-faq__item + .qm-sigarnoe-faq__item,
.qm-kubinskaya-faq__item + .qm-kubinskaya-faq__item,
.qm-russkiy-faq__item + .qm-russkiy-faq__item,
.qm-feb23-faq__item + .qm-feb23-faq__item,
.qm-mart8-faq__item + .qm-mart8-faq__item,
.qm-newyear-faq__item + .qm-newyear-faq__item,
.qm-contacts-faq__item + .qm-contacts-faq__item,
.qm-hostdj-faq__item + .qm-hostdj-faq__item,
.qm-aishow .qm-aishow-disclosure + .qm-aishow-disclosure,
.qm-fokusniki .qm-fokusniki-disclosure + .qm-fokusniki-disclosure,
.qm-muzukaliti .qm-muzukaliti-disclosure + .qm-muzukaliti-disclosure,
.qm-nazad90 .qm-nazad90-disclosure + .qm-nazad90-disclosure,
.qm-standup .qm-standup-disclosure + .qm-standup-disclosure {
  margin-top: 10px;
}

/* 3.4 Вопрос: home.css:1055-1072 — 500 var(--qm-faq)/1.4 Oswald, #e6e6e6,
   padding 14px 16px, без рамок и фона. Убирает разнобой 26px/23px/30px
   (chatgpt1), border-bottom (claude1), padding 15px 8px 15px 0 (gamepage,
   cursor, unique) и цвета #919191 / #6e6e6e. */
.qm-gamepage__faq-toggle,
.qm-neigry__faq-toggle,
.qm-bitvapolov__faq-toggle,
.qm-nashchupal__faq-toggle,
.qm-whatashow__faq-toggle,
.qm-karaoke-faq__toggle,
.qm-kalyan-faq__toggle,
.qm-vyezdnoybar-faq__toggle,
.qm-gogo-faq__toggle,
.qm-vinokazino-faq__toggle,
.qm-fankazino-faq__toggle,
.qm-sigarnoe-faq__toggle,
.qm-kubinskaya-faq__toggle,
.qm-russkiy-faq__toggle,
.qm-feb23-faq__toggle,
.qm-mart8-faq__toggle,
.qm-newyear-faq__toggle,
.qm-contacts-faq__toggle,
.qm-hostdj-faq__toggle,
.qm-aishow .qm-aishow-question,
.qm-fokusniki .qm-fokusniki-question,
.qm-muzukaliti .qm-muzukaliti-question,
.qm-nazad90 .qm-nazad90-question,
.qm-standup .qm-standup-question,
.qm-fokusniki .qm-fokusniki-b2136 .qm-fokusniki-question {  /* локальная заплатка 30px/#dbdbdb */
  padding: 14px 16px;
  border: 0;
  background: transparent;
  color: #e6e6e6;
  font: 500 var(--qm-faq)/1.4 "Oswald", sans-serif;
  text-align: left;
  text-transform: none;
}

/* 3.5 Ховер вопроса: home.css:1074-1077 — #fff.
   Правим только светлую карточку /kontakty, где ховер был #000. */
.qm-contacts-faq__toggle:hover,
.qm-contacts-faq__toggle:hover .qm-contacts-faq__label,
.qm-fokusniki .qm-fokusniki-b2136 .qm-fokusniki-question:hover {
  color: #fff;
}

/* 3.6 Раскрытый вопрос: home.css:1084-1087 — #fff на #1a1a1a. */
.qm-gamepage__faq-toggle[aria-expanded="true"],
.qm-neigry__faq-toggle[aria-expanded="true"],
.qm-bitvapolov__faq-toggle[aria-expanded="true"],
.qm-nashchupal__faq-toggle[aria-expanded="true"],
.qm-whatashow__faq-toggle[aria-expanded="true"],
.qm-karaoke-faq__toggle[aria-expanded="true"],
.qm-kalyan-faq__toggle[aria-expanded="true"],
.qm-vyezdnoybar-faq__toggle[aria-expanded="true"],
.qm-gogo-faq__toggle[aria-expanded="true"],
.qm-vinokazino-faq__toggle[aria-expanded="true"],
.qm-fankazino-faq__toggle[aria-expanded="true"],
.qm-sigarnoe-faq__toggle[aria-expanded="true"],
.qm-kubinskaya-faq__toggle[aria-expanded="true"],
.qm-russkiy-faq__toggle[aria-expanded="true"],
.qm-feb23-faq__toggle[aria-expanded="true"],
.qm-mart8-faq__toggle[aria-expanded="true"],
.qm-newyear-faq__toggle[aria-expanded="true"],
.qm-contacts-faq__toggle[aria-expanded="true"],
.qm-hostdj-faq__toggle[aria-expanded="true"],
.qm-aishow .qm-aishow-disclosure[open] .qm-aishow-question,
.qm-fokusniki .qm-fokusniki-disclosure[open] .qm-fokusniki-question,
.qm-muzukaliti .qm-muzukaliti-disclosure[open] .qm-muzukaliti-question,
.qm-nazad90 .qm-nazad90-disclosure[open] .qm-nazad90-question,
.qm-standup .qm-standup-disclosure[open] .qm-standup-question {
  color: #fff;
  background: #1a1a1a;
}

/* 3.7 Панель ответа: home.css:1136-1138 — отбивка линией #2a2a2a. */
.qm-gamepage__faq-panel,
.qm-neigry__faq-panel,
.qm-bitvapolov__faq-panel,
.qm-nashchupal__faq-panel,
.qm-whatashow__faq-panel,
.qm-karaoke-faq__panel,
.qm-kalyan-faq__panel,
.qm-vyezdnoybar-faq__panel,
.qm-gogo-faq__panel,
.qm-vinokazino-faq__panel,
.qm-fankazino-faq__panel,
.qm-sigarnoe-faq__panel,
.qm-kubinskaya-faq__panel,
.qm-russkiy-faq__panel,
.qm-feb23-faq__panel,
.qm-mart8-faq__panel,
.qm-newyear-faq__panel,
.qm-contacts-faq__panel,
.qm-hostdj-faq__panel,
.qm-aishow .qm-aishow-answer,
.qm-fokusniki .qm-fokusniki-answer,
.qm-muzukaliti .qm-muzukaliti-answer,
.qm-nazad90 .qm-nazad90-answer,
.qm-standup .qm-standup-answer {
  margin-top: 0;                                /* было 35px у /kontakty */
  border-top: 1px solid #2a2a2a;
}

/* 3.8 Текст ответа: home.css:1141-1147 — padding 16px 16px 20px, #fff,
   Oswald, var(--qm-copy-size), line-height 1.5.
   Кегль у большинства и так приходит из qme-type.css:58-62; задаём его явно
   ради chatgpt1 (там было 18px, правило qme-type не ловит класс -answer). */
.qm-gamepage__faq-a,
.qm-neigry__faq-a,
.qm-bitvapolov__faq-a,
.qm-nashchupal__faq-a,
.qm-whatashow__faq-a,
.qm-karaoke-faq__panel p,
.qm-kalyan-faq__panel p,
.qm-vyezdnoybar-faq__panel p,
.qm-gogo-faq__panel p,
.qm-vinokazino-faq__panel p,
.qm-fankazino-faq__panel p,
.qm-sigarnoe-faq__panel p,
.qm-kubinskaya-faq__panel p,
.qm-russkiy-faq__panel p,
.qm-feb23-faq__panel p,
.qm-mart8-faq__panel p,
.qm-newyear-faq__panel p,
.qm-contacts-faq__panel p,
.qm-hostdj-faq__panel p,
.qm-aishow .qm-aishow-answer,
.qm-fokusniki .qm-fokusniki-answer,
.qm-muzukaliti .qm-muzukaliti-answer,
.qm-nazad90 .qm-nazad90-answer,
.qm-standup .qm-standup-answer {
  margin: 0;
  padding: 16px 16px 20px;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: var(--qm-copy-size);
  line-height: 1.5;
}


/* ==========================================================================
   4. БЛОК «МЫ ПОМОЖЕМ, ЗВОНИТЕ!»
   Эталон: home.css:679-694.
   ========================================================================== */

/* 4.1 Заголовок: home.css:684 — 700 var(--qm-h2)/1.2 Oswald, uppercase,
   #fff, margin 0 0 10px. Правит наследуемый line-height 1.6 у claude1 и
   мобильные 30px у chatgpt1. */
.qm-gamepage__call-help-title,
.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,
.qm-karaoke-help__copy h2,
.qm-kalyan-help__copy h2,
.qm-vyezdnoybar-help__copy h2,
.qm-gogo-help__copy h2,
.qm-vinokazino-help__copy h2,
.qm-fankazino-help__copy h2,
.qm-sigarnoe-help__copy h2,
.qm-kubinskaya-help__copy h2,
.qm-russkiy-help__copy h2,
.qm-feb23-help__copy h2,
.qm-mart8-help__copy h2,
.qm-newyear-help__copy h2,
.qm-contacts-help__copy h2,
.qm-pricepage-help__copy h2,
.qm-hostdj-help__copy h2,
.qm-aishow .qm-aishow-help-copy .qm-aishow-heading,
.qm-comedyshow .qm-comedyshow-help-copy .qm-comedyshow-heading,
.qm-fokusniki .qm-fokusniki-help-copy .qm-fokusniki-heading,
.qm-muzukaliti .qm-muzukaliti-help-copy .qm-muzukaliti-heading,
.qm-nazad90 .qm-nazad90-help-copy .qm-nazad90-heading,
.qm-standup .qm-standup-help-copy .qm-standup-heading {
  margin: 0 0 10px;
  font: 700 var(--qm-h2)/1.2 "Oswald", sans-serif;
  text-transform: uppercase;
  color: #fff;
}

/* 4.2 Телефон: home.css:685-687 — 700 30px/1.2, ссылка #d32f2f,
   подчёркивание по ховеру. Правим 28px у claude1 и отсутствующий ховер
   у cursor1. */
.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 10px;
  font: 700 30px/1.2 "Oswald", sans-serif;
}
.qm-karaoke-help__phone a:hover,
.qm-kalyan-help__phone a:hover,
.qm-vyezdnoybar-help__phone a:hover,
.qm-gogo-help__phone a:hover,
.qm-vinokazino-help__phone a:hover,
.qm-fankazino-help__phone a:hover {
  text-decoration: underline;
}

/* 4.3 Подпись «Ответим на вопросы»: home.css:689 — 400 30px/1.2, 0 0 25px,
   белая, без ограничения ширины. Правит 24px (claude1), 20px/1.3 (cursor1),
   18px/1.4 (cursor2), 16px/1.7 + max-width 580 + серый (unique /price). */
.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,
.qm-karaoke-help__text,
.qm-kalyan-help__text,
.qm-vyezdnoybar-help__text,
.qm-gogo-help__text,
.qm-vinokazino-help__text,
.qm-fankazino-help__text,
.qm-sigarnoe-help__text,
.qm-kubinskaya-help__text,
.qm-russkiy-help__text,
.qm-feb23-help__text,
.qm-mart8-help__text,
.qm-newyear-help__text,
.qm-contacts-help__text,
.qm-pricepage-help__text,
.qm-hostdj-help__text {
  margin: 0 0 25px;
  max-width: none;
  font: 400 30px/1.2 "Oswald", sans-serif;
  color: #fff;
}

/* 4.4 Ряд: у claude1 был лишний row-gap 20px поверх отбивки картинки. */
.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 {
  row-gap: 0;
}

/* 4.5 unique: две колонки включались с 768px. Возвращаем диапазон
   768–991.98 к одноколоночному виду главной (home.css:690-694). */
@media (min-width: 768px) and (max-width: 991.98px) {
  .qm-contacts-help__media,
  .qm-pricepage-help__media,
  .qm-hostdj-help__media,
  .qm-contacts-help__copy,
  .qm-pricepage-help__copy,
  .qm-hostdj-help__copy {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .qm-contacts-help__copy,
  .qm-pricepage-help__copy,
  .qm-hostdj-help__copy {
    text-align: center;
  }
  .qm-contacts-help__media img,
  .qm-pricepage-help__media img,
  .qm-hostdj-help__media img {
    width: 200px;
    margin: 0 auto 30px;
  }
}

/* 4.6 cursor1 и cursor2: блок вообще не перестраивался.
   Добавляем эталонную раскладку главной с 992px (home.css:690-694). */
@media (min-width: 992px) {
  .qm-karaoke-help__media,
  .qm-kalyan-help__media,
  .qm-vyezdnoybar-help__media,
  .qm-gogo-help__media,
  .qm-vinokazino-help__media,
  .qm-fankazino-help__media,
  .qm-sigarnoe-help__media,
  .qm-kubinskaya-help__media,
  .qm-russkiy-help__media,
  .qm-feb23-help__media,
  .qm-mart8-help__media,
  .qm-newyear-help__media {
    flex: 0 0 25%;
    max-width: 25%;
    margin-left: 8.333333%;
  }
  .qm-karaoke-help__media img,
  .qm-kalyan-help__media img,
  .qm-vyezdnoybar-help__media img,
  .qm-gogo-help__media img,
  .qm-vinokazino-help__media img,
  .qm-fankazino-help__media img,
  .qm-sigarnoe-help__media img,
  .qm-kubinskaya-help__media img,
  .qm-russkiy-help__media img,
  .qm-feb23-help__media img,
  .qm-mart8-help__media img,
  .qm-newyear-help__media img {
    width: auto;
    margin-bottom: 0;
  }
  .qm-karaoke-help__copy,
  .qm-kalyan-help__copy,
  .qm-vyezdnoybar-help__copy,
  .qm-gogo-help__copy,
  .qm-vinokazino-help__copy,
  .qm-fankazino-help__copy,
  .qm-sigarnoe-help__copy,
  .qm-kubinskaya-help__copy,
  .qm-russkiy-help__copy,
  .qm-feb23-help__copy,
  .qm-mart8-help__copy,
  .qm-newyear-help__copy {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: left;
  }
}


/* ==========================================================================
   5. КНОПКИ
   Эталон: home.css:696-707 (тройка «Позвонить / МАКС / Телеграм»),
   home.css:115-137 (контурная кнопка первого экрана),
   home.css:1779-1803 (.qm-scard__btn — «подробнее»),
   home.css:1599-1615 (.qm-tcard__btn — «Заказать»).
   Скругления не задаём: их всё равно гасит qme-square.css:21-26.
   ========================================================================== */

/* 5.1 Ряд кнопок: home.css:698 — gap 20px, padding 20px 0 25px.
   claude1 имел 30px снизу, chatgpt1 — 22px. */
.qm-neigry__contacts-row,
.qm-gromkiy__contacts-row,
.qm-bitvapolov__contacts-row,
.qm-nashchupal__contacts-row,
.qm-podmoskovnye__contacts-row,
.qm-whatashow__contacts-row,
.qm-aishow .qm-aishow-buttons,
.qm-comedyshow .qm-comedyshow-buttons,
.qm-fokusniki .qm-fokusniki-buttons,
.qm-muzukaliti .qm-muzukaliti-buttons,
.qm-nazad90 .qm-nazad90-buttons,
.qm-standup .qm-standup-buttons {
  gap: 20px;
  padding: 20px 0 25px;
}

/* 5.2 Геометрия и типографика кнопки «Позвонить / МАКС / Телеграм»:
   home.css:699 — 8px 35px, 700 15px/1.4 Oswald, uppercase.
   chatgpt1 держал 400 14px/1.5 и 18px в блоке ссылок. */
.qm-aishow .qm-aishow-links .qm-aishow-button,
.qm-comedyshow .qm-comedyshow-links .qm-comedyshow-button,
.qm-fokusniki .qm-fokusniki-links .qm-fokusniki-button,
.qm-muzukaliti .qm-muzukaliti-links .qm-muzukaliti-button,
.qm-nazad90 .qm-nazad90-links .qm-nazad90-button,
.qm-standup .qm-standup-links .qm-standup-button {
  padding: 8px 35px;
  border: 1px solid transparent;
  font: 700 15px/1.4 "Oswald", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

/* 5.3 Цвета МАКС и Телеграма: home.css:702-705.
   В cursor1, cursor2 и unique обе кнопки были белыми. */
.qm-karaoke__btn--solid.qm-karaoke__btn--max,
.qm-kalyan__btn--solid.qm-kalyan__btn--max,
.qm-vyezdnoybar__btn--solid.qm-vyezdnoybar__btn--max,
.qm-gogo__btn--solid.qm-gogo__btn--max,
.qm-vinokazino__btn--solid.qm-vinokazino__btn--max,
.qm-fankazino__btn--solid.qm-fankazino__btn--max,
.qm-sigarnoe__btn--solid.qm-sigarnoe__btn--max,
.qm-kubinskaya__btn--solid.qm-kubinskaya__btn--max,
.qm-russkiy__btn--solid.qm-russkiy__btn--max,
.qm-feb23__btn--solid.qm-feb23__btn--max,
.qm-mart8__btn--solid.qm-mart8__btn--max,
.qm-newyear__btn--solid.qm-newyear__btn--max,
.qm-contacts__btn--solid.qm-contacts__btn--max,
.qm-pricepage__btn--solid.qm-pricepage__btn--max,
.qm-report__btn--solid.qm-report__btn--max,
.qm-hostdj__btn--solid.qm-hostdj__btn--max {
  background: hsl(259, 100%, 61%);
  color: hsl(259, 100%, 99%);
}
.qm-karaoke__btn--solid.qm-karaoke__btn--max:hover,
.qm-kalyan__btn--solid.qm-kalyan__btn--max:hover,
.qm-vyezdnoybar__btn--solid.qm-vyezdnoybar__btn--max:hover,
.qm-gogo__btn--solid.qm-gogo__btn--max:hover,
.qm-vinokazino__btn--solid.qm-vinokazino__btn--max:hover,
.qm-fankazino__btn--solid.qm-fankazino__btn--max:hover,
.qm-sigarnoe__btn--solid.qm-sigarnoe__btn--max:hover,
.qm-kubinskaya__btn--solid.qm-kubinskaya__btn--max:hover,
.qm-russkiy__btn--solid.qm-russkiy__btn--max:hover,
.qm-feb23__btn--solid.qm-feb23__btn--max:hover,
.qm-mart8__btn--solid.qm-mart8__btn--max:hover,
.qm-newyear__btn--solid.qm-newyear__btn--max:hover,
.qm-contacts__btn--solid.qm-contacts__btn--max:hover,
.qm-pricepage__btn--solid.qm-pricepage__btn--max:hover,
.qm-report__btn--solid.qm-report__btn--max:hover,
.qm-hostdj__btn--solid.qm-hostdj__btn--max:hover {
  background: hsl(259, 100%, 71%);
}
.qm-karaoke__btn--solid.qm-karaoke__btn--telegram,
.qm-kalyan__btn--solid.qm-kalyan__btn--telegram,
.qm-vyezdnoybar__btn--solid.qm-vyezdnoybar__btn--telegram,
.qm-gogo__btn--solid.qm-gogo__btn--telegram,
.qm-vinokazino__btn--solid.qm-vinokazino__btn--telegram,
.qm-fankazino__btn--solid.qm-fankazino__btn--telegram,
.qm-sigarnoe__btn--solid.qm-sigarnoe__btn--telegram,
.qm-kubinskaya__btn--solid.qm-kubinskaya__btn--telegram,
.qm-russkiy__btn--solid.qm-russkiy__btn--telegram,
.qm-feb23__btn--solid.qm-feb23__btn--telegram,
.qm-mart8__btn--solid.qm-mart8__btn--telegram,
.qm-newyear__btn--solid.qm-newyear__btn--telegram,
.qm-contacts__btn--solid.qm-contacts__btn--telegram,
.qm-pricepage__btn--solid.qm-pricepage__btn--telegram,
.qm-report__btn--solid.qm-report__btn--telegram,
.qm-hostdj__btn--solid.qm-hostdj__btn--telegram {
  background: hsl(212, 100%, 64%);
  color: #fff;
}
.qm-karaoke__btn--solid.qm-karaoke__btn--telegram:hover,
.qm-kalyan__btn--solid.qm-kalyan__btn--telegram:hover,
.qm-vyezdnoybar__btn--solid.qm-vyezdnoybar__btn--telegram:hover,
.qm-gogo__btn--solid.qm-gogo__btn--telegram:hover,
.qm-vinokazino__btn--solid.qm-vinokazino__btn--telegram:hover,
.qm-fankazino__btn--solid.qm-fankazino__btn--telegram:hover,
.qm-sigarnoe__btn--solid.qm-sigarnoe__btn--telegram:hover,
.qm-kubinskaya__btn--solid.qm-kubinskaya__btn--telegram:hover,
.qm-russkiy__btn--solid.qm-russkiy__btn--telegram:hover,
.qm-feb23__btn--solid.qm-feb23__btn--telegram:hover,
.qm-mart8__btn--solid.qm-mart8__btn--telegram:hover,
.qm-newyear__btn--solid.qm-newyear__btn--telegram:hover,
.qm-contacts__btn--solid.qm-contacts__btn--telegram:hover,
.qm-pricepage__btn--solid.qm-pricepage__btn--telegram:hover,
.qm-report__btn--solid.qm-report__btn--telegram:hover,
.qm-hostdj__btn--solid.qm-hostdj__btn--telegram:hover {
  background: hsl(212, 100%, 74%);
}

/* 5.4 Контурная кнопка первого экрана: home.css:115-131 — padding 8px,
   рамка и текст #dbdbdb, 700 15px/1.4 uppercase.
   cursor и unique давали ей 8px 35px, chatgpt1 — 10px 16px и вес 400. */
.qm-karaoke__btn--outline,
.qm-kalyan__btn--outline,
.qm-vyezdnoybar__btn--outline,
.qm-gogo__btn--outline,
.qm-vinokazino__btn--outline,
.qm-fankazino__btn--outline,
.qm-sigarnoe__btn--outline,
.qm-kubinskaya__btn--outline,
.qm-russkiy__btn--outline,
.qm-feb23__btn--outline,
.qm-mart8__btn--outline,
.qm-newyear__btn--outline,
.qm-report__btn--outline,
.qm-hostdj__btn--outline,
.qm-aishow .qm-aishow-button,
.qm-comedyshow .qm-comedyshow-button,
.qm-fokusniki .qm-fokusniki-button,
.qm-muzukaliti .qm-muzukaliti-button,
.qm-nazad90 .qm-nazad90-button,
.qm-standup .qm-standup-button {
  padding: 8px;
  border: 1px solid #dbdbdb;
  background: transparent;
  color: #dbdbdb;
  font: 700 15px/1.4 "Oswald", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

/* 5.5 «Пилюли» в split-блоках — это та же кнопка «Позвонить».
   Приводим к home.css:699-701. */
.qm-gamepage__btn--pill,
.qm-karaoke-split__btn,
.qm-kalyan-split__btn,
.qm-vyezdnoybar-split__btn,
.qm-gogo-split__btn,
.qm-vinokazino-split__btn,
.qm-fankazino-split__btn,
.qm-aishow .qm-aishow-split-copy .qm-aishow-button,
.qm-comedyshow .qm-comedyshow-split-copy .qm-comedyshow-button,
.qm-fokusniki .qm-fokusniki-split-copy .qm-fokusniki-button,
.qm-muzukaliti .qm-muzukaliti-split-copy .qm-muzukaliti-button,
.qm-nazad90 .qm-nazad90-split-copy .qm-nazad90-button,
.qm-standup .qm-standup-split-copy .qm-standup-button {
  padding: 8px 35px;
  border: 1px solid transparent;
  background: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 22%);
  font: 700 15px/1.4 "Oswald", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

/* 5.6 Кнопка «Подробнее». Эталон — общий компонент карточки услуги
   home.css:1779-1803 (.qm-scard__btn): 12px 26px, 600 15px/1.35,
   рамка 2px и текст #ff1f2a. Убирает бутстраповский #dc3545 и 16px. */
.qm-recommendations .quiz-btn,
.qm-sigarnoe-cards__btn,
.qm-kubinskaya-cards__btn,
.qm-russkiy-cards__btn,
.qm-feb23-cards__btn,
.qm-mart8-cards__btn,
.qm-newyear-cards__btn,
.qm-hostdj-extras__btn,
.qm-hostdj-packs__btn,
.qm-pricepage-card__more,
.qm-aishow .qm-aishow-cards .qm-aishow-button,
.qm-comedyshow .qm-comedyshow-cards .qm-comedyshow-button,
.qm-fokusniki .qm-fokusniki-cards .qm-fokusniki-button,
.qm-muzukaliti .qm-muzukaliti-cards .qm-muzukaliti-button,
.qm-nazad90 .qm-nazad90-cards .qm-nazad90-button,
.qm-standup .qm-standup-cards .qm-standup-button {
  padding: 12px 26px;
  border: 2px solid #ff1f2a;
  background: transparent;
  color: #ff1f2a;
  font: 600 15px/1.35 "Oswald", sans-serif;
  letter-spacing: normal;                       /* было .08em у /price */
  text-transform: uppercase;
  text-decoration: none;
}
.qm-recommendations .quiz-btn:hover,
.qm-recommendations .quiz-btn:focus-visible,
.qm-sigarnoe-cards__btn:hover,
.qm-kubinskaya-cards__btn:hover,
.qm-russkiy-cards__btn:hover,
.qm-feb23-cards__btn:hover,
.qm-mart8-cards__btn:hover,
.qm-newyear-cards__btn:hover,
.qm-hostdj-extras__btn:hover,
.qm-hostdj-packs__btn:hover,
.qm-pricepage-card__more:hover,
.qm-pricepage-card__more:focus-visible,
.qm-aishow .qm-aishow-cards .qm-aishow-button:hover,
.qm-comedyshow .qm-comedyshow-cards .qm-comedyshow-button:hover,
.qm-fokusniki .qm-fokusniki-cards .qm-fokusniki-button:hover,
.qm-muzukaliti .qm-muzukaliti-cards .qm-muzukaliti-button:hover,
.qm-nazad90 .qm-nazad90-cards .qm-nazad90-button:hover,
.qm-standup .qm-standup-cards .qm-standup-button:hover {
  background: #ff1f2a;
  border-color: #ff1f2a;
  color: #fff;
}
.qm-pricepage-card__more span,
.qm-pricepage-card__more:hover span {
  color: inherit;                               /* стрелка ↗ красится вместе с кнопкой */
}

/* 5.7 Кнопка «Заказать» в тарифах: эталон — общий .qm-tcard__btn
   (home.css:1599-1615). Подтягиваем к нему старую .qm-tariff-btn,
   которая осталась на /veduschij_i_dj. */
.qm-tariff-btn {
  padding: 9px 22px;
  border: 1px solid #ff1f2a;
  font: 600 14px/1.35 "Oswald", sans-serif;
  color: #111;
  text-transform: uppercase;
}

/* 5.8 Фокус кнопок: home.css:706 — 2px solid #fff, offset 4px.
   chatgpt1 рисовал 3px #ff1f2a. */
.qm-aishow .qm-aishow-button:focus-visible,
.qm-comedyshow .qm-comedyshow-button:focus-visible,
.qm-fokusniki .qm-fokusniki-button:focus-visible,
.qm-muzukaliti .qm-muzukaliti-button:focus-visible,
.qm-nazad90 .qm-nazad90-button:focus-visible,
.qm-standup .qm-standup-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
/* ==========================================================================
   6. ЦВЕТОВАЯ РАЗВЯЗКА КНОПОК СВЯЗИ НА ШОУ-СТРАНИЦАХ (chatgpt1)
   ==========================================================================
   Там все три кнопки делили один класс .{ns}-button и красились одинаково.
   15.09.2026 в buttons.blade.php добавлен модификатор по типу контакта
   (qm-cta--phone / --max / --telegram). Цвета — эталон главной,
   home.css:700-707 (.qm-contact-actions__button--*). */

.qm-cta--phone {
  background: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 22%);
  border-color: transparent;
}
.qm-cta--phone:hover {
  background: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 22%);
}
.qm-cta--max {
  background: hsl(259, 100%, 61%);
  color: hsl(259, 100%, 99%);
  border-color: transparent;
}
.qm-cta--max:hover {
  background: hsl(259, 100%, 71%);
  color: hsl(259, 100%, 99%);
}
.qm-cta--telegram {
  background: hsl(212, 100%, 64%);
  color: #fff;
  border-color: transparent;
}
.qm-cta--telegram:hover {
  background: hsl(212, 100%, 74%);
  color: #fff;
}

/* 7. Заголовок FAQ на /kontakty. 15.09.2026 добавлен в разметку — раньше блок
   начинался сразу со списка вопросов, в отличие от остальных страниц.
   Значения те же, что у .qm-faq__heading на главной (home.css:1024-1032),
   но на тёмной подложке: соседний текст там hsl(0,0%,86%). */
.qm-contacts-faq__heading {
  margin: 0 0 20px;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: var(--qm-h2);
  line-height: 1.2;
  text-align: center;
  text-transform: none;
  color: #fff;
}

/* ==========================================================================
   8. ЗАГОЛОВОК ПЕРВОГО ЭКРАНА — ВО ВСЮ ШИРИНУ КОНТЕЙНЕРА
   ==========================================================================
   Правка владельца 15.09.2026: на ПК заголовок сидел в левой половине ряда
   рядом с фото. Теперь он отдельной полосой над текстом и картинкой, шириной
   по контейнеру сайта. Выравнивание оставлено по правому краю, как было. */

.qm-gamepage__hero-head,
[class$="__hero-head"],
[class$="-hero__head"],
[class$="-hero-head"] {
  margin-bottom: 0;
}

/* Отбивка снизу переезжает с заголовка на его полосу: иначе на мобильном
   между заголовком и текстом появлялся двойной отступ. */
.qm-gamepage__hero-head .qm-gamepage__h1 {
  margin-bottom: 0;
}

/* ==========================================================================
   9. КАРТИНКА ПЕРВОГО ЭКРАНА — ПО ВЕРХУ
   ==========================================================================
   Правка владельца 15.09.2026: после выноса заголовка в отдельную полосу
   колонки первого экрана остались с align-items:center, и над картинкой
   зияла пустота — она висела по центру против более высокого текста.
   Прижимаем содержимое ряда к верху во всех комплектах сразу. */

[class*="hero__row"],
[class*="hero-row"] {
  align-items: flex-start;
}

/* У «Ведущего и диджея» картинка была отдельно отцентрована по вертикали
   (qme-unique.css, правка п.65 от 12.09.2026) — снимаем и её. */
.qm-hostdj-hero__media,
.qm-report-hero__media,
[class*="hero__media"],
[class*="hero-media"] {
  align-self: flex-start;
}