/* V0LT V18.69 — shared site menu + progress throughout the estimate/repair flow.
 * Header-only rules: cart cards, product controls and booking forms are untouched.
 */
html.v69-repair-flow {scroll-padding-top:calc(var(--v69-header-height,138px) + 16px)}
.v69-flow-header {position:sticky;top:0;z-index:30;background:#fff}
.v69-flow-header #v65-site-header {position:static;top:auto;background:#fff}
.v69-progress-bar {border-bottom:1px solid #e3e8ee;background:#fbfcfd}
.v69-progress-inner {width:calc(100% - 80px);max-width:1440px;margin-inline:auto;min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}
/* Explicit selectors prevent older cart-only progress styles changing these tracks. */
.v69-flow-header #zt-estimate-progress {grid-column:2;display:grid;grid-template-columns:auto minmax(12px,32px) auto minmax(12px,32px) auto minmax(12px,32px) auto;align-items:center;justify-content:center;gap:12px;margin:0;padding:0;color:#737f8d;font:600 15px/1.4 Inter,Arial,sans-serif;min-width:0}
.v69-flow-header #zt-estimate-progress > span {display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-width:0;font:inherit;color:inherit}
.v69-flow-header #zt-estimate-progress > span::before {content:attr(data-step-number);display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;background:#edf0f4;color:#637082;border:1px solid #e0e5ec;border-radius:50%;font:650 12px/1 Inter,Arial,sans-serif;box-sizing:border-box}
.v69-flow-header #zt-estimate-progress > .active {color:#17202a;font-weight:750}
.v69-flow-header #zt-estimate-progress > .active::before {background:#ff4b16;border-color:#ff4b16;color:#fff}
.v69-flow-header #zt-estimate-progress > .done {color:#147c49}
.v69-flow-header #zt-estimate-progress > .done::before {content:'✓';background:#e8f5ec;border-color:#d4ebdc;color:#087940;font-size:14px}
.v69-flow-header #zt-estimate-progress > i {display:block;width:100%;height:1px;margin:0;background:#d8dfe8}
.v69-flow-actions {grid-column:3;justify-self:end;display:flex;align-items:center;gap:20px;min-width:0}
.v69-flow-actions .zt-fresh-button {background:transparent;border-color:transparent;border-radius:8px;padding:7px 8px;font-size:15px;line-height:1.4;font-weight:600;min-height:44px}
.v69-flow-actions .zt-fresh-button:hover {background:#fff1e9}
.v69-flow-actions .zt-exit {font-size:15px;font-weight:550;display:flex;align-items:center;min-height:44px}
.v69-mobile-flow-actions {display:none}
/* Short screens can scroll content normally; only the two slim header rows stick. */
@media(max-width:1100px){
 .v69-progress-inner {width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) auto;gap:20px}
 .v69-flow-header #zt-estimate-progress {grid-column:1;justify-content:start}
 .v69-flow-actions {grid-column:2}
}
@media(max-width:760px){
 .v69-progress-inner {width:calc(100% - 32px);display:flex;justify-content:center;min-height:48px;gap:0}
 .v69-flow-header #zt-estimate-progress {width:min(420px,100%);grid-template-columns:auto minmax(6px,24px) auto minmax(6px,24px) auto minmax(6px,24px) auto;gap:8px;font-size:15px;justify-content:space-between}
 .v69-flow-header #zt-estimate-progress > span {gap:6px}
 .v69-flow-header #zt-estimate-progress > span::before {width:20px;height:20px;flex-basis:20px;font-size:11px}
 .v69-flow-header #zt-estimate-progress > .done::before {font-size:13px}
 .v69-flow-actions {display:none}
 .v69-mobile-flow-actions {display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid #e6ebf1}
 .v69-mobile-flow-actions .zt-fresh-button {font-size:16px;font-weight:600}
 .v69-mobile-flow-actions .zt-exit {display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:550}
}
@media(max-width:420px){
 .v69-progress-inner {width:calc(100% - 24px)}
 .v69-flow-header #zt-estimate-progress {font-size:14px;gap:6px;grid-template-columns:auto minmax(4px,18px) auto minmax(4px,18px) auto minmax(4px,18px) auto}
 .v69-flow-header #zt-estimate-progress > span {gap:5px}
 .v69-flow-header #zt-estimate-progress > span::before {width:18px;height:18px;flex-basis:18px;font-size:10px}
 .v69-flow-header #zt-estimate-progress > .done::before {font-size:12px}
}
@media(max-width:350px){
 .v69-flow-header #zt-estimate-progress {gap:4px}
 .v69-flow-header #zt-estimate-progress > span {gap:4px}
 .v69-flow-header #zt-estimate-progress > span::before {width:16px;height:16px;flex-basis:16px}
}
@media print{
 .v69-flow-header {position:static}
 .v69-flow-header #v65-site-header,.v69-flow-actions {display:none}
 .v69-progress-inner {display:flex;justify-content:center;width:100%;min-height:46px}
}