.navbar-wrapper{z-index:1000;background:#fff;width:100%;position:fixed;top:0;left:0}.navbar-top{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:8px 40px;display:flex}.navbar-brand a{align-items:center;display:flex}.navbar-logo-img{object-fit:contain;width:auto;height:70px}.navbar-search{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:2px;flex:0 420px;align-items:center;margin:0 2rem;padding:8px 16px;display:flex}.search-icon{color:#999;flex-shrink:0;width:16px;height:16px;margin-right:8px}.search-input{letter-spacing:.05em;color:#333;background:0 0;border:none;outline:none;width:100%;font-family:monospace;font-size:12px;font-weight:600}.search-input::placeholder{color:#999}.navbar-actions{align-items:center;gap:16px;display:flex}.action-btn{cursor:pointer;width:22px;height:22px;color:var(--color-black);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.action-btn svg{width:100%;height:100%}.cart-action{position:relative}.cart-badge{background:var(--color-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.mobile-menu-btn{display:none}.navbar-bottom{background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:10px 20px;display:flex}.nav-link{letter-spacing:.04em;text-transform:uppercase;color:var(--color-black);white-space:nowrap;padding:4px 14px;font-family:monospace;font-size:11.5px;font-weight:700;transition:color .2s;position:relative}.nav-link:hover{color:var(--color-red)}.dropdown-arrow{opacity:.6;margin-left:2px;font-size:9px}.nav-badge{color:var(--color-red);font-size:8px;font-weight:800;font-family:var(--font-heading);background:0 0;position:absolute;top:-4px;right:2px}@media (max-width:900px){.navbar-top{padding:8px 16px}.navbar-search{flex:0 180px;margin:0 .8rem;padding:6px 12px}.search-input{font-size:11px}.navbar-bottom{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding:8px 10px;overflow-x:auto}.navbar-bottom::-webkit-scrollbar{display:none}.nav-link{padding:4px 8px;font-size:10px}}@media (max-width:768px){.navbar-top{padding:8px 12px}.navbar-logo-img{height:70px}.navbar-search{display:none}.mobile-menu-btn{display:flex}.navbar-actions{gap:12px}.action-btn{width:20px;height:20px}.navbar-bottom{border-bottom:2px solid var(--color-black);flex-direction:column;align-items:flex-start;gap:0;max-height:calc(100vh - 64px);padding:12px 16px;display:none;overflow-y:auto}.navbar-bottom.open{display:flex}.nav-link{border-bottom:1px solid #eee;width:100%;padding:12px 0;font-size:13px}.nav-link:last-child{border-bottom:none}}
.footer{color:#fff;background:#0a0a0a;margin-top:auto;padding:60px 50px 0}.footer-top{border-bottom:1px solid #222;justify-content:space-between;gap:60px;padding-bottom:40px;display:flex}.footer-brand{flex:0 0 280px}.footer-logo{object-fit:contain;filter:invert()brightness(2);width:auto;height:90px;margin-bottom:16px}.footer-tagline{color:#888;margin-bottom:20px;font-size:14px;line-height:1.6}.footer-socials{gap:14px;display:flex}.footer-socials a{color:#888;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:color .2s,border-color .2s;display:flex}.footer-socials a:hover{color:#fff;border-color:#fff}.footer-socials a svg{width:16px;height:16px}.footer-links-group{flex-wrap:wrap;gap:50px;display:flex}.footer-links{min-width:140px}.footer-links h4{font-family:var(--font-heading);letter-spacing:.1em;color:#fff;margin-bottom:18px;font-size:12px;font-weight:800}.footer-links a{color:#777;margin-bottom:12px;font-size:13px;transition:color .2s;display:block}.footer-links a:hover{color:#fff}.footer-newsletter{text-align:center;border-bottom:1px solid #222;padding:36px 0}.footer-newsletter h4{font-family:var(--font-heading);letter-spacing:.1em;margin-bottom:8px;font-size:14px;font-weight:800}.footer-newsletter p{color:#888;margin-bottom:16px;font-size:13px}.newsletter-form{justify-content:center;gap:0;max-width:450px;margin:0 auto;display:flex}.newsletter-form input{color:#fff;font-size:13px;font-family:var(--font-body);background:#111;border:1px solid #333;border-right:none;outline:none;flex:1;padding:12px 16px}.newsletter-form input::placeholder{color:#666}.newsletter-form input:focus{border-color:#555}.newsletter-btn{color:#000;font-family:var(--font-heading);letter-spacing:.05em;cursor:pointer;background:#fff;border:1px solid #fff;padding:12px 24px;font-size:12px;font-weight:800;transition:background .2s,color .2s}.newsletter-btn:hover{color:#fff;background:0 0}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:20px 0;display:flex}.footer-bottom p{color:#555;letter-spacing:.03em;font-size:11px}.footer-payments{gap:12px;display:flex}.footer-payments span{letter-spacing:.05em;color:#555;border:1px solid #333;border-radius:2px;padding:4px 8px;font-size:10px;font-weight:700}@media (max-width:900px){.footer{padding:40px 24px 0}.footer-top{flex-direction:column;gap:36px}.footer-brand{flex:none}.footer-links-group{gap:30px}}@media (max-width:600px){.footer-links-group{flex-direction:column;gap:24px}.newsletter-form{flex-direction:column;gap:8px}.newsletter-form input{border-right:1px solid #333}.footer-bottom{text-align:center;flex-direction:column}}