.shahi-how-to-use{--shahi-htu-heading-size: 2.4rem;--shahi-htu-description-size: 1.6rem;--shahi-htu-step-title-size: 1.5rem;--shahi-htu-step-text-size: 1.4rem;--shahi-htu-cta-size: 1.4rem;--shahi-htu-image-size: 96px;--shahi-htu-card-radius: 0px;--shahi-htu-card-gap: 24px;--shahi-htu-max-width: var(--page-width);--shahi-htu-separator: rgba(0, 0, 0, .1)}.shahi-how-to-use__inner{width:100%;max-width:var(--shahi-htu-max-width);margin:0 auto;padding-inline:1.5rem}.shahi-how-to-use--full-width .shahi-how-to-use__inner{max-width:var(--shahi-htu-max-width)}.shahi-how-to-use__header{margin-bottom:clamp(2rem,4vw,3.2rem)}.shahi-how-to-use__header--left{text-align:left}.shahi-how-to-use__header--center{text-align:center}.shahi-how-to-use__header--right{text-align:right}.shahi-how-to-use__heading{margin:0 0 .8rem;font-family:var(--section-heading-font, var(--shahi-font-display));font-style:var(--section-heading-font-style, var(--shahi-font-display-style, normal));font-weight:var(--section-heading-font-weight, var(--shahi-font-display-weight, 700));font-size:var(--shahi-htu-heading-size);line-height:1.08;letter-spacing:-.01em}.shahi-how-to-use__description{margin:0;font-family:var(--section-body-font, var(--shahi-font-body));font-style:var(--section-body-font-style, var(--shahi-font-body-style, normal));font-weight:var(--section-body-font-weight, var(--shahi-font-body-weight, 400));font-size:var(--shahi-htu-description-size);line-height:1.4;max-width:52rem}.shahi-how-to-use__header--center .shahi-how-to-use__description{margin-inline:auto}.shahi-how-to-use__steps{display:grid;grid-template-columns:repeat(var(--shahi-htu-columns, 3),minmax(0,1fr));gap:var(--shahi-htu-card-gap);margin:0;padding:0;list-style:none;align-items:stretch}.shahi-how-to-use__step{display:flex;min-width:0}.shahi-how-to-use__card{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:clamp(1.5rem,2.5vw,2rem);border:1px solid;border-radius:var(--shahi-htu-card-radius);background:transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.shahi-how-to-use--align-left .shahi-how-to-use__card{align-items:flex-start;text-align:left}.shahi-how-to-use--align-center .shahi-how-to-use__card{align-items:center;text-align:center}.shahi-how-to-use--align-right .shahi-how-to-use__card{align-items:flex-end;text-align:right}.shahi-how-to-use--hover .shahi-how-to-use__card:hover,.shahi-how-to-use--hover .shahi-how-to-use__card:focus-within{transform:translateY(-4px)}.shahi-how-to-use__media{display:flex;align-items:center;justify-content:center;width:var(--step-icon-width, var(--shahi-htu-image-size));height:var(--step-icon-width, var(--shahi-htu-image-size));margin-bottom:1.2rem;flex-shrink:0}.shahi-how-to-use__image{width:100%;height:100%;object-fit:contain;display:block}.shahi-how-to-use__step-title{margin:0 0 .8rem;font-family:var(--section-heading-font, var(--shahi-font-display));font-style:var(--section-heading-font-style, var(--shahi-font-display-style, normal));font-weight:var(--section-heading-font-weight, var(--shahi-font-display-weight, 500));font-size:var(--shahi-htu-step-title-size);line-height:1.4}.shahi-how-to-use__step-text{margin:0;font-family:var(--section-body-font, var(--shahi-font-body));font-style:var(--section-body-font-style, var(--shahi-font-body-style, normal));font-weight:var(--section-body-font-weight, var(--shahi-font-body-weight, 400));font-size:var(--shahi-htu-step-text-size);line-height:1.5;flex:1 1 auto}.shahi-how-to-use__cta{display:inline-block;margin-top:1.2rem;font-family:var(--section-body-font, var(--shahi-font-body));font-style:var(--section-body-font-style, var(--shahi-font-body-style, normal));font-weight:var(--section-body-font-weight, var(--shahi-font-body-weight, 600));font-size:var(--shahi-htu-cta-size);line-height:1.4;text-decoration:underline;text-underline-offset:.2rem;transition:opacity .2s ease}.shahi-how-to-use__cta:hover{opacity:.75}.shahi-how-to-use--separators .shahi-how-to-use__step+.shahi-how-to-use__step .shahi-how-to-use__card{border-left-color:var(--shahi-htu-separator)}.shahi-how-to-use--separators .shahi-how-to-use__step+.shahi-how-to-use__step{position:relative}.shahi-how-to-use__slider-wrap{position:relative}.shahi-how-to-use__slider-nav{display:none;justify-content:center;align-items:center;gap:1.2rem;margin-top:1.6rem}.shahi-how-to-use__slider-btn{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:1px solid var(--shahi-htu-separator);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.shahi-how-to-use__slider-btn:hover:not(:disabled){border-color:currentColor}.shahi-how-to-use__slider-btn:disabled{opacity:.35;cursor:not-allowed}.shahi-how-to-use__slider-btn:focus-visible{outline:.2rem solid rgba(18,18,18,.4);outline-offset:.2rem}.shahi-how-to-use__slider-btn svg{width:1.2rem;height:1.2rem}.shahi-how-to-use__slider-status{font-size:1.2rem;line-height:1.4;min-width:4rem;text-align:center}.shahi-how-to-use--animate .shahi-how-to-use__step{opacity:0;transform:translateY(1.2rem);transition:opacity .55s ease,transform .55s ease}.shahi-how-to-use--animate.is-visible .shahi-how-to-use__step{opacity:1;transform:translateY(0)}.shahi-how-to-use--animate .shahi-how-to-use__step:nth-child(2){transition-delay:.08s}.shahi-how-to-use--animate .shahi-how-to-use__step:nth-child(3){transition-delay:.16s}.shahi-how-to-use--animate .shahi-how-to-use__step:nth-child(4){transition-delay:.24s}.shahi-how-to-use--animate .shahi-how-to-use__step:nth-child(5){transition-delay:.32s}.shahi-how-to-use--animate .shahi-how-to-use__step:nth-child(6){transition-delay:.4s}@media screen and (max-width:749px){.shahi-how-to-use--mobile-stack .shahi-how-to-use__steps{grid-template-columns:1fr}.shahi-how-to-use--mobile-stack.shahi-how-to-use--separators .shahi-how-to-use__step+.shahi-how-to-use__step .shahi-how-to-use__card{border-left-color:transparent;border-top:1px solid var(--shahi-htu-separator);padding-top:calc(var(--shahi-htu-card-gap) + .5rem);margin-top:.5rem}.shahi-how-to-use--mobile-grid-2 .shahi-how-to-use__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.shahi-how-to-use--mobile-grid-2.shahi-how-to-use--separators .shahi-how-to-use__step+.shahi-how-to-use__step .shahi-how-to-use__card{border-left-color:transparent}.shahi-how-to-use--mobile-slider .shahi-how-to-use__slider-nav{display:flex}.shahi-how-to-use--mobile-slider .shahi-how-to-use__steps{display:flex;flex-wrap:nowrap;gap:var(--shahi-htu-card-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:thin}.shahi-how-to-use--mobile-slider .shahi-how-to-use__step{flex:0 0 calc(85% - var(--shahi-htu-card-gap));scroll-snap-align:center;max-width:28rem}.shahi-how-to-use--mobile-slider.shahi-how-to-use--separators .shahi-how-to-use__step+.shahi-how-to-use__step .shahi-how-to-use__card{border-left-color:transparent}.shahi-how-to-use__heading{font-size:2rem}.shahi-how-to-use__description{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.shahi-how-to-use--animate .shahi-how-to-use__step{opacity:1;transform:none;transition:none}.shahi-how-to-use--hover .shahi-how-to-use__card{transition:none}.shahi-how-to-use--mobile-slider .shahi-how-to-use__steps{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shahi-how-to-use.css.map */