/* PressPair V2060 — approved finished Pride photographs only.
   The original product photographs are the entire scene. Never place them over
   a second silk background and never substitute extracted transparent cutouts. */

html body.pride-page .pp-v2047-champagne-frame .shop-visual,
html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] .shop-visual,
html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] .shop-visual {
  grid-area: 1 / 1 / 2 / 2 !important;
  background: #f7f3ea !important;
  background-image: none !important;
}

html body.pride-page .pp-v2047-champagne-frame #shopImage,
html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] #shopImage,
html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] #shopImage,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] #shopImage,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] #shopImage {
  object-fit: cover !important;
  object-position: center !important;
  background: transparent !important;
}

/* Responsive selectors stack the one finished photograph above the approved
   double-gold champagne panel. The source photograph itself supplies all silk. */
@media (max-width: 900px) {
  html body.pride-page .pp-v2047-champagne-frame .shop-visual,
  html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] .shop-visual,
  html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] .shop-visual {
    aspect-ratio: 3 / 2 !important;
    background-image: none !important;
  }

  html body.pride-page .pp-v2047-champagne-frame #shopImage {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
  }

  html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] .shop-visual,
  html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] .shop-visual,
  html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] #shopImage,
  html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] #shopImage {
    aspect-ratio: 4 / 3 !important;
  }
}

html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame .shop-visual,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] .shop-visual,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] .shop-visual {
  aspect-ratio: 3 / 2 !important;
  background-image: none !important;
}

html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame #shopImage {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  object-position: center !important;
}

html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] .shop-visual,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] .shop-visual,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Jockstrap"] #shopImage,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] #shopImage {
  aspect-ratio: 4 / 3 !important;
}

/* The square thong photographs need a small downward focal shift when the
   outer silk is cropped to the approved 3:2 stage, keeping the lower tip in view. */
html body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] #shopImage,
html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame[data-name="Pride Thong"] #shopImage {
  object-position: 50% 55% !important;
}