/* Custom Scrollbar for image slider */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Toast Notification */
.toast-notification {
    position: fixed;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #10b981;
    color: white;
    padding: 10px 22px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    white-space: nowrap;
    max-width: 90vw;
    text-align: center;
}
.toast-notification.show { bottom: 24px; opacity: 1; }
.toast-notification.error { background-color: #ef4444; }

/* Stock badges */
.badge-instock   { background: #d1fae5; color: #065f46; }
.badge-lowstock  { background: #fef3c7; color: #92400e; }
.badge-outstock  { background: #fee2e2; color: #991b1b; }

/* Image slider dot indicators */
.img-dots { display: flex; gap: 4px; justify-content: center; margin-top: 6px; }
.img-dot  { width: 6px; height: 6px; border-radius: 50%; background: #d1d5db; transition: background .2s; }
.img-dot.active { background: #3b82f6; }