.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;
}

/* 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));
  }
}