/* ============================================================
   [เพิ่ม] มุมมนตาราง 8px ทั้ง 4 มุม + หัวข้อหมวด (เขียว) แบบรูป 2
   นำไปต่อท้าย compare.css
   ============================================================ */

/* มุมมนทั้ง 4 ของตาราง (โหมดการ์ดกลางจอ .max-content) */
.creditcard-product.max-content {
  border-radius: 8px;
  overflow: hidden;
}
/* หัว sticky ให้มุมบนมนเข้าชุดกัน */
.creditcard-all .sticky-header-wrapper .sticky-header-wrapper-inner.max-content {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
/* ตอนย่อ: บนมน-ล่างเหลี่ยม เพื่อต่อกับปุ่ม "ดูตารางทั้งหมด" (ปุ่มรับมุมล่างอยู่แล้ว) */
.creditcard-product.max-content.is-collapsed {
  border-radius: 8px 8px 0 0;
}

/* หัวข้อหมวด (Point Collection / Daily Usage ...) พื้นเขียวอ่อน ตัวอักษรเขียว */
.creditcard-product .dt-card.detail-card.section-head {
  background: #e9f8ef;
  /* padding-top: 10px;
  padding-bottom: 0; */
}
.creditcard-product .dt-card.detail-card.section-head .title {
  color: #00A94F;
  font-size: 13px;
  margin: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .creditcard-product.max-content {
    border-radius: unset;
  }
  .creditcard-product.max-content.is-collapsed {
    border-radius: unset;
  }
}