/* แถวเลื่อน: โหลดหลัง CSS ของหน้าและ tci-shared.css
   กำหนด gap / padding ที่หน้า; ไม่เพิ่ม reset ที่ล้างสไตล์การ์ดภายใน. */

.tci-shared-scroll-row {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}

.tci-shared-scroll-row::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {

  /* safe center จัดกลางเมื่อพื้นที่พอ และชิดซ้ายเมื่อเนื้อหาล้น. */
  .tci-shared-scroll-row {
    scroll-padding-inline: 0;
    justify-content: safe center;
  }

}

/* พื้นที่ท้ายแถวให้การ์ดสุดท้ายเลื่อนมาชิดจุดเริ่มต้นได้. */
.tci-shared-scroll-row[data-tci-card-trailing-space]::after {
  content: "";
  flex: 0 0 var(--tci-card-trailing-space, 0px);
}