/* Page-specific rules for fancies.html */

/* Swaps just this page's hero photo away from the shared .page-hero-landing-bg
   image (also used by free-bets/best-casinos) without touching those pages. */
.fancies-hero-bg { background-image:url('../assets/images/tft-man-united-game.avif'); }
.section-header-tight { margin-bottom:12px; }

@media (max-width: 768px) {
    .header-cta, .header-cta-primary { display: none; }
    .mobile-menu-cta { display: flex; }
  }

@media (max-width: 1240px) {
    .header-nav { display: none; }
    .hamburger-button { display: flex; }
  }

.fancy-list-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }

@media (max-width: 960px) { .fancy-list-grid { grid-template-columns: 1fr; } }

@media (max-width: 960px) {
    .footer-cols { grid-template-columns: 1fr 1fr; }
  }

@media (max-width: 680px) {
    header > div { padding: 0 20px; gap: 16px; }
    .page-hero-content { padding: 72px 20px 150px; }
    .section.section { padding-left: 20px; padding-right: 20px; }
    .footer-cols { grid-template-columns: 1fr; gap: 32px; padding: 48px 20px 28px; }
    .footer-legal { padding: 48px 20px 28px; }
  }