.cart-overlay-backdrop[data-v-fa973e7c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.cart-overlay[data-v-fa973e7c]{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:100%;background:#fff;z-index:1000;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026}@media (max-width: 640px){.cart-overlay[data-v-fa973e7c]{width:100%}}.cart-overlay-header[data-v-fa973e7c]{padding:1.5rem;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.cart-overlay-header h2[data-v-fa973e7c]{font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.close-btn[data-v-fa973e7c]{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-gray-600);transition:color .2s}.close-btn[data-v-fa973e7c]:hover{color:var(--color-gray-900)}.close-btn svg[data-v-fa973e7c]{width:20px;height:20px}.cart-overlay-body[data-v-fa973e7c]{flex:1;overflow-y:auto;padding:1rem}.loading[data-v-fa973e7c],.empty-state[data-v-fa973e7c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--color-gray-600)}.empty-icon[data-v-fa973e7c]{width:4rem;height:4rem;color:var(--color-gray-300);margin-bottom:1rem}.spinner[data-v-fa973e7c]{width:3rem;height:3rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin-fa973e7c 1s linear infinite}@keyframes spin-fa973e7c{to{transform:rotate(360deg)}}.cart-items[data-v-fa973e7c]{display:flex;flex-direction:column;gap:1rem}.cart-item[data-v-fa973e7c]{display:flex;gap:1rem;padding:1rem;background:var(--color-gray-50);border-radius:.5rem;position:relative}.item-image[data-v-fa973e7c]{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:.375rem;flex-shrink:0}.item-info[data-v-fa973e7c]{flex:1}.item-info h3[data-v-fa973e7c]{font-size:.95rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.25rem}.item-info .price[data-v-fa973e7c]{font-size:1rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.quantity-controls[data-v-fa973e7c]{display:flex;gap:.5rem;align-items:center}.quantity-controls button[data-v-fa973e7c]{width:28px;height:28px;border:1px solid var(--color-primary);border-radius:.25rem;background:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s;font-weight:600}.quantity-controls button[data-v-fa973e7c]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.quantity-controls button[data-v-fa973e7c]:disabled{opacity:.4;cursor:not-allowed}.quantity-controls span[data-v-fa973e7c]{min-width:2rem;text-align:center;font-weight:500}.remove-btn[data-v-fa973e7c]{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;color:#ef4444;transition:opacity .2s}.remove-btn[data-v-fa973e7c]:hover{opacity:.7}.remove-btn svg[data-v-fa973e7c]{width:18px;height:18px}.cart-overlay-footer[data-v-fa973e7c]{padding:1.5rem;border-top:1px solid var(--color-gray-200);background:#fff;flex-shrink:0}.subtotal[data-v-fa973e7c]{display:flex;justify-content:space-between;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.subtotal .amount[data-v-fa973e7c]{color:var(--color-primary)}.btn-full[data-v-fa973e7c]{width:100%;margin-bottom:.75rem}.btn-full[data-v-fa973e7c]:last-child{margin-bottom:0}.overlay-backdrop-enter-active[data-v-fa973e7c],.overlay-backdrop-leave-active[data-v-fa973e7c]{transition:opacity .3s ease}.overlay-backdrop-enter-from[data-v-fa973e7c],.overlay-backdrop-leave-to[data-v-fa973e7c]{opacity:0}.cart-slide-enter-active[data-v-fa973e7c],.cart-slide-leave-active[data-v-fa973e7c]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.cart-slide-enter-from[data-v-fa973e7c],.cart-slide-leave-to[data-v-fa973e7c]{transform:translate(100%)}.mobile-menu-backdrop[data-v-56022c52]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.mobile-menu[data-v-56022c52]{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;z-index:999;padding:1.5rem 0;box-shadow:4px 0 24px #00000026}@media (max-width: 360px){.mobile-menu[data-v-56022c52]{width:100%}}.mobile-menu-header[data-v-56022c52]{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center}.mobile-menu-header h2[data-v-56022c52]{font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.close-btn[data-v-56022c52]{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-gray-600)}.close-btn svg[data-v-56022c52]{width:20px;height:20px}.mobile-menu-body[data-v-56022c52]{padding:1rem 0}.menu-item[data-v-56022c52]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:var(--color-gray-700);font-weight:500;text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background .2s,color .2s;font-size:1rem;border-left:3px solid transparent}.menu-item[data-v-56022c52]:hover{background:var(--color-primary-lighter);color:var(--color-primary)}.menu-item.router-link-active[data-v-56022c52]{background:var(--color-primary-light);color:var(--color-primary-hover);border-left-color:var(--color-primary)}.menu-icon[data-v-56022c52]{width:20px;height:20px}.cart-item[data-v-56022c52]{position:relative}.cart-item .badge[data-v-56022c52]{margin-left:auto;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.menu-backdrop-enter-active[data-v-56022c52],.menu-backdrop-leave-active[data-v-56022c52]{transition:opacity .3s ease}.menu-backdrop-enter-from[data-v-56022c52],.menu-backdrop-leave-to[data-v-56022c52]{opacity:0}.menu-slide-enter-active[data-v-56022c52],.menu-slide-leave-active[data-v-56022c52]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-slide-enter-from[data-v-56022c52],.menu-slide-leave-to[data-v-56022c52]{transform:translate(-100%)}.header[data-v-f23322be]{background:#fff;border-bottom:1px solid var(--color-gray-200);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.header-content[data-v-f23322be]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-f23322be]{text-decoration:none;display:flex;align-items:center;gap:.75rem}.logo-image[data-v-f23322be]{height:3rem;width:auto;transition:opacity .2s}.logo-text[data-v-f23322be]{font-size:1.25rem;font-weight:700;color:#15803d;transition:color .2s}.logo:hover .logo-image[data-v-f23322be]{opacity:.8}.logo:hover .logo-text[data-v-f23322be]{color:var(--color-primary-hover)}@media (max-width: 640px){.logo-image[data-v-f23322be]{height:2.5rem}.logo-text[data-v-f23322be]{font-size:1.125rem}}@media (max-width: 480px){.logo-text[data-v-f23322be]{display:none}}.nav[data-v-f23322be]{display:flex;gap:2rem;align-items:center}.nav a[data-v-f23322be]{color:var(--color-gray-700);font-weight:500;transition:color .2s;text-decoration:none}.nav a[data-v-f23322be]:hover,.nav a.router-link-active[data-v-f23322be]{color:var(--color-primary);text-decoration:none}.desktop-nav[data-v-f23322be]{display:flex}@media (max-width: 768px){.desktop-nav[data-v-f23322be]{display:none}}.mobile-actions[data-v-f23322be]{display:none;gap:1rem;align-items:center}@media (max-width: 768px){.mobile-actions[data-v-f23322be]{display:flex}}.cart-button[data-v-f23322be]{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-gray-700);transition:color .2s}.cart-button[data-v-f23322be]:hover{color:var(--color-primary)}.cart-icon[data-v-f23322be]{width:24px;height:24px}.cart-badge[data-v-f23322be]{position:absolute;top:0;right:0;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.hamburger-button[data-v-f23322be]{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-gray-700);transition:color .2s}.hamburger-button[data-v-f23322be]:hover{color:var(--color-primary)}.hamburger-icon[data-v-f23322be],.close-icon[data-v-f23322be]{width:24px;height:24px}.user-button[data-v-f23322be]{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-gray-700);transition:color .2s;text-decoration:none}.user-button[data-v-f23322be]:hover{color:var(--color-primary)}.user-icon[data-v-f23322be]{width:24px;height:24px}.link-button[data-v-f23322be]{background:none;border:none;color:var(--color-gray-700);font-weight:500;font-size:1rem;cursor:pointer;transition:color .2s;padding:0}.link-button[data-v-f23322be]:hover{color:var(--color-primary)}.footer[data-v-248f96b0]{background:linear-gradient(135deg,#15803d,#16a34a);color:#fff;margin-top:auto}.footer-content[data-v-248f96b0]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding:4rem 0 3rem}.footer-brand[data-v-248f96b0]{max-width:400px}.footer-logo[data-v-248f96b0]{margin-bottom:1rem}.logo-image[data-v-248f96b0]{height:4rem;width:auto;filter:brightness(0) invert(1);opacity:.95}.brand-name[data-v-248f96b0]{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fff}.brand-tagline[data-v-248f96b0]{font-size:.95rem;line-height:1.6;color:#ffffffe6}.footer-section h4[data-v-248f96b0]{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-section ul[data-v-248f96b0]{list-style:none}.footer-section li[data-v-248f96b0]{margin-bottom:.75rem}.footer-section a[data-v-248f96b0]{color:#ffffffd9;text-decoration:none;transition:color .2s}.footer-section a[data-v-248f96b0]:hover{color:#fff;text-decoration:none}.footer-bottom[data-v-248f96b0]{border-top:1px solid rgba(255,255,255,.2);padding:1.5rem 0;text-align:center}.footer-bottom p[data-v-248f96b0]{color:#fffc;font-size:.875rem}@media (max-width: 768px){.footer-content[data-v-248f96b0]{grid-template-columns:1fr;gap:2rem;padding:3rem 1rem 2rem}.footer-brand[data-v-248f96b0]{max-width:100%}.logo-image[data-v-248f96b0]{height:3rem}.brand-name[data-v-248f96b0]{font-size:1.25rem}.footer-section h4[data-v-248f96b0]{font-size:1rem}.footer-bottom[data-v-248f96b0]{padding:1.5rem 1rem}}.toast[data-v-fd9ab835]{position:fixed;bottom:2rem;right:2rem;z-index:9999;max-width:400px;min-width:300px;border-radius:.5rem;box-shadow:0 10px 25px #00000026;overflow:hidden}.toast-content[data-v-fd9ab835]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff}.toast-icon[data-v-fd9ab835]{flex-shrink:0;width:1.5rem;height:1.5rem}.toast-message[data-v-fd9ab835]{flex:1;font-size:.95rem;font-weight:500;color:var(--color-gray-900);margin:0}.toast-close[data-v-fd9ab835]{flex-shrink:0;width:1.25rem;height:1.25rem;background:none;border:none;cursor:pointer;color:var(--color-gray-600);transition:color .2s;padding:0}.toast-close[data-v-fd9ab835]:hover{color:var(--color-gray-900)}.toast-close svg[data-v-fd9ab835]{width:100%;height:100%}.toast-success[data-v-fd9ab835]{border-left:4px solid #16a34a}.toast-success .toast-icon[data-v-fd9ab835]{color:#16a34a}.toast-error[data-v-fd9ab835]{border-left:4px solid #dc2626}.toast-error .toast-icon[data-v-fd9ab835]{color:#dc2626}.toast-warning[data-v-fd9ab835]{border-left:4px solid #d97706}.toast-warning .toast-icon[data-v-fd9ab835]{color:#d97706}.toast-info[data-v-fd9ab835]{border-left:4px solid #2563eb}.toast-info .toast-icon[data-v-fd9ab835]{color:#2563eb}.toast-enter-active[data-v-fd9ab835],.toast-leave-active[data-v-fd9ab835]{transition:all .3s ease}.toast-enter-from[data-v-fd9ab835]{opacity:0;transform:translateY(1rem)}.toast-leave-to[data-v-fd9ab835]{opacity:0;transform:translate(2rem)}@media (max-width: 640px){.toast[data-v-fd9ab835]{left:1rem;right:1rem;bottom:1rem;min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #16a34a;--color-primary-hover: #15803d;--color-primary-light: #dcfce7;--color-primary-lighter: #f0fdf4;--color-accent: #10b981;--color-accent-light: #d1fae5;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-900: #111827}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--color-gray-900);background:var(--color-gray-50)}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;line-height:1.5}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 6px -1px #0000001a}.btn-secondary{background:var(--color-primary-light);color:var(--color-primary-hover)}.btn-secondary:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-outline{background:#fff;color:var(--color-primary);border:1px solid var(--color-gray-300)}.btn-outline:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-primary)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover);text-decoration:underline}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],select,textarea{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:.375rem;font-size:1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);ring:2px;ring-color:var(--color-primary-light)}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:2rem;height:2rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-primary{color:var(--color-primary)}.text-gray{color:var(--color-gray-600)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-lighter)}.bg-accent-light{background-color:var(--color-accent-light)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}button{cursor:pointer;border:none;background:none;font:inherit}a{color:inherit;text-decoration:none}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.grid{display:grid;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}