/* Compact, one-row responsive homepage header. Presentation-only change.
 * Preserves brand, menu links, Holland and existing scroll-to-hide logic. */
@media (min-width:761px){
  header.topbar .top-inner{
    max-width:1560px;
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:clamp(12px,1.5vw,24px)!important;
    padding:8px clamp(14px,1.5vw,24px)!important;
  }
  header.topbar .brand{
    width:clamp(320px,32vw,470px)!important;
    flex:0 1 clamp(320px,32vw,470px)!important;
    min-width:0!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  header.topbar .brand-full-logo{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:94px!important;
    object-fit:contain;
    object-position:left center;
  }
  header.topbar .top-actions{
    width:auto!important;
    flex:1 1 0!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:hidden;
  }
  header.topbar .mini-nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:clamp(8px,0.9vw,16px)!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    padding:4px 0!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  header.topbar .mini-nav::-webkit-scrollbar{display:none}
  header.topbar .mini-nav a{
    flex:0 0 auto!important;
    font-size:clamp(12px,0.95vw,15px)!important;
    line-height:1.3!important;
    padding:8px 0!important;
    white-space:nowrap!important;
  }
}
/* Keep the mark and horizontally scrollable menu in one compact mobile row. */
@media (max-width:760px){
  header.topbar .top-inner{
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding:7px 10px!important;
  }
  header.topbar .brand{
    width:52px!important;
    flex:0 0 52px!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    min-width:0!important;
  }
  header.topbar .brand-full-logo{display:none!important}
  header.topbar .brand-mark-logo{
    display:block!important;
    width:52px!important;
    height:52px!important;
    object-fit:contain;
  }
  header.topbar .top-actions{
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    display:flex!important;
    overflow:hidden;
  }
  header.topbar .mini-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow-x:auto!important;
    max-width:100%!important;
  }
}
footer .footer-logo{
  display:block;
  width:min(760px,100%)!important;
  max-width:100%;
  height:auto!important;
  object-fit:contain;
}
@media(max-width:760px){footer .footer-logo{width:min(100%,620px)!important}}