/* ✅ Loader */
#slider-loading {
    position: absolute;
    inset: 0;
    background: #FFFFFF;   /* เทาอ่อน สุภาพ */
    z-index: 5;
}
#slider-loading.hidden { opacity: 0; pointer-events: none; }

/* ✅ Spinner */
.spinner {
  border: 6px solid #eee;
  border-top: 6px solid #e6397f;
  border-radius: 50%;
  width: 60px; height: 60px;
  animation: spin 1s linear infinite;
}
@keyframes spin { from{transform:rotate(0deg);} to{transform:rotate(360deg);} }

/* ✅ ปรับการซ่อนภาพ: แสดงภาพแรกทันที (ไม่ให้หน้าขาว) */
.slider-wrap img {
  opacity: 1; /* เดิมเป็น 0 */
  transition: opacity 0.8s ease;
}

/* เมื่อ slick เริ่มทำงาน จะค่อยๆ แสดงภาพที่เหลือ */
.slick-initialized .slider-wrap img {
  opacity: 1;
}