/* Keep header controls readable at browser zoom and narrow widths. */
.site-header{display:flex;gap:24px;height:88px;padding:0 3vw}
.site-header .brand{flex:0 0 auto;margin-right:auto;min-width:0}
.site-header nav{flex:0 0 auto;gap:24px}
.site-header nav a{white-space:nowrap}
.site-header .header-actions{display:flex;gap:12px;flex:0 0 auto;margin:0}
.site-header .header-actions>*{flex-shrink:0}
.site-header .inquiry-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:44px;padding:12px 16px;font-size:12px;line-height:1.3}
.site-header .inquiry-button span{margin:0;flex-shrink:0}
.site-header .header-gym-link,.site-header .header-products-button,.site-header .contact-widget-trigger{padding:12px 15px;min-height:44px;font-size:13px;line-height:1.3;white-space:nowrap}
.site-header .menu-button{flex-shrink:0}
@media(max-width:1250px){.site-header{gap:16px}.site-header nav{display:none}.site-header .menu-button{display:block}.site-header nav.mobile-open{display:flex;position:absolute;top:88px;left:0;right:0;padding:22px 3vw;background:#f4f2ec;flex-direction:column;gap:20px;border-bottom:1px solid #cbd4c3}.site-header .header-actions>[data-search]{display:none}}
@media(max-width:760px){.site-header,.site-header:has(.header-products-button){display:grid;height:124px;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:60px 44px;padding:4px 16px 12px;gap:4px 8px}.site-header .brand{grid-row:1;grid-column:1/3;margin:0}.site-header .brand-placeholder{font-size:18px}.site-header .brand-placeholder small{font-size:8px}.site-header .header-actions{display:contents}.site-header .inquiry-button{grid-row:1;grid-column:3;padding:10px;font-size:11px}.site-header .menu-button{grid-row:1;grid-column:4;font-size:12px;padding:8px 0}.site-header .contact-widget-trigger,.site-header:has(.header-products-button) .contact-widget-trigger{grid-row:2;grid-column:1;padding:10px;min-height:44px;font-size:12px;background:#263d2e;color:white}.site-header .header-products-button{grid-row:2;grid-column:2;padding:10px;font-size:12px;width:100%}.site-header .header-gym-link{grid-row:2;grid-column:3/5;padding:10px;font-size:12px;width:100%}.site-header nav.mobile-open,.site-header:has(.header-products-button) nav.mobile-open{top:124px}.site-header .header-products-panel,.site-header:has(.header-products-button) .header-products-panel{max-height:calc(100dvh - 124px)}}
@media(max-width:360px){.site-header,.site-header:has(.header-products-button){padding-left:10px;padding-right:10px;column-gap:5px}.site-header .brand-placeholder{font-size:16px}.site-header .header-gym-link{font-size:11px;padding:10px 6px}}

/* Collapse secondary navigation when the header needs more room. */
@media(min-width:1251px) and (max-width:1530px){.site-header nav{display:none}.site-header .menu-button{display:block}.site-header nav.mobile-open{display:flex;position:absolute;top:88px;left:0;right:0;padding:22px 3vw;background:#f4f2ec;flex-direction:column;gap:20px;border-bottom:1px solid #cbd4c3}}

/* Gallery remains directly accessible outside the menu at every width. */
.site-header .header-moments-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:#29362e;white-space:nowrap;text-decoration:none}
.site-header .header-moments-link:hover{text-decoration:underline;text-underline-offset:5px}
.site-header .header-moments-link:focus-visible{outline:2px solid #29362e;outline-offset:4px}
@media(min-width:761px) and (max-width:1530px){
 .site-header{height:132px;flex-wrap:wrap;row-gap:0;padding-top:12px;padding-bottom:8px}
 .site-header .header-moments-link{order:5;flex-basis:100%;justify-content:flex-end;min-height:36px}
 .site-header nav.mobile-open{top:132px}
 .site-header .header-products-panel{max-height:calc(100dvh - 132px)}
}
@media(max-width:760px){
 .site-header,.site-header:has(.header-products-button){height:168px;grid-template-rows:60px 44px 36px}
 .site-header .header-moments-link{grid-row:3;grid-column:1/-1;justify-content:flex-end;min-height:36px;font-size:13px}
 .site-header nav.mobile-open,.site-header:has(.header-products-button) nav.mobile-open{top:168px}
 .site-header .header-products-panel,.site-header:has(.header-products-button) .header-products-panel{max-height:calc(100dvh - 168px)}
}
