/* Spa Elysium — Responsive (all media queries) */

@media (max-width: 768px) {
  body { padding-top: 114px; padding-bottom: 70px; }

  .nav-inner { padding: 0 20px; }
  .nav-links { display: none; }
  .hamburger { display: block; }
  .nav-cta { display: none; }

  .hide-mobile { display: none !important; }

  .hero-h1 { font-size: 34px; }
  .hero-btns { flex-direction: column; align-items: stretch; }

  .stats-grid { grid-template-columns: repeat(3, 1fr); }
  .stat-item:nth-child(3)::after, .stat-item:nth-child(4)::after { display: none; }

  .offer-inner { flex-direction: column; align-items: flex-start; }

  .about-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .about-img-wrapper img { height: 300px; }
  .about-ctarow { flex-direction: column; align-items: center; }

  .services-grid { grid-template-columns: 1fr; }
  .massage-grid { grid-template-columns: repeat(2, 1fr); }

  .detail-block,
  .detail-block.reverse { grid-template-columns: 1fr !important; direction: ltr !important; }
  .detail-block.reverse > * { direction: ltr !important; }
  .detail-ctarow { flex-direction: column; align-items: flex-start; }

  .why-grid { grid-template-columns: repeat(2, 1fr); }

  .benefits-grid { grid-template-columns: 1fr; }

  .facilities-grid { grid-template-columns: repeat(2, 1fr); }

  .couple-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
  .couple-img { height: 320px; }

  .gallery-masonry { columns: 2; }

  .areas-grid { grid-template-columns: repeat(2, 1fr); }

  .review-card { flex: 0 0 calc(100% - 24px); }

  .offers-grid { grid-template-columns: 1fr; }

  .contact-grid { grid-template-columns: 1fr !important; gap: 32px !important; }

  .form-row { grid-template-columns: 1fr; }
  .booking-form-wrap { padding: 28px 20px; }
  .booking-below { flex-direction: column; align-items: center; }

  .final-cta-h2 { font-size: 34px; }
  .final-cta-btns a { min-width: 240px; }

  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  .cta-row-center { flex-direction: column; align-items: center; }

  /* Hide desktop floating elements on mobile */
  .float-wa,
  .float-call,
  .back-top,
  .sticky-strip { display: none !important; }

  /* Show mobile bar */
  .mobile-bar { display: flex; }

  /* Section padding */
  #about, #services, #service-detail, #why, #benefits,
  #facilities, #couple, #gallery, #areas, #reviews,
  #offers, #faq, #contact, #booking, #seo-content, #final-cta {
    padding: 60px 0 !important;
  }

  .section-h2 { font-size: 32px; }
}

@media (max-width: 480px) {
  .footer-grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item:nth-child(2)::after { display: none; }
  .areas-grid { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 769px) {
  /* Desktop: show bubbles, hide mobile bar */
  .mobile-bar { display: none !important; }
  .float-wa, .float-call, .back-top { display: flex !important; }
  body { padding-bottom: 60px; }
}