/* 26-payments: the progress tracker and the confirm box. */
.py-track { list-style: none; margin: 0; padding: 18px 16px; display: flex; gap: 0; overflow-x: auto; }
.py-track li { flex: 1 1 0; min-width: 84px; position: relative; text-align: center; font-size: 13px; }
.py-track li::before { content: ''; position: absolute; top: 15px; left: -50%; width: 100%; height: 3px; background: #d9e1ec; z-index: 0; }
.py-track li:first-child::before { display: none; }
.py-track li.done::before { background: #12a079; }
.py-track .dot { position: relative; z-index: 1; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 6px; background: #e8eef7; color: #1d3a63; font-weight: 700; }
.py-track li.done .dot { background: #12a079; color: #fff; }
.py-track li.stop .dot { background: #d6334b; color: #fff; }
.py-track b { display: block; }
.py-track small { color: var(--muted, #5b6b80); }
.ct-btn.block { width: 100%; }
.py-rails { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 14px; }
@media (max-width: 640px) { .py-rails { grid-template-columns: 1fr; } }