/* Inherits fonts and colours from the theme (Flatsome) on purpose. */
.msa-addons {
	width: 100%;
	margin: 0 0 1.25em;
	flex-basis: 100%;
}
.msa-addons__list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.msa-addon {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	list-style: none;
}
.msa-addon__thumb {
	flex: 0 0 56px;
	line-height: 0;
}
.msa-addon__thumb img {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 4px;
	margin: 0;
}
.msa-addon__info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	line-height: 1.35;
}
.msa-addon__label {
	font-weight: 600;
	font-size: 0.95em;
}
.msa-addon__price .amount { font-weight: 600; }
.msa-addon__unit {
	font-weight: 400;
	opacity: 0.75;
}
.msa-addon__name {
	font-size: 0.85em;
	opacity: 0.85;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.msa-addon__name:hover,
.msa-addon__name:focus-visible { text-decoration: underline; }
.msa-addon__qty { flex: 0 0 auto; }
.msa-addon__qty .quantity { margin: 0 !important; }

@media (max-width: 480px) {
	.msa-addon { flex-wrap: wrap; }
	.msa-addon__info { flex-basis: calc(100% - 68px); }
	.msa-addon__qty { margin-left: 68px; }
}