/* Three horizontal reassurance bars (replaces the numbered 1-2-3 list). Done = Groundwell green, now = distinct (dark green outline, partly filled, "Now" tag), upcoming = muted.
   Side by side on a wide screen, stacked on a phone. The progress indicator at the top of checkout is separate and unchanged. */
.gwbars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:18px 0;padding:0}
.gwbars li{display:flex;flex-direction:column;gap:8px;min-width:0}
.gwbars .track{position:relative;height:12px;border-radius:99px;background:#dfe5e1;overflow:hidden}
.gwbars .fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:99px;background:#207e66}
.gwbars .done .fill{width:100%}
.gwbars .now .track{background:#cfe3d8;box-shadow:0 0 0 2px #146349}
.gwbars .now .fill{width:55%;background:repeating-linear-gradient(135deg,#146349 0 10px,#207e66 10px 20px)}
.gwbars .todo .track{background:#e7eae6}
.gwbars h4{margin:0;font-size:16px;line-height:1.3;color:#171b19;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gwbars .todo h4{color:#5a665f}
.gwbars p{margin:0;font-size:14px;line-height:1.5;color:#46534b}
.gwbars .todo p{color:#66736b}
.gwbars .tagnow,.gwbars .tagdone{font-size:12px;font-weight:700;border-radius:99px;padding:2px 9px}
.gwbars .tagnow{background:#146349;color:#fff}.gwbars .tagdone{background:#eaf5ee;color:#146349;border:1px solid #8fc4a4}
@media(max-width:720px){.gwbars{grid-template-columns:1fr;gap:18px}.gwbars .track{height:14px}.gwbars h4{font-size:17px}.gwbars p{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.gwbars .fill{transition:width .4s ease}}