@layer components{.edj-related{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);padding:60px 56px}.edj-related__inner{max-width:var(--container-max-width, 1200px);margin-inline:auto}.edj-related__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;gap:16px}.edj-related__eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--color-accent);text-transform:uppercase;margin-bottom:8px;font-family:var(--font-sans)}.edj-related__heading{font-family:var(--font-serif-display);font-size:36px;margin:0;font-weight:400;letter-spacing:-.5px;line-height:1.05;color:var(--color-ink)}.edj-related__heading-italic{font-style:italic}.edj-related__see-all{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:12px;color:var(--color-ink);text-decoration:underline;text-underline-offset:3px;flex-shrink:0;padding:0;transition:color var(--t-fast) var(--ease)}.edj-related__see-all:hover,.edj-related__see-all:focus-visible{color:var(--color-accent)}.edj-related__see-all--mobile{display:none}edj-drag-carousel{display:block}.edj-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.edj-related__cell{min-width:0}@media(max-width:768px){.edj-related{padding:24px 16px;background:var(--color-bg-alt)}.edj-related__header{margin-bottom:14px}.edj-related__heading{font-size:22px;letter-spacing:-.3px}.edj-related__see-all--desktop{display:none}.edj-related__see-all--mobile{display:inline;font-size:11px}.edj-related__grid{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;padding-bottom:6px;margin-inline:-16px;padding-inline:20px;scroll-padding-inline-start:20px;scroll-padding-inline-end:20px}.edj-related__grid::-webkit-scrollbar{display:none}.edj-related__grid:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.edj-related__cell{flex:0 0 140px;scroll-snap-align:start}}@media(min-width:769px)and (max-width:1023px){.edj-related{padding:40px 32px}.edj-related__grid{grid-template-columns:repeat(3,1fr);gap:18px}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-product-related.css.map */