/* tia-img-fit-31-20261109
 *
 * Product / featured image display fix. Enqueued by
 * mu-plugins/tia-product-image-fit.php — kept out of the theme stylesheet (a concurrent header script owns that file).
 *
 * Single-post and review heroes currently use
 *   .tia-single .tia-hero-img img { width:100%; max-height:360px; object-fit:cover }
 * plus an inline style="object-fit:cover;". A square pack shot in a ~752x360
 * box is cropped top and bottom (One-N-Done 200DS and other product posts).
 * This file shows the whole image at its natural ratio, undistorted.
 *
 * Pack-shot / portrait cards (class tia-card-img--product, added at render)
 * use contain inside the existing 16/10 card box. Landscape editorial
 * photos stay 16/10 cover.
 *
 * Does not change video thumbs, reels, or the homepage seasonal banner.
 */

/* ---- Single / review hero ---- */
.tia-single .tia-hero-img img{
  object-fit:contain !important;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:520px;
  margin:0 auto;
  display:block;
  background:#fff;
}
@media (max-width:600px){
  .tia-single .tia-hero-img img{max-height:320px}
}

/* Product pack shots (and mixed logo+product class): larger than logo 200px cap. */
.tia-single .tia-hero-img.tia-card-img--product{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
}
.tia-single .tia-hero-img.tia-card-img--product img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:520px !important;
  object-fit:contain !important;
  margin:0 auto;
  border-radius:8px;
  background:#fff;
}
@media (max-width:600px){
  .tia-single .tia-hero-img.tia-card-img--product img{max-height:320px !important}
}

/* ---- Archive / homepage / articles / brand-post cards ---- */
.tia-archive .wp-block-post .wp-block-post-featured-image.tia-card-img--product img,
.tia-single .entry-content .tia-brand-posts .wp-block-post-featured-image.tia-card-img--product img{
  object-fit:contain;
  object-position:50% 50%;
  background:#fff;
  box-sizing:border-box;
}