/* ==========================================================================
   HIGH-RESOLUTION SECTION PHOTO BACKGROUNDS & GLASS PARALLAX EFFECTS
   ========================================================================== */

/* 1. Base Photo Parallax Container */
.section-photo-parallax {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  padding: 6.5rem 0 7rem 0;
  box-shadow: inset 0 20px 40px rgba(0, 0, 0, 0.35), inset 0 -20px 40px rgba(0, 0, 0, 0.35);
}

.section-photo-parallax .section-title {
  color: #FFFFFF;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.section-photo-parallax .section-desc {
  color: rgba(255, 255, 255, 0.9);
}

/* SECTION A: Formats Parallax (Apex Strength Floor) */
.section-formats-parallax {
  background-image: 
    linear-gradient(180deg, rgba(24, 20, 18, 0.52) 0%, rgba(18, 22, 30, 0.65) 100%),
    url('../assets/images/section-bg-gym-4k.webp'),
    url('../assets/images/section-bg-gym-4k.jpg');
}

/* SECTION B: Memberships & Pricing Parallax (Heavy Dumbbell Wall & Chrome Arena) */
.section-pricing-parallax {
  background-image: 
    linear-gradient(180deg, rgba(20, 18, 22, 0.6) 0%, rgba(30, 22, 25, 0.7) 100%),
    url('../assets/images/section-bg-pricing-4k.webp'),
    url('../assets/images/section-bg-pricing-4k.jpg');
}

.section-pricing-parallax .admission-banner {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(16px);
  border: 1.5px dashed var(--brand-red);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.section-pricing-parallax .pricing-card {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

.section-pricing-parallax .pricing-card:hover {
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-8px);
  border-color: var(--brand-light-brown);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.section-pricing-parallax .pricing-card--featured {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 243, 235, 0.95) 100%);
  border: 2px solid var(--brand-red);
  box-shadow: 0 20px 50px rgba(211, 18, 56, 0.3), 0 10px 25px rgba(0, 0, 0, 0.25);
}

.section-pricing-parallax .pillar-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* SECTION C: Reviews Parallax (High Energy Athlete Arena) */
.section-reviews-parallax {
  background-image: 
    linear-gradient(180deg, rgba(16, 20, 28, 0.58) 0%, rgba(24, 28, 38, 0.7) 100%),
    url('../assets/images/section-bg-reviews-4k.webp'),
    url('../assets/images/section-bg-reviews-4k.jpg');
}

.section-reviews-parallax .review-card {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.28);
}

.section-reviews-parallax .review-card:hover {
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-8px);
  border-color: var(--brand-red);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.38);
}

/* Glassy Rollover Cards floating directly over 4K Photo */
.section-formats-parallax .rollover-card {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

.section-formats-parallax .rollover-card:hover {
  background: rgba(255, 255, 255, 0.98);
  transform: translateY(-8px) scale(1.02);
  border-color: var(--brand-red);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
}

.section-formats-parallax .rollover-btn {
  background: rgba(255, 255, 255, 0.95);
  color: var(--text-primary);
  border: 1.5px solid #FFFFFF;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.section-formats-parallax .rollover-btn:hover {
  background: #FFFFFF;
  color: var(--brand-red);
  transform: scale(1.1);
}

/* Glass Curtain Reveal Effect */
.glass-curtain-reveal {
  position: relative;
  margin-top: -3.5rem;
  background: var(--bg-surface);
  border-top: 2px solid var(--border-glass-highlight);
  border-radius: 36px 36px 0 0;
  box-shadow: 0 -25px 50px rgba(0, 0, 0, 0.15);
  z-index: 5;
}