/* Final category grid: align to the available storefront column. */
body#index .tvcmscategory-slider {
  margin: 26px 0 32px !important;
}

body#index .tvcategory-slider {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body#index .tvcategory-slider-content-box {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  gap: 16px;
}

body#index .tvcategory-slider-wrapper-info .zb-category-card {
  border-radius: 14px !important;
  box-shadow: 0 5px 16px rgba(20, 61, 49, .06);
}

body#index .zb-category-card .tvcategory-img-block {
  height: 170px;
  padding: 14px 18px 6px;
}

body#index .zb-category-card .tvcategory-slider-info-box {
  min-height: 82px;
  padding: 13px 15px 14px;
}

@media (max-width: 767px) {
  body#index .tvcmscategory-slider {
    margin: 18px 0 24px !important;
  }

  body#index .tvcategory-slider-content-box {
    width: auto !important;
    max-width: none !important;
    margin-right: -12px !important;
    padding: 0 12px 7px 0;
    gap: 10px;
    scrollbar-width: none;
  }

  body#index .tvcategory-slider-content-box::-webkit-scrollbar {
    display: none;
  }

  body#index .tvcategory-slider-wrapper-info {
    flex-basis: 76vw;
    max-width: 280px !important;
  }

  body#index .zb-category-card .tvcategory-img-block {
    height: 155px;
  }
}

/* Keep the final loaded category stylesheet aligned with the refreshed cards. */
body#index .tvcategory-slider-wrapper-info .zb-category-card {
  overflow: hidden;
  border: 1px solid #d7e5dc;
  border-radius: 18px !important;
  background: #fff;
  box-shadow: 0 10px 28px rgba(9, 57, 39, .08);
}

body#index .zb-category-card .tvcategory-img-block {
  height: 205px;
  padding: 0;
  overflow: hidden;
}

body#index .zb-category-card .tvcategory-img-block img {
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body#index .zb-category-card .tvcategory-slider-info-box {
  min-height: 92px;
  padding: 15px 15px 16px;
  border-top: 1px solid rgba(20, 87, 63, .10);
  background-color: #f5faf7;
  background-image: linear-gradient(135deg, #fff 0%, #f3faf6 100%);
}

body#index .zb-category-arrow {
  color: #fff;
  background-color: #10875e;
}

@media (max-width: 767px) {
  body#index .tvcategory-slider-wrapper-info { max-width: 286px !important; }
  body#index .zb-category-card .tvcategory-img-block { height: 178px; }
  body#index .zb-category-card .tvcategory-slider-info-box {
    min-height: 88px;
    padding: 13px 14px 14px;
  }
}