.socksta-product-related{width:100%;background-color:#fff;padding:3rem 0}.socksta-product-related .socksta-container{margin:0 auto;padding:0 1rem}.socksta-product-related__header{text-align:center;margin-bottom:2.5rem}.socksta-product-related__title-wrap{display:flex;align-items:center;justify-content:center;gap:1rem}.socksta-product-related__title{font-family:var(--font-heading-family);font-weight:900;font-size:1.5rem;color:var(--color-navy, #000033);text-transform:uppercase;margin:0}@media(min-width:768px){.socksta-product-related__title{font-size:1.875rem}}.socksta-product-related__subtitle{color:var(--color-on-surface-variant, #4a4a68);margin-top:.5rem;font-weight:500;font-size:.875rem}.socksta-product-related__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.socksta-product-related__grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.socksta-product-related__card{display:block;background-color:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;border:1px solid #f3f4f6;transition:all .2s;text-decoration:none}.socksta-product-related__card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-4px)}.socksta-product-related__image-wrap{aspect-ratio:4/3;width:100%;overflow:hidden;background-color:#f3f4f6}.socksta-product-related__image{width:100%;height:100%;object-fit:cover}.socksta-product-related__info{padding:1rem;display:flex;align-items:center;justify-content:space-between}.socksta-product-related__card-title{font-family:var(--font-heading-family);font-weight:700;font-size:.875rem;color:var(--color-navy, #000033);text-transform:uppercase;transition:color .2s;margin:0}.socksta-product-related__card:hover .socksta-product-related__card-title{color:var(--color-primary, #4f00d2)}.socksta-product-related__card-subtitle{font-size:.75rem;color:var(--color-on-surface-variant, #4a4a68);margin-top:.125rem}.socksta-product-related__icon{color:#9ca3af;transition:color .2s;width:1.25rem;height:1.25rem}.socksta-product-related__card:hover .socksta-product-related__icon{color:var(--color-primary, #4f00d2)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/socksta-product-related.css.map */