.come-funziona-section{min-height:400vh;position:relative;background:transparent}.come-funziona-section:before{content:"";position:sticky;display:block;top:0;left:0;right:0;height:100vh;margin-bottom:-100vh;background:linear-gradient(to bottom,#ffeafa 0%,rgba(255,234,250,.8) 50%,transparent 100%);pointer-events:none;z-index:0}.come-funziona-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,#ffeafa 0%,rgba(255,234,250,.8) 30%,transparent 100%);pointer-events:none;z-index:0}.come-funziona-container{width:100%;max-width:1400px;margin:0 auto;position:sticky;top:120px;padding:clamp(60px,10vh,120px) clamp(20px,5vw,50px);height:calc(100vh - 120px);display:flex;align-items:center;z-index:1}.come-funziona-content{display:grid;grid-template-columns:45% 55%;gap:clamp(20px,3vw,40px);align-items:center;width:100%}.come-funziona-left{display:flex;flex-direction:column;gap:20px}.section-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;color:#fb04f5;background-color:#ffddf7;padding:10px 25px;border-radius:50px;display:inline-block;align-self:flex-start;letter-spacing:-.04em;line-height:1.2em;margin:0 0 20px}.steps-container{display:flex;flex-direction:column;gap:clamp(15px,2vh,25px)}.step-item{transition:opacity .5s ease,transform .5s ease;opacity:.3;transform:translate(-10px)}.step-item.active{opacity:1;transform:translate(0)}.step-wrapper{display:flex;gap:0;align-items:flex-start;text-align:left}.step-number{font-family:Poppins,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:400;color:#000;letter-spacing:-.04em;line-height:1.2em;margin:0;padding-right:8px;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:4px;text-align:left;align-items:flex-start}.step-title{font-family:Poppins,sans-serif;font-size:clamp(18px,2vw,24px);font-weight:400;color:#000;letter-spacing:-.04em;line-height:1.2em;margin:0}.step-description{font-family:Poppins,sans-serif;font-weight:400;font-size:15px;color:#777;letter-spacing:-.04em;line-height:1.5em;margin:0;padding-left:0;text-align:left}.come-funziona-right{position:relative;height:fit-content;width:100%;padding-right:40px;display:flex;justify-content:center}.image-container{position:relative;width:90%;height:0;padding-bottom:72%;background:transparent}.step-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;object-fit:contain;opacity:0;transition:opacity .6s ease;pointer-events:none}.step-image.active{opacity:1;pointer-events:auto}@media (min-width: 769px) and (max-width: 1024px){.come-funziona-container{padding:20px}.section-title{font-size:14px;padding:8px 20px}.step-number{font-size:40px}.step-title{font-size:24px}.step-description{font-size:16px}.step-mobile-image{display:none}}@media (max-width: 768px){.come-funziona-section{min-height:300vh;padding:0;background:#ffeafa}.come-funziona-container{position:sticky;top:80px;height:calc(100vh - 80px);padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.come-funziona-content{grid-template-columns:1fr;gap:20px;display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.come-funziona-left{gap:0;width:100%;height:100%;display:flex;flex-direction:column}.section-title{align-self:center;margin-bottom:20px;font-size:14px;padding:8px 20px}.steps-container{position:relative;flex:1;width:100%;display:flex;align-items:center}.step-item{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:40px}.step-item.active{opacity:1;pointer-events:auto;transform:translateY(-50%)}.step-item .step-mobile-image{display:block;width:100%;max-width:280px;height:auto;max-height:40vh;object-fit:contain;margin:0 auto 30px;order:-1}.step-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:10px}.step-number{font-size:40px;color:#fc0ff6;opacity:.2;margin-bottom:-20px;z-index:-1;padding:0}.step-content{align-items:center;gap:10px}.step-title{font-size:24px;margin:0}.step-description{font-size:15px;text-align:center;padding:0;line-height:1.4;max-width:100%}.come-funziona-right{display:none}}@media (min-width: 1025px){.step-mobile-image{display:none}}@media (max-width: 768px){.section-title{margin-bottom:30px}.step-item .step-mobile-image{max-width:280px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/come-funziona.css.map */