/* PressPair V2037 — requested visual, product-image, and first-paint corrections. */

/* Every page starts on the same seamless shared-header surface—without the
   pre-initialization gray film, border, or shadow. */
html body #ppGlobalHeader.pp-v2015-seamless-header,
html body #ppGlobalHeader.pp-v2015-seamless-header .pp-global-topbar,
html body #ppGlobalHeader.pp-v2015-seamless-header .pp-global-navrow {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body #ppGlobalHeader.pp-v2015-seamless-header::before,
html body #ppGlobalHeader.pp-v2015-seamless-header::after,
html body #ppGlobalHeader.pp-v2015-seamless-header .pp-global-topbar::before,
html body #ppGlobalHeader.pp-v2015-seamless-header .pp-global-topbar::after,
html body #ppGlobalHeader.pp-v2015-seamless-header .pp-global-navrow::before,
html body #ppGlobalHeader.pp-v2015-seamless-header .pp-global-navrow::after {
  display: none !important;
  content: none !important;
}

/* Home's legacy rebuild had an additional page-specific film. */
html body.home-page #ppGlobalHeader,
html body.home-page #ppGlobalHeader .pp-global-topbar,
html body.home-page #ppGlobalHeader .pp-global-navrow {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body.home-page #ppGlobalHeader::before,
html body.home-page #ppGlobalHeader::after,
html body.home-page #ppGlobalHeader .pp-global-topbar::before,
html body.home-page #ppGlobalHeader .pp-global-topbar::after,
html body.home-page #ppGlobalHeader .pp-global-navrow::before,
html body.home-page #ppGlobalHeader .pp-global-navrow::after {
  display: none !important;
  content: none !important;
}

/* Design opening: derive the grid from the supplied source ratios so every
   complete image fits without a white band or a clipped detail panel. */
@media (min-width: 761px) {
  html body.pp-design-page .pp-v2032-opening {
    height: auto !important;
    aspect-ratio: 1.98 / 1 !important;
    grid-template-columns: 1.9fr 2.045fr 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.pp-design-page .pp-v2032-opening-shot {
    background: transparent !important;
    background-image: none !important;
  }

  html body.pp-design-page .pp-v2032-opening-shot > img {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center top !important;
    background: transparent !important;
  }
}

@media (max-width: 760px) {
  html:not(.pp-force-desktop) body.pp-design-page .pp-v2032-opening {
    height: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto !important;
  }

  html:not(.pp-force-desktop) body.pp-design-page .pp-v2032-opening-shot,
  html:not(.pp-force-desktop) body.pp-design-page .pp-v2036-opening-shot--infographic,
  html:not(.pp-force-desktop) body.pp-design-page .pp-v2036-opening-shot--model {
    grid-column: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
    background: transparent !important;
  }

  html:not(.pp-force-desktop) body.pp-design-page .pp-v2032-opening-shot--hero { grid-row: 1 !important; }
  html:not(.pp-force-desktop) body.pp-design-page .pp-v2032-opening-shot--proof { grid-row: 2 !important; }
  html:not(.pp-force-desktop) body.pp-design-page .pp-v2032-opening-shot--phone { grid-row: 3 !important; }
  html:not(.pp-force-desktop) body.pp-design-page .pp-v2032-opening-shot--models { grid-row: 4 !important; }

  html:not(.pp-force-desktop) body.pp-design-page .pp-v2032-opening-shot > img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center top !important;
    background: transparent !important;
  }
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening {
  height: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto auto !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot,
html.pp-mobile-mode body.pp-design-page .pp-v2036-opening-shot--infographic,
html.pp-mobile-mode body.pp-design-page .pp-v2036-opening-shot--model {
  grid-column: 1 !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  background: transparent !important;
}

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--hero { grid-row: 1 !important; }
html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--proof { grid-row: 2 !important; }
html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--phone { grid-row: 3 !important; }
html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot--models { grid-row: 4 !important; }

html.pp-mobile-mode body.pp-design-page .pp-v2032-opening-shot > img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center top !important;
  background: transparent !important;
}

/* Concealed Storage 01/02/03: images and captions flow naturally—no artificial
   boxes, fill strips, or fixed-height crops. */
html body.pp-design-page .pp-v2032-principle-list figure,
html body.pp-design-page .pp-v2032-principle-list figure.pp-v2035-infographic {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.pp-design-page .pp-v2032-principle-list figure::after {
  display: none !important;
}

html body.pp-design-page .pp-v2032-principle-list figure img,
html body.pp-design-page .pp-v2032-principle-list figure.pp-v2035-infographic img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center top !important;
  background: transparent !important;
}

html body.pp-design-page .pp-v2032-principle-list figcaption,
html body.pp-design-page .pp-v2032-principle-list figure.pp-v2035-infographic figcaption {
  position: static !important;
  min-height: 0 !important;
  padding: 8px 0 0 !important;
  color: #061b34 !important;
  background: transparent !important;
  text-shadow: none !important;
}

@media (min-width: 761px) {
  html body.pp-design-page .pp-v2032-principle-list {
    grid-template-columns: .7444fr .8003fr .8286fr !important;
    align-items: start !important;
  }
}

/* Cabana mobile only: restore full, natural-height photography inside each
   card; desktop presentation remains untouched. */
html.pp-mobile-mode body.cabana-page .v77-model-grid figure,
html.pp-mobile-mode body.cabana-page .v77-look-grid figure {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: transparent !important;
}

html.pp-mobile-mode body.cabana-page .v77-model-grid figure > img,
html.pp-mobile-mode body.cabana-page .v77-look-grid figure > img,
html.pp-mobile-mode body.cabana-page .v77-look-grid figure:first-child > img,
html.pp-mobile-mode body.cabana-page .v77-look-grid figure:last-child > img {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  html:not(.pp-force-desktop) body.cabana-page .v77-model-grid figure,
  html:not(.pp-force-desktop) body.cabana-page .v77-look-grid figure {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  html:not(.pp-force-desktop) body.cabana-page .v77-model-grid figure > img,
  html:not(.pp-force-desktop) body.cabana-page .v77-look-grid figure > img,
  html:not(.pp-force-desktop) body.cabana-page .v77-look-grid figure:first-child > img,
  html:not(.pp-force-desktop) body.cabana-page .v77-look-grid figure:last-child > img {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
  }
}

/* The supplied Pride thong photograph contains a five-pixel white edge. Crop
   only that baked edge while retaining the approved inter-card spacing. */
html body.pride-page .pride-styles .style-grid article:first-child {
  overflow: hidden !important;
}

html body.pride-page .pride-styles .style-grid article:first-child > img {
  width: 101% !important;
  max-width: none !important;
}

/* The boxer product board already contains its own gold perimeter. */
html body.noir-page #noir-boxer-360 {
  border-color: transparent !important;
}