.vs-picker { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 1199.98px) { .vs-picker { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(220px, 1fr); overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 1rem; } }
.vs-pick { display: flex; flex-direction: column; gap: .2rem; padding: 1.35rem 1.25rem; border-radius: var(--border-radius); background: var(--surface); border: 1px solid var(--bs-border-color); color: var(--text-primary); text-decoration: none; text-align: start; scroll-snap-align: start; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.vs-pick:hover { color: var(--text-primary); border-color: var(--brand-light); transform: translateY(-2px); box-shadow: 0 18px 40px -26px color-mix(in srgb, var(--plum) 70%, transparent); }
.vs-pick-name { font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--brand-dark); margin-bottom: .6rem; }
.vs-pick-lead, .vs-pick-foot { font-size: .82rem; color: var(--text-secondary); }
.vs-pick-times { font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; }
.vs-pick-none { font-size: 1.35rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; color: var(--text-secondary); }
.vs-pick-prices { margin-top: auto; padding-top: .9rem; border-top: 1px solid var(--bs-border-color); display: flex; flex-direction: column; gap: .3rem; }
.vs-pick-foot + .vs-pick-prices { margin-top: 1rem; }
.vs-pick-row { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; font-size: .82rem; color: var(--text-secondary); }
.vs-pick-row strong { color: var(--text-primary); font-size: .95rem; white-space: nowrap; }
.vs-pick.active { background: linear-gradient(var(--plum), color-mix(in srgb, var(--plum) 60%, #000)); border-color: var(--plum); color: #fff; box-shadow: 0 24px 50px -28px color-mix(in srgb, var(--plum) 80%, transparent); }
.vs-pick.active .vs-pick-name, .vs-pick.active .vs-pick-lead, .vs-pick.active .vs-pick-foot, .vs-pick.active .vs-pick-row, .vs-pick.active .vs-pick-none { color: rgba(255,255,255,.72); }
.vs-pick.active .vs-pick-row strong { color: #fff; }
.vs-pick.active .vs-pick-prices { border-top-color: rgba(255,255,255,.16); }
.vs-picker-note { font-size: .82rem; color: var(--text-muted); text-align: center; margin: 1.25rem 0 0; }