@media (min-width: 1400px) {
  .container-wrapper {
    max-width: 1320px;
  }

  .hero-content h1 {
    font-size: 56px;
  }
}

@media (max-width: 1200px) {
  .container-wrapper {
    padding: 0 25px;
  }

  .nav-menu {
    gap: 20px;
  }

  .features-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media (max-width: 968px) {
  .comparison-table {
    font-size: 14px;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 12px 15px;
  }
}

@media (max-width: 768px) {
  .text-content {
    padding: 30px 20px;
  }

  .text-content h1 {
    font-size: 26px;
  }

  .text-content h2 {
    font-size: 22px;
  }

  .comparison-section h2,
  .features-section h2,
  .reviews-section h2 {
    font-size: 28px;
  }

  .bonus-banner h3 {
    font-size: 22px;
  }

  .review-cta-banner h3 {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  .container-wrapper {
    padding: 0 15px;
  }

  .hero-content h1 {
    font-size: 22px;
  }

  .hero-content p {
    font-size: 14px;
  }

  .btn-cta {
    padding: 12px 28px;
    font-size: 16px;
  }

  .casino-card {
    padding: 20px 15px;
  }

  .bonus-highlight .v5n2jx9 {
    font-size: 18px;
  }

  .rating-overall .v8k3nx5 {
    font-size: 32px;
  }

  .star,
  .star-icon {
    font-size: 20px;
  }

  .review-card {
    padding: 20px 15px;
  }

  .review-title-text {
    font-size: 18px;
  }

  .comparison-table {
    font-size: 12px;
  }

  .comparison-table th,
  .comparison-table td {
    padding: 10px 8px;
  }

  .widget-bonus {
    font-size: 14px;
  }

  .widget-btn {
    padding: 10px 20px;
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media print {
  .header-main,
  .footer-main,
  .widget-fixed,
  .burger-menu,
  .btn-cta,
  .btn-primary,
  .btn-secondary,
  .btn-bonus,
  .review-actions-panel {
    display: none !important;
  }

  body {
    background: white;
    color: black;
  }

  .review-card,
  .casino-card,
  .text-content {
    box-shadow: none;
    border: 1px solid #ccc;
  }
}