/* DrSmart Sales Booster: combinaties op de productpagina. Volgt de themastijl waar mogelijk. */
.dsb-combo {
	margin: 1.5em 0 0;
	padding: 1em 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.dsb-combo__title {
	font-size: 1.05em;
	line-height: 1.3;
	margin: 0 0 0.75em;
}

.dsb-combo__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.75em;
}

.dsb-combo__item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.75em;
	margin: 0;
}

.dsb-combo__thumb img,
.dsb-combo__img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	margin: 0;
}

.dsb-combo__info {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.15em;
}

.dsb-combo__name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.35;
	text-decoration: none;
}

.dsb-combo__price {
	font-weight: 600;
}

.dsb-combo__add.button {
	white-space: nowrap;
	margin: 0;
}

@media (max-width: 480px) {
	.dsb-combo__item {
		grid-template-columns: 56px minmax(0, 1fr);
	}

	.dsb-combo__thumb img,
	.dsb-combo__img {
		width: 56px;
		height: 56px;
	}

	.dsb-combo__add.button {
		grid-column: 2;
		justify-self: start;
	}
}