:root{--ink:#17191c;--ink-muted:#5b6472;--line:#e2e6ec;--surface:#fff;--surface-subtle:#f8fafc;--canvas:#f6f7f9;--muted:#7a8390;--danger:#b42318;--danger-surface:#fef3f2;--success:#067647;--success-surface:#ecfdf3;--radius:12px;--radius-inner:10px;--focus:#1d4ed8;--space-1:6px;--space-2:10px;--space-3:16px;--space-4:20px;--space-5:28px;--space-6:40px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{-webkit-font-smoothing:antialiased;margin:0}*,:before,:after{box-sizing:border-box}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.checkout{max-width:1200px;margin:0 auto;padding:20px 16px 64px}.checkout-header{grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;padding:0;display:grid}.checkout-header .back-link{justify-self:start}.store-identity{justify-self:center;min-width:0}.back-link{color:var(--ink-muted);background:0 0;border:0;min-height:44px;padding:4px 0;font-size:.9375rem;font-weight:500}.back-link span{margin-right:4px;font-size:1.125rem}.store-identity{justify-content:flex-end;align-items:center;min-height:32px;display:flex}.store-logo{object-fit:contain;width:auto;max-width:min(220px,60vw);height:52px;display:block}@media (max-width:699px){.store-logo{height:40px}}.store-name{color:var(--brand-primary,var(--ink));letter-spacing:-.01em;margin:0;font-size:.9375rem;font-weight:700}.checkout-intro h1{letter-spacing:-.055em;margin:0 0 22px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.checkout-home{text-align:center;max-width:620px;margin:15vh auto 0}.eyebrow{color:var(--ink-muted);letter-spacing:.12em;margin:0 0 14px;font-size:.75rem;font-weight:750}.home-copy{color:var(--ink-muted);margin:0;line-height:1.5}.checkout-progress{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);max-width:620px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.checkout-progress li{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;min-height:54px;padding:8px 6px;font-size:.75rem;font-weight:700;display:flex}.checkout-progress li+li{border-left:1px solid var(--line)}.checkout-progress span{background:#eef0f3;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.6875rem;display:inline-flex}.checkout-progress .is-current{color:var(--ink)}.checkout-progress .is-current span{background:var(--brand-primary,var(--ink));color:#fff}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.checkout-grid{flex-direction:column;gap:16px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);padding:22px var(--space-4);border-radius:16px}.panel h2{letter-spacing:-.01em;margin:0 0 16px;font-size:1.25rem}.line-items{gap:var(--space-3);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.line-items li{align-items:center;gap:4px var(--space-3);grid-template-columns:68px minmax(0,1fr) auto;display:grid}.product-image,.product-image-placeholder{background:var(--surface-subtle);border:1px solid var(--line);object-fit:contain;border-radius:10px;grid-area:1/1;width:64px;height:64px}.product-image-placeholder{color:var(--muted);text-align:center;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.line-copy{grid-column:2;gap:4px;min-width:0;display:grid}.line-title{font-weight:650;line-height:1.35}.line-quantity{color:var(--ink-muted);font-size:.875rem}.line-amount{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;grid-area:1/3}.totals{border-top:1px solid var(--line);gap:var(--space-2);margin:0;padding-top:18px;display:grid}.totals div{justify-content:space-between;display:flex}.totals dt{color:var(--ink-muted)}.totals dd{font-variant-numeric:tabular-nums;margin:0}.totals .total{border-top:1px solid var(--line);margin-top:2px;padding-top:14px;font-size:1.125rem;font-weight:700}.totals .total dt{color:var(--ink)}.form fieldset:first-of-type{border-top:0;margin-top:0;padding-top:0}.form fieldset:first-of-type legend{border-top:0;padding-top:0}.form .field>label{letter-spacing:.025em;text-transform:uppercase;margin:0 0 7px;font-size:.75rem;font-weight:750;display:block}.form .field>label small{color:var(--muted);font-size:inherit;font-weight:600}.form input[type=text],.form input[type=tel],.form input[type=email],.form input:not([type]),.form select{background:var(--surface);border:1px solid var(--line);color:inherit;font:inherit;border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:1rem}.form select:disabled{background:var(--surface-subtle);color:var(--muted);cursor:not-allowed}.form input[aria-invalid=true],.form select[aria-invalid=true],.form textarea[aria-invalid=true]{border-color:var(--danger)}label.choice{border:1px solid var(--line);border-radius:var(--radius-inner);cursor:pointer;min-height:68px;padding:var(--space-2) 14px;align-items:center;gap:12px;margin:0;display:flex}label.choice:has(input:checked){background:color-mix(in srgb, var(--brand-accent,var(--focus)) 6%, var(--surface));border-color:var(--brand-accent,var(--focus));box-shadow:inset 0 0 0 1px var(--brand-accent,var(--focus))}label.choice input{accent-color:var(--brand-accent,var(--focus));width:20px;height:20px;margin:0}label.choice span{gap:2px;line-height:1.35;display:grid}label.choice .choice-copy{flex:1;min-width:0}.choice-price,.choice-arrow{text-align:right;white-space:nowrap;margin-left:auto;font-size:.875rem}.choice-arrow{color:var(--brand-accent,var(--focus));font-size:1.25rem}label.choice strong{font-size:.9375rem}label.choice em{color:var(--ink-muted);font-size:.875rem;font-style:normal}label.choice .payment-logo{flex:none;width:30px;height:30px}.delivery-options h3{margin:0 0 8px;font-size:1.125rem}button{border-radius:var(--radius-inner);cursor:pointer;font:inherit;min-height:48px;padding:12px 16px;font-weight:600}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:var(--brand-button,var(--brand-primary,var(--ink)));color:#fff;box-shadow:0 12px 24px color-mix(in srgb, var(--brand-button,var(--brand-primary,var(--ink))) 22%, transparent);border:0;width:100%;font-size:1rem}.secondary{background:var(--surface);border:1px solid var(--line);color:inherit;width:100%;margin-top:14px}.status{color:var(--ink-muted);margin:10px 0 0;font-size:.9375rem}.notice{border-radius:var(--radius-inner);margin:10px 0 0;padding:12px;font-size:.9375rem;line-height:1.4}.notice-error{background:var(--danger-surface);color:var(--danger)}.notice-success{background:var(--success-surface);color:var(--success)}.field-error{color:var(--danger);margin:6px 0 0;font-size:.875rem}@media (min-width:900px){.checkout{padding:32px 24px 64px}.checkout-header{min-height:48px}.checkout-intro{margin-top:10px}.checkout-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-items:start;gap:24px;display:grid}.panel{padding:28px}.form{grid-area:1/1}.summary{grid-area:1/2;position:sticky;top:24px}.primary{width:auto;min-width:240px}.secondary{width:auto}.field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.checkout{max-width:1220px;padding:18px 16px 56px}.checkout-intro{margin:14px 0 24px}.checkout-intro h1{letter-spacing:-.045em;margin-bottom:20px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.checkout-grid{gap:18px}.panel h2{margin:0}.summary-heading-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.summary-edit{color:var(--ink-muted);min-height:44px;padding:4px 0 4px var(--space-3);text-underline-offset:2px;background:0 0;border:0;font-size:.875rem;text-decoration:underline}.product-media{grid-area:1/1;width:68px;height:68px;display:block;position:relative}.product-image,.product-image-placeholder{width:68px;height:68px}.product-quantity{background:var(--brand-primary,var(--ink));border:2px solid var(--surface);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 5px;font-size:.6875rem;font-weight:750;display:flex;position:absolute;top:-8px;right:-8px}.form fieldset{margin:var(--space-5) 0 0;border:0;padding:0}.form legend{border-top:1px solid var(--line);margin:0 0 var(--space-3);padding-top:var(--space-5);width:100%;font-size:1.25rem;font-weight:700;line-height:1.25}.field-grid{gap:var(--space-3);margin-top:0;display:grid}.field{margin-top:var(--space-3)}.form fieldset>.field-grid:first-of-type>.field,.form fieldset>.field:first-of-type{margin-top:0}.form textarea{background:var(--surface);border:1px solid var(--line);color:inherit;font:inherit;resize:vertical;border-radius:10px;width:100%;min-height:96px;padding:12px;font-size:1rem;line-height:1.5}.form :is(input,textarea)::placeholder{color:#7b8088;opacity:1}label.choice{min-height:76px;margin:0;padding:14px 16px}.address{margin-top:0}.section-help{color:var(--ink-muted);margin:0;font-size:.875rem;line-height:1.45}.choices{gap:var(--space-2);margin-top:0;display:grid}.section-help+.choices{margin-top:var(--space-3)}.submit-area{border-top:1px solid var(--line);gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-5);display:grid}@media (min-width:700px){.field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.checkout{padding:28px 24px 72px}.checkout-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,.9fr);gap:24px}.panel{padding:28px}.primary{width:100%;min-width:0}}@media (min-width:900px) and (max-width:959px){.checkout-grid{display:flex}.summary{position:static}}@media (max-width:699px){.checkout-intro h1{letter-spacing:-.04em;font-size:1.75rem}.store-logo{max-width:132px}.checkout-progress li{gap:5px;font-size:.6875rem}.panel{padding:20px 16px}.line-items li{grid-template-columns:52px minmax(0,1fr) auto;gap:4px 10px}.product-media,.product-image,.product-image-placeholder{width:52px;height:52px}.line-amount{text-align:right;grid-area:1/3;font-size:.875rem}.line-title{font-size:.9375rem}label.choice{padding:13px 12px}}.payment-panel{gap:var(--space-4);max-width:560px;margin:0 auto;display:grid}.payment-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:center;margin:0;font-size:2rem;font-weight:700}.payment-status{border-left:3px solid var(--ink-muted);gap:4px;margin:0;padding:4px 0 4px 14px;display:grid}.payment-title{font-size:1.0625rem;font-weight:700}.payment-detail{color:var(--ink-muted);line-height:1.45}.payment-confirmed{border-left-color:var(--success)}.payment-review,.payment-failed,.payment-cancelled{border-left-color:var(--danger)}.qr{justify-items:center;gap:10px;margin:0;display:grid}.qr-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:min(260px,68vw);padding:12px}.qr-frame svg{width:100%;height:auto;display:block}.qr figcaption{color:var(--ink-muted);text-align:center;font-size:.875rem}.bank-links{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.bank-link{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-inner);color:inherit;min-height:124px;padding:var(--space-3) var(--space-2) 14px;place-items:center;gap:8px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.bank-link:hover{border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 6px 18px #0f172a14}.bank-link:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary) 24%, transparent);outline-offset:2px}.bank-logo-frame{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}.bank-logo{object-fit:contain;background:#fff;width:100%;height:100%;padding:5px;display:block;position:absolute;inset:0}.bank-logo-fallback{background:var(--surface-subtle);color:var(--ink-muted);text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}.bank-copy{text-align:center;justify-items:center;gap:3px;min-width:0;display:grid}.bank-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.verify{gap:8px;display:grid}.order-progress{border-top:1px solid var(--line);padding-top:20px}.order-progress h2{margin:0 0 6px;font-size:1rem}.order-reference{margin:10px 0 0;font-size:1.0625rem}@media (min-width:900px){.qr-frame{width:260px}}.section-heading{margin:0 0 12px;font-size:1rem;font-weight:700}.accounts{gap:12px;margin:0;padding:0;list-style:none;display:grid}.account{border:1px solid var(--line);border-radius:var(--radius-inner);gap:6px;padding:14px;display:grid}.account-bank{font-weight:700}.account-holder{color:var(--ink-muted);font-size:.9375rem}.account-number-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.account-number{font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.125rem}.copy{background:var(--surface);border:1px solid var(--line);color:inherit;min-height:40px;padding:8px 14px;font-size:.875rem}.account-instruction{border-top:1px solid var(--line);color:var(--ink-muted);margin-top:6px;padding-top:10px;font-size:.9375rem;line-height:1.45}.payment-confirmed,.payment-collected{border-left-color:var(--success)}.payment-awaiting-transfer,.payment-awaiting-delivery{border-left-color:var(--brand-accent,var(--focus))}.payment-unknown{border-left-color:var(--danger)}.connection{gap:10px;display:grid}.connection:empty{display:none}.payment-status,.notice,.field-error,.status{color:var(--ink)}.payment-detail,.status{color:var(--ink-muted)}.notice-error{color:var(--danger)}.notice-success{color:var(--success)}.confirmation-page{max-width:640px}.confirmation{background:var(--surface);border:1px solid var(--line);gap:var(--space-5);padding:var(--space-6) var(--space-4);border-radius:16px;display:grid}.confirmation-hero{gap:var(--space-3);text-align:center;justify-items:center;display:grid}.confirmation-mark{background:var(--success-surface);color:var(--success);border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.confirmation-mark svg{width:32px;height:32px}.confirmation-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.625rem,4vw,2.125rem);line-height:1.15}.confirmation-lede{color:var(--ink-muted);max-width:42ch;margin:0;line-height:1.5}.confirmation-reference{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-inner);margin:var(--space-1) 0 0;padding:var(--space-2) var(--space-4);text-align:center;gap:2px;display:grid}.confirmation-reference span{color:var(--ink-muted);font-size:.8125rem}.confirmation-reference strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1.25rem}.confirmation-block{border-top:1px solid var(--line);padding-top:var(--space-5)}.confirmation-block h2{margin:0 0 var(--space-3);font-size:1rem;font-weight:700}.confirmation-block .line-items,.confirmation-block .totals{margin:0}.confirmation-facts{gap:var(--space-2);margin:0;display:grid}.confirmation-facts>div{gap:2px;display:grid}.confirmation-facts dt{color:var(--ink-muted);font-size:.8125rem}.confirmation-facts dd{overflow-wrap:anywhere;margin:0;line-height:1.45}.transfer-acknowledge{gap:var(--space-2);display:grid}.transfer-acknowledge-helper{color:var(--ink-muted);text-align:center;margin:0;font-size:.8125rem;line-height:1.45}.copy-toast{background:var(--ink);bottom:max(24px, env(safe-area-inset-bottom));color:#fff;pointer-events:none;white-space:nowrap;z-index:20;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:.875rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.totals .discount dd{color:var(--success);white-space:nowrap}.confirmation-transfer{gap:var(--space-4);display:grid}.confirmation-note{color:var(--ink-muted);margin:var(--space-3) 0 0;font-size:.875rem;line-height:1.5}.confirmation-brand{text-align:center;margin:0}@media (min-width:700px){.confirmation{padding:var(--space-6) var(--space-6)}.confirmation-facts>div{align-items:baseline;gap:var(--space-4);grid-template-columns:minmax(0,12rem) minmax(0,1fr)}}.delivery-subheading{color:var(--ink-muted);letter-spacing:.02em;margin:var(--space-4) 0 var(--space-2);text-transform:uppercase;font-size:.8125rem;font-weight:600}.delivery-status{margin:var(--space-3) 0 0}.form input[aria-invalid=true],.form select[aria-invalid=true],.form textarea[aria-invalid=true]{background:var(--danger-surface)}.field-error{overflow-wrap:anywhere}.store-identity-mark{border-radius:var(--radius-inner);color:inherit;align-items:center;text-decoration:none;display:inline-flex}a.store-identity-mark:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-primary,var(--focus)) 30%, transparent);outline-offset:4px}.choice-price--pending{color:var(--ink-muted);text-align:right;white-space:normal;max-width:11rem;font-size:.75rem;font-weight:500}.loading-state{justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-state-panel{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.loading-mark{border:3px solid var(--line);border-top-color:var(--brand-primary,var(--ink));border-radius:50%;width:36px;height:36px;animation:.9s linear infinite loading-turn}.loading-label{color:var(--ink-muted);margin:0;font-size:1rem}@keyframes loading-turn{to{transform:rotate(360deg)}}.payment-actions{margin-top:var(--space-4)}.payment-action-row{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.payment-action-row .primary,.payment-action-row .secondary{width:100%;margin-top:0}.check-feedback{margin-top:var(--space-2);text-align:center}.payment .store-logo{max-width:min(260px,70vw);height:64px}@media (max-width:699px){.payment .store-logo{max-width:min(180px,62vw);height:48px}}@media (min-width:700px){.fulfillment-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.fulfillment-detail{border-left:2px solid var(--line);margin-top:var(--space-3);padding-left:var(--space-3)}.fulfillment-detail .delivery-subheading{margin-top:0}.fulfillment-detail-heading{color:var(--ink);margin:0 0 var(--space-2);font-size:.9375rem;font-weight:600}label.choice.choice--branch{min-height:0;padding:var(--space-2) 12px;align-items:flex-start}label.choice.choice--branch input{margin-top:1px}label.choice.choice--branch:has(input:checked){box-shadow:none}.shipping-skeleton .skeleton-row{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-inner);min-height:56px;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}@keyframes skeleton-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.shipping-skeleton .skeleton-row{animation:none}}
