.guest-trips-nav{--nav-height:80px;--nav-control:42px;--nav-logo-height:56px;--nav-gap:6px;--nav-divider-height:22px;--nav-inset:14px;--nav-line:#e3e3e3;height:var(--nav-height);border-color:#ebebeb}.guest-trips-nav>div{height:100%}.guest-trips-nav .guest-nav-logo{flex-shrink:0}.guest-trips-nav .guest-nav-logo img{height:var(--nav-logo-height);width:auto}.guest-trips-nav .guest-nav-actions{gap:var(--nav-gap);font-size:var(--text-base);white-space:nowrap}.guest-trips-nav .guest-nav-shortcut{height:var(--nav-control);gap:var(--space-2);padding-inline:var(--nav-inset);border-radius:var(--radius-full);color:var(--text);text-decoration:none}.guest-trips-nav .guest-nav-shortcut svg{flex-shrink:0;color:var(--text-muted)}.guest-trips-nav .guest-nav-separator{width:1px;height:var(--nav-divider-height);margin-inline:var(--nav-gap);background:var(--nav-line)}.guest-trips-nav .guest-nav-bell{display:grid;place-items:center;flex-shrink:0;width:var(--nav-control);height:var(--nav-control);margin-inline:calc(var(--space-1) / 2) var(--space-1);border:1px solid var(--nav-line);border-radius:var(--radius-full);color:var(--text)}@media (hover:hover) and (pointer:fine){.guest-trips-nav a.guest-nav-shortcut:hover{background:var(--surface-sunken)}}@media (max-width:767px){.guest-trips-nav>div{padding-inline:var(--space-4);gap:var(--space-2)}.guest-trips-nav .guest-nav-logo img{height:var(--control-h)}.guest-trips-nav .guest-nav-actions{gap:var(--space-1)}.guest-trips-nav .guest-nav-label,.guest-trips-nav .guest-nav-separator,.guest-trips-nav [aria-label="Yêu thích"]{display:none}.guest-trips-nav .guest-nav-shortcut{justify-content:center;min-width:var(--control-h-lg);min-height:var(--control-h-lg);padding:0}.guest-trips-nav .guest-nav-bell{width:var(--control-h-lg);height:var(--control-h-lg);margin:0}.guest-nav:not(.guest-trips-nav)>div{min-height:80px;height:auto;gap:8px;padding-inline:12px}.guest-nav .guest-nav-logo{flex-shrink:0}.guest-nav:not(.guest-trips-nav) .guest-nav-actions{gap:4px;font-size:13px;white-space:nowrap}.guest-nav:not(.guest-trips-nav) .guest-nav-label{display:none}.guest-nav:not(.guest-trips-nav) .guest-nav-shortcut{min-width:44px;min-height:44px;justify-content:center}.guest-nav:not(.guest-trips-nav) [aria-label="Yêu thích"]{display:none}}