/*!
 * Mega Riches Casino UK — brand-v2.css
 * Royal opulence palette extracted directly from official MEGA RICHES SVG logo
 * gradients (Videoslots Ltd, UKGC #39380). Loaded on every page via <link>
 * injection. Overrides the default `everyone` theme styling with !important.
 */

/* ---------- 0. Tokens ---------- */
:root {
  --mr-gold-deep: #a87119;
  --mr-gold-base: #b07f2a;
  --mr-gold-mid: #d2b36d;
  --mr-gold-warm: #ebda9e;
  --mr-gold-light: #f8edb6;
  --mr-gold-pop: #f8e67e;
  --mr-gold-burnish: #c89527;
  --mr-chrome-dark: #adadad;
  --mr-chrome-mid: #c7c7c7;
  --mr-chrome-light: #efefef;

  --mr-bg: #050402;
  --mr-bg-card: #0c0805;
  --mr-bg-section: #0f0a05;
  --mr-bg-section-alt: #18110a;
  --mr-border-subtle: rgba(245, 213, 107, 0.16);
  --mr-border-mid: rgba(245, 213, 107, 0.32);
  --mr-border-strong: rgba(245, 213, 107, 0.6);
  --mr-glass: rgba(245, 213, 107, 0.05);
  --mr-glass-strong: rgba(245, 213, 107, 0.10);
  --mr-text: #f4ecdb;
  --mr-text-muted: rgba(244, 236, 219, 0.74);
  --mr-text-soft: rgba(244, 236, 219, 0.55);
  --mr-success: #28e96b;
  --mr-danger: #ff5470;

  --mr-grad-gold: linear-gradient(135deg, #a87119 0%, #b07f2a 18%, #d2b36d 38%, #f8edb6 55%, #ebda9e 75%, #d3b044 100%);
  --mr-grad-gold-h: linear-gradient(180deg, #f8edb6 0%, #d2b36d 50%, #a87119 100%);
  --mr-grad-chrome: linear-gradient(180deg, #efefef 0%, #c7c7c7 50%, #adadad 100%);
  --mr-grad-bg-radial: radial-gradient(ellipse 90% 60% at 50% 0%, #1a1208 0%, #0a0805 50%, #050402 100%);

  --mr-shadow-gold: 0 18px 38px -14px rgba(216, 159, 51, 0.55);
  --mr-shadow-gold-soft: 0 8px 24px rgba(168, 113, 25, 0.28);

  --mr-font-display: "Cinzel", "Playfair Display", Georgia, serif;
  --mr-font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- 1. Web fonts ---------- */
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800;900&display=swap");

/* ---------- 2. Global background + typography reset ---------- */
html, body {
  background: var(--mr-grad-bg-radial) !important;
  background-color: var(--mr-bg) !important;
  background-attachment: fixed !important;
  color: var(--mr-text) !important;
  font-family: var(--mr-font-body) !important;
  -webkit-font-smoothing: antialiased;
}

body::before {
  content: "";
  position: fixed; inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle 1.5px at 12% 8%, rgba(248, 230, 126, 0.45) 50%, transparent 51%),
    radial-gradient(circle 1px at 84% 14%, rgba(255, 255, 255, 0.3) 50%, transparent 51%),
    radial-gradient(circle 1.2px at 28% 78%, rgba(248, 237, 182, 0.35) 50%, transparent 51%),
    radial-gradient(circle 1.5px at 76% 86%, rgba(248, 230, 126, 0.25) 50%, transparent 51%);
  background-size: 500px 500px;
  opacity: .5;
  z-index: 0;
  animation: mr-stardust 16s ease-in-out infinite alternate;
}
@keyframes mr-stardust {
  0% { transform: translateY(0); opacity: .4; }
  100% { transform: translateY(-22px); opacity: .8; }
}

h1, h2, h3, h4, h5, h6,
.section-title, .offer-title, .page-title {
  font-family: var(--mr-font-display) !important;
  letter-spacing: 0.01em !important;
  color: var(--mr-text) !important;
}

h1, .page-content h1, .offer-title {
  font-weight: 700 !important;
  background: var(--mr-grad-gold);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  text-shadow: none !important;
  line-height: 1.06;
}

/* All H2 in the SEO body get the gold accent line treatment */
.page-text h2,
.page-content h2,
section h2:not(.mr2-hero h2):not(.section-title) {
  position: relative;
  padding-top: 1.4em;
  padding-bottom: 0.55em;
  margin-top: 1.1em;
  font-size: clamp(22px, 2.6vw, 30px) !important;
  font-weight: 700 !important;
  color: var(--mr-text) !important;
}
.page-text h2::before,
.page-content h2::before,
section h2:not(.mr2-hero h2):not(.section-title)::before {
  content: "";
  position: absolute; top: 0; left: 0;
  width: 64px; height: 3px;
  background: var(--mr-grad-gold);
  border-radius: 2px;
  box-shadow: 0 0 14px rgba(248, 230, 126, 0.55);
}

.page-text h3,
.page-content h3 {
  color: var(--mr-gold-light) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  margin-top: 1.4em;
}

.page-text p,
.page-content p {
  color: var(--mr-text-muted) !important;
  line-height: 1.78 !important;
  font-size: 16px !important;
}

a {
  color: var(--mr-gold-light);
  text-decoration: none;
  transition: color .2s;
}
a:hover { color: var(--mr-gold-pop); }

/* ---------- 3. Header ---------- */
.header {
  background: linear-gradient(180deg, rgba(8,5,2,0.96) 0%, rgba(15,10,5,0.86) 100%) !important;
  backdrop-filter: blur(14px) saturate(140%);
  border-bottom: 1px solid var(--mr-border-subtle) !important;
  box-shadow: 0 1px 0 rgba(248, 230, 126, 0.05), 0 18px 38px -28px rgba(0,0,0,0.8) !important;
  padding-top: 14px !important; padding-bottom: 14px !important;
  margin-bottom: 0 !important;
  position: sticky !important;
  top: 0;
  z-index: 1000 !important;
}

.header .container { max-width: 1240px; }

.header .custom-logo,
.header .custom-logo-link img {
  width: auto !important;
  height: 48px !important;
  max-height: 48px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(248, 230, 126, 0.35));
}

.header .nav .menu {
  display: flex;
  gap: 6px;
  list-style: none;
  margin: 0; padding: 0;
}
.header .nav .menu li a {
  display: inline-block;
  padding: 8px 16px;
  font-family: var(--mr-font-body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--mr-text-muted) !important;
  border: 1px solid transparent;
  border-radius: 999px;
  transition: all .2s;
  text-transform: uppercase;
}
.header .nav .menu li a:hover {
  color: var(--mr-gold-pop) !important;
  border-color: var(--mr-border-mid);
  background: var(--mr-glass);
}
.header .nav .menu li.current-menu-item a,
.header .nav .menu li.current_page_item a {
  color: var(--mr-gold-light) !important;
  border-color: var(--mr-border-mid);
  background: var(--mr-glass-strong);
}

/* Header buttons — REPLACE red+green with gold pill + chrome ghost */
.header .header-buttons .btn,
.header .header-buttons .btn-danger,
.header .header-buttons .btn-primary {
  display: inline-flex !important;
  align-items: center; justify-content: center;
  height: 42px; padding: 0 22px !important;
  font-family: var(--mr-font-body) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  transition: all .25s ease;
  text-shadow: none !important;
  margin-right: 10px !important;
}
.header .header-buttons .btn-danger,
.header .header-buttons .btn:first-of-type {
  background: var(--mr-grad-gold) !important;
  background-size: 200% 100% !important;
  color: #2a1f0c !important;
  border: 1px solid var(--mr-gold-light) !important;
  box-shadow: 0 8px 22px -6px rgba(216, 159, 51, 0.6), inset 0 1px 0 rgba(255,255,255,0.4);
  animation: mr-gold-shimmer 4s linear infinite;
}
.header .header-buttons .btn-primary,
.header .header-buttons .btn:last-of-type {
  background: transparent !important;
  color: var(--mr-gold-light) !important;
  border: 1px solid var(--mr-border-mid) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04);
}
.header .header-buttons .btn-danger:hover,
.header .header-buttons .btn:first-of-type:hover {
  filter: brightness(1.12);
  box-shadow: 0 12px 30px -6px rgba(248, 230, 126, 0.7);
}
.header .header-buttons .btn-primary:hover,
.header .header-buttons .btn:last-of-type:hover {
  border-color: var(--mr-gold-light) !important;
  color: var(--mr-gold-pop) !important;
  background: var(--mr-glass) !important;
}

@keyframes mr-gold-shimmer {
  0% { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* ---------- 4. Mockup overrides — keep mr-* classes but tune to brand ---------- */
.mr-opulence-mock {
  border: 1px solid var(--mr-border-mid) !important;
  box-shadow: var(--mr-shadow-gold), inset 0 0 80px rgba(245, 184, 60, 0.1) !important;
}
.mr-opulence-badge {
  background: rgba(0, 0, 0, 0.55) !important;
  border-color: var(--mr-border-strong) !important;
  color: var(--mr-gold-light) !important;
}

/* ---------- 5. Index hero ---------- */
.screen.page-section {
  padding-top: 56px !important;
  padding-bottom: 80px !important;
  position: relative; overflow: hidden;
  background:
    radial-gradient(ellipse 80% 60% at 30% 30%, rgba(168, 113, 25, 0.18) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 80%, rgba(248, 230, 126, 0.1) 0%, transparent 60%);
}
.screen.page-section::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle 1.8px at 14% 22%, rgba(248, 237, 182, 0.5) 50%, transparent 51%),
    radial-gradient(circle 2px at 86% 30%, rgba(248, 230, 126, 0.55) 50%, transparent 51%),
    radial-gradient(circle 1.5px at 50% 78%, rgba(255, 255, 255, 0.45) 50%, transparent 51%),
    radial-gradient(circle 2.4px at 22% 84%, rgba(248, 237, 182, 0.4) 50%, transparent 51%);
  pointer-events: none;
  animation: mr-stardust 9s ease-in-out infinite alternate;
}
.screen .offer-title {
  font-size: clamp(40px, 5.5vw, 68px) !important;
  font-weight: 800 !important;
  margin-bottom: 22px !important;
  line-height: 1.02 !important;
}
.screen .offer-desc {
  font-family: var(--mr-font-body) !important;
  font-size: 18px !important;
  color: var(--mr-text-muted) !important;
  line-height: 1.6 !important;
  margin-bottom: 36px !important;
  max-width: 480px;
}

/* Generic .btn -> gold treatment */
.btn.offer-btn,
.bonuses-list .bonus .btn,
.btn:not(.header .btn):not(.btn-primary):not(.btn-danger) {
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  font-family: var(--mr-font-body) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  height: 56px !important;
  padding: 0 32px !important;
  border-radius: 999px !important;
  background: var(--mr-grad-gold) !important;
  background-size: 200% 100% !important;
  color: #2a1f0c !important;
  border: 1px solid var(--mr-gold-light) !important;
  box-shadow: 0 14px 38px -10px rgba(216, 159, 51, 0.7), inset 0 1px 0 rgba(255,255,255,0.45) !important;
  animation: mr-gold-shimmer 5s linear infinite;
  transition: filter .2s, box-shadow .2s;
}
.btn.offer-btn:hover {
  filter: brightness(1.12);
  box-shadow: 0 18px 50px -10px rgba(248, 230, 126, 0.85);
}

/* ---------- 6. Live winners (refresh existing block) ---------- */
.mr-winners {
  background:
    linear-gradient(180deg, rgba(168, 113, 25, 0.08) 0%, rgba(8,5,2,0.6) 100%) !important;
  border-top: 1px solid var(--mr-border-mid) !important;
  border-bottom: 1px solid var(--mr-border-mid) !important;
  margin: 0 0 60px !important;
  padding: 26px 0 30px !important;
}
.mr-winners-head { color: var(--mr-gold-light) !important; }
.mr-winners-track .mr-winner-card {
  background: var(--mr-glass) !important;
  border: 1px solid var(--mr-border-subtle) !important;
  border-radius: 14px !important;
  padding: 12px 16px !important;
  display: flex; align-items: center; gap: 12px;
  min-width: 240px;
}

/* ---------- 7. Slots grid ---------- */
.slots.page-section {
  padding-top: 50px !important;
  padding-bottom: 80px !important;
}
.section-title {
  font-size: clamp(28px, 3.4vw, 42px) !important;
  font-weight: 700 !important;
  text-align: center;
  margin-bottom: 38px !important;
  position: relative;
  padding-bottom: 14px;
}
.section-title::after {
  content: "";
  display: block;
  width: 70px; height: 3px;
  background: var(--mr-grad-gold);
  border-radius: 2px;
  margin: 14px auto 0;
  box-shadow: 0 0 16px rgba(248, 230, 126, 0.7);
}
.slots-list .slot-element .inner {
  display: block;
  border-radius: 14px !important;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--mr-border-subtle);
  background: var(--mr-glass);
  transition: all .25s ease;
}
.slots-list .slot-element .inner:hover {
  border-color: var(--mr-border-strong);
  transform: translateY(-3px);
  box-shadow: 0 18px 40px -10px rgba(216, 159, 51, 0.55);
}
.slots-list .slot-element img,
.slots-list .slot-element .item__img img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
}
.slots-list .slot-element .inner::after {
  content: "PLAY";
  position: absolute; left: 50%; bottom: -36px; transform: translateX(-50%);
  font-family: var(--mr-font-body);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.18em;
  color: #2a1f0c;
  background: var(--mr-grad-gold);
  padding: 8px 18px;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(216, 159, 51, 0.6);
  transition: bottom .25s ease;
}
.slots-list .slot-element .inner:hover::after { bottom: 14px; }

/* ---------- 8. Bonuses cards strip ---------- */
.bonuses-list { gap: 20px !important; }
.bonuses-list .bonus,
.bonus,
.bonuses-list > div {
  background: linear-gradient(180deg, rgba(168, 113, 25, 0.18) 0%, rgba(20, 12, 5, 0.92) 100%) !important;
  border: 1px solid var(--mr-border-mid) !important;
  border-radius: 18px !important;
  padding: 28px 22px !important;
  position: relative;
  overflow: hidden;
  color: var(--mr-text) !important;
  box-shadow: var(--mr-shadow-gold-soft);
}
.bonuses-list .bonus::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--mr-grad-gold);
}
.bonus-name, .bonus-title {
  color: var(--mr-gold-light) !important;
  font-family: var(--mr-font-display) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  margin-bottom: 10px !important;
}

/* ---------- 9. Tables ---------- */
.page-content table,
.page-text table,
table {
  width: 100% !important;
  border: 1px solid var(--mr-border-mid) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 16px !important;
  overflow: hidden;
  background: var(--mr-bg-card) !important;
  margin: 28px 0 !important;
  box-shadow: var(--mr-shadow-gold-soft);
}
table thead th {
  background: linear-gradient(180deg, rgba(168, 113, 25, 0.42) 0%, rgba(168, 113, 25, 0.18) 100%) !important;
  color: var(--mr-gold-light) !important;
  font-family: var(--mr-font-display) !important;
  font-weight: 700 !important;
  text-align: left !important;
  padding: 16px 20px !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid var(--mr-border-mid) !important;
}
table tbody td {
  padding: 14px 20px !important;
  color: var(--mr-text-muted) !important;
  border-top: 1px solid rgba(245, 213, 107, 0.08) !important;
  font-size: 15px;
}
table tbody tr:hover td {
  background: var(--mr-glass) !important;
  color: var(--mr-text) !important;
}

/* ---------- 10. FAQ accordion ---------- */
.faq-list, .faq-section, .accordion {
  display: flex; flex-direction: column; gap: 10px;
}
.faq-item, .accordion-item {
  background: var(--mr-glass) !important;
  border: 1px solid var(--mr-border-subtle) !important;
  border-radius: 14px !important;
  overflow: hidden;
}
.faq-question, .accordion-question, .faq-item summary {
  cursor: pointer;
  padding: 18px 56px 18px 22px !important;
  font-family: var(--mr-font-display) !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: var(--mr-gold-light) !important;
  position: relative;
  list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-question::after, .faq-item summary::after {
  content: "+";
  position: absolute; right: 22px; top: 50%; transform: translateY(-50%);
  font-family: var(--mr-font-body);
  font-size: 24px;
  font-weight: 300;
  color: var(--mr-gold-pop);
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--mr-border-mid);
  border-radius: 50%;
  transition: transform .25s;
}
.faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq-answer, .faq-item > *:not(summary) {
  padding: 0 22px 22px !important;
  color: var(--mr-text-muted) !important;
}

/* ---------- 11. Footer ---------- */
.footer {
  background: linear-gradient(180deg, rgba(8, 5, 2, 0.6) 0%, #050402 100%) !important;
  border-top: 1px solid var(--mr-border-subtle) !important;
  margin-top: 64px;
  padding: 44px 0 24px !important;
}
.footer a { color: var(--mr-text-muted) !important; }
.footer a:hover { color: var(--mr-gold-pop) !important; }
.footer .copyright,
.footer .footer-bottom {
  border-top: 1px solid var(--mr-border-subtle);
  padding-top: 22px; margin-top: 22px;
  color: var(--mr-text-soft) !important;
  font-size: 13px;
}

/* ---------- 12. NEW: Secondary-page hero "mr2" ---------- */
.mr2-hero {
  position: relative;
  padding: 70px 0 80px;
  background:
    radial-gradient(ellipse 70% 50% at 25% 30%, rgba(168, 113, 25, 0.22) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 75%, rgba(248, 237, 182, 0.12) 0%, transparent 60%);
  border-bottom: 1px solid var(--mr-border-subtle);
  overflow: hidden;
  margin-bottom: 50px;
}
.mr2-hero::after {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle 1.6px at 14% 22%, rgba(248, 237, 182, 0.45) 50%, transparent 51%),
    radial-gradient(circle 2px at 86% 18%, rgba(248, 230, 126, 0.5) 50%, transparent 51%),
    radial-gradient(circle 1.3px at 30% 78%, rgba(255, 255, 255, 0.35) 50%, transparent 51%),
    radial-gradient(circle 2.2px at 78% 84%, rgba(248, 237, 182, 0.42) 50%, transparent 51%);
  pointer-events: none;
  animation: mr-stardust 11s ease-in-out infinite alternate;
}
.mr2-hero .container {
  max-width: 1240px; margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px; align-items: center;
  padding: 0 24px;
  position: relative; z-index: 2;
}
@media (max-width: 980px) {
  .mr2-hero .container { grid-template-columns: 1fr; gap: 40px; text-align: center; }
}
.mr2-hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--mr-border-mid);
  border-radius: 999px;
  background: var(--mr-glass);
  font-family: var(--mr-font-body);
  font-size: 12px; font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mr-gold-light);
  margin-bottom: 22px;
}
.mr2-hero-badge::before {
  content: "♛";
  color: var(--mr-gold-pop);
  font-size: 16px;
  text-shadow: 0 0 12px rgba(248, 230, 126, 0.7);
}
.mr2-hero h1 {
  font-family: var(--mr-font-display) !important;
  font-size: clamp(36px, 5vw, 60px) !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
  margin-bottom: 22px !important;
}
.mr2-hero-sub {
  font-family: var(--mr-font-body) !important;
  font-size: 18px !important;
  color: var(--mr-text-muted) !important;
  line-height: 1.65 !important;
  margin-bottom: 32px !important;
  max-width: 520px;
}
@media (max-width: 980px) { .mr2-hero-sub { margin-left: auto; margin-right: auto; } }
.mr2-cta-row {
  display: flex; gap: 14px; flex-wrap: wrap;
}
@media (max-width: 980px) { .mr2-cta-row { justify-content: center; } }
.mr2-cta-primary, .mr2-cta-secondary {
  display: inline-flex; align-items: center; justify-content: center;
  height: 54px; padding: 0 30px;
  font-family: var(--mr-font-body); font-weight: 800; font-size: 13px;
  letter-spacing: 0.14em; text-transform: uppercase;
  border-radius: 999px; transition: all .25s;
}
.mr2-cta-primary {
  background: var(--mr-grad-gold);
  background-size: 200% 100%;
  color: #2a1f0c !important;
  border: 1px solid var(--mr-gold-light);
  box-shadow: 0 14px 36px -10px rgba(216, 159, 51, 0.7);
  animation: mr-gold-shimmer 5s linear infinite;
}
.mr2-cta-primary:hover { filter: brightness(1.15); box-shadow: 0 20px 56px -12px rgba(248, 230, 126, 0.85); }
.mr2-cta-secondary {
  background: transparent;
  color: var(--mr-gold-light) !important;
  border: 1px solid var(--mr-border-mid);
}
.mr2-cta-secondary:hover { border-color: var(--mr-gold-light); color: var(--mr-gold-pop) !important; background: var(--mr-glass); }

.mr2-hero-art {
  position: relative;
  min-height: 420px;
  display: flex; align-items: center; justify-content: center;
}

/* breadcrumb crown */
.mr2-crumbs {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--mr-font-body); font-size: 12px;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--mr-text-soft);
  margin-bottom: 14px;
}
.mr2-crumbs a { color: var(--mr-text-muted); }
.mr2-crumbs a:hover { color: var(--mr-gold-pop); }
.mr2-crumbs .sep { color: var(--mr-gold-deep); }

/* ---------- 13. MOCKUPS (5 unique, one per main page) ---------- */

/* (A) VAULT — login page */
.mr2-vault {
  width: 380px; max-width: 92%;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 50%, rgba(168, 113, 25, 0.4) 0%, transparent 60%),
    linear-gradient(180deg, #1c1308 0%, #0a0805 100%);
  border: 1px solid var(--mr-border-mid);
  box-shadow: var(--mr-shadow-gold), inset 0 0 80px rgba(0,0,0,0.6);
  position: relative; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
}
.mr2-vault-door {
  width: 70%; aspect-ratio: 1/1;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, var(--mr-gold-light) 0%, var(--mr-gold-burnish) 40%, var(--mr-gold-deep) 100%);
  position: relative;
  box-shadow: 0 18px 40px rgba(168, 113, 25, 0.5), inset 0 -10px 30px rgba(0,0,0,0.6), inset 0 10px 30px rgba(255,255,255,0.2);
  border: 6px solid #2a1f0c;
}
.mr2-vault-door::before {
  content: ""; position: absolute; inset: 12%;
  border-radius: 50%;
  border: 4px dashed rgba(42, 31, 12, 0.55);
  animation: mr-spin 18s linear infinite;
}
.mr2-vault-door::after {
  content: ""; position: absolute; left: 50%; top: 50%;
  width: 26%; height: 26%;
  background: radial-gradient(circle at 30% 30%, #f8edb6 0%, #c89527 60%, #8a610f 100%);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 22px rgba(248, 230, 126, 0.65), inset 0 -3px 8px rgba(0,0,0,0.5);
}
.mr2-vault-handle {
  position: absolute; left: 50%; top: 50%;
  width: 10px; height: 110px;
  background: linear-gradient(180deg, #f8edb6 0%, #c89527 100%);
  transform: translate(-50%, -50%) rotate(35deg);
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(248, 230, 126, 0.7);
  z-index: 5;
  animation: mr-vault-turn 6s ease-in-out infinite alternate;
}
.mr2-vault-handle::before, .mr2-vault-handle::after {
  content: ""; position: absolute; left: 50%;
  width: 30px; height: 30px;
  background: radial-gradient(circle at 35% 30%, var(--mr-gold-light), var(--mr-gold-burnish));
  border-radius: 50%; transform: translateX(-50%);
  box-shadow: inset 0 -3px 8px rgba(0,0,0,0.5), 0 0 10px rgba(248, 230, 126, 0.5);
}
.mr2-vault-handle::before { top: -16px; }
.mr2-vault-handle::after { bottom: -16px; }
@keyframes mr-vault-turn {
  0% { transform: translate(-50%, -50%) rotate(20deg); }
  100% { transform: translate(-50%, -50%) rotate(50deg); }
}
@keyframes mr-spin {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}
.mr2-vault-tag {
  position: absolute; top: 18px; left: 18px;
  padding: 6px 14px; border-radius: 999px;
  background: rgba(0,0,0,0.6); border: 1px solid var(--mr-border-strong);
  color: var(--mr-gold-light); font-size: 11px; letter-spacing: 0.16em;
  text-transform: uppercase; font-weight: 800;
  z-index: 9;
}
.mr2-vault-rtp {
  position: absolute; top: 22px; right: 18px;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(248, 230, 126, 0.7);
  z-index: 9;
}
.mr2-vault-rtp::before {
  content: ""; display: inline-block;
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--mr-success);
  box-shadow: 0 0 12px var(--mr-success);
  margin-right: 7px; vertical-align: middle;
  animation: mr-pulse 1.6s ease-in-out infinite;
}
.mr2-vault-locks {
  position: absolute; bottom: 18px; left: 50%;
  transform: translateX(-50%);
  display: flex; gap: 10px;
  z-index: 9;
}
.mr2-vault-locks span {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--mr-gold-pop);
  box-shadow: 0 0 8px var(--mr-gold-pop);
  animation: mr-pulse 1.4s ease-in-out infinite;
}
.mr2-vault-locks span:nth-child(2) { animation-delay: .3s; }
.mr2-vault-locks span:nth-child(3) { animation-delay: .6s; }

/* (B) GOLDEN TICKET — welcome-offer page */
.mr2-ticket {
  width: 440px; max-width: 92%;
  position: relative;
  perspective: 800px;
}
.mr2-ticket-card {
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(248, 230, 126, 0.4) 0%, transparent 70%),
    linear-gradient(135deg, #f8edb6 0%, #d2b36d 30%, #ebda9e 60%, #c89527 100%);
  border-radius: 16px;
  padding: 38px 28px 28px;
  text-align: center;
  color: #2a1f0c;
  box-shadow: 0 32px 70px -22px rgba(248, 230, 126, 0.55), 0 14px 30px rgba(168, 113, 25, 0.4), inset 0 1px 0 rgba(255,255,255,0.55);
  border: 2px solid #f8edb6;
  position: relative;
  transform: rotate(-3deg);
  animation: mr-ticket-float 4s ease-in-out infinite alternate;
}
@keyframes mr-ticket-float {
  0% { transform: rotate(-3deg) translateY(0); }
  100% { transform: rotate(-3deg) translateY(-10px); }
}
/* ticket perforations on sides */
.mr2-ticket-card::before, .mr2-ticket-card::after {
  content: "";
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px;
  background: var(--mr-bg);
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(168, 113, 25, 0.6) inset;
}
.mr2-ticket-card::before { left: -11px; }
.mr2-ticket-card::after { right: -11px; }
.mr2-ticket-tag {
  display: inline-block;
  padding: 5px 14px;
  background: rgba(42, 31, 12, 0.85);
  color: var(--mr-gold-light);
  border-radius: 999px;
  font-family: var(--mr-font-body);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.mr2-ticket-amount {
  font-family: var(--mr-font-display);
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  color: #2a1f0c;
  text-shadow: 0 2px 0 rgba(255,255,255,0.45);
  margin-bottom: 8px;
}
.mr2-ticket-amount small { font-size: 24px; vertical-align: super; opacity: .8; }
.mr2-ticket-bonus {
  font-family: var(--mr-font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5a3a0a;
  margin-bottom: 20px;
}
.mr2-ticket-stars {
  font-family: serif;
  color: #5a3a0a;
  font-size: 22px;
  letter-spacing: 6px;
  margin-bottom: 8px;
}
.mr2-ticket-cta {
  display: inline-block;
  margin-top: 12px;
  padding: 12px 32px;
  background: #2a1f0c;
  color: var(--mr-gold-pop);
  font-family: var(--mr-font-body);
  font-size: 12px; font-weight: 800;
  letter-spacing: 0.18em; text-transform: uppercase;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid var(--mr-gold-burnish);
  box-shadow: inset 0 0 0 1px rgba(248, 230, 126, 0.3);
  transition: all .2s;
}
.mr2-ticket-cta:hover { background: #14100a; color: var(--mr-gold-light) !important; }

/* (C) GEM CLUSTER — bonuses page */
.mr2-gemcluster {
  width: 420px; max-width: 92%;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
  background:
    radial-gradient(ellipse 70% 60% at 50% 60%, rgba(168, 113, 25, 0.35) 0%, transparent 70%),
    linear-gradient(180deg, #1c1308 0%, #050402 100%);
  border: 1px solid var(--mr-border-mid);
  box-shadow: var(--mr-shadow-gold), inset 0 0 80px rgba(0,0,0,0.6);
  position: relative; overflow: hidden;
}
.mr2-gemcluster::before {
  content: "TREASURE";
  position: absolute; top: 18px; left: 50%; transform: translateX(-50%);
  padding: 6px 16px; border-radius: 999px;
  background: rgba(0,0,0,0.6); border: 1px solid var(--mr-border-strong);
  color: var(--mr-gold-light); font-family: var(--mr-font-body); font-size: 11px;
  font-weight: 800; letter-spacing: 0.18em;
  z-index: 5;
}
.mr2-gem {
  position: absolute;
  width: 70px; height: 70px;
  clip-path: polygon(50% 0%, 100% 35%, 80% 100%, 20% 100%, 0% 35%);
  filter: drop-shadow(0 14px 28px rgba(0,0,0,0.6));
  animation: mr-gem-glow 3s ease-in-out infinite alternate;
}
@keyframes mr-gem-glow {
  0% { filter: drop-shadow(0 14px 28px rgba(0,0,0,0.6)) brightness(1) saturate(1); }
  100% { filter: drop-shadow(0 14px 28px rgba(0,0,0,0.6)) brightness(1.2) saturate(1.3); }
}
.mr2-gem.gem-emerald { left: 16%; top: 36%; background: linear-gradient(160deg, #c0fcd8 0%, #2eb66e 45%, #0d6638 100%); animation-delay: .2s; }
.mr2-gem.gem-ruby { left: 28%; top: 22%; background: linear-gradient(160deg, #ffaeb8 0%, #d63950 45%, #6e0e1d 100%); animation-delay: .8s; }
.mr2-gem.gem-sapphire { right: 22%; top: 28%; background: linear-gradient(160deg, #c8d8ff 0%, #3b5cd6 45%, #14246e 100%); animation-delay: 1.4s; }
.mr2-gem.gem-amethyst { right: 14%; top: 48%; background: linear-gradient(160deg, #e0b8ff 0%, #8e3bd6 45%, #44126e 100%); animation-delay: .5s; }
.mr2-gem.gem-gold { left: 50%; top: 18%; transform: translateX(-50%); width: 84px; height: 84px; background: var(--mr-grad-gold); animation-delay: 0s; }
.mr2-gem.gem-topaz { left: 34%; top: 56%; width: 56px; height: 56px; background: linear-gradient(160deg, #ffd980 0%, #ff9a2a 45%, #b54f00 100%); animation-delay: 1.1s; }
.mr2-gem.gem-onyx { right: 32%; top: 62%; width: 60px; height: 60px; background: linear-gradient(160deg, #5a5a64 0%, #1a1a22 100%); animation-delay: 1.7s; }
/* gold pile beneath */
.mr2-gemcluster::after {
  content: ""; position: absolute;
  left: 8%; right: 8%; bottom: 8%; height: 28%;
  background:
    radial-gradient(ellipse 40% 50% at 30% 50%, rgba(248, 230, 126, 0.45), transparent 70%),
    radial-gradient(ellipse 40% 50% at 70% 60%, rgba(248, 237, 182, 0.35), transparent 70%);
  filter: blur(12px);
  z-index: 1;
}
/* coins overlay */
.mr2-gem-coin {
  position: absolute;
  width: 38px; height: 38px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff5c0 0%, #f5d56b 30%, #c89527 70%, #8a610f 100%);
  box-shadow: inset 0 0 0 2px #b88420, inset 0 0 0 4px #f5d56b, 0 4px 10px rgba(140,90,15,0.55);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Times New Roman', serif;
  font-size: 18px; font-weight: 900;
  color: #5a3a0a;
}
.mr2-gem-coin.c1 { left: 18%; bottom: 12%; transform: rotate(-12deg); }
.mr2-gem-coin.c2 { left: 38%; bottom: 8%; transform: rotate(8deg); z-index: 3; }
.mr2-gem-coin.c3 { right: 38%; bottom: 18%; transform: rotate(-5deg); z-index: 4; }
.mr2-gem-coin.c4 { right: 18%; bottom: 10%; transform: rotate(15deg); }

/* (D) PHONE GOLD FRAME — download page */
.mr2-phone {
  width: 280px; max-width: 80%;
  aspect-ratio: 9 / 18;
  background:
    linear-gradient(135deg, #f8edb6 0%, #d2b36d 25%, #a87119 60%, #f8edb6 100%);
  border-radius: 38px;
  padding: 14px;
  position: relative;
  box-shadow: 0 36px 80px -22px rgba(168, 113, 25, 0.65), inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -2px 0 rgba(0,0,0,0.35);
  transform: rotate(-7deg);
  animation: mr-phone-float 5s ease-in-out infinite alternate;
}
@keyframes mr-phone-float {
  0% { transform: rotate(-7deg) translateY(0); }
  100% { transform: rotate(-7deg) translateY(-12px); }
}
.mr2-phone-screen {
  width: 100%; height: 100%;
  background:
    radial-gradient(ellipse 80% 60% at 50% 25%, rgba(168, 113, 25, 0.35) 0%, transparent 70%),
    linear-gradient(180deg, #14100a 0%, #050402 100%);
  border-radius: 26px;
  position: relative;
  overflow: hidden;
  display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  padding: 24px 12px;
}
.mr2-phone-screen::before {
  content: ""; position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
  width: 60px; height: 6px; background: #050402;
  border-radius: 4px;
}
.mr2-phone-logo {
  font-family: var(--mr-font-display);
  font-weight: 800; font-size: 22px;
  background: var(--mr-grad-gold);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.05em;
  margin-top: 26px;
  text-align: center;
  line-height: 1;
}
.mr2-phone-logo small { display: block; font-size: 12px; letter-spacing: 0.14em; margin-top: 4px; opacity: .8; }
.mr2-phone-reels {
  display: flex; gap: 6px; padding: 14px;
  background: rgba(0,0,0,0.55); border: 1px solid var(--mr-border-strong);
  border-radius: 14px;
}
.mr2-phone-reel {
  width: 38px; height: 56px;
  background: linear-gradient(180deg, var(--mr-chrome-light), var(--mr-chrome-mid), var(--mr-chrome-dark));
  border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Times New Roman', serif;
  font-size: 26px; font-weight: 900;
  color: #2a1f0c;
  box-shadow: inset 0 -3px 6px rgba(0,0,0,0.4), inset 0 2px 0 rgba(255,255,255,0.45);
  animation: mr-reel-spin 1.4s ease-in-out infinite alternate;
}
.mr2-phone-reel:nth-child(2) { animation-delay: .25s; }
.mr2-phone-reel:nth-child(3) { animation-delay: .5s; }
@keyframes mr-reel-spin {
  0% { background-position: 0 0; }
  100% { background-position: 0 60px; }
}
.mr2-phone-cta {
  display: inline-block;
  padding: 8px 18px;
  background: var(--mr-grad-gold);
  color: #2a1f0c;
  border-radius: 999px;
  font-family: var(--mr-font-body); font-size: 11px;
  font-weight: 800; letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 18px;
  box-shadow: 0 8px 18px rgba(168, 113, 25, 0.55);
}
/* Floating sparkles around phone */
.mr2-phone-glow {
  position: absolute; left: -40px; right: -40px; top: -40px; bottom: -40px;
  pointer-events: none;
  background:
    radial-gradient(circle 2px at 12% 22%, rgba(248, 237, 182, 0.55) 50%, transparent 51%),
    radial-gradient(circle 1.6px at 88% 18%, rgba(248, 230, 126, 0.5) 50%, transparent 51%),
    radial-gradient(circle 1.4px at 22% 78%, rgba(248, 237, 182, 0.5) 50%, transparent 51%),
    radial-gradient(circle 2.2px at 84% 86%, rgba(248, 230, 126, 0.6) 50%, transparent 51%);
  animation: mr-stardust 8s ease-in-out infinite alternate;
  z-index: -1;
}

/* (E) TREASURE CHEST — INDEX page (replacement for opulence-mock) */
.mr2-chest {
  width: 420px; max-width: 92%;
  min-height: 420px;
  border-radius: 22px;
  background:
    radial-gradient(ellipse 90% 70% at 50% 80%, rgba(248, 230, 126, 0.32) 0%, transparent 65%),
    radial-gradient(ellipse at 30% 30%, #1a1208 0%, #0a0805 60%, #050402 100%);
  border: 1px solid var(--mr-border-mid);
  box-shadow: var(--mr-shadow-gold), inset 0 0 80px rgba(248, 230, 126, 0.05);
  position: relative; overflow: hidden;
  margin: 0 auto;
}
.mr2-chest::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(circle 1.6px at 14% 22%, rgba(248, 237, 182, 0.45) 50%, transparent 51%),
    radial-gradient(circle 2px at 86% 18%, rgba(248, 230, 126, 0.55) 50%, transparent 51%),
    radial-gradient(circle 1.3px at 30% 78%, rgba(255, 255, 255, 0.35) 50%, transparent 51%),
    radial-gradient(circle 2.2px at 78% 84%, rgba(248, 237, 182, 0.42) 50%, transparent 51%);
  pointer-events: none; z-index: 1;
  animation: mr-stardust 9s ease-in-out infinite alternate;
}
.mr2-chest-tag {
  position: absolute; top: 18px; left: 18px;
  padding: 6px 14px; border-radius: 999px;
  background: rgba(0,0,0,0.6); border: 1px solid var(--mr-border-strong);
  color: var(--mr-gold-light); font-size: 11px; letter-spacing: 0.16em;
  text-transform: uppercase; font-weight: 800;
  z-index: 9;
}
.mr2-chest-rtp {
  position: absolute; top: 22px; right: 18px;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(248, 230, 126, 0.8); z-index: 9;
}
.mr2-chest-rtp::before {
  content: ""; display: inline-block;
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--mr-success);
  box-shadow: 0 0 12px var(--mr-success);
  margin-right: 7px; vertical-align: middle;
  animation: mr-pulse 1.6s ease-in-out infinite;
}
.mr2-chest-body {
  position: absolute;
  left: 50%; bottom: 24%;
  transform: translateX(-50%);
  width: 220px; height: 110px;
  background: linear-gradient(180deg, #5a3a0a 0%, #2a1f0c 100%);
  border-radius: 8px 8px 14px 14px;
  border: 2px solid #2a1f0c;
  box-shadow: 0 18px 38px rgba(0,0,0,0.7), inset 0 -8px 16px rgba(0,0,0,0.5), inset 0 2px 0 rgba(248, 230, 126, 0.15);
  z-index: 5;
}
.mr2-chest-body::before {
  content: ""; position: absolute;
  left: 14px; right: 14px; top: 14px; bottom: 14px;
  border: 2px solid var(--mr-gold-burnish);
  border-radius: 4px;
  box-shadow: inset 0 0 12px rgba(248, 230, 126, 0.2);
}
.mr2-chest-body::after {
  content: ""; position: absolute;
  left: 50%; top: 50%;
  width: 30px; height: 30px;
  background: var(--mr-grad-gold);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 22px rgba(248, 230, 126, 0.7), inset 0 -3px 6px rgba(0,0,0,0.5);
}
.mr2-chest-lid {
  position: absolute;
  left: 50%; bottom: 41%;
  transform-origin: bottom center;
  transform: translateX(-50%) rotateX(-30deg);
  width: 220px; height: 70px;
  background: linear-gradient(180deg, var(--mr-gold-light) 0%, var(--mr-gold-mid) 50%, var(--mr-gold-deep) 100%);
  border-radius: 110px 110px 6px 6px / 60px 60px 6px 6px;
  border: 2px solid var(--mr-gold-deep);
  box-shadow: 0 -10px 30px rgba(248, 230, 126, 0.4);
  z-index: 4;
  animation: mr-chest-lid 4s ease-in-out infinite alternate;
}
@keyframes mr-chest-lid {
  0% { transform: translateX(-50%) rotateX(-25deg); }
  100% { transform: translateX(-50%) rotateX(-45deg); }
}
.mr2-chest-coins {
  position: absolute;
  left: 50%; bottom: 28%;
  transform: translateX(-50%);
  width: 240px; height: 80px;
  z-index: 6;
}
.mr2-chest-coin {
  position: absolute;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff5c0 0%, #f5d56b 30%, #c89527 70%, #8a610f 100%);
  box-shadow: inset 0 0 0 2px #b88420, inset 0 0 0 4px #f5d56b, 0 6px 14px rgba(140, 90, 15, 0.55);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Times New Roman', serif;
  font-size: 22px; font-weight: 900;
  color: #5a3a0a;
}
.mr2-chest-coin.k1 { left: 8%; top: 18px; transform: rotate(-12deg); }
.mr2-chest-coin.k2 { left: 30%; top: 4px; transform: rotate(8deg); z-index: 2; }
.mr2-chest-coin.k3 { left: 52%; top: 22px; transform: rotate(-5deg); z-index: 3; }
.mr2-chest-coin.k4 { right: 18%; top: 12px; transform: rotate(15deg); }
.mr2-chest-coin.k5 { left: 42%; top: -8px; transform: rotate(4deg); z-index: 4; }
.mr2-chest-banner {
  position: absolute;
  bottom: 24px; left: 50%; transform: translateX(-50%);
  padding: 12px 26px;
  background: var(--mr-grad-gold);
  color: #2a1f0c;
  border-radius: 999px;
  font-family: var(--mr-font-body);
  font-size: 13px; font-weight: 900;
  letter-spacing: 0.14em; text-transform: uppercase;
  box-shadow: 0 14px 32px rgba(248, 230, 126, 0.5);
  z-index: 9;
}
@keyframes mr-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.45; transform: scale(0.85); }
}

/* ---------- 14. Misc cleanup of old red/green palette ---------- */
.btn-danger { background: var(--mr-grad-gold) !important; color: #2a1f0c !important; }
.btn-primary { background: transparent !important; color: var(--mr-gold-light) !important; border: 1px solid var(--mr-border-mid) !important; }

.bg-yellow,
[style*="background-color: #f5d56b"],
[style*="background:#f5d56b"],
[style*="background: #f5d56b"] {
  background: var(--mr-grad-gold) !important;
  color: #2a1f0c !important;
}

/* Override mustard panel hero background that was applied via inline */
.screen[style*="background"], .screen.page-section[style*="background"] {
  background:
    radial-gradient(ellipse 80% 60% at 30% 30%, rgba(168, 113, 25, 0.18) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 80%, rgba(248, 230, 126, 0.1) 0%, transparent 60%),
    var(--mr-bg) !important;
}
/* CRITICAL: kill the legacy mustard banner background on index hero */
body.banner-background .screen-content,
body.banner-background .screen,
.screen-content {
  background: transparent !important;
  background-color: transparent !important;
}
body.banner-title .offer-title,
body.banner-title .offer-desc {
  color: var(--mr-text) !important;
}
body.banner-title .offer-title {
  background: var(--mr-grad-gold) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
body.banner-btn .offer-btn {
  /* let our gold button styling kick in */
  background: var(--mr-grad-gold) !important;
  background-size: 200% 100% !important;
  color: #2a1f0c !important;
}

/* Reviews + Author cards — kill the legacy mustard yellow bg, switch to dark glass */
.reviews-item .inner,
.reviews-item .inner.page-item,
.author-card,
.author,
.about-author,
.team-item,
.staff-item,
.editor-card,
[class*="page-item"]:not(.menu-item):not(.body-page-item) {
  background: linear-gradient(180deg, rgba(168, 113, 25, 0.12) 0%, rgba(15, 10, 5, 0.92) 100%) !important;
  background-color: transparent !important;
  border: 1px solid var(--mr-border-mid) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  color: var(--mr-text) !important;
  box-shadow: var(--mr-shadow-gold-soft) !important;
}
.reviews-item .item__name,
.author-card .item__name,
.editor-card .item__name,
.author-card h3,
.author-card .name {
  color: var(--mr-gold-light) !important;
  font-family: var(--mr-font-display) !important;
  font-weight: 700 !important;
}
.reviews-item .item__text,
.author-card .item__text,
.author-card p,
.editor-card p {
  color: var(--mr-text-muted) !important;
  line-height: 1.65 !important;
}
.reviews-item .stars svg.star,
.stars svg.star {
  fill: var(--mr-gold-pop) !important;
  stroke: var(--mr-gold-pop) !important;
  width: 16px; height: 16px;
  filter: drop-shadow(0 0 6px rgba(248, 230, 126, 0.6));
}
.reviews-item .item__img img,
.author-card .item__img img,
.author img,
.team-item img {
  border: 2px solid var(--mr-gold-burnish) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 14px rgba(168, 113, 25, 0.5) !important;
  background: var(--mr-bg-card) !important;
}
/* Broken reviewer photo fallback — show a gold gradient circle when img fails */
.reviews-item .item__img,
.author-card .item__img {
  background: var(--mr-grad-gold) !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

/* Slick-slider dots — make gold, not the default */
.slick-dots li button {
  background: rgba(168, 113, 25, 0.3) !important;
  border-radius: 50% !important;
}
.slick-dots li.slick-active button {
  background: var(--mr-gold-pop) !important;
  box-shadow: 0 0 12px rgba(248, 230, 126, 0.7) !important;
}

/* Stats grid (9,500+ etc) — kill yellow bg if any */
.stats-item,
.stat-item,
.stat-card,
.statistics-item,
.numbers-item,
.fact-item {
  background: linear-gradient(180deg, rgba(168, 113, 25, 0.18) 0%, rgba(15, 10, 5, 0.92) 100%) !important;
  border: 1px solid var(--mr-border-mid) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  text-align: center;
}
.stats-item .number,
.stat-item .number,
.stat-card .number,
.numbers-item .number,
.fact-item .number {
  font-family: var(--mr-font-display) !important;
  background: var(--mr-grad-gold) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  display: block;
}

/* Brute force: ANY element with yellow inline-style background gets overridden */
[style*="background: #dd9933"],
[style*="background-color: #dd9933"],
[style*="background:#dd9933"],
[style*="background-color:#dd9933"] {
  background: linear-gradient(180deg, rgba(168, 113, 25, 0.18) 0%, rgba(15, 10, 5, 0.92) 100%) !important;
  background-color: transparent !important;
  color: var(--mr-text) !important;
  border: 1px solid var(--mr-border-mid) !important;
  border-radius: 14px !important;
}

/* Generic .inner.page-item used across the theme — same dark glass treatment */
.inner.page-item {
  background-color: transparent !important;
  background: linear-gradient(180deg, rgba(168, 113, 25, 0.10) 0%, rgba(15, 10, 5, 0.85) 100%) !important;
}

/* Ensure cookie banner doesn't fight palette */
.cookieadmin_consent_box {
  background: rgba(8, 5, 2, 0.95) !important;
  border: 1px solid var(--mr-border-mid) !important;
  color: var(--mr-text) !important;
}
.cookieadmin_consent_box .cookieadmin_btn {
  background: var(--mr-grad-gold) !important;
  color: #2a1f0c !important;
  border: 0 !important;
}

/* ---------- 15. Mobile menu ---------- */
.mobile-btn .inner,
.mobile-btn .inner::before,
.mobile-btn .inner::after {
  background-color: var(--mr-gold-light) !important;
}
.mobile-wrap { background: var(--mr-bg) !important; }
.mobile-nav .menu li a { color: var(--mr-gold-light) !important; }

/* ---------- 16. Page-specific responsive fixes ---------- */
@media (max-width: 700px) {
  .mr2-hero { padding: 50px 0 60px; }
  .mr2-hero-art { min-height: 320px; }
  .mr2-vault, .mr2-gemcluster, .mr2-chest { width: 320px; }
  .mr2-ticket { width: 320px; }
  .mr2-phone { width: 220px; }
}