.filter-feature-showcase__outer{position:relative;width:100%;margin:0 auto;box-sizing:border-box;padding:0 20px}.filter-feature-showcase--has-bg.section-padding{padding-top:0;padding-bottom:0}.filter-feature-showcase__outer--has-bg:before{content:"";display:block;width:100%;padding-top:var(--ffs-bg-ratio-mobile, 56.25%)}.filter-feature-showcase__outer--has-bg .filter-feature-showcase__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.filter-feature-showcase__bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:var(--ffs-bg-object-fit, cover);object-position:var(--ffs-bg-object-position, center center)}.filter-feature-showcase__outer--has-bg .filter-feature-showcase__inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);box-sizing:border-box;padding:0 20px;max-width:80%}.filter-feature-showcase__inner{position:relative;z-index:1;width:100%;max-width:var(--ffs-content-max-width);margin:0 auto;box-sizing:border-box}.filter-feature-showcase__hero{display:flex;align-items:center;min-height:clamp(280px,40vw,520px);padding:clamp(40px,6vw,80px) 0;color:var(--ffs-hero-text)}.filter-feature-showcase--has-bg .filter-feature-showcase__hero{flex:1;min-height:0;padding-bottom:clamp(16px,3vw,32px)}.filter-feature-showcase--has-bg .filter-feature-showcase__cards{flex-shrink:0}.filter-feature-showcase__hero-copy{width:100%;max-width:min(700px,60%)}.filter-feature-showcase__hero-heading{margin:0 0 1rem;font-weight:700;line-height:1.15;font-size:clamp(30px,3.5vw,60px)}.filter-feature-showcase__hero-desc{margin:0;font-size:clamp(14px,1.2vw,18px);width:80%}.filter-feature-showcase__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,24px);padding-bottom:clamp(24px,4vw,48px)}.filter-feature-showcase__card{position:relative;border-radius:var(--imageRadius, 20px);overflow:hidden;width:100%;color:#fff}.filter-feature-showcase__card-bg .media:before{padding-top:var(--imageRatioMobile, var(--imageRatio, 100%))}.filter-feature-showcase__card-bg-img{object-fit:cover}.filter-feature-showcase__card-copy{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:clamp(15px,1.5vw,32px) clamp(15px,1.5vw,36px)}.filter-feature-showcase__card-title{margin:0 0 .5rem;font-weight:700;line-height:1.25;font-size:clamp(13px,1.3vw,26px)}.filter-feature-showcase__card-desc{margin:0;line-height:1.3;font-size:clamp(10px,1.1vw,22px)}@media screen and (min-width:768px){.filter-feature-showcase__outer--has-bg:before{padding-top:var(--ffs-bg-ratio-desktop, var(--ffs-bg-ratio-mobile, 56.25%))}.filter-feature-showcase__card-bg .media:before{padding-top:var(--imageRatio, 100%)}}@media screen and (max-width:767px){.filter-feature-showcase__hero{flex:inherit!important}.filter-feature-showcase__inner{padding:clamp(20px,3vw,30px) 0!important}.filter-feature-showcase__hero{text-align:center;justify-content:center;min-height:clamp(320px,70vw,480px);padding:clamp(32px,8vw,48px) 0 clamp(24px,6vw,32px)}.filter-feature-showcase__card-title{font-size:clamp(18px,2vw,20px)}.filter-feature-showcase__card-desc{font-size:clamp(12px,2vw,14px)}.filter-feature-showcase--has-bg .filter-feature-showcase__hero{min-height:0;padding:0 0 clamp(12px,3vw,20px)}.filter-feature-showcase__hero-copy{max-width:100%}.filter-feature-showcase__cards{grid-template-columns:1fr;gap:clamp(12px,3vw,16px);padding:0}.filter-feature-showcase__card-copy{padding:clamp(16px,4vw,24px);height:100%;display:flex;flex-direction:column;justify-content:center}.filter-feature-showcase__outer--has-bg .filter-feature-showcase__inner{max-width:90%}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/filter-feature-showcase.css.map */