/* ZV11 V87.1 — site-wide media sizing hotfix
   Goal: keep portrait施工照 from stretching pages vertically while preserving full detail where it matters. */
img{max-width:100%}

/* 1) Knowledge center cards: consistent landscape thumbnails */
.article-card img{
  display:block!important;
  width:100%!important;
  height:220px!important;
  max-height:220px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* 2) Expert / author portrait: intentionally compact */
.expert-grid{grid-template-columns:minmax(0,1fr) minmax(220px,280px)!important}
.expert-photo{width:100%!important;max-width:280px!important;justify-self:end!important;margin:0!important}
.expert-photo img{
  display:block!important;
  width:100%!important;
  height:340px!important;
  max-height:340px!important;
  object-fit:cover!important;
  object-position:center 10%!important;
  border-radius:22px!important;
}

/* 3) Long history wall: use uniform documentary thumbnails, not full portrait height */
.v74-history-photo{border-radius:10px}
.v74-history-photo img{
  width:100%!important;
  height:260px!important;
  max-height:260px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* 4) Service / case / before-after thumbnails */
.service-thumb img,
.case-service-card-v34 .thumbs img,
.case-pair-v34 img,
.lp-mini-case .imgs img,
.lp-case-photos img,
.lp-beforeafter img,
.pair img,
.imgs img,
.thumbs img,
.gallery-card img,
.featured-photo img,
.banqiao-case-grid img,
.bq-before-after img,
.bq-gallery-bottom img,
.bq-gallery-top img,
.bc-proof-grid img,
.v74-proof-grid img{
  display:block!important;
  width:100%!important;
  height:260px!important;
  max-height:260px!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Single evidence photos: show the whole photo, but do not let portraits dominate the page */
.lp-reading-photo img,
.article-proof img,
.action-photo img,
.ph-proof-card img,
.product-photo img,
.howto-photo img,
.banqiao-mytee img,
.bq-process-shot img,
.mytee-photo-grid figure img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:440px!important;
  object-fit:contain!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Article hero / proof images: landscape reading rhythm */
.hero-image img,
.article-hero-photo img{
  display:block!important;
  width:100%!important;
  height:340px!important;
  max-height:340px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.article-related-card img{height:200px!important;max-height:200px!important;object-fit:cover!important}

/* Keep founder portrait deliberately small; existing card layout remains intact */
.founder-photo{height:280px!important}
.founder-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 8%!important}

/* Equipment product portraits should not become poster-height */
.chem-product .photo img,
.lp-chem-card .photo img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:300px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}

/* Generic standalone portrait dimensions that recur across the site.
   Only applies where a more specific gallery/card rule above does not take precedence. */
main figure:not(.expert-photo):not(.article-hero-photo):not(.action-photo):not(.product-photo):not(.howto-photo):not(.article-proof):not(.v76-shot):not(.v74-history-photo):not(.bc-photo-main):not(.bc-photo-small):not(.bq-process-shot) > img[width="1050"][height="1400"],
main figure:not(.expert-photo):not(.article-hero-photo):not(.action-photo):not(.product-photo):not(.howto-photo):not(.article-proof):not(.v76-shot):not(.v74-history-photo):not(.bc-photo-main):not(.bc-photo-small):not(.bq-process-shot) > img[width="1108"][height="1477"],
main figure:not(.expert-photo):not(.article-hero-photo):not(.action-photo):not(.product-photo):not(.howto-photo):not(.article-proof):not(.v76-shot):not(.v74-history-photo):not(.bc-photo-main):not(.bc-photo-small):not(.bq-process-shot) > img[width="788"][height="1400"],
main figure:not(.expert-photo):not(.article-hero-photo):not(.action-photo):not(.product-photo):not(.howto-photo):not(.article-proof):not(.v76-shot):not(.v74-history-photo):not(.bc-photo-main):not(.bc-photo-small):not(.bq-process-shot) > img[width="1204"][height="1600"],
main figure:not(.expert-photo):not(.article-hero-photo):not(.action-photo):not(.product-photo):not(.howto-photo):not(.article-proof):not(.v76-shot):not(.v74-history-photo):not(.bc-photo-main):not(.bc-photo-small):not(.bq-process-shot) > img[width="1201"][height="1600"]{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:460px!important;
  object-fit:contain!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:900px){
  .expert-grid{grid-template-columns:1fr!important}
  .expert-photo{max-width:230px!important;justify-self:start!important}
  .expert-photo img{height:290px!important;max-height:290px!important}
  .v74-history-photo img{height:220px!important;max-height:220px!important}
  .hero-image img,.article-hero-photo img{height:300px!important;max-height:300px!important}
}

@media(max-width:600px){
  .article-card img{height:180px!important;max-height:180px!important}
  .expert-photo{max-width:190px!important}
  .expert-photo img{height:240px!important;max-height:240px!important;border-radius:18px!important}
  .v74-history-photo img{height:180px!important;max-height:180px!important}
  .service-thumb img,
  .case-service-card-v34 .thumbs img,
  .case-pair-v34 img,
  .lp-mini-case .imgs img,
  .lp-case-photos img,
  .lp-beforeafter img,
  .pair img,
  .imgs img,
  .thumbs img,
  .gallery-card img,
  .featured-photo img,
  .banqiao-case-grid img,
  .bq-before-after img,
  .bq-gallery-bottom img,
  .bq-gallery-top img,
  .bc-proof-grid img,
  .v74-proof-grid img{height:210px!important;max-height:210px!important}
  .hero-image img,.article-hero-photo img{height:230px!important;max-height:230px!important}
  .founder-photo{height:180px!important}
}

/* Extra long visual blocks found in V87 audit */
.lp-mytee-gallery img{height:280px!important;max-height:280px!important;aspect-ratio:auto!important;object-fit:cover!important}
.lp-water-stage img{height:260px!important;max-height:260px!important;aspect-ratio:auto!important;object-fit:cover!important}
.water-case-standard__photos img{height:320px!important;max-height:320px!important;object-fit:contain!important}
.v75-case-pair figure,.v75-case-photo{min-height:0!important;height:270px!important}
.v75-case-pair img,.v75-case-photo img{height:100%!important;max-height:270px!important;object-fit:cover!important}
.banqiao-premium .banqiao-mytee img{height:360px!important;max-height:360px!important;object-fit:cover!important}
.v75-hero-photo-main img{height:470px!important;max-height:470px!important;object-fit:cover!important}

@media(max-width:900px){
  .lp-mytee-gallery img{height:230px!important;max-height:230px!important}
  .lp-water-stage img{height:220px!important;max-height:220px!important}
  .water-case-standard__photos img{height:280px!important;max-height:280px!important}
  .banqiao-premium .banqiao-mytee img{height:300px!important;max-height:300px!important}
  .v75-hero-photo-main img{height:400px!important;max-height:400px!important}
}
@media(max-width:600px){
  .lp-mytee-gallery img{height:180px!important;max-height:180px!important}
  .lp-water-stage img{height:190px!important;max-height:190px!important}
  .water-case-standard__photos img{height:240px!important;max-height:240px!important}
  .v75-case-pair figure,.v75-case-photo{height:220px!important}
  .v75-case-pair img,.v75-case-photo img{max-height:220px!important}
  .banqiao-premium .banqiao-mytee img{height:240px!important;max-height:240px!important}
  .v75-hero-photo-main img{height:330px!important;max-height:330px!important}
}