.related-products{display:block}.related-products__heading{margin:0}.cs-related-carousel__header{margin:0 0 3rem}.cs-related-carousel__button{width:4.4rem;height:4.4rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,border-color .2s ease;position:absolute;top:40%;z-index:3;transform:translateY(-50%)}.cs-related-carousel__button--prev{left:1.2rem}.cs-related-carousel__button--next{right:1.2rem}.cs-related-carousel__button span{display:block;font-size:2.8rem;line-height:1;transform:translateY(-.1rem)}.cs-related-carousel__button:hover{border-color:rgba(var(--color-foreground),.75)}.cs-related-carousel__button:disabled{opacity:.28;cursor:not-allowed}.cs-related-carousel__viewport{--cs-related-gap: var(--grid-desktop-horizontal-spacing, 1.6rem);width:100%;overflow:hidden;position:relative}.cs-related-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cs-related-desktop-columns) - 1) * var(--cs-related-gap)) / var(--cs-related-desktop-columns));gap:var(--cs-related-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;padding:0 0 .2rem;list-style:none}.cs-related-carousel__track::-webkit-scrollbar{display:none}.cs-related-carousel__slide{width:auto!important;max-width:none!important;min-width:0;scroll-snap-align:start;content-visibility:auto;contain-intrinsic-size:360px 460px}.cs-related-carousel__slide .card-wrapper,.cs-related-carousel__slide .card{width:100%}@media screen and (max-width:749px){.cs-related-carousel__header{margin-bottom:2rem}.cs-related-carousel__button{display:none}.cs-related-carousel__viewport{--cs-related-gap: var(--grid-mobile-horizontal-spacing, 1.5rem);overflow:visible}.cs-related-carousel__track{grid-auto-columns:calc((100% - (var(--cs-related-mobile-columns) - 1) * var(--cs-related-gap)) / var(--cs-related-mobile-columns));padding-bottom:.4rem}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/section-related-products.css.map */