/* ROLTA v30: balanced navigation, without wrapping labels. */
html body .topbar {
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  column-gap:clamp(24px,2.4vw,48px);
  height:auto!important;
  min-height:112px;
  padding:18px clamp(20px,3vw,58px)!important;
}
html body .topbar .brand {flex-shrink:0;gap:14px;min-width:0}
html body .topbar .brand img {width:clamp(82px,7.2vw,118px)!important;height:76px!important;object-fit:contain!important;flex-shrink:0}
html body .topbar .brand-copy {white-space:nowrap}
html body .topbar .brand-copy strong {font-size:clamp(18px,1.65vw,26px)!important;letter-spacing:.045em!important}
html body .topbar .brand-copy em {font-size:15px!important}
html body .topbar nav {
  display:flex!important;align-items:center;justify-content:space-evenly;
  gap:clamp(16px,1.8vw,36px)!important;min-width:0;
  font-size:clamp(14px,1.12vw,18px)!important;line-height:1.35;
}
html body .topbar nav a {
  flex:0 0 auto;white-space:nowrap!important;text-align:center;
  display:flex;align-items:center;justify-content:center;
  padding:19px 0!important;position:relative;
}
html body .topbar nav a[aria-current="page"]::after {left:0;right:0;bottom:0}
html body .topbar .header-contact {gap:14px!important;min-width:0;white-space:nowrap}
html body .topbar .order-email {display:grid}
@media(max-width:1700px){html body .topbar .order-email {display:none!important}}
@media(min-width:1101px) and (max-width:1400px){
  html body .topbar{column-gap:20px;padding-left:22px!important;padding-right:22px!important}
  html body .topbar nav{gap:18px!important;font-size:14px!important}
  html body .topbar .brand img{width:82px!important}
  html body .topbar .brand-copy strong{font-size:18px!important}
  html body .topbar .phone{font-size:13px}
  html body .topbar .account-link{font-size:13px;padding:10px}
}
@media(max-width:1100px){
  html body .topbar{grid-template-columns:minmax(0,1fr) auto;row-gap:8px;min-height:0;padding-top:10px!important;padding-bottom:8px!important}
  html body .topbar nav{grid-column:1 / -1;grid-row:2;justify-content:space-between;gap:20px!important;width:100%;overflow-x:auto;font-size:15px!important;-webkit-overflow-scrolling:touch}
  html body .topbar nav a{padding:10px 0!important}
  html body .topbar .header-contact{grid-column:2;grid-row:1}
}
@media(max-width:600px){
  html body .topbar{padding-left:14px!important;padding-right:14px!important;column-gap:10px}
  html body .topbar .brand{gap:8px}
  html body .topbar .brand img{width:62px!important;height:48px!important}
  html body .topbar .brand-copy strong{font-size:15px!important}
  html body .topbar .brand-copy em{font-size:12px!important}
  html body .topbar .phone{display:none!important}
  html body .topbar .account-link{font-size:12px;padding:8px}
  html body .topbar nav{font-size:14px!important;gap:24px!important;justify-content:flex-start}
}