.hiw{padding-block:var(--hiw-pad-top, 72px) var(--hiw-pad-bottom, 72px);overflow:hidden}.hiw__inner{max-width:var(--container-max, 1200px);margin-inline:auto;padding-inline:var(--container-pad, 24px)}.hiw__header{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:clamp(36px,5vw,60px)}.hiw__eyebrow{font-size:clamp(1rem,.9rem + .2vw,1.1rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hiw-accent, rgb(182 138 53));margin:0 0 10px}.hiw__heading{font-size:clamp(1.8rem,1.4rem + 1vw,2.8rem);font-weight:800;line-height:1.14;margin:0 0 12px;color:rgb(var(--color-foreground))}.hiw__subtitle{font-size:clamp(1.1rem,1rem + .25vw,1.25rem);color:rgba(var(--color-foreground),.65);margin:0;line-height:1.6}.hiw__timeline{position:relative;display:grid;grid-template-columns:repeat(var(--hiw-step-count, 5),1fr);gap:0}.hiw__line-track{position:absolute;top:24px;left:calc(100% / var(--hiw-step-count, 5) / 2);right:calc(100% / var(--hiw-step-count, 5) / 2);height:2px;z-index:0;overflow:hidden;border-radius:2px}.hiw__line{width:100%;height:100%;background:rgba(var(--color-foreground),.1);border-radius:2px}.hiw__line-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--hiw-accent, rgb(182 138 53)),rgba(182,138,53,.4));border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform 1.4s cubic-bezier(.22,.68,0,1.2) .2s}.hiw.is-active .hiw__line-progress{transform:scaleX(1)}.hiw__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;gap:10px;opacity:0;transform:translateY(20px);transition:opacity .5s ease var(--hiw-delay, 0ms),transform .5s var(--ease-premium, cubic-bezier(.22,.68,0,1.2)) var(--hiw-delay, 0ms)}.hiw.is-active .hiw__step{opacity:1;transform:none}.hiw__step:hover .hiw__step-circle{border-color:var(--hiw-accent, rgb(182 138 53));background:var(--hiw-accent, rgb(182 138 53));color:#fff;box-shadow:0 4px 18px #b68a354d;transform:scale(1.08)}.hiw__step-head{position:relative;display:flex;align-items:center;justify-content:center}.hiw__step-circle{width:48px;height:48px;border-radius:50%;background:rgba(var(--color-base-background-1, 255 255 255),.9);border:2px solid rgba(var(--color-foreground),.12);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000012;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s var(--ease-premium, cubic-bezier(.22,.68,0,1.2));position:relative;z-index:1}.hiw__step-num{font-size:1.2rem;font-weight:800;color:var(--hiw-accent, rgb(182 138 53));line-height:1;transition:color .28s}.hiw__step:hover .hiw__step-num{color:#fff}.hiw__step-icon{width:44px;height:44px;border-radius:14px;background:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center;color:var(--hiw-accent, rgb(182 138 53));transition:background .28s ease,transform .28s var(--ease-premium, cubic-bezier(.22,.68,0,1.2))}.hiw__step:hover .hiw__step-icon{background:#b68a351a;transform:scale(1.1) rotate(-4deg)}.hiw__step-illus{width:54px;height:54px;border-radius:14px;overflow:hidden}.hiw__step-illus img{width:100%;height:100%;object-fit:contain;display:block}.hiw__step-body{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.hiw__step-title{font-size:clamp(1rem,.9rem + .22vw,1.15rem);font-weight:700;margin:0;color:rgb(var(--color-foreground));line-height:1.25}.hiw__step-desc{font-size:clamp(.95rem,.88rem + .18vw,1.05rem);color:rgba(var(--color-foreground),.65);margin:0;line-height:1.55;max-width:18ch}.hiw__step-duration{display:inline-flex;align-items:center;gap:4px;font-size:.95rem;font-weight:600;color:var(--hiw-accent, rgb(182 138 53));background:#b68a3514;padding:3px 10px;border-radius:20px;line-height:1.4}.hiw__step-tip{display:flex;align-items:flex-start;gap:5px;font-size:.95rem;color:rgba(var(--color-foreground),.55);background:rgba(var(--color-foreground),.04);border-radius:10px;padding:5px 10px;line-height:1.45;text-align:left}@media(max-width:989px){.hiw__timeline{grid-template-columns:repeat(2,1fr);gap:24px 16px}.hiw__line-track{display:none}.hiw__step{padding:20px 16px;background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.08);border-radius:20px;gap:12px;transition:opacity .5s ease var(--hiw-delay, 0ms),transform .5s var(--ease-premium, cubic-bezier(.22,.68,0,1.2)) var(--hiw-delay, 0ms),box-shadow .28s ease,border-color .28s ease}.hiw__step:hover{box-shadow:0 6px 28px #00000014;border-color:rgba(var(--color-foreground),.14)}}@media(max-width:749px){.hiw__timeline{grid-template-columns:1fr;gap:0;padding-left:32px;border-left:2px solid rgba(var(--color-foreground),.1);position:relative}.hiw__timeline:before{content:"";position:absolute;left:-2px;top:0;width:2px;height:0;background:var(--hiw-accent, rgb(182 138 53));border-radius:2px;transition:height 1.4s cubic-bezier(.22,.68,0,1.2) .2s}.hiw.is-active .hiw__timeline:before{height:100%}.hiw__step{flex-direction:row;text-align:left;align-items:flex-start;padding:0 0 28px;background:transparent;border:none;border-radius:0}.hiw__step:last-child{padding-bottom:0}.hiw__step-head{position:absolute;left:-40px;top:0}.hiw__step-circle{width:40px;height:40px}.hiw__step-body{align-items:flex-start}.hiw__step-desc{max-width:none}}@media(max-width:479px){.hiw__timeline{padding-left:24px}.hiw__step-head{left:-32px}.hiw__step-circle{width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/product-how-it-works.css.map */