/* CSS สำหรับแก้ปัญหา FlashSaleCard บัง Coupon Section */

/* แก้ไข z-index และ positioning ของ FlashSaleCard */
.flash-sale-banner {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  overflow: visible;
}

/* ให้แน่ใจว่า owl-carousel ไม่บัง content ด้านล่าง */
.flash-sale-banner .owl-carousel {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.flash-sale-banner .owl-stage-outer {
  overflow: visible !important;
}

/* แก้ไข section spacing */
section.no-padding-top {
  margin-bottom: 1em;
  overflow: visible;
}

/* ให้ Coupon section มี z-index สูงกว่า */
section:has([data-label="คูปองส่วนลด"]) {
  position: relative;
  z-index: 10;
  background: white;
  margin-top: 2em;
}

/* ถ้า FlashSaleCard ใช้ absolute positioning */
.flash-sale-banner > * {
  position: relative;
}

/* แก้ไขปัญหา margin collapse */
.flash-sale-banner + section {
  margin-top: 2em;
  clear: both;
}

section:has([data-label="คูปองส่วนลด"]) {
  /* border: 2px solid green; */
  /* background: rgba(0, 255, 0, 0.1); */
}