/* Final cross-page visual lock: homepage is the single source of truth. */
html {
  overflow-y: scroll !important;
  overflow-x: clip !important;
  scrollbar-gutter: stable !important;
}
body {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

@media (min-width: 1024px) {
  html body .jd-exact-header,
  html body .jd-inner-header {
    min-height: 190px !important;
    background: #070707 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html body .jd-exact-header > .jd-exact-shell.jd-exact-header__top,
  html body .jd-inner-header > .jd-inner-shell.jd-inner-header__top,
  html body .jd-inner-header > .jd-exact-shell.jd-exact-header__top {
    width: min(1280px, 100%) !important;
    max-width: 100% !important;
    height: 128px !important;
    min-height: 128px !important;
    margin: 0 auto !important;
    padding: 0 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  html body .jd-inner-header .jd-inner-logo {
    display: block !important;
    width: 340px !important;
    min-width: 340px !important;
    height: 86px !important;
    margin: 21px 0 0 !important;
    background-position: left center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-image: url("/assets/redesign/jindun-logo-original-white-clean2x.png?v=20260703clean2") !important;
    filter: none !important;
  }
  html body .jd-inner-header .jd-inner-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    width: auto !important;
    height: 34px !important;
    margin-left: auto !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  html body .jd-inner-header .jd-inner-tool {
    gap: 7px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  html body .jd-inner-header .jd-inner-lang-menu,
  html body .jd-inner-header .jd-inner-tool--lang {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 17px !important;
    line-height: 17px !important;
  }
  html body .jd-inner-header .jd-inner-tool--lang::before {
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
    line-height: 17px !important;
  }
  html body .jd-inner-header .jd-inner-tool--lang::after {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  html body .jd-inner-header .jd-inner-tool--shop::before {
    width: 20px !important;
    height: 18px !important;
  }
  html body .jd-inner-header .jd-inner-search {
    display: flex !important;
    align-items: center !important;
    width: 244px !important;
    min-width: 244px !important;
    max-width: 244px !important;
    height: 34px !important;
    padding: 0 10px 0 14px !important;
    box-sizing: border-box !important;
    background: #202020 !important;
  }
  html body .jd-inner-header .jd-inner-search input {
    width: 194px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
  }
  html body .jd-inner-header .jd-inner-search button {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    font-size: 20px !important;
    line-height: 20px !important;
  }
  html body .jd-exact-header .jd-exact-nav,
  html body .jd-exact-header .jd-inner-nav,
  html body .jd-inner-header .jd-inner-nav,
  html body .jd-inner-header .jd-exact-nav {
    height: 62px !important;
    min-height: 62px !important;
    background: #070707 !important;
    border: 0 !important;
    box-shadow: inset 0 -1px 0 rgba(246, 160, 0, .95) !important;
    position: relative !important;
    transform: none !important;
  }
  html body .jd-exact-header .jd-exact-nav > .jd-exact-shell,
  html body .jd-exact-header .jd-inner-nav > .jd-inner-shell,
  html body .jd-exact-header .jd-inner-nav > .jd-exact-shell,
  html body .jd-inner-header .jd-inner-nav > .jd-inner-shell,
  html body .jd-inner-header .jd-exact-nav > .jd-exact-shell {
    width: min(1280px, 100%) !important;
    max-width: 100% !important;
    height: 62px !important;
    margin: 0 auto !important;
    padding: 0 32px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  html body .jd-exact-header .jd-exact-nav ul,
  html body .jd-exact-header .jd-inner-nav ul,
  html body .jd-inner-header .jd-inner-nav ul,
  html body .jd-inner-header .jd-exact-nav ul {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 62px !important;
    gap: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
  }
  html body .jd-exact-header .jd-exact-nav li,
  html body .jd-exact-header .jd-inner-nav li,
  html body .jd-inner-header .jd-inner-nav li,
  html body .jd-inner-header .jd-exact-nav li {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .jd-exact-header .jd-exact-nav a,
  html body .jd-exact-header .jd-inner-nav a,
  html body .jd-inner-header .jd-inner-nav a,
  html body .jd-inner-header .jd-exact-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
    line-height: 62px !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    transform: none !important;
  }
  html body .jd-exact-header .jd-exact-nav a.is-current::after,
  html body .jd-exact-header .jd-exact-nav a.active::after,
  html body .jd-exact-header .jd-exact-nav a[aria-current="page"]::after,
  html body .jd-exact-header .jd-inner-nav a.is-current::after,
  html body .jd-exact-header .jd-inner-nav a.active::after,
  html body .jd-exact-header .jd-inner-nav a[aria-current="page"]::after,
  html body .jd-inner-header .jd-inner-nav a.is-current::after,
  html body .jd-inner-header .jd-inner-nav a.active::after,
  html body .jd-inner-header .jd-inner-nav a[aria-current="page"]::after,
  html body .jd-inner-header .jd-exact-nav a.is-current::after,
  html body .jd-inner-header .jd-exact-nav a.active::after,
  html body .jd-inner-header .jd-exact-nav a[aria-current="page"]::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    width: 118px !important;
    height: 5px !important;
    margin: 0 0 0 -59px !important;
    padding: 0 !important;
    background: #f6a000 !important;
    border: 0 !important;
    z-index: 4 !important;
    transform: none !important;
  }
}

/* 20260820 consolidated flicker / parity cleanup.
   These rules intentionally sit at the very end: older generated pages contain
   several page-specific locks, so final parity must win after all of them. */

html {
  overflow-y: scroll !important;
  scrollbar-gutter: stable !important;
}

html body .jd-exact-header *,
html body .jd-inner-header *,
html body .jd-news-grid *,
html body .jd-related-news *,
html body .jd-exact-news-quote *,
html body .jd-product-detail-page .jd-product-share * {
  animation: none !important;
}

html body .jd-news-grid img,
html body .jd-related-card__image img,
html body .jd-exact-news-body,
html body .jd-exact-news-body *,
html body .jd-exact-news-list,
html body .jd-exact-news-list * {
  transition: none !important;
  transform: none !important;
}

@media (min-width: 1280px) {
  html:root body.jd-inner-page.jd-news-detail-parity-20260711 #jd-stable-nav-1 > .jd-inner-shell,
  html:root body.jd-inner-page.jd-news-detail-parity-20260711 #jd-stable-nav-1 > .jd-exact-shell,
  html:root body.jd-inner-page.jd-news-detail-parity-20260711 .jd-exact-header .jd-exact-nav > .jd-exact-shell,
  html:root body.jd-inner-page.jd-news-detail-parity-20260711 .jd-inner-header .jd-inner-nav > .jd-inner-shell {
    position: relative !important;
    left: -7.5px !important;
  }
}

html body .jd-detail-breadcrumb,
html body .jd-breadcrumb,
html body .jd-inner-breadcrumb,
html body .breadcrumb,
html body .breadcrumbs {
  font-size: 16px !important;
  line-height: 1.45 !important;
}

html body .jd-article-wrap .jd-article {
  max-width: 1280px !important;
}

html body .jd-back-news {
  display: none !important;
}

html body .jd-related-news {
  margin-top: 38px !important;
}

html body .jd-related-card {
  border-color: #dde1e6 !important;
  box-shadow: none !important;
}

html body .jd-related-card__image {
  background: #fff !important;
}

html body .jd-related-card__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: #fff !important;
}

html body .jd-related-card h3,
html body .jd-news-card h2,
html body .jd-news-card h3 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

html body .jd-related-card:hover h3,
html body .jd-related-card:focus-visible h3,
html body .jd-news-card:hover h2,
html body .jd-news-card:focus-visible h2,
html body .jd-news-card:hover h3,
html body .jd-news-card:focus-visible h3 {
  color: #f6a000 !important;
}

html body .jd-news-grid img {
  display: block !important;
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  background: #fff !important;
}

html body .jd-news-grid .jd-news-card {
  min-height: 420px !important;
}

html body .jd-news-grid .jd-news-card__body {
  min-height: 160px !important;
}

html body .jd-exact-news-list {
  height: 322px !important;
  display: grid !important;
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
  overflow: hidden !important;
}

html body .jd-exact-news-list li {
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .jd-exact-news-list a {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

html body .jd-exact-news-list span {
  display: block !important;
  margin-bottom: 3px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

html body .jd-lang-menu .jd-lang-dropdown {
  min-width: 150px !important;
}

html body .jd-lang-menu .jd-lang-dropdown a {
  white-space: nowrap !important;
  word-break: normal !important;
}

/* Canonical homepage navigation layout. The homepage uses natural link
   widths inside an 840px flex row with 48px gaps; fixed 140px grid tracks on
   inner pages visibly moved every label when switching pages. */
@media (min-width: 1280px) {
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-exact-header .jd-exact-nav,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-inner-header .jd-inner-nav {
    display: block !important;
  }
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-exact-header .jd-exact-nav ul,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-inner-header .jd-inner-nav ul,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page #jd-stable-nav-list-1 {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    flex-flow: row nowrap !important;
    grid-template-columns: none !important;
    column-gap: 48px !important;
    row-gap: 0 !important;
    gap: 48px !important;
    width: 840px !important;
    min-width: 840px !important;
    max-width: 840px !important;
    height: 62px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
  }
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-exact-header .jd-exact-nav ul > li,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-inner-header .jd-inner-nav ul > li,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page #jd-stable-nav-list-1 > li,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-exact-header .jd-exact-nav ul > li > a,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page .jd-inner-header .jd-inner-nav ul > li > a,
  html:root body.jd-inner-page.jd-inner-page.jd-inner-page #jd-stable-nav-list-1 > li > a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html:root body.jd-inner-page.jd-news-detail-parity-20260711 .jd-exact-header > .jd-exact-shell.jd-exact-header__top {
    position: relative !important;
    left: -7.5px !important;
  }
}

/* News list carried an extra page-specific 40px right inset. Keep its shell
   on the same 32px homepage grid as every other header. */
@media (min-width: 1280px) {
  html:root body.jd-inner-page.jd-news-page-parity-20260710 .jd-exact-header .jd-exact-nav > .jd-exact-shell {
    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 32px 0 0 !important;
    box-sizing: border-box !important;
  }
  html:root body.jd-inner-page.jd-news-page-parity-20260710 .jd-exact-header .jd-exact-nav ul {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: 840px !important;
    min-width: 840px !important;
    max-width: 840px !important;
    gap: 0 !important;
    margin: 0 0 0 auto !important;
  }
}

/* The homepage has no current primary section. Never infer PRODUCTS from its
   position in the list; only an explicit current marker may draw the bar. */
@media (min-width: 1024px) {
  html body.v4master .jd-exact-header .jd-exact-nav li:first-child a:not(.is-current):not(.active):not([aria-current="page"]) {
    color: #fff !important;
  }
  html body.v4master .jd-exact-header .jd-exact-nav li:first-child a:not(.is-current):not(.active):not([aria-current="page"])::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

/* Inquiry surfaces must remain light. */
html body .jd-exact-news-quote .jd-exact-panel,
html body .jd-contact-form,
html body .jd-contact-info {
  background-color: #fff !important;
  color: #15171a !important;
}
html body .jd-exact-news-quote {
  background-color: #f6f6f6 !important;
}
html body .jd-exact-home-inquiry input,
html body .jd-exact-home-inquiry textarea,
html body .jd-contact-form input,
html body .jd-contact-form textarea {
  background-color: #fff !important;
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
}
html body .jd-exact-home-inquiry select,
html body .jd-contact-form select {
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23777' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 12px 8px !important;
  padding-right: 44px !important;
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
}
html body .jd-exact-home-inquiry input::placeholder,
html body .jd-exact-home-inquiry textarea::placeholder,
html body .jd-contact-form input::placeholder,
html body .jd-contact-form textarea::placeholder {
  color: #777 !important;
  opacity: 1 !important;
}

/* First-paint stability for the two page types that contain many late-loading
   images. Geometry is reserved before the image bytes and sync scripts finish. */
html body .jd-exact-header *,
html body .jd-inner-header *,
html body.jd-product-detail-page .jd-product-gallery,
html body.jd-product-detail-page .jd-gallery-main,
html body.jd-product-detail-page .jd-gallery-main img,
html body.jd-product-detail-page .jd-detail-summary,
html body.jd-product-detail-page .jd-tabs,
html body.jd-product-detail-page .jd-related-products,
html body .jd-news-grid,
html body .jd-news-card,
html body .jd-news-card img {
  animation: none !important;
  transition: none !important;
}
html body.jd-product-detail-page .jd-gallery-main {
  height: 430px !important;
  min-height: 430px !important;
  overflow: hidden !important;
}
html body.jd-product-detail-page .jd-gallery-main img {
  display: block !important;
  width: 100% !important;
  height: 430px !important;
  object-fit: contain !important;
}
html body .jd-news-card__image,
html body .jd-news-card > a:first-child {
  display: block !important;
  min-height: 270px !important;
  overflow: hidden !important;
}

/* One typography source of truth for every inner-page breadcrumb. */
.jd-breadcrumb,
.jd-breadcrumb a,
.jd-breadcrumb span {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}
.jd-breadcrumb > a:first-child {
  font-size: 0 !important;
}
.jd-breadcrumb > a:first-child::after {
  content: "Home" !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: inherit !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
}

/* Match news-detail content geometry to the About Us content card. */
html body.jd-news-detail-parity-20260711 .jd-article-wrap {
  width: 1200px !important;
  max-width: calc(100% - 30px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 0 86px !important;
  box-sizing: border-box !important;
}
html body.jd-news-detail-parity-20260711 .jd-detail-breadcrumb,
html body.jd-news-detail-parity-20260711 .jd-article {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}
html body.jd-news-detail-parity-20260711 .jd-article {
  padding: 42px !important;
}
@media (max-width: 760px) {
  html body.jd-news-detail-parity-20260711 .jd-article-wrap {
    width: calc(100% - 30px) !important;
    max-width: none !important;
    padding-bottom: 54px !important;
  }
  html body.jd-news-detail-parity-20260711 .jd-article {
    padding: 28px 22px !important;
  }
}

/* news-detail.php ships an older high-specificity first-paint nav lock; make it
   use the same auto-width, right-aligned nav grid as the homepage. */
html body #jd-stable-nav-1 > .jd-exact-shell,
html body #jd-stable-nav-1 > .jd-inner-shell {
  width: min(1280px, 100%) !important;
  max-width: 100% !important;
  height: 62px !important;
  margin: 0 auto !important;
  padding: 0 32px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
}
html body #jd-stable-nav-list-1 {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-end !important;
}

/* 20260816 final header source of truth.
   Desktop homepage uses a 1280px shell and a six-column 840px nav grid.
   Re-apply that exact geometry after every page-specific inline stylesheet. */
@media (min-width: 1280px) {
  html body.jd-inner-page .jd-inner-header > .jd-inner-shell.jd-inner-header__top,
  html body.jd-inner-page .jd-inner-header > .jd-exact-shell.jd-exact-header__top,
  html body .jd-exact-header > .jd-exact-shell.jd-exact-header__top {
    width: 1280px !important;
    max-width: none !important;
    height: 128px !important;
    min-height: 128px !important;
    margin: 0 auto !important;
    padding: 0 64px !important;
    align-items: center !important;
    transform: none !important;
  }

  html body.jd-inner-page .jd-inner-header .jd-inner-logo {
    position: static !important;
    flex: 0 0 340px !important;
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    margin: 21px 0 0 !important;
    background-position: left center !important;
    transform: none !important;
  }

  html body .jd-exact-header .jd-exact-nav > .jd-exact-shell,
  html body .jd-exact-header .jd-inner-nav > .jd-inner-shell,
  html body.jd-inner-page .jd-inner-header .jd-inner-nav > .jd-inner-shell,
  html body.jd-inner-page .jd-inner-header .jd-exact-nav > .jd-exact-shell,
  html body #jd-stable-nav-1 > .jd-exact-shell,
  html body #jd-stable-nav-1 > .jd-inner-shell {
    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    height: 62px !important;
    margin: 0 auto !important;
    padding: 0 32px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
    position: static !important;
    transform: none !important;
  }

  html body .jd-exact-header .jd-exact-nav ul,
  html body .jd-exact-header .jd-inner-nav ul,
  html body.jd-inner-page .jd-inner-header .jd-inner-nav ul,
  html body.jd-inner-page .jd-inner-header .jd-exact-nav ul,
  html body #jd-stable-nav-list-1 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-content: initial !important;
    width: 840px !important;
    min-width: 840px !important;
    max-width: 840px !important;
    height: 62px !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  html body .jd-exact-header .jd-exact-nav li,
  html body .jd-exact-header .jd-inner-nav li,
  html body.jd-inner-page .jd-inner-header .jd-inner-nav li,
  html body.jd-inner-page .jd-inner-header .jd-exact-nav li,
  html body .jd-exact-header .jd-exact-nav a,
  html body .jd-exact-header .jd-inner-nav a,
  html body.jd-inner-page .jd-inner-header .jd-inner-nav a,
  html body.jd-inner-page .jd-inner-header .jd-exact-nav a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

@media (min-width: 1024px) {
  html body.jd-inner-page .jd-inner-header .jd-inner-nav a.is-current::after,
  html body.jd-inner-page .jd-inner-header .jd-inner-nav a.active::after,
  html body.jd-inner-page .jd-inner-header .jd-inner-nav a[aria-current="page"]::after,
  html body.jd-inner-page .jd-inner-header .jd-exact-nav a.is-current::after,
  html body.jd-inner-page .jd-inner-header .jd-exact-nav a.active::after,
  html body.jd-inner-page .jd-inner-header .jd-exact-nav a[aria-current="page"]::after {
    content: "" !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    width: 118px !important;
    height: 5px !important;
    margin: 0 0 0 -59px !important;
    padding: 0 !important;
    transform: none !important;
  }
}

/* Lock the product-detail hero before and after CMS text hydration. */
html body.jd-product-detail-page .jd-inner-hero {
  min-height: 260px !important;
}
html body.jd-product-detail-page .jd-inner-hero .jd-inner-shell {
  min-height: 260px !important;
  padding: 66px 0 52px !important;
  box-sizing: border-box !important;
}
@media (min-width: 1280px) {
  html body.jd-product-detail-page .jd-inner-hero .jd-inner-shell {
    padding: 66px 64px 52px !important;
  }
}
html body.jd-product-detail-page .jd-inner-hero h1 {
  min-height: 49px !important;
  margin: 0 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 44px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

/* Share controls are emitted in the HTML instead of appearing after DOM ready.
   Fixed geometry and paint removes the icon pop/flicker on refresh. */
html body.jd-product-detail-page .jd-product-share {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  min-height: 67px !important;
  margin-top: 26px !important;
  padding-top: 22px !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
  transform: none !important;
}
html body.jd-product-detail-page .jd-product-share__link,
html body.jd-product-detail-page .jd-product-share__link::before {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Measured homepage parity: logo top = 25px, nav grid x = shell right -
   32px - 840px. :root raises this above page-specific legacy locks. */
@media (min-width: 1280px) {
  html:root body.jd-inner-page .jd-inner-header > .jd-inner-shell.jd-inner-header__top,
  html:root body.jd-inner-page .jd-inner-header > .jd-exact-shell.jd-exact-header__top,
  html:root body.jd-inner-page .jd-exact-header > .jd-inner-shell.jd-inner-header__top,
  html:root body.jd-inner-page .jd-exact-header > .jd-exact-shell.jd-exact-header__top {
    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    height: 128px !important;
    min-height: 128px !important;
    margin: 0 auto !important;
    padding: 0 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    position: static !important;
    transform: none !important;
  }

  html:root body.jd-inner-page .jd-inner-header .jd-inner-logo,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-logo,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-logo,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-logo {
    position: static !important;
    flex: 0 0 340px !important;
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    height: 86px !important;
    min-height: 86px !important;
    max-height: 86px !important;
    margin: 8px 0 0 !important;
    background-position: left center !important;
    transform: none !important;
  }

  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav > .jd-inner-shell,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav > .jd-exact-shell,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav > .jd-inner-shell,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav > .jd-exact-shell,
  html:root body.jd-inner-page #jd-stable-nav-1 > .jd-inner-shell,
  html:root body.jd-inner-page #jd-stable-nav-1 > .jd-exact-shell {
    width: 1280px !important;
    min-width: 1280px !important;
    max-width: 1280px !important;
    height: 62px !important;
    margin: 0 auto !important;
    padding: 0 32px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    box-sizing: border-box !important;
    position: static !important;
    transform: none !important;
  }

  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav ul,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav ul,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav ul,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav ul,
  html:root body.jd-inner-page #jd-stable-nav-list-1 {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    width: 840px !important;
    min-width: 840px !important;
    max-width: 840px !important;
    height: 62px !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav li,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav li,
  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav a,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav a,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav li,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav li,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav a,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

@media (min-width: 1024px) {
  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav a:hover::after,
  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav a.is-current::after,
  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav a.active::after,
  html:root body.jd-inner-page .jd-inner-header .jd-inner-nav a[aria-current="page"]::after,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav a:hover::after,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav a.is-current::after,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav a.active::after,
  html:root body.jd-inner-page .jd-inner-header .jd-exact-nav a[aria-current="page"]::after,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav a:hover::after,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav a.is-current::after,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav a.active::after,
  html:root body.jd-inner-page .jd-exact-header .jd-inner-nav a[aria-current="page"]::after,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav a:hover::after,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav a.is-current::after,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav a.active::after,
  html:root body.jd-inner-page .jd-exact-header .jd-exact-nav a[aria-current="page"]::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0 !important;
    width: 118px !important;
    height: 5px !important;
    margin: 0 0 0 -59px !important;
    padding: 0 !important;
    background: #f6a000 !important;
    transform: none !important;
  }
}