.hiw{padding-block:var(--hiw-pad-top, 72px) var(--hiw-pad-bottom, 72px);overflow:hidden;font-family:var(--uc-font-body, "Manrope", system-ui, sans-serif)}.hiw__eyebrow,.hiw__subtitle,.hiw__step-title,.hiw__step-desc,.hiw__step-duration,.hiw__step-tip,.hiw__focus-step,.hiw__focus-title,.hiw__focus-desc,.hiw__focus-tip{font-family:var(--uc-font-body, "Manrope", system-ui, sans-serif)}.hiw__heading,.hiw__focus-title{font-family:var(--uc-font-heading, "Manrope", system-ui, sans-serif)}.hiw__inner{max-width:min(var(--container-max, var(--page-width)),100%);margin-inline:auto;padding-inline:var(--container-pad, 24px)}.hiw__header{text-align:center;max-width:100%;margin-inline:auto;margin-bottom:var(--uc-space-desc-to-content, 28px)}.hiw__eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hiw-accent, rgb(182 138 53));margin:0}.hiw__heading{font-size:28px;font-weight:700;line-height:1.18;margin:0;color:#2a2a2a}.hiw__subtitle{font-size:16px;color:#2a2a2a;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:18px;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:18px;font-weight:650;margin:0;color:#2a2a2a;line-height:1.3}.hiw__step-desc{font-size:16px;color:#2a2a2ab8;margin:0;line-height:1.55;max-width:min(42ch,100%)}@media(min-width:990px){.hiw__step-desc,.hiw__step-tip{display:block}.template-product .hiw__focus{display:none}}.hiw__step-duration{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hiw-accent, rgb(182 138 53));background:#b68a3514;padding:3px 10px;border-radius:20px;line-height:1.35}.hiw__step-tip{display:flex;align-items:flex-start;gap:5px;font-size:13px;color:#2a2a2a8c;background:rgba(var(--color-foreground),.04);border-radius:10px;padding:5px 10px;line-height:1.45;text-align:left}.hiw__step{cursor:pointer}.hiw__step.is-current .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 6px 20px #b68a3547;transform:scale(1.08)}.hiw__step.is-current .hiw__step-num{color:#fff}.hiw__step.is-current .hiw__step-title{color:var(--hiw-accent, rgb(182 138 53))}.hiw__focus{margin-top:clamp(22px,3vw,36px);min-height:7.5rem;position:relative}.hiw__focus-panel{display:none;text-align:center;max-width:40rem;margin:0 auto;padding:clamp(16px,2.2vw,22px) clamp(18px,2.5vw,28px);border-radius:18px;background:#b68a350f;border:1px solid rgba(182,138,53,.14)}.hiw__focus-panel.is-active{display:block;animation:hiw-focus-in .28s ease}@keyframes hiw-focus-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hiw__focus-step{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hiw-accent, rgb(182 138 53))}.hiw__focus-title{margin:0 0 8px;font-size:18px;font-weight:650;line-height:1.3;color:#2a2a2a}.hiw__focus-desc{margin:0;font-size:16px;line-height:1.55;color:#2a2a2ab8}.hiw__focus-tip{margin:10px 0 0;font-size:13px;line-height:1.45;color:#2a2a2a8c}@media(max-width:989px)and (min-width:750px){.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:12px;padding-left:0;border-left:none;position:relative}.hiw__timeline:before{display:none}.hiw__line-track{display:none}.hiw__step{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;text-align:left;flex-direction:row;gap:12px 14px;padding:14px 16px;background:#fff;border:1px solid rgba(var(--color-foreground),.08);border-radius:16px;box-shadow:0 6px 18px #1a16120a}.hiw__step:last-child{padding-bottom:14px}.hiw__step-head{position:static;left:auto;top:auto;display:none}.hiw__step-icon{width:44px;height:44px;border-radius:50%;margin:0}.hiw__step-body{align-items:flex-start;text-align:left;gap:4px}.hiw__step-title{text-align:left}.hiw__step-desc{max-width:none;display:none}.hiw__step-duration{justify-content:flex-start}.hiw__focus{display:none}}
/*# sourceMappingURL=/cdn/shop/t/171/assets/product-how-it-works.css.map */