.fulfillment-card{--fulfillment-green:#183c34;--fulfillment-green-soft:#eef5f0;--fulfillment-orange:#c84a0c;--fulfillment-orange-soft:#fff3ec;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);background:#fff;overflow:hidden}.fulfillment-card--loading{min-height:96px;color:var(--color-muted);align-items:center;gap:12px;padding:24px;display:flex}.fulfillment-card--loading p{margin:0}.fulfillment-retry{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:44px;color:var(--color-accent-ink);font:inherit;cursor:pointer;background:#fff;margin-left:auto;padding:8px 16px;font-weight:700}.fulfillment-spinner{border:2px solid #e7e2dc;border-top-color:var(--fulfillment-orange);border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite fulfillment-spin}.fulfillment-head{border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:clamp(17px,2.4vw,22px);display:flex}.fulfillment-head h2{color:#171716;letter-spacing:-.025em;margin:3px 0 0;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:900;line-height:1.15}.fulfillment-head>div>p:last-child{color:#5f5c58;margin:7px 0 0;font-size:.94rem}.fulfillment-kicker{color:var(--color-accent-ink);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.69rem;font-weight:900}.fulfillment-status{border-radius:var(--radius-sm);color:#746f69;background:#fff;border:1px solid #ded8d1;flex:none;place-items:center;width:46px;height:38px;font-size:.76rem;font-weight:900;display:grid}.fulfillment-status.is-ready{background:var(--fulfillment-green-soft);color:var(--fulfillment-green);border-color:#c9ddd1}.fulfillment-steps{border-bottom:1px solid #ebe7e2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.fulfillment-steps li{color:#77736d;align-items:center;gap:12px;min-height:66px;padding:12px clamp(16px,2.4vw,22px);display:flex}.fulfillment-steps li+li{border-left:1px solid #ebe7e2}.fulfillment-steps li>span:last-child{gap:3px;min-width:0;display:grid}.fulfillment-steps strong{color:inherit;font-size:.94rem;line-height:1.35}.fulfillment-steps small{color:#6f6a64;font-size:.8rem;line-height:1.4}.fulfillment-step__mark{background:#f0eeeb;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:.82rem;font-weight:900;display:grid}.fulfillment-step__mark svg,.fulfillment-ready__check svg,.fulfillment-ready__icon svg,.fulfillment-selection__pin svg,.fulfillment-search svg,.pickup-map__fallback svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.fulfillment-steps .is-active{color:#181817}.fulfillment-steps .is-active .fulfillment-step__mark{color:#fff;background:#181817}.fulfillment-steps .is-done{color:var(--fulfillment-green)}.fulfillment-steps .is-done .fulfillment-step__mark{background:#dff3e6}.fulfillment-steps a{width:max-content;color:var(--fulfillment-orange);text-underline-offset:3px;font-size:.82rem;font-weight:800}.fulfillment-ready{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;border-left:3px solid #2f855a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:16px;padding:15px;display:grid}.fulfillment-ready__icon,.fulfillment-selection__pin{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent-ink);place-items:center;display:grid}.fulfillment-ready h3{color:#102b25;margin:3px 0 0;font-size:1.05rem}.fulfillment-ready>div>p:not(.fulfillment-kicker){color:#4f625c;margin:4px 0 0;font-size:.88rem;line-height:1.45}.fulfillment-ready small{color:#47645a;margin-top:7px;font-size:.78rem;display:block}.fulfillment-ready__actions{justify-items:end;gap:7px;display:grid}.fulfillment-ready__check{color:#276749;background:#e6f4ec;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.fulfillment-ready__actions button{color:var(--color-accent-ink);cursor:pointer;font:inherit;font-size:var(--text-xs);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.fulfillment-picker{padding:clamp(16px,2.5vw,22px)}.fulfillment-picker__intro{justify-content:space-between;align-items:end;gap:28px;margin-bottom:18px;display:flex}.fulfillment-picker__intro>div{align-items:center;gap:10px;display:flex}.fulfillment-picker__intro .fulfillment-picker__intro-copy{justify-items:end;gap:5px;display:grid}.fulfillment-picker__number{color:#fff;background:#181817;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:900;display:grid}.fulfillment-picker__intro h3{margin:0;font-size:1.12rem}.fulfillment-picker__intro p{color:#625e59;text-align:right;max-width:560px;margin:0;font-size:.88rem;line-height:1.5}.fulfillment-picker__intro button{color:var(--color-accent-ink);cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:800;text-decoration:underline}.fulfillment-search{border-radius:var(--radius-sm);color:#6d6862;background:#fff;border:1px solid #d9d4ce;align-items:center;gap:10px;min-height:46px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.fulfillment-search:focus-within{border-color:var(--fulfillment-orange);box-shadow:0 0 0 3px #c84a0c1f}.fulfillment-search input{color:#171716;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.fulfillment-search input::placeholder{color:#817c75}.fulfillment-map-meta{color:#706b65;justify-content:space-between;gap:16px;margin:10px 2px;font-size:.76rem;font-weight:750;display:flex}.pickup-map-shell{border-radius:var(--radius-sm);background:#f2f0ed;border:1px solid #ded9d3;min-height:390px;position:relative;overflow:hidden}.pickup-map{width:100%;height:390px}.pickup-map__fallback{color:#69635d;text-align:center;background:#f4f1ed;place-content:center;justify-items:center;gap:10px;padding:30px;display:grid;position:absolute;inset:0}.pickup-map__fallback svg{width:30px;height:30px;color:var(--fulfillment-orange)}.fulfillment-selection{border-radius:var(--radius-sm);background:#fff;border:1px solid #ded8d1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 16px;margin-top:12px;padding:14px;animation:.22s ease-out both fulfillment-rise;display:grid}.fulfillment-selection__pin{background:var(--fulfillment-orange-soft);color:var(--fulfillment-orange)}.fulfillment-selection__copy>span{color:var(--fulfillment-orange);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.fulfillment-selection__copy h4{color:#181817;margin:3px 0 0;font-size:1rem}.fulfillment-selection__copy p{color:#625e59;margin:4px 0 0;font-size:.85rem;line-height:1.45}.fulfillment-selection__copy small{color:#716b65;margin-top:5px;font-size:.76rem;display:block}.fulfillment-consent{color:#4f4b47;cursor:pointer;grid-column:2/-1;grid-template-columns:auto 1fr;align-items:start;gap:9px;font-size:.8rem;line-height:1.45;display:grid}.fulfillment-consent input{width:17px;height:17px;accent-color:var(--fulfillment-orange);margin:1px 0 0}.fulfillment-submit{border-radius:var(--radius-sm);background:var(--color-accent-surface);color:#fff;cursor:pointer;min-height:44px;font:inherit;border:0;grid-column:2/-1;justify-self:start;padding:0 19px;font-size:.86rem;font-weight:850;transition:background .18s,box-shadow .18s}.fulfillment-submit:hover:not(:disabled){background:#a93e0b;box-shadow:0 7px 17px #a93e0b38}.fulfillment-submit:disabled{opacity:.48;cursor:not-allowed}.fulfillment-inline-alert,.fulfillment-alert{color:#6f3609;background:#fff9f3;border:0;border-left:3px solid #b45309;border-radius:0;margin:16px;padding:12px 14px;font-size:.86rem}.fulfillment-inline-alert{justify-content:space-between;align-items:center;gap:15px;display:flex}.fulfillment-inline-alert button{color:#7f2b17;cursor:pointer;min-height:38px;font:inherit;background:#fff;border:1px solid #d78a74;border-radius:999px;padding:0 14px;font-size:.8rem;font-weight:800}@keyframes fulfillment-spin{to{transform:rotate(360deg)}}@keyframes fulfillment-rise{0%{opacity:0;transform:translateY(6px)}}@media (max-width:720px){.fulfillment-head{align-items:flex-start}.fulfillment-head>div>p:last-child{max-width:260px}.fulfillment-steps{grid-template-columns:1fr}.fulfillment-steps li{min-height:66px}.fulfillment-steps li+li{border-top:1px solid #ebe7e2;border-left:0}.fulfillment-picker__intro{flex-direction:column;align-items:flex-start;gap:8px}.fulfillment-picker__intro .fulfillment-picker__intro-copy{justify-items:start}.fulfillment-picker__intro p{text-align:left}.pickup-map-shell,.pickup-map{height:330px;min-height:330px}.fulfillment-selection{grid-template-columns:auto minmax(0,1fr)}.fulfillment-consent,.fulfillment-submit{grid-column:1/-1}.fulfillment-submit{justify-self:stretch;width:100%}}@media (max-width:430px){.fulfillment-head{padding:18px}.fulfillment-status{width:44px;height:44px}.fulfillment-picker{padding:16px}.fulfillment-ready{grid-template-columns:auto 1fr;margin:14px}.fulfillment-ready__actions{grid-column:1/-1;justify-items:start;width:100%}.fulfillment-ready__check{display:none}.fulfillment-map-meta{flex-direction:column;align-items:flex-start;gap:3px}}@media (prefers-reduced-motion:reduce){.fulfillment-spinner,.fulfillment-selection{animation:none}.fulfillment-search,.fulfillment-submit{transition:none}}