.sj-howto{padding:clamp(4rem,7vw,6rem) clamp(1.5rem,5vw,3.5rem);position:relative}.sj-howto__inner{max-width:1400px;margin:0 auto;text-align:center;position:relative;z-index:1;padding-bottom:clamp(3rem,6vw,5rem)}.sj-howto__heading{font-family:var(--sj-font-h, var(--heading-font-stack));font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.05;color:var(--sj-howto-heading-color, #1a1a1a);margin:0 0 clamp(2rem,4vw,3rem)}.sj-howto__carousel{position:relative}.sj-howto__overflow{overflow:hidden}.sj-howto__track{display:flex;transition:transform .42s cubic-bezier(.25,.46,.45,.94);will-change:transform}.sj-howto__slide{flex-shrink:0}.sj-howto__slide-card{background:var(--sj-howto-card-bg, #ffffff);border-radius:1.15rem;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 8px #00000012,0 10px 28px #0000001a}.sj-howto__slide-image{width:100%;aspect-ratio:10 / 9;overflow:hidden;flex-shrink:0}.sj-howto__img{width:100%;height:100%;object-fit:cover;display:block}.sj-howto__img-placeholder{width:100%;height:100%;background:#e8e8e8;display:flex;align-items:center;justify-content:center}.sj-howto__img-placeholder .placeholder-svg{width:60px;height:60px;opacity:.3}.sj-howto__slide-content{padding:1.25rem 1.5rem 1.5rem;text-align:left;flex:1}.sj-howto__tag{display:inline-block;background:var(--sj-howto-tag-bg, #eaf3dc);color:var(--sj-howto-tag-color, #3a6320);font-family:var(--sj-font-b, var(--main-font-stack));font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;margin-bottom:.45rem}.sj-howto__slide-heading{font-family:var(--sj-font-h, var(--heading-font-stack));font-size:clamp(1.05rem,1.8vw,1.3rem);font-weight:800;line-height:1.1;color:var(--sj-howto-slide-heading-color, #1a1a1a);margin:0 0 .75rem}.sj-howto__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;counter-reset:step-counter}.sj-howto__step{counter-increment:step-counter;display:flex;align-items:flex-start;gap:.6rem}.sj-howto__step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--sj-howto-step-num-bg, #688c30);color:var(--sj-howto-step-num-color, #ffffff);font-family:var(--sj-font-h, var(--heading-font-stack));font-size:.68rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:.12em}.sj-howto__step-num:before{content:counter(step-counter)}.sj-howto__step-text{font-family:var(--sj-font-b, var(--main-font-stack));font-size:clamp(.8rem,.95vw,.88rem);line-height:1.5;color:var(--sj-howto-step-text-color, #444)}.sj-howto__nav{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-top:1.25rem}.sj-howto__btn{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--sj-howto-accent, #688c30);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,transform .15s ease}.sj-howto__btn:hover{opacity:.82;transform:scale(1.07)}.sj-howto__btn:disabled{opacity:.28;cursor:default;transform:none}.sj-howto__dots{display:flex;align-items:center;justify-content:center;gap:6px}.sj-howto__dot{width:8px;height:8px;border-radius:99px;background:#0000002e;border:none;padding:0;cursor:pointer;transition:background .2s,width .2s}.sj-howto__dot--active{width:22px;background:var(--sj-howto-accent, #688c30)}@media(min-width:900px){.sj-howto__overflow{overflow:visible}.sj-howto__track{transform:none!important;transition:none;gap:1.25rem;flex-wrap:nowrap}.sj-howto__slide{flex:1 1 0;min-width:0}.sj-howto__nav{display:none}}@media(min-width:600px)and (max-width:899px){.sj-howto__carousel{max-width:640px;margin:0 auto}.sj-howto__track{gap:1.25rem}.sj-howto__slide{flex:0 0 calc(50% - .625rem)}}@media(max-width:599px){.sj-howto__carousel{overflow:hidden;padding-right:2.75rem}.sj-howto__overflow{overflow:visible}.sj-howto__track{gap:.875rem}.sj-howto__slide{flex:0 0 100%}.sj-howto__btn{display:none}.sj-howto__slide-content{padding:1rem 1.25rem 1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sj-matcha-howto.css.map */