![A three-step checkout — Cart, Delivery, Payment — with the progress bar hidden only on Payment via a single reactive .checkout-steps:has(.step:last-child[aria-current=step]) rule](/_astro/cover.CMRAJcMM_206BkE.svg)
Hide an element on just one step of a client-side checkout with :has()
An A/B test that had to remove the progress bar on the final checkout step only — on a checkout that re-renders itself. Why the JS approach kept losing, and the one reactive CSS rule that won.