/* Winkelwagen Upsells: huisstijl Konro Grill (licht, rechte hoeken, Bebas Neue, rood accent, groene knoppen). */

.dq-upsells {
	--dq-upsell-achtergrond: #fff;
	--dq-upsell-rand: 1px solid #e6e6e6;
	--dq-upsell-radius: 0;
	--dq-upsell-kop-font: 'Bebas Neue', sans-serif;
	--dq-upsell-kop-kleur: #222;
	--dq-upsell-kaart: #fafafa;
	--dq-upsell-kaart-rand: 1px solid #ececec;
	--dq-upsell-kaart-radius: 0;
	--dq-upsell-foto-achtergrond: #fff;
	--dq-upsell-foto-radius: 0;
	--dq-upsell-tekst: #222;
	--dq-upsell-zacht: #777;
	--dq-upsell-prijs: #da3034;
	--dq-upsell-knop: #4bb828;
	--dq-upsell-knop-tekst: #fff;
	--dq-upsell-knop-hover: #222;
	--dq-upsell-knop-hover-tekst: #fff;
	--dq-upsell-knop-radius: 0;
	--dq-upsell-knop-font: 'Bebas Neue', sans-serif;
	--dq-upsell-korting: #da3034;
	--dq-upsell-korting-tekst: #fff;
	--dq-upsell-pijl: #fff;
	--dq-upsell-pijl-kleur: #222;
	--dq-upsell-pijl-rand: #222;
	--dq-upsell-stip: #ccc;
	--dq-upsell-stip-actief: #da3034;
}

.dq-upsells .dq-upsells-titel,
.dq-upsells a.button.dq-upsell-knop {
	text-transform: uppercase;
	letter-spacing: .12rem;
	font-weight: 400;
}

.dq-upsells .dq-upsells-titel {
	font-size: 25px;
}

.dq-upsells .dq-upsell-korting {
	border-radius: 0;
}

@media (max-width: 767px) {
	.dq-upsells .dq-upsells-titel {
		font-size: 20px;
	}
}

/* Anders dan het grijze Totaalbedrag-blok: wit vlak met rode bovenrand, kaarten met een rode rand bij aanwijzen. */
.dq-upsells {
	border-top: 4px solid #da3034;
}

.dq-upsells .dq-upsell {
	transition: border-color .15s;
}

.dq-upsells .dq-upsell:hover {
	border-color: #da3034;
}

@media (min-width: 768px) {
	.dq-upsells .dq-upsell-titel {
		font-size: 16px;
	}

	.dq-upsells a.button.dq-upsell-knop {
		font-size: 18px;
	}
}