html{--main-color: #a1a1a1;--main-color-hover: #888888}:root{--header-h: 56px;--reserve-bottom: 72px}html,body{font-family:system-ui,sans-serif;color:var(--tg-theme-text-color, #222)}body{font-family:var(--default-font);font-size:13px;line-height:16px;font-weight:400;background-color:var(--block-bg-color);color:var(--text-color);color-scheme:var(--tg-color-scheme);margin:0;padding:0;width:1px;min-width:100%;--default-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--block-bg-color: var(--tg-theme-bg-color);--bg-color: #ebedf0;--animation: .15s ease;--page-animation-duration: .3s;--page-animation: var(--page-animation-duration) ease;--status-height: 48px;--accent-color: #31b545;--text-color: #222;--page-hint-color: #83878a;--hint-color: #74787a;--placeholder-color: #999da1;--ripple-duration: .45s;--ripple-end-duration: .3s;-webkit-user-select:none;user-select:none;cursor:default}html.dark body{--block-bg-color: var(--tg-theme-bg-color);--bg-color: #0f0f0f;--text-color: #fff;--page-hint-color: #9b9ba1;--hint-color: #64666d;--placeholder-color: #5d6163}body.gray-mode{background-color:var(--bg-color)}body.loading{cursor:wait;pointer-events:none}body.loading:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;z-index:9998}.loader{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:48px;z-index:9999;color:var(--main-color)}.app-header{position:fixed;left:0;right:0;top:0;background:var(--main-color, #fff);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(12px + var(--tg-safe-area-inset-top, 0));padding-bottom:12px;z-index:1000}.app-header-spacer{height:calc(var(--header-h) + var(--tg-safe-area-inset-top, 0));flex-shrink:0}.app-header-bottom{background:var(--tg-theme-bg-color, #fff);height:16px;width:100%;border-top-left-radius:12px;border-top-right-radius:12px;position:absolute;bottom:-1px;left:0;right:0}.cafe-header{background:var(--main-color);color:var(--text-color)}.text-heading{font-size:16px;font-weight:700;line-height:20px;text-transform:uppercase}.cafe-title{font-size:32px;font-weight:400;color:var(--text-color)}html.dark .cafe-page{border-top-color:#3a3a3a}*{-webkit-tap-highlight-color:transparent}.cafe-page{transition:filter var(--animation);border-top-left-radius:16px;border-top-right-radius:16px}body.closed .cafe-page{filter:grayscale(1) opacity(.7)}.cafe-block{background-color:var(--block-bg-color);padding:0 8px}.cafe-items{padding:8px;max-width:480px;transition:max-height var(--page-animation),opacity var(--page-animation);background-color:var(--block-bg-color);align-items:stretch;margin:auto}body.order-mode .cafe-items{max-height:0!important;opacity:0!important}.cafe-items:after{content:"";flex-grow:2}.cafe-item,.cafe-item-shadow{position:relative;height:200px;box-sizing:border-box;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.cafe-item-shadow{height:0;padding:0;margin:0}.cafe-item-photo{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;flex-shrink:0}.cafe-item-photo .cafe-item-emoji{font-size:70px;line-height:78px}.cafe-item-photo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.cafe-item-label{display:flex;flex-direction:column;justify-content:center;flex-grow:1;margin:8px 0}.cafe-item-title{font-weight:500;margin-bottom:4px;min-height:1.2em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cafe-item-price{font-weight:700;white-space:nowrap}button{cursor:pointer}button,.cafe-item-counter{display:inline-block;font-family:var(--default-font);font-weight:700;font-size:14px;line-height:14px;padding:8px 16px;height:36px;border-radius:12px;box-sizing:border-box;background-color:var(--main-color);color:#fff;outline:none;border:none}.cafe-item-counter{position:absolute;right:0;top:0;min-width:22px;height:22px;padding:2px 6px;margin:4px 6px;border-radius:11px;animation:var(--animation) both;pointer-events:none;z-index:3;line-height:18px}.cafe-status-wrap{position:fixed;left:0;right:0;top:0;z-index:1000;transform:translateY(var(--tg-viewport-height, 100vh))}.cafe-status{position:fixed;bottom:0;left:0;right:0;display:block;width:100%;padding:8px 20px;display:flex;justify-content:center;align-items:center;border-radius:0;background-color:#e64d44;box-shadow:0 var(--status-height) #e64d44;color:#fff;height:var(--status-height);transition:transform var(--animation),visibility var(--animation);transform:translateY(var(--status-height));box-sizing:border-box;pointer-events:none;visibility:hidden;z-index:11}.cafe-status.shown{pointer-events:auto;visibility:visible;transform:translateY(0)}.cafe-text-field-wrap{margin-top:14px}.cafe-text-field{font-family:var(--default-font);font-size:17px;line-height:21px;-webkit-font-smoothing:antialiased;padding:12px 20px 13px;box-sizing:border-box;display:block;outline:none;border:none;border-radius:0;resize:none;color:var(--text-color);-webkit-user-select:auto;user-select:auto;cursor:auto;width:100%}.cafe-text-field::-webkit-input-placeholder{transition:color var(--animation);color:var(--placeholder-color);text-overflow:ellipsis}.cafe-text-field::-moz-placeholder{transition:color var(--animation);color:var(--placeholder-color);text-overflow:ellipsis}.cafe-text-field:-ms-input-placeholder{transition:color var(--animation);color:var(--placeholder-color);text-overflow:ellipsis}.cafe-text-field::placeholder{text-overflow:ellipsis}.cafe-text-field-hint{font-family:var(--default-font);font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;padding:10px 20px 24px;color:var(--hint-color)}.cafe-footer{background-color:var(--bg-color);position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10;background:#fff;border-radius:12px;box-shadow:0 0 10px #0000001a}.cafe-footer-nav{display:flex;justify-content:space-between;align-items:center;padding:4px;gap:4px}.cafe-footer-nav-item{font-size:14px;line-height:18px;font-weight:500;cursor:pointer;border-radius:12px;padding:8px 24px;position:relative;overflow:hidden;background:transparent;border:1px solid transparent}.cafe-footer-nav-item span{position:relative;z-index:1;transition:color .3s ease;color:var(--text-color)}.cafe-footer-nav-item{transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.cafe-footer-nav-item.active{background:var(--main-color);transform:scale(1.02);box-shadow:0 2px 8px #0000001a;animation:activePulse .3s ease-out}@keyframes activePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.cafe-footer-nav-item.active span{color:#fff;transition:color .3s ease}.cafe-footer-nav-item{position:relative;overflow:hidden}.loading-icon{position:absolute;top:0;right:0;pointer-events:none;transform:scale(0);visibility:hidden;opacity:.2;transform-origin:50%;transition:all var(--animation)}body.loading .loading-icon{transition-delay:.4s;transform:scale(1);visibility:visible;opacity:1}.loading-icon-circle{stroke:#fff;stroke-width:2.25px;stroke-linecap:round;fill:transparent;transform:rotate(-90deg);transform-origin:50%;animation:rotate-circle linear 1.5s infinite,resize-circle linear 360s infinite;stroke-dasharray:calc(var(--radius) * 6.28);r:var(--radius);--radius: 9px}@-webkit-keyframes rotate-circle{0%{transform:rotate(-90deg)}to{transform:rotate(630deg)}}@keyframes rotate-circle{0%{transform:rotate(-90deg)}to{transform:rotate(630deg)}}@-webkit-keyframes resize-circle{0%{stroke-dashoffset:0}to{stroke-dashoffset:12500px}}@keyframes resize-circle{0%{stroke-dashoffset:0}to{stroke-dashoffset:12500px}}@-webkit-keyframes badge-incr{0%,to{transform:scaleZ(1)}40%{transform:scale3d(1.2,1.2,1)}}@keyframes badge-incr{0%,to{transform:scaleZ(1)}40%{transform:scale3d(1.2,1.2,1)}}@-webkit-keyframes badge-incr2{0%,to{transform:scaleZ(1)}40%{transform:scale3d(1.2,1.2,1)}}@keyframes badge-incr2{0%,to{transform:scaleZ(1)}40%{transform:scale3d(1.2,1.2,1)}}@-webkit-keyframes badge-decr{0%,to{transform:scaleZ(1)}40%{transform:scale3d(.8,.8,1)}}@keyframes badge-decr{0%,to{transform:scaleZ(1)}40%{transform:scale3d(.8,.8,1)}}@-webkit-keyframes badge-decr2{0%,to{transform:scaleZ(1)}40%{transform:scale3d(.8,.8,1)}}@keyframes badge-decr2{0%,to{transform:scaleZ(1)}40%{transform:scale3d(.8,.8,1)}}@-webkit-keyframes badge-show{0%{transform:scale3d(.5,.5,1);opacity:0;visibility:hidden}30%{transform:scale3d(1.2,1.2,1)}to{transform:scaleZ(1);opacity:1;visibility:visible}}@keyframes badge-show{0%{transform:scale3d(.5,.5,1);opacity:0;visibility:hidden}30%{transform:scale3d(1.2,1.2,1)}to{transform:scaleZ(1);opacity:1;visibility:visible}}@-webkit-keyframes badge-hide{0%{transform:scaleZ(1);opacity:1;visibility:visible}to{transform:scale3d(.5,.5,1);opacity:0;visibility:hidden}}@keyframes badge-hide{0%{transform:scaleZ(1);opacity:1;visibility:visible}to{transform:scale3d(.5,.5,1);opacity:0;visibility:hidden}}.app[data-v-461ffec3]{min-height:100vh;display:flex;flex-direction:column}.loader-container[data-v-461ffec3]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:1000}.loader[data-v-461ffec3]{width:60px;height:30px;color:var(--main-color, #31b545)}.app-main[data-v-461ffec3]{flex:1;padding-bottom:72px}.cafe-logo[data-v-461ffec3]{height:32px;object-fit:contain}.cafe-logo img[data-v-461ffec3]{height:100%;object-fit:contain}.order-checkout[data-v-483d99e1]{padding:16px;max-width:100%;display:flex;flex-direction:column;gap:20px}.order-header[data-v-483d99e1]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.order-header h2[data-v-483d99e1]{margin:0;font-size:20px;font-weight:600;color:var(--text-color)}.edit-btn[data-v-483d99e1]{background:none;border:1px solid #ddd;padding:8px 16px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-color)}.edit-btn[data-v-483d99e1]:hover{background:#f5f5f5}.order-items[data-v-483d99e1]{max-height:300px;overflow-y:auto}.order-item[data-v-483d99e1]{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #e5e5e5}.order-item[data-v-483d99e1]:last-child{border-bottom:none}.item-image[data-v-483d99e1]{width:50px;height:50px;border-radius:8px;overflow:hidden;margin-right:12px;flex-shrink:0}.item-image img[data-v-483d99e1]{width:100%;height:100%;object-fit:cover}.item-details[data-v-483d99e1]{flex:1}.item-name[data-v-483d99e1]{font-weight:500;font-size:16px;color:#333;margin-bottom:4px}.item-price[data-v-483d99e1]{font-size:14px;color:#666}.delivery-section[data-v-483d99e1],.address-section[data-v-483d99e1],.comment-section[data-v-483d99e1]{display:flex;flex-direction:column}.delivery-section h3[data-v-483d99e1],.address-section h3[data-v-483d99e1],.comment-section h3[data-v-483d99e1]{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.delivery-options[data-v-483d99e1]{display:flex;flex-direction:column;gap:8px}.delivery-option[data-v-483d99e1]{display:flex;align-items:center;padding:12px;border:1px solid #ddd;border-radius:6px;cursor:pointer;background:#fff}.delivery-option[data-v-483d99e1]:hover{background:#f9f9f9}.delivery-option input[type=radio][data-v-483d99e1]{margin-right:12px;transform:scale(1.2)}.delivery-option input[type=radio]:checked+.option-text[data-v-483d99e1]{color:#333;font-weight:500}.option-text[data-v-483d99e1]{display:flex;align-items:center;font-size:16px;color:#666}.option-icon[data-v-483d99e1]{margin-right:8px;font-size:18px}.address-input[data-v-483d99e1],.comment-input[data-v-483d99e1]{width:auto;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px}.address-input[data-v-483d99e1]:focus,.comment-input[data-v-483d99e1]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.address-input[data-v-483d99e1]::placeholder,.comment-input[data-v-483d99e1]::placeholder{color:#999}.cafe-item-buttons[data-v-7f6fdc72]{display:flex;width:80px;justify-content:space-between;margin:10px auto 0;position:relative;transition:all var(--animation);flex-shrink:0}.cafe-item-buttons button[data-v-7f6fdc72]{cursor:pointer;display:inline-block;font-family:var(--default-font);font-weight:700;font-size:14px;line-height:14px;padding:8px 16px;height:36px;border-radius:12px;box-sizing:border-box;background-color:var(--main-color);color:#fff;outline:none;border:none}.cafe-item-incr-button[data-v-7f6fdc72]{position:absolute!important;top:0;right:0;transition:width var(--animation);width:80px}.cafe-item-buttons.selected .cafe-item-incr-button[data-v-7f6fdc72]{width:38px}.cafe-item-buttons .cafe-item-decr-button[data-v-7f6fdc72]{position:relative;width:38px;background-color:#e64d44;pointer-events:none;transform:scale3d(.9,.9,1);transition:transform var(--animation),visibility var(--animation);visibility:hidden}.cafe-item-buttons.selected .cafe-item-decr-button[data-v-7f6fdc72]{pointer-events:auto;transform:scaleZ(1);visibility:visible}.cafe-item-incr-button[data-v-7f6fdc72]:before,.cafe-item-incr-button[data-v-7f6fdc72]:after,.cafe-item-decr-button[data-v-7f6fdc72]:before{display:inline-block;position:absolute;content:"";left:0;right:0;top:0;bottom:0;margin:auto;width:14px;height:3px;background-color:#fff;border-radius:1px;z-index:1}.cafe-item-incr-button[data-v-7f6fdc72]:before,.cafe-item-incr-button[data-v-7f6fdc72]:after{background-color:#fff0;transition:background-color var(--animation)}.cafe-item-buttons.selected .cafe-item-incr-button[data-v-7f6fdc72]:before,.cafe-item-buttons.selected .cafe-item-incr-button[data-v-7f6fdc72]:after{background-color:#fff}.cafe-item-incr-button .button-item-label[data-v-7f6fdc72]{transition:transform var(--animation)}.cafe-item-incr-button .button-item-label svg[data-v-7f6fdc72]{height:18px;fill:#fff}.cafe-item-buttons.selected .cafe-item-incr-button .button-item-label[data-v-7f6fdc72]{transform:scale3d(.4,0,1)}.cafe-item-incr-button[data-v-7f6fdc72]:after{width:3px;height:14px}.button-item.ripple-handler[data-v-7f6fdc72]{position:relative}.ripple-mask[data-v-7f6fdc72]{position:absolute;left:0;right:0;top:0;bottom:0;transform:translateZ(0);overflow:hidden;pointer-events:none}.button-item .ripple-mask[data-v-7f6fdc72]{border-radius:inherit}.button-item .ripple[data-v-7f6fdc72]{position:absolute;width:200%;left:50%;top:50%;margin:-100% 0 0 -100%;padding-top:200%;border-radius:50%;background-color:#00000012;transition:transform var(--ripple-duration) ease-out,opacity var(--ripple-duration) ease-out,background-color var(--ripple-duration) ease-out;opacity:0}.button-item-label[data-v-7f6fdc72]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:top;position:relative;z-index:1}.cafe-item-incr-button .ripple[data-v-7f6fdc72]{background-color:#ed960b}.cafe-item-decr-button .ripple[data-v-7f6fdc72]{background-color:#d3362d}.categories-scroll-container[data-v-63ae16e6]{position:sticky;top:calc(var(--header-h) + var(--tg-safe-area-inset-top, 0));z-index:10;background:#fff;padding:12px 0;border-bottom:1px solid #e5e5e5}.categories-scroll[data-v-63ae16e6]{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.categories-scroll[data-v-63ae16e6]::-webkit-scrollbar{display:none}.category-button[data-v-63ae16e6]{flex-shrink:0;padding:8px 16px;border:1px solid #e5e5e5;border-radius:12px;background:#fff;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.category-button[data-v-63ae16e6]:hover{background:#f5f5f5;border-color:#ddd}.category-button.active[data-v-63ae16e6]{background:var(--main-color);color:#fff;border-color:var(--main-color)}.products-grid[data-v-63ae16e6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.products-category[data-v-63ae16e6]{margin-bottom:24px;padding-bottom:24px}.category-title[data-v-63ae16e6]{margin:12px 0;text-align:center}.loading[data-v-63ae16e6],.loading[data-v-0d9b6ee7],.empty[data-v-0d9b6ee7]{text-align:center;padding:40px;color:#666}.cafe-order-item-history[data-v-0d9b6ee7]{background:var(--block-bg-color);border-radius:12px;margin-bottom:8px;padding:16px 12px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000d}.cafe-order-item-history[data-v-0d9b6ee7]:last-child{border-bottom:none}.cafe-order-item-info[data-v-0d9b6ee7]{display:flex;justify-content:space-between;align-items:center}.cafe-order-item-header[data-v-0d9b6ee7]{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;border-bottom:1px solid #ecf0f1}.cafe-order-item-number[data-v-0d9b6ee7]{font-weight:600;font-size:16px;color:var(--text-color)}.cafe-order-item-date[data-v-0d9b6ee7]{font-size:14px;color:var(--hint-color)}.cafe-order-item-status[data-v-0d9b6ee7]{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:500;text-transform:uppercase}.status-completed[data-v-0d9b6ee7]{background:#e8f5e8;color:#2d5a2d}.status-cancelled[data-v-0d9b6ee7]{background:#ffeaea;color:#d32f2f}.status-pending[data-v-0d9b6ee7]{background:#fff3e0;color:#f57c00}.cafe-order-item-products[data-v-0d9b6ee7]{margin:8px 0}.cafe-order-product[data-v-0d9b6ee7]{display:flex;align-items:center;padding:4px 0;border-bottom:1px solid #ecf0f1}.cafe-order-product[data-v-0d9b6ee7]:last-child{border-bottom:none}.cafe-order-product-image[data-v-0d9b6ee7]{width:40px;height:40px;border-radius:8px;overflow:hidden;margin-right:12px}.cafe-order-product-image img[data-v-0d9b6ee7]{width:100%;height:100%;object-fit:cover}.cafe-order-product-info[data-v-0d9b6ee7]{flex:1}.cafe-order-product-name[data-v-0d9b6ee7]{font-weight:500;margin-bottom:2px}.cafe-order-product-details[data-v-0d9b6ee7]{font-size:14px;color:#666}.cafe-order-product-total[data-v-0d9b6ee7]{font-weight:500}.cafe-order-item-footer[data-v-0d9b6ee7]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.cafe-order-item-total[data-v-0d9b6ee7]{font-weight:600;font-size:16px}.cafe-order-repeat-btn[data-v-0d9b6ee7]{background:var(--main-color);color:#fff;border:none;border-radius:12px;font-size:14px;line-height:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}