/* ME-LIPS V7.9 • authentic packshot close-up • white-background product photography.
   Source assets: cropped V7.8 approved jar + November 2026 box photos, not regenerated. */

/* Home collection: remove fixed aspect-ratio and max-height that shrink packaging. */
.v3-collection .v3-product-pink .v3-product-image,
.v3-collection .v3-product-warm .v3-product-image,
.v3-collection .v3-product-image {
  background: #ffffff !important;
  border: 0;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  padding: clamp(12px, 2vw, 22px) !important;
  display: block;
}
.v3-collection .v3-product-image img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
}

/* Signature shade panels (above the collection): white rather than blush, 
   packshots near edge-to-edge and responsive on phones. */
.v77-jar-pair figure {
  background: #ffffff !important;
  border: 1px solid #e9ded8;
  padding: clamp(10px, 1.2vw, 16px);
}
.v77-jar-pair figure img,
.v77-jar-pair img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
}
.v77-jar-pair figcaption {padding: 13px 4px 5px;}

/* Product and shade detail pages: show the complete pair rather than a tiny 
   object in a large pastel frame. Keep other lifestyle imagery unchanged. */
.lx-product-image,
.lx-product-image.lx-pink,
.lx-product-image.lx-red,
body:not(.v3) .products .product-img {
  background: #ffffff !important;
  height: auto !important;
  min-height: 0 !important;
  padding: clamp(10px, 2vw, 22px) !important;
}
.lx-product-image img,
body:not(.v3) .products .product-img img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
}

@media (max-width: 680px) {
  .v3-collection .v3-product-image { padding: 10px !important; }
  .v77-jar-pair { grid-template-columns: 1fr; max-width: 430px; gap: 16px; }
  .v77-jar-pair figure { padding: 12px 12px 9px; }
  .v77-jar-pair img { max-width: 410px !important; margin: 0 auto; }
  .v77-jar-pair figcaption { font-size: .83rem; padding: 7px 5px 5px; }
  body:not(.v3) .products .product-img { padding: 12px !important; }
}
