/* IFC site header – clean & professional (printed site-wide by the IFC China Products plugin) */
header.header{background:#fff}
.header__container,.is-sticky-nav .header__navigation{background-color:#fff!important}
.header__container{border-bottom:1px solid #eceff3;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.header__container::before,.header__container::after{display:none!important;content:none!important}
header.header,header.header.container{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box}
.header__container>.container{max-width:1480px;width:100%;margin:0 auto;padding:0 20px!important;box-sizing:border-box;overflow:visible}
header.header{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;grid-template-areas:"logo widgets widgets" "nav nav social";align-items:center;column-gap:24px;row-gap:0;padding:0!important;position:relative}
header.header::after{display:none!important}
header.header::before{content:""!important;display:block!important;grid-column:1/-1;grid-row:2;align-self:stretch;background:#ff9200;box-shadow:0 0 0 100vmax #ff9200;clip-path:inset(0 -100vmax);z-index:0;pointer-events:none}
.header__logo{grid-area:logo;padding:10px 0!important;margin:0!important;min-height:0!important;height:auto!important;display:flex;align-items:center;float:none!important;width:auto!important}
.header__logo a{display:block;line-height:0}
.header__logo img{width:112px!important;max-width:112px!important;height:auto!important;margin:0!important}
.header__widgets{grid-area:widgets;justify-self:end;padding:0!important;margin:0!important;float:none!important;width:auto!important;min-width:0;max-width:100%}
.header__widgets .widget{margin:0!important;padding:0!important;height:auto!important;min-height:0!important}
.header__navigation{grid-area:nav;grid-row:2;position:relative;z-index:5;float:none!important;width:auto!important;margin:0!important}
.header__navigation-widgets{grid-area:social;grid-row:2;position:relative;z-index:6;justify-self:end;height:52px;width:auto!important}
.header__navigation::before{display:none!important;content:none!important}
/* trust badges */
.supplier-icons{background:transparent!important;border-radius:0!important;margin:0!important;display:flex!important;gap:8px;justify-content:flex-end;flex-wrap:wrap;align-items:stretch;max-width:100%}
.msx-icon-container{display:flex!important;align-items:center;gap:8px;background:#f7f8fa;border:1px solid #e5e7eb;border-radius:10px;padding:5px 11px 5px 7px;transition:.15s;min-height:46px;height:auto!important}
.msx-icon-container:hover{border-color:#ff9200;background:#fff7ec}
.msx-icon-content,.msx-text-content{padding:0!important;text-align:left!important}
.msx-icon{width:34px!important;height:34px!important;object-fit:contain;display:block}
.msx-icon.jd{width:48px!important;height:auto!important;background:#fff;border-radius:6px;padding:3px;border:1px solid #e5e7eb}
.badge-strong,.badge-span{display:block!important;text-align:left!important;line-height:1.2;white-space:nowrap}
.badge-strong{color:#1a1a1a!important;font-size:13px;font-weight:700}
.badge-span{color:#6b7280!important;font-size:11.5px;font-weight:400}
.msx-text-content a{text-decoration:none!important}
/* navigation bar */
.header__navigation{background:transparent!important;border-top:0;height:52px;padding:0!important}
.header__navigation .navbar-collapse{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;height:52px;max-height:none!important}
.header__navigation::after,.header__navigation .navbar::before,.header__navigation .navbar::after,.header__navigation .navbar-collapse::before,.header__navigation .navbar-collapse::after{display:none!important;content:none!important}
#mega-menu-wrap-main-menu,#mega-menu-wrap-main-menu #mega-menu-main-menu{background:transparent!important;padding:0!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link{font-size:14px!important;font-weight:600!important;letter-spacing:.01em;text-transform:none!important;color:#fff!important;line-height:52px!important;height:52px!important;padding:0 16px!important;border-radius:0;transition:background .15s}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item:first-child>a.mega-menu-link{padding-left:0!important;margin-left:0}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item:first-child.mega-current-menu-item>a.mega-menu-link,#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item:first-child>a.mega-menu-link:hover{padding-left:16px!important;margin-left:-16px}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link:hover,#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-toggle-on>a.mega-menu-link{background:rgba(0,0,0,.12)!important;color:#fff!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu>li.mega-menu-item>a.mega-menu-link .mega-indicator::after{color:#fff!important;font-size:11px}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item ul.mega-sub-menu{border-radius:0 0 10px 10px;box-shadow:0 10px 30px rgba(0,0,0,.12);border:0!important;padding:6px 0!important;background:#fff!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item>a.mega-menu-link{background:#fff!important;color:#1a1a1a!important;font-size:13.5px!important;padding:9px 18px!important;line-height:1.4!important;height:auto!important}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item>a.mega-menu-link:hover{background:#fff7ec!important;color:#c45d00!important}
/* social icons in nav */
.header__navigation-widgets{display:flex!important;align-items:center;gap:6px;padding:0!important;margin:0!important;float:none!important}
.header__navigation-widgets .widget{margin:0!important;padding:0!important;display:flex!important;align-items:center;gap:6px;flex-wrap:nowrap;width:auto!important;height:auto!important}
.header__navigation-widgets a{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18)!important;color:#fff!important;border:0!important;font-size:15px;transition:.15s;margin:0!important}
.header__navigation-widgets a:hover{background:#fff!important;color:#ff9200!important}
.header__navigation-widgets a::before,.header__navigation-widgets a::after{display:none!important}
.header__navigation-widgets .fa{color:inherit!important;font-size:15px!important}
/* mobile */
.navbar-toggle{background:#ff9200!important;border-radius:8px!important;margin:0!important;padding:8px 12px!important}
.navbar-toggle .icon-bar{background:#fff!important}
@media (max-width:991px){
  .header__container>.container{padding:0 12px!important}
  header.header{grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "widgets" "nav";column-gap:12px;min-width:0;overflow:hidden}
  #banner-wrapper{display:none!important}
  .header__logo{display:flex!important;justify-content:space-between;align-items:center;width:100%!important;min-width:0;padding:8px 0!important}
  .header__logo img{width:104px!important;max-width:104px!important}
  .navbar-toggle{display:inline-flex!important;align-items:center;gap:8px;float:none!important;color:#fff!important;font-weight:600;font-size:13px;position:static!important}
  .header__widgets{display:block!important;justify-self:stretch;width:100%!important;min-width:0;max-width:100%;overflow:hidden;padding:0 0 8px!important}
  .header__widgets .widget{display:block!important}
  .supplier-icons{display:flex!important;flex-wrap:nowrap;justify-content:flex-start;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}
  .supplier-icons::-webkit-scrollbar{display:none}
  .msx-icon-container{flex:0 0 auto;min-height:40px;padding:4px 9px 4px 6px;gap:6px}
  .msx-icon{width:26px!important;height:26px!important}
  .msx-icon.jd{width:38px!important}
  .badge-strong{font-size:12px}.badge-span{font-size:10.5px}
  .header__navigation-widgets{display:none!important}
  .header__navigation{height:auto}
  .header__navigation .navbar-collapse{height:auto}
  .header__navigation::before{display:none!important}
  header.header::before{display:none!important}
  .header__navigation{background:transparent!important}
  .header__navigation .navbar-collapse.in,.header__navigation .navbar-collapse.collapsing{background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);margin:0 0 10px!important}
}
@media (max-width:767px){
  .header__logo img{width:96px!important;max-width:96px!important}
}
