.pf-customer-progress{max-width:1180px;margin:36px auto;padding:34px 28px 38px;background:#fff;border:1px solid #ececec;border-radius:18px;text-align:center;box-sizing:border-box}.pf-progress-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;max-width:1000px;margin:0 auto 58px}.pf-progress-track:before{content:"";position:absolute;left:10%;right:10%;top:30px;height:6px;background:#c9dff2;z-index:0}.pf-progress-track:after{content:"";position:absolute;left:10%;top:30px;height:6px;width:calc((var(--pf-stage) - 1) * 20%);max-width:80%;background:#8bd900;z-index:1;transition:width .3s ease}.pf-progress-step{position:relative;z-index:2}.pf-progress-dot{width:62px;height:62px;margin:0 auto 16px;border-radius:50%;background:#c9dff2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}.pf-progress-step.is-done .pf-progress-dot{background:#15195f}.pf-progress-step.is-current .pf-progress-dot{background:#8bd900}.pf-progress-label{font-size:17px;font-weight:800;color:#1f1f1f}.pf-progress-copy h2{margin:0 0 18px;color:#15195f;font-size:34px;line-height:1.15;font-weight:900}.pf-progress-copy p{margin:0 auto 20px;max-width:850px;color:#2f3133;font-size:18px;line-height:1.6}.pf-track-button,.pf-received-button{display:inline-block;margin:8px 6px 0;padding:14px 22px;border-radius:10px;font-weight:900;text-decoration:none!important}.pf-track-button{background:#91ef00;color:#081000!important}.pf-received-button{background:#111;color:#fff!important}.pf-received-ok{margin:0 auto 28px;max-width:760px;padding:13px 16px;border-radius:10px;background:#efffd6;color:#294700;font-weight:800}@media(max-width:760px){.pf-customer-progress{padding:26px 14px}.pf-progress-track{display:flex;overflow-x:auto;justify-content:flex-start;gap:16px;margin-bottom:34px;padding:0 6px 8px}.pf-progress-track:before,.pf-progress-track:after{display:none}.pf-progress-step{min-width:112px}.pf-progress-dot{width:48px;height:48px;font-size:22px}.pf-progress-label{font-size:13px;line-height:1.25}.pf-progress-copy h2{font-size:27px}.pf-progress-copy p{font-size:16px}.pf-track-button,.pf-received-button{display:block;width:100%;box-sizing:border-box;margin:8px 0}}
.pf-public-tracking{max-width:980px;margin:36px auto 18px;padding:32px 28px;background:#fff;border:1px solid #e7e7e7;border-radius:18px;box-sizing:border-box}.pf-public-tracking-head{text-align:center;margin-bottom:24px}.pf-public-tracking-head span{display:block;margin-bottom:6px;font-size:13px;font-weight:900;letter-spacing:.12em;color:#70b900}.pf-public-tracking-head h2{margin:0 0 8px;font-size:30px;line-height:1.2;color:#171717}.pf-public-tracking-head p{margin:0;color:#666;font-size:16px}.pf-public-tracking-form{max-width:700px;margin:0 auto}.pf-public-tracking-form label{display:block;margin-bottom:8px;font-weight:800;color:#222}.pf-public-tracking-row{display:flex;gap:10px}.pf-public-tracking-row input{flex:1;min-width:0;height:52px;border:1px solid #d8d8d8;border-radius:10px;padding:0 16px;font-size:16px;box-sizing:border-box}.pf-public-tracking-row button{min-height:52px;border:0;border-radius:10px;padding:0 22px;background:#111;color:#fff;font-weight:900;cursor:pointer}.pf-public-tracking-message{max-width:700px;margin:16px auto 0;padding:13px 15px;border-radius:10px;background:#f5f5f5;color:#333;font-weight:700;text-align:center}@media(max-width:640px){.pf-public-tracking{padding:24px 16px}.pf-public-tracking-head h2{font-size:25px}.pf-public-tracking-row{display:block}.pf-public-tracking-row input,.pf-public-tracking-row button{width:100%}.pf-public-tracking-row button{margin-top:10px}}