:root{--primary-color:#10b981;--accent-color:#059669;--text-color:#1f2937;--border-color:#e5e7eb}.header{border-bottom:1px solid var(--border-color);z-index:100;background-color:#fff;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:70px;margin:0 auto;padding:0 20px;display:flex;position:relative}.header-logo{flex-shrink:0}.logo-link{align-items:center;text-decoration:none;display:flex}.logo-text{color:var(--primary-color);font-size:20px;font-weight:700}.header-nav{flex:1;gap:30px;margin-left:50px;display:flex}.nav-link{color:var(--text-color);white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary-color)}.header-actions{flex-shrink:0;align-items:center;gap:15px;display:flex}.cart-link{color:var(--text-color);border-radius:6px;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:all .2s;display:flex;position:relative}.cart-link:hover{color:var(--primary-color);background-color:#10b9810d}.cart-badge{background-color:var(--primary-color);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:0;right:0}.user-info{align-items:center;display:flex}.user-name{color:var(--text-color);font-size:14px;font-weight:500}.btn-login,.btn-register,.btn-logout{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-login{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#0000}.btn-login:hover{background-color:#10b9810d}.btn-register{background-color:var(--primary-color);color:#fff}.btn-register:hover{background-color:var(--accent-color)}.btn-logout{color:var(--text-color);border:1px solid var(--border-color);background-color:#0000}.btn-logout:hover{color:var(--primary-color);border-color:var(--primary-color)}.menu-toggle{cursor:pointer;color:var(--text-color);z-index:101;background:0 0;border:none;flex-shrink:0;margin-left:10px;padding:8px;display:none}.menu-overlay{z-index:99;background-color:#00000080;display:none;position:fixed;inset:0}.desktop-only{display:flex}.mobile-nav-actions{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;margin-top:20px;padding-top:20px;display:none}.user-info-mobile,.btn-login-mobile,.btn-register-mobile,.btn-logout-mobile{width:100%}.user-info-mobile{align-items:center;padding:12px 0;display:flex}.user-name-mobile{color:var(--text-color);font-size:14px;font-weight:500}.btn-login-mobile,.btn-register-mobile,.btn-logout-mobile{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-login-mobile{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#0000}.btn-register-mobile{background-color:var(--primary-color);color:#fff}.btn-logout-mobile{color:var(--text-color);border:1px solid var(--border-color);background-color:#0000}@media (max-width:968px){.header-container{padding:0 15px}.header-nav{gap:20px;margin-left:30px}.header-actions{gap:12px}}@media (max-width:768px){.header-container{height:60px;padding:0 15px}.header-logo{flex:1}.header-nav{border-bottom:1px solid var(--border-color);z-index:100;background-color:#fff;flex-direction:column;gap:0;max-height:calc(100vh - 60px);margin:0;padding:20px;display:none;position:fixed;top:60px;left:0;right:0;overflow-y:auto;box-shadow:0 10px 20px #0000001a}.header-nav.open{display:flex}.nav-link{border-bottom:1px solid #f3f4f6;width:100%;padding:12px 0}.nav-link:last-of-type{border-bottom:none}.header-actions{gap:8px;margin-left:auto}.desktop-only{display:none!important}.mobile-nav-actions{display:flex}.menu-toggle{justify-content:center;align-items:center;display:flex}.menu-overlay{display:block}.logo-text{font-size:18px}.cart-link{padding:6px}.cart-link svg{width:20px;height:20px}}@media (max-width:480px){.header-container{height:56px;padding:0 12px}.header-nav{max-height:calc(100vh - 56px);padding:16px;top:56px}.header-actions{gap:6px}.logo-text{font-size:16px}.cart-link{padding:4px}.cart-link svg{width:18px;height:18px}.cart-badge{min-width:16px;padding:1px 5px;font-size:10px}.menu-toggle{padding:6px}.menu-toggle svg{width:20px;height:20px}.nav-link{padding:10px 0;font-size:14px}.mobile-nav-actions{gap:10px;margin-top:16px;padding-top:16px}.btn-login-mobile,.btn-register-mobile,.btn-logout-mobile{padding:10px 14px;font-size:13px}}