.acr-recommendations {
	margin-block: 1.25rem;
	padding: 1rem;
	border: 1px solid #d8e1e4;
	border-radius: 20px;
	background: #f8f7f3;
	color: #000;
	box-shadow: 0 10px 28px #172b3310;
}
.acr-recommendations > h2 { margin: 0; font-size: clamp(1.1rem, 2vw, 1.35rem); }
.acr-recommendations > p { margin: .35rem 0 1rem; color: #444; font-size: .875rem; }
.acr-recommendation-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .75rem; }
.acr-recommendation-card { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: .75rem; width: 100%; min-width: 0; box-sizing: border-box; padding: .85rem; border: 1px solid #d6e3e6; border-radius: 16px; background: #fff; }
.acr-recommendation-card--no-image { grid-template-columns: minmax(0, 1fr); }
.acr-recommendation-card > img { width: 72px; height: 72px; object-fit: contain; border-radius: 12px; background: #f2f4f4; }
.acr-recommendation-card__body { min-width: 0; }
.acr-recommendation-card h3 { margin: 0; font-size: .95rem; line-height: 1.25; overflow-wrap: anywhere; }
.acr-recommendation-card p { margin: .35rem 0; color: #444; font-size: .8rem; line-height: 1.4; }
.acr-recommendation-card .price { margin-block: .4rem; font-weight: 800; }
.acr-recommendation-card .button { min-height: 2.25rem; padding: .45rem .75rem; font-size: .8rem; }
.acr-recommendation-preview { display: inline-block; padding: .3rem .55rem; border-radius: 999px; background: #edf2f3; color: #333; font-size: .75rem; font-weight: 700; }
.acr-cart-recommendations { clear: both; margin-block: 1.5rem; }
@media (max-width: 600px) {
	.acr-recommendations { padding: .85rem; }
	.acr-recommendation-cards { grid-template-columns: minmax(0, 1fr); }
	.acr-recommendation-card { grid-template-columns: 60px minmax(0, 1fr); }
	.acr-recommendation-card--no-image { grid-template-columns: minmax(0, 1fr); }
	.acr-recommendation-card > img { width: 60px; height: 60px; }
}