/* Shared production/preview navigation to the existing homepage section. */
.site-shell .header-availability{display:block;width:300px;max-width:100%;line-height:0;border-radius:6px;justify-self:center;transition:filter .15s}
.site-shell .header-availability img{display:block;width:100%;height:auto}
.site-shell .header-availability:hover{filter:brightness(.96)}
.site-shell .header-availability:focus-visible{outline:3px solid #8d743b;outline-offset:3px}
@media(min-width:1101px){
 .site-shell .header-main{display:grid;grid-template-columns:minmax(310px,1fr) minmax(300px,1fr) 218px;grid-template-rows:70px 52px;gap:6px 24px;height:144px;align-content:center;align-items:center}
 .site-shell .header-main>a[data-req="2"]{grid-column:1;grid-row:1/3}
 .site-shell .header-phone{grid-column:2;grid-row:1;margin:0}
 /* Both controls share the spanning grid area's centre. Offset by half of the 51px mail button + 6px gap. */
 .site-shell .header-availability{grid-column:2;grid-row:1/3;align-self:center;width:calc(47px * 656 / 104);height:47px;transform:translateY(28.5px)}
 .site-shell .header-actions{grid-column:3;grid-row:1/3}
 .shell-compact .site-shell .header-main{display:flex;align-content:normal}
 .shell-compact .site-shell .header-availability{display:none}
}
@media(min-width:1101px) and (max-width:1350px){
 .site-shell .header-main{grid-template-columns:minmax(310px,1fr) minmax(300px,1fr) 196px;column-gap:18px}
}
/* Mobile: logo, compact banner and menu share one row. */
@media(max-width:1100px){
 .site-shell{height:56px}
 .site-shell .header-main{display:grid;width:calc(100% - 16px);grid-template-columns:minmax(0,1fr) clamp(90px,28vw,110px) 44px;grid-template-rows:56px;gap:0 6px;height:56px;min-height:56px;padding:0;align-items:center;align-content:start}
 .site-shell .header-main>a[data-req="2"]{grid-column:1;grid-row:1;min-width:0}
 .site-shell .header-main>a[data-req="2"] .brand{width:200px;max-width:100%;height:auto}
 .site-shell .header-main>a[data-req="2"] .brand>span{font-size:clamp(7px,2.2vw,9px)}
 .site-shell .header-availability{grid-column:2;grid-row:1;display:flex;align-items:center;width:100%;min-height:44px;align-self:center}
 .site-shell .header-availability picture{display:block;width:100%;position:relative;border-radius:4px;overflow:hidden}
 .site-shell .header-availability picture::after{content:"";position:absolute;inset:0;box-sizing:border-box;border:2px solid #8d743b;border-radius:4px;pointer-events:none}
 .site-shell .header-availability img{aspect-ratio:5/2}
 .site-shell .mobile-menu-toggle{grid-column:3;grid-row:1;justify-self:end;position:static;margin:0;width:44px;height:44px;padding:2px;border:2px solid #8d743b;border-radius:4px;background:#fbf8ef;color:#624c1d;gap:1px}
 .site-shell .mobile-menu-toggle .mobile-menu-icon{display:block;width:24px;height:24px;flex-shrink:0}
 .site-shell .mobile-menu-toggle>span{font-size:8px;line-height:1.1;font-weight:700;letter-spacing:0}
 .site-shell .mobile-menu-toggle:focus-visible{outline:3px solid #8d743b;outline-offset:3px}
 .site-shell .main-nav{top:100%}
 .site-shell .main-nav .wrap{max-height:calc(100dvh - 56px - var(--shell-mobile-bar-height) - 12px)}
}