/* ================================== CRITICAL SCROLLBAR ACCIDENT PREVENTION ================================== */
.gym-page-wrapper {
  width: 100%;
  overflow-x: hidden; /* Drops any accidental horizontal layout spill lines completely */
  position: relative;
}

/* ================================== FULL-WIDTH HERO DISPLAY FIX ================================== */
.gym-hero-container {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #000000;
}

.gym-hero-img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ================================== PLAIN FULL-SIZE MEMBERSHIP PLAN IMAGES ================================== */
.clean-plan-box {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}

.clean-plan-box:hover {
  transform: scale(
    1.02
  ); /* Slight responsive pop behavior on cursor point hover */
}

.full-plan-img {
  width: 100%;
  height: auto; /* Displays full image layout dimensions without container-cropping */
  display: block;
}

/* ================================== MOBILE RESPONSIVENESS OVERRIDES ================================== */
@media (max-width: 991px) {
  .gym-hero-img {
    max-height: 360px;
  }
}

@media (max-width: 768px) {
  .gym-hero-img {
    max-height: 280px;
  }
  .hero-text-section h1 {
    font-size: 2.2rem !important;
  }
}

@media (max-width: 480px) {
  .gym-hero-img {
    max-height: 200px;
  }
}