/* UBTracker header parity — source: corporate /inc/site.php (user-provided copy).
   The rules are scoped to the showroom header; no changes to the main website. */
/* Keep the same brand font stack across catalog and demos as on the primary site. */
body.ub-v9cat, body.config-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header.ub-dnav.ub-dnav-v10{
  --ub-nav-ink:#0d1117;--ub-nav-line:#e6e8ed;--ub-nav-brand:#6548ff;
  position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);border-bottom:1px solid var(--ub-nav-line);
  width:100%;height:auto;box-shadow:none;color:var(--ub-nav-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;line-height:normal;letter-spacing:normal;font-weight:400;
}
header.ub-dnav.ub-dnav-v10 *{box-sizing:border-box}
header.ub-dnav.ub-dnav-v10 a,header.ub-dnav.ub-dnav-v10 button,header.ub-dnav.ub-dnav-v10 summary{font-family:inherit;letter-spacing:normal;text-transform:none}
header.ub-dnav.ub-dnav-v10 .ub-dnav-inner{
  width:min(1240px,calc(100% - 44px));margin:auto;height:70px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;position:relative;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-logo{display:inline-flex;align-items:center;min-width:0;flex:none}
header.ub-dnav.ub-dnav-v10 .ub-dnav-logo img{display:block;width:142px;height:auto;max-height:none;object-fit:contain}
header.ub-dnav.ub-dnav-v10 .ub-dnav-links{
  display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;height:auto;flex:none;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-links>a{
  display:inline-flex;align-items:center;height:auto;padding:0;border:0;
  color:#303747;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:680;
  transition:color .18s;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-links .ub-home-link{font-weight:760}
header.ub-dnav.ub-dnav-v10 .ub-dnav-links>a:hover,
header.ub-dnav.ub-dnav-v10 .ub-dnav-links>a:focus-visible,
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop summary:hover,
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop[open] summary,
header.ub-dnav.ub-dnav-v10 .ub-dnav-links>a.ub-demos-link{color:var(--ub-nav-brand)}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop{position:relative;z-index:5;flex-shrink:0}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop summary{
  list-style:none;cursor:pointer;font-size:14px;font-weight:680;color:#303747;
  display:inline-flex;align-items:center;gap:5px;min-height:44px;transition:color .18s;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop summary::-webkit-details-marker{display:none}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop summary svg{width:13px;height:13px;transition:transform .2s}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop[open] summary svg{transform:rotate(180deg)}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop-panel{
  position:absolute;top:calc(100% + 3px);left:-18px;width:266px;padding:10px;
  background:#fff;border:1px solid var(--ub-nav-line);box-shadow:0 18px 50px rgba(13,17,23,.14);z-index:1110;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop:last-of-type .ub-dnav-drop-panel{left:auto;right:-12px}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop-panel a{
  display:block;padding:11px 12px;font-size:13px;font-weight:650;line-height:1.35;
  color:#303747;text-decoration:none;height:auto;border:0;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drop-panel a:hover{color:var(--ub-nav-brand);background:#f6f5ff}
header.ub-dnav.ub-dnav-v10 .ub-dnav-actions{display:flex;align-items:center;gap:9px;flex:none;margin:0}
header.ub-dnav.ub-dnav-v10 .ub-dnav-langs{
  display:flex;align-items:center;gap:7px;border-left:1px solid var(--ub-nav-line);
  padding-left:12px;margin-left:2px;color:#9aa1ac;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-langs a{
  color:#9aa1ac;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.06em;
  padding:0;border:0;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-langs a.active{color:var(--ub-nav-ink)}
header.ub-dnav.ub-dnav-v10 .ub-dnav-langs i{font-style:normal;color:#c5c9d0;font-size:11px}
header.ub-dnav.ub-dnav-v10 .ub-dnav-cta{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;
  border:1px solid var(--ub-nav-ink);background:var(--ub-nav-ink);color:#fff!important;
  text-decoration:none;font-size:14px;font-weight:780;gap:0;white-space:nowrap;
  transition:background .2s;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-cta:hover{background:#283140}
header.ub-dnav.ub-dnav-v10 .ub-dnav-whatsapp{
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;border:0;text-decoration:none;padding:0;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-whatsapp svg{width:28px;height:28px}
header.ub-dnav.ub-dnav-v10 .ub-dnav-toggle{display:none;
  width:44px;height:44px;padding:0;border:1px solid var(--ub-nav-line);background:#fff;
  align-items:center;justify-content:center;cursor:pointer;color:var(--ub-nav-ink)
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-toggle svg{width:24px;height:24px}
header.ub-dnav.ub-dnav-v10 .ub-dnav-home-mobile{display:none;color:#303747;text-decoration:none}
header.ub-dnav.ub-dnav-v10 .ub-dnav-home-mobile svg{width:17px;height:17px;display:block}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drawer{
  position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);
  width:min(430px,calc(100vw - 28px));background:#fff;border:1px solid var(--ub-nav-line);
  box-shadow:0 18px 48px rgba(13,17,23,.12);padding:8px;
  max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;
  z-index:1110;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drawer[hidden]{display:none!important}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drawer a{
  display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;
  border-bottom:1px solid var(--ub-nav-line);text-decoration:none;color:var(--ub-nav-ink);
  font-size:14px;font-weight:760;
}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drawer a:last-child{border-bottom:0}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drawer span:not(.ub-dnav-drawer-label){color:#8a919d;font-size:13px;font-weight:500;text-align:right}
header.ub-dnav.ub-dnav-v10 .ub-dnav-drawer-label{display:block;padding:13px 14px 7px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#737b88;background:#f7f8fa}
header.ub-dnav.ub-dnav-v10 a:focus-visible,
header.ub-dnav.ub-dnav-v10 button:focus-visible,
header.ub-dnav.ub-dnav-v10 summary:focus-visible{outline:2px solid var(--ub-nav-brand);outline-offset:3px}
@media(min-width:941px){
 header.ub-dnav.ub-dnav-v10 .ub-dnav-links{gap:18px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-links>a{white-space:nowrap}
}
@media(max-width:1140px) and (min-width:941px){
 header.ub-dnav.ub-dnav-v10 .ub-dnav-links{gap:12px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-links a,
 header.ub-dnav.ub-dnav-v10 .ub-dnav-drop summary{font-size:13px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-logo img{width:128px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-cta{padding:0 12px}
}
@media(max-width:940px){
 header.ub-dnav.ub-dnav-v10 .ub-dnav-links{display:none}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-toggle{display:inline-flex}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-inner{grid-template-columns:auto minmax(0,1fr) auto}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-langs{padding-left:8px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-cta{display:none}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-home-mobile{
  display:inline-flex;align-items:center;justify-content:center;min-width:36px;
  width:36px;height:36px;border:1px solid var(--ub-nav-line)
 }
 header.ub-dnav.ub-dnav-v10 .ub-dnav-actions{margin-left:0}
}
@media(max-width:600px){
 header.ub-dnav.ub-dnav-v10 .ub-dnav-inner{width:calc(100% - 24px);height:62px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-logo{grid-column:1}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-logo img{width:106px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-actions{grid-column:2;grid-row:1;justify-self:end;gap:4px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-toggle{grid-column:3;grid-row:1;justify-self:end;width:38px;height:38px;border:0}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-toggle svg{width:22px;height:22px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-langs{gap:4px;padding-left:0;border-left:0;margin-left:0}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-langs a{font-size:11px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-whatsapp{width:36px;height:36px}
 header.ub-dnav.ub-dnav-v10 .ub-dnav-whatsapp svg{width:25px;height:25px}
}
@media print{header.ub-dnav.ub-dnav-v10{display:none!important}}
