.vc-product-related{background:var(--vc-color-background-gradient, var(--vc-color-background, var(--vc-color-surface-muted)));color:var(--vc-color-foreground, var(--vita-charcoal, var(--vc-color-ink)));padding:3.5rem 0}.vc-product-related h2{color:var(--vc-color-foreground, var(--vita-charcoal, var(--vc-color-ink)));font-family:var(--vc-figma-font-family, var(--font-sans));font-size:var(--vc-figma-section-heading-size);font-weight:var(--vc-figma-section-heading-weight);letter-spacing:var(--vc-figma-section-heading-letter-spacing);line-height:var(--vc-figma-section-heading-line-height);margin:0 0 2rem;text-align:center;text-transform:lowercase}.vc-product-related__grid{display:grid;gap:1.5rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.vc-product-related__card{display:block}.vc-product-related__media{aspect-ratio:1 / 1;background:var(--vc-color-surface);margin-bottom:.9rem;overflow:hidden}.vc-product-related__media img,.vc-product-related__placeholder{height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.vc-product-related__card:hover .vc-product-related__media img,.vc-product-related__card:focus-visible .vc-product-related__media img{transform:scale(1.04)}.vc-product-related__card p{color:var(--vc-figma-vendor-color);font-family:var(--vc-figma-font-family, var(--font-sans));font-size:var(--vc-figma-vendor-size);font-weight:var(--vc-figma-vendor-weight);letter-spacing:var(--vc-figma-vendor-letter-spacing);line-height:var(--vc-figma-vendor-line-height);margin:0 0 .35rem;text-transform:uppercase}.vc-product-related__card h3{color:var(--vc-color-foreground, var(--vita-charcoal, var(--vc-color-ink)));font-size:var(--vc-type-body-size);font-weight:300;line-height:1.35;margin:0 0 .35rem;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.vc-product-related__card:hover h3,.vc-product-related__card:focus-visible h3{color:var(--vc-color-accent, var(--vita-olive, var(--vc-color-accent-primary)))}.vc-product-related__card span{color:color-mix(in srgb,var(--vc-color-foreground, var(--vc-color-ink)) 68%,transparent);font-size:var(--vc-type-body-sm);font-weight:300}@media screen and (min-width:750px){.vc-product-related{padding:4.5rem 0}.vc-product-related__grid{gap:2rem;grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-product-recommendations.css.map */