/* Custom scrollbar for a cleaner look */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Product Card Hover Effects */
.product-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

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

.view-section {
    animation: fadeIn 0.4s ease-out;
}

/* Cart item animation when added */
@keyframes slideInRight {
    from { transform: translateX(20px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.cart-item-added {
    animation: slideInRight 0.3s ease-out;
}

/* Toast animations */
.toast-show {
    transform: translateY(0);
    opacity: 1 !important;
}
/* Expiration colors */
.bg-expired {
    background-color: #fee2e2;
    color: #b91c1c;
}

.bg-warning-expiry {
    background-color: #fef3c7;
    color: #92400e;
}

/* Scanner specific styles */
#interactive video {
    width: 100%;
    height: auto;
    border-radius: 0.5rem;
}

#interactive canvas {
    display: none;
}

/* Responsive adjustments for POS grid */
@media (max-width: 640px) {
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Sticky cart for mobile if needed (optional) */
@media (max-width: 1024px) {
    .sticky-top-mobile {
        position: sticky;
        top: 4rem;
        z-index: 40;
    }
}