:root{--p2p-nav-bg: #0b0d13;--p2p-nav-border: rgba(255, 255, 255, .08);--p2p-nav-text: #f6f7fb;--p2p-nav-muted: #9b9cb2;--p2p-nav-accent: #4e8fff;--p2p-nav-accent-soft: rgba(78, 143, 255, .06);--p2p-nav-done: #10b981}.p2p-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 48px;border-bottom:1px solid var(--p2p-nav-border);background:var(--p2p-nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:fixed;top:0;z-index:20;width:100%}.p2p-logo{font-family:Instrument Sans,sans-serif;font-size:26px;color:var(--p2p-nav-text)}.p2p-logo span{color:var(--p2p-nav-accent)}.p2p-nav-center{display:flex;align-items:center}.p2p-nav-center--hidden{display:none!important}.progress-steps{display:flex;align-items:center;gap:0}.pstep{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--p2p-nav-muted)}.pstep.done{color:var(--p2p-nav-done)}.pstep.active{color:var(--p2p-nav-text)}.pstep-num{width:26px;height:26px;border-radius:50%;border:1px solid var(--p2p-nav-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.pstep.done .pstep-num{background:var(--p2p-nav-done);border-color:var(--p2p-nav-done);color:#fff}.pstep.active .pstep-num{background:var(--p2p-nav-accent);border-color:var(--p2p-nav-accent);color:#fff}.pstep-line{display:block!important;width:36px;height:1px;background:var(--p2p-nav-border);margin:0 8px}.pstep-line.done{background:var(--p2p-nav-done)}.p2p-nav-actions{display:flex;gap:12px;align-items:center}.p2p-nav-actions.is-step-one-page{gap:14px}.p2p-nav-linkbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:14px;font-size:14px;font-weight:600;line-height:1;font-family:inherit;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.p2p-nav-linkbtn svg{flex-shrink:0}.p2p-nav-linkbtn:hover{transform:translateY(-1px)}.p2p-nav-linkbtn--outline{border:1px solid var(--p2p-nav-accent);background:#4e8fff0f;color:var(--p2p-nav-accent);box-shadow:inset 0 0 0 1px #4e8fff1a}.p2p-nav-linkbtn--outline:hover{background:#4e8fff1f;color:#8fc4ff}.p2p-nav-linkbtn--solid{border:1px solid var(--p2p-nav-accent);background:var(--p2p-nav-accent);color:#08101d;min-width:102px;box-shadow:0 10px 24px #4e8fff38}.p2p-nav-linkbtn--solid:hover{background:#67a5ff;border-color:#67a5ff}.p2p-nav-linkbtn--text{padding-left:8px;padding-right:8px;color:var(--p2p-nav-text);border:1px solid transparent;background:transparent}.p2p-nav-linkbtn--text:hover{color:#fff;background:#ffffff0a}.p2p-nav-linkbtn--cart{min-width:96px}.p2p-nav-cart-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--p2p-nav-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;box-shadow:0 0 0 3px var(--p2p-nav-bg)}.p2p-nav-profile{display:inline-flex;align-items:center;gap:12px;color:var(--p2p-nav-text);text-decoration:none}.p2p-nav-profile:hover .p2p-nav-profile-avatar{border-color:var(--p2p-nav-accent);box-shadow:0 0 0 4px #4e8fff14}.p2p-nav-profile-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.8);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ffffff0a;transition:border-color .2s ease,box-shadow .2s ease}.p2p-nav-profile-copy{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.p2p-nav-profile-greeting{font-size:15px;font-weight:700;color:#fff;line-height:1}.p2p-nav-profile-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:4px;background:#f2d420;color:#151208;font-size:13px;font-weight:700;line-height:1;text-transform:capitalize}.btn-ghost{background:none;border:1px solid var(--p2p-nav-border);color:var(--p2p-nav-text);padding:9px 20px;border-radius:8px;font-size:14px;font-family:inherit;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.btn-ghost:hover{border-color:var(--p2p-nav-accent);background:var(--p2p-nav-accent-soft)}#navStepsAi,#navStepsPrint,#navStepsEdit,.p2p-nav[data-nav-mode=ai] #navStepsUpload{display:none}.p2p-nav[data-nav-mode=ai] #navStepsAi{display:flex}.p2p-nav[data-nav-mode=style] #navStepsAi,.p2p-nav[data-nav-mode=style] #navStepsPrint,.p2p-nav[data-nav-mode=style] #navStepsEdit{display:none}.p2p-nav[data-nav-mode=style] #navStepsUpload{display:flex}.p2p-nav[data-nav-mode=print] #navStepsUpload,.p2p-nav[data-nav-mode=print] #navStepsAi,.p2p-nav[data-nav-mode=print] #navStepsEdit{display:none}.p2p-nav[data-nav-mode=print] #navStepsPrint{display:flex}.p2p-nav[data-nav-mode=edit] #navStepsUpload,.p2p-nav[data-nav-mode=edit] #navStepsAi,.p2p-nav[data-nav-mode=edit] #navStepsPrint{display:none}.p2p-nav[data-nav-mode=edit] #navStepsEdit{display:flex}@media(max-width:989px){.p2p-nav{padding:14px 24px;flex-wrap:wrap}.p2p-nav-center{display:flex;order:3;width:100%;margin-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.p2p-nav-center::-webkit-scrollbar{display:none}.progress-steps{margin:0 auto;min-width:max-content}.p2p-nav-actions.is-step-one-page{gap:10px}.p2p-nav-linkbtn{min-height:40px;padding:10px 14px;border-radius:12px;font-size:13px}.p2p-nav-linkbtn--solid{min-width:88px}.p2p-nav-profile{gap:10px}.p2p-nav-profile-avatar{width:42px;height:42px}.p2p-nav-profile-greeting{font-size:14px}.p2p-nav-profile-badge{min-height:22px;padding:4px 8px;font-size:12px}}@media(max-width:767px){.p2p-nav{gap:12px;padding:12px 16px}.p2p-nav-center{margin-top:0}.pstep{font-size:11px;gap:4px}.pstep-num{width:22px;height:22px;font-size:11px}.pstep-line{width:16px;margin:0 4px}.p2p-logo svg{width:76px;height:auto}.p2p-nav-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.p2p-nav-actions.is-step-one-page{max-width:68%}.p2p-nav-linkbtn{padding:9px 12px}.p2p-nav-linkbtn--text{padding-left:4px;padding-right:4px}.p2p-nav-profile-copy{display:none}.p2p-nav-profile-avatar{width:40px;height:40px}.p2p-nav-linkbtn--cart{min-width:fit-content}.p2p-nav-linkbtn--cart span{display:none}}@media(max-width:767px){.p2p-logo .p2p-partner-logo{width:150px}}@media(max-width:450px){.p2p-logo .p2p-partner-logo{width:100px}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/p2p-step-navbar.css.map */