.brando24-sanitaercontainer #header .nav-dropdown {
background: #fff;
border: 1px solid var(--brando-border);
border-radius: var(--brando-radius-card);
box-shadow: var(--brando-shadow-soft);
padding: 12px;
} .brando24-sanitaercontainer #header .menu-item-has-block > .nav-dropdown {
overflow: hidden;
padding: 14px;
}
.brando24-sanitaercontainer #header .menu-item-has-block > .nav-dropdown .row,
.brando24-sanitaercontainer #header .menu-item-has-block > .nav-dropdown .section,
.brando24-sanitaercontainer #header .menu-item-has-block > .nav-dropdown .section-content {
margin-top: 0;
margin-bottom: 0;
} .brando24-sanitaercontainer #header .nav-dropdown > li > a {
border-radius: 10px;
color: var(--brando-text);
font-size: 13px;
font-weight: 600;
line-height: 1.35;
padding: 10px 12px;
text-transform: none;
}
.brando24-sanitaercontainer #header .nav-dropdown > li:hover > a,
.brando24-sanitaercontainer #header .nav-dropdown > li.active > a {
background: #f7f9fb;
color: var(--brando-navy);
} .brando24-sanitaercontainer .brando-mega-menu {
min-width: 0;
}
.brando24-sanitaercontainer .brando-mega-menu__eyebrow {
color: #8a97a8;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
margin: 0 0 10px;
text-transform: uppercase;
} .brando24-sanitaercontainer .brando-mega-products {
width: 100%;
}
.brando24-sanitaercontainer .brando-mega-products__list {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 2px;
width: 100%;
}
.brando24-sanitaercontainer .brando-mega-products__list .brando-mega-item--product {
align-items: center;
display: flex;
flex-direction: row;
width: 100%;
}
.brando24-sanitaercontainer .brando-mega-item__content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
}
.brando24-sanitaercontainer .brando-mega-item__title,
.brando24-sanitaercontainer .brando-mega-item__text {
display: block;
width: 100%;
} .brando24-sanitaercontainer .brando-mega-applications {
width: 100%;
min-width: 300px;
}
.brando24-sanitaercontainer .brando-mega-applications__grid {
display: grid;
grid-template-columns: repeat(2, minmax(170px, 1fr));
column-gap: 28px;
row-gap: 4px;
width: 100%;
}
.brando24-sanitaercontainer .brando-application-link {
align-items: center;
border-radius: 9px;
color: var(--brando-navy);
display: flex;
font-size: 13px;
font-weight: 600;
gap: 9px;
line-height: 1.3;
min-width: 0;
padding: 9px 8px;
text-decoration: none;
transition: background-color .16s ease;
white-space: nowrap;
}
.brando24-sanitaercontainer .brando-application-link:hover {
background: #f7f9fb;
color: var(--brando-navy);
}
.brando24-sanitaercontainer .brando-application-link__icon {
align-items: center;
display: inline-flex;
flex: 0 0 18px;
font-size: 13px;
justify-content: center;
width: 18px;
}
.brando24-sanitaercontainer .brando-application-link__icon--orange {
color: #d97706;
}
.brando24-sanitaercontainer .brando-application-link__icon--green {
color: #059669;
}
.brando24-sanitaercontainer .brando-application-link__icon--blue {
color: #2563eb;
}
.brando24-sanitaercontainer .brando-application-link__icon--violet {
color: #7c3aed;
}
.brando24-sanitaercontainer .brando-application-link__icon--slate {
color: #475569;
}
.brando24-sanitaercontainer .brando-application-link__icon--gold {
color: #ca8a04;
} .brando24-sanitaercontainer .brando-mega-item {
border-radius: 12px;
padding: 10px;
transition: background-color .16s ease, transform .16s ease;
}
.brando24-sanitaercontainer .brando-mega-item:hover {
background: #f7f9fb;
transform: translateY(-1px);
}
.brando24-sanitaercontainer .brando-mega-item__title {
color: var(--brando-navy);
font-size: 14px;
font-weight: 700;
line-height: 1.25;
margin: 0 0 3px;
}
.brando24-sanitaercontainer .brando-mega-item__text {
color: var(--brando-muted);
font-size: 12px;
line-height: 1.45;
margin: 0;
}
.brando24-sanitaercontainer .brando-mega-item__icon {
align-items: center;
border-radius: 10px;
display: inline-flex;
flex: 0 0 38px;
height: 38px;
justify-content: center;
margin-right: 10px;
width: 38px;
}
.brando24-sanitaercontainer .brando-mega-item__icon--orange {
background: #fff1e6;
color: #d97706;
}
.brando24-sanitaercontainer .brando-mega-item__icon--teal {
background: #e9f7f4;
color: #0f766e;
}
.brando24-sanitaercontainer .brando-mega-item__icon--blue {
background: #edf7ff;
color: #0284c7;
}
.brando24-sanitaercontainer .brando-mega-item__icon--slate {
background: #f0f3f6;
color: #475569;
}
.brando24-sanitaercontainer .brando-mega-item__icon--violet {
background: #f2edff;
color: #7c3aed;
} .brando24-sanitaercontainer #main-menu .sidebar-menu {
background: #fff;
}
.brando24-sanitaercontainer #main-menu .nav-sidebar > li > a,
.brando24-sanitaercontainer #main-menu .nav-vertical > li > a {
color: var(--brando-navy);
font-size: 15px;
font-weight: 650;
text-transform: none;
}
.brando24-sanitaercontainer #main-menu .nav-sidebar > li.current-menu-item > a,
.brando24-sanitaercontainer #main-menu .nav-sidebar > li.active > a {
color: var(--brando-orange);
} .brando-mega-products {
box-sizing: border-box;
width: 760px;
max-width: calc(100vw - 40px);
}
.brando-mega-products__columns {
display: grid;
gap: 30px;
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1.15fr);
width: 100%;
}
.brando-mega-products__column {
box-sizing: border-box;
min-width: 0;
}
.brando-mega-products__column + .brando-mega-products__column {
border-left: 1px solid #e2e8f0;
padding-left: 30px;
} .brando-mega-products .brando-mega-item {
align-items: flex-start;
box-sizing: border-box;
display: flex;
gap: 12px;
min-width: 0;
width: 100%;
}
.brando-mega-products .brando-mega-item__icon {
flex: 0 0 auto;
}
.brando-mega-products .brando-mega-item__content {
display: block;
flex: 1 1 auto;
min-width: 0;
}
.brando-mega-products .brando-mega-item__title {
display: block;
overflow-wrap: anywhere;
white-space: normal;
}
.brando-mega-products .brando-mega-item__text {
display: block;
line-height: 1.4;
overflow-wrap: anywhere;
white-space: normal;
word-break: normal;
}  .brando-mega-products__footer {
border-top: 1px solid #e2e8f0;
margin-top: 22px;
padding-top: 18px;
width: 100%;
}
.brando-mega-products__overview {
align-items: center;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 12px;
display: flex;
gap: 24px;
justify-content: space-between;
padding: 15px 18px;
text-decoration: none;
transition:
background-color .2s ease,
border-color .2s ease;
}
.brando-mega-products__overview:hover {
background: #f1f5f9;
border-color: #cbd5e1;
}
.brando-mega-products__overview strong {
color: #0f172a;
font-size: 14px;
line-height: 1.35;
}
.brando-mega-products__overview-link {
align-items: center;
color: #475569;
display: flex;
flex: 0 0 auto;
font-size: 13px;
font-weight: 600;
gap: 8px;
text-transform: uppercase;
}
.brando-mega-products__overview-arrow {
color: #0ea5e9;
font-size: 19px;
font-weight: 600;
line-height: 1;
} .nav-dropdown:has(.brando-mega-products) {
width: 800px !important;
max-width: calc(100vw - 40px) !important;
}