/* R108_AAA_MOBILE_MODULES_WIDTH_97_V131_CSS_ACTIVE */

@media (max-width: 760px) {
  /* ทุกโมดูลหน้าแรกกว้าง 97% ของหน้าจอเท่ากัน */
  html body#r108-landing-body .landing-section-stack > .landing-managed-section {
    width: 97vw !important;
    max-width: 97vw !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  html body#r108-landing-body .landing-section-stack > .landing-managed-section + .landing-managed-section {
    margin-top: var(--r108-builder-gap, 18px) !important;
  }

  /* Container ภายในทุกโมดูลไม่บีบความกว้างซ้ำ */
  html body#r108-landing-body .landing-section-stack > .landing-managed-section > .container,
  html body#r108-landing-body .landing-section-stack > .landing-managed-section > .container.hero-grid,
  html body#r108-landing-body .landing-section-stack > .landing-managed-section > .container.aaa-process-card,
  html body#r108-landing-body .landing-section-stack > .landing-managed-section > .container.aaa-faq-wrap,
  html body#r108-landing-body .landing-section-stack > .landing-managed-section > .container.aaa-bottom-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body#r108-landing-body .landing-section-stack > .landing-managed-section :is(
    .section-head,
    .panel,
    .resort-map-card,
    .resort-map-stage,
    .aaa-why-showcase-card,
    .aaa-process-card,
    .room-grid,
    .room-card,
    .aaa-package-grid,
    .aaa-package-card,
    .gallery-grid,
    .gallery-card,
    .aaa-nearby-grid,
    .aaa-nearby-list,
    .aaa-nearby-grid article,
    .aaa-review-grid,
    .aaa-review-card,
    .aaa-faq-wrap,
    .aaa-faq-list,
    .aaa-faq-list details,
    .aaa-bottom-card
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Gallery: ลดขอบรอบโมดูลและให้กริดใช้พื้นที่เกือบเต็ม */
  html body#r108-landing-body #gallery.gallery-section {
    width: 97vw !important;
    max-width: 97vw !important;
    padding: 10px !important;
  }
  html body#r108-landing-body #gallery > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }
  html body#r108-landing-body #gallery .section-head {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body#r108-landing-body #gallery .gallery-grid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 7px !important;
  }
  html body#r108-landing-body #gallery .gallery-card,
  html body#r108-landing-body #gallery .gallery-card img {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Nearby: ลด padding ซ้อนทั้งชั้นนอกและเนื้อหาในการ์ด */
  html body#r108-landing-body #nearby.aaa-section-soft {
    width: 97vw !important;
    max-width: 97vw !important;
    padding: 10px !important;
  }
  html body#r108-landing-body #nearby > .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body#r108-landing-body #nearby .section-head,
  html body#r108-landing-body #nearby .aaa-nearby-grid,
  html body#r108-landing-body #nearby .aaa-nearby-list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body#r108-landing-body #nearby .aaa-nearby-card {
    width: 100% !important;
    max-width: 100% !important;
  }
  html body#r108-landing-body #nearby .aaa-nearby-card__content {
    padding: 13px !important;
  }

  /* FAQ: ตัด padding ซ้ำ เพื่อให้คำถามและคำตอบกว้างขึ้น */
  html body#r108-landing-body #faq.aaa-section-soft {
    width: 97vw !important;
    max-width: 97vw !important;
    padding: 8px !important;
  }
  html body#r108-landing-body #faq > .container.aaa-faq-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    margin: 0 !important;
    gap: 10px !important;
  }
  html body#r108-landing-body #faq .aaa-faq-list,
  html body#r108-landing-body #faq .aaa-faq-list details {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  html body#r108-landing-body #faq .aaa-faq-list details {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* ย้ำโมดูลที่มีตัวครอบเฉพาะ */
  html body#r108-landing-body .resort-map-module > .container,
  html body#r108-landing-body #availability > .container,
  html body#r108-landing-body #rooms > .container,
  html body#r108-landing-body #packages > .container,
  html body#r108-landing-body #reviews > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}