/* Same server-rendered navigation on detail, payment and confirmation pages. */
body.promoakce-frontend .pa-job-stepper { float:none; width:100%; margin:0 0 24px; padding:0; border:0; background:none; }
body.promoakce-frontend .pa-job-stepper > ol { display:flex; width:100%; margin:0; padding:0; list-style:none; }
body.promoakce-frontend .pa-job-stepper li { position:relative; flex:1 1 0; min-width:0; margin:0; padding:0; float:none; list-style:none; }
body.promoakce-frontend .pa-job-stepper li::before,
body.promoakce-frontend .pa-job-stepper li::after { content:none; }
body.promoakce-frontend .pa-job-stepper a {
    position:relative; display:flex; flex-direction:column; align-items:center; gap:8px;
    float:none; width:100%; min-height:80px; padding:0 4px; box-sizing:border-box;
    border:0; border-radius:6px; background:none; color:var(--pa-neutral);
    font-family:inherit; font-size:14px; line-height:1.4; text-align:center;
    text-decoration:none; transition:none; animation:none;
}
body.promoakce-frontend .pa-job-stepper .pa-job-step-indicator {
    position:relative; display:flex; align-items:center; justify-content:center; flex:none;
    width:44px; height:44px; box-sizing:border-box; padding:0; border:0; border-radius:50%;
    background:var(--pa-surface); color:var(--pa-neutral); font-size:16px; font-weight:500; line-height:1;
}
body.promoakce-frontend .pa-job-stepper a > span:not(.pa-job-step-indicator) { display:block; max-width:100%; padding:0; color:inherit; font-size:14px; line-height:1.4; overflow-wrap:break-word; }
body.promoakce-frontend .pa-job-stepper .pa-job-step-line { position:absolute; top:21px; left:calc(-50% + 22px); width:calc(100% - 44px); height:2px; background:var(--pa-border); pointer-events:none; }
body.promoakce-frontend .pa-job-stepper .is-current a { color:var(--pa-purple); font-weight:500; }
body.promoakce-frontend .pa-job-stepper .is-current .pa-job-step-indicator { background:var(--pa-purple); color:#fff; }
body.promoakce-frontend .pa-job-stepper .is-complete .pa-job-step-indicator { background:color-mix(in srgb,var(--pa-purple) 10%,white); color:var(--pa-purple); }
body.promoakce-frontend .pa-job-stepper :is(.is-current,.is-complete) > .pa-job-step-line { background:var(--pa-purple); }
body.promoakce-frontend .pa-job-stepper .pa-job-step-indicator svg { width:22px; height:22px; margin:0; }
body.promoakce-frontend .pa-job-stepper a:focus-visible { outline:3px solid var(--pa-purple); outline-offset:2px; }