.page-casino {\n  color: #333333; /* Dark text for light body background */\n  line-height: 1.6;\n  font-family: Arial, sans-serif;\n  padding-top: var(--header-offset, 120px); /* Fixed header offset for desktop */\n}\n\n.page-casino__container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 20px;\n}\n\n.page-casino__section-title {\n  color: #0A246A; /* Primary brand color for titles */\n  font-size: 2.5em;\n  text-align: center;\n  margin-bottom: 40px;\n  position: relative;\n  padding-bottom: 15px;\n}\n\n.page-casino__section-title::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  bottom: 0;\n  transform: translateX(-50%);\n  width: 80px;\n  height: 4px;\n  background-color: #F3C70E; /* Auxiliary brand color for accent */\n  border-radius: 2px;\n}\n\n.page-casino__text-content {\n  font-size: 1.1em;\n  margin-bottom: 20px;\n  text-align: justify;\n}\n\n.page-casino__button {\n  display: inline-block;\n  padding: 12px 25px;\n  border-radius: 5px;\n  text-decoration: none;\n  font-weight: bold;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  text-align: center;\n  white-space: nowrap;\n  font-size: 1.05em;\n  min-width: 150px; /* Ensure buttons are not too small */\n}\n\n.page-casino__button--primary {\n  background-color: #F3C70E; /* Gold auxiliary color */\n  color: #0A246A; /* Dark blue primary color */\n  border: 2px solid #F3C70E;\n}\n\n.page-casino__button--primary:hover {\n  background-color: #e0b40a;\n  transform: translateY(-2px);\n}\n\n.page-casino__button--secondary {\n  background-color: transparent;\n  color: #0A246A; /* Dark blue primary color */\n  border: 2px solid #0A246A;\n}\n\n.page-casino__button--secondary:hover {\n  background-color: #0A246A;\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n/* Hero Section */\n.page-casino__hero-section {\n  position: relative;\n  height: 70vh;\n  min-height: 500px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: #ffffff;\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);\n}\n\n.page-casino__hero-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: -1;\n}\n\n.page-casino__hero-content {\n  z-index: 1;\n  text-align: center;\n  max-width: 900px;\n  padding: 20px;\n  background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for readability */\n  border-radius: 10px;\n}\n\n.page-casino__hero-title {\n  font-size: 3.5em;\n  margin-bottom: 20px;\n  line-height: 1.2;\n  color: #F3C70E; /* Gold for hero title */\n}\n\n.page-casino__hero-description {\n  font-size: 1.3em;\n  margin-bottom: 30px;\n}\n\n.page-casino__hero-actions .page-casino__button {\n  margin: 0 10px;\n}\n\n/* About Section */\n.page-casino__about-section {\n  padding: 80px 0;\n  background-color: #f9f9f9;\n}\n\n/* Games Section */\n.page-casino__games-section {\n  padding: 80px 0;\n  background-color: #ffffff;\n}\n\n.page-casino__game-categories {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 30px;\n  margin-top: 50px;\n}\n\n.page-casino__game-card {\n  background-color: #f9f9f9;\n  border-radius: 10px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  text-align: center;\n  padding-bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.page-casino__game-image {\n  width: 100%;\n  height: 250px;\n  object-fit: cover;\n  margin-bottom: 20px;\n  border-radius: 10px 10px 0 0;\n}\n\n.page-casino__game-title {\n  color: #0A246A;\n  font-size: 1.8em;\n  margin-bottom: 10px;\n  padding: 0 20px;\n}\n\n.page-casino__game-description {\n  font-size: 1em;\n  color: #555555;\n  padding: 0 20px 20px;\n  flex-grow: 1;\n}\n\n/* Promotions Section */\n.page-casino__promotions-section {\n  padding: 80px 0;\n  background-color: #f4f4f4;\n  text-align: center;\n}\n\n.page-casino__promotion-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  margin-top: 30px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  min-width: 400px; /* Enforce min-width for content images */\n  min-height: 300px;\n}\n\n.page-casino__actions {\n  margin-top: 40px;\n  display: flex;\n  justify-content: center;\n  gap: 20px;\n}\n\n/* Mobile Section */\n.page-casino__mobile-section {\n  padding: 80px 0;\n  background-color: #ffffff;\n  text-align: center;\n}\n\n.page-casino__mobile-image {\n  max-width: 100%;\n  height: auto;\n  border-radius: 10px;\n  margin-top: 30px;\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n  min-width: 400px; /* Enforce min-width for content images */\n  min-height: 300px;\n}\n\n/* Responsible Gaming Section */\n.page-casino__responsible-gaming-section {\n  padding: 80px 0;\n  background-color: #f9f9f9;\n  text-align: center;\n}\n\n/* CTA Section */\n.page-casino__cta-section {\n  padding: 80px 0;\n  background-color: #0A246A; /* Primary brand color for CTA background */\n  color: #ffffff;\n  text-align: center;\n}\n\n.page-casino__cta-section .page-casino__section-title {\n  color: #F3C70E; /* Gold for CTA title */\n}\n\n.page-casino__cta-section .page-casino__section-title::after {\n  background-color: #ffffff;\n}\n\n.page-casino__cta-section .page-casino__text-content {\n  color: #e0e0e0;\n}\n\n.page-casino__cta-section .page-casino__button--primary {\n  background-color: #F3C70E;\n  color: #0A246A;\n  border-color: #F3C70E;\n}\n\n.page-casino__cta-section .page-casino__button--primary:hover {\n  background-color: #ffffff;\n  color: #0A246A;\n  border-color: #ffffff;\n}\n\n/* Responsive Design */\n@media (max-width: 1024px) {\n  .page-casino__hero-title {\n    font-size: 3em;\n  }\n  .page-casino__hero-description {\n    font-size: 1.2em;\n  }\n  .page-casino__section-title {\n    font-size: 2em;\n  }\n}\n\n@media (max-width: 768px) {\n  .page-casino__hero-section {\n    height: auto;\n    min-height: 400px;\n    padding: 60px 20px;\n  }\n  .page-casino__hero-title {\n    font-size: 2.2em;\n  }\n  .page-casino__hero-description {\n    font-size: 1em;\n  }\n  .page-casino__hero-actions {\n    flex-direction: column;\n    gap: 15px;\n  }\n  .page-casino__hero-actions .page-casino__button {\n    margin: 0;\n    width: 100%;\n  }\n  .page-casino__section-title {\n    font-size: 1.8em;\n    margin-bottom: 30px;\n  }\n  .page-casino__text-content {\n    font-size: 0.95em;\n  }\n  .page-casino__game-categories {\n    grid-template-columns: 1fr;\n  }\n  .page-casino__game-image, .page-casino__promotion-image, .page-casino__mobile-image {\n    max-width: 100%;\n    height: auto;\n    min-width: unset; /* Remove min-width for mobile */\n    min-height: unset; /* Remove min-height for mobile */\n  }\n  /* Enforce max-width: 100%; height: auto; for all content images on mobile */\n  .page-casino img {\n    max-width: 100%;\n    height: auto;\n  }\n  .page-casino__actions {\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  .page-casino__hero-title {\n    font-size: 1.8em;\n  }\n  .page-casino__section-title {\n    font-size: 1.5em;\n  }\n  .page-casino__button {\n    padding: 10px 20px;\n    font-size: 1em;\n  }\n}\n