/* ==========================================================================
   Apple Slider Component (Related Yachts)
   ========================================================================== */

/* สูตรคำนวณระยะ Spacer ฝั่งซ้ายให้ตรงแนวเดียวกับคอนเทนต์ที่ถูกจัดกึ่งกลางมาร์จิ้น */
.apple-slider-spacer {
    width: 24px;
}

@media (min-width: 1200px) {
    .apple-slider-spacer {
        width: calc((100vw - 1200px) / 2 + 24px);
    }
}

/* ซ่อนแถบ Scrollbar ทุกระบบเบราว์เซอร์ */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}

.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.apple-slide-item {
    user-select: none;
    -webkit-user-drag: none;
}
@keyframes cinematic-reveal {
    0% {
        opacity: 0;
        transform: translateY(30px);
        filter: blur(8px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.animate-cinematic {
    /* ปรับเวลาให้กระชับขึ้นนิดหน่อยเป็น 1.5s จะได้ไม่อืดเกินไป */
    animation: cinematic-reveal 1.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}