/* Flow header shared by setup, live preview and checkout */
.flow-nav{position:fixed;top:0;left:0;right:0;z-index:10000;height:56px;background:#F9F7F4;border-bottom:1px solid rgba(0,0,0,.10);display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,auto) minmax(44px,1fr);align-items:center;gap:16px;padding:0 20px;box-shadow:0 1px 4px rgba(0,0,0,.06);transform:translateZ(0);will-change:transform}.flow-logo{display:inline-flex;align-items:center;justify-self:start;text-decoration:none;flex-shrink:0;min-width:0}.flow-logo img,.flow-logo svg{display:block;height:22px;width:auto;max-width:168px}.flow-nav-timeline{justify-self:center;display:flex;align-items:center;justify-content:center;min-width:0;overflow:visible}.flow-nav-compact{display:none;justify-self:end;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;color:#d4624a;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.flow-nav-actions{justify-self:end;display:flex;align-items:center;justify-content:flex-end}.fn-step{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#d4624a;font-weight:400;font-family:'DM Sans',sans-serif}.fn-step-active{color:#d4624a;font-weight:600}.fn-dot{width:18px;height:18px;border-radius:50%;background:#d4624a;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;opacity:.35;font-size:8px;font-weight:600;color:#fff;font-family:'DM Sans',sans-serif;letter-spacing:0}.fn-dot-active{opacity:1;width:20px;height:20px;box-shadow:0 0 0 3px rgba(212,98,74,.15);font-size:9px}.fn-sep{display:inline-block;width:16px;height:1px;background:rgba(212,98,74,.2);margin:0 4px;flex-shrink:1;min-width:6px}.flow-nav-btn{border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,background .2s;background:#d4624a;color:#fff;padding:0 18px;height:36px;min-width:36px;font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.flow-nav-btn:disabled{background:rgba(0,0,0,.08);color:#a09890;cursor:not-allowed}.flow-nav-btn:not(:disabled):hover{opacity:.85}.flow-nav-btn .fn-btn-label{display:inline}.flow-nav-btn .fn-btn-arrow{display:none}@media(max-width:760px){.flow-nav{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:0 14px}.flow-logo img,.flow-logo svg{height:20px;max-width:142px}.flow-nav-timeline{display:none}.flow-nav-compact{display:inline-flex}.flow-nav-btn{width:36px;height:36px;padding:0}.flow-nav-btn .fn-btn-label{display:none}.flow-nav-btn .fn-btn-arrow{display:inline-flex;align-items:center;justify-content:center}}@media(max-width:380px){.flow-nav-compact .flow-step-label{display:none}}