.hflow{padding:70px 0}.hflow-head{text-align:center;max-width:600px;margin:0 auto 44px}.hflow-head .eyebrow{display:block}.hflow-head h2{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:10px 0;white-space:normal}.hflow-head p{color:var(--ink-3);font-size:16px}.hflow .flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;max-width:1060px;margin:0 auto}.hflow .flow-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-align:center}.hflow .flow-num{position:absolute;top:16px;right:20px;font-family:var(--font-display);font-weight:900;font-size:36px;color:#eef1f6;line-height:1}.hflow .flow-visual{height:132px;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#eef2f8);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:18px;margin-bottom:22px}.hflow .flow-step h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:9px}.hflow .flow-step p{color:var(--ink-3);font-size:14.5px;line-height:1.55}.hflow .flow-note{display:inline-flex;align-self:center;align-items:center;gap:7px;margin-top:14px;font-size:12.5px;font-weight:700;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;padding:6px 12px;border-radius:999px}.hflow .flow-note svg{width:13px;height:13px}.hflow .flow-conn{display:grid;place-items:center;width:52px;color:var(--accent-100)}.hflow .flow-conn svg{width:24px;height:24px}.hflow .mk-buy{width:100%;max-width:188px;background:#fff;border:1px solid var(--line-2);border-radius:13px;padding:13px;box-shadow:var(--shadow-sm)}.hflow .mk-buy .r1{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink-2);margin-bottom:12px}.hflow .mk-buy .r1 .d{width:8px;height:8px;border-radius:50%;background:#fbbf24}.hflow .mk-buy .r2{display:flex;align-items:center;justify-content:space-between}.hflow .mk-buy .price{font-family:var(--font-display);font-weight:900;font-size:19px;color:#16a34a}.hflow .mk-buy .add{width:32px;height:32px;border-radius:9px;background:var(--accent);display:grid;place-items:center}.hflow .mk-buy .add svg{width:15px;height:15px}.hflow .mk-user{width:100%;max-width:206px;text-align:left}.hflow .mk-user .lab{font-size:10.5px;font-weight:800;color:var(--ink-4);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.hflow .mk-user .inp{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1.5px solid var(--accent);border-radius:11px;padding:11px 13px;font-size:14px;font-weight:600;color:var(--ink);box-shadow:0 0 0 4px var(--accent-050)}.hflow .mk-user .chk{width:22px;height:22px;border-radius:50%;background:#16a34a;display:grid;place-items:center}.hflow .mk-user .chk svg{width:13px;height:13px;color:#fff}.hflow .mk-del{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line-2);border-radius:13px;padding:13px 14px;box-shadow:var(--shadow-sm);max-width:218px;width:100%}.hflow .mk-del .di{width:40px;height:40px;border-radius:11px;background:var(--accent-050);color:var(--accent);display:grid;place-items:center;flex:none}.hflow .mk-del .di svg{width:21px;height:21px}.hflow .mk-del .dt{font-size:13.5px;font-weight:800;color:var(--ink)}.hflow .mk-del .ds{font-size:12px;color:var(--ink-3)}.hflow .mk-del .dchk{margin-left:auto;color:#16a34a;flex:none}.hflow .mk-del .dchk svg{width:18px;height:18px}@media(max-width:860px){.hflow .flow{grid-template-columns:1fr;gap:0}.hflow .flow-conn{width:auto;padding:10px 0;transform:rotate(90deg)}.hflow-head h2{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/home-flow.css.map */