/* Resort108 BBB V168: mobile-only 97% module width and larger inner content. */
@media (max-width: 700px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }

  body main.wrap,
  body main.wrap.r108-lb-active {
    box-sizing: border-box !important;
    width: 97% !important;
    max-width: 97% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 12px 0 96px !important;
  }

  main.wrap.r108-lb-active > .section,
  main.wrap.r108-lb-active > .hero-map,
  main.wrap.r108-lb-active > .r108-lb-section,
  main.wrap.r108-lb-active > .site-footer {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .r108-lb-section { padding: 14px !important; }
  .r108-lb-card-body { padding: 14px !important; }
  .r108-lb-grid { gap: 11px !important; }
  .r108-lb-head { margin-bottom: 13px !important; }

  .section-title { margin-bottom: 12px !important; }
  .section-title,
  .quick-card,
  .availability-board,
  .city-card,
  .facility,
  .faq-item summary,
  .faq-item p,
  .room-body { box-sizing: border-box; }

  .quick-card,
  .city-card,
  .facility { padding: 14px !important; }
  .availability-board { padding: 10px !important; }
  .room-body { padding: 14px !important; }
  .faq-item summary { padding: 15px 14px !important; }
  .faq-item p { padding: 0 14px 15px !important; }

  .quick-strip,
  .room-grid,
  .timeline-book,
  .city-grid,
  .facility-grid,
  .faq-list,
  .r108-lb-grid { width: 100%; max-width: 100%; }

  .map-card,
  .detail-panel,
  .r108-lb-section,
  .site-footer { border-radius: min(var(--r108-radius, 24px), 22px) !important; }
}