/* ==========================================================================
   Help / BetStop poster, payments strip, footer
   ========================================================================== */

.help-poster {
  position: relative;
  overflow: hidden;
  padding: 64px;
  background: var(--c-surface);
  border-top: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}
.help-poster__watermark {
  top: -30px; right: 0;
  font-size: 320px;
  opacity: .05;
  -webkit-text-stroke: 2px var(--c-border);
}
.help-poster__inner {
  position: relative; z-index: 1;
  display: flex; gap: 64px;
  max-width: calc(var(--shell-max) - 96px);
  margin-inline: auto;
}
.help-poster__lead { width: 750px; max-width: 100%; display: flex; flex-direction: column; gap: 40px; }
.help-poster__headline {
  max-width: 500px;
  font-weight: 700; font-size: 48px; line-height: 1.1;
  letter-spacing: -1px; color: var(--c-text);
}
.help-poster__support { display: flex; flex-direction: column; gap: 12px; }
.help-poster__support-label {
  font-weight: 700; font-size: 13px; line-height: 1.3;
  letter-spacing: 1px; color: var(--c-text-alt);
}
.help-poster__contacts { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.help-poster__phone {
  font-weight: 700; font-size: 32px; line-height: 1.28; color: var(--c-white);
}
.help-poster__sep { width: 2px; height: 24px; background: var(--c-border); flex: none; }
.help-poster__link {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 700; font-size: 16px; line-height: 1.25;
  color: var(--c-blue-light); text-decoration: underline;
}

.betstop-block {
  flex: 1 1 auto;
  display: flex; flex-direction: column; gap: 24px;
  padding: 40px;
  background: var(--c-blue);
  color: var(--c-white);
}
.betstop-block__head {
  display: flex; align-items: center; justify-content: space-between;
}
.betstop-block__title {
  font-weight: 700; font-size: 28px; line-height: 1.28; letter-spacing: -.5px;
}
.betstop-block__mark { width: 32px; height: 16px; background: var(--c-white); flex: none; }
.betstop-block__text { font-weight: 500; font-size: 14px; line-height: 1.6; }

@media (max-width: 1023px) {
  .help-poster { padding: 24px; }
  .help-poster__watermark { display: none; }
  .help-poster__inner { flex-direction: column; gap: 32px; }
  .help-poster__lead { width: 100%; gap: 24px; }
  .help-poster__headline { font-size: 28px; letter-spacing: 0; }
  .help-poster__support-label { font-size: 10px; opacity: .6; }
  .help-poster__contacts { flex-direction: column; align-items: flex-start; gap: 12px; }
  .help-poster__phone { font-size: 28px; }
  .help-poster__sep { display: none; }
  .help-poster__link { font-size: 14px; gap: 6px; }
  .betstop-block { padding: 20px; gap: 16px; }
  .betstop-block__title { font-size: 20px; letter-spacing: 0; }
  .betstop-block__mark { width: 24px; height: 12px; }
  .betstop-block__text { font-weight: 400; font-size: 12px; line-height: 1.5; }
  .betstop-block .btn { padding: 12px 16px; gap: 8px; font-size: 12px; letter-spacing: 0; }
}

/* Payments strip ---------------------------------------------------------- */

.payments {
  height: 80px;
  display: flex; align-items: center; justify-content: space-between;
  padding-inline: var(--shell-pad);
  background: var(--c-text);
  color: var(--c-bg);
}
.payments__group { display: flex; align-items: center; gap: 12px; }
.payments__label { font-weight: 700; font-size: 12px; line-height: 1.25; letter-spacing: 1px; }
.payments__rule { width: 16px; height: 2px; background: var(--c-blue); flex: none; }
.payments__sub { font-weight: 700; font-size: 12px; line-height: 1.25; }
.payments__logos { width: 240px; height: 32px; object-fit: contain; }
.payments__note { font-weight: 700; font-size: 11px; line-height: 1.27; }

@media (max-width: 1023px) {
  .payments {
    height: auto;
    flex-direction: column; align-items: flex-start; gap: 12px;
    padding: 20px;
  }
  .payments__group { flex-direction: column; align-items: flex-start; gap: 4px; }
  .payments__label { font-size: 11px; letter-spacing: 0; }
  .payments__rule { display: none; }
  .payments__sub { font-size: 11px; color: var(--c-blue); }
  .payments__logos { width: 180px; height: 24px; }
  .payments__note { font-size: 9px; }
}

/* Footer ------------------------------------------------------------------ */

.site-footer {
  position: relative;
  overflow: hidden;
  padding: 120px var(--shell-pad) 80px;
  background: var(--c-bg);
}
.site-footer__watermark {
  top: 40px; left: var(--shell-pad);
  font-size: 180px;
  opacity: .05;
}
.site-footer__inner {
  position: relative; z-index: 1;
  max-width: calc(var(--shell-max) - (var(--shell-pad) * 2));
  margin-inline: auto;
  display: flex; flex-direction: column; gap: 80px;
}
.site-footer__nav {
  display: flex; justify-content: space-between; gap: 48px;
}
.site-footer__col { width: 320px; display: flex; flex-direction: column; gap: 24px; }
.site-footer__col-title {
  font-weight: 700; font-size: 14px; line-height: 1.28;
  letter-spacing: 2px; color: var(--c-blue);
}
.site-footer__links { display: flex; flex-direction: column; gap: 12px; }
.site-footer__link {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 500; font-size: 16px; line-height: 1.25; color: var(--c-text);
  transition: color .18s ease;
}
.site-footer__link:hover { color: var(--c-blue-light); }
.site-footer__link .icon { color: var(--c-border); }

.site-footer__rule { height: 1px; background: var(--c-border); border: 0; margin: 0; }

.site-footer__legal { display: flex; gap: 64px; }
.site-footer__legal-col { display: flex; flex-direction: column; gap: 16px; }
.site-footer__legal-col--operator { width: 600px; flex: none; }
.site-footer__legal-col--notice { flex: 1 1 auto; }
.site-footer__legal-title {
  font-weight: 700; font-size: 13px; line-height: 1.3;
  letter-spacing: 1px; color: var(--c-blue-light);
}
.site-footer__legal-text {
  font-size: 13px; line-height: 1.6; color: var(--c-text);
  white-space: pre-line;
}
.site-footer__legal-col--notice .site-footer__legal-text { font-size: 12px; }

@media (max-width: 1023px) {
  .site-footer { padding: 40px 20px; }
  .site-footer__watermark { display: none; }
  .site-footer__inner { gap: 40px; }
  .site-footer__nav { flex-direction: column; gap: 32px; }
  .site-footer__col { width: 100%; gap: 16px; }
  .site-footer__col-title { font-size: 12px; letter-spacing: 1px; }
  .site-footer__links { gap: 10px; }
  .site-footer__link { font-size: 14px; }
  .site-footer__legal { flex-direction: column; gap: 32px; }
  .site-footer__legal-col--operator { width: 100%; }
  .site-footer__legal-col { gap: 12px; }
  .site-footer__legal-title { font-size: 11px; letter-spacing: 0; }
  .site-footer__legal-text,
  .site-footer__legal-col--notice .site-footer__legal-text { font-size: 12px; line-height: 1.5; }
}