@keyframes fadeOut {
            0% { opacity: 1; }
            70% { opacity: 1; }
            100% { opacity: 0; display: none; }
        }

        /* Targets Bootstrap's .toast.show automatically */
        .toast.show {
            animation: fadeOut 3s forwards;
        }

.hover-underline:hover {
    text-decoration: underline !important;
    color: #212529 !important;
}

.hover-opacity:hover {
    opacity: 0.8;
}

/* Custom Bootstrap Breadcrumb Separator Styling */
.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    padding: 0 0.4rem;
    color: #6c757d;
}
/* 1. Target the image container wrapper so its background is slightly off-white */
.card .position-relative.bg-light {
    background-color: #f4f5f7 !important; /* Soft neutral gray tint behind the image */
}

/* 2. Optional: Dim white product photos slightly so they stand out from a pure white card */
.product-img {
    background-color: #f4f5f7;
    filter: brightness(0.96); /* Darkens the image slightly (96% brightness) so pure white edges pop */
}