/* VISGENEER GROUP — Variant 4 brand mega-menu refinement
   Desktop: five verified brand logos, independent navigation panel.
   Mobile: native details menu with direct brand pages.
   Branding: corporate CI / existing BOWIL, CORESENCE, Vigenent, Nikotta assets.
*/
.site-header .nav-mega-brands{
  padding:25px clamp(20px,2.5vw,44px) 30px;
  max-height:min(77vh,620px);
  background:rgba(255,255,255,.965);
  border-top:2px solid #C5A143;
}
.site-header .brands-mega-heading{margin-bottom:18px;padding-bottom:16px}
.site-header .nav-links .brands-mega-all{
  font-size:13px!important;font-weight:700;color:#1D4892;
  letter-spacing:0;white-space:nowrap;border-bottom:1px solid #C5A143;
  padding:7px 2px;transition:color .2s,border-color .2s;
}
.site-header .nav-links .brands-mega-all:hover{color:#B02C23;border-color:#B02C23}
.site-header .brands-mega-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.25vw,20px);
}
.site-header .nav-links .brands-mega-card{
  position:relative;min-width:0;min-height:220px;
  display:flex;flex-direction:column;justify-content:space-between;
  background:#edf4fc;color:#20324b;border:1px solid rgba(10,26,49,.08);
  border-radius:13px;overflow:hidden;
  padding:0;white-space:normal;text-decoration:none;
  box-shadow:0 1px 1px rgba(9,27,52,.04);
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s,border-color .34s;
  font-size:15px!important;
}
.site-header .nav-links .brands-mega-card:hover,.site-header .nav-links .brands-mega-card:focus-visible{
  transform:translateY(-5px);box-shadow:0 15px 30px rgba(8,23,48,.13);
  border-color:#C5A143;outline:none;
}
.site-header .nav-links .brands-mega-card:focus-visible{outline:3px solid #C5A143;outline-offset:3px}
.site-header .brands-mega-logo{
  display:flex;align-items:center;justify-content:center;min-height:139px;
  padding:26px clamp(9px,1.45vw,22px) 16px;
  flex:1;
}
.site-header .brands-mega-logo img{
  display:block;max-width:100%;width:100%;height:auto;max-height:92px;
  object-fit:contain;object-position:center;
  transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.site-header .brands-mega-card:hover .brands-mega-logo img{transform:scale(1.045)}
.site-header .brands-mega-info{display:flex;flex-direction:column;gap:5px;padding:14px 35px 18px 19px;max-width:100%;}
.site-header .brands-mega-info strong{font-size:16px;line-height:1.3;font-weight:700;color:inherit}
.site-header .brands-mega-info small{font-size:12px;line-height:1.5;color:inherit;opacity:.83}
.site-header .brands-mega-arrow{position:absolute;bottom:22px;right:18px;color:inherit;font-size:21px;line-height:1;opacity:.75;transition:transform .28s}
.site-header .brands-mega-card:hover .brands-mega-arrow{transform:translate(3px,-3px);opacity:1}
.site-header .brands-mega-card--ebmonitor{background:#e8f0fa;color:#183956}
.site-header .brands-mega-card--bowil{background:#485060;color:#fff}
.site-header .brands-mega-card--coresence{background:#1b2452;color:#f3db91}
.site-header .brands-mega-card--vigenent{background:#f5f5f7;color:#29334a}
.site-header .brands-mega-card--nikotta{background:#fff0f2;color:#826669}
.site-header .brands-mega-card--vigenent .brands-mega-logo img{max-height:75px}
.site-header .brands-mega-card--nikotta .brands-mega-logo img{max-height:80px}
.site-header .brands-mega-card--coresence .brands-mega-logo img{max-height:100px}

/* Desktop nav remains compact at 1081–1300px, without narrow card clipping. */
@media (min-width:1081px) and (max-width:1300px){
 .site-header .brands-mega-grid{gap:10px}
 .site-header .nav-links .brands-mega-card{min-height:196px}
 .site-header .brands-mega-logo{min-height:113px;padding:14px 10px 4px}
 .site-header .brands-mega-logo img{max-height:74px}
 .site-header .brands-mega-info{padding:12px 28px 14px 13px}
 .site-header .brands-mega-info strong{font-size:14px}
 .site-header .brands-mega-info small{font-size:11px}
 .site-header .brands-mega-arrow{right:10px;bottom:15px;font-size:18px}
}
@media(max-width:1080px){
 .site-header .nav-mega-brands{display:none}
 #mobileMenu .mobile-brands-group .mobile-nav-sub{padding-bottom:12px}
 #mobileMenu .mobile-brand-link{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.45;padding:13px 12px 13px 19px;}
 #mobileMenu .mobile-brand-link small{font-size:11px;color:#7d8898;font-weight:500;margin-left:auto;text-align:right}
 #mobileMenu .mobile-brand-link span:last-child{color:#bc913d;flex:none}
}
@media(max-width:390px){
 #mobileMenu .mobile-brand-link small{display:none}
}
@media(prefers-reduced-motion:reduce){
 .site-header .brands-mega-card,.site-header .brands-mega-arrow,.site-header .brands-mega-logo img{transition:none!important}
}