@media(max-width:760px){
  .sidebar{background:#fff;bottom:0;display:block;height:auto;left:0;padding:8px 8px max(8px,env(safe-area-inset-bottom));position:fixed;right:0;top:auto;width:100%;z-index:15;border:0;border-top:1px solid var(--line);box-shadow:0 -6px 22px #173f3512}
  .sidebar .brand,.sidebar-bottom{display:none}
  .nav-links{display:grid;gap:3px;grid-template-columns:repeat(5,minmax(0,1fr))}
  .nav-link{font-size:9px;line-height:1.15;min-width:0;padding:7px 2px;text-align:center}
  .nav-link span{display:block;font-size:19px;height:22px;margin:0 auto 3px;width:auto}
  .content{padding-bottom:100px}
  .topbar h1{font-size:27px}
  .header-actions{gap:6px}
  .account-button{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .section-heading{align-items:flex-start;gap:12px}
  .shopping-heading{display:block}
  .shopping-actions{display:flex;margin-top:14px}
}

@media(max-width:390px){
  .content{padding-left:14px;padding-right:14px}
  .nav-link{font-size:8px}
  .nav-link span{font-size:18px}
  .welcome-card{padding:28px 24px}
  .welcome-card h2{font-size:33px}
}