:root{--primary:#000;--primary-hover:#333;--accent:#ff4a00;--accent-hover:#e64300;--bg-color:#f8f9fa;--surface:#fff;--text-main:#111827;--text-muted:#6b7280;--text-light:#9ca3af;--border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none;transition:color .2s}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;transition:all .2s}ul{list-style:none}.container{max-width:1280px;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-main);font-weight:600}.font-serif{font-family:var(--font-serif)}.btn{border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn-outline:hover{border-color:var(--primary)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.app-wrapper[data-v-60b5cdaa]{flex-direction:column;min-height:100vh;display:flex}.main-content[data-v-60b5cdaa]{flex:1;padding-top:80px}.navbar[data-v-60b5cdaa]{z-index:100;-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #0000;height:80px;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar-scrolled[data-v-60b5cdaa]{border-bottom-color:var(--border);height:70px;box-shadow:var(--shadow-sm)}.navbar-inner[data-v-60b5cdaa]{justify-content:space-between;align-items:center;height:100%;display:flex}.logo[data-v-60b5cdaa]{letter-spacing:-.5px;font-size:28px;font-weight:700}.nav-links[data-v-60b5cdaa]{gap:32px;display:flex}.nav-links a[data-v-60b5cdaa]{color:var(--text-main);font-size:15px;font-weight:500;position:relative}.nav-links a[data-v-60b5cdaa]:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a[data-v-60b5cdaa]:hover:after,.nav-links a.router-link-active[data-v-60b5cdaa]:after{width:100%}.nav-actions[data-v-60b5cdaa]{align-items:center;gap:20px;display:flex}.search-box[data-v-60b5cdaa]{background:var(--bg-color);border-radius:20px;align-items:center;padding:8px 16px;transition:all .3s;display:flex}.search-box[data-v-60b5cdaa]:focus-within{background:#fff;box-shadow:0 0 0 2px #0000001a}.search-box input[data-v-60b5cdaa]{width:140px;font-family:var(--font-sans);background:0 0;border:none;outline:none;margin-left:8px}.action-icon[data-v-60b5cdaa]{color:var(--text-main);transition:color .2s;display:flex;position:relative}.action-icon[data-v-60b5cdaa]:hover{color:var(--accent)}.cart-icon .badge[data-v-60b5cdaa]{background:var(--accent);color:#fff;text-align:center;border:2px solid #fff;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-8px}.footer[data-v-60b5cdaa]{background:var(--primary);color:#fff;margin-top:80px;padding:80px 0 30px}.footer-grid[data-v-60b5cdaa]{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px;display:grid}.footer-brand h2[data-v-60b5cdaa]{color:#fff;font-size:24px}.footer-links h3[data-v-60b5cdaa]{color:#fff;margin-bottom:20px;font-size:16px}.footer-links ul li[data-v-60b5cdaa]{margin-bottom:12px}.footer-links a[data-v-60b5cdaa]{color:var(--text-light)}.footer-links a[data-v-60b5cdaa]:hover{color:#fff}.subscribe-box[data-v-60b5cdaa]{display:flex}.subscribe-box input[data-v-60b5cdaa]{color:#fff;background:#ffffff1a;border:none;border-radius:4px 0 0 4px;outline:none;flex:1;padding:12px 16px}.subscribe-box input[data-v-60b5cdaa]::placeholder{color:#ffffff80}.subscribe-box button[data-v-60b5cdaa]{border-radius:0 4px 4px 0;padding:0 20px}.footer-bottom[data-v-60b5cdaa]{color:var(--text-light);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:30px;font-size:14px;display:flex}.social-links[data-v-60b5cdaa]{gap:16px;display:flex}.social-links svg[data-v-60b5cdaa]{cursor:pointer;transition:color .2s}.social-links svg[data-v-60b5cdaa]:hover{color:#fff}.fade-enter-active[data-v-60b5cdaa],.fade-leave-active[data-v-60b5cdaa]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-60b5cdaa],.fade-leave-to[data-v-60b5cdaa]{opacity:0;transform:translateY(10px)}