.demoda-size-recommendations {
	margin: 4px 0 8px;
	padding: 20px 0 4px;
	border-top: 1px solid var(--demoda-color-line, #ded8d3);
}

.demoda-size-recommendations__heading { margin-bottom: 13px; }
.demoda-size-recommendations__heading p {
	margin: 0 0 3px;
	color: var(--demoda-color-wine, #8d2443);
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
}
.demoda-size-recommendations__heading h3 { margin: 0; font-size: 16px; line-height: 1.25; }
.demoda-size-recommendations__grid { display: grid; gap: 14px; }
.demoda-size-recommendation {
	display: grid;
	grid-template-columns: 104px minmax(0, 1fr);
	align-items: start;
	gap: 16px;
	padding: 14px;
	border: 1px solid var(--demoda-color-line, #ded8d3);
	background: #fff;
	text-align: left;
}
.demoda-size-recommendation__image {
	display: block;
	width: 104px;
}
.demoda-size-recommendation__image img {
	display: block;
	width: 104px;
	height: 139px;
	object-fit: cover;
	object-position: top center;
	background: #f3f0ed;
}
.demoda-size-recommendation span { display: block; margin-bottom: 3px; color: #286441; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.demoda-size-recommendation h4 { margin: 0 0 7px; font: 700 13px/1.4 var(--demoda-font-sans, sans-serif); }
.demoda-size-recommendation h4 a { color: var(--demoda-color-ink, #242220); }
.demoda-size-recommendation p { margin: 0 0 12px; font-size: 13px; font-weight: 700; }
.demoda-size-recommendation__cta {
	display: inline-flex;
	min-height: 40px;
	align-items: center;
	justify-content: center;
	padding: 0 22px;
	border: 1px solid currentColor;
	color: var(--demoda-color-wine, #8d2443);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

@media (max-width: 480px) {
	.demoda-size-recommendations { padding-top: 17px; }
	.demoda-size-recommendation { grid-template-columns: 88px minmax(0, 1fr); gap: 12px; padding: 12px; }
	.demoda-size-recommendation__image,
	.demoda-size-recommendation__image img { width: 88px; }
	.demoda-size-recommendation__image img { height: 117px; }
	.demoda-size-recommendation h4 { font-size: 12px; }
	.demoda-size-recommendation__cta { min-height: 34px; padding: 0 14px; }
}
