/* Mobile Responsive */
@media (max-width: 768px) {
  .header-content {
    flex-direction: column;
    gap: 20px;
  }

  .logo {
    font-size: 2rem;
  }

  nav ul {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }

  .casino-list {
    flex-direction: column;
  }

  .casino-card {
    flex: 1;
  }

  .casino-logo {
    width: 100%;
    max-width: 360px;
  }

  h1 {
    font-size: 2rem;
  }
}

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

  .logo {
    font-size: 1.5rem;
  }

  h1 {
    font-size: 1.5rem;
  }

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