.related-products{margin:auto;display:block;--items-gap: 20px}.related-products__heading-container{margin-bottom:48px}.related-products__heading{margin-bottom:0;text-align:center}.related-products__description{margin-top:20px;max-width:780px}.related-products__product{display:block}.related-products__product img{width:100%;height:auto;aspect-ratio:264/440;object-fit:contain;display:block;max-width:260px;margin:0 auto}.related-products__content{display:flex;justify-content:space-between;gap:8px;align-items:center}.related-products .related-products__product-title{color:var(--cl__high-contrast, #111);font-family:var(--font-body-family);font-size:1rem;font-weight:400;line-height:22.4px;letter-spacing:.24px;text-transform:uppercase}@media (max-width: 959px){.related-products .related-products__product-title,.related-products .related-products__product-pricing{margin-bottom:0}}@media (min-width: 960px){.related-products.related-products--4-columns .related-products__product-title,.related-products.related-products--5-columns .related-products__product-title{margin-bottom:0}.related-products.related-products--4-columns .related-products__content,.related-products.related-products--5-columns .related-products__content{flex-direction:column;align-items:flex-start;gap:4px}}.related-products__product-pricing{white-space:nowrap}.related-products *{text-decoration:none}.related-products__grid-scroll-container{width:100%;overflow:hidden}@media (min-width: 1024px){.related-products__grid-scroll-container{overflow:visible}}.related-products__grid{display:flex;gap:var(--items-gap);padding:0;list-style:none;overflow:auto;scroll-snap-type:x mandatory;width:calc(100% + var(--side-padding) * 2);margin-left:calc(-1 * var(--side-padding));scroll-padding-left:calc(1 * var(--side-padding));padding-left:calc(1 * var(--side-padding));padding-right:calc(1 * var(--side-padding))}@media (min-width: 960px){.related-products__grid{display:grid;width:100%;margin-left:unset;margin-right:unset;padding-left:unset;padding-right:unset;grid-template-columns:repeat(var(--columns, 4),1fr)}}@media (min-width: 1024px){.related-products__grid{overflow:visible}}.related-products__grid-item{width:calc(90% - var(--items-gap));width:100%;flex-shrink:0;scroll-snap-align:start}@media (min-width: 960px){.related-products__grid-item{flex-shrink:unset;width:100%}}.related-products__grid-item:hover img{opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/134/assets/component-related-products.css.map */