/* Shared navigation and narrow-screen layout for public pages. */
header nav a:focus-visible,header nav button:focus-visible{outline:3px solid #64748b;outline-offset:3px}
.topbar>nav{max-width:1320px;margin:0 auto;padding:0 28px 14px;display:flex;flex-wrap:wrap;gap:12px 20px}
.topbar>nav a{font-size:14px;font-weight:800}.topbar>nav a.active{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){
 header{position:static!important}
 header .header-inner,header .topbar-inner{flex-wrap:wrap;min-width:0;gap:12px}
 header nav{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px 12px!important;width:100%;min-width:0;max-width:100%;overflow:visible!important}
 header nav a,header nav a:not(.back){display:inline-flex!important;align-items:center;min-height:44px;white-space:normal;font-size:14px!important}
 header nav button{min-height:44px;max-width:100%}
 .topbar>nav{padding:0 16px 12px}
 .search-box{min-width:0;width:100%;max-width:100%!important}.search-box input{min-width:0}
 .hero h1,.about-hero h1,.about-title,.article-title{overflow-wrap:anywhere}
 .info-card,.full-card,.value,.about-copy,.footer-column{min-width:0;overflow-wrap:anywhere}
 .info-card{padding:24px 18px;gap:12px}
 .hero-buttons,.about-actions{gap:12px;flex-wrap:wrap}
 .cart-panel{padding:18px;max-width:100%;height:100dvh}
 .cart-item{flex-wrap:wrap;overflow-wrap:anywhere}
 .modal-content{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:22px 18px}
 input,select,textarea{font-size:16px}
 .footer-grid{gap:24px!important}
}
@media(max-width:380px){.footer-grid{grid-template-columns:1fr!important}.hero h1,.about-hero h1{font-size:36px!important}.about-grid{padding:24px 16px}.cart-item button{min-width:36px;min-height:36px}}