#brx-header .pp-navigation-v2 #brxe-c3e5b7{position:relative;max-width:1440px;min-height:88px}
/* Primary website brand; the existing graphic remains the product trademark. */
#brx-header .pp-navigation-v2 #brxe-b2b002{white-space:nowrap}
#brx-header .pp-navigation-v2 #brxe-b2b003{letter-spacing:.65px;white-space:nowrap}
@media(max-width:767px){#brx-header .pp-navigation-v2 #brxe-b2b002{font-size:16px;letter-spacing:0}#brx-header .pp-navigation-v2 #brxe-b2b003{font-size:8px;letter-spacing:.25px}#brx-header .pp-navigation-v2 #brxe-b2b001{gap:8px}}
#brx-header .pp-navigation-v2 #brxe-df3f53{flex-wrap:nowrap;gap:20px}
/* Native TranslatePress selector lives in the existing main navigation. */
#brx-header .pp-navigation-v2 #brxe-97d7a6{display:block!important;width:auto;flex:0 0 auto;order:4}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-shortcode-switcher__wrapper{--text:#333!important;--text-hover:#df0523!important;--border-color:#ddd!important;--border:1px solid #ddd!important;font-size:14px}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-language-item{min-height:44px}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-shortcode-overlay{z-index:30}
@media(min-width:1260px){#brx-header .pp-navigation-v2 #brxe-df3f53{gap:14px}}
@media(max-width:1259px){
#brx-header .pp-navigation-v2 #brxe-97d7a6{order:0;align-self:flex-start;margin-block:8px}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-shortcode-switcher__wrapper{min-width:160px}
}

#brx-header .pp-navigation-v2 .pp-mega-panel{background:#fff!important;border:1px solid #ddd!important;box-shadow:0 18px 35px #00000012!important;padding:32px!important;list-style:none;max-height:min(75vh,680px);overflow:auto;overscroll-behavior:contain}
#brx-header .pp-navigation-v2 .pp-mega-groups{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:32px;width:100%}
#brx-header .pp-navigation-v2 .pp-mega-group{display:flex;flex-direction:column;gap:0}
#brx-header .pp-navigation-v2 .pp-mega-group h3{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px;color:#595959;line-height:1.5}
#brx-header .pp-navigation-v2 .pp-mega-link{display:flex;align-items:center;min-height:38px;padding:7px 0;font-size:14px;font-weight:500;white-space:normal;color:#333;text-decoration:none;line-height:1.5}
#brx-header .pp-navigation-v2 .pp-mega-link:hover{color:#df0523}
#brx-header .pp-navigation-v2 .pp-mega-foot{display:flex;flex-direction:row;justify-content:space-between;gap:20px;width:100%;border-top:1px solid #ddd;margin-top:24px;padding-top:16px}
#brx-header .pp-navigation-v2 .pp-mega-foot a{font-weight:600}
#brx-header .pp-navigation-v2 .pp-mega-foot a:last-child{color:#df0523}
#brx-header .pp-navigation-v2 .pp-mega-apps{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;width:100%}
#brx-header .pp-navigation-v2 .pp-mega-app{display:flex;flex-direction:row;align-items:center;gap:14px;padding:12px;border:1px solid transparent;color:#333;text-decoration:none;font-size:14px;line-height:1.5}
#brx-header .pp-navigation-v2 .pp-mega-app:hover{background:#f7f7f7;border-color:#ddd;color:#df0523}
#brx-header .pp-navigation-v2 .pp-mega-icon{flex:none;width:24px;height:24px;color:#df0523}
#brx-header .pp-navigation-v2 .pp-mega-icon svg{display:block;width:24px;height:24px}
#brx-header .pp-navigation-v2 .pp-mega-app-label{min-width:0}
#brx-header .pp-navigation-v2 :is(a,button){touch-action:manipulation}
#brx-header .pp-navigation-v2 :is(a,button):focus-visible{outline:3px solid #df0523;outline-offset:3px}
@media(min-width:1260px){
/* Keep a continuous pointer target from each title to its panel. Mega items
   are static-positioned, so Bricks' absolute ::before bridge cannot anchor here. */
#brx-header .pp-navigation-v2 .pp-nav-dropdown{height:88px;min-height:88px;align-items:center;justify-content:center}
#brx-header .pp-navigation-v2 .pp-nav-dropdown::before{content:none!important;pointer-events:none!important}
#brx-header .pp-navigation-v2 .pp-nav-dropdown>.pp-submenu-panel{transition:opacity .12s ease!important}
#brx-header .pp-navigation-v2 .pp-nav-dropdown.open>.pp-submenu-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#brx-header .pp-navigation-v2 .pp-nav-dropdown:not(.open)>.pp-submenu-panel{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#brx-header .pp-navigation-v2 #brxe-2ac280,#brx-header .pp-navigation-v2 #brxe-576d05{position:static!important}
#brx-header .pp-navigation-v2 .pp-mega-panel{position:absolute!important;left:0!important;right:auto!important;top:100%!important;transform:none!important;width:960px!important;min-width:0!important;max-width:calc(100vw - 40px)!important;flex-direction:column!important}
#brx-header .pp-navigation-v2 .pp-nav-dropdown>.brx-submenu-toggle{font-size:14px}
#brx-header .pp-navigation-v2 #brxe-srch01{order:5}
#brx-header .pp-navigation-v2 #brxe-srch01{margin-inline-start:12px}
#brx-header .pp-navigation-v2 #brxe-dcbe83{order:6}
}
@media(max-width:1259px){
#brx-header .pp-navigation-v2 #brxe-c3e5b7{min-height:72px;flex-wrap:wrap!important;gap:12px!important;padding-top:12px;padding-bottom:12px}
#brx-header .pp-navigation-v2 #brxe-b2b001{margin-right:auto}
#brx-header .pp-navigation-v2 #brxe-srch01{order:0;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important}
#brx-header .pp-navigation-v2 #brxe-mnav01{display:inline-flex!important;align-items:center;justify-content:center;min-width:60px;min-height:44px;order:1}
body.pp-mobile-nav-ready #brx-header .pp-navigation-v2 #brxe-df3f53{display:none!important;width:100%!important}
body.pp-mobile-nav-ready.pp-mobile-nav-open #brx-header .pp-navigation-v2 #brxe-df3f53{display:flex!important;flex-direction:column!important;align-items:stretch;gap:8px;max-height:calc(100dvh - 96px);overflow:auto;padding:12px 0}
#brx-header .pp-navigation-v2 #brxe-df3f53{order:2;flex-basis:100%}
#brx-header .pp-navigation-v2 .pp-nav-dropdown{width:100%!important;position:relative!important}
#brx-header .pp-navigation-v2 .pp-nav-dropdown>.brx-submenu-toggle{justify-content:space-between;min-height:48px;border-bottom:1px solid #eee}
#brx-header .pp-navigation-v2 .pp-mega-panel{position:static!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:none!important;transform:none!important;padding:20px!important;box-shadow:none!important;flex-direction:column!important;margin:0!important}
#brx-header .pp-navigation-v2 .pp-mega-groups,#brx-header .pp-navigation-v2 .pp-mega-apps{grid-template-columns:minmax(0,1fr);gap:20px}
#brx-header .pp-navigation-v2 .pp-mega-link{min-height:44px}
#brx-header .pp-navigation-v2 .pp-mega-foot{flex-direction:column;gap:8px}
#brx-header .pp-navigation-v2 .pp-nav-dropdown:not(.open)>.pp-submenu-panel{display:none!important}
#brx-header .pp-navigation-v2 .pp-nav-dropdown.open>.pp-submenu-panel{display:flex!important}
#brx-header .pp-navigation-v2 #brxe-dcbe83{justify-content:center;margin-top:12px}
}

/* Keep TranslatePress out of global navigation link box sizing. */
#brx-header .pp-navigation-v2 #brxe-97d7a6,#brx-header .pp-navigation-v2 #brxe-97d7a6 *{box-sizing:border-box}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-shortcode-switcher{padding-block:0!important}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-language-item{min-height:44px;line-height:1.5;padding:10px 12px!important;font-size:14px}

/* Keep TranslatePress out of global navigation link box sizing. */
#brx-header .pp-navigation-v2 #brxe-97d7a6,#brx-header .pp-navigation-v2 #brxe-97d7a6 *{box-sizing:border-box}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-shortcode-switcher{padding-block:0!important}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-language-item{min-height:44px;line-height:1.5;padding:10px 12px!important;font-size:14px}
@media(max-width:1259px){
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-shortcode-anchor{display:none!important}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-shortcode-overlay{position:relative!important;inset:auto!important;height:auto!important}
#brx-header .pp-navigation-v2 #brxe-97d7a6 .trp-switcher-dropdown-list{position:static!important}
}
/* 2026-10-16: six top-level items — tighter spacing; hamburger now below 1300px */
#brx-header .pp-navigation-v2 #brxe-df3f53{gap:4px}
#brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle{gap:4px}
@media(min-width:1260px) and (max-width:1360px){#brx-header .pp-navigation-v2 #brxe-df3f53>*,#brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle *{font-size:13px}#brx-header .pp-navigation-v2 #brxe-b2b002{font-size:18px}#brx-header .pp-navigation-v2 #brxe-b2b001{gap:8px}}
@media(min-width:1260px) and (max-width:1380px){html:is([lang^="vi"],[lang^="es"]) #brx-header .pp-navigation-v2 #brxe-b2b002{font-size:15px}html:is([lang^="vi"],[lang^="es"]) #brx-header .pp-navigation-v2 #brxe-df3f53>*,html:is([lang^="vi"],[lang^="es"]) #brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle *{font-size:12.5px}}
/* 2026-10-16 floating language switcher: pin to the bottom-left corner */
html body nav.trp-language-switcher.trp-floating-switcher{left:24px!important;right:auto!important}
@media(max-width:767px){html body nav.trp-language-switcher.trp-floating-switcher{left:12px!important}}

/* A collapsed menu must start at its scroll origin, including tablet widths. */
@media(max-width:1259px){
body.pp-mobile-nav-ready #brx-header .pp-navigation-v2 #brxe-df3f53{justify-content:flex-start}
}

#brx-header .pp-navigation-v2 .pp-mega-group div.brxe-heading{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px;color:#595959;line-height:1.5}

/* 2026-10-25 header height: 80px at rest, 64px compact while scrolling down (tablet 64px, phone 56px).
   #brx-header keeps the resting height in flow so the page does not jump when the bar shrinks;
   pp-navigation-v2.js toggles body.pp-header-compact and keeps --pp-header-h at the visible height. */
:root{--pp-header-rest:80px;--pp-header-h:80px}
html body #brx-header{height:var(--pp-header-rest);pointer-events:none}
html body #brx-header>*{pointer-events:auto}
html body #brx-header .pp-navigation-v2.pp-header{position:relative;padding-block:0!important;box-sizing:border-box}
@media(min-width:1260px){
#brx-header .pp-navigation-v2 #brxe-c3e5b7{min-height:79px;transition:min-height .2s ease}
#brx-header .pp-navigation-v2 .pp-nav-dropdown{height:79px;min-height:79px;transition:height .2s ease,min-height .2s ease}
body.pp-header-compact #brx-header .pp-navigation-v2 #brxe-c3e5b7{min-height:63px}
body.pp-header-compact #brx-header .pp-navigation-v2 .pp-nav-dropdown{height:63px;min-height:63px}
body.pp-header-compact #brx-header .pp-navigation-v2 #brxe-6509cc img{height:40px!important;width:auto!important}
}
@media(max-width:1259px){
:root{--pp-header-rest:64px}
#brx-header .pp-navigation-v2 #brxe-c3e5b7{min-height:63px;padding-top:0;padding-bottom:0;row-gap:0!important}
body.pp-mobile-nav-open #brx-header .pp-navigation-v2 #brxe-c3e5b7{padding-bottom:12px}
}
@media(max-width:767px){
:root{--pp-header-rest:56px}
html body #brx-header,html body #brx-header .pp-header{position:sticky;top:0}
html body #brx-header .pp-navigation-v2.pp-header{position:sticky}
#brx-header .pp-navigation-v2 #brxe-c3e5b7{min-height:55px}
body.pp-mobile-nav-open #brx-header .pp-navigation-v2 #brxe-df3f53{max-height:calc(100dvh - 72px)}
}
@media(prefers-reduced-motion:reduce){#brx-header .pp-navigation-v2 #brxe-c3e5b7,#brx-header .pp-navigation-v2 .pp-nav-dropdown{transition:none!important}}

/* 2026-10-25 desktop nav rhythm: chevron hugs its label, 14px labels from 1361px, current section underlined. */
@media(min-width:1260px){
#brx-header .pp-navigation-v2 #brxe-df3f53{gap:6px}
#brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle{gap:0}
#brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle>a{padding-inline:8px 2px}
#brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle>button{min-width:24px;padding:8px 6px 8px 2px;margin-inline-start:-6px}
#brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle:is(.aria-current,[aria-current])>a,#brx-header .pp-navigation-v2 #brxe-df3f53>a:is(.aria-current,[aria-current]){text-decoration:underline!important;text-decoration-color:#df0523!important;text-decoration-thickness:2px!important;text-underline-offset:9px}
}
@media(min-width:1361px){
#brx-header .pp-navigation-v2 #brxe-df3f53>a:not(.pp-button),#brx-header .pp-navigation-v2 #brxe-df3f53 .brx-submenu-toggle>a{font-size:14px}
}
@media(max-width:1259px){
#brx-header .pp-navigation-v2 #brxe-df3f53>a:not(.pp-button){display:flex;align-items:center;min-height:48px;padding-inline:0;border-bottom:1px solid #eee}
}

/* 2026-10-25 Products mega menu: core range first, one-line descriptions. */
#brx-header .pp-navigation-v2 .pp-mega-link:has(.pp-mega-desc){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:8px}
#brx-header .pp-navigation-v2 .pp-mega-desc{display:block;margin-top:2px;font-size:12.5px;font-weight:400;line-height:1.45;color:#666}
#brx-header .pp-navigation-v2 .pp-mega-link:hover .pp-mega-desc{color:#8b1c24}
#brx-header .pp-navigation-v2 .pp-products-panel .pp-mega-groups{grid-template-columns:1.6fr 1fr 1fr}
@media(max-width:1259px){#brx-header .pp-navigation-v2 .pp-products-panel .pp-mega-groups{grid-template-columns:minmax(0,1fr)}}

/* 2026-10-25 header tools: contact list in the mobile menu (the desktop phone icon was removed) and the language switcher moved out of the bottom-left float (item 5). */
.pp-hc{display:none}
.pp-hc-panel a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;color:#333;font-size:14px;font-weight:500;text-decoration:none}
.pp-hc-panel a:hover{background:#f7f7f7;color:#df0523}
.pp-hc-panel svg{flex:none;width:18px;height:18px;color:#df0523}
.pp-hc-panel span{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
html body nav.trp-floating-switcher.pp-ls-header{position:relative!important;inset:auto!important;width:auto!important;margin:0;z-index:45;--bg:transparent;--border:1px solid transparent;--border-radius:0;--switcher-padding:0;--font-size:13px;flex:0 0 auto}
.pp-ls-header .trp-language-switcher-inner{position:relative;display:flex;width:auto;min-height:44px;align-items:center}
.pp-ls-header .trp-language-item__current{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 8px;cursor:pointer;color:#333}
.pp-ls-header .trp-language-item__current:hover,.pp-ls-header .trp-language-item__current[aria-expanded="true"]{color:#df0523}
.pp-ls-header .trp-language-item__current .trp-language-item-name{font-size:0}
.pp-ls-header .trp-language-item__current .trp-language-item-name::after{content:attr(data-code);font-size:13px;font-weight:600;letter-spacing:.06em}
.pp-ls-header .trp-language-item__current::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
.pp-ls-header .trp-switcher-dropdown-list{position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;inset-inline:auto 0!important;width:188px!important;max-height:min(70vh,420px);overflow:auto;background:#fff;border:1px solid #ddd;box-shadow:0 18px 35px #00000012}
.pp-ls-header .trp-switcher-dropdown-list .trp-language-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;color:#333;font-size:14px;text-decoration:none}
.pp-ls-header .trp-switcher-dropdown-list .trp-language-item:hover{background:#f7f7f7;color:#df0523}
@media(min-width:1260px){
#brx-header .pp-navigation-v2 .pp-ls-header{order:4}
}
@media(max-width:1259px){
#brx-header .pp-navigation-v2 .pp-hc{display:block;order:10;width:100%}
.pp-hc-panel{display:block;padding:4px 0 0}
.pp-hc-panel a{padding:0}
html body nav.trp-floating-switcher.pp-ls-header{order:0}
.pp-ls-header .trp-language-item__current{padding:0 6px}
}
@media(max-width:420px){.pp-ls-header .trp-language-item__current .trp-flag-image{display:none}}
html body nav.trp-floating-switcher.pp-ls-header{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.pp-ls-header .trp-language-switcher-inner{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.pp-ls-header .trp-switcher-dropdown-list{flex-direction:column!important;z-index:50}
@media(max-width:575px){
#brx-header .pp-navigation-v2 #brxe-c3e5b7{gap:0 8px!important}
html body nav.trp-floating-switcher.pp-ls-header .trp-flag-image{display:none!important}
.pp-ls-header .trp-language-item__current{padding:0 4px;gap:0}
.pp-ls-header .trp-language-item__current::after{display:none}
#brx-header .pp-navigation-v2 #brxe-mnav01{min-width:52px}
}
@media(max-width:359px){#brx-header .pp-navigation-v2 #brxe-b2b002{font-size:14px}#brx-header .pp-navigation-v2 #brxe-b2b003{display:none}}
@media(max-width:575px){
#brx-header .pp-navigation-v2 #brxe-b2b001{flex:1 1 0;min-width:0;gap:6px}
#brx-header .pp-navigation-v2 #brxe-b2b002{font-size:15px;letter-spacing:0}
#brx-header .pp-navigation-v2 #brxe-6509cc img{height:36px;width:auto}
}
@media(max-width:359px){
#brx-header .pp-navigation-v2 #brxe-b2b002{font-size:13px}
#brx-header .pp-navigation-v2 #brxe-6509cc img{height:30px}
#brx-header .pp-navigation-v2 #brxe-c3e5b7{gap:0 4px!important}
#brx-header .pp-navigation-v2 #brxe-srch01{flex-basis:40px!important;width:40px!important;min-width:40px!important;max-width:40px!important}
#brx-header .pp-navigation-v2 #brxe-mnav01{min-width:48px}
}
@media(max-width:575px){#brx-header .pp-navigation-v2 #brxe-b2b001{flex-wrap:nowrap}#brx-header .pp-navigation-v2 #brxe-b2b004{min-width:0}}
.pp-ls-header .trp-switcher-dropdown-list[hidden],.pp-ls-header .trp-switcher-dropdown-list[inert]{display:none!important}
html body nav.trp-floating-switcher.pp-ls-header{height:44px!important;min-height:44px!important;padding:0!important;display:flex;align-items:center}
@media(max-width:1259px){.pp-hc-panel{display:flex!important;flex-direction:column}#brx-header .pp-navigation-v2 .pp-hc-panel a{display:flex!important;width:100%}}

/* 2026-10-25 search: breathing room before the icon and popular-product chips in the overlay. */
@media(min-width:1260px){#brx-header .pp-navigation-v2 #brxe-srch01{margin-inline-start:12px}#brx-header .pp-navigation-v2 #brxe-dcbe83{margin-inline-start:12px}}
.pp-search-suggest{margin-top:20px}
.pp-search-suggest p{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#595959}
.pp-search-suggest div{display:flex;flex-wrap:wrap;gap:8px}
.pp-search-suggest a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #ddd;background:#fff;color:#333;font-size:14px;font-weight:500;text-decoration:none}
.pp-search-suggest a:hover,.pp-search-suggest a:focus-visible{border-color:#df0523;color:#df0523}