.harvest-counter{width:100%}.harvest-counter__header{text-align:center;margin-bottom:2rem}.harvest-counter__title{margin:1rem 0 0}.harvest-counter__description{max-width:600px;margin:1rem auto 0;font-size:1.1rem;opacity:.9}.harvest-counter__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:3rem}@media screen and (max-width: 989px){.harvest-counter__wrapper{grid-template-columns:1fr;gap:2rem}}.harvest-counter__content{display:flex;flex-direction:column;gap:2rem}.harvest-counter__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.harvest-counter__metric{padding:2rem 1.5rem;background-color:#26a0a114;border:1px solid rgba(38,160,161,.2);border-radius:8px;text-align:center;transition:all .3s ease;opacity:0;animation:slideInUp .6s ease-out forwards}.harvest-counter__metric:nth-child(2){animation-delay:.1s}.harvest-counter__metric:nth-child(3){animation-delay:.2s}.harvest-counter__metric:hover{border-color:#26a0a1;background-color:#26a0a11a;transform:translateY(-4px);box-shadow:0 8px 20px #26a0a133}.harvest-counter__label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#26a0a1;margin-bottom:.75rem}.harvest-counter__value{font-size:1.8rem;font-weight:700;color:rgb(var(--color-foreground))}.harvest-counter__cta{align-self:flex-start}.harvest-counter__visual{display:flex;flex-direction:column;gap:2rem;align-items:center}.harvest-counter__progress{display:flex;flex-direction:column;align-items:center;gap:1rem}.harvest-counter__circle{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin:0 auto}.harvest-counter__svg{width:100%;height:100%;transform:rotate(-90deg)}.harvest-counter__circle-bg{fill:none;stroke:rgba(var(--color-foreground),.1);stroke-width:6}.harvest-counter__circle-fill{fill:none;stroke:url(#gradient);stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .6s ease;stroke-dasharray:0,339.6}.harvest-counter__percentage{position:absolute;display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:2.5rem;font-weight:700;color:#26a0a1}.harvest-counter__percent-value{font-family:Courier New,monospace}.harvest-counter__progress-label{font-size:1rem;font-weight:600;color:rgb(var(--color-foreground));opacity:.8;text-align:center}.harvest-counter__image{width:100%;max-width:280px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.harvest-counter__img{display:block;width:100%;height:auto;transition:transform .3s ease}.harvest-counter__visual:hover .harvest-counter__img{transform:scale(1.05)}.harvest-counter__timeline{margin-top:3rem;padding-top:3rem;border-top:2px solid rgba(var(--color-foreground),.1);display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.harvest-counter__timeline-item{display:flex;gap:1rem;position:relative}.harvest-counter__timeline-marker{position:relative;width:24px;height:24px;background-color:#26a0a1;border:3px solid rgb(var(--color-background));border-radius:50%;flex-shrink:0;top:4px;box-shadow:0 0 0 4px #26a0a133}.harvest-counter__timeline-content h4{font-size:.95rem;font-weight:600;margin:0 0 .25rem;color:rgb(var(--color-foreground))}.harvest-counter__timeline-content p{font-size:.85rem;color:rgb(var(--color-foreground));opacity:.7;margin:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 989px){.harvest-counter__wrapper{grid-template-columns:1fr;gap:2rem}.harvest-counter__metrics{grid-template-columns:repeat(2,1fr)}.harvest-counter__timeline{grid-template-columns:1fr}}@media screen and (max-width: 749px){.harvest-counter__metrics{grid-template-columns:1fr}.harvest-counter__metric{padding:1rem}.harvest-counter__value{font-size:1.5rem}.harvest-counter__circle{width:160px;height:160px}.harvest-counter__percentage{font-size:1.8rem}.harvest-counter__wrapper{gap:1.5rem}.harvest-counter__timeline{gap:1.5rem;margin-top:2rem;padding-top:2rem}.harvest-counter__timeline-item{gap:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-harvest-counter.css.map */
