body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;background-color:#f4f4f5;padding-bottom:100px}.container{max-width:1200px;margin:0 auto;padding:15px}.header{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;align-items:center}.form-grid input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-grid button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:disabled{background-color:#a0cfff;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.order-status{color:#28a745;font-weight:700;margin-left:15px}.sticky-footer{position:sticky;bottom:0;background-color:#ffffffe6;padding:15px;box-shadow:0 -2px 8px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:space-between;align-items:center}.total-amount{font-size:1.2em;font-weight:700}.product-list{margin-top:20px;display:grid;gap:15px}.product-list.list{grid-template-columns:1fr}.product-list.grid{grid-template-columns:repeat(2,1fr)}@media (min-width: 1024px){.product-list.grid{grid-template-columns:repeat(5,1fr);gap:20px}}@media (min-width: 768px) and (max-width: 1023px){.product-list.grid{grid-template-columns:repeat(3,1fr);gap:15px}}.product-card[data-v-332370a4]{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;overflow:hidden;display:flex;transition:transform .2s}.product-card.grid[data-v-332370a4]{flex-direction:column}.product-card.grid .card-image-wrapper[data-v-332370a4]{position:relative;width:100%;padding-top:100%;background:#f8f9fa}.product-card.grid .product-image[data-v-332370a4],.product-card.grid .image-placeholder[data-v-332370a4]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.product-card.grid .product-info[data-v-332370a4]{padding:10px;display:flex;flex-direction:column;gap:5px}.product-card.grid .product-title[data-v-332370a4]{font-size:.95rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card.list[data-v-332370a4]{flex-direction:row;height:auto;min-height:140px}.product-card.list .card-image-wrapper[data-v-332370a4]{width:140px;height:140px;flex-shrink:0;position:relative}.product-card.list .product-image[data-v-332370a4],.product-card.list .image-placeholder[data-v-332370a4]{width:100%;height:100%;object-fit:contain}.product-card.list .product-info[data-v-332370a4]{padding:12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.product-card.list .product-title[data-v-332370a4]{font-size:1.05rem;margin:0 0 5px}.product-card.list .product-desc[data-v-332370a4]{font-size:.85rem;color:#666;margin:5px 0}.product-desc.list-only[data-v-332370a4],.product-tags.list-only[data-v-332370a4]{display:none}@media (min-width: 768px){.product-desc.desktop-visible[data-v-332370a4],.product-tags.desktop-visible[data-v-332370a4]{display:block!important}.product-card.grid[data-v-332370a4]{flex-direction:column!important;height:auto;min-height:100%}.product-card.grid .card-image-wrapper[data-v-332370a4]{width:100%!important;height:180px!important;padding-top:0!important;flex-shrink:0;position:relative;background-color:#f8f9fa}.product-card.grid .product-image[data-v-332370a4],.product-card.grid .image-placeholder[data-v-332370a4]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.product-card.grid .product-info[data-v-332370a4]{flex-grow:1;padding:15px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.product-card.grid .product-title[data-v-332370a4]{font-size:1.1rem;white-space:normal;margin-bottom:5px}.product-card.grid .product-desc[data-v-332370a4]{flex-grow:1;color:#555;font-size:.85rem;line-height:1.4}.product-card.grid .product-tags[data-v-332370a4]{margin-top:auto;margin-bottom:5px}.product-card.grid .product-meta[data-v-332370a4]{margin-top:0}}.image-placeholder[data-v-332370a4]{display:flex;align-items:center;justify-content:center;background-color:#e9ecef;color:#adb5bd}.placeholder-text[data-v-332370a4]{font-size:2rem;font-weight:700}.discount-badge-overlay[data-v-332370a4]{position:absolute;bottom:5px;right:5px;background-color:#dc3545e6;color:#fff;font-size:1.15rem;padding:4px 8px;border-radius:4px;font-weight:700}.price-box[data-v-332370a4]{display:flex;align-items:baseline;gap:5px}.price-prefix[data-v-332370a4]{font-weight:700;margin-right:2px}.current-price[data-v-332370a4]{color:#dc3545;font-weight:700;font-size:1.1rem}.original-price[data-v-332370a4]{color:#999;text-decoration:line-through;font-size:.8rem}.quantity-control[data-v-332370a4]{display:flex;align-items:center;justify-content:flex-end;width:100%}.quantity-control button[data-v-332370a4]{width:28px;height:28px;border:1px solid #ddd;background-color:#fff;border-radius:4px;font-weight:700;color:#007bff;cursor:pointer}.quantity-control button[data-v-332370a4]:disabled{color:#ccc;border-color:#eee}.quantity-control .btn-plus[data-v-332370a4]{background-color:#007bff;color:#fff;border-color:#007bff}.quantity-control input[data-v-332370a4]{width:30px;text-align:center;border:none;font-weight:700;font-size:1rem}.product-tags.inline[data-v-332370a4]{display:flex;gap:5px}.product-tags.compact[data-v-332370a4]{display:flex;gap:2px;height:16px;overflow:hidden}.tag-badge[data-v-332370a4]{background:#f0f0f0;color:#555;font-size:.7rem;padding:1px 4px;border-radius:3px}.lightbox-overlay[data-v-332370a4]{position:fixed;inset:0;background:#000000e6;z-index:10000;display:flex;justify-content:center;align-items:center}.lightbox-image[data-v-332370a4]{max-width:100%;max-height:100%}.lightbox-close[data-v-332370a4]{position:absolute;top:20px;right:20px;font-size:2rem;color:#fff;background:none;border:none}.modal-overlay[data-v-7acd9a31]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content[data-v-7acd9a31]{background-color:#fff;padding:20px;border-radius:8px;width:600px;max-width:90%;max-height:80vh;overflow-y:auto;box-sizing:border-box}.close-btn[data-v-7acd9a31]{display:block;margin-top:20px;padding:8px 15px;cursor:pointer;background:#eee;border:1px solid #ddd;border-radius:4px;width:100%}.order-list[data-v-7acd9a31]{list-style:none;padding:0;margin:0}.order-list li[data-v-7acd9a31]{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 8px;border-bottom:1px solid #eee}.order-info[data-v-7acd9a31]{display:flex;flex-direction:column;gap:3px}.order-time[data-v-7acd9a31]{font-size:.9em;color:#666}.order-detail[data-v-7acd9a31]{font-weight:500}.order-total[data-v-7acd9a31]{font-weight:700;color:#dc3545;font-size:.95em}.order-actions[data-v-7acd9a31]{display:flex;gap:8px;align-items:center}.order-actions button[data-v-7acd9a31]{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;color:#fff;font-size:.9em}.btn-load[data-v-7acd9a31]{background-color:#007bff}.btn-delete[data-v-7acd9a31]{background-color:#dc3545}.btn-delete[data-v-7acd9a31]:disabled{background-color:#e2e6ea;color:#adb5bd;cursor:not-allowed}.auth-container[data-v-7acd9a31]{text-align:center;padding:20px 0}.hint[data-v-7acd9a31]{color:#666;font-size:.9rem;margin-bottom:20px}.form-group[data-v-7acd9a31]{margin-bottom:15px}.auth-input[data-v-7acd9a31]{width:80%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.full-width[data-v-7acd9a31]{width:80%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.full-width[data-v-7acd9a31]:disabled{background-color:#ccc}.error-msg[data-v-7acd9a31]{color:#dc3545;margin-bottom:10px;font-size:.9rem}.modal-mask[data-v-18a8b374]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 768px){.modal-mask[data-v-18a8b374]{align-items:center}}.modal-container[data-v-18a8b374]{width:100%;max-width:500px;background-color:#fff;border-radius:12px 12px 0 0;padding:20px;box-shadow:0 -2px 10px #0000001a;animation:slide-up-18a8b374 .3s ease-out}@media (min-width: 768px){.modal-container[data-v-18a8b374]{border-radius:8px;animation:fade-in-18a8b374 .3s ease-out}}.modal-header[data-v-18a8b374]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-18a8b374]{margin:0;font-size:1.2rem}.close-btn[data-v-18a8b374]{background:none;border:none;font-size:1.5rem;cursor:pointer}.order-summary-hint[data-v-18a8b374]{background-color:#f8f9fa;padding:10px;border-radius:4px;margin-bottom:15px;text-align:center;font-size:.9rem;color:#666}.highlight[data-v-18a8b374]{font-weight:700;color:#007bff}.price[data-v-18a8b374]{font-weight:700;color:#dc3545}.form-group[data-v-18a8b374]{margin-bottom:15px}.form-group label[data-v-18a8b374]{display:block;margin-bottom:5px;font-weight:500}.required[data-v-18a8b374]{color:#dc3545}input[data-v-18a8b374],select[data-v-18a8b374]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.btn-submit[data-v-18a8b374]{width:100%;padding:14px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:10px}.btn-submit[data-v-18a8b374]:disabled{background-color:#a0cfff}@keyframes slide-up-18a8b374{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in-18a8b374{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cart-mask[data-v-b9f81887]{position:fixed;z-index:9990;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;flex-direction:column;justify-content:flex-end;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cart-drawer[data-v-b9f81887]{background-color:#fff;width:100%;max-height:70vh;border-radius:12px 12px 0 0;display:flex;flex-direction:column;animation:slide-up-b9f81887 .25s ease-out;box-shadow:0 -4px 12px #00000026}.drawer-header[data-v-b9f81887]{padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.drawer-header h3[data-v-b9f81887]{margin:0;font-size:1rem;color:#333}.clear-cart[data-v-b9f81887]{color:#999;font-size:.9rem;cursor:pointer}.drawer-body[data-v-b9f81887]{overflow-y:auto;padding:0 0 20px;flex-grow:1}.empty-state[data-v-b9f81887]{padding:40px;text-align:center;color:#999}.cart-list[data-v-b9f81887]{list-style:none;padding:0;margin:0}.cart-item[data-v-b9f81887]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0}.item-details[data-v-b9f81887]{display:flex;flex-direction:column;gap:4px}.item-name[data-v-b9f81887]{font-weight:500;font-size:1rem;color:#333}.item-price[data-v-b9f81887]{font-size:.9rem;color:#666}.item-total-price[data-v-b9f81887]{color:#dc3545;font-weight:700}.item-actions[data-v-b9f81887]{display:flex;align-items:center;gap:10px}.btn-qty[data-v-b9f81887]{width:28px;height:28px;border-radius:50%;border:1px solid #ddd;background-color:#fff;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;color:#007bff;cursor:pointer;padding:0}.qty-display[data-v-b9f81887]{font-weight:700;min-width:20px;text-align:center}@keyframes slide-up-b9f81887{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-left-b9f81887{0%{transform:translate(100%)}to{transform:translate(0)}}@media (min-width: 768px){.cart-mask[data-v-b9f81887]{justify-content:flex-end;align-items:stretch}.cart-drawer[data-v-b9f81887]{width:400px;max-width:100%;height:100%;max-height:100%;border-radius:16px 0 0 16px;animation:slide-left-b9f81887 .3s ease-out}.drawer-header[data-v-b9f81887]{border-radius:16px 0 0}}.banner{margin-bottom:15px;padding:20px;border-radius:8px;text-align:center;font-size:1.5em;font-weight:700;box-shadow:0 2px 8px #0000001a;min-height:80px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}@media (min-width: 768px){.banner{padding-top:var(--banner-ratio-web)}}@media (max-width: 767px){.banner{padding-top:var(--banner-ratio-mobile)}}.header-simple{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px}.header-row{display:flex;justify-content:space-between;align-items:center}.app-title{font-size:1.2rem;font-weight:700;color:#333}.user-actions{display:flex;align-items:center;gap:8px}.mini-phone-input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;width:120px}.btn-orders{background:#6c757d;border:none;padding:8px 15px;border-radius:4px;font-size:.9rem;cursor:pointer;color:#fff}.btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:5px;line-height:1}@media (min-width: 768px){.btn-icon{display:none}}.deadline-bar{margin-top:10px;background-color:#fff3cd;color:#856404;font-size:.85rem;padding:5px 10px;border-radius:4px;text-align:center}.status-bar{margin-top:5px;font-size:.85rem;color:#28a745;text-align:center}.filter-row{margin-top:10px;position:relative;display:flex;align-items:center}.filter-input{width:100%;padding:8px 30px 8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background-color:#f8f9fa}.filter-input:focus{outline:none;border-color:#007bff;background-color:#fff}.filter-clear-btn{position:absolute;right:8px;background:none;border:none;color:#999;font-size:1.1rem;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.sticky-footer-modern{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;box-shadow:0 -2px 10px #00000014;display:flex;z-index:1000;height:60px}.cart-preview{flex-grow:1;display:flex;align-items:center;padding-left:20px;cursor:pointer;background-color:#333;color:#fff}.cart-icon-wrapper{position:relative;font-size:1.8rem;margin-right:15px;top:-10px;background:#333;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 -2px 5px #0000001a;border:4px solid #f4f4f5}.cart-icon-wrapper.bump{animation:bump .3s}.badge{position:absolute;top:0;right:-5px;background-color:#dc3545;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;border:1px solid #333}.price-info{display:flex;flex-direction:column}.total-price-text{font-size:1.1rem;font-weight:700}.sub-text{font-size:.7rem;color:#aaa}.btn-checkout-modern{background-color:#007bff;color:#fff;border:none;padding:0 30px;font-size:1rem;font-weight:700;cursor:pointer;width:120px}.btn-checkout-modern:disabled{background-color:#555;color:#999;cursor:not-allowed}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (min-width: 768px){.sticky-footer-modern{max-width:100%}}
