/* product.css */
.products-scroll-section {
    padding: 60px 0;
    background-color: #fff;
    overflow: hidden; /* กันรูปส่วนเกินล้นจอ */
}

/* ส่วนหัวข้อ */
.section-header {
    text-align: center;
    margin-bottom: 40px;
}

/* ตัวคุมการเลื่อน */
.product-slider {
    display: flex !important; /* บังคับเรียงแนวนอนเท่านั้น */
    flex-direction: row !important;
    flex-wrap: nowrap !important; /* ห้ามขึ้นบรรทัดใหม่เด็ดขาด */
    gap: 20px;
    padding: 20px 10px;
    cursor: grab;
    overflow-x: hidden; /* ซ่อน scrollbar */
    user-select: none;
}

.product-slider:active {
    cursor: grabbing;
}

/* การ์ดสินค้า */
.product-item {
    flex: 0 0 calc(25% - 15px) !important; /* บังคับ 4 รูปพอดี */
    min-width: 280px; 
    height: 380px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    overflow: hidden;
    position: relative;
}

.product-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none; /* ป้องกันการลากโดนรูป */
}

/* ปรับตามหน้าจอ */
@media (max-width: 1024px) {
    .product-item { flex: 0 0 calc(40% - 15px) !important; }
}
@media (max-width: 576px) {
    .product-item { flex: 0 0 calc(80% - 10px) !important; }
}