/* assets/css/style.css */

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: #f9f9f9;
}
::-webkit-scrollbar-thumb {
    background: #000;
}

/* Animations */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}
.animate-marquee {
    display: inline-block;
    animation: marquee 25s linear infinite;
    white-space: nowrap;
}
.animate-marquee:hover {
    animation-play-state: paused;
}

/* Product Card Hover (Snitch Style) */
.product-card .img-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.5s ease;
}
.product-card:hover .img-hover {
    opacity: 1;
}

/* Hide scrollbar for horizontal scroll (Categories/Carousels) */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Base Styles */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}