/* R108_AAA_MOBILE_MODULES_WIDTH_95_V130_CSS_ACTIVE */

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

  /* รักษาระยะห่างแนวตั้งเดิมของ Landing Builder */
  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;
    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-grid article,
    .aaa-review-grid,
    .aaa-review-card,
    .aaa-faq-wrap,
    .aaa-bottom-card
  ) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* โมดูลแผนที่มีชั้นครอบเฉพาะ ให้ยึดความกว้างเดียวกัน */
  html body#r108-landing-body .resort-map-module > .container,
  html body#r108-landing-body #availability > .container,
  html body#r108-landing-body #gallery > .container,
  html body#r108-landing-body #nearby > .container,
  html body#r108-landing-body #rooms > .container,
  html body#r108-landing-body #packages > .container,
  html body#r108-landing-body #reviews > .container,
  html body#r108-landing-body #faq > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}