.how-to-take-section{background-color:transparent;--how-to-take-step-accent: #80a38d}.how-to-take-section__header{max-width:64rem}.how-to-take-section__description{font-size:1.5rem;line-height:1.8;color:#1c3a13;margin:0}.how-to-take-section__desktop{display:none;gap:4rem;align-items:stretch}.how-to-take-steps{flex:0 0 clamp(30rem,32vw,48rem);background:var(--surface-light-bg);border-radius:2.4rem;box-shadow:var(--surface-light-shadow, var(--shadow-card));padding:3.2rem;display:flex;flex-direction:column;gap:2.4rem;justify-content:center;align-self:stretch}.how-to-take-step{display:flex;gap:1.2rem;align-items:flex-start;position:relative;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.how-to-take-steps.is-reveal-ready .how-to-take-step{opacity:0;transform:translateY(2.4rem)}.how-to-take-steps.is-reveal-ready.is-visible .how-to-take-step{opacity:1;transform:translateY(0)}.how-to-take-step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#fff9 60%,#fff);opacity:1;transition:opacity .9s cubic-bezier(.22,1,.36,1);pointer-events:none;border-radius:inherit}.how-to-take-steps.is-visible .how-to-take-step:after{opacity:0}.how-to-take-steps .how-to-take-step:nth-child(1){transition-delay:.2s}.how-to-take-steps .how-to-take-step:nth-child(1):after{transition-delay:.35s}.how-to-take-steps .how-to-take-step:nth-child(2){transition-delay:.45s}.how-to-take-steps .how-to-take-step:nth-child(2):after{transition-delay:.75s}.how-to-take-steps .how-to-take-step:nth-child(3){transition-delay:.7s}.how-to-take-steps .how-to-take-step:nth-child(3):after{transition-delay:1.15s}@media(prefers-reduced-motion:reduce){.how-to-take-step:after{opacity:0;transition:none}.how-to-take-step{transition:none;opacity:1;transform:none}}.how-to-take-step__number{flex-shrink:0;width:3.4rem;height:3.4rem;display:flex;align-items:center;justify-content:center;background:var(--how-to-take-step-accent, #80a38d);border-radius:50%;font-size:1.4rem;font-weight:700;color:#fff;letter-spacing:.1rem;line-height:1}.how-to-take-step__content{display:flex;flex-direction:column;gap:.8rem;padding-top:.5rem}.how-to-take-step__title{font-size:1.8rem;font-weight:500;line-height:2.24rem;color:#1c3a13;margin:0}.how-to-take-step__desc{font-size:1.4rem;line-height:2.24rem;color:#1c3a13;margin:0;max-width:31.6rem}.how-to-take-gallery{flex:1 1 auto;display:flex;gap:1.6rem;align-items:stretch;min-width:0;width:100%}.how-to-take-gallery__main{flex:1 1 0;min-width:0;border-radius:1.6rem;overflow:hidden;aspect-ratio:5 / 4}.how-to-take-gallery__column{display:flex;flex-direction:column;gap:1.6rem;flex:0 0 clamp(16rem,24vw,28rem);min-width:0}.how-to-take-gallery__small{flex:1 1 0;border-radius:1.6rem;overflow:hidden}.how-to-take-gallery__img{width:100%;height:100%;object-fit:cover;display:block}.how-to-take-section__mobile{display:block}.how-to-take-slider{width:100%}.how-to-take-slider__track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:1.6rem}.how-to-take-slider__track::-webkit-scrollbar{display:none}.how-to-take-slide{position:relative;flex-shrink:0;width:100%;scroll-snap-align:start;border-radius:1.6rem;overflow:hidden;aspect-ratio:358 / 320}.how-to-take-slide__image{position:absolute;top:0;right:0;bottom:0;left:0}.how-to-take-slide__img{width:100%;height:100%;object-fit:cover;display:block}.how-to-take-slide__overlay{position:absolute;bottom:1.6rem;left:1.6rem;right:1.6rem;background:#0d1c0b66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:1.2rem;padding:1.2rem}.how-to-take-slide__overlay-inner{display:flex;flex-direction:column;gap:.8rem;align-items:center;text-align:center}.how-to-take-slide__step-row{display:flex;gap:1.2rem;align-items:center;justify-content:center}.how-to-take-slide__number{width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;background:var(--how-to-take-step-accent, #80a38d);border-radius:50%;font-size:1.4rem;font-weight:500;color:#fff;line-height:1;flex-shrink:0}.how-to-take-slide__title{font-size:1.6rem;font-weight:400;line-height:2.5rem;color:#fff}.how-to-take-slide__desc{font-size:1.4rem;line-height:2rem;color:#fff;margin:0;text-align:center}.how-to-take-slider__dots{display:flex;justify-content:center;gap:1.2rem;margin-top:2.4rem}.how-to-take-dot{width:1rem;height:1rem;border-radius:50%;border:none;background:#0f1a2b33;cursor:pointer;padding:0;transition:background .2s;flex-shrink:0}.how-to-take-dot--active{background:var(--how-to-take-step-accent, #80a38d)}@media screen and (min-width:750px){.how-to-take-section__desktop{display:flex}.how-to-take-section__mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/how-to-take-section.css.map */