.upc-row{display:flex;flex-direction:row;gap:8px}.picker-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}.picker-card{background:#fff;border:1.5px solid var(--color-stroke);border-radius:var(--r-md);display:flex;align-items:center;gap:0;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.picker-card:hover{border-color:var(--color-brand);box-shadow:0 4px 16px #ef433a1f}.picker-card-body{padding:12px 14px;flex:1;min-width:0}.picker-card-brand{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-brand);margin:0 0 2px}.picker-card-name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-ink);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-card-meta{font-family:var(--font-sans);font-size:11px;color:var(--color-label);margin:0}.picker-card-arrow{padding-right:14px;color:var(--color-brand);flex-shrink:0}.product-preview-card{background:var(--color-bg-grey);border-radius:var(--r-md);display:flex;align-items:center;gap:12px;overflow:hidden;padding:12px;margin-bottom:12px}.product-preview-card__img{width:56px;height:56px;object-fit:contain;background:#fff;border-radius:var(--r-sm);flex-shrink:0;padding:4px}.product-preview-card__body{flex:1;min-width:0}.product-preview-card__brand{font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-brand);margin:0 0 2px}.product-preview-card__name{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-ink);margin:0 0 2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-preview-card__serving{font-family:var(--font-sans);font-size:11px;color:var(--color-label);margin:0}.macro-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.macro{background:var(--color-bg-grey);border:1px solid var(--color-stroke);border-radius:var(--r-sm);padding:14px 10px;text-align:center}.macro--hero{grid-column:1/-1;background:var(--color-brand);border-color:var(--color-brand)}.macro--hero .macro__val{color:#fff;font-size:28px}.macro--hero .macro__name{color:#fffc}.macro--protein .macro__val{color:var(--color-brand)}.macro__val{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--color-ink);line-height:1;margin-bottom:4px}.macro__name{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-label)}.loading-row{display:none;align-items:center;gap:10px;padding:16px 0}.loading-row.is-visible{display:flex}.spinner{width:18px;height:18px;border:2px solid var(--color-stroke);border-top-color:var(--color-brand);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-sans);font-size:13px;color:var(--color-label)}.search-again-btn{background:none;border:none;color:var(--color-brand);font-family:var(--font-sans);font-size:13px;cursor:pointer;text-decoration:underline;display:block;text-align:center;width:100%;margin-top:12px;padding:0}.field-error{color:var(--color-brand);font-family:var(--font-sans);font-size:13px;margin-top:8px}.scanner-bridge{background:#fafafa;padding:clamp(56px,8vw,96px) clamp(20px,4vw,64px);border-top:1px solid #f0f0f0}.scanner-bridge__inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:center}.scanner-bridge__eyebrow{font-family:var(--font-sans);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-brand);margin:0 0 12px}.scanner-bridge__heading{font-family:var(--font-display);font-size:clamp(24px,3.5vw,36px);font-weight:700;color:var(--color-ink);line-height:1.15;letter-spacing:-.02em;margin:0 0 16px}.scanner-bridge__body{font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--color-body);margin:0 0 28px}.scanner-bridge__cta{display:inline-flex!important;width:auto!important}.scanner-bridge__visual img{width:100%;border-radius:var(--r-xl);box-shadow:0 24px 64px #2a252224}@media(max-width:700px){.scanner-bridge__inner{grid-template-columns:1fr}.scanner-bridge__visual{order:-1}}