/* 2026-08-29 image refresh: use the verified current .com image set. */

.heroImage {
  background-image: url('/zhuoya-hero-aerial-4000-sharp.jpg') !important;
  background-position: center 52% !important;
  background-size: cover !important;
  animation: heroGentleMotion 10s ease-in-out infinite alternate !important;
}

.whyVisual {
  background-image: url('/zhuoya-factory-production-line.webp') !important;
  background-size: cover !important;
  background-position: center !important;
}

.projectCard:nth-child(1) {
  background-image: url('/real-gallery/case-large-campus-aerial.webp') !important;
}

.projectCard:nth-child(2) {
  background-image: url('/zhuoya-hero-project-campus.webp') !important;
}

.projectCard:nth-child(3) {
  background-image: url('/product-premium-house-garden.webp') !important;
}

.enProjects .projectCard:nth-child(1) {
  background-image: url('/real-gallery/reference-garden-house-clean.webp') !important;
}

.enProjects .projectCard:nth-child(2) {
  background-image: url('/zhuoya-hero-project-campus.webp') !important;
}

.enProjects .projectCard:nth-child(3) {
  background-image: url('/real-gallery/reference-customer-campus-clean.webp') !important;
}

.p1 .productPhoto,
.p01 .productPhoto {
  content: url('/product-flat-pack-factory-20260828.webp') !important;
}

.p3 .productPhoto,
.p03 .productPhoto {
  content: url('/product-k-type-project.webp') !important;
  object-position: center !important;
}

.p5 .productPhoto,
.p05 .productPhoto {
  content: url('/real-gallery/case-garden-camp-landscape.webp') !important;
  object-position: center !important;
}

.p6 .productPhoto,
.p06 .productPhoto {
  content: url('/real-gallery/reference-garden-house-clean.webp') !important;
  object-position: center !important;
  object-fit: cover !important;
}

.p7 .productPhoto,
.p07 .productPhoto {
  content: url('/real-gallery/case-large-campus-yard.webp') !important;
  object-position: center !important;
  object-fit: cover !important;
}

.p8 .productPhoto,
.p08 .productPhoto {
  content: url('/product-combination-3.webp') !important;
  object-position: center !important;
  object-fit: cover !important;
}

.factoryHero {
  background-image:
    linear-gradient(90deg, rgba(32, 49, 42, .98) 0%, rgba(32, 49, 42, .88) 42%, rgba(32, 49, 42, .3) 100%),
    url('/zhuoya-factory-production-line.webp') !important;
  background-position: center 55% !important;
  background-size: cover !important;
}

/* The current .com Ming-Qing detail page uses one verified project image. */
.detail.detail-premium-house .systemMedia figure:nth-child(2),
.enProduct.premium-house .enProductMedia .systemReference {
  display: none !important;
}

@media (max-width: 850px) {
  .heroImage {
    background-image: url('/zhuoya-hero-aerial-mobile.webp') !important;
    background-position: center 52% !important;
  }

  .whyVisual {
    background-image: url('/zhuoya-factory-production-line-mobile.webp') !important;
  }

  .projectCard:nth-child(1) {
    background-image: url('/real-gallery/case-large-campus-aerial-mobile.webp') !important;
  }

  .projectCard:nth-child(2) {
    background-image: url('/zhuoya-hero-project-campus-mobile.webp') !important;
  }

  .projectCard:nth-child(3) {
    background-image: url('/product-premium-house-garden-mobile.webp') !important;
  }

  .enProjects .projectCard:nth-child(1) {
    background-image: url('/real-gallery/reference-garden-house-clean-mobile.webp') !important;
  }

  .enProjects .projectCard:nth-child(2) {
    background-image: url('/zhuoya-hero-project-campus-mobile.webp') !important;
  }

  .enProjects .projectCard:nth-child(3) {
    background-image: url('/real-gallery/reference-customer-campus-clean-mobile.webp') !important;
  }

  .p1 .productPhoto,
  .p01 .productPhoto {
    content: url('/product-flat-pack-factory-mobile.webp') !important;
  }

  .p3 .productPhoto,
  .p03 .productPhoto {
    content: url('/product-k-type-project-mobile.webp') !important;
  }

  .p5 .productPhoto,
  .p05 .productPhoto {
    content: url('/real-gallery/case-garden-camp-landscape-mobile.webp') !important;
  }

  .p6 .productPhoto,
  .p06 .productPhoto {
    content: url('/real-gallery/reference-garden-house-clean-mobile.webp') !important;
  }

  .p7 .productPhoto,
  .p07 .productPhoto {
    content: url('/real-gallery/case-large-campus-yard-mobile.webp') !important;
  }

  .p8 .productPhoto,
  .p08 .productPhoto {
    content: url('/product-combination-3-mobile.webp') !important;
  }

  .factoryHero {
    background-image:
      linear-gradient(90deg, rgba(32, 49, 42, .98) 0%, rgba(32, 49, 42, .88) 42%, rgba(32, 49, 42, .3) 100%),
      url('/zhuoya-factory-production-line-mobile.webp') !important;
  }
}

/* Keep the project listing cards on their real photos instead of the base gradient placeholders. */
.projectListing .projectShowcase:nth-child(1) {
  background-image: url('/real-gallery/case-large-campus-aerial.webp') !important;
}

.projectListing .projectShowcase:nth-child(2) {
  background-image: url('/zhuoya-hero-project-campus.webp') !important;
}

.projectListing .projectShowcase:nth-child(3) {
  background-image: url('/product-premium-house-garden.webp') !important;
}

.projectListing .projectShowcase:nth-child(4) {
  background-image: url('/real-gallery/case-large-campus-yard.webp') !important;
}

.projectListing .projectShowcase:nth-child(5) {
  background-image: url('/real-gallery/project-brand-space.png') !important;
}

.projectListing .projectShowcase:nth-child(6) {
  background-image: url('/product-flat-pack-project.webp') !important;
}

.projectListing .projectShowcase.mountainValleyCase {
  background-image: url('/project-mountain-valley-camp.jpg') !important;
}

@media (max-width: 850px) {
  .projectListing .projectShowcase:nth-child(1) {
    background-image: url('/real-gallery/case-large-campus-aerial-mobile.webp') !important;
  }

  .projectListing .projectShowcase:nth-child(2) {
    background-image: url('/zhuoya-hero-project-campus-mobile.webp') !important;
  }

  .projectListing .projectShowcase:nth-child(3) {
    background-image: url('/product-premium-house-garden-mobile.webp') !important;
  }

  .projectListing .projectShowcase:nth-child(4) {
    background-image: url('/real-gallery/case-large-campus-yard-mobile.webp') !important;
  }

  .projectListing .projectShowcase:nth-child(5) {
    background-image: url('/real-gallery/project-brand-space-mobile.webp') !important;
  }

  .projectListing .projectShowcase:nth-child(6) {
    background-image: url('/product-flat-pack-project-mobile.webp') !important;
  }

  .projectListing .projectShowcase.mountainValleyCase {
    background-image: url('/project-mountain-valley-camp-mobile.webp') !important;
  }
}

/* Give the emergency-support case a quick-assembly reference image at both breakpoints. */
.projectDetail.emergency-support .projectDetailHero > div:last-child,
.projectDetail.emergency-support .resultImage {
  background-image: url('/product-quick-assembly.webp') !important;
}

@media (max-width: 850px) {
  .projectDetail.emergency-support .projectDetailHero > div:last-child,
  .projectDetail.emergency-support .resultImage {
    background-image: url('/product-quick-assembly-mobile.webp') !important;
  }
}