/* R108_AAA_INDEX_OUTER_MODULE_RADIUS_V66_ACTIVE
   หน้า “ที่พักของเรา”: กรอบนอกทุกโมดูลใช้ card_radius จาก Landing Builder
   แก้ selector จาก V65 ให้ id บน body ทำงานถูกต้อง */

body#r108-landing-body {
  --r108-index-module-radius: var(--r108-builder-radius, 24px);
}

/* กรอบ section หลักทุกโมดูล ยกเว้น Hero ซึ่งเป็นภาพปกเต็มความกว้าง */
html body#r108-landing-body .landing-section-stack > .landing-managed-section:not(.hero) {
  border-radius: var(--r108-index-module-radius) !important;
  background-clip: padding-box !important;
}

/* กรอบนอกที่มี class เฉพาะและเคยถูกกำหนด 13/16/30–52px แบบตายตัว */
html body#r108-landing-body :is(
  .resort-map-card,
  #availability.availability-section,
  #why-stay.aaa-why-showcase,
  .aaa-process-section,
  .aaa-process-section > .aaa-process-card,
  #packages.aaa-section-soft,
  #gallery.gallery-section,
  #nearby.aaa-section-soft,
  #faq.aaa-section-soft,
  #faq .aaa-faq-wrap,
  .aaa-bottom-cta,
  .aaa-bottom-cta > .aaa-bottom-card
) {
  border-radius: var(--r108-index-module-radius) !important;
  background-clip: padding-box !important;
}

/* กรอบแผนผังและปฏิทินต้องตัดพื้นหลัง/รูปตามมุมใหม่ */
html body#r108-landing-body :is(
  .resort-map-card,
  .resort-map-stage,
  #availability.availability-section,
  .aaa-process-section,
  .aaa-process-section > .aaa-process-card,
  #packages.aaa-section-soft,
  #gallery.gallery-section,
  #nearby.aaa-section-soft,
  #faq.aaa-section-soft,
  #faq .aaa-faq-wrap,
  .aaa-bottom-cta,
  .aaa-bottom-cta > .aaa-bottom-card
) {
  overflow: hidden !important;
}

/* “ทำไมต้องพักกับเรา” มีรูปวงกลมลอยออกนอกการ์ด จึงห้ามตัดรูป แต่ยังเปลี่ยนมุมกรอบนอก */
html body#r108-landing-body #why-stay.aaa-why-showcase {
  overflow: visible !important;
}

/* กรอบข้อความกรณียังไม่มีข้อมูลห้องพัก */
html body#r108-landing-body #rooms .room-grid > .panel {
  border-radius: var(--r108-index-module-radius) !important;
}

/* ย้ำบนมือถือ เพราะ CSS เดิมมีค่า 7/13/24/30px ภายใน media query */
@media (max-width: 760px) {
  html body#r108-landing-body .landing-section-stack > .landing-managed-section:not(.hero),
  html body#r108-landing-body :is(
    .resort-map-card,
    #availability.availability-section,
    #why-stay.aaa-why-showcase,
    .aaa-process-section,
    .aaa-process-section > .aaa-process-card,
    #packages.aaa-section-soft,
    #gallery.gallery-section,
    #nearby.aaa-section-soft,
    #faq.aaa-section-soft,
    #faq .aaa-faq-wrap,
    .aaa-bottom-cta,
    .aaa-bottom-cta > .aaa-bottom-card,
    #rooms .room-grid > .panel
  ) {
    border-radius: var(--r108-index-module-radius) !important;
  }
}