/* Match the original two-column product layout: 180px photos, approximately 420px cards. */
body{background:#faecdf;color:#332419;font-family:'Segoe UI',Arial,sans-serif}
.recommendations-page{width:min(900px,calc(100% - 40px));margin:0 auto;padding:24px 0 35px}
.recommendations-page h1{font:500 22px/1.4 'Segoe UI',Arial,sans-serif;text-align:center;margin:0 0 30px;color:#332419}
.recommendations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px;row-gap:28px;align-items:start}
.recommendation{background:#d3c6bd;border-radius:18px;overflow:hidden;min-width:0;height:auto}
.recommendation-top{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start}
.recommendation-top img{display:block;width:180px;height:180px;object-fit:cover;border-radius:18px}
.recommendation-top h2{font:400 20px/1.4 'Segoe UI',Arial,sans-serif;margin:7px 12px 0 0;color:#315d87;letter-spacing:normal}
.recommendation-top h2 a{color:inherit;text-underline-offset:3px}
.recommendation-copy{padding:10px 12px 14px 0}
.recommendation-copy p{font:400 16px/24px 'Segoe UI',Arial,sans-serif;margin:0 0 10px;color:#332419}
.recommendation-copy p:last-child{margin-bottom:0}
.products-footer{padding:18px 20px 28px;text-align:center;font-size:13px;color:#332419}
@media(max-width:820px){.recommendations-grid{column-gap:28px}.recommendation-top{grid-template-columns:minmax(130px,45%) minmax(0,1fr)}.recommendation-top img{width:100%;height:auto;aspect-ratio:1}.recommendation-top h2{font-size:18px}.recommendation-copy{padding-left:10px}}
@media(max-width:620px){.recommendations-page{width:min(420px,calc(100% - 28px));padding-top:22px}.recommendations-grid{grid-template-columns:1fr;gap:22px}.recommendation-top{grid-template-columns:180px minmax(0,1fr)}.recommendation-top img{width:180px;height:180px}.recommendation-top h2{font-size:20px}.recommendations-page h1{font-size:21px;margin-bottom:24px}}
@media(max-width:365px){.recommendation-top{grid-template-columns:45% 1fr}.recommendation-top img{width:100%;height:auto;aspect-ratio:1}.recommendation-top h2{font-size:18px}}

/* Polished product cards: keep the original 180px images. */
.recommendations-page h1{font-family:Cottage,Gabriola,Georgia,serif;font-size:44px;font-weight:400;line-height:1.15;margin-bottom:28px;color:#332419}
.recommendation{background:#fff;border:1px solid #e1d6c9;border-radius:18px;box-shadow:0 4px 14px rgba(51,36,25,.07)}
.recommendation-top{column-gap:16px}
.recommendation-top h2{margin:14px 14px 0 0;color:#332419;font-weight:500;line-height:1.35}
.recommendation-top h2 a{color:inherit;text-decoration:none}
.recommendation-top h2 a:hover,.recommendation-top h2 a:focus-visible{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.recommendation-copy{padding:16px 20px 18px}
.recommendation-copy p{margin:0 0 12px;color:#332419}
.recommendation-copy p:last-child{margin-bottom:0}
@media(max-width:820px){.recommendation-top{column-gap:12px}.recommendation-top h2{margin-top:12px;margin-right:12px}.recommendation-copy{padding:14px 16px 16px}}
@media(max-width:620px){.recommendations-page h1{font-size:38px}.recommendation-top{grid-template-columns:180px minmax(0,1fr)}.recommendation-top h2{font-size:19px}}
@media(max-width:365px){.recommendation-top{grid-template-columns:45% minmax(0,1fr);column-gap:10px}.recommendation-top h2{font-size:17px}}

/* Descriptions flow beside the existing images, then continue beneath them. */
.wrapped-product{display:flow-root;padding:0 18px 16px 0}
.wrapped-product .product-image-link{float:left;display:block;width:180px;margin:0 18px 10px 0;border-radius:18px;overflow:hidden}
.wrapped-product .product-image-link img{display:block;width:180px;height:180px;object-fit:cover;border-radius:18px}
.wrapped-product h2{font:500 20px/1.35 'Segoe UI',Arial,sans-serif;letter-spacing:normal;color:#332419;margin:14px 0 10px}
.wrapped-product h2 a{color:inherit;text-decoration:none}
.wrapped-product h2 a:hover,.wrapped-product h2 a:focus-visible{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.wrapped-product p{font:400 16px/24px 'Segoe UI',Arial,sans-serif;color:#332419;margin:0 0 12px;padding-left:18px}
.wrapped-product p:last-child{margin-bottom:0}
@media(min-width:621px) and (max-width:820px){.wrapped-product .product-image-link{width:45%;margin-right:14px}.wrapped-product .product-image-link img{width:100%;height:auto;aspect-ratio:1}.wrapped-product h2{font-size:18px}}
@media(max-width:365px){.wrapped-product .product-image-link{width:45%;margin-right:12px}.wrapped-product .product-image-link img{width:100%;height:auto;aspect-ratio:1}.wrapped-product h2{font-size:17px}}