.feature-carousel-section{padding-top:var(--section-padding-top-mobile);padding-bottom:var(--section-padding-bottom-mobile);width:100%;overflow:hidden}@media(min-width:990px){.feature-carousel-section{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}}.feature-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}@media(min-width:990px){.feature-carousel__header{margin-bottom:30px}}.feature-carousel__heading{color:var(--heading-color);margin:0;line-height:1;letter-spacing:-.02em}.feature-carousel__nav{display:flex;gap:8px;flex-shrink:0}.feature-carousel__arrow{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#f2f4f5;cursor:pointer;padding:0;color:#09281c;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.feature-carousel__arrow:hover:not(:disabled){background-color:#0000000a;border-color:#0000004d}.feature-carousel__arrow:disabled{opacity:.35;cursor:default}.feature-carousel__arrow svg{width:16px;height:16px;display:block}.feature-carousel__swiper{width:100%;overflow:hidden;--track-padding-left: var(--side-padding-mobile);padding-left:var(--track-padding-left);padding-right:var(--track-padding-left)}.feature-carousel__wrapper{gap:var(--card-gap-mobile)}@media(min-width:990px){.feature-carousel__swiper{--track-padding-left: 5rem;padding-left:var(--track-padding-left);padding-right:0}.feature-carousel__wrapper{gap:var(--card-gap)}@media screen and (min-width:1200px){.feature-carousel__swiper{--track-padding-left: max(5rem, calc((100vw - var(--page-width, 120rem)) / 2 + 5rem));padding-left:var(--track-padding-left);padding-right:0}}}.feature-carousel__arrow.feature-carousel__arrow--disabled{opacity:.35;cursor:default}.feature-carousel__card{flex:0 0 calc((100vw - (var(--side-padding-mobile) * 2) - (var(--card-gap-mobile) * (var(--cards-per-row-mobile) - 1))) / var(--cards-per-row-mobile));min-width:0;scroll-snap-align:start}.feature-carousel__subtext{color:var(--subtext-color);margin-top:8px;max-width:720px}.feature-carousel__heading-wrap{flex:1}@media(min-width:990px){.feature-carousel__card{flex:0 0 calc((100vw - var(--track-padding-left) - (var(--cards-per-row) - 1) * var(--card-gap)) / var(--cards-per-row));width:calc((100vw - var(--track-padding-left) - (var(--cards-per-row) - 1) * var(--card-gap)) / var(--cards-per-row))}}@media(min-width:750px)and (max-width:989px){.feature-carousel__card{flex:0 0 calc((100vw - var(--track-padding-left) * 2 - (var(--cards-per-row-tablet) - 1) * var(--card-gap)) / var(--cards-per-row-tablet));width:calc((100vw - var(--track-padding-left) * 2 - (var(--cards-per-row-tablet) - 1) * var(--card-gap)) / var(--cards-per-row-tablet))}.feature-carousel__track,.feature-carousel__wrapper{gap:var(--card-gap)}}.feature-carousel__card-image-wrapper{position:relative;overflow:hidden;border-radius:var(--card-radius);aspect-ratio:var(--image-ratio, .8);background-color:#f3f4f6}.feature-carousel__card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.feature-carousel__card:hover .feature-carousel__card-image{transform:scale(1.03)}.feature-carousel__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb}.feature-carousel__card-placeholder svg{width:50%;height:50%;opacity:.3}.feature-carousel__card-title{color:var(--card-title-color);margin:10px 0 5px;font-weight:500;font-family:var(--font-body-family);letter-spacing:-.02em}.feature-carousel__card-desc{color:var(--card-desc-color);margin:0 0 14px;opacity:.7;line-height:1.2;font-weight:400;min-height:36.38px}@media(min-width:750px){.feature-carousel__card-desc{margin-bottom:16px}}.feature-carousel__card-btn{display:inline-flex;align-items:center;justify-content:center;padding:13.5px 25px;font-size:calc(var(--font-body-scale, 1) * 1.4rem);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--button-text);background-color:var(--button-bg);border:none;border-radius:var(--button-radius);text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition-property:color,background-color,box-shadow,transform;transition-duration:var(--duration-long);transition-timing-function:ease;white-space:nowrap}@media screen and (hover:hover){.feature-carousel__card-btn:after{content:"";z-index:-1;position:absolute;top:0;left:-100%;width:100%;height:100%;transform:skew(-15deg);background-image:linear-gradient(90deg,transparent,rgba(var(--button-text-rgb),.25),transparent)}.feature-carousel__card-btn:hover{background-color:rgba(var(--button-bg-rgb),.85);transition-delay:var(--duration-default);opacity:1}.feature-carousel__card-btn:hover:after{animation:shine var(--duration-animate) ease}}.feature-carousel__card-btn:active{transform:scale(.97)}@media(min-width:750px){.feature-carousel__card-btn{padding:13px 26px;font-size:calc(var(--font-body-scale, 1) * 1.4rem)}}@media(max-width:389px){.feature-carousel__card-desc{font-size:calc(var(--font-body-scale, 1) * 1.3rem);margin-bottom:12px}.feature-carousel__card-btn{padding:10px 20px;font-size:calc(var(--font-body-scale, 1) * 1.2rem)}.feature-carousel__arrow{width:38px;height:38px}.feature-carousel__arrow svg{width:14px;height:14px}}.feature-carousel--contained .feature-carousel__swiper{max-width:var(--page-width, 1440px);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;overflow:hidden}.feature-carousel--contained .swiper-wrapper{display:grid;grid-template-columns:repeat(var(--cards-per-row),1fr);gap:var(--card-gap);transform:none!important}.feature-carousel--contained .swiper-slide{width:auto!important;margin-right:0!important}@media screen and (max-width:989px){.feature-carousel--contained .swiper-wrapper{grid-template-columns:repeat(var(--cards-per-row-tablet),1fr)}}@media screen and (max-width:749px){.feature-carousel--contained .swiper-wrapper{grid-template-columns:repeat(var(--cards-per-row-mobile),1fr);gap:var(--card-gap-mobile)}.feature-carousel--contained .feature-carousel__swiper{padding-left:var(--side-padding-mobile);padding-right:var(--side-padding-mobile)}}.feature-carousel--contained .feature-carousel__arrow{display:none}
/*# sourceMappingURL=/cdn/shop/t/79/assets/section-feature-carousel.css.map */