body {
  font-family: Inter;
}

.hero-section {
  background-image: url("../img/golfHero.png");
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents tiling */
  width: 100%; /* Full width */
  height: 600px;
  border-radius: 10px;
}

.tile-img {
  background-size: cover; /* Ensures the image covers the entire div */
  background-position: center; /* Centers the image */
  background-repeat: no-repeat; /* Prevents tiling */
  width: 100%; /* Full width */
}

.chat-icon {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}


/* Add these breakpoint-specific refinements */
@media (max-width: 640px) {
    .hero-section {
        padding: 4rem 1rem;
    }
    
    .hero-text {
        font-size: 2.5rem;
    }
    
    .category-grid {
        gap: 1rem;
        padding: 0 1rem;
    }
}