/* Shared by visitor, account, administration and every operational page. */
html{scroll-padding-top:calc(var(--site-header-height,104px) + 16px)}
.site-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 4px 16px #1c245408;isolation:isolate}
.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"controls brand";gap:20px;align-items:center;min-height:96px;padding-block:12px}
.site-header .header-controls{grid-area:controls;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px;min-width:0}
.site-header .brand{grid-area:brand;justify-self:end;min-width:0;margin:0;white-space:nowrap}
.site-header .sidebar-toggle,.site-header .journey-start,.site-header .header-action{flex:none;white-space:nowrap}
.catalog-anchor,.catalog-section-anchor,#main{scroll-margin-top:16px}
@media(max-width:1000px){.site-header .header-action{display:none}.site-header .header-inner{gap:14px}}
@media(max-width:600px){
 .site-header .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:112px;padding-block:10px}
 .site-header .header-controls{display:grid;grid-template-columns:auto auto;grid-template-areas:"menu journey" "balance balance";justify-content:start;gap:7px}
 .site-header .sidebar-toggle{grid-area:menu;justify-self:start;min-width:44px;min-height:44px;padding:7px 10px}
 .site-header .sidebar-toggle span:last-child{display:none}
 .site-header .journey-start{grid-area:journey;justify-self:start;min-height:44px;font-size:.76rem;padding:7px 10px}
 .site-header .header-balance{grid-area:balance;justify-self:start;min-height:36px;max-width:100%;gap:5px;font-size:.72rem;padding:3px 9px}
 .site-header .header-balance strong{font-size:.86rem}
 .site-header .brand{grid-area:brand;align-self:center;font-size:1.22rem;gap:7px}
 .site-header .brand img{width:38px;height:34px;flex:none}
 .site-header .brand-note{font-size:.61rem;white-space:normal;line-height:1.6;max-width:106px}
}
@media(max-width:360px){.site-header .header-inner{gap:7px}.site-header .brand{font-size:1.1rem;gap:5px}.site-header .brand img{width:32px;height:30px}.site-header .brand-note{font-size:.56rem;max-width:94px}.site-header .header-controls{gap:5px}.site-header .journey-start{font-size:.7rem;padding-inline:7px}}
@media print{.site-header{position:static;box-shadow:none}html{scroll-padding-top:0}}
