:root{--color-primary:#3e2a14;--color-on-primary:#fff;--color-primary-container:#e8dcc8;--color-on-primary-container:#241809;--color-secondary:#8f7a5e;--color-on-secondary:#fff;--color-secondary-container:#f2ebe0;--color-on-secondary-container:#241809;--color-tertiary:#5c4a32;--color-on-tertiary:#fff;--color-tertiary-container:#e0d4c4;--color-on-tertiary-container:#1a1209;--color-error:#d93025;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#410002;--color-background:#faf8f5;--color-on-background:#1a1510;--color-surface:#fff;--color-on-surface:#1a1510;--color-surface-variant:#e8e0d4;--color-on-surface-variant:#4a4032;--color-outline:#c4b8a8;--color-outline-variant:#ddd4c8;--color-shadow:#000;--color-scrim:#0006;--color-inverse-surface:#1a1510;--color-on-inverse-surface:#e8e0d4;--color-inverse-primary:#d4b896;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:24px;--font-family-base:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 6px #0000001a;--shadow-lg:0 4px 12px #00000026;--color-success:#2f6b3a;--color-on-success:#fff;--color-success-container:#ddead9;--color-on-success-container:#1e3a22;--color-warning:#8a6116;--color-on-warning:#fff;--color-warning-container:#f0e4c8;--color-on-warning-container:#3a2b0a;--color-info:#44618c;--color-on-info:#fff;--color-info-container:#dee7f2;--color-on-info-container:#1b2a40}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:var(--font-family-base);margin:0;padding:0}html{-webkit-touch-callout:none}a img,img{-webkit-user-drag:none;user-drag:none}body{background-attachment:fixed;background-color:var(--color-background);background-image:url(/static/media/wood-board-white-texture.e5feda230cf7e5cb39fa.svg);background-position:0 0;background-repeat:repeat;background-size:512px 384px;color:var(--color-on-surface);overflow-x:hidden;touch-action:manipulation}body.has-app-header{padding-top:60px}html{overflow-x:hidden}@media (min-resolution:2dppx){body{background-size:256px 192px}}@media (max-width:768px){body{background-attachment:scroll}body.has-app-header{padding-top:calc(56px + env(safe-area-inset-top, 0px))!important}:root{--mobile-bottom-bar-tabs-height:52px;--mobile-bottom-bar-height:calc(var(--mobile-bottom-bar-tabs-height) + 12px + env(safe-area-inset-bottom, 0px));--bottom-clearance-gap:var(--space-2)}body.has-bottom-menu{background-color:#fff;padding-bottom:0}body.has-fixed-cta{background-color:var(--color-surface);background-image:none}body.has-bottom-menu .app-shell{min-height:auto}.app-footer{display:none}body.has-bottom-clearance.has-bottom-menu .app-shell__main{padding-bottom:calc(var(--mobile-bottom-bar-height) + var(--bottom-clearance-gap))}body.has-bottom-clearance.has-cart-bar .app-shell__main{padding-bottom:calc(var(--mobile-bottom-bar-height) + var(--cart-mobile-checkout-bar-height, 76px) + var(--bottom-clearance-gap))}body.has-fixed-cta .app-shell__main{padding-bottom:calc(var(--checkout-cta-height, 96px) + var(--bottom-clearance-gap))}}.app-shell{display:flex;flex-direction:column;min-height:calc(100vh - 60px);min-height:calc(100svh - 60px)}.app-shell__main{display:flex;flex:1 0 auto;flex-direction:column}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:var(--space-6) var(--space-4);width:100%}.title{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.subtitle,.title{text-align:center}.subtitle{margin-bottom:var(--space-8)}.app-button{background-color:var(--color-secondary-container);border:1px solid var(--color-secondary);border-radius:var(--radius-sm);color:var(--color-on-secondary-container);cursor:pointer;font-weight:500;padding:var(--space-2) var(--space-4);transition:background-color .2s ease,border-color .2s ease}.app-button:hover{background-color:var(--color-primary-container)}.app-button-primary:focus-visible,.app-button:focus-visible,.app-footer__link:focus-visible,.app-header-title:focus-visible,.custom-input:focus-visible,.custom-select:focus-visible,.desktop-nav-tab:focus-visible,.floating-label-input:focus-visible,.floating-label-textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (hover:hover) and (pointer:fine){.mobile-bottom-bar__tab:focus-visible,.quick-actions__action:focus-visible,.quick-actions__trigger:focus-visible,.segmented-control__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}.app-button:disabled{background-color:var(--color-outline-variant);border-color:var(--color-outline);color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.6}.app-button-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.app-button-primary:hover{background-color:var(--color-tertiary);border-color:var(--color-tertiary)}.app-button-primary:disabled{background-color:var(--color-on-surface-variant);border-color:var(--color-on-surface-variant);color:var(--color-on-primary);cursor:not-allowed;filter:none;opacity:.6}.checkout-button{display:inline-block;width:auto}@media (min-width:769px){.checkout-button{display:block;width:100%}}.custom-select{appearance:none;background-color:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa0a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--color-outline);border-radius:var(--radius-sm);color:var(--color-on-surface);cursor:pointer;font-size:var(--font-size-md);font-weight:500;padding:var(--space-2) var(--space-4);padding-right:40px;transition:background-color .2s ease,border-color .2s ease}.custom-select:hover{background-color:var(--color-surface-variant);border-color:var(--color-outline-variant)}.custom-select:disabled{cursor:not-allowed;opacity:.6}.custom-input{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-on-surface);font-size:var(--font-size-md);font-weight:500;padding:var(--space-2) var(--space-3);transition:background-color .2s ease,border-color .2s ease}.custom-input:focus{border-color:var(--color-primary);outline:none}.custom-input:disabled{cursor:not-allowed;opacity:.6}.floating-label-wrapper{--floating-label-notch-bg:var(--color-background);margin-bottom:var(--space-4);position:relative}.card .floating-label-wrapper{--floating-label-notch-bg:var(--color-surface)}.floating-label-input,.floating-label-textarea{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--color-on-surface);font-size:var(--font-size-md);font-weight:500;padding:var(--space-4) var(--space-3) var(--space-2) var(--space-3);transition:border-color .2s ease;width:100%}.floating-label-textarea{min-height:80px;padding-top:20px;resize:vertical}.floating-label-input:focus,.floating-label-textarea:focus{border-color:var(--color-primary);outline:none}.floating-label-input:disabled,.floating-label-textarea:disabled{cursor:not-allowed;opacity:.6}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--color-on-surface);border-color:var(--color-outline);-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;caret-color:var(--color-on-surface);-webkit-transition:background-color 9999s ease-out;transition:background-color 9999s ease-out}.floating-label{background-color:var(--color-surface);color:var(--color-on-surface-variant);font-size:var(--font-size-md);font-weight:400;left:var(--space-3);padding:0 var(--space-1);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.floating-label-wrapper .floating-label-textarea+.floating-label{top:20px;transform:none}.floating-label-input.has-value+.floating-label,.floating-label-input:focus+.floating-label,.floating-label-input:not(:placeholder-shown)+.floating-label,.floating-label-textarea.has-value+.floating-label,.floating-label-textarea:focus+.floating-label,.floating-label-textarea:not(:placeholder-shown)+.floating-label{background-color:var(--floating-label-notch-bg);color:var(--color-on-surface);font-size:var(--font-size-sm);font-weight:500;top:0;transform:translateY(-50%)}.floating-label-wrapper .floating-label-textarea.has-value+.floating-label,.floating-label-wrapper .floating-label-textarea:focus+.floating-label,.floating-label-wrapper .floating-label-textarea:not(:placeholder-shown)+.floating-label{top:0;transform:translateY(-50%)}.grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));justify-content:center}@media (max-width:1024px){.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:768px){.grid{grid-template-columns:1fr}}.catalog-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.catalog-toolbar__controls{--catalog-action-btn-compact:34px;align-items:center;display:inline-flex;gap:var(--space-2);max-width:100%;min-width:0}.catalog-toolbar__controls .catalog-action-btn{flex-shrink:0}.catalog-action-btn{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);gap:6px;justify-content:center;min-height:34px;overflow:hidden;padding:var(--space-1) var(--space-3);transition:gap .28s cubic-bezier(.4,0,.2,1),padding .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:auto}.catalog-action-btn__label{display:inline-block;max-width:7.5em;opacity:1;overflow:hidden;transition:max-width .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap}.catalog-toolbar__controls--focused .catalog-action-btn{gap:0;justify-content:center;max-width:34px;max-width:var(--catalog-action-btn-compact,34px);min-width:34px;min-width:var(--catalog-action-btn-compact,34px);padding-left:0;padding-right:0;width:34px;width:var(--catalog-action-btn-compact,34px)}.catalog-toolbar__controls--focused .catalog-action-btn__label{max-width:0;opacity:0}.catalog-action-btn__icon{flex-shrink:0;font-size:13px;line-height:1;opacity:.9}.catalog-action-btn--active{background-color:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-on-primary-container);font-weight:600}.catalog-search-slot{--catalog-search-width:220px;flex:1 1 140px;min-height:34px;min-width:0;position:relative}.catalog-search-input{background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);box-sizing:border-box;color:var(--color-on-surface);font-family:inherit;font-size:var(--font-size-sm);min-height:34px;outline:none;padding:var(--space-1) var(--space-3);transition:border-color .2s ease,box-shadow .2s ease;width:100%}.catalog-search-input::placeholder{color:var(--color-on-surface-variant)}.catalog-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,#0000)}@media (min-width:769px){.catalog-search-slot{flex:0 0 var(--catalog-search-width);margin-left:auto;transition:width .28s cubic-bezier(.4,0,.2,1);width:var(--catalog-search-width)}.catalog-search-input{height:100%;position:absolute;right:0;top:0}.catalog-toolbar__controls--collapsing,.catalog-toolbar__controls--focused{max-width:var(--catalog-toolbar-width);width:var(--catalog-toolbar-width)}.catalog-toolbar__controls--focused .catalog-search-slot{flex:0 0 auto;width:calc(var(--catalog-toolbar-width) - var(--catalog-action-btn-compact)*2 - var(--space-2)*2)}}@media (max-width:768px){.catalog-toolbar__controls{display:flex;flex:1 1 100%;width:100%}.catalog-search-slot{flex:1 1 auto;min-width:0;transition:flex .28s cubic-bezier(.4,0,.2,1);width:auto}.catalog-toolbar__controls--collapsing .catalog-search-slot,.catalog-toolbar__controls--focused .catalog-search-slot{flex:1 1}.catalog-search-input{height:auto;position:static}}.card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);position:relative;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1)}.card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}@media (hover:hover){.card-clickable:hover{box-shadow:var(--shadow-md),var(--shadow-lg);transform:translateY(-4px)}}.card-clickable:active{box-shadow:none;transform:translateY(2px)}.card h2{margin-bottom:var(--space-3)}.card h2,.card p{color:var(--color-on-surface)}.card p{margin-bottom:var(--space-4)}.categories-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.categories-scroll{-ms-overflow-style:none;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.shimmer{background:var(--color-surface-variant);overflow:hidden;position:relative}.shimmer:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:-150%;position:absolute;top:0;width:50%}@keyframes shimmer{0%{transform:translateX(0)}to{transform:translateX(300%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.container{padding:var(--space-6) var(--space-4) var(--space-4)}.title{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.categories-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.card{padding:var(--space-4)}.card h2{font-size:var(--font-size-xl)}.custom-input,.custom-select{font-size:var(--font-size-sm);min-height:38px;padding:var(--space-2) var(--space-2)}.floating-label-input,.floating-label-textarea{font-size:var(--font-size-sm);min-height:38px;padding:var(--space-3) var(--space-2) var(--space-2) var(--space-2)}.floating-label-textarea{min-height:80px;padding-top:20px}.floating-label{font-size:var(--font-size-sm);left:var(--space-2)}.floating-label-input:focus+.floating-label,.floating-label-input:not(:placeholder-shown)+.floating-label,.floating-label-textarea:focus+.floating-label,.floating-label-textarea:not(:placeholder-shown)+.floating-label{font-size:var(--font-size-xs)}.app-button{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.app-button-primary{font-size:var(--font-size-lg);min-height:48px;padding:var(--space-4)}.card .app-button{min-height:38px;padding:var(--space-1) var(--space-3)}.card .app-button-primary{font-size:var(--font-size-md);min-height:40px;padding:var(--space-2) var(--space-3)}.checkout-button{box-sizing:border-box;width:100%!important}.card p{font-size:var(--font-size-md)}}.page-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 0 var(--space-8)}.page-empty-state__card{max-width:420px;padding:var(--space-8) var(--space-6);text-align:center;width:100%}.page-empty-state__icon{font-size:48px;line-height:1;margin-bottom:var(--space-4);opacity:.9}.page-empty-state__title{color:var(--color-on-surface);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-2)}.page-empty-state__text{color:var(--color-on-surface-variant);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--space-4)}.page-empty-state__actions{display:flex;flex-direction:column;gap:var(--space-3)}.page-empty-state__actions .app-button{min-height:44px;padding:var(--space-3) var(--space-4);width:100%}@media (max-width:768px){.custom-input,.custom-select,.floating-label-input,.floating-label-textarea{font-size:16px}}.order-status-chip{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:6px;padding:5px 12px;white-space:nowrap}.order-card{transition:transform .2s ease,box-shadow .2s ease}@media (hover:hover){.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.order-card:active{box-shadow:none;transform:translateY(2px)}.order-pay-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;padding:0;text-decoration:none;white-space:nowrap}.app-button{border-radius:var(--radius-md);font-size:var(--font-size-md)}.qty-stepper{gap:4px}.qty-stepper,.qty-stepper__btn{align-items:center;display:inline-flex}.qty-stepper__btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-on-primary);cursor:pointer;flex-shrink:0;font-size:var(--font-size-lg);height:36px;justify-content:center;line-height:1;min-width:36px;padding:0;width:36px}.qty-stepper__btn--compact{font-size:var(--font-size-md);height:32px;min-width:28px;width:28px}.qty-stepper__btn:hover:not(:disabled){filter:brightness(1.32)}.qty-stepper__btn:disabled{cursor:not-allowed;opacity:.6}.qty-stepper__input{appearance:textfield;border:1px solid var(--color-outline);border-radius:var(--radius-sm);box-sizing:border-box;font-size:var(--font-size-md);height:36px;line-height:36px;margin:0;padding:0 8px;text-align:center;width:70px}.qty-stepper__input--compact{height:32px;line-height:32px}.qty-stepper__input::-webkit-inner-spin-button,.qty-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-stepper__input:disabled{cursor:not-allowed;opacity:.6}.qty-stepper--pill{background:var(--color-surface-variant);border-radius:var(--radius-full);gap:0;padding:2px}.qty-stepper__btn--pill{background:#0000;border-radius:var(--radius-full);color:var(--color-on-surface);font-size:var(--font-size-lg);height:32px;min-width:32px;width:32px}.qty-stepper__btn--pill:hover:not(:disabled){background:var(--color-outline-variant);filter:none}.qty-stepper__input--pill{background:#0000;border:none;border-radius:var(--radius-full);font-size:var(--font-size-md);font-weight:600;height:32px;width:44px}.qty-stepper__input--pill:focus,.qty-stepper__input--pill:focus-visible{box-shadow:inset 0 0 0 2px var(--color-outline);outline:none}.qty-stepper--modal{padding:4px;width:100%}.qty-stepper--modal .qty-stepper__btn--pill{font-size:var(--font-size-xl);height:44px;min-width:44px;width:44px}.qty-stepper--modal .qty-stepper__input--pill{flex:1 1;font-size:var(--font-size-lg);height:44px;min-width:72px;width:auto}.app-header{background-attachment:fixed;background-color:var(--color-background);background-image:url(/static/media/wood-board-white-texture.e5feda230cf7e5cb39fa.svg);background-position:0 0;background-repeat:repeat;background-size:512px 384px}@media (min-resolution:2dppx){.app-header{background-size:256px 192px}}@media (max-width:768px){.app-header{background-image:none}}.desktop-nav-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-on-surface-variant);cursor:pointer;font-size:var(--font-size-lg);font-weight:400;padding:var(--space-2) 6px;transition:color .2s ease,border-bottom-color .2s ease}.desktop-nav-tab--active,.desktop-nav-tab:hover{color:var(--color-on-surface)}.desktop-nav-tab--active{border-bottom-color:var(--color-on-surface);font-weight:600}@media (max-width:768px){.app-header h2{font-size:var(--font-size-xl)!important;line-height:36px!important}.app-header-back{font-size:22px;line-height:1}.app-header.app-header--subpage{padding-left:var(--space-3)!important}.app-header{background-color:var(--color-surface)!important;box-shadow:var(--shadow-md),var(--shadow-lg)!important;left:0!important;padding:calc(var(--space-2) + env(safe-area-inset-top, 0px)) var(--space-4) var(--space-2)!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.app-header img{height:32px!important}.app-header .app-button{font-size:var(--font-size-sm)!important;padding:var(--space-2) var(--space-3)!important}}.app-header-bar{left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.app-header-inner{align-items:center;background-color:var(--color-surface);box-sizing:border-box;color:var(--color-on-surface);display:grid;margin-left:auto;margin-right:auto;pointer-events:auto;width:100%}.app-header-inner--desktop{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:12px;grid-template-columns:1fr auto 1fr;max-width:1200px;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-6)}.app-header-inner--mobile{border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:none;gap:8px;grid-template-columns:1fr auto;max-width:100%;padding:0}.app-header-group{align-items:center;display:flex;justify-self:start;max-width:100%;min-width:0;overflow:hidden;width:100%}.app-header-group--desktop{gap:12px;height:48px}.app-header-group--mobile{gap:8px;height:36px}.app-header-group--end{height:auto;justify-self:end;overflow:visible}.app-header-group--end--desktop{gap:12px}.app-header-group--end--mobile{gap:8px}.app-header-back-btn{align-items:center;color:var(--color-on-surface);display:flex;flex-shrink:0;height:36px;justify-content:center;margin:0 4px 0 0;width:36px}.app-header-back-btn,.app-header-title-btn{background:none;border:none;cursor:pointer;padding:0}.app-header-title-btn{color:inherit;flex:1 1 auto;margin:0;min-width:0;text-align:left}.app-header-title-text{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-title-text--desktop{font-size:24px}.app-header-title-text--mobile{font-size:16px;line-height:36px}.app-header-nav{justify-self:center}.app-header-icon-btn{align-items:center;display:flex}.app-header-icon-btn--desktop{gap:8px}.app-header-icon-btn--mobile{gap:4px;padding:6px 10px}.app-header-badge{background-color:var(--color-error);border-radius:12px;color:var(--color-on-error);font-weight:600;line-height:1.4;text-align:center}.app-header-badge--desktop{font-size:12px;min-width:20px;padding:2px 8px}.app-header-badge--mobile{font-size:11px;min-width:18px;padding:1px 6px}.app-header-phone-link{color:inherit;text-decoration:none}.mobile-bottom-bar{background-color:var(--color-surface);border-top:1px solid var(--color-outline-variant);bottom:0;box-shadow:0 -2px 6px #2b1a0e1a,0 -4px 12px #2b1a0e1f;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;will-change:transform;z-index:1000}.mobile-bottom-bar__tabs{align-items:center;display:flex;justify-content:space-around;min-height:var(--mobile-bottom-bar-tabs-height);padding:6px 0}.mobile-bottom-bar__tab{align-items:center;background:none;border:none;color:var(--color-on-surface-variant);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:400;gap:4px;justify-content:center;padding:6px 12px;transition:color .2s ease}.mobile-bottom-bar__tab-icon{align-items:center;display:inline-flex;justify-content:center;position:relative}.mobile-bottom-bar__tab-badge{background-color:var(--color-error);border-radius:10px;color:var(--color-on-error);font-size:10px;font-weight:600;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:-12px;text-align:center;top:-6px}.mobile-bottom-bar__tab--active{color:var(--color-on-surface);font-weight:600}.mobile-bottom-bar__tab-indicator{background-color:var(--color-primary);border-radius:1px;display:block;height:2px;width:24px}.navigation-tab__label{align-items:center;display:inline-flex;gap:6px}.navigation-tab__badge{background-color:var(--color-error);border-radius:10px;color:var(--color-on-error);flex-shrink:0;font-size:10px;font-weight:600;line-height:1.4;min-width:16px;padding:1px 5px;text-align:center}.mobile-bottom-bar__tab{position:relative}.mobile-bottom-bar__tab-indicator{bottom:3px;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.quick-actions{align-items:center;display:flex;flex-direction:row-reverse;gap:var(--space-2)}.quick-actions__trigger{align-items:center;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:var(--space-2) var(--space-3)!important;position:relative}.quick-actions__trigger-icon{font-size:20px;font-weight:700;letter-spacing:-2px;line-height:1}.quick-actions__trigger-dot{background-color:var(--color-error);border:1.5px solid var(--color-secondary-container);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px}.quick-actions__panel{align-items:center;display:flex;gap:var(--space-2);max-width:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transition:max-width .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .25s cubic-bezier(.4,0,.2,1)}.quick-actions--open .quick-actions__panel{max-width:240px;opacity:1;padding:0 var(--space-1) 0 var(--space-2);pointer-events:auto}.quick-actions__action{align-items:center;box-sizing:border-box;color:inherit;display:flex;flex-shrink:0;gap:4px;padding:6px 10px!important;text-decoration:none;white-space:nowrap}.quick-actions__action-icon{font-size:18px;line-height:1}.quick-actions__badge{background-color:var(--color-error);border-radius:12px;color:var(--color-on-error);font-size:11px;font-weight:600;line-height:1.4;min-width:18px;padding:1px 6px;text-align:center}}.customer-chat-backdrop{background:var(--color-scrim);inset:0;position:fixed;z-index:1098}.customer-chat-sheet{--customer-chat-content-max:1200px;--customer-chat-edge-inset:var(--space-2);--customer-chat-right-offset:max(var(--customer-chat-edge-inset),calc((100vw - min(var(--customer-chat-content-max), 100vw))/2 + var(--customer-chat-edge-inset)));animation:customer-chat-slide-down .25s ease-out;display:flex;flex-direction:column;max-height:min(520px,calc(100vh - 88px - env(safe-area-inset-top, 0px)));max-height:min(520px,calc(100dvh - 88px - env(safe-area-inset-top, 0px)));position:fixed;right:var(--customer-chat-right-offset);top:calc(64px + env(safe-area-inset-top, 0px) + var(--space-2));width:min(400px,calc(100vw - var(--customer-chat-right-offset)*2));z-index:1099}@keyframes customer-chat-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.customer-chat-panel{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.customer-chat-panel--embedded{border-radius:var(--radius-md);box-shadow:none}.customer-chat-panel__header{align-items:flex-start;background:var(--color-primary-container);border-bottom:1px solid var(--color-outline-variant);display:flex;justify-content:space-between;padding:var(--space-4)}.customer-chat-panel__title{color:var(--color-on-primary-container);font-size:var(--font-size-lg);font-weight:600}.customer-chat-panel__subtitle{color:var(--color-on-primary-container);font-size:var(--font-size-sm);margin-top:2px;opacity:.85}.customer-chat-panel__close{background:none;border:none;color:var(--color-on-primary-container);cursor:pointer;font-size:28px;line-height:1;padding:0 var(--space-1)}.customer-chat-panel__messages{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);max-height:360px;min-height:200px;overflow-y:auto;padding:var(--space-3)}.customer-chat-panel__messages--empty{flex:0 0 auto;min-height:0}.customer-chat-panel__hint{color:var(--color-on-surface-variant);font-size:var(--font-size-md);margin:var(--space-4) 0;text-align:center}.customer-chat-panel__bubble{border-radius:var(--radius-lg);font-size:var(--font-size-md);line-height:1.4;max-width:85%;padding:var(--space-2) var(--space-3)}.customer-chat-panel__bubble--me{align-self:flex-end;background:var(--color-primary-container);color:var(--color-on-primary-container)}.customer-chat-panel__bubble--staff{align-self:flex-start;background:var(--color-surface-variant);color:var(--color-on-surface)}.customer-chat-panel__order-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:600;margin-bottom:4px;opacity:.85}.customer-chat-panel__time{display:block;font-size:var(--font-size-xs);margin-top:4px;opacity:.7}.customer-chat-panel__error{color:var(--color-error);font-size:var(--font-size-sm);margin:0;padding:0 var(--space-3)}.customer-chat-panel__push{align-items:center;background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);justify-content:space-between;margin:0 var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3)}.customer-chat-panel__push-text{color:var(--color-on-surface-variant);font-size:var(--font-size-sm)}.customer-chat-panel__push-error{color:var(--color-error);font-size:var(--font-size-sm)}.customer-chat-panel__push-btn{background:var(--color-primary-container);border:none;border-radius:var(--radius-md);color:var(--color-on-primary-container);cursor:pointer;flex:0 0 auto;font-size:var(--font-size-sm);padding:4px var(--space-3)}.customer-chat-panel__push-btn:disabled{cursor:default;opacity:.6}.customer-chat-panel__form{align-items:flex-end;border-top:1px solid var(--color-outline-variant);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.customer-chat-panel__input{background:var(--color-background);border:1px solid var(--color-outline);border-radius:var(--radius-md);color:var(--color-on-surface);flex:1 1;font-size:var(--font-size-md);min-width:0;padding:var(--space-2) var(--space-3);width:100%}.customer-chat-panel__send{flex-shrink:0;min-width:auto;padding:var(--space-2) var(--space-3)}@media (max-width:768px){.customer-chat-sheet{left:var(--space-2);left:var(--customer-chat-edge-inset,var(--space-2));max-height:min(70vh,520px);right:var(--space-2);right:var(--customer-chat-edge-inset,var(--space-2));top:calc(56px + env(safe-area-inset-top, 0px) + var(--space-2));width:auto}}.page-loader{padding-top:40px;text-align:center}.page-loader__spinner{animation:spin 1s linear infinite;border:4px solid var(--color-outline-variant);border-radius:50%;border-top-color:var(--color-on-surface);display:inline-block;height:40px;width:40px}.page-loader__label{color:var(--color-on-surface-variant);margin-top:20px}.app-footer{background-color:var(--color-surface);border-top:1px solid var(--color-outline-variant);margin-top:auto}@media (max-width:768px){.app-footer__inner{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.app-footer__contacts{flex-direction:row;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.app-footer__legal{gap:var(--space-3) var(--space-4)}.app-footer__meta{flex-direction:row;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}}.app-footer__inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--space-6) var(--space-4)}.app-footer__brand{display:flex;flex-direction:column;gap:2px}.app-footer__title{color:var(--color-on-surface);font-weight:600}.app-footer__subtitle{color:var(--color-on-surface-variant);font-size:var(--font-size-sm)}.app-footer__contacts{display:flex;flex-direction:column;gap:var(--space-1)}.app-footer__legal{display:flex;flex-wrap:wrap;gap:var(--space-4)}.app-footer__link{background:none;border:none;color:var(--color-on-surface-variant);cursor:pointer;font-size:var(--font-size-md);padding:0;text-align:left}.app-footer__link:hover{color:var(--color-on-surface);text-decoration:underline}.app-footer__meta{color:var(--color-on-surface-variant);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:2px}.app-footer__link{align-items:center;display:inline-flex;min-height:44px}