/* Local storefront cards reuse the existing palette and stay outside the checkout summary. */
.recommendations-section{padding-top:28px;border-top:1px solid var(--line)}
.recommendation-explanation{margin:10px 0 0;max-width:720px}
.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(220px,280px));align-items:stretch}
.recommendation-card .product-visual{height:185px;flex-shrink:0;overflow:hidden;grid-template-rows:minmax(0,1fr)}
.recommendation-card .product-visual img{min-height:0;max-height:100%}
.recommendation-card .product-info{padding:18px}
.recommendation-card .product-info h3{min-height:0}
.recommendation-card .card-bottom{padding-top:12px}
.recommendation-actions{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.recommendation-actions form{margin:0}
.recommendation-actions .button{width:100%;min-height:44px;padding:11px 12px}
.recommendation-actions .text-link{text-align:center;display:block}
@media(max-width:620px){.recommendations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recommendation-card .product-visual{height:155px}.recommendation-card .product-info{padding:13px}.recommendation-card .product-info h3{font-size:14px}.recommendation-card .card-bottom strong{font-size:20px}.recommendation-actions .button{font-size:12px}}
@media(max-width:440px){.recommendations-grid{grid-template-columns:1fr}.recommendation-card .product-visual{height:185px}}