.home-v4-page .zh-category-slider-shell {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.home-v4-page #zhCategorySlider.v4-promo-grid {
  display: flex !important;
  grid-template-columns: none !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  overscroll-behavior-inline: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding: 0 1px 8px !important;
}

.home-v4-page #zhCategorySlider.v4-promo-grid::-webkit-scrollbar {
  display: none !important;
}

.home-v4-page #zhCategorySlider > .v4-promo {
  flex: 0 0 calc((100% - 42px) / 4) !important;
  width: calc((100% - 42px) / 4) !important;
  max-width: calc((100% - 42px) / 4) !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
}

.home-v4-page .zh-category-arrow {
  position: absolute;
  z-index: 8;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  border: 1px solid rgba(185, 143, 130, .8);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #2b1232;
  color: #ead2cb;
  font: 400 31px/1 Georgia, serif;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(43, 18, 50, .24);
}

.home-v4-page .zh-category-arrow.prev { left: 8px; }
.home-v4-page .zh-category-arrow.next { right: 8px; }
.home-v4-page .zh-category-arrow:disabled { opacity: .28; cursor: default; }
.home-v4-page .zh-category-arrow[hidden] { display: none !important; }

.home-v4-page .zh-category-progress {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 9px;
  color: #59315f;
  font-size: 10px;
  font-weight: 900;
}

.home-v4-page .zh-category-progress i {
  display: block;
  width: 44px;
  height: 1px;
  background: rgba(89, 49, 95, .38);
}

.home-v4-page .zh-category-progress b { font-weight: 900; }

@media (max-width: 1100px) {
  .home-v4-page #zhCategorySlider > .v4-promo {
    flex-basis: calc((100% - 14px) / 2) !important;
    width: calc((100% - 14px) / 2) !important;
    max-width: calc((100% - 14px) / 2) !important;
  }
}

@media (max-width: 760px) {
  .home-v4-page #zhCategorySlider.v4-promo-grid {
    gap: 12px !important;
    padding: 0 1px 7px !important;
  }

  .home-v4-page #zhCategorySlider > .v4-promo {
    flex: 0 0 calc((100% - 12px) / 2) !important;
    width: calc((100% - 12px) / 2) !important;
    max-width: calc((100% - 12px) / 2) !important;
  }

  .home-v4-page .zh-category-arrow { display: none !important; }
  .home-v4-page .zh-category-progress { margin-top: 6px; }
}