/* English homepage sync: scoped overrides layered on the legacy theme. */
.x-banner1 picture,
.x-banner1 .c-banner-image {
  display: block;
  width: 100%;
  height: 100%;
}

.x-banner1 .c-banner-image {
  object-fit: cover;
}

.x-index1 .x-title2,
.x-index2 > .x-container2 > .x-list-a .x-title2,
.x-index3 > .c-container > .x-list-a .x-title2,
.x-index4 .x-home-product-heading .x-title2,
.x-index6 .x-news-heading .x-title2 {
  height: auto;
  max-height: none;
  overflow: visible;
  line-height: 1.16;
  overflow-wrap: anywhere;
  text-overflow: clip;
  text-wrap: balance;
  white-space: normal;
  -webkit-line-clamp: unset;
}

.x-index2 > .x-container2 > .x-list-a > li:first-child,
.x-index3 > .c-container > .x-list-a > li:first-child {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 749px) and (max-width: 1180px) {
  .x-index2 > .x-container2 > .c-list {
    gap: 16px;
    box-sizing: border-box;
    padding-right: 0;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  .x-index2 > .x-container2 > .c-list > li,
  .x-index2 > .x-container2 > .c-list > li.on {
    box-sizing: border-box;
    width: calc((100% - 16px) / 2);
    padding: 0;
    flex: 0 0 calc((100% - 16px) / 2);
    scroll-snap-align: start;
  }

  .x-index2 > .x-container2 > .c-list > li a .c-img-box img {
    width: 100%;
    height: clamp(320px, 45vw, 440px);
  }

  .x-index2 > .x-container2 > .c-list > li a .x-text {
    box-sizing: border-box;
    width: 100%;
  }
}

/* Case and video: one active preview on desktop, stacked content on mobile. */
.x-index3 .c-content-switcher .c-list1-wrap .c-item .c-gt {
  min-width: 0;
  max-width: 100%;
}

.x-index3 .c-content-switcher .c-title,
.x-index3 .c-content-switcher .c-text {
  overflow-wrap: anywhere;
}

.x-index3 .c-content-switcher [role="tab"]:focus-visible,
.x-index4 .x-dl-a [role="tab"]:focus-visible {
  outline: 2px solid #0073c3;
  outline-offset: 3px;
}

@media (min-width: 749px) {
  .x-index3-a .c-content-switcher .c-list1-wrap {
    padding-right: .8rem;
  }

  .x-index5 {
    padding: 1.4rem 0 1.2rem;
  }

  .x-index5 .c-content-switcher .c-list1-wrap {
    padding-right: 0;
    padding-left: .8rem;
  }

  .x-index3 .c-content-switcher {
    min-height: 5.8rem;
    height: auto;
    align-items: stretch;
  }

  .x-index3 .c-content-switcher .c-list1-wrap {
    display: flex;
    position: relative;
    top: auto;
    width: 44%;
    min-width: 0;
    padding-right: .8rem;
    flex-direction: column;
    justify-content: flex-start;
    align-self: stretch;
    gap: clamp(8px, .6vw, 12px);
  }

  .x-index3.c-dt .c-content-switcher .c-list1-wrap {
    padding-right: 0;
    padding-left: .8rem;
  }

  .x-index3 .c-content-switcher .c-list1 {
    display: grid;
    position: relative;
    min-height: 0;
    flex: 1 1 auto;
    grid-auto-rows: auto;
  }

  .x-index3 .c-content-switcher .c-list1 .c-line {
    height: 100%;
    transform: scaleY(.2);
    transform-origin: top center;
    transition: transform .3s ease;
    will-change: transform;
  }

  .x-index3 .c-content-switcher .c-list1 .c-item {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
  }

  .x-index3 .c-content-switcher .c-list1 .c-item .c-wrap {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 6px 12px 6px 0;
    border-radius: 4px;
    align-items: center;
    transition: background-color .2s ease;
  }

  .x-index3 .c-content-switcher .c-list1 .c-item .c-wrap:hover,
  .x-index3 .c-content-switcher .c-list1 .c-item .c-wrap:focus-visible {
    background: rgba(0, 115, 195, .06);
  }

  .x-index3 .c-content-switcher .c-list1 .c-item .c-title {
    display: block;
    overflow: visible;
    line-height: 1.25;
    text-overflow: clip;
    white-space: normal;
  }

  .x-index3 .c-content-switcher .c-list1-wrap > .x-index-a {
    margin-top: 0;
    align-self: flex-start;
  }

  .x-index3 .c-content-switcher .c-list2 {
    position: relative;
    width: 56%;
    height: auto;
    min-height: 5.8rem;
    overflow: hidden;
    align-self: stretch;
  }

  .x-index3 .c-content-switcher .c-list2 > li {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 18px, 0);
    transition: opacity .32s ease, transform .32s ease, visibility .32s;
  }

  .x-index3 .c-content-switcher .c-list2 > li.on {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  .x-index3 .c-content-switcher .c-list2 > li .c-wrap,
  .x-index3 .c-content-switcher .c-list2 > li .c-img-box,
  .x-index3 .c-content-switcher .c-list2 > li .c-img-box img {
    height: 100%;
  }
}

@media (min-width: 749px) and (max-width: 1199px) {
  .x-index3 .c-content-switcher .c-list1 .c-item .c-wrap {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .x-index3 .c-content-switcher .c-list1 .c-item .c-title {
    font-size: 15px;
    line-height: 1.3;
  }

  .x-index3 .c-content-switcher .c-list1 .c-item .c-text {
    display: none !important;
  }
}

@media (min-width: 749px) and (max-width: 972px) {
  .x-index3 .c-content-switcher .c-list1 .c-item .c-title {
    font-size: 14px;
    line-height: 1.25;
  }
}

/* Product categories and cards: four columns / two rows at desktop. */
.x-index4 > .x-container2 {
  box-sizing: border-box;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}

.x-index4 .x-home-product-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: end;
  padding-right: 0;
  padding-bottom: 0;
}

.x-index4 .x-home-product-heading > li:first-child {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto 18px;
  text-align: center;
}

.x-index4 .x-home-product-heading > li:nth-child(2) {
  width: auto;
  min-width: 0;
  justify-self: start;
}

.x-index4 .x-home-product-heading > li:nth-child(3) {
  width: auto;
  justify-self: end;
  text-align: right;
}

.x-index4 .x-home-product-heading .x-dl-a {
  position: static;
  bottom: auto;
  margin-top: 0;
}

.x-index4 .x-in-swiper .x-mengb {
  display: none !important;
  pointer-events: none !important;
}

.x-index4 .x-in-swiper .x-div1[hidden] {
  display: none !important;
}

.x-index4 .x-in-swiper .c-home-product-grid {
  box-sizing: border-box;
  width: 100%;
  padding-right: 0 !important;
  overflow: visible;
}

.x-index4 .c-home-product-grid .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 1.2vw, 20px);
  box-sizing: border-box;
  width: 100% !important;
  transform: none !important;
  transition: none !important;
  align-items: stretch;
}

.x-index4 .c-home-product-grid .swiper-slide {
  display: flex;
  box-sizing: border-box;
  width: auto !important;
  min-width: 0;
  height: auto;
  margin: 0 !important;
  padding-bottom: 0;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid #e1e9f0;
  background: #fff;
}

.x-index4 .c-home-product-grid .swiper-slide[hidden] {
  display: none !important;
}

.x-index4 .c-home-product-grid .swiper-slide .c-img-box {
  box-sizing: border-box;
  height: clamp(150px, 11vw, 210px);
  padding: clamp(14px, 1.4vw, 22px);
  flex: 0 0 auto;
  background: #fff;
}

.x-index4 .c-home-product-grid .swiper-slide .c-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.x-index4 .c-home-product-grid .swiper-slide .x-text1 {
  display: flex;
  position: static;
  bottom: auto;
  box-sizing: border-box;
  width: 100%;
  min-height: 166px;
  padding: 18px 20px 20px;
  flex: 1 1 auto;
  flex-direction: column;
  background: #f5f8fc;
}

.x-index4 .c-home-product-grid .swiper-slide .x-text1 .x-sin {
  display: block;
  overflow: visible;
  padding-bottom: 0;
}

.x-index4 .x-container2 .x-in-swiper .c-home-product-grid .swiper-wrapper .swiper-slide .x-text1 .x-sin .x-title {
  display: block !important;
  height: auto;
  min-height: 3.1em;
  max-height: none;
  overflow: visible !important;
  line-height: 1.55;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal !important;
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset !important;
}

.x-index4 .c-home-product-grid .swiper-slide .x-text1 p {
  display: -webkit-box;
  min-height: 1.6em;
  margin: 8px 0 0;
  overflow: hidden;
  line-height: 1.6;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.x-index4 .c-home-product-grid .swiper-slide .x-text1 .x-index-a {
  margin-top: auto;
  padding-top: 12px;
}

/* News: centered heading with a right-side action and three-card desktop rhythm. */
.x-index6 .x-news-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 28px;
  align-items: end;
}

.x-index6 .x-news-heading > li:first-child {
  grid-row: 1;
  grid-column: 1 / -1;
  width: 100%;
  max-width: min(940px, calc(100% - 300px));
  margin: 0 auto;
  text-align: center;
}

.x-index6 .x-news-heading .x-news-action {
  grid-row: 1;
  grid-column: 3;
  width: auto;
  align-self: end;
  justify-self: end;
  text-align: right;
}

.x-index6 .x-news-action .x-index-a {
  margin: 0 0 8px;
}

.x-index6 .x-index6-swiper,
.x-index6 .x-index6-swiper .swiper-container {
  box-sizing: border-box;
  width: 100%;
}

.x-index6 .x-index6-swiper .swiper-container {
  padding-right: 0 !important;
}

.x-index6 .x-index6-swiper > .x-mengb {
  display: none !important;
  pointer-events: none !important;
}

@media (max-width: 1260px) {
  .x-index6 .x-news-heading {
    grid-template-columns: minmax(0, 1fr);
  }

  .x-index6 .x-news-heading > li:first-child,
  .x-index6 .x-news-heading .x-news-action {
    grid-column: 1;
    max-width: 100%;
  }

  .x-index6 .x-news-heading .x-news-action {
    grid-row: 2;
  }
}

@media (min-width: 540px) and (max-width: 972px) {
  .x-index4 .c-home-product-grid .swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .x-index4 .c-home-product-grid .swiper-slide .c-img-box {
    height: clamp(176px, 27vw, 220px);
  }
}

@media (max-width: 972px) {
  .x-index4 > .x-container2 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (max-width: 748px) {
  .x-index4 .x-home-product-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding-right: 0;
    text-align: center;
  }

  .x-index4 .x-home-product-heading > li:first-child,
  .x-index4 .x-home-product-heading > li:nth-child(2),
  .x-index4 .x-home-product-heading > li:nth-child(3) {
    grid-column: 1;
    width: 100%;
    justify-self: center;
    text-align: center;
  }

  .x-index4 .x-home-product-heading .x-dl-a {
    justify-content: center;
  }

  .x-index4 .x-home-product-heading .x-index-a {
    margin-top: 0;
  }

  .x-index6 .x-container2 {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-right: 16px;
    padding-left: 16px;
  }

  .x-index6 .x-news-heading {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding-right: 0;
    padding-left: 0;
  }

  .x-index6 .x-news-heading .x-news-action {
    justify-self: center;
  }
}

@media (max-width: 539px) {
  .x-index4 .c-home-product-grid .swiper-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }

  .x-index4 .c-home-product-grid .swiper-slide .c-img-box {
    height: clamp(176px, 52vw, 220px);
    padding: 16px;
  }

  .x-index4 .c-home-product-grid .swiper-slide .x-text1 {
    min-height: 118px;
    padding: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .x-index3 .c-content-switcher .c-line,
  .x-index3 .c-content-switcher .c-list2 > li,
  .x-index3 .c-content-switcher .c-list1 .c-item .c-wrap {
    transition: none !important;
  }
}