* {
	--scrollbar-size:8px;
	--scrollbar-radius:10px;
	--scrollbar-color:rgba(255,255,255,0);
	--scrollbar-bgcolor:rgba(255,255,255,0);
}

/* Hover bepaalt alleen de variabelen */
*:hover{
	--scrollbar-color:#ff5100; 
	--scrollbar-bgcolor:rgba(100,100,100,0.1);
}

/* Smooth scroll alleen waar nodig */
.kdp-cart-items-wrapper{
	scroll-behavior:smooth;

	/* Firefox */
	scrollbar-width:thin;
	scrollbar-color:var(--scrollbar-color) var(--scrollbar-bgcolor);
}

/* Webkit scrollbars */
.kdp-cart-items-wrapper::-webkit-scrollbar{
	width:var(--scrollbar-size);
	height:var(--scrollbar-size);
}

.kdp-cart-items-wrapper::-webkit-scrollbar-track{
	background:var(--scrollbar-bgcolor);
	border-radius:var(--scrollbar-radius);
}

.kdp-cart-items-wrapper::-webkit-scrollbar-thumb{
	background:var(--scrollbar-color);
	border-radius:var(--scrollbar-radius);
	transition:background .2s ease;
}

/* optioneel: alleen zichtbaar bij echte hover op container */
.kdp-cart-items-wrapper:hover{
	--scrollbar-color:#aaa;
	--scrollbar-bgcolor:rgba(100,100,100,0.1);
}