@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--bg:#fafaf9;--surface:#ffffff;--surface-2:#f5f5f4;--surface-3:#e7e5e4;--text:#1c1917;--text-muted:#57534e;--text-soft:#a8a29e;--border:#e7e5e4;--border-strong:#d6d3d1;--primary:#ea580c;--primary-hover:#c2410c;--primary-soft:#ffedd5;--primary-ink:#7c2d12;--success:#16a34a;--success-soft:#dcfce7;--warning:#ca8a04;--warning-soft:#fef9c3;--danger:#dc2626;--danger-soft:#fee2e2;--info:#2563eb;--info-soft:#dbeafe;--radius-sm:8px;--radius:12px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(28,25,23,0.06);--shadow:0 4px 12px rgba(28,25,23,0.06),0 2px 4px rgba(28,25,23,0.04);--shadow-lg:0 16px 40px rgba(28,25,23,0.10),0 4px 12px rgba(28,25,23,0.06);--gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-5:24px;--gap-6:32px;--gap-7:48px;--gap-8:64px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;letter-spacing:-.035em}h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.025em}h3{font-size:1.15rem}h4{font-size:.95rem}p{margin:0}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fade-up .5s ease-out both}.fade-up-1{animation:fade-up .5s ease-out .05s both}.fade-up-2{animation:fade-up .5s ease-out .1s both}.fade-up-3{animation:fade-up .5s ease-out .15s both}.fade-up-4{animation:fade-up .5s ease-out .2s both}.pop-in{animation:pop-in .4s ease-out both}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.page-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:42px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--surface-2);color:var(--text);font-weight:600;font-size:.92rem;transition:all .15s ease;text-decoration:none}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:white;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:white}.btn-ghost{background:transparent;border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background:#fecaca}.btn-sm{padding:6px 12px;min-height:32px;font-size:.85rem}.btn-lg{padding:14px 24px;min-height:52px;font-size:1rem}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.85rem;font-weight:600;color:var(--text-muted)}.field-hint{font-size:.78rem;color:var(--text-soft)}.input,.select,.textarea{width:100%;padding:10px 14px;min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(234,88,12,.15)}.textarea{min-height:88px;resize:vertical}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-padded{padding:var(--gap-5)}.card-hover{transition:all .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge-default{background:var(--surface-2);color:var(--text-muted)}.badge-primary{background:var(--primary-soft);color:var(--primary-ink)}.badge-success{background:var(--success-soft);color:#166534}.badge-warning{background:var(--warning-soft);color:#854d0e}.badge-danger{background:var(--danger-soft);color:#991b1b}.badge-info{background:var(--info-soft);color:#1e40af}.hero{padding:clamp(60px,10vh,100px) 0 clamp(60px,10vh,120px);background:radial-gradient(circle at 15% 0,rgba(234,88,12,.14),transparent 55%),radial-gradient(circle at 85% 70%,rgba(254,215,170,.28),transparent 55%),radial-gradient(circle at 50% 110%,rgba(253,230,138,.2),transparent 50%),var(--bg);position:relative;overflow:hidden}.hero:before{top:10%;right:-100px;width:320px;height:320px;background:radial-gradient(circle,rgba(234,88,12,.1),transparent 70%);animation:float 8s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero:after{bottom:15%;left:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(253,224,71,.2),transparent 70%);animation:float 10s ease-in-out infinite reverse}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.brand{gap:8px;font-size:1.1rem}.brand,.brand-mark{display:inline-flex;align-items:center;font-weight:800}.brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#f97316);justify-content:center;color:white}img.brand-mark{background:transparent;border-radius:0;object-fit:contain}.brand-wordmark{height:22px;width:auto;object-fit:contain;display:inline-block}.hero-grid{display:grid;grid-template-columns:1fr;grid-gap:clamp(40px,6vw,64px);gap:clamp(40px,6vw,64px);align-items:center;margin-top:clamp(40px,8vh,80px);position:relative;z-index:1}@media (min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr}}.hero-rating{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);font-size:.85rem;margin-top:28px}.hero-rating-stars{color:#f59e0b;letter-spacing:1px;font-size:.95rem}.hero-rating-avatars{display:flex}.hero-rating-avatar{width:26px;height:26px;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,var(--primary),#f97316);margin-left:-8px;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:.7rem;font-weight:700}.hero-rating-avatar:first-child{margin-left:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--primary-soft);color:var(--primary-ink);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:18px}.hero-lead{color:var(--text-muted);font-size:clamp(1.05rem,1.5vw,1.2rem);line-height:1.6;margin:18px 0 28px;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.features{padding:clamp(56px,8vh,96px) 0}.features-header{text-align:center;max-width:640px;margin:0 auto 48px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.feature{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .25s ease;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,var(--primary-soft) 0,transparent 70%);opacity:0;transition:opacity .3s}.feature:hover{transform:translateY(-4px);border-color:var(--primary-soft);box-shadow:var(--shadow)}.feature:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--primary-soft),#fde68a);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:24px;position:relative;z-index:1}.steps{padding:clamp(48px,7vh,88px) 0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:24px;gap:24px;margin-top:40px}.step{display:flex;flex-direction:column;gap:12px;position:relative}.step-number{width:44px;height:44px;border-radius:999px;background:var(--text);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:inherit;font-size:1.2rem}.cta-block{margin:clamp(48px,6vh,80px) 0;padding:clamp(40px,6vw,64px);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--text) 0,#292524 100%);color:white;text-align:center;position:relative;overflow:hidden}.cta-block:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(234,88,12,.3),transparent 50%),radial-gradient(circle at 80% 70%,rgba(253,224,71,.2),transparent 50%);pointer-events:none}.cta-block>*{position:relative;z-index:1}.cta-block h2{color:white}.cta-block p{color:rgba(255,255,255,.75);margin:16px auto 28px;max-width:540px}.phone-stage{align-items:center;justify-content:center}.phone-preview,.phone-stage{position:relative;display:flex;padding:20px}.phone-preview{background:var(--surface);border:1px solid var(--border);border-radius:32px;box-shadow:0 30px 80px rgba(28,25,23,.18),0 8px 20px rgba(28,25,23,.08);flex-direction:column;gap:12px;max-width:360px;width:100%;z-index:2;transform:rotate(-2deg);transition:transform .4s ease}.phone-preview:hover{transform:rotate(0) translateY(-4px)}.phone-header{gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.phone-dish,.phone-header{display:flex;align-items:center}.phone-dish{gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);transition:transform .2s}.phone-dish:hover{transform:translateX(2px)}.phone-dish-emoji{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-soft),#fde68a);display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.phone-dish-info{flex:1 1;min-width:0}.phone-dish-info strong{display:block}.phone-dish-info p{color:var(--text-muted);font-size:.78rem}.floating-tag{position:absolute;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow);z-index:3;animation:float 6s ease-in-out infinite}.floating-tag-1{top:8%;right:0;animation-delay:0s}.floating-tag-2{bottom:12%;left:0;animation-delay:2s}.floating-tag-3{top:45%;right:-10px;animation-delay:4s}.storefront{padding:24px 0 100px}.store-banner{display:flex;align-items:center;gap:24px;padding:32px;border-radius:var(--radius-lg);background:radial-gradient(circle at 80% 20%,rgba(253,224,71,.35),transparent 50%),linear-gradient(135deg,var(--primary-soft),#fde68a);border:1px solid rgba(234,88,12,.12);margin-bottom:32px;position:relative;overflow:hidden}.store-banner:after{content:"";position:absolute;right:-40px;bottom:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(234,88,12,.18),transparent 70%);pointer-events:none}.store-banner h1{font-size:clamp(1.8rem,3.5vw,2.6rem);text-transform:capitalize;color:var(--primary-ink)}.store-banner-info{display:flex;flex-direction:column;gap:8px;flex:1 1;position:relative;z-index:1}.store-banner-status{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}.store-banner-icon{width:72px;height:72px;border-radius:var(--radius);background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0;position:relative;z-index:1}.menu-toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(250,250,249,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);margin:0 -16px 24px;padding:12px 16px 10px;display:flex;flex-direction:column;gap:10px}.menu-search{width:100%;padding:10px 14px;min-height:44px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.menu-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(234,88,12,.15)}.cat-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-chip{padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-weight:600;font-size:.88rem;white-space:nowrap;cursor:pointer;transition:all .15s}.cat-chip:hover{border-color:var(--primary)}.cat-chip.active{background:var(--text);color:white;border-color:var(--text)}.menu-section{margin-bottom:36px}.menu-section-title{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.menu-section-title h2{font-size:1.35rem}.menu-section-title-count{color:var(--text-soft);font-size:.85rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.menu-item{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;padding:0;font:inherit;color:inherit;position:relative}.menu-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(28,25,23,.1);border-color:transparent}.menu-item:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.menu-item:disabled:hover{transform:none;box-shadow:var(--shadow-sm)}.menu-item-image{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--surface-2),#f0e9e4);background-size:cover;background-position:50%;position:relative;display:flex;align-items:center;justify-content:center;font-size:48px;color:rgba(120,113,108,.4)}.menu-item-image-emoji:before{content:"🍽️"}.menu-item-featured-pin{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.72rem;font-weight:700;color:var(--primary-ink);display:inline-flex;align-items:center;gap:4px}.menu-item-body{padding:16px;display:flex;flex-direction:column;gap:6px}.menu-item-title{font-weight:700;font-size:1rem}.menu-item-desc{color:var(--text-muted);font-size:.85rem;line-height:1.4;flex:1 1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.menu-item-price{font-family:inherit;font-weight:700;color:var(--primary);font-size:1.15rem}.menu-item-add{width:36px;height:36px;border-radius:50%;background:var(--text);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:400;transition:all .15s;flex-shrink:0}.menu-item:hover .menu-item-add{background:var(--primary);transform:scale(1.1)}.menu-item:disabled .menu-item-add{background:var(--surface-3)}.cart-fab{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--text);color:white;border-radius:999px;font-weight:600;display:inline-flex;align-items:center;gap:14px;box-shadow:0 16px 40px rgba(28,25,23,.25),0 4px 12px rgba(28,25,23,.1);z-index:30;transition:all .2s;animation:pop-in .3s ease-out}.cart-fab:hover{transform:translateX(-50%) translateY(-2px)}.cart-fab-count,.cart-fab:hover{background:var(--primary);color:white}.cart-fab-count{min-width:24px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.checkout-page{padding:32px 0 64px}.checkout-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;font-weight:500;color:var(--text-muted)}.checkout-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:900px){.checkout-grid{grid-template-columns:1.4fr 1fr}}.checkout-section{padding:24px}.checkout-section h3{margin-bottom:14px}.cart-summary{padding:24px;position:-webkit-sticky;position:sticky;top:20px}.cart-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.cart-line:last-child{border-bottom:none}.cart-totals{margin-top:16px;padding-top:16px;border-top:2px solid var(--text);display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem}.config-overlay{position:fixed;inset:0;background:rgba(28,25,23,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:60;animation:fade-up .25s ease-out}@media (min-width:720px){.config-overlay{align-items:center}}.config-sheet{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}@media (min-width:720px){.config-sheet{border-radius:var(--radius-lg);max-height:85vh}}.config-hero{position:relative;height:180px;background:linear-gradient(135deg,var(--surface-2),#f0e9e4);background-size:cover;background-position:50%;flex-shrink:0}.config-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.config-body{padding:20px 24px;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:24px}.config-header h2{font-size:1.5rem;font-family:inherit}.config-header p{color:var(--text-muted);margin-top:6px;font-size:.92rem;line-height:1.5}.config-group{display:flex;flex-direction:column;gap:10px}.config-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.config-group-title{font-weight:700;font-size:.95rem}.config-group-hint{font-size:.78rem;color:var(--text-muted)}.config-group-required{color:var(--danger);font-weight:600}.config-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.config-option:hover{border-color:var(--primary-soft)}.config-option.selected{border-color:var(--primary);background:var(--primary-soft)}.config-option-name{flex:1 1;font-weight:500}.config-option-delta{font-weight:600;color:var(--primary)}.config-option-indicator{width:22px;height:22px;border:2px solid var(--border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface)}.config-option-indicator.radio{border-radius:50%}.config-option.selected .config-option-indicator{background:var(--primary);border-color:var(--primary);color:white}.config-option-indicator:after{content:"";opacity:0}.config-option.selected .config-option-indicator:after{content:"✓";opacity:1;font-size:.85rem;line-height:1}.config-option.selected .config-option-indicator.radio:after{content:"";width:8px;height:8px;border-radius:50%;background:white;opacity:1}.config-option.removal{border-color:var(--success-soft);background:rgba(220,252,231,.4)}.config-option.removal.removed{border-color:var(--danger);background:var(--danger-soft)}.config-option.removal.removed .config-option-name{text-decoration:line-through;color:var(--text-muted)}.config-option.removal .config-option-indicator{border-color:var(--success);background:var(--success);color:white}.config-option.removal .config-option-indicator:after{content:"✓";opacity:1}.config-option.removal.removed .config-option-indicator{background:var(--surface);border-color:var(--danger);color:var(--danger)}.config-option.removal.removed .config-option-indicator:after{content:"✗";opacity:1;color:var(--danger)}.config-qty{display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:var(--surface-2)}.config-qty button{width:28px;height:28px;border-radius:50%;border:none;background:var(--surface);font-weight:700;cursor:pointer}.config-qty button:disabled{opacity:.4}.config-qty-value{min-width:24px;text-align:center;font-weight:600}.config-note{display:flex;flex-direction:column;gap:6px}.config-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--surface)}.config-quantity{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:999px;background:var(--surface-2)}.config-quantity button{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface);font-size:1.1rem;font-weight:700;cursor:pointer}.config-quantity-value{min-width:28px;text-align:center;font-weight:700}.tracking-page{padding:48px 0}.tracking-hero{text-align:center;padding:40px 24px 32px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:radial-gradient(circle at 30% 0,rgba(234,88,12,.15),transparent 50%),radial-gradient(circle at 70% 100%,rgba(253,224,71,.25),transparent 50%),linear-gradient(180deg,var(--primary-soft),transparent)}.tracking-illustration{font-size:72px;margin-bottom:16px;display:inline-block;animation:float 4s ease-in-out infinite}.tracking-illustration.pulse{animation:pulse-soft 2s ease-in-out infinite}.tracking-card{max-width:560px;margin:0 auto;overflow:hidden;padding:0}.tracking-body{padding:24px 32px 32px}.tracking-status{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);background:var(--surface-2);margin:24px 0;border:1px solid var(--border)}.tracking-live{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.6)}.tracking-live-dot{width:8px;height:8px;border-radius:999px;background:var(--success);animation:pulse-soft 1.6s ease-in-out infinite}.tracking-live.offline .tracking-live-dot{background:var(--warning);animation:none}.tracking-timeline{display:flex;flex-direction:column;gap:0;margin-top:24px}.tracking-step{display:flex;gap:12px;padding:10px 0;position:relative}.tracking-step:before{content:"";width:12px;height:12px;border-radius:999px;background:var(--surface-3);flex-shrink:0;margin-top:6px}.tracking-step.active:before{background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.tracking-step.done:before{background:var(--success)}.tracking-step:not(:last-child):after{content:"";position:absolute;left:5px;top:22px;bottom:-10px;width:2px;background:var(--border)}.tracking-step.done:not(:last-child):after{background:var(--success)}.tracking-step-label{font-weight:500}.tracking-step.active .tracking-step-label{color:var(--primary);font-weight:600}@keyframes drawer-slide-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}.drawer-overlay{position:fixed;inset:0;background:rgba(28,25,23,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:70;display:flex;justify-content:flex-end;animation:overlay-fade .2s ease-out}@media (max-width:720px){.drawer-overlay{align-items:flex-end;justify-content:stretch}}.cart-drawer{background:var(--surface);width:100%;max-width:440px;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:drawer-slide-right .28s cubic-bezier(.2,.8,.2,1)}@media (max-width:720px){.cart-drawer{max-width:none;height:88vh;border-radius:18px 18px 0 0;animation:drawer-slide-up .28s cubic-bezier(.2,.8,.2,1)}}.cart-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.cart-drawer-close{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:none;font-size:1.4rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cart-drawer-body{flex:1 1;overflow-y:auto;padding:8px 22px}.cart-drawer-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:48px 16px;color:var(--text-muted)}.cart-drawer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cart-drawer-line{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.cart-drawer-line:last-child{border-bottom:none}.cart-drawer-line-main{flex:1 1;min-width:0}.cart-drawer-line-title{font-size:.98rem;line-height:1.3}.cart-drawer-line-variant{color:var(--text-muted);font-weight:500}.cart-drawer-line-meta{list-style:none;margin:4px 0 0;padding:0;font-size:.8rem;color:var(--text-muted);line-height:1.4}.cart-drawer-line-note{font-size:.8rem;color:var(--text-soft);font-style:italic;margin-top:4px}.cart-drawer-line-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.cart-drawer-line-price{font-family:inherit;font-size:1.05rem}.cart-drawer-line-controls{display:flex;align-items:center;gap:2px;background:var(--surface-2);border-radius:999px;padding:2px}.cart-drawer-line-controls button{width:28px;height:28px;border-radius:50%;border:none;background:transparent;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.cart-drawer-line-controls button:hover{background:var(--surface)}.cart-drawer-line-controls span{min-width:22px;text-align:center;font-weight:600;font-size:.9rem}.cart-drawer-line-remove{margin-left:4px;color:var(--text-soft)}.cart-drawer-line-remove:hover{color:var(--danger)}.cart-drawer-footer{padding:16px 22px 22px;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.cart-drawer-totals{display:flex;justify-content:space-between;align-items:baseline;font-size:1rem}.cart-drawer-totals strong{font-family:inherit;font-size:1.4rem;color:var(--primary)}.sheet-overlay{position:fixed;inset:0;background:rgba(28,25,23,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;display:flex;align-items:flex-end;justify-content:center;animation:overlay-fade .2s ease-out}@media (min-width:720px){.sheet-overlay{align-items:center}}.checkout-sheet{background:var(--surface);width:100%;max-width:560px;height:92vh;display:flex;flex-direction:column;border-radius:18px 18px 0 0;box-shadow:var(--shadow-lg);animation:drawer-slide-up .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}@media (min-width:720px){.checkout-sheet{border-radius:18px;height:auto;max-height:88vh}}.checkout-sheet-header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.checkout-back-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--surface-2);font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.checkout-step-indicator{display:flex;gap:6px;align-items:center;flex:1 1}.checkout-step-dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-soft);font-weight:700;font-size:.85rem;border:1px solid var(--border);transition:all .2s}.checkout-step-dot.active{background:var(--primary-soft);color:var(--primary-ink);border-color:var(--primary-soft)}.checkout-step-dot.current{background:var(--primary);color:white;border-color:var(--primary);transform:scale(1.05)}.checkout-sheet-total{font-family:inherit;font-size:1.2rem;color:var(--primary)}.checkout-sheet-body{flex:1 1;overflow-y:auto;padding:20px 22px}.checkout-step{display:flex;flex-direction:column;gap:18px}.checkout-step-title{font-size:1.4rem;margin:0}.checkout-step-sub{color:var(--text-muted);font-size:.92rem;margin:-10px 0 0}.checkout-section-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.checkout-section-card>strong{font-size:.95rem}.checkout-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:8px;gap:8px}.checkout-type-card{padding:14px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);font-weight:600;cursor:pointer;transition:all .15s;text-align:left}.checkout-type-card:hover{border-color:var(--primary-soft)}.checkout-type-card.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.checkout-address-row{display:grid;grid-template-columns:1fr 2fr;grid-gap:8px;gap:8px}.checkout-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:8px;gap:8px}.checkout-payment-card{padding:12px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600;transition:all .15s}.checkout-payment-card:hover{border-color:var(--primary-soft)}.checkout-payment-card.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink)}.checkout-timing-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.checkout-timing-tab{padding:10px 14px;border:none;background:var(--surface);font-weight:600;cursor:pointer}.checkout-timing-tab.selected{background:var(--primary);color:white}.checkout-contact-chip{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;font-family:inherit}.checkout-contact-chip:hover{border-color:var(--primary-soft)}.checkout-contact-chip-meta{color:var(--text-muted);font-weight:500}.checkout-contact-chip-edit{color:var(--primary);font-weight:600;font-size:.88rem}.checkout-totals{display:flex;flex-direction:column;gap:6px;font-size:.95rem;color:var(--text-muted)}.checkout-totals>div{display:flex;justify-content:space-between}.checkout-totals-grand{padding-top:10px;margin-top:4px;border-top:2px solid var(--text);font-size:1.1rem;color:var(--text);font-weight:700}.checkout-totals-grand strong{font-family:inherit;font-size:1.4rem;color:var(--primary)}.checkout-disclaimer{font-size:.82rem;color:var(--text-soft);text-align:center;padding:12px}.checkout-items-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.checkout-items-list li{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.checkout-items-list em{color:var(--text-muted);font-style:normal;font-weight:500}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:.92rem}.summary-label{color:var(--text-muted)}.summary-value{font-weight:600;text-align:right}.checkout-error{padding:10px 14px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-weight:600;font-size:.92rem}.checkout-sheet-footer{padding:14px 22px 22px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.quote-result{display:flex;justify-content:space-between;align-items:baseline;background:var(--surface);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border)}.quote-result strong{font-family:inherit;font-size:1.15rem;color:var(--primary)}.quote-warning{font-size:.82rem;color:var(--danger)}.quote-skeleton{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--border)}.quote-skeleton,.schedule-picker{background:var(--surface);border-radius:var(--radius-sm)}.schedule-picker{padding:14px;display:grid;grid-gap:12px;gap:12px}.schedule-days{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.schedule-days::-webkit-scrollbar{display:none}.schedule-day{flex:0 0 auto;min-width:72px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;font-family:inherit;text-align:center;display:flex;flex-direction:column;gap:2px;font-weight:600}.schedule-day.selected{background:var(--primary);color:white;border-color:var(--primary)}.schedule-day-line1{font-size:.78rem;text-transform:uppercase;opacity:.6}.schedule-day.selected .schedule-day-line1{opacity:.9}.schedule-day-line2{font-size:.95rem}.schedule-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:6px;gap:6px}.schedule-slot{padding:8px 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font-weight:600;font-family:inherit}.schedule-slot:disabled{opacity:.45;cursor:not-allowed;background:var(--surface-2);color:var(--text-soft)}.schedule-slot.selected{background:var(--primary);color:white;border-color:var(--primary)}.schedule-confirmation{background:var(--surface-2);padding:10px;border-radius:8px;font-size:.92rem}.config-group-collapsible{gap:0}.config-group-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 0;background:transparent;border:none;cursor:pointer;font-family:inherit;width:100%;text-align:left}.config-group-content{display:flex;flex-direction:column;gap:10px;padding-top:6px}.config-subgroup-title{font-size:.82rem;color:var(--text-muted);font-weight:600;margin:6px 0 -2px}.config-hero-fallback{display:flex;align-items:center;justify-content:center;height:100%;font-size:56px;color:rgba(120,113,108,.4)}.config-required-mark{color:var(--danger);font-weight:700}.config-error{padding:10px 14px;border-radius:var(--radius-sm);background:var(--warning-soft);color:#854d0e;font-weight:600;font-size:.9rem}button.cart-fab{border:none;font:inherit;cursor:pointer}.toast-stack{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 32px)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--text);color:white;font-size:.9rem;font-weight:500;pointer-events:auto;animation:toast-in .25s ease-out;box-shadow:var(--shadow-lg);max-width:100%}.toast-success{background:#166534}.toast-error{background:var(--danger)}.toast-icon{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.toast-action{background:rgba(255,255,255,.15);color:white;border:none;padding:4px 10px;border-radius:999px;font-weight:600;font-size:.82rem;cursor:pointer;margin-left:4px}.toast-action:hover{background:rgba(255,255,255,.25)}.fly-to-cart{position:fixed!important;pointer-events:none;z-index:90;transition:transform .6s cubic-bezier(.4,0,.6,1),opacity .6s ease-out;will-change:transform,opacity;overflow:hidden}.fly-to-cart,.skeleton-bar{border-radius:var(--radius-sm)}.skeleton-bar{display:block;background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;height:14px}.storefront-skeleton{display:flex;flex-direction:column;gap:24px;margin:24px 0}.skeleton-banner{height:120px;border-radius:var(--radius-lg)}.skeleton-card,.skeleton-toolbar{display:flex;gap:8px}.skeleton-card{flex-direction:column;padding:0;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);overflow:hidden}.skeleton-image{width:100%;aspect-ratio:4/3;border-radius:0}.skeleton-card>.skeleton-bar:not(.skeleton-image){margin:0 14px}.skeleton-card>.skeleton-bar:last-child{margin-bottom:14px}.confirmation-card{max-width:520px;margin:60px auto;text-align:center;padding:48px}.confirmation-emoji{font-size:72px;margin-bottom:16px;animation:pop-in .5s ease-out}:root{--sa-top:env(safe-area-inset-top,0px);--sa-bottom:env(safe-area-inset-bottom,0px);--sa-left:env(safe-area-inset-left,0px);--sa-right:env(safe-area-inset-right,0px)}.sf-shell{min-height:100dvh;background:var(--bg);color:var(--text);padding-bottom:calc(120px + var(--sa-bottom))}.sf-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--primary),var(--primary-hover));color:white;padding-top:var(--sa-top);transition:box-shadow .22s ease}.sf-header-avatar,.sf-header-inner,.sf-header-name{transition:min-height .22s ease,width .22s ease,height .22s ease,font-size .22s ease,padding .22s ease,border-radius .22s ease}.sf-header.is-collapsed{box-shadow:0 6px 20px rgba(0,0,0,.1)}.sf-header-cover{position:absolute;inset:0;background-size:cover;background-position:50%;opacity:.85;pointer-events:none;transition:opacity .2s ease}.sf-header.is-collapsed .sf-header-cover{opacity:0}.sf-header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.45));pointer-events:none}.sf-header-inner{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px 16px;min-height:56px}.sf-header.is-expanded .sf-header-inner{min-height:140px;align-items:flex-end;padding-bottom:14px}@media (min-width:768px){.sf-header.is-expanded .sf-header-inner{min-height:180px;padding-bottom:20px}}.sf-header-back{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(0,0,0,.3);color:white;border:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0}.sf-header-back:hover{background:rgba(0,0,0,.5)}.sf-header-id{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.sf-header-avatar{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:white;color:var(--primary);font-weight:800;font-size:1.15rem;flex-shrink:0;background-size:cover;background-position:50%;box-shadow:0 4px 14px rgba(0,0,0,.18)}.sf-header.is-expanded .sf-header-avatar{width:64px;height:64px;font-size:1.7rem;border-radius:18px}.sf-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sf-header-name{font-weight:800;font-size:1.05rem;color:white;text-shadow:0 1px 12px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-header.is-expanded .sf-header-name{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;letter-spacing:-.025em}.sf-header-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(0,0,0,.3)}.sf-header-meta strong{font-weight:700}.sf-header-meta-dot{opacity:.5}.sf-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;background:rgba(255,255,255,.95);color:var(--text)}.sf-status-pill .dot{width:6px;height:6px;border-radius:999px;background:var(--success)}.sf-status-pill.is-closed .dot{background:var(--danger)}.sf-status-pill.is-closed{color:#7f1d1d}.sf-recognition{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:rgba(255,255,255,.18);color:white;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sf-search-wrap{position:-webkit-sticky;position:sticky;top:calc(var(--sa-top) + 140px);z-index:40;background:var(--bg);padding:10px 16px 8px;border-bottom:1px solid var(--border);transition:top .22s ease}.sf-header.is-collapsed~.sf-search-wrap{top:calc(var(--sa-top) + 74px)}@media (min-width:768px){.sf-search-wrap{top:calc(var(--sa-top) + 180px)}.sf-header.is-collapsed~.sf-search-wrap{top:calc(var(--sa-top) + 74px)}}.sf-search{position:relative;display:flex;align-items:center}.sf-search input{width:100%;padding:12px 16px 12px 44px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.95rem;min-height:44px}.sf-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.sf-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:inline-flex}.sf-cat-rail{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sf-cat-rail::-webkit-scrollbar{display:none}.sf-cat-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:.85rem;font-weight:600;white-space:nowrap;scroll-snap-align:start;transition:all .15s ease}.sf-cat-chip.is-active{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 4px 14px var(--primary-soft)}.sf-cat-chip:active{transform:scale(.96)}.sf-rail-stack{position:relative;z-index:1;background:var(--bg);padding-top:4px}.sf-rail-section{padding:18px 0 8px;min-width:0}.sf-rail-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px}.sf-rail-header h3{font-size:1.05rem;font-weight:800;letter-spacing:-.015em}.sf-rail-header-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary)}.sf-rail{display:flex;gap:12px;overflow-x:auto;padding:0 16px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sf-rail::-webkit-scrollbar{display:none}.sf-feat-card{position:relative;flex:0 0 280px;height:200px;border-radius:22px;overflow:hidden;scroll-snap-align:start;background:var(--primary-soft);border:0;cursor:pointer;text-align:left;color:white;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 6px 18px rgba(0,0,0,.08)}.sf-feat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.14)}.sf-feat-card:active{transform:scale(.98)}.sf-feat-card:disabled{opacity:.55;filter:grayscale(.4);cursor:not-allowed}.sf-feat-card-img{position:absolute;inset:0;background-size:cover;background-position:50%}.sf-feat-card-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:96px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));filter:saturate(.85)}.sf-feat-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55))}.sf-feat-card-pin{left:12px;background:rgba(255,255,255,.95);color:var(--primary-ink);padding:4px 10px;font-size:.7rem;font-weight:700;gap:4px}.sf-feat-card-add,.sf-feat-card-pin{position:absolute;top:12px;border-radius:999px;display:inline-flex;align-items:center}.sf-feat-card-add{right:12px;width:36px;height:36px;background:white;color:var(--primary);justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:transform .15s ease}.sf-feat-card:hover .sf-feat-card-add{transform:rotate(90deg) scale(1.05)}.sf-feat-card-text{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;gap:4px}.sf-feat-card-title{font-size:1.05rem;font-weight:800;line-height:1.2;text-shadow:0 1px 8px rgba(0,0,0,.4)}.sf-feat-card-price{font-size:.95rem;font-weight:700;opacity:.95}.sf-reorder-card{flex:0 0 240px;border-radius:18px;border:1px solid var(--border);background:var(--surface);padding:14px 14px 12px;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;scroll-snap-align:start;transition:transform .15s ease,box-shadow .2s ease}.sf-reorder-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.sf-reorder-card:active{transform:scale(.98)}.sf-reorder-eyebrow{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.sf-reorder-title{font-size:.95rem;font-weight:700}.sf-reorder-meta{font-size:.82rem;color:var(--text-soft)}.sf-reorder-cta{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--primary-soft);color:var(--primary-ink);border-radius:999px;font-size:.82rem;font-weight:700}.sf-cat-section{padding:14px 0 4px;scroll-margin-top:130px}.sf-cat-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 16px 10px}.sf-cat-section-head h2{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.sf-cat-section-head-count{font-size:.78rem;color:var(--text-soft);font-weight:600}.sf-row-list{display:flex;flex-direction:column;max-width:640px;margin:0 auto;padding:0 16px}.sf-row{display:flex;align-items:stretch;gap:14px;padding:14px 0;background:transparent;border:0;border-top:1px solid var(--border);text-align:left;cursor:pointer;width:100%;transition:background .15s ease}.sf-row:first-child{border-top:0}.sf-row:hover{background:var(--surface-2)}.sf-row:active{transform:scale(.99)}.sf-row:disabled{opacity:.5;cursor:not-allowed}.sf-row-thumb{width:88px;height:88px;border-radius:14px;flex-shrink:0;background:var(--primary-soft);background-size:cover;background-position:50%;position:relative;overflow:hidden}.sf-row-thumb-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:38px;background:linear-gradient(135deg,var(--primary-soft),white)}.sf-row-pin{position:absolute;top:4px;left:4px;background:rgba(255,255,255,.95);color:var(--primary-ink);padding:2px 6px;border-radius:6px;font-size:.62rem;font-weight:700}.sf-row-body{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0;justify-content:center}.sf-row-title{font-size:.98rem;font-weight:700;line-height:1.25;color:var(--text)}.sf-row-desc{font-size:.85rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sf-row-foot{display:flex;align-items:center;gap:8px;margin-top:6px}.sf-row-price{font-size:.95rem;font-weight:800;color:var(--text)}.sf-row-tag-config{font-size:.7rem;font-weight:700;color:var(--primary-ink);background:var(--primary-soft);padding:2px 8px;border-radius:999px}.sf-row-add{align-self:center;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:white;flex-shrink:0;border:0;transition:transform .15s ease}.sf-row:hover .sf-row-add{transform:scale(1.08)}.sf-row-unavail{align-self:center;font-size:.72rem;padding:4px 10px;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-weight:600}.sf-fab-wrap{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + var(--sa-bottom));z-index:80;width:calc(100% - 32px);max-width:520px;pointer-events:none;animation:sf-fab-in .35s cubic-bezier(.16,1.04,.34,1.04)}@keyframes sf-fab-in{0%{opacity:0;transform:translate(-50%,30px) scale(.92)}to{opacity:1;transform:translate(-50%) scale(1)}}.sf-fab{pointer-events:auto;width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:18px;background:var(--primary);color:white;border:0;box-shadow:0 12px 32px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.15);font-weight:700;font-size:.98rem;transition:transform .15s ease,box-shadow .2s ease}.sf-fab:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.26),0 6px 16px rgba(0,0,0,.18)}.sf-fab:active{transform:scale(.98)}.sf-fab-count{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.22);width:28px;height:28px;border-radius:999px;font-size:.85rem;font-weight:800;flex-shrink:0}.sf-fab-mid{flex:1 1;text-align:left;line-height:1.1}.sf-fab-mid small{display:block;font-size:.72rem;opacity:.85;font-weight:600}.sf-fab-total{font-weight:800;font-size:1.05rem}.sf-fab-arrow{display:inline-flex;opacity:.85}@keyframes sf-fab-bump{0%{transform:scale(1)}35%{transform:scale(1.18)}60%{transform:scale(.96)}to{transform:scale(1)}}.sf-fab-count.is-bumping{animation:sf-fab-bump .45s cubic-bezier(.16,1.04,.34,1.04)}.sf-sheet-overlay{position:fixed;inset:0;z-index:100;background:rgba(15,12,10,.55);display:flex;align-items:flex-end;justify-content:center;animation:sf-overlay-in .18s ease both}@keyframes sf-overlay-in{0%{opacity:0}to{opacity:1}}.sf-sheet{width:100%;max-width:640px;background:var(--surface);border-radius:22px 22px 0 0;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--sa-bottom);animation:sf-sheet-in .32s cubic-bezier(.16,1.04,.34,1.04) both;box-shadow:0 -20px 60px rgba(0,0,0,.3)}@keyframes sf-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sf-sheet.is-dragging{transition:none;animation:none}.sf-sheet-grip{width:44px;height:5px;background:var(--surface-3);border-radius:999px;margin:8px auto 4px;flex-shrink:0}.sf-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 14px;flex-shrink:0}.sf-sheet-title{font-size:1.1rem;font-weight:800;letter-spacing:-.015em}.sf-sheet-close{width:36px;height:36px;border-radius:999px;background:var(--surface-2);border:0;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.sf-sheet-close:hover{background:var(--surface-3);color:var(--text)}.sf-sheet-body{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 16px}.sf-sheet-foot{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:10px}.sf-conf-hero{position:relative;height:180px;margin:0 -16px 16px;background:var(--primary-soft);background-size:cover;background-position:50%;display:flex;align-items:flex-end}.sf-conf-hero-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px}.sf-conf-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.55))}.sf-conf-hero-text{position:relative;padding:16px;color:white}.sf-conf-hero-text h2{font-size:1.45rem;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.4)}.sf-conf-hero-text p{font-size:.85rem;opacity:.92;margin-top:4px;text-shadow:0 1px 8px rgba(0,0,0,.4)}.sf-conf-group{margin-top:18px}.sf-conf-group:first-child{margin-top:0}.sf-conf-group-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 8px}.sf-conf-group-title{font-size:.95rem;font-weight:700}.sf-conf-group-hint{font-size:.78rem;color:var(--text-soft);font-weight:600}.sf-conf-required{color:var(--danger);margin-left:2px}.sf-conf-opt{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:8px;cursor:pointer;transition:all .15s ease;min-height:50px}.sf-conf-opt.is-selected,.sf-conf-opt:hover{border-color:var(--primary)}.sf-conf-opt.is-selected{background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.sf-conf-opt input{display:none}.sf-conf-opt-name{flex:1 1;font-weight:600;font-size:.92rem}.sf-conf-opt-delta{font-size:.85rem;font-weight:700;color:var(--text-muted)}.sf-conf-opt.is-selected .sf-conf-opt-delta{color:var(--primary-ink)}.sf-conf-opt-mark{width:20px;height:20px;border-radius:999px;border:2px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.sf-conf-opt.is-selected .sf-conf-opt-mark{border-color:var(--primary);background:var(--primary);color:white}.sf-conf-opt-mark.checkbox{border-radius:6px}.sf-conf-opt.is-removed{opacity:.55;text-decoration:line-through;background:var(--surface-2)}.sf-conf-qty{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.sf-conf-qty button{width:30px;height:30px;border-radius:999px;background:var(--surface-2);border:0;color:var(--text);font-weight:700}.sf-conf-qty button:disabled{opacity:.4}.sf-conf-qty-value{min-width:24px;text-align:center;font-weight:700}.sf-conf-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:#991b1b;font-size:.85rem;font-weight:600}.sf-co-cart{background:var(--surface-2);border-radius:14px;padding:12px 12px 6px;margin-bottom:16px}.sf-co-cart-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.sf-co-cart-title{font-size:.85rem;font-weight:700;color:var(--text-muted)}.sf-co-cart-line{display:flex;align-items:center;gap:10px;padding:8px 4px;border-top:1px solid var(--border)}.sf-co-cart-line:first-of-type{border-top:0}.sf-co-cart-line-body{flex:1 1;min-width:0}.sf-co-cart-line-name{font-weight:700;font-size:.9rem}.sf-co-cart-line-meta{font-size:.78rem;color:var(--text-soft);margin-top:2px}.sf-co-cart-line-note{font-style:italic}.sf-co-cart-line-controls,.sf-co-cart-line-note{display:inline-flex;align-items:center;gap:4px}.sf-co-cart-line-controls button{width:26px;height:26px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:700}.sf-co-cart-line-qty{min-width:22px;text-align:center;font-weight:700;font-size:.85rem}.sf-co-cart-line-price{font-weight:800;font-size:.92rem;min-width:64px;text-align:right}.sf-co-cart-empty{text-align:center;padding:24px 12px;color:var(--text-soft)}.sf-co-step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:4px;margin-top:10px;transition:border-color .15s ease,box-shadow .15s ease}.sf-co-step.is-active{border-color:var(--primary);box-shadow:0 4px 18px rgba(0,0,0,.06);padding:8px 8px 14px}.sf-co-step.is-done{border-color:var(--border)}.sf-co-step-head{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:10px 12px;font-weight:700;font-size:.9rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:left;color:var(--text)}.sf-co-step-head[disabled]{opacity:.45;cursor:not-allowed}.sf-co-step-icon{width:30px;height:30px;border-radius:10px;background:var(--surface-2);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease,color .15s ease}.sf-co-step.is-active .sf-co-step-icon{background:var(--primary-soft);color:var(--primary)}.sf-co-step.is-done .sf-co-step-icon{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.sf-co-step-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);flex-shrink:0}.sf-co-step.is-active .sf-co-step-label{color:var(--primary)}.sf-co-step-value{flex:1 1;text-align:right;color:var(--text);font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sf-co-step.is-pending .sf-co-step-value{color:var(--text-muted);font-weight:500}.sf-co-step-caret{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.sf-co-step-content{padding:4px 12px;display:flex;flex-direction:column;gap:12px}.sf-chip-row{display:flex;flex-wrap:wrap;gap:8px}.sf-chip{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:.88rem;font-weight:600;min-height:44px;cursor:pointer;transition:all .15s ease}.sf-chip.is-active,.sf-chip:hover{border-color:var(--primary)}.sf-chip.is-active{background:var(--primary-soft);color:var(--primary-ink)}.sf-co-confirm{width:100%;padding:14px 18px;border-radius:14px;background:var(--primary);color:white;border:0;font-weight:800;font-size:1rem;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.sf-co-confirm:hover{background:var(--primary-hover)}.sf-co-confirm:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed}.sf-co-confirm:active:not(:disabled){transform:scale(.98)}.sf-co-error{margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:#991b1b;font-size:.85rem;font-weight:600}.sf-co-totals{display:flex;flex-direction:column;gap:4px;padding:14px 4px 0;font-size:.88rem}.sf-co-totals-row{color:var(--text-muted)}.sf-co-totals-grand,.sf-co-totals-row{display:flex;justify-content:space-between}.sf-co-totals-grand{margin-top:8px;padding-top:12px;border-top:1px solid var(--border);font-size:1.05rem;font-weight:800;color:var(--text)}.sf-closed-card{margin:24px 16px;padding:20px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);text-align:center}.sf-closed-card h3{font-weight:800;font-size:1.1rem;margin-bottom:6px}.sf-closed-card p{color:var(--text-muted);font-size:.92rem}.sf-empty{margin:24px 16px;padding:32px 20px;border-radius:18px;background:var(--surface);border:1px dashed var(--border-strong);text-align:center;color:var(--text-muted)}.sf-empty-emoji{font-size:44px;margin-bottom:8px}.sf-skel{background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.sf-skel-block{padding:16px;display:flex;flex-direction:column;gap:10px}.sf-skel-row{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.sf-skel-row:first-child{border-top:0}@media (max-width:640px){.toast-stack{bottom:calc(96px + var(--sa-bottom))!important}}@media (prefers-reduced-motion:reduce){.sf-fab-count.is-bumping,.sf-fab-wrap,.sf-sheet,.sf-sheet-overlay{animation:none!important}}.ot-shell{background:var(--bg);padding-bottom:calc(40px + var(--sa-bottom))}.ot-loading{padding:80px 20px;text-align:center;color:var(--text-muted)}.ot-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;background:var(--surface);border-bottom:1px solid var(--border);padding:calc(var(--sa-top) + 10px) 16px 12px}.ot-back{width:36px;height:36px;border-radius:999px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:1rem;font-weight:700;flex-shrink:0}.ot-back:hover{background:var(--surface-3);color:var(--text)}.ot-header-text{display:flex;flex-direction:column;flex:1 1;min-width:0}.ot-header-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.ot-header-name{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ot-live{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--text-soft);padding:4px 8px;border-radius:999px;background:var(--surface-2)}.ot-live-dot{width:6px;height:6px;border-radius:999px;background:var(--text-soft)}.ot-live.is-live{color:var(--success);background:var(--success-soft)}.ot-live.is-live .ot-live-dot{background:var(--success);animation:pulse-soft 1.6s ease-in-out infinite}.ot-pipeline{list-style:none;padding:12px 16px;display:flex;align-items:flex-start;gap:4px;margin:0;overflow-x:auto;scrollbar-width:none;position:-webkit-sticky;position:sticky;top:calc(var(--sa-top) + 58px);z-index:29;background:var(--surface);border-bottom:1px solid var(--border)}.ot-pipeline::-webkit-scrollbar{display:none}.ot-pipe-step{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:64px}.ot-pipe-step:after{content:"";position:absolute;top:8px;left:50%;right:-50%;height:2px;background:var(--border);z-index:0}.ot-pipe-step:last-child:after{display:none}.ot-pipe-step.is-current:after,.ot-pipe-step.is-done:after{background:var(--primary)}.ot-pipe-dot{width:18px;height:18px;border-radius:999px;background:var(--surface-2);border:2px solid var(--border);z-index:1;position:relative;transition:all .2s ease}.ot-pipe-step.is-current .ot-pipe-dot,.ot-pipe-step.is-done .ot-pipe-dot{background:var(--primary);border-color:var(--primary)}.ot-pipe-step.is-current .ot-pipe-dot{box-shadow:0 0 0 4px var(--primary-soft);animation:pulse-soft 1.6s ease-in-out infinite}.ot-pipe-label{margin-top:8px;font-size:.7rem;font-weight:600;text-align:center;color:var(--text-soft);line-height:1.2}.ot-pipe-step.is-current .ot-pipe-label,.ot-pipe-step.is-done .ot-pipe-label{color:var(--text)}.ot-pipe-step.is-current .ot-pipe-label{color:var(--primary)}.ot-hero{margin:8px 16px 16px;padding:32px 20px 28px;border-radius:22px;background:linear-gradient(180deg,var(--primary-soft) 0,var(--surface) 100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.ot-hero-illust{width:96px;height:96px;border-radius:999px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:var(--shadow)}.ot-hero.is-pulsing .ot-hero-illust{animation:pulse-soft 1.8s ease-in-out infinite}.ot-hero-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin-top:8px}.ot-hero-sub{font-size:.95rem;color:var(--text-muted);line-height:1.4;max-width:320px}.ot-hero-scheduled{margin-top:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.85rem;font-weight:600}.ot-card{margin:0 16px 12px;padding:16px 16px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.ot-card-head{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;margin-bottom:8px}.ot-card-head strong{flex:1 1;font-weight:700}.ot-card-meta{color:var(--text-soft);font-size:.82rem;font-weight:600;gap:4px}.ot-card-action,.ot-card-meta{display:inline-flex;align-items:center}.ot-card-action{gap:6px;padding:8px 14px;margin-top:4px;background:var(--primary-soft);color:var(--primary-ink);border-radius:999px;font-size:.88rem;font-weight:700}.ot-pay-card{background:var(--warning-soft);border-color:#fcd34d}.ot-pay-card .ot-card-head{color:#854d0e}.ot-pay-body{white-space:pre-wrap;line-height:1.5;font-size:.92rem;padding:8px 0}.ot-pay-hint{font-size:.82rem;color:#854d0e;opacity:.85}.ot-store-avatar{width:36px;height:36px;border-radius:12px;background:var(--primary);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.ot-items{list-style:none;padding:0;margin:8px 0 0}.ot-items li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--border);font-size:.92rem}.ot-items li:first-child{border-top:0}.ot-items em{color:var(--text-soft);font-style:normal;font-weight:500}.ot-item-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.ot-item-name{font-weight:600}.ot-item-meta{font-size:.78rem;color:var(--text-soft)}.ot-item-note{font-style:italic}.ot-totals{margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.ot-totals>div{display:flex;justify-content:space-between;padding:4px 0;color:var(--text-muted);font-size:.9rem}.ot-totals-grand{padding-top:10px!important;margin-top:4px;border-top:1px solid var(--border);font-size:1.05rem;color:var(--text);font-weight:800}.ot-reorder-cta{position:-webkit-sticky;position:sticky;bottom:calc(16px + var(--sa-bottom));margin:16px;z-index:20}.ot-reorder-cta .sf-co-confirm{text-decoration:none}.install-cta{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.install-cta-menu{margin:10px 0 0;padding:10px 12px;background:var(--surface-1)}.install-cta-tracker{margin:12px;background:linear-gradient(135deg,var(--primary-soft,var(--surface-2)) 0,var(--surface-2) 100%);border-color:var(--primary)}.install-cta-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;background:var(--surface-3)}.install-cta-tracker .install-cta-icon{width:56px;height:56px;border-radius:12px}.install-cta-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.install-cta-title{font-weight:700;color:var(--text);font-size:.95rem;line-height:1.2}.install-cta-tracker .install-cta-title{font-size:1.02rem}.install-cta-sub{color:var(--text-soft);font-size:.8rem;line-height:1.3}.install-cta-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.install-cta-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--primary);color:#fff;border:0;font-weight:700;font-size:.85rem;cursor:pointer}.install-cta-primary:active{transform:translateY(1px)}.install-cta-dismiss{width:32px;height:32px;border-radius:999px;background:transparent;border:0;color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.install-cta-dismiss:hover{background:var(--surface-3);color:var(--text)}.install-ios-sheet{padding-bottom:calc(20px + var(--sa-bottom))}.install-ios-head{display:flex;align-items:center;gap:12px;padding:8px 16px 12px}.install-ios-head img{border-radius:10px;flex-shrink:0}.install-ios-head h2{font-size:1.05rem;font-weight:800;margin:0}.install-ios-head p{font-size:.85rem;color:var(--text-soft);margin:2px 0 0}.install-ios-steps{list-style:none;margin:0;padding:0 16px;display:flex;flex-direction:column;gap:14px}.install-ios-steps li{display:flex;gap:12px;align-items:flex-start}.install-ios-step-num{flex-shrink:0;width:28px;height:28px;border-radius:999px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.install-ios-step-body{flex:1 1;min-width:0}.install-ios-step-title{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:2px}.install-ios-step-body p{margin:0;font-size:.85rem;color:var(--text-soft);line-height:1.35}