/* ═══════════════════════════════════════
   SproutBox — mobile.css (clean rewrite)
═══════════════════════════════════════ */

@media (max-width: 768px) {

  /* Nav */
  .nav-links, .nav-ctas { display: none !important; }

  /* Container / section */
  .container { padding: 0 1.25rem !important; }
  .section   { padding: 2.5rem 0 !important; }

  /* page-hero */
  .page-hero { padding: 6rem 0 2.5rem !important; }
  .d1 { font-size: clamp(1.9rem, 7vw, 2.8rem) !important; line-height: 1.15 !important; }
  .d2 { font-size: clamp(1.4rem, 5.5vw, 2rem) !important; }

  /* FOOTER — show only brand col, hide link cols */
  .footer-grid > div:nth-child(2),
  .footer-grid > div:nth-child(3),
  .footer-grid > div:nth-child(4) { display: none !important; }
  .footer-grid { display: block !important; padding-bottom: 1.5rem !important; margin-bottom: 1rem !important; }
  .footer-bottom { flex-direction: column !important; gap: .5rem !important; text-align: center !important; }
  .footer-bottom > div { justify-content: center !important; }

  /* Inline grids collapse to 1 col */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:1fr 2fr"],
  [style*="grid-template-columns:2fr 1fr"],
  [style*="grid-template-columns:3fr 2fr"],
  [style*="grid-template-columns:2fr 3fr"],
  [style*="grid-template-columns:1fr 380px"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(2, 1fr)"],
  [style*="grid-template-columns:repeat(3, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }

  /* Amenity/stat grids stay 2-col */
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns:repeat(5,1fr)"],
  [style*="grid-template-columns:repeat(4, 1fr)"],
  [style*="grid-template-columns:repeat(5, 1fr)"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem !important;
  }

  /* Brand grid */
  .brand-grid { grid-template-columns: repeat(3, 1fr) !important; }

  /* Spaces booking */
  .two-col      { grid-template-columns: 1fr !important; gap: 2rem !important; }
  .booking-card { position: static !important; }
  .room-tabs    { grid-template-columns: 1fr 1fr !important; }
  .slot-grid    { grid-template-columns: repeat(3, 1fr) !important; }

  /* Buttons */
  .btn { display: block !important; width: 100% !important; text-align: center !important; box-sizing: border-box !important; }

  /* Flex → column */
  .hero-btns { flex-direction: column !important; }
  .cta-bar [style*="justify-content:center"] { flex-direction: column !important; align-items: center !important; }

  /* Images */
  img[style*="height:420px"], img[style*="height:380px"],
  img[style*="height:320px"], img[style*="height:300px"],
  img[style*="height:280px"] { height: 200px !important; object-fit: cover; }

  /* Map */
  iframe[src*="google.com/maps"] { height: 240px !important; }

  /* Gallery */
  .gallery-grid { grid-template-columns: 1fr 1fr !important; }
  .gallery-item { height: 160px !important; }
  .gallery-item:first-child { grid-column: 1 / -1 !important; height: 200px !important; }

  /* Table */
  table { font-size: .8rem !important; }

  /* Map+text layouts */
  [style*="grid-template-columns:1fr 2fr"][style*="gap:3rem"],
  [style*="grid-template-columns:1fr 2fr"][style*="gap:2rem"] { grid-template-columns: 1fr !important; }

  /* Dark comparison blocks */
  [style*="background:#1a3d2d"][style*="grid-template-columns"] { grid-template-columns: 1fr !important; }

  /* WhatsApp above action bar */
  a[aria-label="WhatsApp"][style*="position:fixed"] { bottom: 5.5rem !important; }

  body { padding-bottom: 68px; }
}

@media (max-width: 480px) {
  .d1           { font-size: 1.75rem !important; }
  .d2           { font-size: 1.35rem !important; }
  .brand-grid   { grid-template-columns: repeat(2, 1fr) !important; }
  .room-tabs    { grid-template-columns: 1fr !important; }
  .slot-grid    { grid-template-columns: repeat(2, 1fr) !important; }
  .gallery-grid { grid-template-columns: 1fr !important; }
}