/* jackpot.php — build p2_d3b5efa745 */
.p2_d3b5efa745_root {
  background: #291626;
  font-family: Arial, Helvetica, sans-serif;
  color: #f5f5f5;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 0 40px;
}

/* quote_wall */
.p2_d3b5efa745_qwall {
  background: #253c2e;
  padding: 32px 28px;
  border-left: 4px solid #ed3137;
  margin: 28px 16px 0;
  border-radius: 6px;
}
.p2_d3b5efa745_qwall-inner { max-width: 820px; margin: 0 auto; }
.p2_d3b5efa745_bq {
  font-size: 1.18rem;
  line-height: 1.65;
  color: #f5f5f5;
  margin: 0 0 10px;
  font-style: italic;
}
.p2_d3b5efa745_bq-mark { font-size: 1.7rem; color: #ed3137; line-height: 0; vertical-align: -6px; }
.p2_d3b5efa745_bq-src { color: #aaa; font-size: .88rem; margin: 0; }

/* cta_banner */
.p2_d3b5efa745_ctabanner { margin: 24px 16px 0; border-radius: 8px; overflow: hidden; background: #261523; box-shadow: 0 2px 12px rgba(0,0,0,.35); }
.p2_d3b5efa745_ctabanner-wrap { display: flex; flex-wrap: wrap; align-items: stretch; }
.p2_d3b5efa745_ctabanner-img { width: 340px; object-fit: cover; flex-shrink: 0; display: block; max-width: 100%; }
.p2_d3b5efa745_ctabanner-body { padding: 28px 28px 28px 24px; flex: 1 1 260px; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.p2_d3b5efa745_h1 { font-size: 1.9rem; color: #ed3137; margin: 0; font-weight: 700; line-height: 1.2; }
.p2_d3b5efa745_ctabanner-sub { margin: 0; font-size: .97rem; line-height: 1.55; color: #ddd; }

/* newsletter_panel */
.p2_d3b5efa745_nl { background: #261523; margin: 20px 16px 0; border-radius: 8px; padding: 24px 28px; }
.p2_d3b5efa745_nl-inner { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; }
.p2_d3b5efa745_nl-txt { flex: 1 1 280px; }
.p2_d3b5efa745_nl-txt p { margin: 6px 0 0; font-size: .93rem; color: #ccc; }
.p2_d3b5efa745_nl-form { display: flex; gap: 10px; flex-wrap: wrap; flex: 1 1 280px; }
.p2_d3b5efa745_nl-input {
  flex: 1 1 180px;
  background: #291626;
  border: 1px solid #ed3137;
  border-radius: 5px;
  color: #f5f5f5;
  padding: 9px 14px;
  font-size: .94rem;
  outline: none;
  font-family: Arial, Helvetica, sans-serif;
}
.p2_d3b5efa745_nl-input::placeholder { color: #888; }

/* metric_strip */
.p2_d3b5efa745_metrics { background: #253c2e; margin: 20px 16px 0; border-radius: 8px; padding: 18px 20px; }
.p2_d3b5efa745_metrics-row { display: flex; flex-wrap: wrap; gap: 0; }
.p2_d3b5efa745_metric-cell {
  flex: 1 1 130px;
  text-align: center;
  padding: 10px 8px;
  border-right: 1px solid rgba(237,49,55,.25);
}
.p2_d3b5efa745_metric-cell:last-child { border-right: none; }
.p2_d3b5efa745_metric-val { display: block; font-size: 1.55rem; font-weight: 700; color: #ed3137; }
.p2_d3b5efa745_metric-lbl { display: block; font-size: .8rem; color: #bbb; margin-top: 3px; }

/* myth-fact */
.p2_d3b5efa745_mythfact { margin: 28px 16px 0; }
.p2_d3b5efa745_h2 { font-size: 1.35rem; color: #ed3137; margin: 0 0 14px; font-weight: 700; }
.p2_d3b5efa745_h2--accent { border-bottom: 2px solid #ed3137; padding-bottom: 7px; }
.p2_d3b5efa745_h2--center { text-align: center; }
.p2_d3b5efa745_mf-lead { color: #ccc; font-size: .95rem; margin: 0 0 18px; }
.p2_d3b5efa745_mf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.p2_d3b5efa745_mf-pair { background: #261523; border-radius: 7px; overflow: hidden; box-shadow: 0 1px 6px rgba(0,0,0,.3); }
.p2_d3b5efa745_mf-myth, .p2_d3b5efa745_mf-fact { padding: 12px 16px; font-size: .92rem; line-height: 1.5; }
.p2_d3b5efa745_mf-myth { background: rgba(237,49,55,.08); border-bottom: 1px solid rgba(237,49,55,.2); }
.p2_d3b5efa745_mf-fact { background: rgba(37,60,46,.5); }
.p2_d3b5efa745_mf-label { display: inline-block; font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; margin-right: 6px; }
.p2_d3b5efa745_mf-myth .p2_d3b5efa745_mf-label { color: #ed3137; }
.p2_d3b5efa745_mf-fact .p2_d3b5efa745_mf-label { color: #7ec89a; }

/* resource_cards */
.p2_d3b5efa745_rescards { margin: 28px 16px 0; }
.p2_d3b5efa745_rescards-intro { color: #ccc; font-size: .95rem; margin: 0 0 18px; }
.p2_d3b5efa745_masonry { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.p2_d3b5efa745_rcard { background: #261523; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.3); display: flex; flex-direction: column; }
.p2_d3b5efa745_rcard--wide { grid-column: span 2; flex-direction: row; }
.p2_d3b5efa745_rcard-img { width: 100%; object-fit: cover; display: block; max-height: 180px; }
.p2_d3b5efa745_rcard--wide .p2_d3b5efa745_rcard-img { width: 200px; max-height: unset; flex-shrink: 0; }
.p2_d3b5efa745_rcard-body { padding: 14px 16px; flex: 1; }
.p2_d3b5efa745_h3 { font-size: 1.05rem; color: #ed3137; margin: 0 0 8px; font-weight: 700; }
.p2_d3b5efa745_rcard-body p { font-size: .9rem; line-height: 1.55; color: #ddd; margin: 0 0 10px; }
.p2_d3b5efa745_rcard-dl { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; font-size: .83rem; margin: 0; }
.p2_d3b5efa745_rcard-dl dt { color: #aaa; font-weight: 600; }
.p2_d3b5efa745_rcard-dl dd { color: #f5f5f5; margin: 0; }

/* hero_split */
.p2_d3b5efa745_herosplit { margin: 28px 16px 0; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; background: #253c2e; border-radius: 8px; overflow: hidden; padding: 0; }
.p2_d3b5efa745_herosplit-media { flex: 0 0 auto; }
.p2_d3b5efa745_herosplit-img { width: 300px; max-width: 100%; object-fit: cover; display: block; }
.p2_d3b5efa745_herosplit-text { flex: 1 1 280px; padding: 24px 24px 24px 0; }
.p2_d3b5efa745_herosplit-text p { font-size: .94rem; line-height: 1.6; color: #ddd; margin: 0 0 14px; }

/* ribbon-compare */
.p2_d3b5efa745_ribbon { margin: 28px 16px 0; }
.p2_d3b5efa745_ribbon-row { display: flex; flex-wrap: wrap; gap: 0; border-radius: 8px; overflow: hidden; }
.p2_d3b5efa745_ribbon-band { flex: 1 1 240px; padding: 20px 22px; }
.p2_d3b5efa745_ribbon-band--a { background: rgba(237,49,55,.12); border-top: 3px solid #ed3137; }
.p2_d3b5efa745_ribbon-band--b { background: rgba(37,60,46,.6); border-top: 3px solid #7ec89a; }
.p2_d3b5efa745_ribbon-tag { display: block; font-size: .85rem; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 12px; color: #f5f5f5; }
.p2_d3b5efa745_ribbon-band--a .p2_d3b5efa745_ribbon-tag { color: #ed3137; }
.p2_d3b5efa745_ribbon-band--b .p2_d3b5efa745_ribbon-tag { color: #7ec89a; }
.p2_d3b5efa745_ribbon-ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.p2_d3b5efa745_ribbon-ul li { font-size: .9rem; color: #ddd; padding-left: 14px; position: relative; }
.p2_d3b5efa745_ribbon-ul li::before { content: '—'; position: absolute; left: 0; color: #ed3137; }
.p2_d3b5efa745_ribbon-band--b .p2_d3b5efa745_ribbon-ul li::before { color: #7ec89a; }

/* editorial */
.p2_d3b5efa745_editorial { margin: 28px 16px 0; }
.p2_d3b5efa745_editorial-split { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; margin-bottom: 28px; }
.p2_d3b5efa745_editorial-main { flex: 2 1 320px; }
.p2_d3b5efa745_editorial-main p { font-size: .94rem; line-height: 1.65; color: #ddd; margin: 0 0 14px; }
.p2_d3b5efa745_editorial-aside { flex: 0 1 220px; display: flex; flex-direction: column; gap: 14px; }
.p2_d3b5efa745_aside-img { width: 100%; border-radius: 7px; object-fit: cover; display: block; max-height: 160px; }
.p2_d3b5efa745_aside-note { background: #261523; border-left: 3px solid #ed3137; border-radius: 5px; padding: 12px 14px; }
.p2_d3b5efa745_aside-note p { font-size: .88rem; line-height: 1.5; color: #ccc; margin: 0; }

/* table */
.p2_d3b5efa745_tbl-wrap { margin: 0 0 28px; }
.p2_d3b5efa745_tbl-wrap .p2_d3b5efa745_h3 { margin-bottom: 12px; }
.p2_d3b5efa745_tbl-scroll { overflow-x: auto; }
.p2_d3b5efa745_tbl { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 560px; }
.p2_d3b5efa745_tbl th { background: #253c2e; color: #ed3137; padding: 10px 14px; text-align: left; border-bottom: 2px solid #ed3137; }
.p2_d3b5efa745_tbl td { padding: 9px 14px; border-bottom: 1px solid rgba(255,255,255,.07); color: #ddd; }
.p2_d3b5efa745_tbl tr:hover td { background: rgba(237,49,55,.05); }

/* faq */
.p2_d3b5efa745_faq { margin: 0; }
.p2_d3b5efa745_faq .p2_d3b5efa745_h2 { margin-bottom: 16px; }
.p2_d3b5efa745_faq-item { border-bottom: 1px solid rgba(255,255,255,.08); }
.p2_d3b5efa745_faq-q {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  color: #f5f5f5;
  font-size: .97rem;
  font-family: Arial, Helvetica, sans-serif;
  padding: 14px 36px 14px 0;
  cursor: pointer;
  position: relative;
  font-weight: 600;
  line-height: 1.4;
}
.p2_d3b5efa745_faq-q::after { content: '+'; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 1.3rem; color: #ed3137; transition: transform .25s; }
.p2_d3b5efa745_faq-q[aria-expanded="true"]::after { content: '−'; }
.p2_d3b5efa745_faq-a { padding: 0 0 14px; }
.p2_d3b5efa745_faq-a p { font-size: .91rem; line-height: 1.6; color: #ccc; margin: 0; }

/* buttons */
.p2_d3b5efa745_btn-accent {
  display: inline-block;
  background: #ed3137;
  color: #f8faf8;
  border: none;
  border-radius: 5px;
  padding: 10px 22px;
  font-size: .93rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  transition: opacity .2s;
  white-space: nowrap;
}
.p2_d3b5efa745_btn-accent:hover { opacity: .85; }
.p2_d3b5efa745_btn-outline {
  display: inline-block;
  background: transparent;
  color: #fff;
  border: 2px solid #ed3137;
  border-radius: 5px;
  padding: 9px 20px;
  font-size: .93rem;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  transition: background .2s, color .2s;
  white-space: nowrap;
}
.p2_d3b5efa745_btn-outline:hover { background: #ed3137; color: #f8faf8; }

/* responsive */
@media (max-width: 700px) {
  .p2_d3b5efa745_rcard--wide { grid-column: span 1; flex-direction: column; }
  .p2_d3b5efa745_rcard--wide .p2_d3b5efa745_rcard-img { width: 100%; max-height: 180px; }
  .p2_d3b5efa745_ctabanner-img { width: 100%; max-height: 180px; }
  .p2_d3b5efa745_herosplit-img { width: 100%; }
  .p2_d3b5efa745_herosplit-text { padding: 18px 18px; }
  .p2_d3b5efa745_metric-cell { flex: 1 1 50%; }
}

/* Enforced site palette (#291626 / #253c2e / #ed3137) — последним слоем */
html, body {
  background-color: #291626 !important;
}
main {
  background-color: transparent !important;
  color: #f5f5f5 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}
main * {
  font-family: inherit !important;
}
main, main p, main li, main label, main span, main small, main td, main th, main dd, main dt {
  color: #f5f5f5 !important;
}
main h1, main h2, main h3, main h4, main .accent, main strong, main b {
  color: #ed3137 !important;
}
/* FAQ/аккордеон: заголовки h* внутри кнопки не делаем жёлтыми (было нечитаемо на жёлтом фоне) */
main button :is(h1, h2, h3, h4),
main [role="button"] :is(h1, h2, h3, h4) {
  color: #ffffff !important;
}
main button :is(span, p, div),
main [role="button"] :is(span, p, div) {
  color: inherit !important;
}
main a {
  color: #ed3137 !important;
}
main a:hover {
  color: color-mix(in srgb, #ed3137 82%, #ffffff) !important;
}
/* Tailwind / классы: жёлтая заливка — текст #101710 (перекрывает main a) */
main a[class*="bg-yellow"],
main a[class*="bg-amber"],
main a[class*="bg-lime"],
main a[class*="bg-[#ffe14a"],
main a[class*="bg-[#FFE14A"],
main button[class*="bg-yellow"],
main button[class*="bg-amber"],
main button[class*="bg-lime"],
main button[class*="bg-[#ffe14a"],
main button[class*="bg-[#FFE14A"] {
  color: #101710 !important;
}
main a[class*="bg-yellow"] *,
main a[class*="bg-amber"] *,
main button[class*="bg-yellow"] *,
main button[class*="bg-amber"] *,
main a[class*="bg-[#ffe14a"] *,
main a[class*="bg-[#FFE14A"] *,
main button[class*="bg-[#ffe14a"] *,
main button[class*="bg-[#FFE14A"] * {
  color: #101710 !important;
}
/* Контур / прозрачный фон + жёлтая рамка или ring — белый текст */
main a[class*="border-yellow"]:not([class*="bg-yellow"]),
main a[class*="border-amber"]:not([class*="bg-yellow"]):not([class*="bg-amber"]),
main button[class*="border-yellow"]:not([class*="bg-yellow-4"]):not([class*="bg-yellow-5"]):not([class*="bg-amber-4"]):not([class*="bg-amber-5"]),
main button[class*="border-amber"]:not([class*="bg-yellow"]):not([class*="bg-amber"]),
main a[class*="ring-yellow"]:not([class*="bg-yellow"]),
main button[class*="ring-yellow"]:not([class*="bg-yellow"]),
main a[class*="ring-amber"]:not([class*="bg-amber"]),
main button[class*="ring-amber"]:not([class*="bg-amber"]) {
  color: #ffffff !important;
}
main a[class*="border-yellow"]:not([class*="bg-yellow"]) *,
main button[class*="border-yellow"]:not([class*="bg-yellow"]) *,
main a[class*="ring-yellow"]:not([class*="bg-yellow"]) *,
main button[class*="ring-yellow"]:not([class*="bg-yellow"]) * {
  color: #ffffff !important;
}
/* Tailwind arbitrary: border-[#ffe14a] / ring — жёлтая обводка на прозрачном фоне = белый текст */
main a[class*="bg-transparent"][class*="border-[#ffe14a"],
main a[class*="bg-transparent"][class*="border-[#FFE14A"],
main button[class*="bg-transparent"][class*="border-[#ffe14a"],
main button[class*="bg-transparent"][class*="border-[#FFE14A"],
main a[class*="border-[#ffe14a"][class*="bg-transparent"],
main button[class*="border-[#ffe14a"][class*="bg-transparent"],
main a[class*="border-[#FFE14A"][class*="bg-transparent"],
main button[class*="border-[#FFE14A"][class*="bg-transparent"],
main a[class*="ring-[#ffe14a"]:not([class*="bg-[#ffe14a"]),
main button[class*="ring-[#ffe14a"]:not([class*="bg-[#ffe14a"]),
main a[class*="ring-[#FFE14A"]:not([class*="bg-[#ffe14a"]),
main button[class*="ring-[#FFE14A"]:not([class*="bg-[#ffe14a"]) {
  color: #ffffff !important;
}
main a[class*="bg-transparent"][class*="border-[#ffe14a"] *,
main button[class*="bg-transparent"][class*="border-[#ffe14a"] *,
main a[class*="border-[#ffe14a"][class*="bg-transparent"] *,
main button[class*="border-[#ffe14a"][class*="bg-transparent"] * {
  color: #ffffff !important;
}
/* Та же кнопка при hover с заливкой — тёмный текст */
main a[class*="border-[#ffe14a"][class*="hover:bg-[#ffe14a"]:hover,
main button[class*="border-[#ffe14a"][class*="hover:bg-[#ffe14a"]:hover,
main a[class*="border-[#FFE14A"][class*="hover:bg-[#FFE14A"]:hover,
main button[class*="border-[#FFE14A"][class*="hover:bg-[#FFE14A"]:hover {
  color: #101710 !important;
}
main a[class*="border-[#ffe14a"][class*="hover:bg-[#ffe14a"]:hover *,
main button[class*="border-[#ffe14a"][class*="hover:bg-[#ffe14a"]:hover * {
  color: #101710 !important;
}
/* Жёлтая ЗАЛИВКА CTA — только явный жёлтый фон (не border-color + transparent) */
main a[style*="background:#ffe14a"],
main a[style*="background: #ffe14a"],
main a[style*="background-color:#ffe14a"],
main a[style*="background-color: #ffe14a"],
main a[style*="linear-gradient"][style*="ffe14a"],
main a[style*="background:rgb(255, 225, 74)"],
main a[style*="background: rgb(255, 225, 74)"],
main a.bg-brand-accent {
  color: #101710 !important;
}
main a[style*="background:#ffe14a"]:hover,
main a[style*="background: #ffe14a"]:hover,
main a.bg-brand-accent:hover {
  color: #0a0f0a !important;
}
main a[style*="background:#ffe14a"] :is(span, strong, b),
main a[style*="background: #ffe14a"] :is(span, strong, b),
main a[style*="linear-gradient"][style*="ffe14a"] :is(span, strong, b),
main a.bg-brand-accent :is(span, strong, b) {
  color: #101710 !important;
}
main button[style*="background:#ffe14a"],
main button[style*="background: #ffe14a"],
main button[style*="background-color:#ffe14a"],
main button[style*="background-color: #ffe14a"],
main button[style*="linear-gradient"][style*="ffe14a"],
main button.bg-brand-accent {
  color: #101710 !important;
}
main button[style*="background:#ffe14a"] :is(span, strong, b),
main button[style*="background: #ffe14a"] :is(span, strong, b),
main button.bg-brand-accent :is(span, strong, b) {
  color: #101710 !important;
}
/* Контурные кнопки: прозрачный фон + рамка акцента — белый текст */
main button[style*="background:transparent"],
main button[style*="background: transparent"],
main button[style*="background-color:transparent"],
main button[style*="background-color: transparent"] {
  color: #ffffff !important;
}
main button[style*="background:transparent"] :is(span, strong, b),
main button[style*="background: transparent"] :is(span, strong, b),
main button[style*="background-color:transparent"] :is(span, strong, b),
main button[style*="background-color: transparent"] :is(span, strong, b) {
  color: #ffffff !important;
}
main a[style*="background:transparent"][class*="border"],
main a[style*="background: transparent"][class*="border"],
main a[style*="border"][style*="background:transparent"] {
  color: #ffffff !important;
}
main a[style*="background:transparent"] :is(span, strong, b),
main a[style*="background: transparent"] :is(span, strong, b) {
  color: #ffffff !important;
}
/* Tailwind: text-white на жёлтой заливке — тёмный текст */
main a[class*="bg-yellow"][class*="text-white"],
main button[class*="bg-yellow"][class*="text-white"],
main a[class*="bg-amber"][class*="text-white"],
main button[class*="bg-amber"][class*="text-white"],
main a[class*="bg-lime"][class*="text-white"],
main button[class*="bg-lime"][class*="text-white"] {
  color: #101710 !important;
}
main a[class*="bg-yellow"][class*="text-white"] *,
main button[class*="bg-yellow"][class*="text-white"] * {
  color: #101710 !important;
}
/* Контур: text-gray/zinc/slate на тёмном фоне — белый */
main a[class*="border-yellow"][class*="text-gray"],
main button[class*="border-yellow"][class*="text-gray"],
main a[class*="border-yellow"][class*="text-zinc"],
main button[class*="border-yellow"][class*="text-zinc"],
main a[class*="border-yellow"][class*="text-slate"],
main button[class*="border-yellow"][class*="text-slate"],
main a[class*="border-amber"][class*="text-gray"],
main button[class*="border-amber"][class*="text-gray"] {
  color: #ffffff !important;
}
main a[class*="border-yellow"][class*="text-gray"] *,
main button[class*="border-yellow"][class*="text-gray"] *,
main a[class*="border-amber"][class*="text-gray"] * {
  color: #ffffff !important;
}
/* Кнопки из промптов: primary = заливка, outline/secondary = контур */
main a.btn-primary:not([class*="outline"]),
main button.btn-primary:not([class*="outline"]),
main [class*="btn-primary"]:not([class*="outline"]):not([class*="border-2"]):not([class*="border-y"]) {
  color: #101710 !important;
}
main a[class*="btn-outline"],
main button[class*="btn-outline"],
main a.btn-secondary,
main button.btn-secondary {
  color: #ffffff !important;
}
/* Синие/indigo полосы — в палитру бренда (не «чужие» блоки) */
main section[class*="bg-blue"],
main section[class*="from-blue"],
main section[class*="to-blue"],
main [class*="bg-gradient"][class*="from-blue"],
main [class*="bg-gradient"][class*="to-indigo"] {
  background: linear-gradient(180deg, #253c2e 0%, #291626 100%) !important;
  background-color: #253c2e !important;
  background-image: linear-gradient(180deg, #253c2e 0%, #291626 100%) !important;
}
/* CTA с фоном: overlay position:absolute без высоты секции → контент наезжает на предыдущий блок */
main section[class*="cta"][style*="background"],
main section[style*="background-image"][class*="cta"] {
  position: relative !important;
  overflow: hidden !important;
  min-height: min(52vh, 440px) !important;
  isolation: isolate;
}
main section[class*="cta"] > [class*="overlay"],
main section[style*="background-image"] > div[class*="overlay"] {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-height: 240px !important;
  padding: clamp(2rem, 5vw, 3.5rem) 1rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.72) !important;
}
main section[class*="faq"],
main section[id="faq"] {
  position: relative;
  z-index: 1;
}
main section[class*="cta"] {
  z-index: 0;
}
main section[class*="cta"] a[class*="button"],
main section[class*="cta"] a[class*="cta_"] {
  display: inline-block !important;
  width: auto !important;
  max-width: min(96vw, 420px) !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.35 !important;
  box-sizing: border-box !important;
}
/* Вкладки шагов (registration и др.) вне #lw-games */
main section:not(#lw-games) button[data-tab].is-active,
main section:not(#lw-games) button[data-tab].lw-tab-on {
  background-color: #ed3137 !important;
  color: #f8faf8 !important;
  border-color: #ed3137 !important;
}
main section:not(#lw-games) button[data-tab]:not(.is-active):not(.lw-tab-on) {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ed3137 !important;
}
/* Ритм секций */
main > section {
  box-sizing: border-box;
  padding-left: max(1rem, env(safe-area-inset-left)) !important;
  padding-right: max(1rem, env(safe-area-inset-right)) !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
/* FAQ: единый вид (как laki-19) */
main section[id*="faq"] [class*="faq-item"],
main section[class*="faq"] [class*="faq-item"],
main [class*="faq-section"] [class*="faq-item"] {
  background-color: #253c2e !important;
  border-radius: 12px !important;
  margin-bottom: 0.75rem !important;
  overflow: hidden;
}
main section[id*="faq"] [class*="faq-item"] > button,
main section[class*="faq"] [class*="faq-item"] > button,
main [class*="faq-section"] [class*="faq-item"] > button {
  color: #ffffff !important;
  width: 100%;
  text-align: left;
  padding: 0.85rem 1rem !important;
  background: transparent !important;
  border: none !important;
  font-weight: 700 !important;
}
main section[id*="faq"] h2,
main section[class*="faq"] h2,
main [class*="faq-section"] h2 {
  text-align: center !important;
  margin-bottom: 1.25rem !important;
}
/* Секции не получают принудительную полосу от генератора — только контент задаёт фон */
main > section:first-of-type {
  background-color: transparent !important;
}
/* Не переопределяем фон всех button — ломались вкладки и аккордеоны; CTA оформляй в HTML/Tailwind (жёлтая заливка + тёмный текст) */
#lw-games a,
[class*="games"] a,
[id*="games"] a {
  display: block;
  overflow: hidden;
  border-radius: 14px;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
#lw-games a:hover,
[class*="games"] a:hover,
[id*="games"] a:hover {
  transform: translateY(-4px) scale(1.015);
  box-shadow: 0 10px 26px rgba(0,0,0,0.35);
  filter: saturate(1.12);
}
#lw-games img,
[class*="games"] img,
[id*="games"] img {
  width: 100%;
  aspect-ratio: 16 / 10;
  min-height: 140px;
  object-fit: cover !important;
  object-position: center;
  display: block;
}
/* Вкладки #lw-games: активная — заливка акцента */
#lw-games button[data-tab].is-active,
#lw-games button[data-tab][aria-pressed="true"] {
  background-color: #ed3137 !important;
  color: #f8faf8 !important;
  border-color: #ed3137 !important;
}
#lw-games button[data-tab]:not(.is-active) {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ed3137 !important;
}
#lw-games button[data-tab] * {
  color: inherit !important;
}
/* Постобработка patchMainCtaContrast: контраст gateway-ссылок в main */
main a.lw-cta-solid,
main a.lw-cta-solid * {
  color: #f8faf8 !important;
}
main a.lw-cta-solid:hover {
  color: color-mix(in srgb, #f8faf8 85%, #000) !important;
}
main a.lw-cta-outline,
main a.lw-cta-outline * {
  color: #ffffff !important;
}