:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Poppins', sans-serif;
}
.live-counter {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { opacity: 0.7; }
50% { opacity: 1; }
100% { opacity: 0.7; }
}
.bestseller-badge {
animation: glow 2s infinite alternate;
}
@keyframes glow {
0% { box-shadow: 0 0 5px rgba(255, 152, 0, 0.5); }
100% { box-shadow: 0 0 15px rgba(255, 152, 0, 0.8); }
}
/* New Preview Modal Styles */
.preview-modal {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
}
.preview-modal.active {
    opacity: 1;
    pointer-events: auto;
}
.preview-modal #previewModalContent {
    transform: scale(0.9) translateY(1rem);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.preview-modal.active #previewModalContent {
    transform: scale(1) translateY(0);
    opacity: 1;
}
.product-card:hover {
transform: translateY(-5px);
transition: transform 0.3s ease;
}
.product-grid {
margin-bottom: 0;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}