/*
 * NEX-PH look, "cards" (13 Nov 2026, owner 07:03 CT): the new product photographs (on white) fill their card.
 * The kit draws a photo on white at 84 % of the plate, centred (style.css `.card .card__photo--white`); here it fills the
 * plate from just under the "Tested" mark to the bottom, contained and bottom-aligned, so the bottle is as large as the
 * plate allows and its cap stays clear of the mark. The kit's blend (multiply onto the plate) stays. Any page with
 * product cards; switch nexaph_store_look_cards (which also serves these photos' full file on cards: class-look.php).
 * For the kit: a srcset on card images, and the size of photos on white as a setting.
 */
/* The bottle (89 % of the photo's height, 5.4 % white above it, 5.3 % below; 43 % of its width) spans from 38 px, under
   the mark (16 px from the top when the "nomark" piece hides it: --nx-card-top), to 6 px above the plate's foot: the photo is a square (plate − 44 px) × 1.12 tall, centred, its own white
   sides and foot clipped by the plate (overflow hidden), so a narrow phone card does not shrink the bottle. */
.card .card__plate .card__photo--white{
  position:absolute;left:50%;right:auto;top:auto;
  bottom:calc(6px - (100% - var(--nx-card-top, 44px)) * 0.059);
  height:calc((100% - var(--nx-card-top, 44px)) * 1.12);width:auto;aspect-ratio:1/1;max-width:none;margin:0;
  transform:translateX(-50%);
  object-fit:contain;object-position:50% 100%}