.navbar{background:var(--color-bg-card);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-normal),border-color var(--transition-normal);justify-content:center;align-items:center;padding:15px 20px;display:flex;position:relative}.navbar-coffee-item{align-items:center;display:flex;margin:0 10px!important}.nav-links{flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-links li{white-space:nowrap;margin:0 20px}.nav-links a{color:var(--color-text-primary);transition:color var(--transition-fast);font-size:16px;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--color-link)}.menu-icon{cursor:pointer;color:var(--color-text-primary);transition:color var(--transition-fast);display:none;position:absolute;top:60%;left:15px;transform:translateY(-50%)}.sidebar{background:var(--color-bg-card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:75vw;max-width:320px;height:100vh;box-shadow:var(--shadow-heavy);transition:left .3s ease-in-out,background-color var(--transition-normal);border-right:1px solid var(--color-border-medium);z-index:1000;border-top-right-radius:12px;border-bottom-right-radius:12px;position:fixed;top:0;left:-75vw}.sidebar.open{left:0}.sidebar-header{justify-content:flex-end;padding:15px;display:flex}.close-btn{color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:26px}.close-btn:hover{color:var(--color-link)}.sidebar ul{padding:50px 20px;list-style:none}.sidebar li{text-align:left;margin:25px 0}.sidebar a{color:var(--color-text-primary);transition:background var(--transition-fast),color var(--transition-fast);border-radius:8px;padding:12px;font-size:20px;font-weight:700;text-decoration:none;display:block}.sidebar a.active,.sidebar a:hover{background:var(--color-bg-secondary);color:var(--color-link)}.overlay{z-index:900;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}@media screen and (max-width:768px){.navbar{margin-top:0!important;padding:18px 20px!important}.menu-icon{font-size:26px;display:block}.nav-links{display:none}.sidebar{width:75vw;max-width:300px}.sidebar ul{padding:60px 20px}.sidebar li{margin:28px 0}.sidebar a{padding:16px;font-size:20px}.navbar-coffee-item{display:none}}.sidebar-coffee-icon{vertical-align:middle;margin-left:8px;font-size:20px;display:inline}@media screen and (min-width:769px){.sidebar-coffee-link{display:none}}