/* MyCost V5.3.21 — public sign-in visibility */
.market-public-nav .navlinks .login{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #b9c5d2!important;background:#fff!important;color:#142033!important;
  font-weight:850!important;border-radius:12px!important;min-height:40px!important;padding:9px 14px!important
}
.market-public-nav .navlinks .login:hover{background:#f4f7fb!important;color:#142033!important;border-color:#9eacbc!important}
.hero .signin-link{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:#334155!important;font-size:13px!important;font-weight:750!important}
.hero .signin-link a{color:#1d4ed8!important;font-weight:900!important;text-decoration:none!important}
@media(max-width:900px){
  .market-public-nav .navlinks>.public-navdrop,.market-public-nav .navlinks>a:not(.login):not(.join){display:none!important}
  .market-public-nav .navlinks{display:flex!important;justify-content:flex-end!important;gap:7px!important}
  .market-public-nav .navlinks .login{margin-left:0!important;font-size:11.5px!important;padding:8px 11px!important;min-height:38px!important}
  .market-public-nav .navlinks .join{font-size:11.5px!important;padding:8px 11px!important;min-height:38px!important}
}
@media(max-width:560px){
  .market-public-nav .navlinks .login{display:inline-flex!important}
  .market-public-nav .navin{gap:8px!important}
  .market-public-nav .brand img{width:36px!important;height:36px!important}
  .market-public-nav .navlinks{gap:5px!important}
  .market-public-nav .navlinks .login,.market-public-nav .navlinks .join{padding:7px 9px!important;font-size:10.5px!important;white-space:nowrap!important}
}
@media(max-width:390px){
  .market-public-nav .navlinks .login,.market-public-nav .navlinks .join{padding:7px 8px!important;font-size:10px!important}
}

/* MyCost V5.3.22 — iPhone safe-area + always-reachable sign in */
@media(max-width:900px){
  .market-public-nav{
    box-sizing:border-box!important;
    padding-top:calc(env(safe-area-inset-top, 0px) + 8px)!important;
  }
  .market-public-nav .navin{
    height:auto!important;
    min-height:62px!important;
    padding-top:4px!important;
    padding-bottom:8px!important;
    align-items:center!important;
  }
  .market-public-nav .navlinks .login,
  .market-public-nav .navlinks .join{
    position:relative!important;
    top:0!important;
    z-index:2!important;
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
@media(max-width:560px){
  .market-public-nav .wrap{width:calc(100% - 18px)!important}
  .market-public-nav .navin{gap:7px!important}
  .market-public-nav .brand{flex:0 0 auto!important}
  .market-public-nav .navlinks{flex:1 1 auto!important;min-width:0!important;display:flex!important;justify-content:flex-end!important;gap:5px!important}
  .market-public-nav .navlinks .login{display:inline-flex!important;background:#fff!important;color:#142033!important;border:1px solid #b9c5d2!important}
  .market-public-nav .navlinks .join{display:inline-flex!important}
}
@media(max-width:410px){
  .market-public-nav .brand span{font-size:17px!important}
  .market-public-nav .brand img{width:32px!important;height:32px!important}
  .market-public-nav .navlinks .login,.market-public-nav .navlinks .join{font-size:9.5px!important;padding:7px 7px!important}
}

/* On iPhone-sized screens put account actions on their own row, well below the status icons. */
@media(max-width:560px){
  .market-public-nav .navin{flex-wrap:wrap!important;padding-bottom:10px!important}
  .market-public-nav .brand{width:100%!important;min-height:38px!important}
  .market-public-nav .navlinks{width:100%!important;flex:0 0 100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .market-public-nav .navlinks .login,.market-public-nav .navlinks .join{width:100%!important;min-height:42px!important;margin:0!important;font-size:11px!important;padding:9px 10px!important}
}