/* Room for every desktop link without squeezing the brand or search. */
@media(min-width:801px){
 .shared-header.nav .wrap,.shared-header.nav:has(.brand) .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 16px;padding:14px 32px 0;min-height:0;max-width:1240px}
 .shared-header.nav .logo,.shared-header.nav .brand{grid-column:1;grid-row:1;justify-self:start}
 .shared-header.nav .header-basket{grid-column:2;grid-row:1}
 .shared-header.nav .site-search-button{grid-column:3;grid-row:1;margin:0;min-height:44px}
 .shared-header.nav .menu{display:none}
 .shared-header.nav .navlinks,.shared-header.nav .navlinks.open{grid-column:1/-1;grid-row:2;position:static;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0 22px!important;padding:8px 0 12px;max-height:none;overflow:visible;box-shadow:none;border-top:1px solid #d9d8d0;background:transparent;font-size:14px}
 .shared-header.nav .navlinks a{padding:6px 0;border:0;white-space:nowrap}
 body.home-desktop-refined .hero{min-height:0}
 body.home-desktop-refined .hero .wrap{padding-top:48px;padding-bottom:42px}
 body.home-desktop-refined .hero h1{font-size:clamp(42px,4.3vw,64px);max-width:760px;line-height:1.1;margin-bottom:22px}
 body.home-desktop-refined .hero p{font-size:18px;max-width:560px;margin-bottom:24px}
 body.home-desktop-refined .hero-foot{margin-top:32px;gap:14px 26px}
}
@media(min-width:801px) and (max-width:1050px){
 .shared-header.nav .wrap,.shared-header.nav:has(.brand) .wrap{padding-left:24px;padding-right:24px}
 .shared-header.nav .navlinks{gap:0 18px!important}
 .topbar .wrap{flex-wrap:wrap;gap:4px 20px}
}

/* Content spacing: bottom tabs are mobile-only. */
@media(min-width:801px){
 body{padding-bottom:0}
 .section:not(.group-details .section){padding-top:80px;padding-bottom:80px}
 .foot{padding-top:56px}
 .foot-bottom{margin-top:40px}
}