
/* V5: quiet discovery tools; the product photograph carries the visual emphasis. */
/* The section-widget scale, and the rule for Pantry and Fuel when they arrive:
   heading 1.05rem, helper .8rem, Reset on the heading's own line rather than
   costing a row of its own. This block was 307px tall on a 390px phone before
   the taste line stopped being something you drag. */
.date-discovery{margin:0 0 22px}.date-discovery-fields{display:flex;align-items:end;gap:20px;flex-wrap:wrap}
.date-search{display:flex;flex-direction:column;gap:8px;flex:1;max-width:460px;font-size:.8rem;color:var(--ink-muted)}
.date-search input{width:100%;min-width:180px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);padding:13px 16px;color:var(--cream);font:inherit;font-size:.9rem;min-height:46px}
.date-search input::placeholder{color:#ac9a85;opacity:1}
.stock-choice{display:flex;align-items:center;gap:9px;min-height:46px;font-size:.85rem;cursor:pointer;color:var(--cream)}.stock-choice input{width:19px;height:19px;accent-color:var(--gold)}
#dateEmpty{padding:18px 0;color:var(--cream);font-size:.95rem}
#dateEmpty[hidden],.catalog-card[hidden]{display:none!important}
@media(max-width:700px){.date-discovery-fields{gap:10px 16px}.date-search{flex:1 1 100%;max-width:none}.welcome-invite{flex-direction:column;align-items:flex-start}}
.date-search input:focus-visible,.stock-choice input:focus-visible,.welcome-invite button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.product-state{position:absolute;inset-inline-end:12px;bottom:12px;background:var(--palm-900);color:var(--sand-50);padding:5px 9px;border-radius:5px;font:400 .7rem var(--mono)}.product-state.new{background:var(--gold);color:#21160b}
/* New arrivals had its own card here — 320px, its own type scale, its own "View
   product" pill. It is an ordinary shelf now, so all of that is gone and the one
   product card serves every band on the page. */
.welcome-invite{max-width:1160px;margin:20px auto 0;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--cream)}
.welcome-invite button{background:transparent;border:1px solid var(--gold);border-radius:99px;color:var(--gold-ink);padding:12px 18px;min-height:44px;font:inherit;cursor:pointer}
