img {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 8083 first-screen fallback: keep the hero image visible before Swiper/lazy JS finishes. */
@media screen and (min-width: 769px) {
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 .e_bannerA-2,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 .swiper-container,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 .swiper-wrapper,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 .swiper-slide,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 .p_img {
    background-image: url("/__ext_media/omo-oss-image.thefastimg.com/portal-saas/pg2024071917053823418/cms/image/c84c0438-e6a7-4b04-a1bc-c6558c0b97e9-baseline-20260626.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #d8e7f4 !important;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 img[src*="/npublic/img/no-img.svg"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 img[src*="/npublic/img/s.png"] {
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

.swiper-slide,
.p_list,
.e_image,
.e_banner,
.e_loop,
.e_container {
  visibility: visible !important;
}

/* Website operation baseline 2026-05-08: keep Chinese desktop nav labels fully visible. */
@media screen and (min-width: 769px) {
  .e_navigationF-9 .p_navBox1 {
    width: auto !important;
    min-width: 860px !important;
    justify-content: flex-end !important;
  }

  .e_navigationF-9 .p_navItem1 {
    width: auto !important;
    min-width: 82px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
  }

  .e_navigationF-9 .p_navItem1 .p_navCon,
  .e_navigationF-9 .p_navItem1 .p_navCon > a {
    width: auto !important;
    min-width: 64px !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  .e_navigationF-9 .p_navItem1 .p_navCon > a span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 768px) {
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916 .e_container-2 {
    animation-delay: 0.05s !important;
    animation-duration: 0.45s !important;
    transition-duration: 0.45s !important;
    will-change: transform, opacity;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916 .e_container-1,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916 .e_container-2,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916 .e_text-3,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916 .e_richText-19,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916 .e_container-20,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_static_001-1691047696916 .e_button-33 {
    opacity: 1 !important;
    visibility: visible !important;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] [id^="c_static_001-"] .e_container-2,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] [id^="c_static_001-"] [class*="e_container-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] [id^="c_static_001-"] [class*="e_text-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] [id^="c_static_001-"] [class*="e_richText-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] [id^="c_static_001-"] [class*="e_button-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] [id^="c_static_001-"] [class*="s_title"] {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media screen and (max-width: 768px) {
  .e_navigationF-9 .p_navButton {
    cursor: pointer !important;
    touch-action: manipulation !important;
    position: relative !important;
    z-index: 1002 !important;
  }

  .e_navigationF-9 .p_navBox1 {
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.22s ease !important;
  }

  .e_navigationF-9.local-nav-open .p_navBox1 {
    height: auto !important;
    max-height: calc(100vh - 60px) !important;
    overflow-y: auto !important;
    background: #fff !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12) !important;
    z-index: 1001 !important;
  }

  .e_navigationF-9 .p_navItem1 > .p_navBox2 {
    display: none !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }

  .e_navigationF-9 .p_navItem1.local-sub-open > .p_navBox2 {
    display: block !important;
  }

  .e_navigationF-9 .p_navItem1.local-sub-open > .p_navCon > .p_jtIcon {
    transform: rotate(90deg) !important;
  }
}

/* Desktop fallback for the home fullpage component when swiper height init fails. */
@media screen and (min-width: 769px) {
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] {
    overflow-y: auto !important;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 .p_fswiperContainer,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 .p_wrapper {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 .flowMobile > .swiper-wrapper {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
    transition: none !important;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 .p_fslide {
    width: 100% !important;
    height: auto !important;
    min-height: 100vh !important;
    transform: none !important;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 .p_slideCon {
    position: relative !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }

  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 [id^="c_static_001-"] .e_container-2,
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 [id^="c_static_001-"] [class*="e_container-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 [id^="c_static_001-"] [class*="e_text-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 [id^="c_static_001-"] [class*="e_richText-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 [id^="c_static_001-"] [class*="e_button-"],
  body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_flipPage-1637288758471 [id^="c_static_001-"] [class*="s_title"] {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* Product detail fallback: render a large image when the legacy magnifier component is absent. */
#magnifierWrapper.local-detail-gallery-ready {
  height: 400px !important;
  overflow: visible !important;
}

#magnifierWrapper.local-detail-gallery-ready .magnifier-container {
  width: 560px !important;
  height: 315px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #f4f6f8 !important;
}

#magnifierWrapper.local-detail-gallery-ready .local-detail-main-image {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #f4f6f8 !important;
}

#magnifierWrapper.local-detail-gallery-ready .local-detail-main-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#magnifierWrapper.local-detail-gallery-ready .magnifier-assembly {
  margin-top: 12px !important;
}

#magnifierWrapper.local-detail-gallery-ready .thumbnail_box .static-img.local-active .small-img {
  outline: 2px solid #1266d6 !important;
  outline-offset: 2px !important;
}

@media screen and (max-width: 768px) {
  #magnifierWrapper.local-detail-gallery-ready {
    width: 100% !important;
    height: auto !important;
  }

  #magnifierWrapper.local-detail-gallery-ready .magnifier-container {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }

  #magnifierWrapper.local-detail-gallery-ready .magnifier-assembly,
  #magnifierWrapper.local-detail-gallery-ready .js-magnifier-line {
    width: 100% !important;
  }
}

/* Home first-screen hero: avoid filter compositing that flashes grayscale/black-white before color. */
body[data-pageid="9e208808-9c8a-4f74-a158-5d5eff55e69a"] #c_banner_019-1691047009556 .p_img img {
  filter: none !important;
  -webkit-filter: none !important;
  transition: none !important;
  -webkit-transition: none !important;
  animation: none !important;
  -webkit-animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Static export safety: 300.cn lazy image CSS applies blur/filter transitions before images settle. */
body img,
body img[lazy] {
  filter: none !important;
  -webkit-filter: none !important;
  transition: none !important;
  -webkit-transition: none !important;
}