/* Portable header: scoped brand + three employee service destinations. */
.topbar.shop-topbar{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"brand category services utilities";min-height:104px;gap:32px}
.shop-topbar .service-brand{grid-area:brand;justify-self:start;gap:10px;white-space:nowrap}
.service-brand-symbol{width:44px;height:44px;flex:0 0 44px}
.shop-topbar .service-brand small{display:block;font-size:10px;line-height:1.5;letter-spacing:.02em;color:var(--muted)}
.shop-topbar .service-brand strong{font-size:32px;letter-spacing:-.05em;line-height:1.1;font-weight:650}
.service-brand strong span{font-size:21px;margin-left:3px;letter-spacing:-.06em}
.shop-topbar .header-left{grid-area:category}
.header-left .shop-icon{width:auto;gap:8px;padding:8px 0}
.category-label{font-size:14px;white-space:nowrap}
.service-nav{grid-area:services;display:flex;align-items:stretch;justify-content:space-evenly;gap:24px;min-width:0;align-self:stretch}
.service-nav button{position:relative;border:0;background:transparent;color:var(--muted);padding:8px 12px;min-height:44px;font-weight:600;font-size:17px;white-space:nowrap}
.service-nav button:hover,.service-nav button[aria-current]{color:var(--ink)}
.service-nav button[aria-current]::after{content:"";position:absolute;bottom:8px;left:12px;right:12px;height:2px;background:currentColor}
.shop-topbar .header-actions{grid-area:utilities}
.service-page{padding:48px 0 64px;min-height:65vh}
.service-intro{color:var(--muted);margin:24px 0 48px;max-width:620px}
.service-empty{border-top:1px solid var(--line);padding:40px 0;max-width:760px}
.service-empty p{color:var(--muted);margin:0 0 28px;max-width:600px}
html{scroll-padding-top:128px}.catalog-filters{top:128px}.view.active{scroll-margin-top:128px}
@media(max-width:1000px){
 .topbar.shop-topbar{grid-template-columns:1fr auto;grid-template-areas:"brand utilities" "category services";gap:8px 20px;padding:12px 24px 0}
 .service-nav{justify-content:flex-end;gap:20px}
 .service-nav button{padding:12px 16px;font-size:15px}
 .service-nav button[aria-current]::after{bottom:0;left:16px;right:16px}
 .category-label{font-size:13px}
 html{scroll-padding-top:156px}.catalog-filters{top:156px}.view.active{scroll-margin-top:156px}
}
@media(max-width:620px){
 .topbar.shop-topbar{grid-template-columns:1fr auto;grid-template-areas:"brand utilities" "category services";padding:10px 12px 0;gap:8px 0;min-height:120px}
 .shop-topbar .service-brand{gap:5px}
 .service-brand-symbol{width:28px;height:32px;flex-basis:28px;display:block}
 .shop-topbar .service-brand small{font-size:8px;letter-spacing:0}
 .shop-topbar .service-brand strong{font-size:25px;letter-spacing:-.05em}
 .service-brand strong span{font-size:15px;margin-left:2px}
 .shop-topbar .header-actions{gap:0}
 .header-actions .shop-icon{width:44px}
 .header-left .shop-icon{padding:8px 0;gap:5px}
 .category-label{font-size:11px}
 .service-nav{gap:10px;justify-content:space-between;min-width:220px}
 .service-nav button{padding:12px 8px;font-size:14px}
 .service-nav button[aria-current]::after{left:8px;right:8px}
 .service-page{padding:24px 0 40px}.service-page h1{font-size:28px}
 html{scroll-padding-top:144px}.view.active{scroll-margin-top:144px}
}