.product-rail{border-top:.1rem solid #e2dbd0;background-color:#fff}.fpt.product-rail,.product-rail .collection{padding-top:2.4rem;padding-bottom:2.8rem}.product-rail .title{margin-bottom:1.6rem}.product-rail .title__heading{font-size:2rem;font-weight:500;line-height:1.25}.product-rail .title__line,.product-rail .title__buttons,.product-rail .slider-buttons,.product-rail .fpt__bottom-actions{display:none}.product-rail .fpt__content-list{margin-top:0}.product-rail .product-grid.grid{display:flex;flex-wrap:nowrap;gap:1.4rem;margin:0;padding:0 0 .4rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.product-rail .product-grid.grid::-webkit-scrollbar{display:none}.product-rail .product-grid.grid>.grid__item{flex:0 0 23rem;width:23rem;max-width:none;margin:0;padding:0;scroll-snap-align:start}@media screen and (max-width:749px){.product-rail .product-grid.grid>.grid__item{padding:1.6rem;box-sizing:border-box}}.product-rail .product-rail__cue{--scroll-cue-background: #ffffff}@media screen and (min-width:750px){.product-rail .product-grid.grid{margin:0!important;padding:0 0 .4rem!important;scroll-padding-left:0!important}.fpt.product-rail,.product-rail .collection{padding-top:3.2rem;padding-bottom:3.6rem}.product-rail .title__heading{font-size:2.4rem;font-weight:400}.product-rail .product-grid.grid{gap:2.4rem}.product-rail .product-grid.grid>.grid__item{flex-basis:30rem;width:30rem}.product-rail .product-rail__cue>.scroll-cue__button{right:0;width:5.6rem;height:5.6rem}.product-rail .product-rail__cue>.scroll-cue__button--back{right:auto;left:0}.product-rail .product-rail__cue[data-scroll-cue-button]:before{width:8rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3efe8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") 1.5rem 50% / 2.6rem no-repeat,radial-gradient(circle 2.8rem at 2.8rem 50%,#231c17 99%,transparent 100%),linear-gradient(to left,#fff0,#fff 60%)}.product-rail .product-rail__cue:after{width:8rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3efe8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") calc(100% - 1.5rem) 50% / 2.6rem no-repeat,radial-gradient(circle 2.8rem at calc(100% - 2.8rem) 50%,#231c17 99%,transparent 100%),linear-gradient(to right,#fff0,#fff 60%)}}.product-rail:not(.product-rail--install) .product-grid.grid{gap:0;border-top:.1rem solid #e2dbd0;border-bottom:.1rem solid #e2dbd0}.product-rail:not(.product-rail--install) .product-grid.grid>.grid__item{padding:1.6rem;box-sizing:border-box;border-left:.1rem solid #e2dbd0}.product-rail:not(.product-rail--install) .product-grid.grid>.grid__item:first-child{border-left:0}@media screen and (min-width:750px){.product-rail:not(.product-rail--install) .product-grid.grid{gap:0}.product-rail:not(.product-rail--install) .product-grid.grid>.grid__item{flex:0 0 calc(100% / 3);width:calc(100% / 3);padding:2.8rem 2.8rem 3.2rem}}@media screen and (min-width:990px){.product-rail:not(.product-rail--install) .product-grid.grid>.grid__item{flex-basis:25%;width:25%}}.product-rail:not(.product-rail--install) .card__quick-buttons .quick-add__submit{border-color:var(--card-view-button-border);background:var(--card-view-button);color:var(--card-view-button-text)}.product-rail:not(.product-rail--install) .card__quick-buttons .quick-add__submit:hover{background:var(--card-view-button-hover);color:var(--card-view-button-hover-text)}.product-rail.product-rail--install{border-top:0;background-color:transparent}.product-rail--install .title>.flex{row-gap:.4rem}.product-rail__intro{flex-basis:100%;margin:0;font-size:1.6rem;line-height:1.45;color:var(--color-foreground-muted)}.product-rail--install .product-grid.grid{flex-wrap:wrap;gap:1.2rem;overflow:visible}.product-rail--install .product-grid.grid>.grid__item{flex:0 0 calc((100% - 3.6rem)/4);width:auto;padding:0}.product-rail--install .product-rail__cue:before,.product-rail--install .product-rail__cue:after,.product-rail--install .product-rail__cue>.scroll-cue__button{display:none!important}.product-rail--install .card-wrapper--related{padding:1rem 1rem 1.2rem;border:.2rem solid #e2dbd0;border-radius:.8rem;background-color:#fff}.product-rail--install .card-wrapper--related .card__inner{border:.1rem solid #e9e3d9;border-radius:.2rem}.product-rail--install .card-wrapper--related .card__inner .media{--ratio-percent: 40% !important}.product-rail--install .card-wrapper--related .media>img{padding:.6rem}.product-rail--install .card-wrapper--related .card__content--product{padding-top:1rem;gap:1rem}.product-rail--install .card-wrapper--related .card__heading--product{min-height:0;font-size:1.6rem;font-weight:var(--font-body-weight-medium);line-height:1.3}.product-rail--install .card-wrapper--related .card__rating,.product-rail--install .card-wrapper--related .card__stock-line{display:none}.product-rail--install .card-wrapper--related .card__bottom-content{gap:1rem}.product-rail--install .card-wrapper--related .price .price-item--sale,.product-rail--install .card-wrapper--related .price__regular .price-item--regular{font-size:1.8rem!important;font-weight:600!important}.product-rail--install .card-wrapper--related .price__sale s.price-item--regular,.product-rail--install .card-wrapper--related .price__sale s[data-compare-price]{font-size:1.4rem!important}.product-rail--install .card-wrapper--related .quick-add__submit{min-height:4.8rem;border:.1rem solid #8f877b;border-radius:.6rem;background:#fff;font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground))}@media screen and (max-width:989px){.product-rail--install .product-grid.grid>.grid__item{flex-basis:calc((100% - 1.2rem)/2)}}@media screen and (max-width:749px){.product-rail--install .product-grid.grid{padding:0}.product-rail--install .product-grid.grid>.grid__item{padding:0}.product-rail--install .card-wrapper--related .card__inner .media{--ratio-percent: 66.67% !important}}.product-rail.product-rail--cards{border-top:0;background-color:transparent}.product-rail--cards .product-rail__cue{--scroll-cue-background: rgb(var(--color-background))}.product-rail.product-rail--cards .product-grid.grid{gap:1.2rem;border:0}.product-rail.product-rail--cards .product-grid.grid>.grid__item{padding:0;border-left:0}@media screen and (min-width:750px){.product-rail.product-rail--cards .product-grid.grid>.grid__item{flex:0 0 calc((100% - 2.4rem) / 3);width:calc((100% - 2.4rem) / 3);padding:0}.product-rail--cards .product-rail__cue[data-scroll-cue-button]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3efe8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E") 1.5rem 50% / 2.6rem no-repeat,radial-gradient(circle 2.8rem at 2.8rem 50%,#231c17 99%,transparent 100%),linear-gradient(to left,rgba(var(--color-background),0),rgb(var(--color-background)) 60%)}.product-rail--cards .product-rail__cue:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3efe8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") calc(100% - 1.5rem) 50% / 2.6rem no-repeat,radial-gradient(circle 2.8rem at calc(100% - 2.8rem) 50%,#231c17 99%,transparent 100%),linear-gradient(to right,rgba(var(--color-background),0),rgb(var(--color-background)) 60%)}}@media screen and (min-width:990px){.product-rail.product-rail--cards .product-grid.grid>.grid__item{flex-basis:calc((100% - 3.6rem)/4);width:calc((100% - 3.6rem)/4)}}
/*# sourceMappingURL=/cdn/shop/t/249/assets/component-product-rail.css.map */