.gnikk-brand-menu{--brand-green:#42bd89;grid-column:1/-1;width:100%;padding:22px 0;color:#f5f7f5;background:#0c110e}
.gnikk-brand-menu__intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.gnikk-brand-menu__eyebrow{display:block;margin-bottom:6px;color:#70c9a2;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.gnikk-brand-menu__title{margin:0;font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.gnikk-brand-menu__all{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#dce8e0;font-size:13px;text-decoration:none;white-space:nowrap}
.gnikk-brand-menu__all:hover{color:#79dab2}
.gnikk-brand-menu__all span{color:#70c9a2;font-size:19px}
.gnikk-brand-menu__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.gnikk-brand-menu__grid>li{min-width:0;margin:0;padding:0}
.gnikk-brand-menu__card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px 16px 14px;border:1px solid #284437;border-radius:12px;background:#101813;color:#f5f7f5;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.gnikk-brand-menu__card:hover{background:#17281e;border-color:#42bd89;transform:translateY(-2px)}
.gnikk-brand-menu__card:focus-visible,.gnikk-brand-menu__all:focus-visible,.gnikk-brand-drawer>summary:focus-visible{outline:2px solid #79dab2;outline-offset:4px}
.gnikk-brand-menu__logo{display:flex;align-items:center;justify-content:center;width:100%;height:64px;overflow:hidden}
.gnikk-brand-menu__logo img{display:block;width:100%;max-width:166px;height:100%;object-fit:contain}
.gnikk-brand-menu__card--sonax .gnikk-brand-menu__logo img{max-width:148px;height:40px}
.gnikk-brand-menu__card--exo .gnikk-brand-menu__logo img{max-width:135px;height:auto}
.gnikk-brand-menu__card--little-joe .gnikk-brand-menu__logo img{max-width:138px}
.gnikk-brand-menu__label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:1.4}
.gnikk-brand-menu__label svg{flex:none;color:#70c9a2;transition:transform .18s}
.gnikk-brand-menu__card:hover .gnikk-brand-menu__label svg{transform:translateX(2px)}
.gnikk-brand-menu__fallback{font-size:19px;font-weight:500}
.mega-menu__grid:has(.gnikk-brand-menu){display:block!important}
.mega-menu:has(.gnikk-brand-menu){background:#0c110e;border-bottom:1px solid #284437}
.gnikk-brand-drawer{background:#0c110e;color:#f5f7f5}
.gnikk-brand-drawer>summary{cursor:pointer;list-style:none}
.gnikk-brand-drawer>summary::-webkit-details-marker{display:none}
.gnikk-brand-drawer[open]>summary .icon-plus{transform:rotate(45deg)}
.gnikk-brand-menu--mobile{padding:12px 0 22px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__intro{gap:10px;margin-bottom:14px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__title{font-size:16px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__all{font-size:12px;gap:6px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__card{padding:16px 12px 12px;gap:12px;min-height:119px;border-radius:10px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__logo{height:48px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__label{font-size:13px}
.header__drawer .gnikk-brand-menu__all{font-size:12px!important}
.header__drawer .gnikk-brand-menu__card{padding-block:16px 12px!important;font-size:13px!important;border-color:#284437!important}
.header__drawer .gnikk-brand-menu__card:hover,.header__drawer .gnikk-brand-menu__card:focus-visible{border-color:#42bd89!important}
.gnikk-brand-menu--mobile .gnikk-brand-menu__card--sonax img{height:30px}
#header-component .menu-list__submenu-inner:has(.gnikk-brand-menu){--submenu-padding-block-start:24px;--submenu-padding-block-end:26px}
#header-component .mega-menu__grid>.gnikk-brand-menu{padding:0}
@media(min-width:750px) and (max-width:989px){.gnikk-brand-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.gnikk-brand-menu__card,.gnikk-brand-menu__label svg{transition:none}.gnikk-brand-menu__card:hover{transform:none}}

.gnikk-brand-menu__card,.gnikk-brand-menu__logo{background:#0c110e}
.gnikk-brand-menu__logo img{height:64px;object-fit:cover}
.gnikk-brand-menu__card--sonax .gnikk-brand-menu__logo img,.gnikk-brand-menu__card--exo .gnikk-brand-menu__logo img{height:64px}
.gnikk-brand-menu__card--maxshine .gnikk-brand-menu__logo img,.gnikk-brand-menu__card--remitek .gnikk-brand-menu__logo img{object-fit:contain}
.gnikk-brand-menu__card--little-joe .gnikk-brand-menu__logo img{max-width:105px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__logo img,.gnikk-brand-menu--mobile .gnikk-brand-menu__card--sonax img,.gnikk-brand-menu--mobile .gnikk-brand-menu__card--exo img{height:48px}

.gnikk-brand-menu__card--little-joe .gnikk-brand-menu__logo img{object-fit:contain;object-position:center;max-width:105px}
.gnikk-brand-menu__all-icon{color:#70c9a2;flex:none}
.gnikk-brand-menu__card--all{border-color:#365742}

.gnikk-brand-menu__logo{position:relative;height:88px}
.gnikk-brand-menu__card--little-joe .gnikk-brand-menu__logo img{position:absolute;top:50%;left:50%;width:112px;max-width:none;height:112px;object-fit:contain;transform:translate(-50%,-50%)}
.gnikk-brand-menu__card--all .gnikk-brand-menu__logo img{width:100%;max-width:140px;height:60px;object-fit:contain}
.gnikk-brand-menu--mobile .gnikk-brand-menu__logo{height:88px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__card--little-joe .gnikk-brand-menu__logo img{width:112px;max-width:none;height:112px}
.gnikk-brand-menu--mobile .gnikk-brand-menu__card--all .gnikk-brand-menu__logo img{max-width:130px;height:56px}

.gnikk-brand-menu__card--all .gnikk-brand-menu__logo img{filter:brightness(0) invert(1)}