/* PressPair V2061 — complete Pride color inventory and selector spacing.
   This layer keeps the approved V2058/V2060 double-gold photographic stage;
   it changes only control sizing and vertical rhythm. Boxer Brief retains its
   ten approved colors; Jockstrap and Thong add every Boxer color while also
   retaining their approved Hi-Vis Yellow, for eleven choices each. */

html body.pride-page .pp-v2047-champagne-frame .shop-options > label {
  box-sizing: border-box !important;
  min-height: 68px !important;
  align-content: start !important;
}

html body.pride-page .pp-v2047-champagne-frame .shop-options > label select,
html body.pride-page .pp-v2047-champagne-frame #size {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 54px !important;
  height: 54px !important;
  padding: 0 46px 0 16px !important;
  border: 1px solid rgba(210, 165, 75, .78) !important;
  border-radius: 10px !important;
  background-color: rgba(255, 255, 255, .94) !important;
  color: #061b34 !important;
  -webkit-text-fill-color: #061b34 !important;
  font: 700 16px/1 Arial, Helvetica, sans-serif !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 5px 14px rgba(6, 27, 52, .07) !important;
}

html body.pride-page .pp-v2047-champagne-frame #prideAddBtn {
  min-height: 62px !important;
  align-self: end !important;
}

/* At full desktop width, eleven colors occupy six balanced rows. A slightly
   taller approved stage preserves the original photographic scene and gives
   the sixth row, a useful size control, and the purchase summary room to
   breathe. The purchase button finishes at the bottom of the framed panel. */
@media (min-width: 901px) {
  html:not(.pp-mobile-mode) body.pride-page .pride-shop .shop-card.pp-v2047-champagne-frame {
    min-height: 820px !important;
    grid-template-rows: minmax(820px, 1fr) !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame .shop-visual,
  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame #shopImage {
    min-height: 820px !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame .shop-options {
    align-content: space-between !important;
    gap: 8px !important;
    padding-bottom: 22px !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame #colorButtons {
    gap: 6px 8px !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame #colorButtons button {
    min-height: 44px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame .shop-options > label {
    min-height: 76px !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame .shop-options > label select,
  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame #size {
    min-height: 58px !important;
    height: 58px !important;
    font-size: 17px !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame .selection-summary {
    min-height: 60px !important;
  }

  html:not(.pp-mobile-mode) body.pride-page .pp-v2047-champagne-frame #prideAddBtn {
    min-height: 64px !important;
  }
}

@media (max-width: 900px) {
  html body.pride-page .pp-v2047-champagne-frame .shop-options > label,
  html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame .shop-options > label {
    min-height: 66px !important;
  }

  html body.pride-page .pp-v2047-champagne-frame .shop-options > label select,
  html body.pride-page .pp-v2047-champagne-frame #size,
  html.pp-mobile-mode body.pride-page .pp-v2047-champagne-frame #size {
    min-height: 54px !important;
    height: 54px !important;
  }
}