.feature-cards{position:relative;background:#151515;background:linear-gradient(180deg,#151515,#0f0f0f);color:#fff;width:100%;max-width:100%;padding:48px 0;transition:background-color .3s ease;overflow:hidden}.feature-cards a{color:#fff}.feature-cards__container{position:relative;width:100%;overflow:visible;padding:0;max-width:100%}.feature-cards__wrapper{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:1rem 0;margin:-1rem 0;width:100%;justify-content:flex-start;opacity:0;transform:translateY(20px)}.feature-cards__wrapper.feature-cards__animate{animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-cards__nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature-cards__nav-button:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.feature-cards__nav-button--prev{left:10px}.feature-cards__nav-button--next{right:10px}.feature-cards__nav-button svg{width:20px;height:20px}.feature-cards__wrapper::-webkit-scrollbar{display:none}.feature-cards__wrapper{-ms-overflow-style:none;scrollbar-width:none}.feature-card{flex:0 0 auto;width:calc(100vw - 4rem);max-width:320px;height:500px;scroll-snap-align:start;background:#222;border:solid 1px #000;border-radius:5px;overflow:hidden;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(20px);transition:all .3s ease;position:relative}.feature-card.expanded{transform:translateY(-4px);background:#333}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(1){animation:fadeInUp .4s ease forwards 0s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(2){animation:fadeInUp .4s ease forwards .1s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(3){animation:fadeInUp .4s ease forwards .2s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(4){animation:fadeInUp .4s ease forwards .3s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(5){animation:fadeInUp .4s ease forwards .4s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(6){animation:fadeInUp .4s ease forwards .5s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(7){animation:fadeInUp .4s ease forwards .6s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(8){animation:fadeInUp .4s ease forwards .7s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(9){animation:fadeInUp .4s ease forwards .8s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(10){animation:fadeInUp .4s ease forwards .9s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(11){animation:fadeInUp .4s ease forwards .1s}.feature-cards__wrapper.feature-cards__animate .feature-card:nth-child(12){animation:fadeInUp .4s ease forwards .11s}.feature-card:hover{transform:translateY(-4px);background:#333;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px;transition:all .3s ease}.feature-card__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;transition:all .3s ease}.feature-card.expanded .feature-card__image-wrapper{padding-bottom:80%}.feature-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s ease}.feature-card__image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));pointer-events:none;transition:all .3s ease}.feature-card.expanded .feature-card__image-wrapper:after{height:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8))}.feature-card__content{padding:1.5rem;position:relative;z-index:1;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.feature-card__title{font-size:2rem;line-height:1.4;color:#fff;font-weight:800;margin:0;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative}.feature-card__text{font-size:1.4rem;font-weight:300;line-height:1.6;color:#fffc;transition:all .3s ease;margin:0}.feature-card__text.long-text{display:none;opacity:0;pointer-events:none}.feature-card__text a{pointer-events:auto;color:#fff;text-decoration:underline;transition:opacity .3s ease}.feature-card__text a:hover{opacity:.8}.feature-card.expanded .feature-card__text.short-text{display:none;opacity:0;pointer-events:none}.feature-card.expanded .feature-card__text.long-text{display:block;opacity:1;pointer-events:auto}.feature-card__dots{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transform-origin:center}.feature-card__dots:hover{background:#fff3}.feature-card__dots svg{width:12px;height:12px}.feature-card.expanded .feature-card__dots{opacity:0;pointer-events:none;transition:opacity .2s ease}.feature-card__close{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:none;align-items:center;justify-content:center;z-index:3;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transform-origin:center;opacity:0}.feature-card__close:hover{background:#fff3}.feature-card__close svg{width:12px;height:12px}.feature-card.expanded .feature-card__close{display:flex;opacity:1;pointer-events:auto;transition:opacity .2s ease .1s}@media screen and (min-width: 750px){.feature-cards__nav-button{width:40px;height:40px}.feature-cards__nav-button--prev{left:-20px}.feature-cards__nav-button--next{right:-20px}.feature-cards__wrapper{gap:2.5rem}.feature-card{width:405px;height:520px}}@media screen and (min-width: 990px){.feature-cards__wrapper{gap:3rem}.feature-card{width:432px;height:520px}.feature-card__title{font-size:2rem}.feature-card__text{font-size:1.3rem}}@media screen and (min-width: 1200px){.feature-cards__wrapper{gap:2rem}.feature-card{width:calc((90% - 8rem) / 3);height:500px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/feature-cards.css.map */