:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--topbar-bg:#1a1a1a;--topbar-ink:#ffffff;--topbar-ink-muted:rgba(255,255,255,0.6);--text-scale:1;--surface:#ffffff;--surface-2:#f4f4f5;--surface-sticky:#ffffff;--ink:#372C1F;--ink-muted:rgba(55,44,31,0.6);--hairline:#f1f2f3;--border:#e1e3e5;--brand:#D82E2E;--brand-rgb:216,46,46;--on-brand:#ffffff;--brand-soft-rgb:248,113,113}body[data-theme=green]{--brand:#008060;--brand-rgb:0,128,96;--on-brand:#ffffff;--brand-soft-rgb:0,128,96}body[data-theme=yellow]{--brand:#F2DB7D;--brand-rgb:242,219,125;--on-brand:#372C1F;--brand-soft-rgb:242,219,125}body[data-theme=red]{--brand:#D82E2E;--brand-rgb:216,46,46;--on-brand:#ffffff;--brand-soft-rgb:248,113,113}body[data-theme=blue]{--brand:#224467;--brand-rgb:34,68,103;--on-brand:#ffffff;--brand-soft-rgb:96,139,192}body[data-theme=black],body[data-theme=gray]{--brand:#262626;--brand-rgb:38,38,38;--on-brand:#ffffff;--brand-soft-rgb:120,120,120}body[data-theme=black] .topbar-cart-btn,body[data-theme=gray] .topbar-cart-btn{background:#575757!important;color:#ffffff!important}:root{--brand-soft-rgb:242,219,125}body[data-dark=true]{--surface:#121212;--surface-2:#1f1f1f;--surface-3:#2a2a2a;--surface-sticky:#121212;--ink:#f5f2ec;--ink-muted:rgba(245,242,236,0.72);--hairline:#2e2e2e;--border:#3a3a3a;--topbar-bg:#0a0a0a}:root{--surface-3:#f4f4f5}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--surface)!important;color:var(--ink);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;transition:background-color .22s ease,color .22s ease}body[data-dark=true]{color-scheme:dark}body:not([data-dark=true]){color-scheme:light}html{min-height:100vh;min-height:100dvh}.app-shell,body>*{background:var(--surface)}.app-shell{max-width:680px;margin:0 auto;min-height:100vh;min-height:100dvh;color:var(--ink)}body[data-text-size=m]{zoom:1}body[data-text-size=l]{zoom:1.08}body[data-text-size=xl]{zoom:1.15}body[data-text-size=xxl]{zoom:1.22}@media (min-width:900px){.app-shell{max-width:1200px;box-shadow:0 0 0 1px #e1e3e5}}@media (min-width:1400px){.app-shell{max-width:1400px}}.sticky-top{position:-webkit-sticky;position:sticky;top:calc(52px + env(safe-area-inset-top));z-index:10;background:var(--surface-sticky);padding:14px max(5vw,calc((100% - 560px) / 2));border-bottom:1px solid var(--hairline)}.sticky-top [class*=TextField__Backdrop]{background:var(--surface-3)!important;border:none!important;border-radius:16px!important;box-shadow:0 2px 10px rgba(0,0,0,.08),0 0 0 .5px rgba(0,0,0,.04)!important;min-height:48px!important}.sticky-top [class*=TextField__Input]{background:transparent!important;font-size:15px!important;padding:14px!important;color:var(--ink)!important}.sticky-top [class*=Select__Backdrop]{background:var(--surface-3)!important;border:none!important;box-shadow:none!important;border-radius:12px!important}.sticky-top [class*=Select__Backdrop],.sticky-top [class*=Select__Content]{min-height:36px!important;height:36px!important;display:flex!important;align-items:center!important}.sticky-top [class*=Select__Content]{padding:0 10px!important;font-size:13px!important;font-weight:500!important;color:var(--ink)!important;line-height:1!important}.sticky-top [class*=Select__Icon]{position:static!important;margin-left:4px!important;display:inline-flex!important;align-items:center!important}[class*=Select__Icon] svg{fill:var(--ink-muted)!important}body[data-dark=true] input::placeholder,body[data-dark=true] textarea::placeholder{color:rgba(245,242,236,.55)!important}.Polaris-AppProvider,body{--p-color-bg-fill-brand:var(--brand)!important;--p-color-bg-fill-brand-hover:#e9ce65!important;--p-color-bg-fill-brand-active:#dcbe4c!important;--p-color-bg-fill-success:var(--brand)!important;--p-color-bg-fill-success-secondary:rgba(var(--brand-rgb),0.35)!important;--p-color-text-brand:#372C1F!important;--p-color-text-brand-hover:#372C1F!important;--p-color-text-success:#372C1F!important;--p-color-text-emphasis:#372C1F!important;--p-color-text-emphasis-on-bg-fill:#372C1F!important;--p-color-border-brand:rgba(var(--brand-rgb),0.85)!important;--p-color-icon-brand:#372C1F!important;--p-color-bg-surface-brand:rgba(var(--brand-rgb),0.18)!important;--p-color-bg-surface-success:rgba(242,219,125,0.22)!important;--p-color-bg-surface-brand-hover:rgba(242,219,125,0.28)!important;--p-color-bg-surface-brand-active:rgba(var(--brand-rgb),0.45)!important}.sticky-top [class*=Select__SelectedOption]{display:inline-flex!important;align-items:center!important}.sticky-top input,.sticky-top select{background:transparent!important}.product-row{display:grid;grid-template-columns:64px 1fr auto;grid-gap:12px;gap:12px;padding:12px;align-items:center;border-bottom:1px solid var(--hairline);background:var(--surface);color:var(--ink)}.product-row>div{min-width:0}.product-row img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#f6f6f7}.product-row .title{font-weight:600;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-row .meta{font-size:12px;color:var(--ink-muted);margin-top:2px}.product-row .price{font-weight:700;font-size:14px;margin-top:4px;color:var(--ink)}@media (min-width:900px){.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.product-row{grid-template-columns:80px 1fr auto;border-right:1px solid #f1f2f3}.product-row img{width:80px;height:80px}.product-row .title{font-size:15px}.product-row .price{font-size:16px}}@media (min-width:1400px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.qty-stepper{gap:8px}.qty-stepper,.qty-stepper button{display:inline-flex;align-items:center}.qty-stepper button{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-size:18px;font-weight:600;cursor:pointer;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.qty-stepper button:active{transform:scale(.95)}.qty-stepper button.primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.qty-stepper button:disabled{opacity:.4;cursor:not-allowed}.qty-stepper .qty-value{min-width:36px;text-align:center;font-weight:600;font-size:16px}.tabs-bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(6px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:2px;padding:5px;width:90%;max-width:560px;background:rgba(250,250,252,.35);backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);border:.5px solid rgba(0,0,0,.08);border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 32px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);z-index:25}body[data-dark=true] .tabs-bottom{background:rgba(30,30,30,.55);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}.tabs-bottom button{flex:1 1;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border:.5px solid transparent;background:transparent;border-radius:22px;font-size:10.5px;font-weight:500;color:var(--ink);cursor:pointer;transition:all .2s ease}body[data-dark=true] .tabs-bottom button{color:#f5f2ec}.tabs-bottom button svg{width:22px;height:22px;stroke-width:2}.tabs-bottom button.active{background:rgba(var(--brand-rgb),.75);border-color:rgba(var(--brand-rgb),.9);color:var(--on-brand);font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.tabs-bottom button.active svg{stroke-width:2.4}.tabs-bottom button{transition:background-color .42s cubic-bezier(.34,1.56,.64,1),color .28s ease,border-color .28s ease,transform .24s cubic-bezier(.34,1.56,.64,1)}.tabs-bottom button.active{transform:translateY(-1px) scale(1.04)}.tabs-bottom button:not(.active):active{transform:scale(.94)}.tabs-bottom button svg{transition:transform .32s cubic-bezier(.34,1.56,.64,1),stroke-width .24s ease}.tabs-bottom button.active svg{transform:scale(1.1)}.bottom-bar-glass.above-tabs{bottom:calc(82px + env(safe-area-inset-bottom))}.bottom-bar-glass{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(6px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 10px 10px 24px;width:90%;max-width:560px;min-height:68px;background:rgba(250,250,252,.35);backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);border:.5px solid rgba(0,0,0,.08);color:var(--ink);border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 32px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);z-index:25;cursor:pointer}body[data-dark=true] .bottom-bar-glass{background:rgba(30,30,30,.55);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}.bottom-bar-glass .bar-text{display:flex;flex-direction:column;min-width:0;flex:0 0 auto}.bottom-bar-glass .bar-meta{font-size:11px;color:var(--ink-muted)}.bottom-bar-glass .bar-title{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}.bottom-bar-glass .bar-actions{flex:1 1 auto;justify-content:flex-end;display:flex;gap:8px;flex:0 0 auto}.bottom-bar-glass .bar-btn{padding:0 16px;height:46px;border-radius:23px;font-size:14px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bottom-bar-glass .bar-btn.secondary{background:#ebebeb;color:#372C1F;border:.5px solid #d9d9d9;padding:0 18px;font-weight:600}body[data-dark=true] .bottom-bar-glass .bar-btn.secondary{background:#3a3a3a;color:#f5f2ec;border-color:#4a4a4a}.bottom-bar-glass .bar-btn.secondary:active{opacity:.85}.bottom-bar-glass .bar-btn.primary{background:var(--brand);color:var(--on-brand);border:.5px solid rgba(var(--brand-rgb),.95);padding:0 26px;font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.mode-card{display:flex;flex-direction:column;gap:4px;padding:20px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;transition:all .15s;text-align:left;width:100%;box-shadow:0 1px 2px rgba(0,0,0,.04)}.mode-card:hover{border-color:var(--brand);background:rgba(var(--brand-rgb),.18)}.mode-card:active{transform:scale(.98)}.mode-card .mode-title{font-weight:700;font-size:16px;color:var(--ink)}.mode-card .mode-desc{font-size:13px;color:var(--ink-muted)}.mode-list{padding:4px 8px;display:flex;flex-direction:column;gap:10px}.chip-row{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:4px;margin-bottom:12px;flex-wrap:nowrap}.chip-row::-webkit-scrollbar{display:none}.chip-row{scrollbar-width:none}.chip-row>*{flex:0 0 auto;scroll-snap-align:start}@media (max-width:480px){.mode-list{padding:4px 16px}}.client-bar{background:#fff;padding:10px max(5vw,calc((100% - 560px) / 2));border-bottom:1px solid var(--hairline);gap:8px}.client-bar,.client-bar .loc-btn{display:flex;align-items:center;font-size:13px}.client-bar .loc-btn{flex:1 1;min-width:0;background:#f4f4f5;border:none;border-radius:12px;padding:10px 12px;font-weight:500;color:#372C1F;cursor:pointer;justify-content:space-between;gap:6px}.client-bar .loc-btn .chev{color:rgba(55,44,31,.6);font-size:10px}.client-bar .mini-btn{background:transparent;border:.5px solid #e1e3e5;border-radius:12px;padding:10px 12px;font-size:12.5px;font-weight:500;color:#372C1F;cursor:pointer;white-space:nowrap}.client-bar .mini-btn:active{background:rgba(0,0,0,.04)}.glass-popup{position:absolute;top:calc(100% + 10px);left:8px;right:8px;background:rgba(250,250,252,.75);backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);border:.5px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);z-index:20;overflow:hidden;max-height:60vh;overflow-y:auto}.glass-popup button{display:block;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:.5px solid rgba(0,0,0,.06);text-align:left;font-size:14px;font-weight:500;color:#372C1F;cursor:pointer}.glass-popup button.active{color:var(--brand);font-weight:600}.glass-popup button:last-child{border-bottom:none}