/* Match the Model and Size rows to the Brand accent. */
#flow .flow-step:is([data-step="model"],[data-step="size"]){border:2px solid #ff3c98;background:linear-gradient(110deg,#331121,#160d12);box-shadow:0 0 24px #ff3c9826}
#flow :is([data-step="model"],[data-step="size"]) .flow-label{border-color:#ff3c9860}
#flow :is([data-step="model"],[data-step="size"],[data-step="design"]) .flow-num{background:#ff3c98;color:#090909;border-color:#ff3c98}
#flow :is([data-step="model"],[data-step="size"]) .choice{cursor:pointer;border-color:#ff80ba;background:#21101a;min-height:44px}
#flow :is([data-step="model"],[data-step="size"]) .choice:hover,#flow :is([data-step="model"],[data-step="size"]) .choice.selected{background:#ff3c98;border-color:#ff3c98;color:#090909}
#flow :is([data-step="model"],[data-step="size"]) .choice:focus-visible{outline:3px solid white;outline-offset:3px}
#flow :is([data-step="model"],[data-step="size"]) .flow-next,#flow :is([data-step="model"],[data-step="size"]) .request-link b{color:#ff80ba}
/* Larger, full-width design cards in Step 4. */
#flow .flow-step[data-step="design"]{grid-template-columns:minmax(0,1fr);align-items:stretch}
#flow [data-step="design"] .flow-label{border:2px solid #ff3c98;background:linear-gradient(110deg,#331121,#160d12);box-shadow:0 0 24px #ff3c9826;padding:18px 20px;min-height:64px}
#flow [data-step="design"] .flow-label b{font-size:14px;letter-spacing:.5px}
#flow [data-step="design"] .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px}
#flow [data-step="design"] .choice-thumb{width:100%;min-width:0;padding:0;cursor:pointer}
#flow [data-step="design"] .choice-thumb img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#0a0a0a}
#flow [data-step="design"] .choice-thumb[data-value="Midnight Blossom"] img{background:#e8e6e3}
#flow [data-step="design"] .choice-thumb span{padding:16px;font-size:15px;line-height:1.35;min-height:52px}
#flow [data-step="design"] .choice-thumb:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
#flow [data-step="design"] .choice-thumb.bundle-selected:after{width:32px;height:32px;top:10px;right:10px;font-size:13px}
#flow [data-step="design"] .flow-next{display:none}
#flow [data-step="design"] .request-help{grid-column:1;padding:0 20px 20px}
@media(max-width:1000px){#flow [data-step="design"] .choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){#flow [data-step="design"] .choices{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}#flow [data-step="design"] .flow-label{padding:16px 14px}#flow [data-step="design"] .request-help{padding:0 14px 14px}}