.feature-showcase{position:relative;overflow:hidden;color:var(--feature-showcase-text);padding-top:var(--feature-showcase-padding-top-mobile);padding-bottom:var(--feature-showcase-padding-bottom-mobile);background-color:#3b3d42;--feature-showcase-slide-gap-desktop: 18px;--feature-showcase-slide-active-scale-desktop: 1.7;--feature-showcase-slide-width-desktop: calc( (100% - (var(--feature-showcase-slide-gap-desktop) * (var(--feature-showcase-slide-count) - 1))) / var(--feature-showcase-slide-count) );--feature-showcase-slide-width-desktop-hover-base: calc( (100% - (var(--feature-showcase-slide-gap-desktop) * (var(--feature-showcase-slide-count) - 1))) / ((var(--feature-showcase-slide-count) - 1) + var(--feature-showcase-slide-active-scale-desktop)) );--feature-showcase-slide-width-desktop-hover-active: calc( var(--feature-showcase-slide-width-desktop-hover-base) * var(--feature-showcase-slide-active-scale-desktop) )}.feature-showcase__background,.feature-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.feature-showcase__background{background-image:var(--feature-showcase-bg-desktop);background-position:center;background-repeat:no-repeat;background-size:cover}.feature-showcase__overlay{background:var(--feature-showcase-overlay);opacity:var(--feature-showcase-overlay-opacity)}.feature-showcase__inner{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:0 16px}.feature-showcase__header{text-align:center;margin-bottom:30px}.feature-showcase__title{margin:0;color:inherit;font-size:var(--feature-showcase-title-size-mobile);line-height:1.08;font-weight:400;letter-spacing:.04em}.feature-showcase__subtitle{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:var(--feature-showcase-subtitle-size-mobile);line-height:1.3;letter-spacing:.22em;color:inherit;opacity:.9}.feature-showcase__subtitle:before,.feature-showcase__subtitle:after{content:"";width:14px;height:1px;background:currentColor;opacity:.65}.feature-showcase__carousel{position:relative}.feature-showcase__track{padding:6px 16px 16px;overflow-x:auto;scroll-padding-inline:16px;scroll-behavior:smooth}.feature-showcase__grid{display:flex;flex-wrap:nowrap;align-items:center;gap:14px}.feature-showcase__slide{width:min(78vw,248px);flex:0 0 min(78vw,248px);scroll-snap-align:start;border-radius:10px;overflow:hidden;transition:width .45s ease,flex-basis .45s ease,opacity .45s ease}.feature-showcase__slide-inner{position:relative;display:block;overflow:hidden;aspect-ratio:304 / 400;border-radius:10px;clip-path:inset(0 round 10px);box-shadow:0 14px 28px #00000042;background:transparent}.feature-showcase__media,.feature-showcase__media .img-ar,.feature-showcase__media .theme-img,.feature-showcase__placeholder{width:100%;height:100%}.feature-showcase__media{border-radius:10px;overflow:hidden;clip-path:inset(0 round 10px)}.feature-showcase__media .img-ar{--aspect-ratio: 304 / 400;border-radius:10px;overflow:hidden}.feature-showcase__media .theme-img{object-fit:contain;object-position:center center;border-radius:10px}.feature-showcase__caption{position:absolute;top:7.5%;left:10%;right:14px;z-index:1;font-size:clamp(12px,.95vw,18px);line-height:1.4;font-weight:400;letter-spacing:.02em;color:var(--feature-showcase-caption-color)}.feature-showcase__placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff1f;color:#ffffffb3}.feature-showcase__nav{display:none}.feature-showcase__slide.is-active{opacity:1}.feature-showcase__slide:not(.is-active){opacity:.98}@media(max-width:767.98px){.feature-showcase__inner{padding:0 10px}.feature-showcase__header{margin-bottom:20px}.feature-showcase__background{background-image:var(--feature-showcase-bg-mobile)}.feature-showcase__track{padding:6px 10px 16px;scroll-padding-inline:10px}.feature-showcase__grid{justify-content:flex-start;gap:12px}.feature-showcase__slide,.feature-showcase__slide.is-active{width:min(80vw,304px)!important;flex:0 0 min(80vw,304px)!important;max-width:none;opacity:1}.feature-showcase__slide-inner,.feature-showcase__slide.is-active .feature-showcase__slide-inner,.feature-showcase__media,.feature-showcase__media .img-ar,.feature-showcase__media .theme-img{border-radius:10px;clip-path:inset(0 round 10px)}.feature-showcase__caption,.feature-showcase__slide.is-active .feature-showcase__caption{top:7.5%;left:10%;right:14px;font-size:clamp(14px,3.8vw,18px);line-height:1.38;font-weight:400}}@media(min-width:768px){.feature-showcase{padding-top:var(--feature-showcase-padding-top-desktop);padding-bottom:var(--feature-showcase-padding-bottom-desktop)}.feature-showcase__inner{max-width:1400px;padding:0 32px}.feature-showcase__header{margin-bottom:40px}.feature-showcase__title{font-size:var(--feature-showcase-title-size-desktop);line-height:1.04}.feature-showcase__subtitle{gap:14px;margin-top:14px;font-size:var(--feature-showcase-subtitle-size-desktop)}.feature-showcase__subtitle:before,.feature-showcase__subtitle:after{width:18px}.feature-showcase__track{width:100%;max-width:1400px;margin:0 auto;padding:12px 0 18px;scroll-padding-inline:calc(50% - 82px);overflow-x:hidden}.feature-showcase__grid{gap:var(--feature-showcase-slide-gap-desktop)}.feature-showcase__slide{width:var(--feature-showcase-slide-width-desktop);flex-basis:var(--feature-showcase-slide-width-desktop);opacity:1;scroll-snap-align:center;transition:width 3.28s cubic-bezier(.19,1,.22,1),flex-basis 3.28s cubic-bezier(.19,1,.22,1),opacity .5s ease}.feature-showcase__slide.is-active{opacity:1}.feature-showcase__slide-inner{border-radius:12px}.feature-showcase__caption{top:7.5%;left:10%;right:14px;font-size:clamp(12px,.95vw,16px);line-height:1.35;transition:font-size 3.28s cubic-bezier(.19,1,.22,1),top 3.28s cubic-bezier(.19,1,.22,1),left 3.28s cubic-bezier(.19,1,.22,1),right 3.28s cubic-bezier(.19,1,.22,1)}.feature-showcase__slide.is-active .feature-showcase__caption{top:7.5%;left:10%;right:14px;font-size:clamp(12px,.95vw,16px);line-height:1.35}.feature-showcase__grid:hover .feature-showcase__slide{width:var(--feature-showcase-slide-width-desktop-hover-base);flex-basis:var(--feature-showcase-slide-width-desktop-hover-base)}.feature-showcase__grid:hover .feature-showcase__slide:hover{width:var(--feature-showcase-slide-width-desktop-hover-active);flex-basis:var(--feature-showcase-slide-width-desktop-hover-active)}.feature-showcase__grid:hover .feature-showcase__slide:hover .feature-showcase__caption{top:7.5%;left:10%;right:18px;font-size:clamp(15px,1.35vw,22px);line-height:1.38}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/feature-showcase-slider.css.map */