.timeline-section{padding:4rem 0;background:#fffaf5;padding-bottom:300px;position:relative}.timeline-container{max-width:1200px;margin:0 auto;padding:0 2rem}.timeline-title{text-align:center;font-weight:600;color:#2c2c2c;margin-bottom:11rem;margin-top:11rem;line-height:1;letter-spacing:0;max-width:820px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.timeline-title.animate{opacity:1;transform:translateY(0)}.product-visuals{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;position:relative}.container-image img{object-fit:cover;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.container-image img.animate{opacity:1;transform:translateY(0)}.product-container{flex:1;display:flex;justify-content:flex-start;position:absolute;top:-160px;left:0}.product-bowl{flex:1;width:200px;display:flex;justify-content:flex-end}.product-bowl img{object-fit:contain;max-width:300px;height:300px;opacity:0;transform:translateY(30px);transition:all .8s ease-out}.product-bowl img.animate{opacity:1;transform:translateY(0)}.container-image,.product-bowl svg{filter:drop-shadow(0 4px 8px rgba(255,182,193,.3))}.timeline{position:relative;max-width:1062px;margin:0 auto}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffb6c1;transform:translate(-50%);border-radius:1px;opacity:0;transform:translate(-50%) scaleY(0);transition:all 1.2s ease-out}.timeline-line.animate{opacity:1;transform:translate(-50%) scaleY(1)}.timeline-item{position:relative;margin-bottom:3rem;display:grid;grid-template-columns:1fr 1fr;gap:240px;align-items:center;opacity:0;transform:translateY(50px);transition:all .8s ease-out}.timeline-item.animate{opacity:1;transform:translateY(0)}.timeline-item:nth-child(1){transition-delay:.1s}.timeline-item:nth-child(2){transition-delay:.2s}.timeline-item:nth-child(3){transition-delay:.3s}.timeline-item:nth-child(4){transition-delay:.4s}.timeline-item-left,.timeline-item-right{flex-direction:row-reverse}.timeline-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(0);transition:all .6s ease-out}.timeline-item.animate .timeline-marker{opacity:1;transform:translate(-50%,-50%) scale(1)}.timeline-marker svg{width:64px;height:64px}.timeline-marker:nth-child(odd) svg circle{fill:#ffb6c1}.timeline-marker:nth-child(2n) svg circle{fill:#ffd1dc}.timeline-content{width:100%;border-radius:16px;padding:1.5rem;position:relative;color:#2c2c2c;opacity:0;transform:translate(-30px);transition:all .8s ease-out}.timeline-item.animate .timeline-content{opacity:1;transform:translate(0)}.timeline-item-left .timeline-timeframe-label,.timeline-item-left .timeline-content{background:#f9dbd0}.timeline-item-right .timeline-content{background:#f9d0d0}.timeline-item-left>div:nth-child(2),.timeline-item-right>div:nth-child(2){border-radius:40px 0 40px 40px}.timeline-item-left>div:nth-child(3),.timeline-item-right>div:nth-child(3){border-radius:0 40px 40px}.timeline-marker:after{content:"";position:absolute;left:50%;top:80%;width:3px;height:144px;background:#f9dbd0;opacity:0;transform:scaleY(0);transition:all .8s ease-out;transition-delay:.3s}.timeline-item.animate .timeline-marker:after{opacity:1;transform:scaleY(1)}.timeline-item:last-child .timeline-marker:after{display:none}.product-bowl{flex:1;display:flex;justify-content:flex-end;position:absolute;right:0;bottom:60px}.testimonial-content{width:calc(100% - 270px)}.timeline-item-left .timeline-content{margin-right:auto}.timeline-item-right .timeline-content{margin-left:auto}.timeline-timeframe-label{display:flex;width:100%;max-width:192px;align-items:center;gap:.5rem;font-weight:600;color:#2c2c2c;font-size:1.8rem;background:#ffe5e5;padding:.5rem 1rem;border-radius:12px;margin:0 1rem;padding:30px;opacity:0;transform:translate(30px);transition:all .8s ease-out}.timeline-item.animate .timeline-timeframe-label{opacity:1;transform:translate(0)}.timeline-timeframe-label svg{flex-shrink:0}.timeline-description p{margin:0;color:#2c2c2c;padding:10px;line-height:1.6;font-size:1.8rem}.timeline-item-left .timeline-timeframe-label{margin-left:auto}@media (max-width: 768px){.container-image img{margin-left:-25px}.testimonial-content{width:100%}.timeline-marker{top:0}.timeline-marker svg{width:32px;height:32px}.timeline-item-left>div:nth-child(2),.timeline-item-right>div:nth-child(2){border-radius:0 40px 40px}.timeline-item{grid-template-columns:1fr;gap:0}.product-container{position:unset}.timeline-container{padding:0 1rem}.timeline-title{font-size:32px;padding-left:1rem;padding-right:1rem;margin:0;line-height:40px}.product-visuals{flex-direction:column;gap:2rem;margin-bottom:0}.product-container,.product-bowl{justify-content:center}.timeline-line{left:2rem;transform:none}.timeline-item{flex-direction:row!important;margin-left:2rem}.timeline-marker{left:2rem;transform:translate(-50%)}.timeline-content{width:calc(100% - 4rem);margin-left:0!important;margin-right:0!important}.timeline-timeframe-label{margin:.5rem 0;align-self:flex-start}.timeline-item{padding-left:5rem}.timeline-item-left .timeline-timeframe-label{margin-left:0}.timeline-marker:after{height:300px}.timeline-content{order:1}.timeline-content{margin:0}.timeline-timeframe-label{order:0}.product-bowl{flex:1;display:flex;justify-content:flex-end;position:absolute;right:unset;bottom:0;left:50%;transform:translate(-50%);width:100%}.product-bowl img{max-width:100%}}@media (max-width: 480px){.timeline-content{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-timeline.css.map */