/* ============================================================
   TukooApps — Custom Styles
   Minimal overrides; TailwindCSS handles most styling.
   ============================================================ */

/* Hide scrollbar for category filter */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Smooth page transitions */
* {
    scroll-behavior: smooth;
}

/* Product image loading placeholder */
img[loading="lazy"] {
    background: linear-gradient(110deg, #f0f0f0 8%, #fafafa 18%, #f0f0f0 33%);
    background-size: 200% 100%;
    animation: shimmer 1.5s linear infinite;
}

img[loading="lazy"][src] {
    animation: none;
    background: none;
}

@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Cart slide animation enhancement */
.cart-overlay-enter {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}