/* Smooth animations for count updates */
#results-count-container {
    transition: opacity 0.3s ease;
}

#showing-start,
#showing-end,
#total-products {
    display: inline-block;
    transition: all 0.3s ease;
    font-weight: 600;
    color: #00843D;
}

/* Fade-in animation for new products */
.product-item {
    animation: fadeInUp 0.5s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading spinner */
#loading-spinner {
    padding: 30px 0;
    text-align: center;
}

#loading-spinner .spinner-border {
    width: 40px;
    height: 40px;
}

/* Load more button styling */
#load-more-btn {
    transition: all 0.3s ease;
}

#load-more-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 132, 61, 0.3);
}