.local-product-fulfillment > .local-fulfillment-truck-hero {
  /* Keep the lower two thirds of the previous frame without rescaling the photograph. */
  height: calc(clamp(440px, 44vw, 800px) * 2 / 3 / var(--product-page-scale, 1));
  overflow: hidden;
  background: #d8c6b8;
}

.local-fulfillment-truck-hero > .product-header-bg-img {
  inset: auto 0 0;
  display: block;
  width: 100%;
  height: 150%;
  object-fit: cover;
  object-position: 50% 50%;
  transform: none;
}

.head.local-fulfillment-light-header .logo img {
  /* Keep the dark brand variant even when the captured hover script swaps img.src. */
  content: url("/sites/ztn-com-39d28867/root-8a5edab2/images/haipai-logo-black.svg");
}

.head.local-fulfillment-light-header:not(.active):not(.local-menu-open) .nav li .cnh,
.head.local-fulfillment-light-header:not(.active):not(.local-menu-open) .head-right .urOptionSelected span,
.head.local-fulfillment-light-header:not(.active):not(.local-menu-open) .local-nav-toggle {
  color: #2c2321;
}

.head.local-fulfillment-light-header:not(.active) .head-right .urOptionSelected span {
  border-color: #2c2321;
}

.local-product-fulfillment > .product-hide {
  display: none;
  margin-top: 0;
}

@media (max-width: 767px) {
  .local-product-fulfillment > .local-fulfillment-truck-hero {
    height: calc(clamp(360px, 58svh, 480px) * 2 / 3 / var(--product-page-scale, 1));
  }

  .local-fulfillment-truck-hero > .product-header-bg-img {
    object-position: 64% 50%;
  }

  .local-fulfillment-data-block > .title {
    font-size: calc(24px / var(--product-page-scale, 1));
    line-height: 1.4;
    padding-bottom: calc(28px / var(--product-page-scale, 1));
  }

  .local-fulfillment-data-block > .title::before {
    width: calc(3px / var(--product-page-scale, 1));
    height: calc(28px / var(--product-page-scale, 1));
    margin-right: calc(10px / var(--product-page-scale, 1));
  }

  .local-fulfillment-data-block .service-overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: calc(28px / var(--product-page-scale, 1));
  }

  .local-fulfillment-data-block .service-overview > .item {
    width: auto;
    margin-top: 0;
  }

  .local-fulfillment-data-block .service-overview .item .icon,
  .local-fulfillment-data-block .service-overview .item .img {
    width: calc(32px / var(--product-page-scale, 1));
    height: calc(32px / var(--product-page-scale, 1));
    object-fit: contain;
  }

  .local-fulfillment-data-block .service-overview .item .text {
    margin-top: calc(12px / var(--product-page-scale, 1));
    font-size: calc(28px / var(--product-page-scale, 1));
    line-height: 1.2;
  }

  .local-fulfillment-data-block .service-overview .item .sub-text {
    margin-top: calc(6px / var(--product-page-scale, 1));
    font-size: calc(12px / var(--product-page-scale, 1));
    line-height: 1.5;
  }
}

.local-product-fulfillment > .product-show {
  display: block;
}

/* Local fulfillment and support bodies share the responsive content layout. */
:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-content {
  height: auto;
}

:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-content-main,
:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-block {
  box-sizing: border-box;
  width: min(1300px, calc(100% - 40px / var(--product-page-scale, 1)));
  padding-top: calc(56px / var(--product-page-scale, 1));
}

:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .title {
  margin: 0;
  font-size: calc(clamp(26px, 2.4vw, 36px) / var(--product-page-scale, 1));
  font-weight: 400;
  line-height: 1.4;
}

:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .title::before {
  flex-shrink: 0;
  width: calc(4px / var(--product-page-scale, 1));
  height: 1em;
  margin-right: calc(12px / var(--product-page-scale, 1));
}

:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-content-main .desc {
  width: 100%;
  margin: 0;
  padding-top: calc(24px / var(--product-page-scale, 1));
  font-size: calc(18px / var(--product-page-scale, 1));
  line-height: 1.9;
}

:is(.local-international-logistics, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-inventory-clearance, .local-zimi-technology) .product-content-main .button {
  margin-top: calc(28px / var(--product-page-scale, 1));
  height: calc(44px / var(--product-page-scale, 1));
  padding: 0 calc(27px / var(--product-page-scale, 1));
  font-size: calc(16px / var(--product-page-scale, 1));
  line-height: calc(44px / var(--product-page-scale, 1));
}

:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-block > .title {
  padding-bottom: calc(28px / var(--product-page-scale, 1));
}

:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-block:last-child {
  padding-bottom: calc(56px / var(--product-page-scale, 1));
}

:is(.local-logistics-businesses, .local-customs-advantages, .local-warehouse-businesses, .local-warehouse-locations, .local-last-mile-businesses, .local-stonebridge-businesses, .local-insurance-businesses, .local-clearance-businesses, .local-zimi-businesses) {
  margin: 0;
}

:is(.local-logistics-businesses, .local-customs-advantages, .local-warehouse-businesses, .local-warehouse-locations, .local-last-mile-businesses, .local-stonebridge-businesses, .local-insurance-businesses, .local-clearance-businesses, .local-zimi-businesses) > div {
  display: grid;
  grid-template-columns: 22% minmax(0, 1fr);
  gap: calc(24px / var(--product-page-scale, 1));
  padding: calc(24px / var(--product-page-scale, 1)) 0;
  border-top: 1px solid #e8e8e8;
}

:is(.local-logistics-businesses, .local-customs-advantages, .local-warehouse-businesses, .local-warehouse-locations, .local-last-mile-businesses, .local-stonebridge-businesses, .local-insurance-businesses, .local-clearance-businesses, .local-zimi-businesses) dt {
  color: #0e1d49;
  font-size: calc(20px / var(--product-page-scale, 1));
  line-height: 1.7;
}

:is(.local-logistics-businesses, .local-customs-advantages, .local-warehouse-businesses, .local-warehouse-locations, .local-last-mile-businesses, .local-stonebridge-businesses, .local-insurance-businesses, .local-clearance-businesses, .local-zimi-businesses) dd {
  margin: 0;
  color: #666;
  font-size: calc(16px / var(--product-page-scale, 1));
  line-height: 1.9;
}

:is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .service-overview {
  width: 100%;
  transform: none;
}

@media (max-width: 767px) {
  :is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-content-main,
  :is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-block {
    width: calc(100% - 40px / var(--product-page-scale, 1));
    padding-top: calc(36px / var(--product-page-scale, 1));
  }

  :is(.local-international-logistics, .local-destination-customs, .local-overseas-warehousing, .local-last-mile-delivery, .local-stonebridge-compliance, .local-cross-border-insurance, .local-inventory-clearance, .local-zimi-technology) .product-content-main .desc {
    font-size: calc(16px / var(--product-page-scale, 1));
  }

  :is(.local-logistics-businesses, .local-customs-advantages, .local-warehouse-businesses, .local-warehouse-locations, .local-last-mile-businesses, .local-stonebridge-businesses, .local-insurance-businesses, .local-clearance-businesses, .local-zimi-businesses) > div {
    grid-template-columns: minmax(0, 1fr);
    gap: calc(8px / var(--product-page-scale, 1));
  }
}

.local-stonebridge-compliance .product-content-main > .title {
  max-width: 100%;
  min-width: 0;
}

.local-stonebridge-compliance .product-content-main > .title > span {
  min-width: 0;
  line-height: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}

.local-warehouse-locations dd {
  overflow-wrap: anywhere;
}

/* This rule was tied to the warehouse's old panel ID in the capture. */
.local-product-fulfillment #target-3 .product-block-bg .content .service-advantage-list-1 .item:nth-child(odd) {
  height: 375px;
}

.local-product-fulfillment .product-customs-placeholder {
  min-height: max(602px, calc(320px / var(--product-page-scale, 1)));
  background: #fff;
}

.local-product-fulfillment .product-customs-placeholder h2 {
  margin: 0;
  font-weight: 400;
}

@media (max-width: 1099px) {
  .local-product-fulfillment .product-customs-placeholder .product-content-main {
    padding-top: calc(64px / var(--product-page-scale, 1));
  }

  .local-product-fulfillment .product-customs-placeholder h2 {
    font-size: calc(24px / var(--product-page-scale, 1));
  }
}

/* Migrated pages use the same content measure as the homepage, without zoom. */
body[data-local-layout="responsive"] .local-product-fulfillment {
  --product-page-scale: 1;
  width: 100%;
  min-width: 0;
}

body[data-local-layout="responsive"] .local-product-fulfillment :is(.product-content-main, .product-block) {
  width: var(--site-content-width);
  max-width: 1300px;
  margin-inline: auto;
}

body[data-local-layout="responsive"] .local-product-fulfillment .product-content-main > .title {
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
}

body[data-local-layout="responsive"] .local-product-fulfillment > .product-header-bg:not(.local-fulfillment-truck-hero) {
  height: clamp(280px, 31vw, 498px);
}

body[data-local-layout="responsive"] .local-product-fulfillment > .product-header-bg:not(.local-fulfillment-truck-hero) > img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: none;
}

body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 24px;
}

body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview > .item {
  min-width: 0;
  width: auto;
  margin-top: 0;
  color: #0e1d49;
}

body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview .item .icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

.local-fulfillment-data-block .local-stat-icon {
  display: block;
  width: 100%;
  height: 100%;
}

.local-fulfillment-data-block .local-stat-icon-accent {
  stroke: #f77319;
}

body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview .item .text {
  margin-top: 16px;
  font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-align: center;
}

body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview .item .sub-text {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
  }

  body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview .item .icon {
    width: 30px;
    height: 30px;
  }

  body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview .item .text {
    margin-top: 12px;
  }

  body[data-local-layout="responsive"] .local-fulfillment-data-block .service-overview .item .sub-text {
    font-size: 14px;
  }
}