.header-account{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:112px;height:46px;padding:0 20px;border:1px solid var(--green);border-radius:999px;color:var(--green);background:var(--soft);margin-right:0;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;box-shadow:none;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.header-account:hover{color:var(--green);border-color:var(--green);background:color-mix(in srgb,var(--green) 14%,var(--soft));box-shadow:none}.header-account:focus:not(:focus-visible){outline:none}.header-account:focus-visible{outline:2px solid var(--green);outline-offset:3px}.nav-account-links{display:none}.footer-account{font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:4px}
@media(min-width:651px) and (max-width:1100px){.header #main-navigation{gap:10px}.header-actions{gap:6px;margin-left:8px}.header .brand{font-size:9px;letter-spacing:1px}.header .brand b{font-size:12px;letter-spacing:2px}.header-account{min-width:108px;padding:0 17px;font-size:14px}}
@media(max-width:650px){.header-account{display:none}.header #main-navigation .nav-account-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:8px;margin-top:4px}.header #main-navigation .nav-account-links a{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-weight:600;color:var(--green);padding:10px}.header #main-navigation{max-height:calc(100dvh - 110px);overflow-y:auto}.header #main-navigation .nav-account-links a::after{display:none}}
@media(prefers-reduced-motion:reduce){.header-account{transition:none}}

/* Keep desktop navigation focused; contact stays in the mobile menu and footer. */
.header-account{gap:9px;min-width:112px}.header-account .login-icon{width:20px;height:20px;flex:0 0 20px}
@media(min-width:651px){.header #main-navigation .nav-contact{display:none}.header #main-navigation{gap:clamp(16px,1.7vw,28px)}.header-actions{gap:10px;margin-left:18px}}
@media(min-width:651px) and (max-width:1100px){.header #main-navigation{gap:14px}.header-actions{margin-left:12px;gap:8px}.header-account{min-width:108px}}

/* Mobile contact lives in the page footer; keep every menu action reachable. */
@media(max-width:650px){.header #main-navigation .nav-contact{display:none}.header #main-navigation{max-height:calc(100dvh - 110px);max-height:calc(100dvh - 110px - env(safe-area-inset-bottom,0px));padding-bottom:12px;scroll-padding-bottom:12px}.header #main-navigation .nav-account-links{padding-bottom:4px}.header #main-navigation .nav-account-links a{min-height:44px}}