.how-to-use{background:var(--hu-bg, #efe8d9);color:var(--hu-text, #1c1c1c);padding-top:var(--hu-padding-top, 60px);padding-bottom:var(--hu-padding-bottom, 60px)}.how-to-use__page-width{max-width:1100px;margin:0 auto;padding:0 20px}.how-to-use__heading{text-align:center;font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:calc(var(--font-heading-scale) * 2.25rem);margin:0 0 12px;color:var(--hu-text, #1c1c1c)}.how-to-use__subheading{text-align:center;font-size:calc(var(--font-heading-scale) * 1.5rem);color:var(--hu-text, #1c1c1c);margin:0 0 12px}.how-to-use__routine-heading{text-align:center;font-family:var(--font-heading-family, Georgia, "Times New Roman", serif);font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 12px;color:var(--hu-text, #1c1c1c)}.how-to-use__empty-state{text-align:center;padding:24px;border:1px dashed var(--hu-line, #d8d0bd);border-radius:12px;font-size:.9rem;color:var(--hu-muted, #8a8a8a)}.how-to-use__tracker{display:flex;align-items:center;justify-content:center;gap:0;margin:0;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-to-use__tracker::-webkit-scrollbar{display:none}.how-to-use__step{-webkit-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;flex:0 0 auto;display:flex}.how-to-use__step-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--hu-line, #d8d0bd);transition:background-color .3s ease,border-color .3s ease,transform .3s ease}.how-to-use__step-number{font-size:1.05rem;font-weight:600;color:var(--hu-active, #4c7a3f);transition:color .3s ease}.how-to-use__step.is-active .how-to-use__step-circle{background:var(--hu-active, #4c7a3f);border-color:var(--hu-active, #4c7a3f);transform:scale(1.08)}.how-to-use__step.is-active .how-to-use__step-number{color:#fff}.how-to-use__step-connector{width:32px;height:1px;background:var(--hu-line, #d8d0bd);align-self:center;flex:0 0 auto}.how-to-use__carousel-wrap{position:relative}.how-to-use__carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-to-use__carousel::-webkit-scrollbar{display:none}.how-to-use__slide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.how-to-use__slide-label{text-align:center;font-weight:700;font-size:1.1rem;line-height:1.35;color:var(--hu-text, #1c1c1c)}.how-to-use__slide-label p{margin:0}.how-to-use__slide-label h2{color:var(--hu-text, #1c1c1c)}.how-to-use__slide-image-wrap{width:fit-content;border-radius:18px;overflow:hidden;background:var(--hu-panel-bg, #efe6d3)}.how-to-use__slide-image{display:block;width:100%;height:100%;max-height:650px;max-width:450px}.how-to-use__dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.how-to-use__dot{-webkit-appearance:none;appearance:none;border:none;padding:0;cursor:pointer;width:7px;height:7px;border-radius:50%;background:var(--hu-line, #d8d0bd);transition:width .3s ease,background-color .3s ease}.how-to-use__dot.is-active{width:22px;border-radius:4px;background:var(--hu-active, #4c7a3f)}@media screen and (max-width:749px){.how-to-use__step-circle{width:38px;height:38px}.how-to-use__step-number{font-size:.95rem}.how-to-use__step-connector{width:22px}.how-to-use__slide{gap:16px}.how-to-use__slide-label{font-size:1rem}.how-to-use__slide-image-wrap{border-radius:14px}}@media(prefers-reduced-motion:reduce){.how-to-use__carousel{scroll-behavior:auto}.how-to-use__step-circle,.how-to-use__step-number{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-how-to-use.css.map */