/* Vergroot de Lightbox-container */
.lightbox {
    max-width: 90%; /* Standaardwaarde is vaak 800px; verhoog dit naar 90% van het scherm */
    max-height: 90%; /* Zorg dat de afbeelding ook in hoogte schaalt */
}

/* Stijl voor het grote beeld in de Lightbox */
.lb-image {
    width: auto !important;  /* Pas de breedte aan naar 80% van de container */
    height: 450px !important;  /* Stelt een maximale breedte in als dat nodig is */
}

/* Optioneel: Stijl de navigatieknoppen */
.lb-prev, .lb-next {
    font-size: 30px;
    color: #333;
    text-shadow: none;
}

.product-slider-container {
    max-width: 600px;
    margin: auto;
}

.main-slider img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.thumbnail-slider .slick-slide {
    margin: 0 5px;
    cursor: pointer;
}

.thumbnail-slider img {
    max-width: 85px;
    height: auto;
    border: 2px solid transparent;
    border-radius: 5px;
    transition: border 0.3s;
}

.thumbnail-slider .slick-current img {
    border: 2px solid #333;
}