*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}html,body{background-color:#fff;color:#333;line-height:1.6;overflow-x:hidden;margin:0;padding:0}body{min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;pointer-events:none;width:90%;max-width:400px}.toast{background:var(--primary-gradient);color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;text-align:center;font-size:.95rem;margin-bottom:10px;pointer-events:auto}.toast.success{background:linear-gradient(135deg,var(--success-color, #4caf50),#45a049);background-color:var(--success-color, #4caf50)}.toast.error{background:var(--danger-color)}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-20px)}.toast-move{transition:transform .3s ease}.modal-overlay[data-v-a1be832d]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:clamp(10px,3vw,20px)}.modal-content[data-v-a1be832d]{background:white;border-radius:16px;max-width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d}.modal-close[data-v-a1be832d]{position:absolute;top:clamp(10px,2.5vw,15px);right:clamp(10px,2.5vw,15px);background:rgba(0,0,0,.1);border:none;border-radius:50%;width:var(--modal-close-size);height:var(--modal-close-size);min-width:var(--modal-close-size);min-height:var(--modal-close-size);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--modal-close-font-size);color:#333;z-index:10;transition:all .2s ease}.modal-close[data-v-a1be832d]:hover{background:rgba(0,0,0,.2)}.modal-image-container[data-v-a1be832d]{width:100%;height:var(--modal-image-height);overflow:hidden;border-radius:16px 16px 0 0}.modal-product-image[data-v-a1be832d]{width:100%;height:100%;object-fit:cover}.modal-info[data-v-a1be832d]{padding:var(--modal-padding)}.modal-title[data-v-a1be832d]{font-size:var(--modal-title-size);color:var(--primary-color);margin-bottom:clamp(8px,2vw,10px);font-weight:700;line-height:1.3}.modal-availability[data-v-a1be832d]{font-size:var(--modal-availability-size);font-weight:600;padding:clamp(6px,1.5vw,8px) clamp(10px,2.5vw,12px);border-radius:8px;margin-bottom:clamp(10px,2.5vw,12px);display:inline-block}.modal-availability.available[data-v-a1be832d]{background:#d4edda;color:#155724}.modal-availability.available-low[data-v-a1be832d]{background:#fff3cd;color:#856404}.modal-availability.unavailable[data-v-a1be832d]{background:#f8d7da;color:#721c24}.modal-description[data-v-a1be832d]{color:var(--text-secondary);margin-bottom:clamp(12px,3vw,15px);line-height:1.5;font-size:var(--modal-description-size)}.modal-price-info[data-v-a1be832d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,4vw,20px);padding-bottom:clamp(12px,3vw,15px);border-bottom:1px solid var(--border-light)}.modal-price[data-v-a1be832d]{font-size:var(--modal-price-size);font-weight:700;color:var(--primary-color)}.modal-quantity[data-v-a1be832d]{margin-bottom:clamp(15px,4vw,20px)}.modal-quantity label[data-v-a1be832d]{display:block;margin-bottom:clamp(8px,2vw,10px);font-weight:700;color:var(--text-primary);font-size:var(--modal-quantity-label-size)}.quantity-controls-modal[data-v-a1be832d]{display:flex;align-items:center;gap:clamp(8px,2vw,10px)}.quantity-btn-modal[data-v-a1be832d]{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:var(--modal-quantity-btn-size);height:var(--modal-quantity-btn-size);min-width:var(--modal-quantity-btn-size);min-height:var(--modal-quantity-btn-size);font-size:var(--modal-quantity-btn-font-size);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;line-height:1;padding:0}.quantity-btn-modal[data-v-a1be832d]:hover:not(:disabled){background:var(--secondary-color);transform:scale(1.1)}.quantity-btn-modal[data-v-a1be832d]:disabled{opacity:.5;cursor:not-allowed}.quantity-input-modal[data-v-a1be832d]{flex:1;padding:var(--modal-quantity-input-padding);border:2px solid var(--border-color);border-radius:8px;font-size:var(--modal-quantity-input-size);text-align:center;font-weight:700;min-width:0}.quantity-input-modal[data-v-a1be832d]:focus{outline:none;border-color:var(--secondary-color)}.modal-total[data-v-a1be832d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(15px,4vw,20px);padding:var(--modal-padding);background:var(--bg-light);border-radius:8px}.modal-total-label[data-v-a1be832d]{font-size:var(--modal-total-label-size);font-weight:700;color:var(--text-primary)}.modal-total-price[data-v-a1be832d]{font-size:var(--modal-total-price-size);font-weight:700;color:var(--primary-color)}.modal-add-btn[data-v-a1be832d]{width:100%;padding:var(--modal-add-btn-padding);background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-size:var(--modal-add-btn-size);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1a5f7a4d}.modal-add-btn[data-v-a1be832d]:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 16px #1a5f7a66}.modal-add-btn[data-v-a1be832d]:active:not(:disabled){transform:translateY(0)}.modal-add-btn[data-v-a1be832d]:disabled{opacity:.6;cursor:not-allowed}.modal-enter-active[data-v-a1be832d],.modal-leave-active[data-v-a1be832d]{transition:opacity .3s ease}.modal-enter-active .modal-content[data-v-a1be832d],.modal-leave-active .modal-content[data-v-a1be832d]{transition:transform .3s ease,opacity .3s ease}.modal-enter-from[data-v-a1be832d],.modal-leave-to[data-v-a1be832d]{opacity:0}.modal-enter-from .modal-content[data-v-a1be832d],.modal-leave-to .modal-content[data-v-a1be832d]{transform:scale(.9) translateY(20px);opacity:0}.loading-indicator[data-v-dca0d9d7]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#666;font-size:.9rem}.spinner.small[data-v-dca0d9d7]{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:var(--primary-color, #1a5f7a);border-radius:50%;animation:spin-dca0d9d7 .8s linear infinite}@keyframes spin-dca0d9d7{to{transform:rotate(360deg)}}.menu-page header[data-v-dca0d9d7]{flex-direction:column;align-items:stretch}.search-box-header[data-v-dca0d9d7]{margin-top:10px;padding:0;width:100%;display:flex;align-items:center;position:relative}.search-enter-active[data-v-dca0d9d7]{transition:all .3s ease;animation:slideDown-dca0d9d7 .3s ease}.search-leave-active[data-v-dca0d9d7]{transition:all .3s ease;animation:slideUp-dca0d9d7 .3s ease}.search-enter-from[data-v-dca0d9d7],.search-leave-to[data-v-dca0d9d7]{opacity:0;transform:translateY(-10px);max-height:0}@keyframes slideDown-dca0d9d7{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:100px}}@keyframes slideUp-dca0d9d7{0%{opacity:1;transform:translateY(0);max-height:100px}to{opacity:0;transform:translateY(-10px);max-height:0}}.search-input-header[data-v-dca0d9d7]{width:100%;padding:12px 15px;border:2px solid rgba(255,255,255,.3);border-radius:25px;font-size:1rem;background:rgba(255,255,255,.95);color:var(--text-primary);transition:all .3s ease}.search-input-header[data-v-dca0d9d7]:focus{outline:none;border-color:#fff;background:white;box-shadow:0 0 0 3px #fff3}.categories-scroll[data-v-dca0d9d7]{background:#ffffff!important;border-bottom:1px solid var(--border-light);border-top:none;padding:10px 0;position:sticky;top:0;z-index:99;box-shadow:none;margin-top:-1px;margin-bottom:0;overflow:visible;clip-path:none}.categories-list[data-v-dca0d9d7]{display:flex;gap:10px;overflow-x:auto;overflow-y:visible;padding:5px 15px;scrollbar-width:none;-ms-overflow-style:none;position:relative}.categories-list[data-v-dca0d9d7]::-webkit-scrollbar{display:none}.category-btn[data-v-dca0d9d7]{background:var(--bg-light);border:2px solid var(--border-light);color:var(--text-primary);padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.category-btn[data-v-dca0d9d7]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.category-btn.active[data-v-dca0d9d7]{background:var(--primary-gradient);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px #1a5f7a4d;transform:translateY(0) scale(1.02);transition:all .4s cubic-bezier(.4,0,.2,1)}.category-section[data-v-dca0d9d7]{scroll-margin-top:80px}.category-enter-active[data-v-dca0d9d7],.category-leave-active[data-v-dca0d9d7]{transition:all .4s ease}.category-enter-from[data-v-dca0d9d7]{opacity:0;transform:translateY(20px)}.category-leave-to[data-v-dca0d9d7]{opacity:0;transform:translateY(-20px)}.category-move[data-v-dca0d9d7]{transition:transform .4s ease}.product-enter-active[data-v-dca0d9d7]{transition:all .3s ease}.product-enter-from[data-v-dca0d9d7]{opacity:0;transform:scale(.9) translateY(10px)}.product-move[data-v-dca0d9d7]{transition:transform .3s ease}.products-grid[data-v-dca0d9d7]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.product-card[data-v-dca0d9d7]{background:white;border:1px solid var(--border-light);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column}.product-card[data-v-dca0d9d7]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a;border-color:var(--secondary-color)}.product-card-image-container[data-v-dca0d9d7]{width:100%;height:140px;overflow:hidden;background:var(--bg-light)}.product-card-image[data-v-dca0d9d7]{width:100%;height:100%;object-fit:cover}.product-card-info[data-v-dca0d9d7]{padding:var(--product-card-padding);flex:1;display:flex;flex-direction:column;gap:var(--product-card-gap)}.product-card-name[data-v-dca0d9d7]{font-size:var(--product-card-name-size);font-weight:700;color:var(--primary-color);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-availability[data-v-dca0d9d7]{font-size:.85rem;font-weight:600;padding:4px 8px;border-radius:6px;margin:0;display:inline-block;width:fit-content}.product-card-availability.available[data-v-dca0d9d7]{background:#d4edda;color:#155724}.product-card-availability.available-low[data-v-dca0d9d7]{background:#fff3cd;color:#856404}.product-card-availability.unavailable[data-v-dca0d9d7]{background:#f8d7da;color:#721c24}.product-card-footer[data-v-dca0d9d7]{display:flex;align-items:center;justify-content:space-between;gap:var(--product-card-footer-gap);margin-top:auto}.product-card-price[data-v-dca0d9d7]{margin:0;flex:1;display:flex;flex-direction:column;gap:2px}.price-amount[data-v-dca0d9d7]{font-size:var(--product-card-price-size);font-weight:700;color:var(--primary-color);line-height:1.2}.price-unit[data-v-dca0d9d7]{font-size:var(--product-card-price-unit-size);font-weight:400;color:var(--text-secondary, #666);opacity:.8;line-height:1.2}.product-card-btn[data-v-dca0d9d7]{background:var(--primary-gradient);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:var(--product-card-btn-size);cursor:pointer;transition:all .3s ease;flex-shrink:0;box-shadow:0 2px 4px #0000001a;white-space:nowrap;padding:var(--product-card-btn-padding-y) var(--product-card-btn-padding-x)}@media (max-width: 320px){.product-card-btn[data-v-dca0d9d7]{min-width:70px}}@media (min-width: 481px){.product-card-btn[data-v-dca0d9d7]{min-width:95px}}@media (min-width: 768px){.product-card-btn[data-v-dca0d9d7]{min-width:110px}}.product-card-btn.btn-text[data-v-dca0d9d7]{border-radius:6px;width:auto;min-width:85px}.product-card-btn[data-v-dca0d9d7]:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:scale(1.1);box-shadow:0 4px 10px #1a5f7a66}.product-card-btn[data-v-dca0d9d7]:disabled{opacity:.5;cursor:not-allowed}.btn-clear[data-v-dae1cdc6]{background:var(--primary-gradient);color:#fff;border:none;margin-top:.5rem}.btn-clear[data-v-dae1cdc6]:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}.cart-container[data-v-dae1cdc6]{display:flex;flex-direction:column;min-height:calc(100vh - 200px);padding-bottom:180px}.cart-items-section[data-v-dae1cdc6]{flex:1;padding:15px}.cart-total-section[data-v-dae1cdc6]{padding:15px;background:#ffffff;border-top:1px solid var(--border-light)}.cart-actions-footer[data-v-dae1cdc6]{position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#ffffff;padding:15px;border-top:1px solid var(--border-light);box-shadow:0 -2px 10px #0000001a;z-index:998}.cart-actions-footer .btn[data-v-dae1cdc6]{margin:5px 0}.quantity-unit-text[data-v-dae1cdc6]{margin-left:10px;color:var(--text-secondary);font-size:1rem;white-space:nowrap;display:flex;align-items:center;line-height:1}.custom-select[data-v-b4543900]{position:relative;width:100%}.select-trigger[data-v-b4543900]{width:100%;padding:16px 55px 16px 18px;border:2px solid var(--border-color);border-radius:12px;font-size:1.05rem;font-family:inherit;font-weight:600;background:linear-gradient(135deg,#ffffff 0%,#f0f7fa 50%,#ffffff 100%);color:#1a5f7a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1a5f7a2e,0 2px 4px #1a5f7a1a;position:relative;overflow:visible;display:flex;align-items:center;justify-content:space-between;min-height:56px}.select-trigger[data-v-b4543900]:hover{border-color:var(--secondary-color);background:linear-gradient(135deg,#ffffff 0%,#e8f4f8 50%,#f0f7fa 100%);box-shadow:0 6px 16px #1a5f7a40,0 3px 6px #1a5f7a26;transform:translateY(-2px);color:#159895}.select-trigger[data-v-b4543900]:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #15989526,0 6px 20px #15989533,0 3px 8px #15989526;transform:translateY(-2px);background:linear-gradient(135deg,#ffffff 0%,#e8f4f8 50%,#f0f7fa 100%);color:#159895}.custom-select.is-open .select-trigger[data-v-b4543900]{border-color:var(--secondary-color);box-shadow:0 0 0 3px #15989526,0 6px 20px #15989533,0 3px 8px #15989526;transform:translateY(-2px);background:linear-gradient(135deg,#ffffff 0%,#e8f4f8 50%,#f0f7fa 100%);color:#159895}.select-value[data-v-b4543900]{flex:1;text-align:left}.select-label[data-v-b4543900]{color:#1a5f7a;font-weight:600}.select-placeholder[data-v-b4543900]{color:#999;font-style:italic;font-weight:400}.select-arrow[data-v-b4543900]{display:flex;align-items:center;justify-content:center;color:#1a5f7a;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:12px}.select-arrow.is-open[data-v-b4543900]{transform:rotate(180deg)}.select-dropdown[data-v-b4543900]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#ffffff;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 24px #1a5f7a33,0 4px 12px #1a5f7a26;z-index:1000;max-height:300px;overflow-y:auto;overflow-x:hidden}.select-options[data-v-b4543900]{padding:8px}.select-option[data-v-b4543900]{padding:14px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;position:relative}.select-option[data-v-b4543900]:last-child{margin-bottom:0}.select-option.is-placeholder[data-v-b4543900]{color:#999;font-style:italic;font-weight:400;background-color:#f8f9fa}.select-option[data-v-b4543900]:not(.is-placeholder){color:#1a5f7a;font-weight:500;background-color:#fff}.select-option[data-v-b4543900]:not(.is-placeholder):hover{background:linear-gradient(135deg,rgba(26,95,122,.08),rgba(21,152,149,.08));color:#159895;transform:translate(4px)}.select-option.is-selected[data-v-b4543900]{background:linear-gradient(135deg,rgba(26,95,122,.12),rgba(21,152,149,.12));color:#159895;font-weight:600;border-left:3px solid var(--primary-color)}.select-option.is-selected[data-v-b4543900]:hover{background:linear-gradient(135deg,rgba(26,95,122,.15),rgba(21,152,149,.15))}.option-text[data-v-b4543900]{flex:1}.option-check[data-v-b4543900]{color:var(--secondary-color);display:flex;align-items:center;margin-left:12px;flex-shrink:0}.dropdown-enter-active[data-v-b4543900]{transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-leave-active[data-v-b4543900]{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-enter-from[data-v-b4543900],.dropdown-leave-to[data-v-b4543900]{opacity:0;transform:translateY(-10px) scale(.95)}.select-dropdown[data-v-b4543900]::-webkit-scrollbar{width:8px}.select-dropdown[data-v-b4543900]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;margin:8px}.select-dropdown[data-v-b4543900]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}.select-dropdown[data-v-b4543900]::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}h2[data-v-c1f54be0]{font-size:1.3rem;margin:20px 0 15px;color:var(--primary-color);padding-bottom:5px;border-bottom:2px solid var(--secondary-color)}.btn-group[data-v-c1f54be0]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.form-hint[data-v-c1f54be0]{display:block;margin-top:5px;font-size:.85rem;color:var(--text-secondary, #666)}.form-group input[type=text][data-v-c1f54be0],.form-group input[type=tel][data-v-c1f54be0],.form-group input[type=email][data-v-c1f54be0],.form-group input[type=number][data-v-c1f54be0],.form-group input[type=time][data-v-c1f54be0]{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;background-color:#fff!important;color:#333!important;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.form-group input[type=text][data-v-c1f54be0]:focus,.form-group input[type=tel][data-v-c1f54be0]:focus,.form-group input[type=email][data-v-c1f54be0]:focus,.form-group input[type=number][data-v-c1f54be0]:focus,.form-group input[type=time][data-v-c1f54be0]:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #15989526,0 2px 8px #1598951a;transform:translateY(-1px)}.form-group input[type=text][data-v-c1f54be0]:hover,.form-group input[type=tel][data-v-c1f54be0]:hover,.form-group input[type=email][data-v-c1f54be0]:hover,.form-group input[type=number][data-v-c1f54be0]:hover,.form-group input[type=time][data-v-c1f54be0]:hover{border-color:var(--secondary-color)}.form-group select[data-v-c1f54be0]{width:100%;padding:12px 40px 12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;background-color:#fff!important;color:#333!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a5f7a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.form-group select[data-v-c1f54be0]:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #15989526,0 2px 8px #1598951a;transform:translateY(-1px)}.form-group select[data-v-c1f54be0]:hover{border-color:var(--secondary-color)}.pickup-point-group[data-v-c1f54be0]{position:relative}.pickup-point-select[data-v-c1f54be0]{width:100%;padding:16px 55px 16px 18px!important;border:2.5px solid var(--primary-color)!important;border-radius:12px!important;font-size:1.05rem;font-family:inherit;font-weight:600;background:linear-gradient(135deg,#ffffff 0%,#f0f7fa 50%,#ffffff 100%)!important;background-color:#fff!important;color:#1a5f7a!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%231a5f7a' d='M10 14L4 8h12z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:20px!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1a5f7a2e,0 2px 4px #1a5f7a1a!important;position:relative;overflow:hidden}.pickup-point-select[data-v-c1f54be0]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;transition:opacity .3s ease}.pickup-point-select[data-v-c1f54be0]:hover{border-color:var(--secondary-color)!important;background:linear-gradient(135deg,#ffffff 0%,#e8f4f8 50%,#f0f7fa 100%)!important;box-shadow:0 6px 16px #1a5f7a40,0 3px 6px #1a5f7a26!important;transform:translateY(-2px);color:#159895!important}.pickup-point-select[data-v-c1f54be0]:hover:before{opacity:1}.pickup-point-select[data-v-c1f54be0]:focus{outline:none;border-color:var(--secondary-color)!important;box-shadow:0 0 0 5px #15989540,0 6px 20px #15989533,0 3px 8px #15989526!important;transform:translateY(-2px);background:linear-gradient(135deg,#ffffff 0%,#e8f4f8 50%,#f0f7fa 100%)!important;color:#159895!important}.pickup-point-select[data-v-c1f54be0]:focus:before{opacity:1}.pickup-point-select[data-v-c1f54be0]:active{transform:translateY(0);box-shadow:0 2px 8px #1a5f7a33!important}.pickup-point-select option[data-v-c1f54be0]{padding:14px 18px!important;background-color:#fff!important;color:#1a5f7a!important;font-weight:500;font-size:1rem;border-bottom:1px solid rgba(26,95,122,.1);transition:all .2s ease}.pickup-point-select option[data-v-c1f54be0]:first-child{color:#999!important;font-style:italic;font-weight:400;background-color:#f8f9fa!important}.pickup-point-select option[data-v-c1f54be0]:not(:first-child){background-color:#fff!important}.pickup-point-select option[data-v-c1f54be0]:not(:first-child):checked{background:linear-gradient(135deg,rgba(26,95,122,.1),rgba(21,152,149,.1))!important;color:#159895!important;font-weight:600}.pickup-point-select option[data-v-c1f54be0]:not(:first-child):hover{background-color:#e8f4f8!important;color:#159895!important}.pickup-point-select[data-v-c1f54be0]::-webkit-scrollbar{width:8px}.pickup-point-select[data-v-c1f54be0]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.pickup-point-select[data-v-c1f54be0]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}.pickup-point-select[data-v-c1f54be0]::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.pickup-point-hint[data-v-c1f54be0]{display:block;margin-top:8px;padding:8px 12px;background:linear-gradient(135deg,rgba(26,95,122,.1),rgba(21,152,149,.1));border-left:3px solid var(--primary-color);border-radius:6px;color:var(--primary-color);font-weight:500;font-size:.9rem;animation:fadeIn-c1f54be0 .3s ease}@keyframes fadeIn-c1f54be0{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-group textarea[data-v-c1f54be0]{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;background-color:#fff!important;color:#333!important;resize:vertical;min-height:80px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.form-group textarea[data-v-c1f54be0]:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #15989526,0 2px 8px #1598951a;transform:translateY(-1px)}.form-group textarea[data-v-c1f54be0]:hover{border-color:var(--secondary-color)}.radio-group[data-v-c1f54be0]{margin:15px 0;display:flex;flex-direction:column;gap:12px}.radio-option[data-v-c1f54be0]{display:flex;align-items:center;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;background-color:#fff!important;color:#333!important;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.radio-option[data-v-c1f54be0]:hover{border-color:var(--secondary-color);background-color:var(--bg-light);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.radio-option input[type=radio][data-v-c1f54be0]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:var(--secondary-color);flex-shrink:0;position:relative}.radio-option input[type=radio][data-v-c1f54be0]:checked{accent-color:var(--secondary-color)}.radio-option[data-v-c1f54be0]:has(input[type=radio]:checked){border-color:var(--secondary-color);background:linear-gradient(135deg,rgba(21,152,149,.1),rgba(26,95,122,.05));box-shadow:0 0 0 3px #1598951a,0 2px 8px #15989526}.radio-option label[data-v-c1f54be0]{cursor:pointer;font-weight:500;color:var(--text-primary);flex:1;-webkit-user-select:none;user-select:none}.radio-option:has(input[type=radio]:checked) label[data-v-c1f54be0]{color:var(--primary-color);font-weight:600}.order-card[data-v-bb1d754f]{background:white;border:1px solid var(--border-light);border-radius:8px;padding:15px;margin-bottom:15px;cursor:pointer;transition:all .2s ease}.order-card[data-v-bb1d754f]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.order-header[data-v-bb1d754f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-number[data-v-bb1d754f]{font-weight:700;font-size:1.1rem;color:var(--primary-color)}.order-date[data-v-bb1d754f]{font-size:.9rem;color:var(--text-secondary);margin-bottom:10px}.order-items[data-v-bb1d754f]{margin:10px 0}.order-item-short[data-v-bb1d754f]{font-size:.95rem;color:var(--text-primary);margin:3px 0}.order-item-more[data-v-bb1d754f]{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-top:5px}.order-footer[data-v-bb1d754f]{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:10px;border-top:1px solid var(--border-light)}.order-delivery[data-v-bb1d754f]{font-size:.9rem;color:var(--text-secondary)}.order-total[data-v-bb1d754f]{font-weight:700;font-size:1.2rem;color:var(--primary-color)}h2[data-v-73c0c2f1]{font-size:1.2rem;margin:20px 0 15px;color:var(--primary-color);padding-bottom:5px;border-bottom:2px solid var(--secondary-color)}.user-info[data-v-73c0c2f1]{margin-bottom:30px}.info-item[data-v-73c0c2f1]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.info-label[data-v-73c0c2f1]{color:var(--text-secondary);font-weight:500}.info-value[data-v-73c0c2f1]{color:var(--text-primary);font-weight:600}.stats-section[data-v-73c0c2f1]{margin-bottom:30px}.stats-grid[data-v-73c0c2f1]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px}.stat-card[data-v-73c0c2f1]{background:var(--bg-light);border-radius:8px;padding:15px;text-align:center}.stat-value[data-v-73c0c2f1]{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:5px}.stat-label[data-v-73c0c2f1]{font-size:.85rem;color:var(--text-secondary)}.actions-section[data-v-73c0c2f1]{margin-bottom:30px}.action-btn[data-v-73c0c2f1]{width:100%;display:flex;align-items:center;gap:15px;padding:15px;margin:10px 0;background:white;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease}.action-btn[data-v-73c0c2f1]:hover{border-color:var(--secondary-color);background:var(--bg-light);transform:translate(5px)}.action-btn span[data-v-73c0c2f1]:first-child{font-size:1.5rem}.app-info[data-v-73c0c2f1]{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--border-light);color:var(--text-secondary);font-size:.85rem}.app-info p[data-v-73c0c2f1]{margin:5px 0}.auth-warning[data-v-73c0c2f1]{margin-top:20px;padding:15px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:.9rem;line-height:1.5}*{font-family:Nunito,sans-serif}:root{--primary-color: #1a5f7a;--primary-gradient: linear-gradient(135deg, #1a5f7a, #159895);--secondary-color: #159895;--bg-light: #e8f4f8;--text-primary: #333;--text-secondary: #666;--border-color: #ddd;--border-light: #eee;--success-color: #4caf50;--danger-color: #f44336;--white: #ffffff;--product-card-padding: clamp(10px, 2.5vw, 14px);--product-card-gap: clamp(6px, 1.5vw, 10px);--product-card-name-size: clamp(.9rem, 2.5vw, 1.1rem);--product-card-price-size: clamp(.75rem, 2.5vw, .95rem);--product-card-price-unit-size: clamp(.65rem, 2vw, .75rem);--product-card-btn-size: clamp(.75rem, 2.5vw, .9rem);--product-card-btn-padding-y: clamp(5px, 1.5vw, 8px);--product-card-btn-padding-x: clamp(10px, 3vw, 14px);--product-card-footer-gap: clamp(8px, 2vw, 12px);--modal-padding: clamp(15px, 4vw, 20px);--modal-title-size: clamp(1.2rem, 4vw, 1.5rem);--modal-price-size: clamp(1.1rem, 3.5vw, 1.3rem);--modal-total-price-size: clamp(1.3rem, 4vw, 1.5rem);--modal-description-size: clamp(.9rem, 2.5vw, 1rem);--modal-availability-size: clamp(.85rem, 2.5vw, 1rem);--modal-quantity-label-size: clamp(.9rem, 2.5vw, 1rem);--modal-quantity-input-size: clamp(1rem, 3vw, 1.1rem);--modal-quantity-input-padding: clamp(8px, 2vw, 10px);--modal-quantity-btn-size: clamp(32px, 8vw, 40px);--modal-quantity-btn-font-size: clamp(1.2rem, 3.5vw, 1.5rem);--modal-add-btn-size: clamp(1rem, 3vw, 1.1rem);--modal-add-btn-padding: clamp(12px, 3vw, 15px);--modal-total-label-size: clamp(1rem, 3vw, 1.1rem);--modal-close-size: clamp(28px, 6vw, 32px);--modal-close-font-size: clamp(16px, 4vw, 18px);--modal-image-height: clamp(180px, 40vw, 200px)}.container{max-width:480px;margin:0 auto;background-color:#fff!important;min-height:100vh;box-shadow:0 0 10px #0000001a;padding-bottom:70px;color:var(--text-primary, #333)}html{background-color:#fff}.menu-page,.orders-page,.account-page,.cart-page,.checkout-page,.product-card,.order-card,.order-summary{background-color:#fff!important;color:#333!important}header{background:var(--primary-gradient);color:#fff;padding:clamp(10px,3vw,15px);position:sticky;top:0;z-index:100;border-bottom:none;box-shadow:0 2px 8px #0000001a;margin-bottom:0;min-height:60px;display:flex;align-items:center}header .header-content{display:flex;justify-content:space-between;align-items:center;gap:clamp(8px,2vw,15px);width:100%;position:relative;min-width:0}header .header-left{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;min-width:0}header .header-logo{max-height:clamp(35px,8vw,50px);max-width:clamp(60px,15vw,100px);width:auto;height:auto;object-fit:contain;border-radius:8px}header .header-center{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;padding:0 clamp(5px,1vw,10px)}header h1,header .header-title{font-family:Nunito,sans-serif;font-size:clamp(.9rem,4vw,1.4rem);font-weight:900;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.3px;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;text-align:center}header .header-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%}header .header-title-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:clamp(.7rem,3.5vw,1.1rem);line-height:1.1}header .header-right{display:flex;align-items:center;gap:clamp(5px,1.5vw,10px);flex-shrink:0;min-width:0}header .search-icon-btn,header button{background:transparent;border:none;cursor:pointer;padding:clamp(6px,1.5vw,8px);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;border-radius:50%;width:clamp(32px,8vw,36px);height:clamp(32px,8vw,36px);flex-shrink:0}header .search-icon-btn:hover,header button:hover{background:rgba(255,255,255,.1)}header .search-icon-btn.active{background:rgba(255,255,255,.2)}header .search-icon-btn svg,header button svg{width:clamp(18px,4.5vw,20px);height:clamp(18px,4.5vw,20px)}@media (max-width: 320px){header{padding:8px;min-height:50px}header .header-content{gap:5px}header .header-logo{max-height:30px;max-width:50px}header h1,header .header-title{font-size:.85rem}header .header-title-line{font-size:.7rem}}@media (min-width: 481px) and (max-width: 768px){header{padding:18px}header h1,header .header-title{font-size:1.5rem}header .header-title-line{font-size:1.2rem}}header p{font-size:clamp(.8rem,2.5vw,.9rem);opacity:.9;margin:0}.section{padding:15px;border-bottom:1px solid var(--border-light);background-color:#fff;color:var(--text-primary, #333)}.category-header{background-color:var(--bg-light);padding:10px 0 10px 15px;margin:10px 0;border-bottom:2px solid var(--secondary-color);font-weight:700;color:var(--primary-color);font-size:1.2rem}.menu-item{padding:15px 0;border-bottom:1px solid var(--border-light);display:flex;gap:15px}.product-image{width:80px;height:80px;border-radius:8px;object-fit:cover;flex-shrink:0;border:2px solid var(--bg-light)}.product-info{flex:1}.product-info h3{font-size:1.1rem;color:var(--primary-color);margin-bottom:5px}.product-info p{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.price{font-weight:700;color:var(--primary-color);margin:5px 0;font-size:1.1rem}.availability{font-size:.85rem;margin-top:5px}.availability.in-stock{color:var(--success-color)}.availability.out-of-stock{color:var(--danger-color)}.btn{display:block;width:100%;padding:15px;background:var(--primary-gradient);color:#fff;border:none;border-radius:5px;font-size:1.1rem;font-weight:700;cursor:pointer;margin:10px 0;text-align:center;text-decoration:none;transition:all .3s ease;transform:translateY(0);box-shadow:0 2px 5px #0000001a}.btn:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-3px) scale(1.02);box-shadow:0 5px 15px #0003}.btn:active{transform:translateY(-1px) scale(1.01);box-shadow:0 3px 8px #00000026}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background-color:#f0f0f0;color:var(--text-primary)}.btn-secondary:hover{background-color:#e0e0e0}.add-btn{background:var(--primary-gradient);color:#fff;border:none;border-radius:5px;padding:8px 15px;font-weight:700;cursor:pointer;transition:all .3s ease;transform:translateY(0);box-shadow:0 2px 4px #0000001a;font-size:.9rem}.add-btn:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px #0003}.add-btn:active{transform:translateY(-1px) scale(1.02)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.add-to-cart{display:flex;justify-content:flex-end;margin-top:10px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--border-light);gap:10px}.item-details{flex:1}.item-name{font-weight:700;color:var(--primary-color);margin-bottom:5px}.item-options{font-size:.9rem;color:var(--text-secondary)}.item-price{font-weight:700;color:var(--primary-color);font-size:1.1rem}.quantity-controls{display:flex;align-items:center;gap:10px}.quantity-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quantity-btn:hover{background:var(--secondary-color);transform:scale(1.1)}.quantity-value{min-width:40px;text-align:center;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.remove-btn{background:var(--danger-color);color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.remove-btn:hover{background:#d32f2f;transform:scale(1.05)}.total{display:flex;justify-content:space-between;font-weight:700;font-size:1.3rem;margin:20px 0;padding-top:15px;border-top:2px solid var(--border-color);color:var(--primary-color)}.bottom-nav{position:fixed;bottom:0;width:100%;max-width:480px;display:flex;justify-content:space-around;background-color:#fff;border-top:1px solid var(--border-color);padding:10px 0;z-index:999;box-shadow:0 -2px 10px #0000001a}.nav-item{text-align:center;flex:1;padding:8px 5px;font-weight:700;color:var(--primary-color);margin:0 5px;border:2px solid var(--primary-color);border-radius:8px;transition:all .3s ease;font-size:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:.7rem;line-height:1;white-space:nowrap}.nav-item.active{color:#fff;background:var(--primary-gradient);border:2px solid var(--primary-color)}.nav-item.active .nav-icon svg{stroke:#fff}.nav-item:not(.active):hover{background-color:var(--bg-light);border:2px solid var(--secondary-color);transform:translateY(-2px)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:5px;font-size:1rem;font-family:inherit;background-color:#fff!important;color:#333!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #1598951a}.radio-group{margin:15px 0}.radio-option{display:flex;align-items:center;margin:10px 0;cursor:pointer}.radio-option input{margin-right:10px;cursor:pointer}.empty-state{text-align:center;padding:40px 20px;color:#666!important;background-color:#fff!important}.empty-state h3{font-size:1.2rem;margin-bottom:10px;color:#333!important}.loading{text-align:center;padding:40px 20px}.spinner{border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-btn{color:var(--primary-color);text-decoration:none;font-weight:700;display:inline-block;margin-bottom:15px;transition:all .3s ease;cursor:pointer}.back-btn:hover{color:var(--secondary-color);transform:translate(-3px)}.order-summary{background-color:#f9f9f9;padding:15px;border-radius:5px;margin:15px 0}.order-item{display:flex;justify-content:space-between;margin:8px 0;padding:5px 0}.bonus-section{margin:15px 0;padding:15px;background-color:var(--bg-light);border-radius:5px}.bonus-item{display:flex;align-items:center;margin:10px 0;color:var(--primary-color);font-weight:500}.bonus-item input{margin-right:10px}.search-box{padding:15px;position:sticky;top:0;background:white;z-index:99;border-bottom:1px solid var(--border-light)}.search-box input{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:25px;font-size:1rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #1598951a}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.new{background-color:#e3f2fd;color:#1976d2}.status-badge.confirmed{background-color:#f3e5f5;color:#7b1fa2}.status-badge.in_progress{background-color:#fff3e0;color:#f57c00}.status-badge.ready{background-color:#e8f5e9;color:#388e3c}.status-badge.delivered{background-color:#e0f2f1;color:#00796b}.status-badge.cancelled{background-color:#ffebee;color:#c62828}
