body {
  font-family: var(--wmm-font-body, "DM Sans", Arial, sans-serif);
  font-size: var(--wmm-body-size, 16px);
}

h1, h2, h3, h4, h5, h6,
.brand, .jackpot, .countdown-value, .quantity-value {
  font-family: var(--wmm-font-heading, Manrope, Arial, sans-serif);
}

.hero h1 {
  font-size: clamp(40px, 6.2vw, var(--wmm-hero-title-size, 84px));
}

.section h2 {
  font-size: clamp(28px, 4vw, var(--wmm-section-title-size, 54px));
}

[data-reveal] {
  opacity: 0;
  transition: opacity var(--wmm-reveal-duration, 700ms) ease,
              transform var(--wmm-reveal-duration, 700ms) cubic-bezier(.2,.7,.2,1);
}
[data-reveal="fade"] { transform: none; }
[data-reveal="fade_up"] { transform: translateY(35px); }
[data-reveal="slide_left"] { transform: translateX(-55px); }
[data-reveal="slide_right"] { transform: translateX(55px); }
[data-reveal="zoom"] { transform: scale(.96); }
[data-reveal].is-visible { opacity: 1; transform: none; }

.wmm-styled-text {
  font-size: var(--wmm-text-size, inherit) !important;
}

@media (max-width:720px) {
  .hero h1 { font-size: var(--wmm-hero-mobile-size, 49px); }
  .wmm-styled-text { font-size: var(--wmm-text-mobile-size, var(--wmm-text-size, inherit)) !important; }
}