.prod-features-section{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.prod-features-container{max-width:1400px;margin:0 auto}.prod-features-heading{font-size:2.2rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;text-align:left;margin-bottom:3.5rem;opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}.prod-features-heading.is-visible{opacity:1;transform:translateY(0)}.prod-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:2000px}.prod-features-card{background:transparent;height:380px;cursor:pointer;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}.prod-features-card.is-visible{opacity:1;transform:translateY(0)}.prod-features-card-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.85,.32,1.2);transform-style:preserve-3d;transform-origin:center bottom}.prod-features-card:not(.is-flipped):hover .prod-features-card-inner,.prod-features-card.is-flipped .prod-features-card-inner{transform:translateY(-100%) rotateX(-180deg)}.prod-features-card-front,.prod-features-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;border-radius:28px;overflow:hidden}.prod-features-card-front{position:relative;background-color:#f5f5f5;top:0}.prod-features-img{width:100%;height:100%;object-fit:cover;display:block}.prod-features-title-overlay{position:absolute;bottom:0;left:0;width:100%;padding:25px 24px;background:linear-gradient(to top,#0009,#0000);box-sizing:border-box;display:flex;justify-content:space-between;align-items:flex-end}.prod-features-card-title{font-size:1.55rem;font-weight:500;margin:0;color:#fff;text-align:left}.front-card-arrow{color:#fff;display:inline-flex}.prod-features-card-back{transform:rotateX(180deg);transform-origin:center top;top:100%;padding:30px 24px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left}.prod-features-back-title{font-size:1.55rem;font-weight:500;color:#1c1c1c;margin:0 0 15px;width:100%;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:8px}.prod-features-back-content{width:100%;font-size:1.45rem;line-height:1.5;color:#444;overflow-y:auto;flex-grow:1}.prod-features-back-content ul{margin:0;padding-left:15px}.prod-features-back-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-top:5px;z-index:10}.prod-features-collection-link{color:#1c1c1c;text-decoration:none;font-weight:600;font-size:1.12rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid transparent;transition:border-color .2s ease}.prod-features-collection-link:hover{border-color:#1c1c1c}.back-card-return-trigger{background:transparent;border:none;padding:8px;cursor:pointer;color:#1c1c1c;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.2,.85,.32,1)}.back-card-return-trigger:hover{transform:translate(-4px)}@media(max-width:840px){.prod-features-grid{gap:12px}.prod-features-card{height:320px}}@media(max-width:749px){.mobile-layout-grid .prod-features-card,.mobile-layout-slider .prod-features-card{height:250px!important}.mobile-layout-grid{padding:0 20px}.mobile-layout-grid .prod-features-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px}.mobile-layout-slider{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 20px 10px}.mobile-layout-slider::-webkit-scrollbar{display:none}.mobile-layout-slider .prod-features-grid{display:flex!important;grid-template-columns:none!important;gap:16px;width:max-content;padding-right:40px;perspective:none}.mobile-layout-slider .prod-features-card{flex:0 0 315px;scroll-snap-align:start}.prod-features-card-front,.prod-features-card-back{border-radius:24px}.prod-features-title-overlay{padding:18px 20px}.prod-features-card-title{font-size:1.35rem}.prod-features-card-back{padding:20px}.prod-features-back-title{font-size:1.35rem;font-family:500}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/interactive-product-features.css.map */