.feature-cards{position:relative;width:100%;max-width:100%;padding:48px 0;transition:background-color .3s ease;overflow:hidden;color:rgb(var(--color-foreground));--feature-card-width: min( calc(100% - 4rem) , 320px);--feature-card-height: 400px;--feature-cards-gap: 1rem;--feature-card-border: 1px solid rgba(0, 0, 0, .12);--feature-card-shadow: rgba(0, 0, 0, .1) 0px 1px 3px 0px, rgba(0, 0, 0, .06) 0px 1px 2px 0px;--feature-card-content-lift: 8%;--feature-card-gradient-base: rgba(0, 0, 0, .94)}.feature-cards a{color:rgb(var(--color-foreground))}.feature-cards__highlights{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--feature-cards-gap);padding:1rem 0 0;margin:0;opacity:0;transform:translateY(20px)}.feature-cards__highlights .feature-card--horizontal{width:100%;max-width:none;flex:none;opacity:0;transform:translateY(16px)}.feature-cards__highlights.feature-cards__animate .feature-card--horizontal:nth-child(1){animation:fadeInUp .45s ease forwards 0s}.feature-cards__highlights.feature-cards__animate .feature-card--horizontal:nth-child(2){animation:fadeInUp .45s ease forwards .12s}.feature-cards--grid-3 .feature-cards__highlights,.feature-cards--grid-4 .feature-cards__highlights{grid-template-columns:minmax(0,1fr)}@media screen and (min-width:750px){.feature-cards--grid-2 .feature-cards__container{display:none}.feature-cards--grid-3 .feature-cards__wrapper,.feature-cards--grid-4 .feature-cards__wrapper,.feature-cards--grid-5 .feature-cards__wrapper{display:grid;overflow-x:visible;scroll-snap-type:none;margin:0;padding:0}.feature-cards--grid-3 .feature-cards__wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-cards--grid-4 .feature-cards__wrapper,.feature-cards--grid-5 .feature-cards__wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-cards--grid-3 .feature-cards__wrapper .feature-card,.feature-cards--grid-4 .feature-cards__wrapper .feature-card,.feature-cards--grid-5 .feature-cards__wrapper .feature-card{width:100%;max-width:none;flex:none}}.feature-card--horizontal{background:transparent;border:var(--feature-card-border);box-shadow:var(--feature-card-shadow)}.feature-card--horizontal:after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--feature-card-gradient-base);z-index:1;pointer-events:none;border-radius:0 0 1.25rem 1.25rem;transition:height .3s ease}.feature-card--horizontal.expanded:after{height:var(--feature-card-content-lift)}.feature-card--horizontal .feature-card__title{flex-shrink:0}.feature-card--horizontal .feature-card__dimensions-row{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem}.feature-card--horizontal.expanded,.feature-card--horizontal:hover{transform:translateY(-4px);box-shadow:var(--feature-card-shadow)}.feature-cards__container{position:relative;width:100%;overflow:visible;padding:0;max-width:100%}.feature-cards__highlights+.feature-cards__container{margin-top:var(--feature-cards-gap)}.feature-cards__wrapper{display:flex;gap:var(--feature-cards-gap);overflow-x:auto;overscroll-behavior-x:contain;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,.feature-cards__highlights.feature-cards__animate{animation:fadeInUp .4s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-cards__wrapper::-webkit-scrollbar{display:none}.feature-cards__wrapper{-ms-overflow-style:none;scrollbar-width:none}.feature-card{flex:0 0 auto;width:var(--feature-card-width);max-width:320px;height:var(--feature-card-height);min-height:var(--feature-card-height);scroll-snap-align:start;border-radius:1.25rem;overflow:hidden;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .3s ease;position:relative}.feature-card.expanded,.feature-card:hover{transform:translateY(-4px);box-shadow:var(--feature-card-shadow)}.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 1.1s}.feature-card__badge{position:absolute;top:12px;right:12px;left:auto;padding:.45rem .95rem;font-size:.72rem;font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:.1em;color:#fff;background:#334fb4;border:1px solid rgba(255,255,255,.35);border-radius:9999px;box-shadow:0 0 0 1px #334fb459,0 4px 14px #334fb48c,0 6px 18px #00000047;z-index:4;pointer-events:none}.feature-card__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding-bottom:0;overflow:hidden;border-radius:1.25rem}.feature-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.feature-card__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-width:0;pointer-events:none;transition:bottom .3s ease;background:linear-gradient(to top,var(--feature-card-gradient-base) 0%,rgba(0,0,0,.78) 35%,rgba(0,0,0,.45) 65%,transparent 100%)}.feature-card.expanded .feature-card__content{bottom:var(--feature-card-content-lift);pointer-events:auto}.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:400;line-height:1.6;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.45);transition:all .3s ease;margin:0}.feature-card__text.long-text{opacity:0;pointer-events:none}.feature-card__text-slot .feature-card__text.long-text{display:block;max-height:0;overflow:hidden}.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__text-slot{display:grid;width:100%}.feature-card__text-slot .feature-card__text{grid-area:1 / 1;align-self:start;transition:opacity .3s ease}.feature-card__text-slot .feature-card__text.short-text{display:block;opacity:1;max-height:none;overflow:visible;pointer-events:auto}.feature-card.expanded .feature-card__text-slot .feature-card__text.short-text{opacity:0;max-height:0;overflow:hidden;pointer-events:none}.feature-card.expanded .feature-card__text-slot .feature-card__text.long-text{opacity:1;max-height:12rem;overflow-y:auto;pointer-events:auto}.feature-card__content a{pointer-events:auto}.feature-card--single-text{cursor:default}@media screen and (max-width:749px){.feature-card__title{font-size:1.5rem}.feature-card__text{font-size:1.1rem;line-height:1.5}.feature-card__content{padding:1rem;gap:.5rem}.feature-card.expanded .feature-card__text-slot .feature-card__text.long-text{max-height:8rem}}@media screen and (min-width:750px){.feature-cards__highlights{display:grid}.feature-cards__wrapper .feature-card--hide-desktop{display:none}.feature-cards{--feature-card-width: 405px;--feature-card-height: 580px;--feature-cards-gap: 2rem}.feature-cards__highlights{padding:1.5rem 0 0}.feature-card{width:var(--feature-card-width);max-width:none;height:var(--feature-card-height)}.feature-card__badge{top:14px;right:14px;font-size:.8rem;padding:.55rem 1.05rem}}@media screen and (min-width:990px){.feature-cards{--feature-card-width: 432px;--feature-card-height: 580px}.feature-card{width:var(--feature-card-width);height:var(--feature-card-height)}.feature-card__title{font-size:2rem}.feature-card__text{font-size:1.3rem}}@media screen and (min-width:1200px){.feature-cards{--feature-card-width: calc((90% - 8rem) / 3);--feature-card-height: 560px}.feature-card{width:var(--feature-card-width);height:var(--feature-card-height)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/feature-cards.css.map */