/* Shared header geometry for the four showroom pages. Loaded after each page's own styles:
   the logo, the four page links and the right-hand button sit at the same coordinates everywhere;
   only colours, type and surfaces differ per page. */
.top__in{height:72px;gap:24px;flex-wrap:nowrap;padding:0}
.top__brand img{height:26px;width:auto}
.top__nav{margin-left:auto;gap:4px}
.top__nav a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:108px;height:40px;padding:0;font-size:15px;line-height:1}
.top__in>.btn,.top__in>.top__out{flex:none;box-sizing:border-box;width:140px;height:40px;margin-left:0;padding:0;justify-content:center;font-size:14.5px}
@media (max-width:760px){
  .top__in{flex-wrap:wrap;height:auto;padding:12px 0 8px;gap:8px 16px}
  .top__nav{order:3;width:100%;margin:0;overflow-x:visible}
  .top__nav a{flex:1 1 0;width:auto;height:38px;font-size:14px}
  .top__in>.btn,.top__in>.top__out{margin-left:auto;width:124px;height:38px}
}
