/* 2026-09-03: square, opaque product photographs rebuilt in one neutral
   silver-gelatin studio. This final framing pass keeps the photographs intact
   while normalising the visible cap line, package height and floor contact
   inside each comparable product family. */

img.product-stage-baked-image {
  --product-stage-scale: 1;
  --product-stage-shift-x: 0%;
  --product-stage-shift-y: 0%;
  transform-origin: 50% 50%;
}

/* Cleanse family: one visual height and one floor-contact line. */
img.product-stage-baked-image[src*="green-breathing-oil-neutral-silver-photoreal"] {
  --product-stage-scale: 1.07;
  --product-stage-shift-y: 4.2%;
}

img.product-stage-baked-image[src*="blue-breathing-oil-neutral-silver-photoreal"] {
  --product-stage-scale: 1.1;
  --product-stage-shift-y: -1.8%;
}

img.product-stage-baked-image[src*="light-oxygen-foam-neutral-silver-photoreal"] {
  --product-stage-scale: 1.19;
  --product-stage-shift-y: -8.7%;
}

/* Body wash pair: the botanical bottle formerly sat lower and read smaller. */
img.product-stage-baked-image[src*="botanical-body-wash-neutral-silver-photoreal"] {
  --product-stage-scale: 1.14;
  --product-stage-shift-y: -4.1%;
}

/* Body-butter pair: align the lavender jar to the avocado jar. */
img.product-stage-baked-image[src*="lavender-body-butter-neutral-silver-photoreal-square"] {
  --product-stage-scale: 1.06;
  --product-stage-shift-y: -3.7%;
}

/* 2026-09-18: the pulled-back body-care photographs already include their
   final 4:5 composition; do not apply the older square-photo correction. */
img.product-stage-baked-image[src*="photoreal-pulled-back-v20260918"] {
  --product-stage-scale: 1;
  --product-stage-shift-y: 0%;
}

.product-directory-page .product-series-chapter .product-card--staged .product-image,
.product-editorial-dossier .pdp-dossier-related .product-card--staged .product-image,
.product-series-page .series-product-card--staged figure,
.consultation-page .consultation-card[data-consultation-kind="product"] figure {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  background: #d3d5d1;
}

.product-directory-page .product-series-chapter .product-card--staged .product-image img.product-stage-baked-image,
.product-directory-page .product-series-chapter .product-card--staged:hover .product-image img.product-stage-baked-image,
.product-editorial-dossier .pdp-dossier-related .product-card--staged .product-image img.product-stage-baked-image,
.product-editorial-dossier .pdp-dossier-related .product-card--staged:hover .product-image img.product-stage-baked-image,
.product-series-page .series-product-card--staged figure img.product-stage-baked-image,
.product-series-page .series-product-card--staged:hover figure img.product-stage-baked-image,
.consultation-page .consultation-card[data-consultation-kind="product"] figure img.product-stage-baked-image,
.consultation-page .consultation-card[data-consultation-kind="product"]:hover figure img.product-stage-baked-image {
  position: absolute !important;
  inset: 0 !important;
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
  transform: translate3d(var(--product-stage-shift-x), var(--product-stage-shift-y), 0)
    scale(var(--product-stage-scale)) !important;
}

.product-editorial-dossier .pdp-dossier-hero .product-design2-media:has(img.product-stage-baked-image),
.product-editorial-dossier .pdp-dossier-hero .product-design2-media.pdp-clean-product-stage--baked {
  position: relative;
  overflow: hidden;
  background: #d3d5d1;
}

.product-editorial-dossier .pdp-dossier-hero .product-design2-media img.product-design2-product-anchor.product-stage-baked-image {
  position: absolute !important;
  inset: 0 !important;
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
  transform: translate3d(var(--product-stage-shift-x), var(--product-stage-shift-y), 0)
    scale(var(--product-stage-scale)) !important;
}

@media (max-width: 760px) {
  .product-editorial-dossier .pdp-dossier-hero .product-design2-media img.product-design2-product-anchor.product-stage-baked-image {
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-position: center !important;
  }

  .product-series-page .series-product-card--staged figure img.product-stage-baked-image,
  .product-series-page .series-product-card--staged:hover figure img.product-stage-baked-image {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }

  .consultation-page .consultation-card[data-consultation-kind="product"] figure img.product-stage-baked-image,
  .consultation-page .consultation-card[data-consultation-kind="product"]:hover figure img.product-stage-baked-image {
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .product-directory-page .product-series-chapter .product-card--staged .product-image img.product-stage-baked-image,
  .product-editorial-dossier .pdp-dossier-related .product-card--staged .product-image img.product-stage-baked-image,
  .product-series-page .series-product-card--staged figure img.product-stage-baked-image {
    transition: opacity 180ms ease;
  }

  .product-directory-page .product-series-chapter .product-card--staged:hover .product-image img.product-stage-baked-image,
  .product-editorial-dossier .pdp-dossier-related .product-card--staged:hover .product-image img.product-stage-baked-image,
  .product-series-page .series-product-card--staged:hover figure img.product-stage-baked-image {
    opacity: 0.985;
  }
}

/* 2026-09-06: the consultation card uses a full-bleed comfort crop with
   naturally extended background. Keep that new square artwork edge-to-edge
   and disable the family scale correction so the jar stays relaxed in frame. */
.consultation-page .consultation-card[data-consultation-card="new-03"] figure {
  background: #d3d5d1;
}

.consultation-page .consultation-card[data-consultation-card="new-03"] figure img.product-stage-baked-image,
.consultation-page .consultation-card[data-consultation-card="new-03"] figure:hover img.product-stage-baked-image {
  object-fit: cover !important;
  object-position: center !important;
  transform: none !important;
}