.related-products{padding-block:var(--rp-pad-top, 50px) var(--rp-pad-bottom, 40px)}.related-products__inner{position:relative;width:100%;max-width:calc(var(--page-width) + 2 * var(--page-gutter));margin-inline:auto;padding-inline:var(--page-gutter)}.related-products__heading{margin:0 0 var(--space-md);color:var(--color-ink);font-size:var(--text-2xl);font-weight:800;line-height:1.2;letter-spacing:-.01em}.related-products__notice{padding:var(--space-xs) var(--space-sm);background-color:var(--color-surface-alt);font-size:var(--text-sm);text-align:center}.related-products .related-products__carousel{position:relative;display:block}.related-products .related-products__track{--rp-per-view: 2.2;--rp-gap: .75rem;--rp-inset: var(--page-gutter);--per-view: var(--rp-per-view);display:flex;gap:var(--rp-gap);margin:-.5rem calc(-1 * var(--page-gutter)) -1.5rem;padding:.5rem var(--rp-inset) 1.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:var(--rp-inset);scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.related-products .related-products__track::-webkit-scrollbar{display:none}.related-products .related-products__track:focus-visible{outline-offset:-2px}.related-products .related-products__slide{position:relative;display:flex;flex:0 0 calc((100% - (var(--rp-per-view) - 1) * var(--rp-gap)) / var(--rp-per-view));min-width:0;scroll-snap-align:start}.related-products .related-products__slide>*{flex:1 1 auto;min-width:0}.related-products .related-products__arrow{position:absolute;top:50%;z-index:var(--z-raised);display:var(--rp-scroll-sm, none);place-items:center;width:var(--tap-target);height:var(--tap-target);margin:0;padding:0;border:0;border-radius:50%;background:var(--color-background);box-shadow:var(--shadow-md);color:var(--color-ink);cursor:pointer;translate:0 -50%;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.related-products .related-products__arrow .icon{width:1.25rem;height:1.25rem;stroke-width:2}@media(hover:hover){.related-products .related-products__arrow:hover{background:var(--color-ink);color:var(--color-background)}}.related-products .related-products__arrow[aria-disabled=true]{cursor:default}.related-products .related-products__arrow[aria-disabled=true] .icon{opacity:.25}@media(hover:hover){.related-products .related-products__arrow[aria-disabled=true]:hover{background:var(--color-background);color:var(--color-ink)}}.related-products .related-products__arrow{display:none;top:40%}.related-products .carousel__btn--prev.related-products__arrow{inset-inline-start:-.75rem}.related-products .carousel__btn--next.related-products__arrow{inset-inline-end:-.75rem}html.no-js .related-products .related-products__arrow{display:none}@media(min-width:768px){.related-products__heading{font-size:var(--text-3xl)}.related-products .related-products__track{--rp-per-view: 3.2;--rp-gap: 1rem;--rp-inset: 0px;margin-inline:0}.related-products .related-products__arrow{display:var(--rp-scroll-md, none)}}@media(min-width:992px){.related-products .related-products__track{--rp-per-view: 4}.related-products .related-products__arrow{display:var(--rp-scroll-lg, none)}}@media(min-width:1200px){.related-products .related-products__track{--rp-per-view: 5}.related-products .related-products__arrow{display:var(--rp-scroll-xl, none)}}@media(min-width:1600px){.related-products .related-products__track{--rp-per-view: 6}.related-products .related-products__arrow{display:var(--rp-scroll-2xl, none)}}@media(min-width:1920px){.related-products .related-products__track{--rp-per-view: 7}.related-products .related-products__arrow{display:var(--rp-scroll-3xl, none)}}@media(min-width:2300px){.related-products .related-products__track{--rp-per-view: 8}.related-products .related-products__arrow{display:var(--rp-scroll-4xl, none)}}@media(prefers-reduced-motion:reduce){.related-products .related-products__track{scroll-behavior:auto}}@media(min-width:1400px){.related-products .carousel__btn--prev.related-products__arrow{inset-inline-start:-1.375rem}.related-products .carousel__btn--next.related-products__arrow{inset-inline-end:-1.375rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-related-products.css.map */