/* Phase 13 — tubes image presentation aligned to shared page-system.
   Isolated tube product images use contain inside a neutral frame.
   Do not stretch or aggressively crop product geometry. */

.hygienic-tubing-page .product-media,
.hygienic-tubing-page .tgc-product-hero-media,
.hygienic-tubing-page .fittings-hero-panel {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tgc-media-bg,
    radial-gradient(circle at 50% 18%, rgba(14, 124, 159, 0.07), transparent 46%),
    linear-gradient(180deg, #f9fbfd 0%, #edf3f7 100%));
  overflow: hidden;
}

.hygienic-tubing-page .product-media > img,
.hygienic-tubing-page .tgc-product-hero-media img,
.hygienic-tubing-page .fittings-hero-panel img {
  width: auto;
  max-width: 100%;
  max-height: min(420px, 70vw);
  height: auto;
  object-fit: contain;
  object-position: center;
}

.hygienic-tubing-page .product-card-img,
.hygienic-tubing-page .tgc-card--category .product-card-img,
.hygienic-tubing-page .tgc-card--related .product-card-img,
.hygienic-tubing-page .tgc-card--product .product-card-img {
  aspect-ratio: var(--tgc-ratio-category, 4 / 3);
  background: var(--tgc-media-bg,
    radial-gradient(circle at 50% 18%, rgba(14, 124, 159, 0.07), transparent 46%),
    linear-gradient(180deg, #f9fbfd 0%, #edf3f7 100%));
}

.hygienic-tubing-page .tgc-card-grid--product .product-card-img,
.hygienic-tubing-page .tgc-card--related .product-card-img {
  aspect-ratio: var(--tgc-ratio-product, 1 / 1);
}

.hygienic-tubing-page .product-card-img img {
  width: auto;
  max-width: 92%;
  max-height: 92%;
  height: auto;
  object-fit: contain;
  object-position: center;
}