/* Existing C productcard/productimage/productbody styling, scoped to Related only. */
body.single-product.fh-production .fh-related .productgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fh-production .fh-related .productcard{min-width:0;display:flex;flex-direction:column}
.fh-production .fh-related .productcard a{border:0;margin:0;box-shadow:none}
.fh-production .fh-related .productimage{display:block;padding:0;aspect-ratio:1;overflow:hidden;background:#fff}
.fh-production .fh-related .productimage img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.fh-production .fh-related .productbody{display:flex;flex:1;flex-direction:column}
.fh-production .fh-related .productbody h3{margin-top:0;overflow-wrap:anywhere}
.fh-production .fh-related .productbody h3 a{display:inline;padding:0;background:transparent}
.fh-production .fh-related .productbody>.textlink{display:inline-block;align-self:flex-start;margin-top:auto;padding:0;background:transparent}
body.single-product.fh-production #main>.fh-related--empty{padding-top:24px;padding-bottom:24px}
.fh-production .fh-related--empty>.eyebrow,.fh-production .fh-related--empty>h2{margin-top:0;margin-bottom:12px}
.fh-production .fh-related--empty>.fh-browse-products{display:inline-flex;width:auto;margin:0;padding:12px 20px;border:0}
@media(max-width:1100px){body.single-product.fh-production .fh-related .productgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.single-product.fh-production .fh-related .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){body.single-product.fh-production .fh-related .productgrid{grid-template-columns:minmax(0,1fr)}}
