.eris-related-carousel{display:block;position:relative;z-index:0;isolation:isolate;width:100%;box-sizing:border-box;padding-top:var(--eris-related-padding-top-desktop);padding-bottom:var(--eris-related-padding-bottom-desktop);background-color:var(--eris-related-background-color);overflow:hidden}.eris-related-carousel-container{max-width:var(--eris-related-container-width);margin:0 auto;padding:0 20px}.eris-related-carousel-header{margin-bottom:24px}.eris-related-carousel-title{font-size:var(--eris-related-title-size);color:var(--eris-related-title-color);margin:0;font-weight:600;text-align:left}.eris-related-carousel-wrapper{position:relative;overflow:hidden;padding-top:0;padding-bottom:20px;margin-top:0;margin-bottom:-20px}.eris-related-carousel-stage{position:relative}.eris-related-carousel-track{display:flex;gap:var(--eris-related-product-gap);width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-snap-stop:normal;scrollbar-width:none;-webkit-overflow-scrolling:touch}.eris-related-carousel-track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.eris-related-carousel-wrapper{cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain}.eris-related-carousel-wrapper.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.eris-related-carousel-wrapper.is-dragging a{pointer-events:none}}.eris-related-carousel-item{flex:0 0 calc((100% - (var(--eris-related-columns-desktop) - 1) * var(--eris-related-product-gap)) / var(--eris-related-columns-desktop));scroll-snap-align:start;min-width:0}.eris-related-card{display:flex;flex-direction:column;height:100%;background-color:var(--eris-related-card-bg-color);border:1px solid rgba(0,0,0,.06);border-radius:var(--eris-related-card-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a,0 8px 24px #00000014;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s ease}.eris-related-card:hover{transform:none;border-color:#00000014;box-shadow:0 2px 4px #0000000a,0 14px 36px #0000001f}.eris-related-card-image-link{display:block;color:inherit;text-decoration:none}.eris-related-card-image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background-color:#f4f4f4}.eris-related-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.eris-related-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4}.eris-related-card-placeholder svg{width:60%;height:60%;opacity:.3}.eris-related-card-info{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-grow:1;text-align:left}.eris-related-card-title{width:100%;font-size:var(--eris-related-product-title-size-desktop);font-weight:500;color:var(--eris-related-product-title-color);margin:0;line-height:1.4;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.eris-related-card-title a{color:inherit;text-decoration:none}.eris-related-card-title a:hover{text-decoration:underline}.eris-related-card-price{width:100%;font-size:var(--eris-related-product-price-size-desktop);font-weight:600;color:var(--eris-related-product-price-color);text-align:left}.eris-related-card-price-compare{font-size:var(--eris-related-product-price-size-desktop-minus-4);color:#999;text-decoration:line-through;margin-left:8px}.eris-related-carousel-nav-button{width:46px;height:46px;border-radius:50%;background-color:var(--eris-related-nav-button-bg);color:var(--eris-related-nav-button-color);border:1px solid rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #0000003d,0 0 0 1px #ffffff73;transition:all .25s ease}.eris-related-carousel-nav-button:hover:not(:disabled){background-color:var(--eris-related-nav-button-hover-bg);color:var(--eris-related-nav-button-hover-color);box-shadow:0 5px 18px #0000004d,0 0 0 1px #ffffff8c}.eris-related-carousel-nav-button:disabled{opacity:.4;cursor:default}.eris-related-carousel-nav-button svg{width:20px;height:20px}.eris-related-carousel-desktop-overlay{position:absolute;inset:0 0 auto 0;z-index:5;display:grid;grid-template-columns:repeat(var(--eris-related-columns-desktop),minmax(0,1fr));gap:var(--eris-related-product-gap);pointer-events:none}.eris-related-carousel-desktop-overlay[hidden]{display:none!important}.eris-related-carousel-edge{position:relative;grid-row:1;aspect-ratio:1 / 1;overflow:hidden;pointer-events:none}.eris-related-carousel-edge:before{content:"";position:absolute;top:0;bottom:0;width:42%;pointer-events:none}.eris-related-carousel-edge--left{grid-column:1}.eris-related-carousel-edge--left:before{left:0;background:linear-gradient(90deg,#0000002e,#00000014 40%,#0000)}.eris-related-carousel-edge--right{grid-column:-2 / -1}.eris-related-carousel-edge--right:before{right:0;background:linear-gradient(270deg,#0000002e,#00000014 40%,#0000)}.eris-related-carousel-edge .eris-related-carousel-nav-button{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:auto}.eris-related-carousel-edge--left .eris-related-carousel-nav-button{left:var(--eris-related-desktop-arrow-offset)}.eris-related-carousel-edge--right .eris-related-carousel-nav-button{right:var(--eris-related-desktop-arrow-offset)}.eris-related-carousel-dots{display:flex;gap:8px;align-items:center;justify-content:center}.eris-related-carousel-dot{width:8px;height:8px;border-radius:50%;background-color:var(--eris-related-dot-color);opacity:.3;border:none;padding:0;cursor:pointer;transition:all .3s ease}.eris-related-carousel-dot.active{opacity:1;width:24px;border-radius:4px}.eris-related-carousel-footer{position:relative;min-height:46px;margin-top:14px;display:flex;align-items:center;justify-content:center}.eris-related-carousel-footer-dots{display:flex;justify-content:center}.eris-related-carousel-footer-dots[hidden]{display:none!important}.eris-related-carousel-view-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background-color:var(--eris-related-button-bg-color);color:var(--eris-related-button-text-color);text-decoration:none;border-radius:var(--eris-related-button-radius);font-size:14px;font-weight:500;transition:all .3s ease;white-space:nowrap}.eris-related-carousel-view-more:hover{background-color:var(--eris-related-button-hover-bg-color);color:var(--eris-related-button-hover-text-color)}.eris-related-carousel-view-more svg{width:16px;height:16px}.eris-related-carousel-view-more-desktop{position:absolute;right:0;top:50%;transform:translateY(-50%)}.eris-related-carousel-view-more-mobile,.eris-related-carousel-mobile-nav{display:none}.eris-related-carousel-mobile-nav[hidden]{display:none!important}.eris-related-carousel-empty{text-align:center;padding:60px 20px;color:#999}.eris-related-carousel-empty svg{width:80px;height:80px;margin-bottom:20px;opacity:.3}.eris-related-carousel-empty-message{font-size:16px;color:#666}@media screen and (max-width:989px)and (min-width:750px){.eris-related-carousel-item{flex:0 0 calc((100% - (var(--eris-related-columns-tablet) - 1) * var(--eris-related-product-gap)) / var(--eris-related-columns-tablet))}.eris-related-carousel-desktop-overlay{grid-template-columns:repeat(var(--eris-related-columns-tablet),minmax(0,1fr))}}@media screen and (max-width:749px){.eris-related-carousel{padding-top:var(--eris-related-padding-top-mobile);padding-bottom:var(--eris-related-padding-bottom-mobile)}.eris-related-carousel-container{padding:0 16px}.eris-related-carousel-header{margin-bottom:12px;text-align:left}.eris-related-carousel-title{font-size:var(--eris-related-title-size-mobile)}.eris-related-carousel-desktop-overlay,.eris-related-carousel-footer{display:none!important}.eris-related-carousel-wrapper{margin:-12px -16px -20px;padding-top:12px;padding-bottom:20px;overflow:visible}.eris-related-carousel-track{gap:var(--eris-related-product-gap);padding:20px calc((100% - var(--eris-related-mobile-card-width)) / 2) 22px;overflow-x:auto;overflow-y:visible;scroll-padding-inline:calc((100% - var(--eris-related-mobile-card-width)) / 2);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;transform:none!important;transition:none}.eris-related-carousel-track::-webkit-scrollbar{display:none}.eris-related-carousel-item{flex:0 0 var(--eris-related-mobile-card-width);scroll-snap-align:center;scroll-snap-stop:always;opacity:var(--eris-related-mobile-side-opacity-divided-by-100-0);transform:scale(var(--eris-related-mobile-side-scale-divided-by-100-0));transform-origin:center;transition:opacity .28s ease,transform .28s ease}.eris-related-carousel-item.is-active{z-index:2;opacity:1;transform:scale(1)}.eris-related-card:hover{transform:none;box-shadow:0 1px 2px #0000000a,0 8px 24px #00000014}.eris-related-card-info{align-items:flex-start;text-align:left}.eris-related-card-title{font-size:var(--eris-related-product-title-size-mobile)}.eris-related-card-price{font-size:var(--eris-related-product-price-size-mobile)}.eris-related-card-price-compare{font-size:var(--eris-related-product-price-size-mobile-minus-3);margin-left:5px}.eris-related-carousel-mobile-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:2px}.eris-related-carousel-view-more-mobile{display:flex;width:100%;min-height:48px;margin-top:14px;box-sizing:border-box}}@media(prefers-reduced-motion:reduce){.eris-related-carousel-track,.eris-related-carousel-item,.eris-related-card{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/eris-related-products.css.map */