/* Keep the original X9 palette and shared catalog card behavior. */
.product-related.x9-recommendations{padding:56px 0;background:#f5f6f1}
.x9-recommendations .w-main{max-width:1440px;width:92%;margin:0 auto}
.x9-recommendations .x9-recommendations-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.x9-recommendations .x9-recommendations-heading h2{margin:0;color:#004f32;font-size:36px;line-height:1.2;text-align:left;font-weight:500}
.x9-recommendations .x9-recommendations-more{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#004f32;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.x9-recommendations .x9-parent-products.x9-product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.x9-recommendations .x9-product-list[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.x9-recommendations .x9-product-list[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.x9-recommendations .x9-product-list[data-count="1"]{grid-template-columns:minmax(0,1fr);max-width:360px}
.x9-recommendations .x9-parent-products .x9-product-item{display:flex;flex-direction:column;gap:14px;margin:0;padding:0 0 20px;background:#fff;border:1px solid #e5e8de;border-radius:20px;overflow:hidden;min-width:0}
.x9-recommendations .x9-parent-products .product-card__thumb{display:block;position:relative;padding-top:100%;height:0;border-radius:0;background:#fff;overflow:hidden}
.x9-recommendations .x9-parent-products .product-card__thumb img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:contain;transition:transform .2s ease}
.x9-recommendations .product-card__thumb:hover img{transform:scale(1.025)}
.x9-recommendations .x9-parent-products .product-card__title{flex:1;width:auto;margin:2px 18px 0;font-size:17px;line-height:1.45;text-align:left;overflow:visible;overflow-wrap:anywhere}
.x9-recommendations .product-card__title a{color:#333;text-decoration:none;white-space:normal;overflow:visible;text-overflow:clip}
.x9-recommendations .product-card__title a:hover{text-decoration:underline}
.x9-recommendations .product-card__price{margin:0 18px;color:#004f32;font-size:18px;line-height:1.45;text-align:left}
.x9-recommendations .product-card__price del{color:#777;font-size:14px}
.x9-recommendations .x9-product-item .quick-add{box-sizing:border-box;min-height:44px;margin:2px 18px 0;padding:12px 16px;font-size:13px;line-height:20px}
.x9-recommendations a:focus-visible,.x9-recommendations button:focus-visible{outline:3px solid #004f32;outline-offset:3px}
@media(max-width:992px){.x9-recommendations .x9-parent-products.x9-product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.x9-recommendations .x9-product-list[data-count="1"]{grid-template-columns:minmax(0,1fr)}}
@media(max-width:576px){
 .product-related.x9-recommendations{padding:32px 0}
 .x9-recommendations .x9-recommendations-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:18px}
 .x9-recommendations .x9-recommendations-heading h2{font-size:28px}
 .x9-recommendations .x9-recommendations-more{font-size:14px}
 .x9-recommendations .x9-parent-products.x9-product-list{gap:12px}
 .x9-recommendations .x9-parent-products .x9-product-item{gap:10px;padding-bottom:14px;border-radius:14px}
 .x9-recommendations .x9-parent-products .product-card__title{margin:0 12px;font-size:14px;line-height:1.45}
 .x9-recommendations .product-card__price{margin:0 12px;font-size:16px}
 .x9-recommendations .x9-product-item .quick-add{margin:2px 12px 0;padding:10px 6px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.x9-recommendations .product-card__thumb img{transition:none}}
/* The adjacent review stars otherwise widen the whole product page at 320px. */
@media(max-width:360px){.single-product .product-reviews .x9-star-rating label{font-size:48px}}
.x9-legacy-browser .x9-recommendations .x9-parent-products.x9-product-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.x9-legacy-browser .x9-recommendations .x9-parent-products .x9-product-item{width:23%;flex:0 0 23%;margin-bottom:24px}
.x9-legacy-browser .x9-recommendations .product-card__thumb{height:auto;padding-top:0}
.x9-legacy-browser .x9-recommendations .x9-parent-products .product-card__thumb img{position:static;height:auto}
@media(max-width:992px){.x9-legacy-browser .x9-recommendations .x9-parent-products .x9-product-item{width:48%;flex-basis:48%}}