@charset "UTF-8";

/* Desktop header and backend-driven full-width mega menu. */

#header_menu_right,
#header_menu_right .header,
#header_menu_right .header .container,
#header_menu_right .menu,
#header_menu_right .menu ul{
  box-sizing:border-box;
}

#header_menu_right{
  position:fixed!important;
  top:0!important;
  right:0!important;
  left:0!important;
  z-index:99990;
  overflow:visible;
  background:#fff;
}

#dm-fixed-header-spacer{
  display:block;
  width:100%;
  height:112px;
  min-height:112px;
}

#header_menu_right .header{
  position:relative;
  height:112px;
  background:#fff;
  border-bottom:1px solid #e8eaed;
  box-shadow:0 1px 0 rgba(15,23,42,.02);
}

#header_menu_right .header .container{
  width:1440px;
  max-width:100%;
  height:112px;
  margin:0 auto;
  padding:0 clamp(14px,2vw,30px);
  display:grid;
  grid-template-columns:minmax(170px,205px) minmax(250px,460px) minmax(20px,1fr) 160px;
  grid-template-rows:64px 48px;
  grid-template-areas:
    "logo search spacer lang"
    "menu menu menu menu";
  column-gap:clamp(10px,1.3vw,18px);
  align-items:center;
  overflow:visible;
}

#header_menu_right .header .logo{
  grid-area:logo;
  position:static!important;
  z-index:3;
  display:flex;
  align-items:center;
  min-width:0;
  height:64px;
}

#header_menu_right .header .logo a{
  display:flex;
  align-items:center;
  max-width:100%;
  height:100%;
}

#header_menu_right .header .logo img{
  display:block;
  width:auto;
  max-width:min(230px,100%);
  height:auto;
  max-height:52px;
  object-fit:contain;
}

/* Search occupies its own first-row grid cell and can no longer cover navigation. */
#header_menu_right .header .topsearchbox,
.stricky-fixed #header_menu_right .header .topsearchbox{
  grid-area:search;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  /* Keep the complete search layer (including suggestions) above navigation. */
  z-index:120!important;
  width:100%!important;
  max-width:460px;
  min-width:0;
  margin:0!important;
  transform:none!important;
}

#header_menu_right .header .topsearchbox form{
  display:flex!important;
  align-items:center;
  width:100%!important;
  height:42px!important;
  margin:0!important;
  overflow:hidden;
  box-sizing:border-box;
  border:1px solid #dfe3e8!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(15,23,42,.045)!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}

#header_menu_right .header .topsearchbox form:focus-within{
  border-color:#dd2f31!important;
  box-shadow:0 0 0 3px rgba(221,47,49,.09)!important;
}

#header_menu_right .header .topsearchbox .dm-search-suggest-box{
  z-index:130!important;
}

#header_menu_right .header .topsearchbox input.text{
  flex:1 1 auto;
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#111827!important;
  font-size:14px!important;
  line-height:42px!important;
  opacity:1!important;
}

#header_menu_right .header .topsearchbox button{
  position:static!important;
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:94px!important;
  width:auto!important;
  height:34px!important;
  margin:0 4px 0 0!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:999px!important;
  background:#dd2f31!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap;
  box-shadow:0 5px 13px rgba(207,32,38,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}

#header_menu_right .header .topsearchbox button:hover{
  background:#b91f22!important;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(207,32,38,.24)!important;
}

#header_menu_right .header .topsearchbox button i,
#header_menu_right .header .topsearchbox button span{
  display:inline-block!important;
  color:#fff!important;
}

#header_menu_right .header .container>.dmyiblock[data-effect="prog"]{
  grid-area:lang;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  justify-self:end;
  width:160px;
  min-width:160px;
  max-width:160px;
  height:64px;
  margin:0;
  box-sizing:border-box;
}

#header_menu_right .header .langimg{
  position:static!important;
  top:auto!important;
  right:auto!important;
  z-index:10;
  width:160px!important;
  min-width:160px!important;
  max-width:160px!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  transform:none!important;
}

#header_menu_right .header .langimg .langtoggle{
  width:160px!important;
  min-width:160px!important;
  max-width:160px!important;
  min-height:38px;
  height:38px;
  padding:0 13px;
  box-sizing:border-box;
  border:1px solid #dfe3e8;
  border-radius:9px;
  background:#fff;
  color:#111827;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
}

#header_menu_right .header .langimg .langimginc{
  top:calc(50% + 23px)!important;
}

#header_menu_right .menu.menuright{
  grid-area:menu;
  position:static!important;
  top:auto!important;
  right:auto!important;
  z-index:20;
  align-self:stretch;
  display:flex;
  align-items:stretch;
  width:100%;
  min-width:0;
  height:48px;
  border-top:1px solid #f1f3f5;
  overflow:visible;
}

#header_menu_right .menu>ul.m{
  display:flex!important;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:center;
  gap:clamp(1px,.45vw,7px);
  width:100%;
  min-height:48px;
  margin:0;
  padding:0;
  overflow:visible;
}

#header_menu_right .menu>ul.m>li.m{
  position:relative;
  z-index:21;
  float:none!important;
  display:block!important;
  flex:0 1 auto;
  min-width:0;
  margin:0;
  padding:0;
  border:0!important;
}

#header_menu_right .menu>ul.m>li.m>a.m{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
  height:48px!important;
  min-width:0;
  padding:0 clamp(9px,1.05vw,17px)!important;
  border:0!important;
  background:transparent!important;
  color:#16181d!important;
  font-size:clamp(14px,1.05vw,16px)!important;
  font-weight:600;
  line-height:48px!important;
  letter-spacing:0;
  white-space:nowrap;
  text-decoration:none;
  transition:color .18s ease,background .18s ease;
}

#header_menu_right .menu>ul.m>li.m>a.m::before{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:#dd2f31;
  transition:left .18s ease,right .18s ease;
}

#header_menu_right .menu>ul.m>li.m:hover>a.m,
#header_menu_right .menu>ul.m>li.m:focus-within>a.m,
#header_menu_right .menu>ul.m>li.m>a.m.active{
  color:#cf2026!important;
  background:#fff7f7!important;
}

#header_menu_right .menu>ul.m>li.m:hover>a.m::before,
#header_menu_right .menu>ul.m>li.m:focus-within>a.m::before,
#header_menu_right .menu>ul.m>li.m>a.m.active::before{
  left:12px;
  right:12px;
}

/* Native menu enhancement owns the visible arrow. */
#header_menu_right .menu .sf-sub-indicator{
  display:none!important;
}

#header_menu_right .menu>ul.m>li.dm-dropdown>a.m,
#header_menu_right .menu>ul.m>li.m>a.m[aria-haspopup="true"]{
  padding-right:clamp(27px,2vw,34px)!important;
}

#header_menu_right .menu>ul.m>li.dm-dropdown>a.m::after{
  content:""!important;
  position:absolute!important;
  right:clamp(9px,.9vw,14px)!important;
  top:50%!important;
  display:block!important;
  width:7px!important;
  height:7px!important;
  margin:-5px 0 0!important;
  padding:0!important;
  border:0!important;
  border-right:1.8px solid currentColor!important;
  border-bottom:1.8px solid currentColor!important;
  background:none!important;
  opacity:.72;
  transform:rotate(45deg)!important;
  transition:transform .18s ease,margin .18s ease!important;
  pointer-events:none;
}

#header_menu_right .menu>ul.m>li.dm-open>a.m::after,
#header_menu_right .menu>ul.m>li.dm-dropdown:focus-within>a.m::after{
  margin:-1px 0 0!important;
  transform:rotate(225deg)!important;
}

#header_menu_right .menu .sub-nav-toggle{
  display:none!important;
}

/* Shared dropdown shell. Inline display values from the legacy hover code are overridden. */
@media (min-width:1026px){
  #header_menu_right .menu>ul.m>li.dm-dropdown>ul.sub{
    display:none!important;
    visibility:hidden;
    opacity:0;
    box-sizing:border-box;
    border:1px solid #e8eaed;
    background:#fff!important;
    color:#111827;
    box-shadow:0 22px 60px rgba(15,23,42,.16);
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown.dm-open>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown:hover>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown:focus-within>ul.sub{
    display:block!important;
    visibility:visible;
    opacity:1;
  }

  /* Compact card dropdowns for About, News, Video, Knowledge, etc. */
  #header_menu_right .menu>ul.m>li.dm-dropdown-compact>ul.sub{
    position:absolute!important;
    top:calc(100% - 1px)!important;
    left:50%!important;
    right:auto!important;
    width:286px!important;
    min-width:286px!important;
    max-height:min(520px,calc(100vh - 140px));
    overflow:auto;
    margin:0!important;
    padding:10px!important;
    border-radius:0 0 14px 14px;
    transform:translate(-50%,10px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-compact.dm-open>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-compact:hover>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-compact:focus-within>ul.sub{
    transform:translate(-50%,0);
  }

  #header_menu_right .dm-dropdown-compact>ul.sub>li{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:0 0 4px!important;
    border:0!important;
    background:transparent!important;
  }

  #header_menu_right .dm-dropdown-compact>ul.sub>li:last-child{
    margin-bottom:0!important;
  }

  #header_menu_right .dm-dropdown-compact>ul.sub>li>a{
    display:flex!important;
    align-items:center;
    min-height:43px!important;
    height:auto!important;
    padding:9px 38px 9px 13px!important;
    border:0!important;
    border-radius:9px;
    background:#fff!important;
    color:#26303b!important;
    font-size:14px!important;
    font-weight:600;
    line-height:1.35!important;
    transition:background .16s ease,color .16s ease,padding .16s ease!important;
  }

  #header_menu_right .dm-dropdown-compact>ul.sub>li>a::after{
    content:"→";
    position:absolute;
    right:15px;
    top:50%;
    color:#a7adb5;
    transform:translateY(-50%);
    transition:right .16s ease,color .16s ease;
  }

  #header_menu_right .dm-dropdown-compact>ul.sub>li>a:hover,
  #header_menu_right .dm-dropdown-compact>ul.sub>li>a:focus{
    padding-left:17px!important;
    background:#fff3f3!important;
    color:#cf2026!important;
  }

  #header_menu_right .dm-dropdown-compact>ul.sub>li>a:hover::after,
  #header_menu_right .dm-dropdown-compact>ul.sub>li>a:focus::after{
    right:12px;
    color:#cf2026;
  }

  /* Knowledge resources use a wide two-column text menu without image requests. */
  #header_menu_right .menu>ul.m>li.dm-dropdown-resources>ul.sub{
    position:fixed!important;
    top:112px!important;
    left:50%!important;
    right:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    gap:14px 18px;
    width:min(1180px,calc(100vw - 32px))!important;
    min-width:0!important;
    max-height:calc(100vh - 128px);
    margin:0!important;
    padding:18px!important;
    overflow:auto;
    border-radius:0 0 8px 8px;
    background:#f7f7f5!important;
    box-shadow:0 24px 64px rgba(25,32,44,.17);
    transform:translate(-50%,12px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-resources.dm-open>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-resources:hover>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-resources:focus-within>ul.sub{
    display:grid!important;
    transform:translate(-50%,0);
  }

  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card{
    position:relative!important;
    display:block!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card>a{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr);
    align-items:start;
    gap:12px;
    min-height:118px!important;
    height:100%!important;
    padding:22px 24px!important;
    border:1px solid #d9dde2!important;
    border-radius:7px;
    background:#fff!important;
    color:#16191f!important;
    line-height:1.4!important;
    box-shadow:none;
    transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
  }

  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card>a::before,
  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card>a::after{
    content:none!important;
  }

  #header_menu_right .dm-knowledge-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    color:#8f1d24;
    font-size:28px;
    line-height:42px;
  }

  #header_menu_right .dm-knowledge-copy{
    display:block;
    min-width:0;
  }

  #header_menu_right .dm-knowledge-title{
    display:block;
    margin:0 0 7px;
    color:#12151a;
    font-size:18px;
    font-weight:700;
    line-height:1.28;
    letter-spacing:0;
  }

  #header_menu_right .dm-knowledge-description{
    display:block;
    color:#4f5965;
    font-size:14px;
    font-weight:400;
    line-height:1.5;
    letter-spacing:0;
  }

  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card>a:hover,
  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card>a:focus{
    border-color:#c98c91!important;
    color:#8f1d24!important;
    box-shadow:0 10px 24px rgba(31,41,55,.09);
    transform:translateY(-2px);
  }

  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card>a:hover .dm-knowledge-title,
  #header_menu_right .dm-dropdown-resources>ul.sub>li.dm-knowledge-card>a:focus .dm-knowledge-title{
    color:#8f1d24;
  }

  /* Image-card mega panels for About, News, Videos and other flat menus. */
  #header_menu_right .menu>ul.m>li.dm-dropdown-cards>ul.sub{
    position:fixed!important;
    top:112px!important;
    left:50%!important;
    right:auto!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    width:min(1160px,calc(100vw - 32px))!important;
    min-width:0!important;
    max-height:none;
    margin:0!important;
    padding:18px!important;
    overflow:visible;
    border-radius:0 0 20px 20px;
    background:linear-gradient(180deg,#fff 0%,#fafbfc 100%)!important;
    box-shadow:0 26px 70px rgba(25,32,44,.17);
    transform:translate(-50%,12px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-cards.dm-card-cols-2>ul.sub{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(640px,calc(100vw - 32px))!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-cards.dm-card-cols-3>ul.sub{
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:min(880px,calc(100vw - 32px))!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-cards.dm-open>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-cards:hover>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-cards:focus-within>ul.sub{
    display:grid!important;
    transform:translate(-50%,0);
  }

  #header_menu_right .dm-dropdown-cards>ul.sub>li{
    position:relative!important;
    display:block!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  #header_menu_right .dm-dropdown-cards>ul.sub>li>a{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    height:100%!important;
    min-height:182px!important;
    padding:9px!important;
    overflow:hidden;
    border:1px solid #e7eaee!important;
    border-radius:15px;
    background:#fff!important;
    color:#252b34!important;
    font-size:14px!important;
    font-weight:700;
    line-height:1.35!important;
    box-shadow:0 5px 16px rgba(31,41,55,.045);
    transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
  }

  #header_menu_right .dm-dropdown-cards .dm-menu-card-thumb,
  #header_menu_right .dm-dropdown-cards .dm-menu-thumb{
    position:relative;
    display:block!important;
    flex:none;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1;
    overflow:hidden;
    border:0;
    border-radius:11px;
    background:linear-gradient(135deg,#fff1e9,#f7f8fa);
  }

  #header_menu_right .dm-dropdown-cards .dm-menu-card-thumb img,
  #header_menu_right .dm-dropdown-cards .dm-menu-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover;
    transition:transform .22s ease;
  }

  #header_menu_right .dm-menu-card-thumb-empty::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:42px;
    height:32px;
    border:2px solid rgba(232,82,29,.24);
    border-radius:10px;
    background:rgba(255,255,255,.62);
    transform:translate(-50%,-50%) rotate(-4deg);
  }

  #header_menu_right .dm-dropdown-cards .dm-menu-card-label,
  #header_menu_right .dm-dropdown-cards .dm-menu-label{
    display:block;
    min-width:0;
    padding:12px 5px 7px;
  }

  #header_menu_right .dm-dropdown-cards>ul.sub>li>a::before,
  #header_menu_right .dm-dropdown-cards>ul.sub>li>a::after{
    content:none!important;
  }

  #header_menu_right .dm-dropdown-cards>ul.sub>li>a:hover,
  #header_menu_right .dm-dropdown-cards>ul.sub>li>a:focus{
    border-color:#f0bca7!important;
    color:#e8521d!important;
    box-shadow:0 13px 28px rgba(31,41,55,.11);
    transform:translateY(-3px);
  }

  #header_menu_right .dm-dropdown-cards>ul.sub>li>a:hover img,
  #header_menu_right .dm-dropdown-cards>ul.sub>li>a:focus img{
    transform:scale(1.045);
  }

  /* Wide, Alibaba-style mega panel for menus with nested groups. */
  #header_menu_right .menu>ul.m>li.dm-dropdown-wide>ul.sub{
    position:fixed!important;
    top:112px!important;
    left:0!important;
    right:auto!important;
    width:100vw!important;
    min-width:0!important;
    min-height:410px;
    height:min(540px,calc(100vh - 128px));
    max-height:calc(100vh - 128px);
    margin:0!important;
    padding:18px 18px 18px 306px!important;
    overflow:hidden;
    border-radius:0;
    background:linear-gradient(90deg,#f6f7f9 0,#f6f7f9 288px,#fff 288px,#fff 100%)!important;
    box-shadow:0 26px 70px rgba(25,32,44,.17),0 1px 0 rgba(255,255,255,.9) inset;
    transform:translateY(12px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-wide.dm-open>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-wide:hover>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-wide:focus-within>ul.sub{
    transform:translateY(0);
  }

  #header_menu_right .dm-dropdown-wide>ul.sub::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:288px;
    background:
      radial-gradient(circle at 0 0,rgba(255,111,45,.09),transparent 42%),
      linear-gradient(180deg,#fafbfc 0%,#f3f5f7 100%);
    border-right:1px solid #e5e8ec;
    pointer-events:none;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li{
    position:static!important;
    z-index:2;
    display:block!important;
    width:268px!important;
    margin:0 0 6px -288px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>a{
    position:relative;
    z-index:3;
    display:flex!important;
    align-items:center;
    min-height:58px!important;
    height:auto!important;
    gap:10px;
    padding:7px 36px 7px 7px!important;
    border:1px solid transparent!important;
    border-radius:13px;
    background:transparent!important;
    color:#252b34!important;
    font-size:14px!important;
    font-weight:650;
    line-height:1.25!important;
    transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li:not(.dm-menu-has-thumb)>a{
    padding-left:14px!important;
  }

  #header_menu_right .dm-dropdown-wide .dm-menu-thumb{
    position:relative;
    flex:0 0 44px;
    width:44px;
    height:44px;
    overflow:hidden;
    border:1px solid #e4e7eb;
    border-radius:11px;
    background:#fff;
    box-shadow:0 2px 8px rgba(31,41,55,.07);
  }

  #header_menu_right .dm-dropdown-wide .dm-menu-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover;
    transition:transform .2s ease;
  }

  #header_menu_right .dm-dropdown-wide .dm-menu-label{
    min-width:0;
    flex:1 1 auto;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>a::after{
    content:none;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li.dm-mega-group>a::after{
    content:"";
    position:absolute;
    right:15px;
    top:50%;
    width:8px;
    height:8px;
    border-top:2px solid #9299a3;
    border-right:2px solid #9299a3;
    transform:translateY(-50%) rotate(45deg);
    transition:border-color .16s ease,right .16s ease;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li:hover>a,
  #header_menu_right .dm-dropdown-wide>ul.sub>li:focus-within>a,
  #header_menu_right .dm-dropdown-wide>ul.sub>li.dm-mega-active>a{
    border-color:#f2ddd4!important;
    background:linear-gradient(100deg,#fff 0%,#fff9f6 100%)!important;
    color:#e8521d!important;
    box-shadow:0 7px 22px rgba(35,42,52,.09);
    transform:translateX(2px);
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li:hover>a::after,
  #header_menu_right .dm-dropdown-wide>ul.sub>li:focus-within>a::after,
  #header_menu_right .dm-dropdown-wide>ul.sub>li.dm-mega-active>a::after{
    right:13px;
    border-color:#e8521d;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li:hover>a .dm-menu-thumb img,
  #header_menu_right .dm-dropdown-wide>ul.sub>li:focus-within>a .dm-menu-thumb img,
  #header_menu_right .dm-dropdown-wide>ul.sub>li.dm-mega-active>a .dm-menu-thumb img{
    transform:scale(1.07);
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub{
    position:absolute!important;
    z-index:4;
    top:18px!important;
    left:306px!important;
    right:18px!important;
    bottom:18px!important;
    display:none!important;
    grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
    align-content:start;
    gap:10px;
    width:auto!important;
    min-width:0!important;
    max-height:none!important;
    margin:0!important;
    padding:4px 4px 18px!important;
    overflow:auto;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li.dm-mega-active>ul.sub,
  #header_menu_right .dm-dropdown-wide>ul.sub>li:focus-within>ul.sub{
    display:grid!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li{
    position:relative!important;
    display:block!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li>a{
    position:relative;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    min-height:168px!important;
    height:100%!important;
    padding:9px!important;
    overflow:hidden;
    border:1px solid #e9edf1!important;
    border-radius:14px;
    background:#fff!important;
    color:#29323d!important;
    font-size:14px!important;
    font-weight:700;
    line-height:1.3!important;
    transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li>a::before{
    content:none;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li>a::after{
    content:none;
  }

  #header_menu_right .dm-dropdown-wide .dm-menu-card-thumb{
    position:relative;
    display:block!important;
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    border-radius:10px;
    background:linear-gradient(135deg,#fff1e9,#f7f8fa);
  }

  #header_menu_right .dm-dropdown-wide .dm-menu-card-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover;
    transition:transform .22s ease;
  }

  #header_menu_right .dm-dropdown-wide .dm-menu-card-label{
    display:block;
    padding:11px 5px 6px;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li>a:hover,
  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li>a:focus{
    border-color:#f1c6b4!important;
    background:#fff!important;
    color:#e8521d!important;
    box-shadow:0 12px 25px rgba(15,23,42,.11);
    transform:translateY(-2px);
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li>a:hover img,
  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub>li>a:focus img{
    transform:scale(1.045);
  }
}

/* RTL mega menus mirror the category rail so Arabic keeps the product groups visible. */
@media (min-width:1026px){
  html[dir="rtl"] #header_menu_right .menu>ul.m>li.dm-dropdown-wide>ul.sub{
    padding:18px 306px 18px 18px!important;
    background:linear-gradient(270deg,#f6f7f9 0,#f6f7f9 288px,#fff 288px,#fff 100%)!important;
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub::before{
    left:auto;
    right:0;
    border-right:0;
    border-left:1px solid #e5e8ec;
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li{
    margin-left:0!important;
    margin-right:-288px!important;
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li>a{
    padding:7px 7px 7px 36px!important;
    text-align:right;
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li:not(.dm-menu-has-thumb)>a{
    padding-right:14px!important;
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li.dm-mega-group>a::after{
    right:auto;
    left:15px;
    border-right:0;
    border-left:2px solid #9299a3;
    transform:translateY(-50%) rotate(45deg);
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li:hover>a::after,
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li:focus-within>a::after,
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li.dm-mega-active>a::after{
    left:13px;
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub{
    left:18px!important;
    right:306px!important;
  }
}

@media (min-width:1026px) and (max-width:1300px){
  html[dir="rtl"] #header_menu_right .menu>ul.m>li.dm-dropdown-wide>ul.sub{
    padding-right:270px!important;
    padding-left:18px!important;
    background:linear-gradient(270deg,#f6f7f9 0,#f6f7f9 252px,#fff 252px,#fff 100%)!important;
  }
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub::before{width:252px}
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li{margin-right:-252px!important}
  html[dir="rtl"] #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub{right:270px!important;left:18px!important}
}

/* Sticky header keeps the same two-row structure to avoid multilingual collisions. */
@media (min-width:1026px){
  body #header_menu_right.stricky-fixed{
    position:fixed!important;
    top:0;
    right:0;
    left:0;
    width:100%;
    height:112px!important;
    background:#fff;
    box-shadow:0 8px 28px rgba(15,23,42,.12);
  }

  #header_menu_right.stricky-fixed .header{
    height:112px!important;
    background:#fff;
  }

  #header_menu_right.stricky-fixed .header .container{
    height:112px;
    grid-template-rows:64px 48px;
  }

  #header_menu_right.stricky-fixed .header .logo,
  #header_menu_right.stricky-fixed .header .langimg{
    height:64px!important;
  }

  #header_menu_right.stricky-fixed .header .logo img{
    max-height:40px;
  }

  #header_menu_right.stricky-fixed .header .topsearchbox form{
    height:36px!important;
  }

  #header_menu_right.stricky-fixed .header .topsearchbox input.text{
    line-height:36px!important;
  }

  #header_menu_right.stricky-fixed .header .topsearchbox button{
    height:30px!important;
  }

  #header_menu_right.stricky-fixed .menu.menuright,
  #header_menu_right.stricky-fixed .menu>ul.m,
  #header_menu_right.stricky-fixed .menu>ul.m>li.m>a.m{
    height:48px!important;
    min-height:48px;
    line-height:48px!important;
  }

  #header_menu_right.stricky-fixed .menu>ul.m>li.dm-dropdown-wide>ul.sub,
  #header_menu_right.stricky-fixed .menu>ul.m>li.dm-dropdown-cards>ul.sub,
  #header_menu_right.stricky-fixed .menu>ul.m>li.dm-dropdown-resources>ul.sub{
    top:112px!important;
    max-height:calc(100vh - 128px);
  }
}

@media (min-width:1200px){
  #dm-fixed-header-spacer{
    height:72px;
    min-height:72px;
  }

  #header_menu_right,
  #header_menu_right .header{
    height:72px;
    min-height:72px;
  }

  #header_menu_right .header .container{
    height:72px;
    grid-template-columns:minmax(155px,180px) minmax(220px,280px) minmax(0,1fr) 160px;
    grid-template-rows:72px;
    grid-template-areas:"logo search menu lang";
    column-gap:clamp(8px,.8vw,14px);
  }

  #header_menu_right .header .logo,
  #header_menu_right .header .langimg,
  #header_menu_right .header .container>.dmyiblock[data-effect="prog"]{
    height:72px!important;
  }

  #header_menu_right .header .logo img{
    max-width:180px;
    max-height:52px;
  }

  #header_menu_right .header .topsearchbox{
    max-width:280px!important;
  }

  #header_menu_right .header .topsearchbox form{
    height:40px!important;
  }

  #header_menu_right .header .topsearchbox input.text{
    padding-left:14px!important;
    padding-right:10px!important;
    line-height:40px!important;
  }

  #header_menu_right .header .topsearchbox button{
    min-width:82px!important;
    height:32px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  #header_menu_right .menu.menuright,
  #header_menu_right .menu>ul.m,
  #header_menu_right .menu>ul.m>li.m>a.m{
    height:72px!important;
    min-height:72px;
    line-height:72px!important;
  }

  #header_menu_right .menu.menuright{
    border-top:0;
  }

  #header_menu_right .menu>ul.m{
    justify-content:flex-end;
    gap:0;
  }

  #header_menu_right .menu>ul.m>li.m>a.m{
    padding-left:clamp(5px,.48vw,8px)!important;
    padding-right:clamp(5px,.48vw,8px)!important;
    font-size:clamp(13px,.76vw,14px)!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown>a.m,
  #header_menu_right .menu>ul.m>li.m>a.m[aria-haspopup="true"]{
    padding-right:clamp(21px,1.3vw,26px)!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown>a.m::after{
    right:clamp(7px,.65vw,11px)!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-wide>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-cards>ul.sub,
  #header_menu_right .menu>ul.m>li.dm-dropdown-resources>ul.sub{
    top:72px!important;
    max-height:calc(100vh - 88px);
  }

  body #header_menu_right.stricky-fixed,
  #header_menu_right.stricky-fixed .header,
  #header_menu_right.stricky-fixed .header .container{
    height:72px!important;
  }

  #header_menu_right.stricky-fixed .header .container{
    grid-template-rows:72px;
  }

  #header_menu_right.stricky-fixed .header .logo,
  #header_menu_right.stricky-fixed .header .langimg{
    height:72px!important;
  }

  #header_menu_right.stricky-fixed .menu.menuright,
  #header_menu_right.stricky-fixed .menu>ul.m,
  #header_menu_right.stricky-fixed .menu>ul.m>li.m>a.m{
    height:72px!important;
    min-height:72px;
    line-height:72px!important;
  }

  #header_menu_right.stricky-fixed .menu>ul.m>li.dm-dropdown-wide>ul.sub,
  #header_menu_right.stricky-fixed .menu>ul.m>li.dm-dropdown-cards>ul.sub,
  #header_menu_right.stricky-fixed .menu>ul.m>li.dm-dropdown-resources>ul.sub{
    top:72px!important;
    max-height:calc(100vh - 88px);
  }
}

@media (min-width:1026px) and (max-width:1199px){
  #header_menu_right .header .container{
    padding-left:12px;
    padding-right:12px;
    grid-template-columns:180px minmax(180px,300px) minmax(12px,1fr) 160px;
    column-gap:10px;
  }

  #header_menu_right .header .logo img{
    max-width:175px;
  }

  #header_menu_right .header .topsearchbox button{
    min-width:54px!important;
    padding-left:11px!important;
    padding-right:11px!important;
  }

  #header_menu_right .header .topsearchbox button span{
    display:none!important;
  }

  #header_menu_right .menu>ul.m{
    gap:0;
  }

  #header_menu_right .menu>ul.m>li.m>a.m{
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:13px!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown>a.m{
    padding-right:22px!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown>a.m::after{
    right:8px!important;
    width:6px!important;
    height:6px!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown-wide>ul.sub{
    width:100vw!important;
    padding-left:270px!important;
    background:linear-gradient(90deg,#f6f7f9 0,#f6f7f9 252px,#fff 252px,#fff 100%)!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub::before{
    width:252px;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li{
    width:234px!important;
    margin-left:-252px!important;
  }

  #header_menu_right .dm-dropdown-wide>ul.sub>li>ul.sub{
    left:270px!important;
    grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
  }
}

/* Desktop uses the original shared typography above: one line, no language-specific shrinking. */

/* Mobile keeps the existing slide/toggle behavior and does not use mega panels. */
@media (max-width:1025px){
  #dm-fixed-header-spacer{
    height:50px;
    min-height:50px;
  }

  #header_menu_right,
  #header_menu_right .header{
    height:50px;
    min-height:50px;
    background:#fff;
  }

  #header_menu_right .header .container{
    display:block;
    width:100%;
    height:50px;
    padding:0;
  }

  #header_menu_right .header .logo{
    position:absolute!important;
    top:0!important;
    left:0!important;
    display:block;
    width:auto;
    height:50px;
  }

  #header_menu_right .header .logo img{
    width:auto;
    max-width:180px;
    height:50px;
    max-height:50px;
  }

  #header_menu_right .header .topsearchbox{
    display:none!important;
  }

  #header_menu_right .header .container>.dmyiblock[data-effect="prog"]{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:50px!important;
  }

  #header_menu_right .header .langimg{
    position:absolute!important;
    top:0!important;
    right:8px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:50px!important;
    display:flex!important;
    align-items:center;
    overflow:visible!important;
  }

  #header_menu_right .header .langimg .langtoggle{
    width:100px!important;
    min-width:0!important;
    max-width:100px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 4px!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font-size:11px!important;
  }

  #header_menu_right .header .langimg .lang-current-name{
    display:inline-block!important;
    max-width:76px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #header_menu_right .menu.menuright{
    position:absolute!important;
    top:50px!important;
    left:0!important;
    right:auto!important;
    display:none;
    width:100%;
    height:auto;
    max-height:calc(100vh - 50px);
    overflow:auto;
    padding:0;
    border:0;
    background:#f7f7f5;
    z-index:90000;
  }

  #header_menu_right .menu.menuright.menushow{
    display:block!important;
  }

  #header_menu_right .menu>ul.m{
    display:block!important;
    width:100%;
    min-height:0;
  }

  #header_menu_right .menu>ul.m>li.m{
    display:block!important;
    width:100%;
  }

  #header_menu_right .menu>ul.m>li.m>a.m,
  #header_menu_right .menu li a{
    display:block!important;
    height:40px!important;
    padding:0 44px 0 12px!important;
    border-bottom:1px solid #d9dee5!important;
    background:#f7f7f5!important;
    color:#26303b!important;
    font-size:clamp(11px,3.4vw,13px)!important;
    line-height:40px!important;
    text-align:left;
  }

  #header_menu_right .menu li li a{
    height:35px!important;
    padding-left:22px!important;
    font-size:12px!important;
    line-height:35px!important;
  }

  #header_menu_right .menu li li li a{
    padding-left:34px!important;
  }

  /* Desktop mega-menu thumbnails stay out of the compact mobile accordion. */
  #header_menu_right .dm-menu-thumb,
  #header_menu_right .dm-menu-card-thumb{
    display:none!important;
  }

  #header_menu_right .dm-menu-label,
  #header_menu_right .dm-menu-card-label{
    display:inline;
  }

  #header_menu_right .menu li ul.sub{
    position:static!important;
    display:none;
    width:100%!important;
    min-width:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:#eef2f6!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  #header_menu_right .menu li ul.sub ul.sub{
    background:#e5ebf1!important;
  }

  #header_menu_right .menu .sub-nav-toggle{
    display:block!important;
  }

  #header_menu_right .menu>ul.m>li.dm-dropdown>a.m::before,
  #header_menu_right .menu>ul.m>li.dm-dropdown>a.m::after{
    display:none!important;
  }
}

/* Keep the desktop header fixed while reserving its full height in the page flow. */
@media (min-width:1026px){
  #dm-fixed-header-spacer{
    display:block!important;
    height:112px!important;
    min-height:112px!important;
  }

  #header_menu_right,
  body #header_menu_right.stricky-fixed{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    height:112px!important;
    min-height:112px!important;
    z-index:99990!important;
    background:#fff!important;
    box-shadow:0 8px 28px rgba(15,23,42,.12)!important;
  }

  #header_menu_right .header,
  #header_menu_right .header .container{
    position:relative!important;
  }

  #header_menu_right .menu.menuright{
    position:static!important;
  }
}

@media (min-width:1200px){
  #dm-fixed-header-spacer{height:72px!important;min-height:72px!important}
  #header_menu_right,
  body #header_menu_right.stricky-fixed{height:72px!important;min-height:72px!important}
}

/* Two-line mobile category/search menus for long translated labels. */
@media (max-width:760px){
  body:not(.site_en):not(.site_cn) .sidermenutop ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    width:100%;
  }

  body:not(.site_en):not(.site_cn) .sidermenutop li{
    display:block!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
  }

  body:not(.site_en):not(.site_cn) .sidermenutop li>a{
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-width:0;
    min-height:48px;
    max-height:48px;
    height:auto!important;
    padding:6px 8px!important;
    box-sizing:border-box;
    font-size:clamp(10px,3.1vw,11px)!important;
    line-height:15px!important;
    text-align:left;
    white-space:normal!important;
    overflow:hidden;
    overflow-wrap:anywhere;
  }
}