:root{--brand: #e42027;--brand-hover: #cc1218;--brand-active: #a60e13;--brand-soft: #fef2f2;--brand-soft-2: #fde0e1;--brand-border: #fbbdbf;--text-strong: #14171d;--text-default: #21262f;--text-muted: #6b7385;--text-subtle: #99a1b0;--text-inverse: #ffffff;--text-link: var(--brand-hover);--surface-page: #f6f7f9;--surface-card: #ffffff;--surface-sunken: #eef0f3;--surface-overlay: rgba(20, 23, 29, .55);--surface-inverse: #14171d;--surface-inverse-hover: #21262f;--surface-glass-strong: rgba(255, 255, 255, .95);--border-subtle: #e1e4ea;--border-default: #ccd1da;--border-strong: #99a1b0;--border-selected: #14171d;--divider: #eef0f3;--focus-border: var(--brand);--danger: #dc2626;--danger-soft: #fef1f1;--danger-text: #b91c1c;--danger-border: #f9bcbc;--st-new-fg: #1d4ed8;--st-new-bg: #eef4ff;--st-new-border: #bfd3fe;--st-confirmed-fg: #0b7268;--st-confirmed-bg: #e6f6f4;--st-confirmed-border: #99dcd4;--st-preparing-fg: #b45309;--st-preparing-bg: #fef6e7;--st-preparing-border: #fbd68a;--st-transit-fg: #c2410c;--st-transit-bg: #fff1e8;--st-transit-border: #ffbe90;--st-ready-fg: #6525c9;--st-ready-bg: #f4eefe;--st-ready-border: #d4bcfb;--st-delivered-fg: #15803d;--st-delivered-bg: #e9f8ef;--st-delivered-border: #9fe0b6;--st-offline-fg: #4c5362;--st-offline-bg: #eef0f3;--st-offline-border: #ccd1da;--st-cancelled-fg: var(--danger-text);--st-cancelled-bg: var(--danger-soft);--st-cancelled-border: var(--danger-border);--banner-info-text: #1e3a8a;--banner-warn-text: #7c3a06;--py-tint-1: #9a3412;--py-tint-2: #0f766e;--py-tint-3: #1d4ed8;--py-tint-4: #92400e;--py-tint-5: #6d28d9;--py-tint-6: #be123c;--py-tint-7: #0e7490;--py-tint-8: #3f6212;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-card: 16px;--radius-xl: 20px;--radius-sheet: 24px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(20, 23, 29, .06);--shadow-sm: 0 1px 3px rgba(20, 23, 29, .08), 0 1px 2px rgba(20, 23, 29, .04);--shadow-md: 0 4px 12px rgba(20, 23, 29, .08), 0 2px 4px rgba(20, 23, 29, .04);--shadow-lg: 0 12px 28px rgba(20, 23, 29, .12), 0 4px 8px rgba(20, 23, 29, .06);--shadow-sheet: 0 -8px 32px rgba(20, 23, 29, .16);--shadow-brand: 0 8px 20px rgba(228, 32, 39, .28);--focus-ring: 0 0 0 3px rgba(228, 32, 39, .28);--focus-ring-neutral: 0 0 0 3px rgba(20, 23, 29, .08);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--font-display: "Fredoka", "Mulish", system-ui, sans-serif;--font-sans: "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--gutter-mobile: 16px;--touch-target: 44px;--appbar-h: 56px;--py-cart-bar-height: 84px}@font-face{font-family:Mulish;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/fonts/mulish-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/fredoka-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes py-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes py-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes py-fade-in{0%{opacity:0}to{opacity:1}}@keyframes py-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.py-skeleton{animation:none!important;background:var(--border-subtle)!important}}.py-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-4);border:1.5px solid transparent;border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-strong);font:700 var(--text-md)/1 var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.py-btn:active:not(:disabled,[aria-disabled=true]){transform:scale(.97)}.py-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.py-btn:disabled,.py-btn[aria-disabled=true]{background:var(--border-subtle);border-color:transparent;color:var(--text-muted);cursor:not-allowed}.py-btn--primary{background:var(--brand);color:var(--text-inverse)}.py-btn--primary:hover:not(:disabled,[aria-disabled=true]){background:var(--brand-hover)}.py-btn--primary:active:not(:disabled,[aria-disabled=true]){background:var(--brand-active)}.py-btn--outline{border-color:var(--brand);background:var(--surface-card);color:var(--brand)}.py-btn--ghost{border-color:var(--border-default);background:var(--surface-card);color:var(--text-strong)}.py-btn--link{height:var(--touch-target);padding:0 var(--space-1);background:none;color:var(--brand)}.py-btn--danger{background:var(--danger);color:var(--text-inverse)}.py-btn--sm{height:36px;padding:0 14px;border-radius:var(--radius-pill);font-size:var(--text-sm)}.py-btn--sm:after{content:"";position:absolute;inset:-4px -2px}.py-btn--block{width:100%}.py-spinner{width:18px;height:18px;flex-shrink:0;border:2.5px solid var(--border-subtle);border-top-color:var(--brand);border-radius:50%;animation:py-spin .8s linear infinite}.py-field{display:flex;flex-direction:column;gap:6px}.py-label{font-size:var(--text-sm);font-weight:700;color:var(--text-strong)}.py-input,.py-input-group{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-strong);font:500 var(--text-lg)/1.3 var(--font-sans)}.py-input::placeholder,.py-input-group::placeholder{color:var(--text-subtle)}.py-input:focus,.py-input:focus-within,.py-input-group:focus,.py-input-group:focus-within{outline:none;border-color:var(--brand);box-shadow:var(--focus-ring)}.py-input[aria-invalid=true],.py-input-group[aria-invalid=true]{border:1.5px solid var(--danger)}textarea.py-input{padding:var(--space-3) 14px;resize:vertical}.py-input-group[data-invalid=true]{border:1.5px solid var(--danger)}.py-input-group .py-input__prefix{color:var(--text-muted);font-weight:500}.py-input-group input{flex:1;min-width:0;height:46px;padding:0;border:0;outline:none;background:none;color:inherit;font:inherit}.py-field-error{font-size:12.5px;font-weight:700;line-height:1.35;color:var(--danger-text)}.py-hint{font-size:12.5px;line-height:1.35;color:var(--text-muted)}.py-seg{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--surface-sunken)}.py-seg label{position:relative;flex:1}.py-seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.py-seg span{display:flex;align-items:center;justify-content:center;height:36px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:600;color:var(--text-muted)}.py-seg input:checked+span{background:var(--surface-card);color:var(--brand);font-weight:800;box-shadow:var(--shadow-xs)}.py-seg input:focus-visible+span{box-shadow:var(--focus-ring)}.py-radio{position:relative;display:block}.py-radio input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.py-radio .py-radio__box{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:10px var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);font-size:14.5px;font-weight:700;color:var(--text-strong)}.py-radio .py-radio__dot{width:20px;height:20px;flex-shrink:0;border:2px solid var(--border-default);border-radius:50%;background:var(--surface-card)}.py-radio .py-radio__hint{display:block;font-size:12.5px;font-weight:500;color:var(--text-muted)}.py-radio input:checked+.py-radio__box{border:1.5px solid var(--brand);background:var(--brand-soft)}.py-radio input:checked+.py-radio__box .py-radio__dot{border:6px solid var(--brand)}.py-radio input:focus-visible+.py-radio__box{box-shadow:var(--focus-ring)}.py-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);box-shadow:var(--shadow-sm)}.py-section-title{margin:0;font:800 var(--text-md)/1.2 var(--font-sans);color:var(--text-strong)}.py-sum{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-base);color:var(--text-default)}.py-sum--total{font-size:var(--text-lg);font-weight:800;color:var(--text-strong)}.py-hr{height:1px;flex-shrink:0;background:var(--border-subtle)}.py-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;white-space:nowrap;flex-shrink:0}.py-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.py-pill--open,.py-pill--delivered{color:var(--st-delivered-fg);background:var(--st-delivered-bg);border-color:var(--st-delivered-border)}.py-pill--closed,.py-pill--offline{color:var(--st-offline-fg);background:var(--st-offline-bg);border-color:var(--st-offline-border)}.py-pill--new{color:var(--st-new-fg);background:var(--st-new-bg);border-color:var(--st-new-border)}.py-pill--confirmed{color:var(--st-confirmed-fg);background:var(--st-confirmed-bg);border-color:var(--st-confirmed-border)}.py-pill--preparing{color:var(--st-preparing-fg);background:var(--st-preparing-bg);border-color:var(--st-preparing-border)}.py-pill--transit{color:var(--st-transit-fg);background:var(--st-transit-bg);border-color:var(--st-transit-border)}.py-pill--ready{color:var(--st-ready-fg);background:var(--st-ready-bg);border-color:var(--st-ready-border)}.py-pill--cancelled{color:var(--st-cancelled-fg);background:var(--st-cancelled-bg);border-color:var(--st-cancelled-border)}.py-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-sunken) 0%,var(--border-subtle) 50%,var(--surface-sunken) 100%);background-size:200% 100%;animation:py-shimmer 1.4s linear infinite}.py-screen{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto;background:var(--surface-page)}@media(min-width:768px){.py-screen{max-width:720px}}.py-screen__body{display:flex;flex:1;flex-direction:column;gap:var(--space-3);padding:var(--gutter-mobile)}.py-foot{position:sticky;bottom:0;z-index:5;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--gutter-mobile) var(--space-4);border-top:1px solid var(--border-subtle);background:var(--surface-card)}.py-why{margin:0;text-align:center;font-size:12.5px;line-height:1.35;color:var(--text-muted)}.py-why--error{font-weight:700;color:var(--danger-text)}.py-h1{margin:0;font:600 var(--text-3xl)/1.2 var(--font-display);color:var(--text-strong)}.py-h2{margin:0;font:600 var(--text-xl)/1.25 var(--font-display);color:var(--text-strong)}.py-muted{color:var(--text-muted)}.py-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.py-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--touch-target);height:var(--touch-target);padding:0;border:0;border-radius:var(--radius-md);background:none;color:var(--text-strong);cursor:pointer}.py-icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.py-opt{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:0 var(--gutter-mobile);border:0;border-top:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-strong);font:600 14.5px var(--font-sans);text-align:left;cursor:pointer}.py-opt:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}.py-opt[aria-disabled=true]{opacity:.45;cursor:not-allowed}.py-opt--on .py-opt__n{font-weight:800}.py-opt__n{flex:1;min-width:0}.py-opt__p{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.py-opt__rd{width:20px;height:20px;flex-shrink:0;border:2px solid var(--border-default);border-radius:50%;background:var(--surface-card)}.py-opt--on .py-opt__rd{border:6px solid var(--brand)}.py-opt__ck{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--brand)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{scroll-padding:72px 0 120px}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-default);background:var(--surface-page);-webkit-text-size-adjust:100%}img{max-width:100%}a{color:inherit}.py-container{max-width:480px;margin:0 auto;padding:0 var(--gutter-mobile)}@media(min-width:768px){.py-container{max-width:720px}}
