/* QME wave3 cursor-1 service landings.
   Prefixes: qm-karaoke, qm-kalyan, qm-vyezdnoybar, qm-gogo, qm-vinokazino, qm-fankazino.
   Grid utilities come from home.css. */

.qm-karaoke,
.qm-kalyan,
.qm-vyezdnoybar,
.qm-gogo,
.qm-vinokazino,
.qm-fankazino { background: #000; color: #fff; }

.page__content section.qm-karaoke-cta,
.page__content section.qm-kalyan-cta,
.page__content section.qm-vyezdnoybar-cta,
.page__content section.qm-gogo-cta,
.page__content section.qm-vinokazino-cta,
.page__content section.qm-fankazino-cta,
.page__content section.qm-karaoke-gallery,
.page__content section.qm-kalyan-gallery,
.page__content section.qm-vyezdnoybar-gallery,
.page__content section.qm-gogo-gallery,
.page__content section.qm-vinokazino-gallery,
.page__content section.qm-fankazino-gallery,
.page__content section.qm-karaoke-figure,
.page__content section.qm-kalyan-figure,
.page__content section.qm-vyezdnoybar-figure,
.page__content section.qm-gogo-figure,
.page__content section.qm-vinokazino-figure,
.page__content section.qm-fankazino-figure,
.page__content section.qm-karaoke-faq,
.page__content section.qm-kalyan-faq,
.page__content section.qm-vyezdnoybar-faq,
.page__content section.qm-gogo-faq,
.page__content section.qm-vinokazino-faq,
.page__content section.qm-fankazino-faq,
.page__content section.qm-karaoke-split,
.page__content section.qm-kalyan-split,
.page__content section.qm-vyezdnoybar-split,
.page__content section.qm-gogo-split,
.page__content section.qm-vinokazino-split,
.page__content section.qm-fankazino-split { padding: 0; }

.qm-karaoke__cta,
.qm-kalyan__cta,
.qm-vyezdnoybar__cta,
.qm-gogo__cta,
.qm-vinokazino__cta,
.qm-fankazino__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px 0 25px;
  position: relative;
  z-index: 2;
}

.qm-karaoke__btn,
.qm-kalyan__btn,
.qm-vyezdnoybar__btn,
.qm-gogo__btn,
.qm-vinokazino__btn,
.qm-fankazino__btn {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: 8px 35px;
  border: 1px solid transparent;
  border-radius: 3px;
  font: 700 15px/1.4 "Oswald", sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}

.qm-karaoke__btn:focus-visible,
.qm-kalyan__btn:focus-visible,
.qm-vyezdnoybar__btn:focus-visible,
.qm-gogo__btn:focus-visible,
.qm-vinokazino__btn:focus-visible,
.qm-fankazino__btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}

.qm-karaoke__btn--solid.qm-karaoke__btn--phone,
.qm-kalyan__btn--solid.qm-kalyan__btn--phone,
.qm-vyezdnoybar__btn--solid.qm-vyezdnoybar__btn--phone,
.qm-gogo__btn--solid.qm-gogo__btn--phone,
.qm-vinokazino__btn--solid.qm-vinokazino__btn--phone,
.qm-fankazino__btn--solid.qm-fankazino__btn--phone {
  background: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 22%);
}
.qm-karaoke__btn--solid.qm-karaoke__btn--phone:hover,
.qm-kalyan__btn--solid.qm-kalyan__btn--phone:hover,
.qm-vyezdnoybar__btn--solid.qm-vyezdnoybar__btn--phone:hover,
.qm-gogo__btn--solid.qm-gogo__btn--phone:hover,
.qm-vinokazino__btn--solid.qm-vinokazino__btn--phone:hover,
.qm-fankazino__btn--solid.qm-fankazino__btn--phone:hover {
  background: hsl(0, 0%, 96%);
}

.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-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 {
  background: #fff;
  color: hsl(0, 0%, 22%);
}
.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-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 {
  background: hsl(0, 0%, 96%);
}

.qm-karaoke__btn--outline,
.qm-kalyan__btn--outline,
.qm-vyezdnoybar__btn--outline,
.qm-gogo__btn--outline,
.qm-vinokazino__btn--outline,
.qm-fankazino__btn--outline {
  background: transparent;
  border-color: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 86%);
}
.qm-karaoke__btn--outline:hover,
.qm-kalyan__btn--outline:hover,
.qm-vyezdnoybar__btn--outline:hover,
.qm-gogo__btn--outline:hover,
.qm-vinokazino__btn--outline:hover,
.qm-fankazino__btn--outline:hover {
  background: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 22%);
}

.page__content section.qm-karaoke-hero,
.page__content section.qm-kalyan-hero,
.page__content section.qm-vyezdnoybar-hero,
.page__content section.qm-gogo-hero,
.page__content section.qm-vinokazino-hero,
.page__content section.qm-fankazino-hero {
  background: #000;
  padding: 40px 0 16px;
  overflow: visible;
}

.qm-karaoke-hero__h1,
.qm-kalyan-hero__h1,
.qm-vyezdnoybar-hero__h1,
.qm-gogo-hero__h1,
.qm-vinokazino-hero__h1,
.qm-fankazino-hero__h1 {
  margin: 0 0 16px;
  font: 500 var(--qm-h1)/1.1 "Oswald", sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-align: right;
}

.qm-karaoke-hero__lead,
.qm-kalyan-hero__lead,
.qm-vyezdnoybar-hero__lead,
.qm-gogo-hero__lead,
.qm-vinokazino-hero__lead,
.qm-fankazino-hero__lead,
.qm-karaoke-hero__stars,
.qm-kalyan-hero__stars,
.qm-vyezdnoybar-hero__stars,
.qm-gogo-hero__stars,
.qm-vinokazino-hero__stars,
.qm-fankazino-hero__stars {
  margin: 0 0 12px;
  font: 400 var(--qm-copy-size)/var(--qm-copy-lh) "Oswald", sans-serif;
  color: #fff;
}

.qm-karaoke-hero__stars span,
.qm-kalyan-hero__stars span,
.qm-vyezdnoybar-hero__stars span,
.qm-gogo-hero__stars span,
.qm-vinokazino-hero__stars span,
.qm-fankazino-hero__stars span { display: block; }

.qm-karaoke-hero__media img,
.qm-kalyan-hero__media img,
.qm-vyezdnoybar-hero__media img,
.qm-gogo-hero__media img,
.qm-vinokazino-hero__media img,
.qm-fankazino-hero__media img {
  display: block;
  width: 100%;
  height: auto;
}

.qm-karaoke-wave,
.qm-kalyan-wave,
.qm-vyezdnoybar-wave,
.qm-gogo-wave,
.qm-vinokazino-wave,
.qm-fankazino-wave {
  height: 70px;
  margin: -2px 0;
  overflow: hidden;
  line-height: 0;
}
.qm-karaoke-wave svg,
.qm-kalyan-wave svg,
.qm-vyezdnoybar-wave svg,
.qm-gogo-wave svg,
.qm-vinokazino-wave svg,
.qm-fankazino-wave svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .qm-karaoke-wave,
  .qm-kalyan-wave,
  .qm-vyezdnoybar-wave,
  .qm-gogo-wave,
  .qm-vinokazino-wave,
  .qm-fankazino-wave { height: 80px; }
}

.page__content section.qm-karaoke-text--black,
.page__content section.qm-kalyan-text--black,
.page__content section.qm-vyezdnoybar-text--black,
.page__content section.qm-gogo-text--black,
.page__content section.qm-vinokazino-text--black,
.page__content section.qm-fankazino-text--black {
  background: #000;
  padding: 40px 0;
  color: #fff;
}
.page__content section.qm-karaoke-text--gray,
.page__content section.qm-kalyan-text--gray,
.page__content section.qm-vyezdnoybar-text--gray,
.page__content section.qm-gogo-text--gray,
.page__content section.qm-vinokazino-text--gray,
.page__content section.qm-fankazino-text--gray {
  background: #eeeff1;
  padding: 40px 0;
  color: #111;
}
.page__content section.qm-karaoke-text--white,
.page__content section.qm-kalyan-text--white,
.page__content section.qm-vyezdnoybar-text--white,
.page__content section.qm-gogo-text--white,
.page__content section.qm-vinokazino-text--white,
.page__content section.qm-fankazino-text--white {
  background: #fff;
  padding: 30px 0;
  color: #111;
}

.qm-karaoke-text__title,
.qm-kalyan-text__title,
.qm-vyezdnoybar-text__title,
.qm-gogo-text__title,
.qm-vinokazino-text__title,
.qm-fankazino-text__title {
  color: inherit;
  margin: 0 0 16px;
  font: 700 var(--qm-copy-h2)/1.4 "Oswald", sans-serif;
}
.qm-karaoke-text__p,
.qm-kalyan-text__p,
.qm-vyezdnoybar-text__p,
.qm-gogo-text__p,
.qm-vinokazino-text__p,
.qm-fankazino-text__p {
  margin: 0 0 var(--qm-copy-gap);
  font: 400 var(--qm-copy-size)/var(--qm-copy-lh) "Oswald", sans-serif;
}
.qm-karaoke-text__list,
.qm-kalyan-text__list,
.qm-vyezdnoybar-text__list,
.qm-gogo-text__list,
.qm-vinokazino-text__list,
.qm-fankazino-text__list {
  margin: 0 0 var(--qm-copy-gap);
  padding-left: 28px;
  list-style: disc outside;
  font: 400 var(--qm-copy-size)/var(--qm-copy-lh) "Oswald", sans-serif;
}
.qm-karaoke-text--right,
.qm-kalyan-text--right,
.qm-vyezdnoybar-text--right,
.qm-gogo-text--right,
.qm-vinokazino-text--right,
.qm-fankazino-text--right { text-align: right; }
.qm-karaoke-text--left,
.qm-kalyan-text--left,
.qm-vyezdnoybar-text--left,
.qm-gogo-text--left,
.qm-vinokazino-text--left,
.qm-fankazino-text--left { text-align: left; }
.qm-karaoke-text .is-left,
.qm-kalyan-text .is-left,
.qm-vyezdnoybar-text .is-left,
.qm-gogo-text .is-left,
.qm-vinokazino-text .is-left,
.qm-fankazino-text .is-left { text-align: left; }
.qm-karaoke-text .is-right,
.qm-kalyan-text .is-right,
.qm-vyezdnoybar-text .is-right,
.qm-gogo-text .is-right,
.qm-vinokazino-text .is-right,
.qm-fankazino-text .is-right { text-align: right; }

.page__content section.qm-karaoke-tariffs,
.page__content section.qm-kalyan-tariffs,
.page__content section.qm-vyezdnoybar-tariffs,
.page__content section.qm-gogo-tariffs,
.page__content section.qm-vinokazino-tariffs,
.page__content section.qm-fankazino-tariffs {
  background: #000;
  padding: 30px 0 60px;
}
.qm-karaoke-tariffs__lead,
.qm-kalyan-tariffs__lead,
.qm-vyezdnoybar-tariffs__lead,
.qm-gogo-tariffs__lead,
.qm-vinokazino-tariffs__lead,
.qm-fankazino-tariffs__lead {
  margin: 0 0 24px;
  color: #fff;
  font: 400 20px/1.4 "Oswald", sans-serif;
  text-align: right;
}
/* Карточки тарифов переведены на общий компонент 11.09.2026 (пункт 2 правок
   владельца): сетка .qm-tcards и карточка .qm-tcard живут в home.css, разметка —
   site/partials/tariff-card.blade.php. Удалён прежний набор
   .qm-<ns>-tariffs__grid / __card / __title / __subtitle / __price / __note
   и точечный отступ .qm-<ns>-tariffs__card .qm-tariff-action. */

.page__content section.qm-karaoke-extras,
.page__content section.qm-kalyan-extras,
.page__content section.qm-vyezdnoybar-extras,
.page__content section.qm-gogo-extras,
.page__content section.qm-vinokazino-extras,
.page__content section.qm-fankazino-extras,
.page__content section.qm-karaoke-packs,
.page__content section.qm-kalyan-packs,
.page__content section.qm-vyezdnoybar-packs,
.page__content section.qm-gogo-packs,
.page__content section.qm-vinokazino-packs,
.page__content section.qm-fankazino-packs {
  background: #eeeff1;
  padding: 1px 0;
}
.qm-karaoke-extras__body,
.qm-kalyan-extras__body,
.qm-vyezdnoybar-extras__body,
.qm-gogo-extras__body,
.qm-vinokazino-extras__body,
.qm-fankazino-extras__body,
.qm-karaoke-packs__body,
.qm-kalyan-packs__body,
.qm-vyezdnoybar-packs__body,
.qm-gogo-packs__body,
.qm-vinokazino-packs__body,
.qm-fankazino-packs__body {
  background: #eeeff1;
  padding: 50px 20px;
  margin: 50px 0;
  font-family: "Oswald", sans-serif;
}
.qm-karaoke-extras__title,
.qm-kalyan-extras__title,
.qm-vyezdnoybar-extras__title,
.qm-gogo-extras__title,
.qm-vinokazino-extras__title,
.qm-fankazino-extras__title,
.qm-karaoke-packs__title,
.qm-kalyan-packs__title,
.qm-vyezdnoybar-packs__title,
.qm-gogo-packs__title,
.qm-vinokazino-packs__title,
.qm-fankazino-packs__title {
  margin: 0 0 30px;
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
/* Карточки услуг и пакетов переведены на общий компонент 11.09.2026
   (пункты 6, 7, 34 правок владельца): .qm-scards / .qm-scard в home.css,
   разметка — site/partials/service-card.blade.php. Удалён прежний набор
   .qm-<ns>-extras__grid / __card / __price / __btn / __cta и такой же для packs.
   Остались __body, __title и __note — это обвязка секции, не карточка. */
.qm-karaoke-extras__note,
.qm-kalyan-extras__note,
.qm-vyezdnoybar-extras__note,
.qm-gogo-extras__note,
.qm-vinokazino-extras__note,
.qm-fankazino-extras__note,
.qm-karaoke-packs__note,
.qm-kalyan-packs__note,
.qm-vyezdnoybar-packs__note,
.qm-gogo-packs__note,
.qm-vinokazino-packs__note,
.qm-fankazino-packs__note {
  margin: 18px 0 0;
  color: #444;
  font: 400 16px/1.5 "Oswald", sans-serif;
  text-align: center;
}

.page__content section.qm-karaoke-help,
.page__content section.qm-kalyan-help,
.page__content section.qm-vyezdnoybar-help,
.page__content section.qm-gogo-help,
.page__content section.qm-vinokazino-help,
.page__content section.qm-fankazino-help {
  background: #000;
  padding: 100px 0 50px;
  color: #fff;
}
.qm-karaoke-help__row,
.qm-kalyan-help__row,
.qm-vyezdnoybar-help__row,
.qm-gogo-help__row,
.qm-vinokazino-help__row,
.qm-fankazino-help__row { align-items: center; justify-content: center; }
.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 {
  display: block;
  width: 200px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
.qm-karaoke-help__copy,
.qm-kalyan-help__copy,
.qm-vyezdnoybar-help__copy,
.qm-gogo-help__copy,
.qm-vinokazino-help__copy,
.qm-fankazino-help__copy { text-align: center; }
.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 {
  margin: 0 0 10px;
  font: 700 30px/1.2 "Oswald", sans-serif;
  text-transform: uppercase;
  color: #fff;
}
.qm-karaoke-help__phone,
.qm-kalyan-help__phone,
.qm-vyezdnoybar-help__phone,
.qm-gogo-help__phone,
.qm-vinokazino-help__phone,
.qm-fankazino-help__phone {
  margin: 0 0 10px;
  font: 700 30px/1.2 "Oswald", sans-serif;
}
.qm-karaoke-help__phone a,
.qm-kalyan-help__phone a,
.qm-vyezdnoybar-help__phone a,
.qm-gogo-help__phone a,
.qm-vinokazino-help__phone a,
.qm-fankazino-help__phone a {
  color: #d32f2f;
  text-decoration: none;
}
.qm-karaoke-help__text,
.qm-kalyan-help__text,
.qm-vyezdnoybar-help__text,
.qm-gogo-help__text,
.qm-vinokazino-help__text,
.qm-fankazino-help__text {
  margin: 0;
  color: #fff;
  font: 400 20px/1.3 "Oswald", sans-serif;
}

.qm-karaoke-gallery__grid,
.qm-kalyan-gallery__grid,
.qm-vyezdnoybar-gallery__grid,
.qm-gogo-gallery__grid,
.qm-vinokazino-gallery__grid,
.qm-fankazino-gallery__grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 576px) {
  .qm-karaoke-gallery--quad .qm-karaoke-gallery__grid,
  .qm-kalyan-gallery--quad .qm-kalyan-gallery__grid,
  .qm-vyezdnoybar-gallery--quad .qm-vyezdnoybar-gallery__grid,
  .qm-gogo-gallery--quad .qm-gogo-gallery__grid,
  .qm-vinokazino-gallery--quad .qm-vinokazino-gallery__grid,
  .qm-fankazino-gallery--quad .qm-fankazino-gallery__grid { grid-template-columns: 1fr 1fr; }
  .qm-karaoke-gallery--triple .qm-karaoke-gallery__grid,
  .qm-kalyan-gallery--triple .qm-kalyan-gallery__grid,
  .qm-vyezdnoybar-gallery--triple .qm-vyezdnoybar-gallery__grid,
  .qm-gogo-gallery--triple .qm-gogo-gallery__grid,
  .qm-vinokazino-gallery--triple .qm-vinokazino-gallery__grid,
  .qm-fankazino-gallery--triple .qm-fankazino-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 768px) {
  .qm-karaoke-gallery--quad .qm-karaoke-gallery__grid,
  .qm-kalyan-gallery--quad .qm-kalyan-gallery__grid,
  .qm-vyezdnoybar-gallery--quad .qm-vyezdnoybar-gallery__grid,
  .qm-gogo-gallery--quad .qm-gogo-gallery__grid,
  .qm-vinokazino-gallery--quad .qm-vinokazino-gallery__grid,
  .qm-fankazino-gallery--quad .qm-fankazino-gallery__grid { grid-template-columns: repeat(4, 1fr); }
  .qm-karaoke-gallery--mosaic .qm-karaoke-gallery__grid,
  .qm-kalyan-gallery--mosaic .qm-kalyan-gallery__grid,
  .qm-vyezdnoybar-gallery--mosaic .qm-vyezdnoybar-gallery__grid,
  .qm-gogo-gallery--mosaic .qm-gogo-gallery__grid,
  .qm-vinokazino-gallery--mosaic .qm-vinokazino-gallery__grid,
  .qm-fankazino-gallery--mosaic .qm-fankazino-gallery__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .qm-karaoke-gallery--mosaic .qm-karaoke-gallery__cell:first-child,
  .qm-kalyan-gallery--mosaic .qm-kalyan-gallery__cell:first-child,
  .qm-vyezdnoybar-gallery--mosaic .qm-vyezdnoybar-gallery__cell:first-child,
  .qm-gogo-gallery--mosaic .qm-gogo-gallery__cell:first-child,
  .qm-vinokazino-gallery--mosaic .qm-vinokazino-gallery__cell:first-child,
  .qm-fankazino-gallery--mosaic .qm-fankazino-gallery__cell:first-child {
    grid-row: 1 / span 2;
  }
}
.qm-karaoke-gallery__cell,
.qm-kalyan-gallery__cell,
.qm-vyezdnoybar-gallery__cell,
.qm-gogo-gallery__cell,
.qm-vinokazino-gallery__cell,
.qm-fankazino-gallery__cell {
  display: block;
  overflow: hidden;
}
.qm-karaoke-gallery__cell img,
.qm-kalyan-gallery__cell img,
.qm-vyezdnoybar-gallery__cell img,
.qm-gogo-gallery__cell img,
.qm-vinokazino-gallery__cell img,
.qm-fankazino-gallery__cell img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}
.qm-karaoke-gallery__cell:focus-visible,
.qm-kalyan-gallery__cell:focus-visible,
.qm-vyezdnoybar-gallery__cell:focus-visible,
.qm-gogo-gallery__cell:focus-visible,
.qm-vinokazino-gallery__cell:focus-visible,
.qm-fankazino-gallery__cell:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.page__content section.qm-karaoke-figure,
.page__content section.qm-kalyan-figure,
.page__content section.qm-vyezdnoybar-figure,
.page__content section.qm-gogo-figure,
.page__content section.qm-vinokazino-figure,
.page__content section.qm-fankazino-figure {
  background: #000;
  text-align: center;
}
.qm-karaoke-figure img,
.qm-kalyan-figure img,
.qm-vyezdnoybar-figure img,
.qm-gogo-figure img,
.qm-vinokazino-figure img,
.qm-fankazino-figure img {
  display: block;
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin: 0 auto;
}

.page__content section.qm-karaoke-split,
.page__content section.qm-kalyan-split,
.page__content section.qm-vyezdnoybar-split,
.page__content section.qm-gogo-split,
.page__content section.qm-vinokazino-split,
.page__content section.qm-fankazino-split { background: #000; }
.qm-karaoke-split__row,
.qm-kalyan-split__row,
.qm-vyezdnoybar-split__row,
.qm-gogo-split__row,
.qm-vinokazino-split__row,
.qm-fankazino-split__row {
  display: flex;
  flex-wrap: wrap;
}
.qm-karaoke-split__media,
.qm-kalyan-split__media,
.qm-vyezdnoybar-split__media,
.qm-gogo-split__media,
.qm-vinokazino-split__media,
.qm-fankazino-split__media,
.qm-karaoke-split__copy,
.qm-kalyan-split__copy,
.qm-vyezdnoybar-split__copy,
.qm-gogo-split__copy,
.qm-vinokazino-split__copy,
.qm-fankazino-split__copy {
  box-sizing: border-box;
  width: 100%;
}
.qm-karaoke-split__media img,
.qm-kalyan-split__media img,
.qm-vyezdnoybar-split__media img,
.qm-gogo-split__media img,
.qm-vinokazino-split__media img,
.qm-fankazino-split__media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.qm-karaoke-split__copy,
.qm-kalyan-split__copy,
.qm-vyezdnoybar-split__copy,
.qm-gogo-split__copy,
.qm-vinokazino-split__copy,
.qm-fankazino-split__copy {
  padding: 50px 15px;
  color: #eeeff1;
  font: 400 18px/1.5 "Oswald", sans-serif;
}
.qm-karaoke-split__title,
.qm-kalyan-split__title,
.qm-vyezdnoybar-split__title,
.qm-gogo-split__title,
.qm-vinokazino-split__title,
.qm-fankazino-split__title { font-weight: 700; }
.qm-karaoke-split__btn,
.qm-kalyan-split__btn,
.qm-vyezdnoybar-split__btn,
.qm-gogo-split__btn,
.qm-vinokazino-split__btn,
.qm-fankazino-split__btn {
  display: inline-block;
  padding: 8px 24px;
  border-radius: 50px;
  background: hsl(0, 0%, 86%);
  color: hsl(0, 0%, 22%);
  font: 700 15px/1.4 "Oswald", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 768px) {
  .qm-karaoke-split__media,
  .qm-kalyan-split__media,
  .qm-vyezdnoybar-split__media,
  .qm-gogo-split__media,
  .qm-vinokazino-split__media,
  .qm-fankazino-split__media,
  .qm-karaoke-split__copy,
  .qm-kalyan-split__copy,
  .qm-vyezdnoybar-split__copy,
  .qm-gogo-split__copy,
  .qm-vinokazino-split__copy,
  .qm-fankazino-split__copy { flex: 0 0 50%; max-width: 50%; }
  .qm-karaoke-split__copy,
  .qm-kalyan-split__copy,
  .qm-vyezdnoybar-split__copy,
  .qm-gogo-split__copy,
  .qm-vinokazino-split__copy,
  .qm-fankazino-split__copy { padding: 80px 50px; font-size: 22px; }
}

.page__content section.qm-karaoke-offer,
.page__content section.qm-kalyan-offer,
.page__content section.qm-vyezdnoybar-offer,
.page__content section.qm-gogo-offer,
.page__content section.qm-vinokazino-offer,
.page__content section.qm-fankazino-offer {
  background: #fff;
  padding: 50px 0;
  color: #111;
}
.qm-karaoke-offer__lead,
.qm-kalyan-offer__lead,
.qm-vyezdnoybar-offer__lead,
.qm-gogo-offer__lead,
.qm-vinokazino-offer__lead,
.qm-fankazino-offer__lead {
  margin: 0 0 16px;
  font: 400 24px/1.4 "Oswald", sans-serif;
}
.qm-karaoke-offer__list,
.qm-kalyan-offer__list,
.qm-vyezdnoybar-offer__list,
.qm-gogo-offer__list,
.qm-vinokazino-offer__list,
.qm-fankazino-offer__list {
  margin: 0 0 16px;
  padding-left: 1.25em;
  list-style: disc outside;
  font: 400 18px/1.5 "Oswald", sans-serif;
}
.qm-karaoke-offer__after,
.qm-kalyan-offer__after,
.qm-vyezdnoybar-offer__after,
.qm-gogo-offer__after,
.qm-vinokazino-offer__after,
.qm-fankazino-offer__after,
.qm-karaoke-offer__aside,
.qm-kalyan-offer__aside,
.qm-vyezdnoybar-offer__aside,
.qm-gogo-offer__aside,
.qm-vinokazino-offer__aside,
.qm-fankazino-offer__aside {
  margin: 0 0 16px;
  font: 400 18px/1.5 "Oswald", sans-serif;
}

.page__content section.qm-karaoke-banner,
.page__content section.qm-kalyan-banner,
.page__content section.qm-vyezdnoybar-banner,
.page__content section.qm-gogo-banner,
.page__content section.qm-vinokazino-banner,
.page__content section.qm-fankazino-banner {
  background: #000;
  padding: 30px 0;
}
.qm-karaoke-banner__title,
.qm-kalyan-banner__title,
.qm-vyezdnoybar-banner__title,
.qm-gogo-banner__title,
.qm-vinokazino-banner__title,
.qm-fankazino-banner__title {
  margin: 0;
  color: #fff;
  font: 700 28px/1.2 "Oswald", sans-serif;
  text-align: center;
}
.qm-karaoke-banner--gray,
.qm-kalyan-banner--gray,
.qm-vyezdnoybar-banner--gray,
.qm-gogo-banner--gray,
.qm-vinokazino-banner--gray,
.qm-fankazino-banner--gray { background: #eeeff1; }
.qm-karaoke-banner--gray .qm-karaoke-banner__title,
.qm-kalyan-banner--gray .qm-kalyan-banner__title,
.qm-vyezdnoybar-banner--gray .qm-vyezdnoybar-banner__title,
.qm-gogo-banner--gray .qm-gogo-banner__title,
.qm-vinokazino-banner--gray .qm-vinokazino-banner__title,
.qm-fankazino-banner--gray .qm-fankazino-banner__title { color: #000; }

.qm-karaoke-faq__band,
.qm-kalyan-faq__band,
.qm-vyezdnoybar-faq__band,
.qm-gogo-faq__band,
.qm-vinokazino-faq__band,
.qm-fankazino-faq__band {
  background: #eeeff1;
  padding: 30px 0;
}
.qm-karaoke-faq__heading,
.qm-kalyan-faq__heading,
.qm-vyezdnoybar-faq__heading,
.qm-gogo-faq__heading,
.qm-vinokazino-faq__heading,
.qm-fankazino-faq__heading {
  padding: 0 15px;
  margin: 0;
  text-align: center;
  color: #000;
  font: 700 32px/1.2 "Oswald", sans-serif;
}
.qm-karaoke-faq__body,
.qm-kalyan-faq__body,
.qm-vyezdnoybar-faq__body,
.qm-gogo-faq__body,
.qm-vinokazino-faq__body,
.qm-fankazino-faq__body { padding: 30px 0; }
.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 { margin-top: 10px; }
.qm-karaoke-faq__question,
.qm-kalyan-faq__question,
.qm-vyezdnoybar-faq__question,
.qm-gogo-faq__question,
.qm-vinokazino-faq__question,
.qm-fankazino-faq__question { margin: 0; }
.qm-karaoke-faq__toggle,
.qm-kalyan-faq__toggle,
.qm-vyezdnoybar-faq__toggle,
.qm-gogo-faq__toggle,
.qm-vinokazino-faq__toggle,
.qm-fankazino-faq__toggle {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: #919191;
  font: 500 var(--qm-faq)/1.4 "Oswald", sans-serif;
  text-align: left;
  cursor: pointer;
}
.qm-karaoke-faq__toggle:hover,
.qm-kalyan-faq__toggle:hover,
.qm-vyezdnoybar-faq__toggle:hover,
.qm-gogo-faq__toggle:hover,
.qm-vinokazino-faq__toggle:hover,
.qm-fankazino-faq__toggle:hover { color: #fff; }
.qm-karaoke-faq__toggle:focus-visible,
.qm-kalyan-faq__toggle:focus-visible,
.qm-vyezdnoybar-faq__toggle:focus-visible,
.qm-gogo-faq__toggle:focus-visible,
.qm-vinokazino-faq__toggle:focus-visible,
.qm-fankazino-faq__toggle:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.qm-karaoke-faq__num,
.qm-kalyan-faq__num,
.qm-vyezdnoybar-faq__num,
.qm-gogo-faq__num,
.qm-vinokazino-faq__num,
.qm-fankazino-faq__num { color: #ff1f2a; font-weight: 700; }
.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 {
  margin: 0;
  padding: 20px;
  color: #fff;
  font: 400 14px/1.5 "Oswald", sans-serif;
}
.qm-karaoke-faq__panel[hidden],
.qm-kalyan-faq__panel[hidden],
.qm-vyezdnoybar-faq__panel[hidden],
.qm-gogo-faq__panel[hidden],
.qm-vinokazino-faq__panel[hidden],
.qm-fankazino-faq__panel[hidden] { display: none; }
/* 2026-09-08: правило Б.4 (SHARED-RULES) — у вопроса не было признака
   "нажимается" кроме курсора и смены цвета по hover. Рамка + стрелка. */
.qm-karaoke-faq__item,
.qm-kalyan-faq__item,
.qm-vyezdnoybar-faq__item,
.qm-gogo-faq__item,
.qm-vinokazino-faq__item,
.qm-fankazino-faq__item {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 4px;
  padding: 4px 20px;
}
.qm-karaoke-faq__toggle,
.qm-kalyan-faq__toggle,
.qm-vyezdnoybar-faq__toggle,
.qm-gogo-faq__toggle,
.qm-vinokazino-faq__toggle,
.qm-fankazino-faq__toggle {
  position: relative;
  display: flex;
  align-items: center;
  padding: 15px 8px 15px 0;
}
.qm-karaoke-faq__toggle::after,
.qm-kalyan-faq__toggle::after,
.qm-vyezdnoybar-faq__toggle::after,
.qm-gogo-faq__toggle::after,
.qm-vinokazino-faq__toggle::after,
.qm-fankazino-faq__toggle::after {
  content: none;
}
@media (min-width: 576px) {
  .qm-karaoke-faq__toggle,
  .qm-kalyan-faq__toggle,
  .qm-vyezdnoybar-faq__toggle,
  .qm-gogo-faq__toggle,
  .qm-vinokazino-faq__toggle,
  .qm-fankazino-faq__toggle {
    font-family: "Oswald", sans-serif;
  }
}

.qm-karaoke-lb,
.qm-kalyan-lb,
.qm-vyezdnoybar-lb,
.qm-gogo-lb,
.qm-vinokazino-lb,
.qm-fankazino-lb {
  position: fixed;
  inset: 0;
  z-index: 1120;
}
.qm-karaoke-lb[hidden],
.qm-kalyan-lb[hidden],
.qm-vyezdnoybar-lb[hidden],
.qm-gogo-lb[hidden],
.qm-vinokazino-lb[hidden],
.qm-fankazino-lb[hidden] { display: none; }
.qm-karaoke-lb__backdrop,
.qm-kalyan-lb__backdrop,
.qm-vyezdnoybar-lb__backdrop,
.qm-gogo-lb__backdrop,
.qm-vinokazino-lb__backdrop,
.qm-fankazino-lb__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}
.qm-karaoke-lb__dialog,
.qm-kalyan-lb__dialog,
.qm-vyezdnoybar-lb__dialog,
.qm-gogo-lb__dialog,
.qm-vinokazino-lb__dialog,
.qm-fankazino-lb__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: 56px 16px 24px;
  box-sizing: border-box;
}
.qm-karaoke-lb__img,
.qm-kalyan-lb__img,
.qm-vyezdnoybar-lb__img,
.qm-gogo-lb__img,
.qm-vinokazino-lb__img,
.qm-fankazino-lb__img {
  max-width: min(96vw, 1100px);
  max-height: 80vh;
  height: auto;
}
.qm-karaoke-lb__img.is-error,
.qm-kalyan-lb__img.is-error,
.qm-vyezdnoybar-lb__img.is-error,
.qm-gogo-lb__img.is-error,
.qm-vinokazino-lb__img.is-error,
.qm-fankazino-lb__img.is-error { display: none; }
.qm-karaoke-lb__status,
.qm-kalyan-lb__status,
.qm-vyezdnoybar-lb__status,
.qm-gogo-lb__status,
.qm-vinokazino-lb__status,
.qm-fankazino-lb__status {
  margin: 0 0 12px;
  color: #fff;
  font: 500 14px/1.4 "Oswald", sans-serif;
}
.qm-karaoke-lb__status[hidden],
.qm-kalyan-lb__status[hidden],
.qm-vyezdnoybar-lb__status[hidden],
.qm-gogo-lb__status[hidden],
.qm-vinokazino-lb__status[hidden],
.qm-fankazino-lb__status[hidden] { display: none; }
.qm-karaoke-lb__close,
.qm-kalyan-lb__close,
.qm-vyezdnoybar-lb__close,
.qm-gogo-lb__close,
.qm-vinokazino-lb__close,
.qm-fankazino-lb__close,
.qm-karaoke-lb__prev,
.qm-kalyan-lb__prev,
.qm-vyezdnoybar-lb__prev,
.qm-gogo-lb__prev,
.qm-vinokazino-lb__prev,
.qm-fankazino-lb__prev,
.qm-karaoke-lb__next,
.qm-kalyan-lb__next,
.qm-vyezdnoybar-lb__next,
.qm-gogo-lb__next,
.qm-vinokazino-lb__next,
.qm-fankazino-lb__next {
  position: absolute;
  border: 0;
  background: #fff;
  color: #111;
  font: 700 14px/1 "Oswald", sans-serif;
  text-transform: uppercase;
  padding: 8px 12px;
  cursor: pointer;
}
.qm-karaoke-lb__close:focus-visible,
.qm-kalyan-lb__close:focus-visible,
.qm-vyezdnoybar-lb__close:focus-visible,
.qm-gogo-lb__close:focus-visible,
.qm-vinokazino-lb__close:focus-visible,
.qm-fankazino-lb__close:focus-visible,
.qm-karaoke-lb__prev:focus-visible,
.qm-kalyan-lb__prev:focus-visible,
.qm-vyezdnoybar-lb__prev:focus-visible,
.qm-gogo-lb__prev:focus-visible,
.qm-vinokazino-lb__prev:focus-visible,
.qm-fankazino-lb__prev:focus-visible,
.qm-karaoke-lb__next:focus-visible,
.qm-kalyan-lb__next:focus-visible,
.qm-vyezdnoybar-lb__next:focus-visible,
.qm-gogo-lb__next:focus-visible,
.qm-vinokazino-lb__next:focus-visible,
.qm-fankazino-lb__next:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.qm-karaoke-lb__close,
.qm-kalyan-lb__close,
.qm-vyezdnoybar-lb__close,
.qm-gogo-lb__close,
.qm-vinokazino-lb__close,
.qm-fankazino-lb__close { top: 16px; right: 16px; }
.qm-karaoke-lb__prev,
.qm-kalyan-lb__prev,
.qm-vyezdnoybar-lb__prev,
.qm-gogo-lb__prev,
.qm-vinokazino-lb__prev,
.qm-fankazino-lb__prev { left: 16px; top: 50%; }
.qm-karaoke-lb__next,
.qm-kalyan-lb__next,
.qm-vyezdnoybar-lb__next,
.qm-gogo-lb__next,
.qm-vinokazino-lb__next,
.qm-fankazino-lb__next { right: 16px; top: 50%; }

html[class*="qm-karaoke-lb-"][class$="-open"],
html[class*="qm-kalyan-lb-"][class$="-open"],
html[class*="qm-vyezdnoybar-lb-"][class$="-open"],
html[class*="qm-gogo-lb-"][class$="-open"],
html[class*="qm-vinokazino-lb-"][class$="-open"],
html[class*="qm-fankazino-lb-"][class$="-open"],
html[class*="qm-karaoke-lb-"][class$="-open"] body,
html[class*="qm-kalyan-lb-"][class$="-open"] body,
html[class*="qm-vyezdnoybar-lb-"][class$="-open"] body,
html[class*="qm-gogo-lb-"][class$="-open"] body,
html[class*="qm-vinokazino-lb-"][class$="-open"] body,
html[class*="qm-fankazino-lb-"][class$="-open"] body {
  overflow: hidden;
  overscroll-behavior: none;
}

@media (max-width: 768px) {
  .qm-karaoke-extras__body,
  .qm-kalyan-extras__body,
  .qm-vyezdnoybar-extras__body,
  .qm-gogo-extras__body,
  .qm-vinokazino-extras__body,
  .qm-fankazino-extras__body,
  .qm-karaoke-packs__body,
  .qm-kalyan-packs__body,
  .qm-vyezdnoybar-packs__body,
  .qm-gogo-packs__body,
  .qm-vinokazino-packs__body,
  .qm-fankazino-packs__body {
    padding: 30px 15px;
    margin: 30px 0;
  }
  .qm-karaoke-extras__title,
  .qm-kalyan-extras__title,
  .qm-vyezdnoybar-extras__title,
  .qm-gogo-extras__title,
  .qm-vinokazino-extras__title,
  .qm-fankazino-extras__title,
  .qm-karaoke-packs__title,
  .qm-kalyan-packs__title,
  .qm-vyezdnoybar-packs__title,
  .qm-gogo-packs__title,
  .qm-vinokazino-packs__title,
  .qm-fankazino-packs__title { font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .qm-karaoke__btn,
  .qm-kalyan__btn,
  .qm-vyezdnoybar__btn,
  .qm-gogo__btn,
  .qm-vinokazino__btn,
  .qm-fankazino__btn { transition: none; }
}

/* 2026-09-11: светлый баннер никогда не был светлым. Фон чёрного баннера
   задан селектором `.page__content section.qm-NS-banner` — вес (0,2,1),
   а модификатор `--gray` был написан как `.qm-NS-banner--gray` — вес
   (0,1,0), и проигрывал. Секция оставалась чёрной, а диагональные
   переходы вокруг неё вели в цвет, которого нет: на /vinnoe-kazino три
   волны подряд читались зигзагом из треугольников на сплошном чёрном
   (скриншот владельца). Повторяем вес исходного правила. */
.page__content section.qm-karaoke-banner--gray,
.page__content section.qm-kalyan-banner--gray,
.page__content section.qm-vyezdnoybar-banner--gray,
.page__content section.qm-gogo-banner--gray,
.page__content section.qm-vinokazino-banner--gray,
.page__content section.qm-fankazino-banner--gray {
  background: #eeeff1;
}
.page__content section.qm-karaoke-banner--gray .qm-karaoke-banner__title,
.page__content section.qm-kalyan-banner--gray .qm-kalyan-banner__title,
.page__content section.qm-vyezdnoybar-banner--gray .qm-vyezdnoybar-banner__title,
.page__content section.qm-gogo-banner--gray .qm-gogo-banner__title,
.page__content section.qm-vinokazino-banner--gray .qm-vinokazino-banner__title,
.page__content section.qm-fankazino-banner--gray .qm-fankazino-banner__title {
  color: #000;
}

/* ==========================================================================
   Баннер-блок — пункт 33 правок владельца 11.09.2026, редизайн разрешён
   --------------------------------------------------------------------------
   На /vinnoe-kazino секция «Профессиональные сомелье на выезд» была пустым
   заголовком на сером фоне высотой 94px, под ним сразу FAQ. Теперь это
   законченный блок: кадр из оригинала (b2055, «ВИННОЕ КАЗИНО от QUIZ MAFIA
   EVENT»), заголовок и кнопка заказа. Разметку даёт partials/banner.blade.php,
   старый вид (одна строка заголовка) остаётся, пока у баннера нет новых полей.

   Язык блока — сайта: прямые углы, Oswald, красный акцент на чёрном/сером.
   Ничего из Русстана-Антикторга здесь нет (запрет из CLAUDE.md проекта).
   ========================================================================== */
.page__content section.qm-bannerblock {
  padding: 44px 0;
}
.qm-bannerblock__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .qm-bannerblock__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 36px;
  }
}
.qm-bannerblock__media {
  margin: 0;
  min-width: 0;
  /* Кадр не режем — правило владельца от 10.09.2026. */
  background: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
}
.qm-bannerblock__media img {
  display: block;
  width: 100%;
  height: auto;
}
.qm-bannerblock__copy {
  min-width: 0;
  text-align: center;
}
@media (min-width: 900px) {
  .qm-bannerblock__copy {
    text-align: left;
  }
}
.qm-bannerblock__title {
  margin: 0;
  /* Заголовок с акцентной чертой сверху — так же набраны заголовки
     тарифных секций сайта. */
  padding-top: 14px;
  border-top: 3px solid var(--accent, #ff1f2a);
  display: inline-block;
  text-align: inherit;
}
.qm-bannerblock__lead {
  margin: 14px 0 0;
  font: 400 17px/1.6 "Oswald", sans-serif;
  color: inherit;
}
.qm-bannerblock__action {
  margin: 20px 0 0;
}
.qm-bannerblock__btn {
  display: inline-block;
  max-width: 100%;
  padding: 13px 30px;
  border: 2px solid var(--accent, #ff1f2a);
  border-radius: 0;
  background: var(--accent, #ff1f2a);
  color: #fff;
  font: 600 15px/1.35 "Oswald", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .25s ease, color .25s ease;
}
.qm-bannerblock__btn:hover,
.qm-bannerblock__btn:focus-visible {
  background: transparent;
  color: var(--accent, #ff1f2a);
}
.qm-bannerblock__btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .qm-bannerblock__btn {
    transition: none;
  }
}

/* Блок-баннер, порядок на телефоне и планшете — правка владельца 12.09.2026
   (wave5, п.49, скриншот /vinnoe-kazino на 430px): «переместить линию над
   фото, а над линией название». Было: фото → красная черта → заголовок →
   кнопка. Стало: заголовок → черта → фото → кнопка.

   `display: contents` у `__copy` до 900px делает заголовок, лид и кнопку
   прямыми детьми сетки, и порядок задаётся `order`. Черта у заголовка
   переезжает с `border-top` на `border-bottom` — она и есть разделитель между
   названием и фотографией. На десктопе (от 900px) колонки остаются как были:
   фото слева, текст справа, черта сверху над заголовком. */
@media (max-width: 899.98px) {
  .qm-bannerblock__copy {
    display: contents;
  }
  .qm-bannerblock__grid > .qm-bannerblock__media {
    order: 2;
  }
  .qm-bannerblock__title {
    order: 1;
    padding-top: 0;
    padding-bottom: 14px;
    border-top: 0;
    border-bottom: 3px solid var(--accent, #ff1f2a);
    justify-self: center;
  }
  .qm-bannerblock__lead {
    order: 3;
  }
  .qm-bannerblock__action {
    order: 4;
    margin-top: 0;
  }
}