/* ให้ hover effect ทำงานเฉพาะ desktop/เมาส์ */
@media (hover: hover) and (pointer: fine) {
/* ปล่อยให้ธีมเดิมทำงานได้ตามปกติ */
}

/* มือถือ/แท็บเล็ต (ไม่มี hover จริง) -> ปิดการสลับรูป */
@media (hover: none) and (pointer: coarse) {
    .card-product .img-hover {
        display: none !important;
    }
    .card-product .img-product {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* กันบางธีมที่ใช้ hover เปลี่ยน opacity */
    .card-product .product-img:hover .img-product,
    .card-product .product-img:focus .img-product {
        opacity: 1 !important;
        visibility: visible !important;
    }
    .card-product .product-img:hover .img-hover,
    .card-product .product-img:focus .img-hover {
        opacity: 0 !important;
        visibility: hidden !important;
    }
}