.homepage-features{position:relative}.homepage-features-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.homepage-features-title{margin:0 0 1.5rem;line-height:1.2}.homepage-features-description{font-size:clamp(1.2rem,2vw,1.4rem);line-height:1.7;color:rgba(var(--color-foreground),.8);margin:0}.homepage-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:2rem;position:relative}@media screen and (min-width:750px){.homepage-features-grid{grid-template-columns:repeat(2,1fr);gap:3rem}}@media screen and (min-width:990px){.homepage-features-grid{grid-template-columns:repeat(4,1fr);gap:2.5rem}}@media(prefers-reduced-motion:no-preference){.homepage-feature-card{animation:fadeInUp .6s ease-out backwards}.homepage-feature-card:nth-child(1){animation-delay:.1s}.homepage-feature-card:nth-child(2){animation-delay:.2s}.homepage-feature-card:nth-child(3){animation-delay:.3s}.homepage-feature-card:nth-child(4){animation-delay:.4s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.homepage-feature-card{text-align:center;padding:1.8rem;background:rgb(var(--color-background));border-radius:clamp(10px,1.2vw,14px);box-shadow:0 2px 10px #0000000a;border:1px solid rgba(var(--color-foreground),.08);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.homepage-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(var(--color-button),.3),transparent);transform:translate(-100%);transition:transform .6s ease}.homepage-feature-card:hover:before{transform:translate(100%)}.homepage-feature-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000000f;border-color:rgba(var(--color-button),.25);background:rgba(var(--color-background),.98)}.homepage-feature-icon{font-size:3rem;line-height:1;margin-bottom:1.5rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.homepage-feature-card:hover .homepage-feature-icon{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(var(--color-button),.2))}.homepage-feature-image{width:80px;height:80px;margin-bottom:1.5rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-button),.05);transition:transform .3s ease}.homepage-feature-card:hover .homepage-feature-image{transform:scale(1.1)}.homepage-feature-image img{width:100%;height:100%;object-fit:cover}.homepage-feature-image--theme-svg{color:rgb(var(--color-foreground))}.homepage-feature-image--theme-svg .icon{width:45%;height:45%;margin:auto;opacity:.9}.homepage-feature-title{margin:0 0 1rem;font-size:clamp(1.2rem,1.6vw,1.42rem);line-height:1.3;font-weight:600;color:rgb(var(--color-foreground))}.homepage-feature-description{font-size:1.05rem;line-height:1.55;color:rgba(var(--color-foreground),.75);margin:0}.homepage-feature-description p{margin:0}@media screen and (max-width:749px){.homepage-features{padding-left:1.5rem;padding-right:1.5rem}.homepage-features-header{margin-bottom:2.5rem;padding:0}.homepage-features-title{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:1rem}.homepage-features-description{font-size:1.15rem;line-height:1.6}.homepage-features-grid{grid-template-columns:1fr;gap:1.2rem}.homepage-feature-card{padding:1.4rem 1.2rem;min-height:auto}.homepage-feature-icon{font-size:2.35rem;margin-bottom:1rem}.homepage-feature-title{font-size:1.28rem;margin-bottom:.75rem}.homepage-feature-description{font-size:1rem;line-height:1.5}}@media screen and (min-width:750px)and (max-width:989px){.homepage-features-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}.homepage-feature-card{padding:1.7rem 1.35rem}}@media screen and (min-width:990px){.homepage-features-header{margin-bottom:5rem}.homepage-features-title{font-size:clamp(2.5rem,4vw,3.5rem)}.homepage-features-description{font-size:clamp(1.2rem,1.5vw,1.4rem)}.homepage-features-grid{gap:3rem}.homepage-feature-card{padding:2rem 1.6rem}.homepage-feature-icon{font-size:4rem;margin-bottom:2rem}}.homepage-feature-card:focus-within{outline:2px solid rgba(var(--color-button),.5);outline-offset:2px;border-radius:clamp(12px,1.5vw,20px)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-homepage-features.css.map */