:root{color-scheme:light;--brand-primary: #2563eb;--brand-on-primary: #ffffff;--brand-soft: color-mix(in srgb, var(--brand-primary) 10%, #ffffff);--brand-subtle: color-mix(in srgb, var(--brand-primary) 5%, #ffffff);--brand-border: color-mix(in srgb, var(--brand-primary) 24%, #d7dde7);--brand-strong: color-mix(in srgb, var(--brand-primary) 82%, #111827);--ops-queued: #b45309;--ops-queued-soft: #fff7ed;--ops-preparing: #1d4ed8;--ops-preparing-soft: #eff6ff;--ops-ready: #047857;--ops-ready-soft: #ecfdf5;--ops-delivery: #7c3aed;--ops-delivery-soft: #f5f3ff;--ops-danger: #b91c1c;--ops-danger-soft: #fef2f2;--ops-warning: #a16207;--ops-warning-soft: #fefce8;--ops-neutral: #475569;--surface-canvas: #f4f6f8;--surface-panel: #ffffff;--surface-raised: #ffffff;--surface-muted: #f8fafc;--border-subtle: #dfe4eb;--text-strong: #172033;--text-body: #334155;--text-muted: #64748b;--shadow-panel: 0 12px 30px rgba(15, 23, 42, .08);--radius-panel: 14px;--radius-control: 9px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0;background:var(--surface-canvas);color:var(--text-strong)}.headers-wrapper{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;z-index:1500;background:transparent}#app-container.test-store .headers-wrapper{top:34px}#app-container{max-width:500px;margin:0 auto;background:#f8fafc;min-height:100vh;box-shadow:0 24px 60px #0f172a29;display:flex;flex-direction:column;position:relative}#app-container.wide-demo{max-width:none;width:100%;min-height:100vh;background:#eef2f7;box-shadow:none}#app-container.wide-admin{max-width:none;width:100%;background:var(--surface-canvas);box-shadow:none}#app-container.wide-admin .headers-wrapper{max-width:none}#app-container.wide-admin .main-content{width:100%;max-width:1680px;margin:0 auto;box-sizing:border-box}.main-content{flex:1;padding:5.9rem 1rem 1rem}#app-container.wide-demo .main-content{padding:0}#app-container.has-auth .main-content{padding-top:140px;transition:padding-top .3s ease}#app-container.wide-demo.has-auth .main-content{padding-top:0}@media(min-width:769px){#app-container.has-auth .main-content{padding-top:140px}#app-container.wide-demo.has-auth .main-content{padding-top:0}#app-container.wide-admin.has-auth .main-content{padding:142px clamp(1rem,2.2vw,2.25rem) 2.25rem}#app-container.wide-admin .app-header{min-height:76px;padding:.85rem clamp(1.25rem,3vw,3rem);border-radius:0;box-shadow:none}#app-container.wide-admin .app-logo{width:42px;height:42px}#app-container.wide-admin .app-title{max-width:34rem;font-size:1.08rem}}@media(max-width:768px){#app-container{max-width:100%;box-shadow:none}.headers-wrapper{left:0;transform:none;max-width:100%}.main-content{padding:5.75rem .9rem .9rem}#app-container.has-auth .main-content{padding-top:140px}#app-container.wide-demo.has-auth .main-content{padding-top:0}}.app-loading{position:fixed;top:0;left:0;right:0;background-color:#ffc107;color:#333;text-align:center;padding:10px;z-index:9999;font-weight:600;box-shadow:0 2px 10px #0000001a}.app-error{position:fixed;top:0;left:0;right:0;background-color:#dc3545;color:#fff;text-align:center;padding:10px;z-index:9999;font-weight:600;box-shadow:0 2px 10px #0003}@media(max-width:480px){.main-content{padding:5.55rem .75rem .75rem}#app-container.has-auth .main-content{padding-top:140px}#app-container.wide-demo.has-auth .main-content{padding-top:0}}.selected-options,.item-options{display:block;margin-top:.2rem;color:#667085;font-size:.78rem;font-weight:600}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1rem 1.15rem;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-strong) 100%);color:#fff;position:relative;width:100%;z-index:1000;box-sizing:border-box;border-bottom-left-radius:22px;border-bottom-right-radius:22px;box-shadow:0 14px 34px color-mix(in srgb,var(--brand-primary) 28%,transparent)}.app-branding{display:flex;align-items:center;gap:.65rem;min-width:0}.app-logo{height:36px;width:36px;object-fit:contain;border-radius:10px;background:#fff;padding:4px;box-shadow:0 8px 18px #0f172a2e}.app-title{display:block;color:#fff;font-size:1rem;font-weight:900;line-height:1.1;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-icon{font-size:1.05rem;text-decoration:none;color:#fff;position:relative}.cart-icon-container{position:relative;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff24;text-decoration:none;border:1px solid rgba(255,255,255,.2)}.cart-count{position:absolute;top:-7px;right:-7px;background:#22c55e;color:#fff;border-radius:999px;font-size:.72rem;font-weight:900;min-width:20px;height:20px;padding:0 .28rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--brand-primary)}.cart-icon-container.animate .cart-icon{animation:cart-shake .5s ease-in-out}@keyframes cart-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px) rotate(-3deg)}50%{transform:translate(3px) rotate(3deg)}75%{transform:translate(-2px) rotate(-2deg)}}.app-branding-link{text-decoration:none;color:inherit}.header-actions{display:flex;align-items:center;gap:1rem}.check-order-link{display:flex;align-items:center;gap:.35rem;text-decoration:none;color:#fff;font-size:.88rem;font-weight:800;transition:background .2s,transform .2s;padding:.65rem .8rem;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.2)}.check-order-link:hover{color:#fff;background:#ffffff38;transform:translateY(-1px)}.check-order-icon{font-size:.98rem}.check-order-text{display:inline-block}@media(max-width:480px){.check-order-text{display:none}}@media(max-width:768px){.app-header{padding:.95rem .9rem 1.1rem}}@media(max-width:480px){.app-header{padding:.85rem .8rem 1rem}.app-logo{height:32px;width:32px}.app-title{max-width:150px;font-size:.92rem}.cart-icon{font-size:1rem}}.app-footer{background-color:#f8f9fa;border-top:1px solid #e5e7eb;padding:1rem 2rem;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-branding p{margin:0;color:#6b7280;font-size:.875rem}.footer-auth{display:flex;align-items:center;gap:1.5rem}.auth-link{color:#6b7280;text-decoration:none;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .2s;border:1px solid transparent}.auth-link:hover{color:#374151;background-color:#f3f4f6;border-color:#d1d5db}.staff-link:hover{color:#047857;background-color:#ecfdf5;border-color:#10b981}.admin-link:hover{color:#5b21b6;background-color:#faf5ff;border-color:#8b5cf6}.auth-status{display:flex;align-items:center;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:6px}.staff-status{background-color:#ecfdf5;color:#047857;border:1px solid #10b981}.admin-status{background-color:#faf5ff;color:#5b21b6;border:1px solid #8b5cf6}@media(max-width:640px){.footer-content{flex-direction:column;gap:1rem;align-items:center;text-align:center}.footer-auth{gap:1rem}.auth-link,.auth-status{font-size:.8rem;padding:.4rem .8rem}}@media(max-width:480px){.footer-auth{flex-direction:column;gap:.5rem}}.secondary-navbar{position:relative;width:100%;z-index:2000;box-sizing:border-box}.secondary-nav-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;height:44px;position:relative;z-index:2001;background:#f8f7fc;box-sizing:border-box}.secondary-navbar.admin-theme .secondary-nav-header{background:var(--brand-subtle);border-bottom:1px solid #e5e7eb}.secondary-navbar.staff-theme .secondary-nav-header{background:#f0fdf4;border-bottom:1px solid #e5e7eb}.hamburger-button{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center}.hamburger-icon{width:20px;height:16px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;width:100%;height:2px;background:var(--brand-primary);border-radius:2px;transition:all .3s ease;transform-origin:center}.secondary-navbar.staff-theme .hamburger-icon span{background:#059669}.hamburger-icon.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-title{color:var(--brand-strong);font-size:.9rem;font-weight:600;letter-spacing:.025em}.secondary-navbar.staff-theme .nav-title{color:#059669}.logout-button-compact{background:transparent;color:#dc2626;border:1px solid #fee2e2;padding:5px 14px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.logout-button-compact:hover{background:#fee2e2;border-color:#fecaca}.nav-dropdown{background:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease-out;box-shadow:0 2px 4px #0000000d;border-bottom:1px solid #e5e7eb}.nav-dropdown.open{max-height:400px;transition:max-height .3s ease-in}.nav-menu-items{padding:8px 0}.nav-menu-item{display:flex;align-items:center;gap:.5rem;padding:10px 20px;color:#374151;text-decoration:none;font-size:.9rem;font-weight:500;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .15s;border-left:3px solid transparent}.nav-menu-item:hover{background:#f9fafb}.nav-menu-item.active{background:var(--brand-soft);border-left-color:var(--brand-primary);color:var(--brand-strong);font-weight:600}.nav-item-mark{width:1.35rem;height:1.35rem;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid currentColor;border-radius:.38rem;font-size:.66rem;font-weight:900}@media(min-width:900px){.secondary-navbar{min-height:52px;display:flex;align-items:stretch;background:#fff;border-bottom:1px solid var(--border-subtle);box-shadow:0 6px 18px #0f172a14}.secondary-nav-header{order:2;height:auto;min-width:12rem;flex:0 0 auto;padding:.55rem 1rem;gap:.8rem;border:0!important}.hamburger-button{display:none}.nav-dropdown,.nav-dropdown.open{order:1;flex:1;max-height:none;overflow:visible;border:0;box-shadow:none}.nav-menu-items{min-height:52px;display:flex;align-items:center;gap:.1rem;padding:.35rem clamp(.65rem,1.4vw,1.5rem)}.nav-menu-item{width:auto;min-height:38px;padding:.5rem .6rem;border:0;border-radius:.55rem;white-space:nowrap}.nav-menu-item.active{box-shadow:inset 0 -3px 0 var(--brand-primary)}.logout-button-compact{padding-inline:.8rem}}@media(min-width:900px)and (max-width:1350px){.nav-item-mark{display:none}.nav-menu-item{font-size:.83rem}}.secondary-navbar.staff-theme .nav-menu-item.active{border-left-color:#059669;color:#059669}.code-notification{position:fixed;top:60px;right:20px;z-index:10000;background:#10b981;color:#fff;padding:20px 25px;border-radius:12px;box-shadow:0 6px 20px #0000004d;animation:slideIn .3s ease-out;max-width:350px;border:2px solid rgba(255,255,255,.2)}.code-notification-content{text-align:center}.generated-code{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;background:#fff3;padding:4px 8px;border-radius:4px;display:inline-block;margin:5px 0}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.secondary-navbar{width:100%}.secondary-nav-header{padding:8px 15px}.nav-menu-item{padding:10px 15px}.code-notification{right:10px;left:10px;top:50px}}.admin-tools,.nav-section,.nav-links,.nav-link,.nav-button,.user-badge,.logout-button,.nav-user,.nav-actions,.hamburger-menu,.staff-codes-dropdown,.codes-list,.code-item,.code-text,.code-status,.code-expires,.revoke-btn,.nav-left,.nav-center,.nav-right,.nav-item,.nav-logout,.nav-role-indicator,.secondary-nav-bar{display:none!important}.test-store-banner{width:100%;min-height:34px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.55rem;flex:0 0 auto;padding:6px 16px;position:sticky;top:0;z-index:2500;border-bottom:2px solid #f59e0b;color:#78350f;background:#fef3c7;text-align:center;font-size:13px;font-weight:650;line-height:1.25}.test-store-banner strong{font-weight:900;letter-spacing:.025em}.test-store-banner span:before{content:"·";margin-right:.55rem;font-weight:900}@media(max-width:620px){.test-store-banner{min-height:42px;padding:5px 10px;flex-wrap:wrap;gap:0 .35rem;font-size:11px}.test-store-banner strong{width:100%}#app-container.test-store .headers-wrapper{top:42px}}.menu-page-container{padding:.75rem .85rem 5.4rem}.testing-phase-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 8px 24px #0f172a14}.banner-icon{font-size:1.8rem;flex-shrink:0}.banner-content h3{margin:0 0 .25rem;color:#9a3412;font-size:1rem;font-weight:800}.banner-content p{margin:0;color:#7c2d12;font-size:.9rem;line-height:1.35}.pickup-info-banner{background:linear-gradient(135deg,#eff6ff,#eefdf8);border:1px solid rgba(37,99,235,.22);border-radius:16px;padding:.78rem .9rem;margin:.1rem 0 .8rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 10px 26px #2563eb14}.pickup-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;font-size:1.1rem;flex-shrink:0;box-shadow:0 6px 16px #0f172a1a}.pickup-content{color:#0f3f68;font-size:.9rem;line-height:1.35}.pickup-content strong{color:#0f172a;font-weight:800}.welcome-section{margin:0 0 1.2rem;text-align:left}.welcome-kicker{margin:0 0 .35rem;color:#2563eb;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.welcome-message{font-size:1.16rem;color:#111827;margin:0;line-height:1.25;font-weight:800}.section-divider{border:0;height:1px;background:linear-gradient(90deg,#2563eb59,#0f172a0f);margin:.95rem 0 0}.category-section{margin-bottom:1.45rem}.category-title{display:flex;align-items:center;gap:.48rem;font-size:1.22rem;font-weight:900;color:#111827;margin:0 0 .68rem;padding-bottom:.48rem;border-bottom:1px solid rgba(148,163,184,.35)}.category-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;font-size:1rem}.no-products-message,.loading-message,.error-message{text-align:center;color:#64748b;margin-top:3rem;font-weight:700}.error-message{color:#b91c1c}.products-list{display:grid;grid-template-columns:1fr;gap:.62rem;max-width:600px;margin:0 auto}.product-item{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:.72rem;padding:.62rem;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:#ffffffeb;box-shadow:0 10px 28px #0f172a14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-item:hover{transform:translateY(-1px);border-color:#2563eb47;box-shadow:0 14px 34px #0f172a1f}.product-image-container{position:relative;width:72px;height:72px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fafc,#fff);border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.quantity-indicator{position:absolute;top:-7px;left:-7px;background:#ef4444;color:#fff;border-radius:999px;min-width:26px;height:26px;padding:0 .4rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:900;box-shadow:0 8px 16px #ef444447;z-index:10;border:2px solid white}.product-image{width:100%;height:100%;object-fit:cover;opacity:1;transition:transform .18s ease,opacity .18s ease}.product-item:hover .product-image{transform:scale(1.04)}.product-image[src*=placeholder]{object-fit:contain;padding:.8rem;opacity:.6}.product-info{min-width:0}.product-name{font-size:.95rem;font-weight:900;margin:0 0 .22rem;color:#111827;line-height:1.18}.product-price{display:inline-flex;align-items:center;margin:0;color:#0f172a;font-size:.96rem;font-weight:900}.stock-level{margin:.22rem 0 0;color:#15803d;font-size:.72rem;font-weight:800}.stock-level.low-stock{color:#c2410c}.stock-level.out-of-stock{color:#dc2626}.add-to-cart-button{width:36px;min-width:36px;height:36px;border:none;border-radius:999px;background:#dbeafe;color:#2563eb;font-size:1.45rem;line-height:1;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;box-shadow:none}.add-to-cart-button:hover:not(.disabled){background:#2563eb;color:#fff;transform:translateY(-1px);box-shadow:0 10px 20px #2563eb47}.add-to-cart-button.disabled,.add-to-cart-button:disabled{background:#94a3b8;cursor:not-allowed;opacity:.7;box-shadow:none}.add-to-cart-button.bounce{animation:bounce-animation .5s ease-in-out}.menu-cart-footer{position:sticky;bottom:.7rem;z-index:120;margin:1rem auto 0;max-width:600px;padding:0}.menu-cart-button{width:100%;min-height:50px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.78rem 1rem;border-radius:14px;background:#2563eb;color:#fff;text-decoration:none;font-size:.9rem;font-weight:900;box-shadow:0 18px 36px #2563eb57;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.menu-cart-button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 22px 42px #2563eb61}.menu-cart-button.disabled{background:#dbe4f0;color:#64748b;cursor:not-allowed;box-shadow:0 10px 24px #0f172a1a}.menu-cart-button span:last-child{text-align:right}@keyframes bounce-animation{0%,to{transform:scale(1)}25%{transform:scale(.94)}50%{transform:scale(1.08)}75%{transform:scale(.98)}}@media(max-width:768px){.menu-page-container{padding:.7rem .75rem 5.4rem}}@media(max-width:480px){.menu-page-container{padding:.62rem .62rem 5.2rem}.welcome-message{font-size:1.04rem}.category-title{font-size:1.12rem}.product-item{grid-template-columns:62px minmax(0,1fr) auto;gap:.58rem;padding:.55rem;border-radius:14px}.product-image-container{width:62px;height:62px;border-radius:12px}.product-name{font-size:.94rem}.product-price{font-size:.95rem}.stock-level{font-size:.72rem}.add-to-cart-button{width:34px;min-width:34px;height:34px;font-size:1.3rem}.menu-cart-footer{bottom:.75rem}.menu-cart-button{min-height:48px;padding:.72rem .9rem;border-radius:14px;font-size:.9rem}}.waiting-room-banner{margin:0 0 1rem;padding:.85rem .95rem;display:flex;align-items:flex-start;gap:.8rem;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;box-shadow:0 10px 24px #0f172a14}.waiting-room-icon{width:34px;height:34px;flex-shrink:0;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 6px 14px #0f172a14}.waiting-room-content{min-width:0}.waiting-room-title{margin:0 0 .2rem;color:#9a3412;font-size:.98rem;font-weight:900;line-height:1.2}.waiting-room-message{margin:0;color:#7c2d12;font-size:.86rem;line-height:1.35;font-weight:650}@media(max-width:480px){.waiting-room-banner{padding:.78rem;border-radius:14px}.waiting-room-icon{width:30px;height:30px}}.product-options-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;align-items:end;background:#191f2b94;padding:1rem}.product-options-modal{position:relative;width:min(100%,34rem);max-height:90vh;overflow-y:auto;margin:0 auto;padding:1.5rem;border-radius:1.5rem 1.5rem 1rem 1rem;background:#fff;color:#263247;box-shadow:0 24px 80px #0d182d59}.product-options-close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border:0;border-radius:999px;background:#eef1f7;color:#263247;font-size:1.6rem}.product-options-kicker{margin:0 0 .25rem;color:#6b55a4;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-options-modal h2{margin:0;font-size:1.7rem}.product-options-base{margin:.35rem 0 1.25rem;color:#667085}.product-options-groups{display:grid;gap:1rem}.product-option-group{margin:0;padding:1rem;border:1px solid #dfe4ec;border-radius:1rem}.product-option-group legend{display:flex;align-items:baseline;gap:.65rem;padding:0 .25rem;font-weight:800}.product-option-group legend small{color:#687386;font-size:.75rem;font-weight:600}.product-option-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;min-height:3rem;padding:.55rem .2rem;border-bottom:1px solid #edf0f5;cursor:pointer}.product-option-choice:last-child{border-bottom:0}.product-option-choice input{width:1.25rem;height:1.25rem;accent-color:#6b55a4}.product-option-choice strong{color:#566176;font-size:.82rem}.product-option-choice.unavailable{color:#8a94a6;cursor:not-allowed}.product-options-error{color:#a51d2d;font-weight:700}.product-options-add{display:flex;justify-content:space-between;width:100%;margin-top:1.25rem;padding:1rem 1.15rem;border:0;border-radius:.9rem;background:#6b55a4;color:#fff;font-size:1rem;font-weight:800}@media(min-width:700px){.product-options-backdrop{align-items:center}.product-options-modal{border-radius:1.5rem}}.cart-page-container{padding:5px 15px 15px;max-width:600px;margin:0 auto}.empty-cart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);text-align:center}.empty-cart-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.empty-cart-message{font-size:16px;color:#666;margin-bottom:20px}.browse-menu-button{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .2s ease}.browse-menu-button:hover{background-color:#0056b3}.cart-title{font-size:20px;font-weight:600;margin-bottom:10px;margin-top:5px;color:#333}.cart-title-divider{border:none;border-top:1px solid #e0e0e0;margin:0 0 10px}.cart-items-list{margin-bottom:12px}.fulfillment-choice{margin:16px -5px;padding:16px;border:1px solid #d8dee9;border-radius:14px;background:#fff}.fulfillment-choice h3{margin:0 0 12px;color:#1f2937}.fulfillment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fulfillment-options button{padding:13px;text-align:left;border:2px solid #d8dee9;border-radius:10px;background:#fff;color:#253047;cursor:pointer}.fulfillment-options button.selected{border-color:var(--tenant-primary, #2563eb);background:#eff6ff}.fulfillment-options button:disabled{cursor:not-allowed;opacity:.58}.fulfillment-options strong,.fulfillment-options span{display:block}.fulfillment-options span{margin-top:5px;font-size:.78rem;line-height:1.3;color:#667085}.delivery-location-form>p{color:#475467;font-size:.9rem}.customer-delivery-map{position:relative;overflow:hidden;border:2px solid #cbd5e1;border-radius:12px;cursor:crosshair;line-height:0;background:#eef2f7}.customer-delivery-map img{display:block;width:100%;height:auto}.customer-delivery-map svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.customer-delivery-map .delivery{fill:#22c55e40;stroke:#15803d;stroke-width:5}.customer-delivery-map .disabled{fill:#ef44444d;stroke:#b91c1c;stroke-width:5}.customer-delivery-map .selected-point{fill:#fff;stroke:#111827;stroke-width:10;vector-effect:non-scaling-stroke}.selected-delivery-zone{padding:8px 10px;border-radius:8px;background:#ecfdf3;color:#166534!important}.delivery-location-form label{display:block;margin:12px 0 6px;font-weight:700;color:#344054}.delivery-location-form textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #98a2b3;border-radius:9px;padding:10px;font:inherit}.fulfillment-error{margin:10px 0 0;padding:9px;border-radius:8px;color:#991b1b;background:#fef2f2;font-size:.86rem}@media(max-width:480px){.fulfillment-options{grid-template-columns:1fr}}.cart-item{padding:10px 0;border-bottom:1px solid #f0f0f0}.cart-item:last-child{border-bottom:none}.cart-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cart-item-name{font-size:16px;font-weight:500;color:#333}.cart-item-line-price{font-size:16px;font-weight:600;color:#333}.cart-item-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.quantity-controls-horizontal{display:flex;align-items:center;gap:2px;background:#f5f5f5;border-radius:20px;padding:2px}.quantity-btn-h{background-color:#fff;color:#333;border:none;width:32px;height:32px;font-size:18px;font-weight:600;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.quantity-btn-h:hover{background-color:#007bff;color:#fff;transform:scale(1.1)}.quantity-btn-h:active{transform:scale(.95)}.quantity-display{min-width:40px;text-align:center;font-weight:600;font-size:16px;color:#333}.remove-btn-cart{background:none;color:#6b7280;border:none;padding:4px 0;cursor:pointer;font-size:13px;font-weight:500;text-decoration:underline;transition:color .2s ease}.remove-btn-cart:hover{color:#ff4d4f}.cart-divider{border:none;border-top:1px solid #eee;margin:20px 0}.donation-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:12px;margin:12px -5px}.donation-header{color:#0c4a6e;font-size:1.15rem;font-weight:700;margin:0 0 4px;text-align:center}.donation-subtext{color:#075985;font-size:.82rem;text-align:center;margin:0 0 12px;line-height:1.3}.donation-buttons-row{display:flex;flex-direction:column;gap:10px}.donation-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.donation-bottom-row{display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:center}.donation-btn{background:#fff;border:2px solid #cbd5e1;border-radius:8px;padding:10px 6px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;font-weight:600;color:#475569;min-height:55px;justify-content:center}.no-thanks-btn{min-height:auto;padding:10px 12px}.donation-btn:hover{border-color:#0ea5e9;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.donation-btn.active{background:#0ea5e9;color:#fff;border-color:#0284c7}.donation-btn.active .donation-amount-preview{color:#fff;opacity:.9}.donation-simple{background:#f8f9fa;border-radius:8px;padding:1rem}.donation-default{display:flex;justify-content:space-between;align-items:center}.donation-selected{display:flex;gap:1rem;align-items:center}.donation-label{font-weight:600;color:#334155}.donation-value{font-size:1.125rem;font-weight:700;color:#0ea5e9}.change-donation-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem 1rem;color:#475569;cursor:pointer;font-weight:500;transition:all .2s}.change-donation-btn:hover{background:#f1f5f9;border-color:#94a3b8}.donation-options-expanded{display:flex;flex-direction:column;gap:1rem}.donation-quick-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.donation-option-btn{background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:.75rem;cursor:pointer;font-weight:500;color:#475569;transition:all .2s}.donation-option-btn:hover{background:#f8fafc;border-color:#0ea5e9}.donation-option-btn.selected{background:#0ea5e9;color:#fff;border-color:#0284c7}.donation-custom-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.donation-custom-option label{font-weight:500;color:#475569}.custom-amount-input{flex:1;padding:.375rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:1rem}@media(max-width:480px){.donation-section{padding:1rem;margin:1rem 0}.donation-header{font-size:1.125rem}.donation-subtext{font-size:.875rem;margin-bottom:1rem}.donation-simple{padding:.75rem}.donation-default{flex-direction:column;gap:.75rem}.donation-selected{flex-direction:column;text-align:center;gap:.25rem}.donation-quick-options{grid-template-columns:1fr;gap:.375rem}.donation-option-btn{padding:.625rem;font-size:.9rem}.donation-custom-option{padding:.625rem;font-size:.875rem}.change-donation-btn{width:100%;padding:.625rem}}.donation-amount-preview{font-size:.75rem;color:#64748b;margin-top:4px}.custom-donation-inline{display:flex;align-items:center;gap:8px}.custom-donation-inline label{color:#0c4a6e;font-weight:600;font-size:.9rem;white-space:nowrap}.custom-donation-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:8px;padding:6px 10px;flex:1}.custom-donation-input-wrapper:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.currency-symbol{color:#64748b;font-weight:600;margin-right:4px}.custom-donation-input{border:none;outline:none;font-size:1rem;width:100%;background:transparent}.summary-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem}.summary-label{color:#475569}.summary-amount{font-weight:600;color:#1e293b}.donation-line .summary-label{color:#0c4a6e;font-weight:600}.donation-line .summary-amount{color:#0ea5e9}.summary-divider{margin:10px 0 8px;border:none;border-top:2px solid #1e293b}.total-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:8px 0 4px}.total-label,.total-amount{font-size:18px;font-weight:700;color:#000}.place-order-button{width:100%;box-sizing:border-box;background-color:#007bff;color:#fff;border:none;padding:18px;border-radius:8px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #007bff33}.place-order-button:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.continue-shopping-button{display:block;width:100%;box-sizing:border-box;background-color:#6c757d;color:#fff;border:none;padding:15px;border-radius:8px;font-size:18px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s ease;margin-top:10px}.continue-shopping-button:hover{background-color:#5a6268}.customer-info-form{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px}.customer-info-form h3{margin-bottom:15px;font-size:20px;font-weight:700;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{resize:vertical;min-height:80px}.cart-item-options{margin:.35rem 0 .65rem;padding-left:1.1rem;color:#667085;font-size:.88rem}.loading-indicator-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-indicator-content{text-align:center;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a}.loading-indicator-content p{margin-top:15px;font-size:16px;color:#333}.musical-note{font-size:36px;display:inline-block;margin:0 5px;animation:dance 1.5s infinite ease-in-out}.note1{animation-delay:0s}.note2{animation-delay:.2s}.note3{animation-delay:.4s}@keyframes dance{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-10deg)}50%{transform:translateY(5px) rotate(5deg)}75%{transform:translateY(-5px) rotate(-5deg)}}.thankyou-container{min-height:calc(100vh - 112px);padding:1rem;background-color:#f0f0f0}.thankyou-content{max-width:500px;margin:0 auto;width:100%}.success-header{text-align:center;background:#fff;padding:2rem 1rem;border-radius:12px 12px 0 0;margin-bottom:1rem}.success-icon{font-size:3rem;margin-bottom:1rem}.thankyou-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.order-number-large{font-size:2rem;font-weight:700;color:#5b5fcf}.order-number-huge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2rem;margin:2rem 0;box-shadow:0 10px 30px #667eea4d}.order-number-label{color:#ffffffe6;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.order-number-display{font-size:5rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.2);margin:.5rem 0}.order-number-instruction{color:#fffffff2;font-size:1.125rem;font-weight:500;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3)}.thankyou-message{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.pickup-instructions{background:#f0f9ff;border:2px solid #0284c7;border-radius:8px;padding:1.25rem;margin:1.5rem 0;text-align:center}.pickup-title{font-size:1.125rem;font-weight:700;color:#0c4a6e;margin:0 0 .75rem}.pickup-message{font-size:1rem;color:#075985;margin:0;line-height:1.5}.pickup-message strong{color:#0c4a6e;font-weight:700}.pickup-instructions-box{background:#f0f9ff;border:1px solid #0284c7;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.pickup-instructions-box h3{margin:0 0 1rem;color:#0c4a6e}.pickup-location-info{color:#075985;margin-bottom:.5rem;font-weight:500}.pickup-area-image{width:100%;max-width:400px;height:auto;border-radius:8px;margin:1rem auto;display:block;box-shadow:0 2px 8px #0000001a}.pickup-requirements-info{color:#075985;margin-top:1rem}.pickup-requirements-info ul{margin:.5rem 0 0 1.5rem;padding:0}.pickup-requirements-info li{margin:.25rem 0}.order-summary-card{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.order-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.order-summary-header h3{margin:0;font-size:1.125rem;color:#1f2937}.order-total{font-size:1.25rem;font-weight:700;color:#059669}.order-items-list{margin-bottom:1rem}.order-item-row{display:flex;align-items:center;padding:.5rem 0;gap:.5rem}.item-quantity{font-weight:600;color:#6b7280;min-width:2rem}.item-name{flex:1;color:#374151}.item-price{font-weight:600;color:#1f2937}.customer-info{padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between}.info-label{color:#6b7280;font-size:.875rem}.info-value{color:#1f2937;font-weight:500}.status-card{background:#fff;border-radius:8px;padding:2rem;margin-bottom:1rem;text-align:center;box-shadow:0 1px 3px #0000001a}.status-icon-large{font-size:3rem;margin-bottom:1rem}.status-title{font-size:1rem;color:#6b7280;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.status-value{font-size:1.5rem;font-weight:700;color:#5b5fcf;margin-bottom:.5rem}.status-message{font-size:1.125rem;color:#374151;margin-bottom:1rem}.estimated-wait-time{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;margin-bottom:1rem;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px}.estimated-wait-label{color:#4b5563;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.estimated-wait-value{color:#4338ca;font-size:1.5rem}.estimated-ready-clock{color:#6b7280;font-size:.875rem}.status-info{background:#f3f4f6;border-radius:6px;padding:1rem}.keep-open-message{font-size:.875rem;color:#059669;font-weight:600;margin:0 0 .5rem}.email-notice{font-size:.75rem;color:#6b7280;margin:0}.action-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem}.primary-button{background-color:#5b5fcf;color:#fff;padding:.625rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s;display:inline-block;text-align:center;font-size:.875rem;border:none;cursor:pointer;box-shadow:0 2px 4px #5b5fcf33}.primary-button:hover{background-color:#4a4db8;transform:translateY(-1px);box-shadow:0 4px 8px #5b5fcf4d}.secondary-button{background-color:transparent;color:#5b5fcf;padding:.5rem 1.25rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s;display:inline-block;font-size:.8125rem;border:2px solid #5B5FCF}.secondary-button:hover{background-color:#5b5fcf;color:#fff}.queue-position-section{margin:1.5rem 0}.queue-position-card{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px #0000001a}.queue-label{font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;opacity:.95}.queue-number{font-size:3rem;font-weight:900;line-height:1;margin-bottom:.5rem}.queue-message{font-size:1.1rem;font-weight:500}.queue-action-message{font-size:1.5rem;font-weight:700;color:#16a34a;margin-bottom:.5rem}.queue-wait-message{font-size:1.3rem;font-weight:600;color:#ca8a04;margin-bottom:.5rem}.queue-detail{font-size:1.1rem;color:#4b5563;margin-bottom:.25rem}.queue-instruction{font-size:.95rem;color:#6b7280;font-style:italic;margin-top:.5rem}.loading-spinner{margin-bottom:2rem;text-align:center}.loader-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0}.loader-dots .dot{width:12px;height:12px;background-color:#0077be;border-radius:50%;animation:dot-pulse 1.4s ease-in-out infinite}.loader-dots .dot:nth-child(1){animation-delay:-.32s}.loader-dots .dot:nth-child(2){animation-delay:-.16s}.loader-dots .dot:nth-child(3){animation-delay:0}.processing-steps{margin-top:2rem;display:flex;flex-direction:column;gap:1rem;text-align:left;max-width:250px;margin-left:auto;margin-right:auto}.step-item{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#6b7280;animation:fadeIn .5s ease-in-out}.step-icon{font-size:1.25rem;min-width:30px;text-align:center}.error-icon{font-size:3rem;color:#dc2626;margin-bottom:1rem}@keyframes dot-pulse{0%,60%,to{transform:scale(1);opacity:1}30%{transform:scale(1.3);opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.thankyou-container{padding:.5rem;min-height:calc(100vh - 80px)}.success-header{padding:1.5rem 1rem}.thankyou-title{font-size:1.25rem}.order-number-large{font-size:1.5rem}.order-number-display{font-size:4rem}.order-number-huge{padding:1.5rem}.success-icon,.status-icon-large{font-size:2.5rem}.order-summary-card,.status-card{padding:1rem}.primary-button,.secondary-button{width:100%}}.order-status-page{min-height:calc(100vh - 80px);padding:1rem;background:#f1f5f9;color:#172033}.status-container{width:min(900px,100%);margin:0 auto;overflow:hidden;border:1px solid #dbe4ef;border-radius:14px;background:#fff;box-shadow:0 12px 32px #0f172a14}.order-status-header,.tracking-footer,.tracking-items li,.ready-pickup-card div,.tracking-refresh-error{display:flex;align-items:center}.order-status-header{justify-content:space-between;gap:1rem;padding:1.35rem 1.5rem;background:#172033;color:#fff}.order-status-header h1{margin:0;font-size:clamp(2.25rem,7vw,4rem);line-height:1}.order-status-header p{margin:.35rem 0 0}.order-status-kicker{color:#93c5fd;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.status-symbol{display:grid;place-items:center;width:4rem;height:4rem;flex:0 0 auto;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:#334155;font-size:1.7rem;font-weight:900}.status-symbol.ready,.status-symbol.completed{background:#059669}.status-symbol.cancelled{background:#b91c1c}.current-status-card{margin:1rem;padding:1.2rem;border:1px solid #bfdbfe;border-left:5px solid #2563eb;border-radius:9px;background:#eff6ff}.current-status-card.ready,.current-status-card.completed{border-color:#a7f3d0;border-left-color:#059669;background:#ecfdf5}.current-status-card.cancelled{border-color:#fecaca;border-left-color:#dc2626;background:#fef2f2}.current-status-card h2{margin:.15rem 0 .35rem}.current-status-card p{margin:0;color:#475569}.current-status-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ready-estimate{display:inline-block;margin-top:.8rem;color:#1d4ed8}.tracking-refresh-error{justify-content:space-between;gap:.75rem;margin:0 1rem 1rem;padding:.7rem .85rem;border:1px solid #fcd34d;border-radius:7px;background:#fffbeb;color:#92400e;font-size:.85rem}.tracking-refresh-error button{border:0;background:transparent;color:#92400e;font-weight:800;cursor:pointer}.status-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:1rem 1.5rem 1.5rem;list-style:none}.status-timeline li{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;color:#94a3b8;font-size:.78rem;font-weight:700;text-align:center}.status-timeline li:before{content:"";position:absolute;top:.75rem;left:0;width:50%;height:3px;background:#e2e8f0;transform:translate(-50%)}.status-timeline li:first-child:before{display:none}.status-timeline li.complete,.status-timeline li.current{color:#1e293b}.status-timeline li.complete:before,.status-timeline li.current:before{background:#10b981}.timeline-marker{position:relative;z-index:1;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:3px solid #cbd5e1;border-radius:50%;background:#fff;color:#fff;font-size:.7rem}.complete .timeline-marker{border-color:#10b981;background:#10b981}.current .timeline-marker{border-color:#2563eb;box-shadow:0 0 0 4px #dbeafe}.queue-position-card,.ready-pickup-card,.pickup-wait-card{margin:0 1rem 1rem;padding:1rem;border-radius:9px;text-align:center}.queue-position-card{border:1px solid #fde68a;background:#fffbeb}.queue-position-card span{color:#92400e;font-weight:700}.queue-position-card strong{display:block;margin:.2rem 0;color:#78350f;font-size:2.5rem}.queue-position-card p{margin:0;color:#92400e}.ready-pickup-card{border:2px solid #10b981;background:#ecfdf5}.ready-pickup-card h2{margin:0;color:#047857}.ready-pickup-card p{margin:.4rem 0 .8rem}.ready-pickup-card div{justify-content:center;gap:1rem}.ready-pickup-card strong{font-size:2rem}.ready-pickup-card span{padding-left:1rem;border-left:1px solid #6ee7b7;font-weight:800}.tracking-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0 1rem 1rem}.tracking-panel{padding:1rem;border:1px solid #e2e8f0;border-radius:9px}.tracking-panel h2{margin:0 0 .8rem;font-size:1.05rem}.tracking-panel dl{margin:0}.tracking-panel dl div{display:grid;grid-template-columns:6rem 1fr;gap:.75rem;padding:.55rem 0;border-bottom:1px solid #f1f5f9}.tracking-panel dl div:last-child{border-bottom:0}.tracking-panel dt{color:#64748b;font-size:.82rem;font-weight:700}.tracking-panel dd{margin:0;text-align:right}.tracking-items{margin:0;padding:0;list-style:none}.tracking-items li{justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #f1f5f9}.tracking-items li:last-child{border-bottom:0}.tracking-items div{display:flex;flex-direction:column}.tracking-items div span,.tracking-empty{color:#64748b;font-size:.8rem}.pickup-wait-card{border:1px solid #cbd5e1;background:#f8fafc}.pickup-wait-card h2{margin:0;font-size:1rem}.pickup-wait-card p{margin:.35rem 0 0;color:#475569}.tracking-footer{flex-wrap:wrap;gap:.6rem;padding:1rem;border-top:1px solid #e2e8f0;background:#f8fafc}.tracking-update-time{display:flex;flex:1 1 180px;flex-direction:column;color:#475569;font-size:.8rem}.tracking-update-time small{color:#64748b}.tracking-refresh-button,.primary-button,.secondary-button{border-radius:7px;padding:.6rem .8rem;font-size:.82rem;font-weight:800;text-decoration:none;cursor:pointer}.tracking-refresh-button,.primary-button{border:1px solid #2563eb;background:#2563eb;color:#fff}.tracking-refresh-button:disabled{cursor:wait;opacity:.55}.secondary-button{border:1px solid #cbd5e1;background:#fff;color:#334155}.status-message-card{padding:3rem 1.5rem;text-align:center}.status-message-card h1{margin:.8rem 0 .4rem}.status-message-card p{margin:0 0 1.2rem;color:#64748b}.status-message-icon{display:grid;place-items:center;width:3rem;height:3rem;margin:0 auto;border-radius:50%;background:#fee2e2;color:#b91c1c;font-size:1.5rem;font-weight:900}.spinner{width:2.5rem;height:2.5rem;margin:0 auto;border:4px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:tracking-spin .8s linear infinite}@keyframes tracking-spin{to{transform:rotate(360deg)}}@media(max-width:680px){.order-status-page{padding:.5rem}.tracking-detail-grid{grid-template-columns:1fr}.status-timeline{padding-inline:.5rem}.status-timeline li{font-size:.68rem}.order-status-header{padding:1rem}.status-symbol{width:3.25rem;height:3.25rem}.tracking-footer>button,.tracking-footer>a{flex:1 1 100%;text-align:center}}.check-order-page{min-height:calc(100vh - 100px);background-color:#f5f5f5;padding:20px}.check-container{max-width:500px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.check-header{background:linear-gradient(135deg,#5b5fcf,#4a4db8);color:#fff;padding:40px 30px;text-align:center}.check-header h1{margin:0 0 15px;font-size:28px;font-weight:700}.check-header p{margin:0;font-size:16px;opacity:.9;line-height:1.4}.lookup-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:16px}.lookup-input{width:100%;padding:15px;border:2px solid #ddd;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff}.lookup-input:focus{outline:none;border-color:#5b5fcf;box-shadow:0 0 0 3px #5b5fcf1a}.lookup-input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.lookup-input:disabled{background:#f8f9fa;cursor:not-allowed}.input-preview{margin-top:8px;padding:8px 12px;background:#e3f2fd;border-radius:4px;font-size:14px;color:#1976d2;border-left:3px solid #2196f3}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:14px;margin-bottom:20px}.error-icon{font-size:16px}.lookup-button{width:100%;padding:15px;background:#5b5fcf;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.lookup-button:hover:not(:disabled){background:#4a4db8;transform:translateY(-1px);box-shadow:0 4px 12px #5b5fcf4d}.lookup-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section{padding:20px 30px;border-top:1px solid #eee;margin-top:20px}.info-section h3{color:#333;margin-bottom:15px;font-size:18px}.info-section ul{margin:0;padding-left:20px;color:#666}.info-section li{margin-bottom:8px;line-height:1.4}.help-section{padding:20px 30px;background:#f8f9fa;text-align:center;color:#666}.help-section p{margin:0;font-size:14px}.menu-link{color:#5b5fcf;text-decoration:none;font-weight:600}.menu-link:hover{text-decoration:underline}@media(max-width:768px){.check-order-page{padding:10px}.check-container{margin:0}.check-header{padding:30px 20px}.check-header h1{font-size:24px}.check-header p{font-size:14px}.lookup-form{padding:20px}.lookup-input,.lookup-button{padding:12px;font-size:16px}.info-section,.help-section{padding:15px 20px}}
