/* Spinner Animation */
    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    /* Spinner Styling */
    .spinner {
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-top: 4px solid #F09528; /* Blue color */
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite; /* Apply the spin animation */
        margin: 0 auto;
    }

    /* Pop-up Styling */
    #loading-popup {
        display: none;
        position: fixed;

        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 10000;

        justify-content: center;
        align-items: center;
    }





.loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* Ensure it's above the image */
}

.product-image {
    opacity: 0; /* Hide image initially */
    transition: opacity 0.3s ease; /* Smooth fade-in effect */
}

.product-image.loaded {
    opacity: 1; /* Show image after it's loaded */
}

.spinner-border{
    border: 4px solid rgba(0, 0, 0, 0.1);
        border-top: 4px solid #F09528; /* Blue color */
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite; /* Apply the spin animation */
        margin: 0 auto;
}