/* 2026-10-13: the photo box was 0 px tall until the file arrived, so the title and buttons sat right under the header and then jumped down 484 px (1060 px on desktop) when photo 1 came in. This holds the box open at the photo's own ratio (--ratio is set inline on .product-media); once the photo is in, its height is identical. Slide 1 only. */
          .product-information slideshow-slide:first-child .product-media::before { content: ""; flex: none; width: 0; padding-top: calc(100% / var(--ratio, 0.8)); }
          /* the photo element itself paints a white background that would hide the tiny preview behind it; the finished photo is opaque, so nothing changes once it is in. */
          .product-information slideshow-slide:first-child .product-media > img.product-media__image { background-color: transparent !important; }