/* Glory Casino Reviews - Responsive Styles */

@media (max-width: 1024px) {
  .fv6z-hero-content {
    grid-template-columns: 1fr;
  }

  .zv5m-card-header {
    flex-direction: column;
    text-align: center;
  }

  .ht2r-rating-display {
    text-align: center;
  }

  .km4p-stars {
    justify-content: center;
  }

  .pm7x-info-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .vt7n-pros-cons {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .df8m-header-content {
    flex-wrap: wrap;
  }

  .mx8v-nav {
    position: fixed;
    top: 82px;
    left: -100%;
    width: 100%;
    height: calc(100vh - 82px);
    background: var(--color-header);
    transition: var(--transition);
    z-index: 999;
  }

  .mx8v-nav.active {
    left: 0;
  }

  .lk4p-nav-list {
    flex-direction: column;
    padding: 20px;
  }

  .jw2q-nav-link {
    padding: 16px;
    font-size: 16px;
  }

  .yk9m-header-actions {
    order: -1;
  }

  .hv3k-burger {
    display: flex;
  }

  .rt8k-hero {
    padding: 40px 0;
  }

  .bx7m-toc-tabs {
    grid-template-columns: 1fr;
  }

  .nq8x-casino-card {
    padding: 24px;
  }

  .lp8v-bonuses-grid {
    grid-template-columns: 1fr;
  }

  .bm5k-card-actions {
    flex-direction: column;
  }

  .pm7x-info-grid {
    grid-template-columns: 1fr;
  }

  .vt7n-pros-cons {
    grid-template-columns: 1fr;
  }

  .nm5k-section-title {
    font-size: 26px;
  }

  .zx8k-review-form-container {
    padding: 24px;
  }

  .bm9x-form-row {
    grid-template-columns: 1fr;
  }

  .yn4p-ratings-grid {
    grid-template-columns: 1fr;
  }

  .mb-review-header {
    flex-direction: column;
  }

  .mb-review-rating {
    text-align: left;
  }

  .mb-rating-display {
    align-items: flex-start;
  }

  .mb-review-pros-cons {
    grid-template-columns: 1fr;
  }

  .mb-review-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .pm4w-cta-content {
    flex-direction: column;
    text-align: center;
  }

  .qx5p-cta-title {
    font-size: 22px;
  }

  .px7n-author-card {
    flex-direction: column;
    text-align: center;
  }

  .vt4m-author-photo {
    margin: 0 auto;
  }

  .bx7m-author-social {
    justify-content: center;
  }

  .xj9k2-text-content {
    padding: 24px;
  }

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

  .xj9k2-text-content h3 {
    font-size: 18px;
  }

  .pm7x-screenshots-grid {
    grid-template-columns: 1fr;
  }

  .wm8k-author-section,
  .wn7k-faq-section,
  .zn4k-screenshots-section,
  .xp7k-video-section {
    padding: 24px;
  }

  .vn4k-footer-content {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .bx7n-footer-menu {
    align-items: center;
  }

  .kp8x-trust-logos {
    justify-content: center;
  }

  .xm9k-sticky-widget {
    bottom: 10px;
    right: 10px;
    left: 10px;
    padding: 12px 16px;
  }

  .vt7n-widget-content {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }

  .pm8x-widget-bonus {
    font-size: 16px;
  }
}

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

  .wr5t-logo-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .vx4j-logo-img {
    height: 40px;
  }

  .pl9w-review-count {
    font-size: 12px;
    padding: 6px 12px;
  }

  .tp6w-btn {
    padding: 8px 16px;
    font-size: 13px;
  }

  .tp6w-btn-large {
    padding: 12px 24px;
    font-size: 15px;
  }

  .nm5k-section-title {
    font-size: 22px;
  }

  .xb9n-rating-value {
    font-size: 36px;
  }

  .mb-rating-value {
    font-size: 28px;
  }

  .qx5p-cta-title {
    font-size: 20px;
  }

  .lm9w-cta-description {
    font-size: 14px;
  }

  .xj9k2-text-content {
    padding: 20px;
  }

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

  .xj9k2-text-content h3 {
    font-size: 16px;
  }

  .xj9k2-text-content table {
    font-size: 13px;
    overflow-x: auto;
    display: block;
  }

  .xj9k2-text-content th,
  .xj9k2-text-content td {
    padding: 8px 12px;
  }
}
