.fotoslider:empty{
	display: none;
}

.product_fotoslider .tns-controls{
	display: flex;
	justify-content: center;
	gap: 1rem;
}

.woocommerce_breadcrumbs:has(.product_fotoslider),
.fotoslider{
	overflow-x: clip;
}

.product_fotoslider .tns-ovh,
.fotoslider .tns-ovh{
	overflow: visible !important;
}

.geen_slider{
    --padding-inline: var(--bs-gutter-x, .75rem);

    --content-max-width: var(--container-width);
    --narrow-size-reduction: calc(((100% - var(--container-width)) / 2) - 3rem);

    --_content-column-size: calc(var(--narrow-size-reduction) / 2); /* Split into two parts */

    display: grid;
    grid-template-columns:

        /* Split the first column */
        [outer-full-width-start] minmax(0, var(--_content-column-size))
        [full-width-start] minmax(0, var(--_content-column-size))

        [content-start] minmax(var(--padding-inline), 1fr)

        repeat(10, 1fr)

        minmax(var(--padding-inline), 1fr) [content-end]

        /* Split the last column */
        minmax(0, var(--_content-column-size)) [full-width-end]
        minmax(0, var(--_content-column-size)) [outer-full-width-end];

    gap: 0 var(--bs-gutter-x, .75rem);
}

.geen_slider .fotoslider_container{
	grid-column: full-width-start / full-width-end;
}

.geen_slider .fotoslider_container:has(.row){
	grid-column: content-start / content-end;
	display: grid;
	gap: 8rem;
}

.foto_content a{
	text-decoration: none !important;
}

.fotoslider_item_content{
	font-size: 1.3rem;
	line-height: 1.3;
	margin-top: 1.9rem;
}

.caption_container{
	color: var(--donker-grijs) !important;
	font-size: 1.3rem;
	line-height: 1.3;
	margin-top: 1.9rem;
}

@media (max-width:767px)
{
	.geen_slider{
		grid-template-columns:

			/* Split the first column */
			[outer-full-width-start] minmax(0, var(--_content-column-size))
			[full-width-start] minmax(0, var(--_content-column-size))

			[content-start] minmax(var(--padding-inline), 1fr)

			repeat(1, 1fr)

			minmax(var(--padding-inline), 1fr) [content-end]

			/* Split the last column */
			minmax(0, var(--_content-column-size)) [full-width-end]
			minmax(0, var(--_content-column-size)) [outer-full-width-end];
	}

	.geen_slider .fotoslider_container:has(.row){
		grid-column: full-width-start / full-width-end;
		gap: 6rem;
	}

}

@media (min-width:768px) and (max-width:991px)
{
	
}

@media (min-width:992px) and (max-width:1199px)
{
	
}