/* =============================================================================
   Options in popup - pbuy panel + Bootstrap modal chrome
   Matches design/homepage-redesign/product-buy-panel.html
   Overrides catalog/view/theme/default/stylesheet/options_in_popup.css
   ============================================================================= */

#options_in_popup,
#mbOipModalMount #options_in_popup,
.modal .modal-content.oip-popup-container {
  --bone: #f2efe4;
  --paper: #fbf8f0;
  --muted: #6f6a62;
  --moss-deep: #122418;
  --ink: var(--moss-deep);
  --rule: var(--moss-deep);
  --hairline: rgba(18, 36, 24, 0.18);
  --serif: 'Nantes-Upright', 'Cormorant Garamond', 'Times New Roman', serif;
  --italic: 'Nantes-Italic', 'Cormorant Garamond', 'Times New Roman', serif;
  --sans: 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --sans-bold: 'DM Sans Bold', 'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --fs-cap: 0.62rem;
  --fs-micro: 0.45rem;
  --fs-field: 0.875rem;
  --tracked: 0.18em;
  --moss: #1c3a2c;
  --moss-tint: #2e5340;
  --moss-btn: #23503b;
  --lime: #d4ff1c;
  --terracotta: #c2613a;
  --oip-pad-inline: 1.2rem;
}

/* Bootstrap dialogs that reuse OIP popup chrome */
.modal .modal-dialog:has(.oip-popup-container) {
  width: 100%;
  max-width: min(490px, calc(100vw - 2.5rem));
  margin: 1.25rem auto;
}

/* - Bootstrap OIP modal shell
   z-index above .sidebar-opacity (10060) from homepage-redesign.css - */
.modal.oip-modal {
  --oip-modal-width: 490px;
  --oip-pad-inline: 1.2rem;
  z-index: 10100 !important;
}

.modal.oip-modal .modal-dialog {
  width: 100%;
  max-width: min(var(--oip-modal-width, 490px), calc(100vw - 2.5rem));
  margin: 1.25rem auto;
  padding: 0;
  pointer-events: auto;
  overflow: hidden;
  overscroll-behavior: contain;
}

.modal.oip-modal .modal-backdrop,
.modal-backdrop.in,
.modal-backdrop.show {
  background: rgba(0, 0, 0, 0.55) !important;
  z-index: 10090 !important;
}

#mbOipModalMount {
  width: 100%;
  max-width: min(var(--oip-modal-width, 490px), calc(100vw - 2.5rem));
  margin: 0 auto;
  background: transparent;
  pointer-events: auto;
}

/* Bootstrap tooltips default to z-index 1070 - must sit above the modal (10100) */
.tooltip {
  z-index: 10200 !important;
}
.tooltip-inner {
  border: 1px solid #000;
}

html.oip-open,
body.oip-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.oip-open {
  touch-action: none;
}

body.oip-open .modal.oip-modal,
body.oip-open .modal.oip-modal #options_in_popup,
body.oip-open .modal.oip-modal .oip-popup-scroll {
  touch-action: pan-y;
}

/* - Modal shell (= pbuy-modal__dialog) - */
#options_in_popup.oip-popup-container,
#options_in_popup.zoom-anim-dialog,
.modal .modal-content.oip-popup-container {
  width: 100% !important;
  max-width: min(var(--oip-modal-width), calc(100vw - 2.5rem)) !important;
  max-height: min(92vh, calc(100dvh - 2.5rem)) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--bone) !important;
  color: var(--ink) !important;
  font-family: var(--sans) !important;
  border: 1px solid var(--ink) !important;
  border-radius: 0 !important;
  box-shadow: 12px 14px 0 rgba(30, 30, 30, 0.12) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#options_in_popup .oip-popup-content,
.modal .oip-popup-container .oip-popup-content {
  position: relative !important;
  background: var(--bone) !important;
  color: var(--ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* - Header (= pbuy-modal__head) - */
#options_in_popup .pbuy-modal__head,
#options_in_popup .oip-popup-header,
.modal .oip-popup-container .pbuy-modal__head,
.modal .oip-popup-container .oip-popup-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1.25rem var(--oip-pad-inline, 1.2rem) 1rem !important;
  border-bottom: 1px solid var(--hairline) !important;
  background: var(--paper) !important;
  margin: 0 !important;
  min-height: 0 !important;
  flex-shrink: 0 !important;
}

/* Small product thumbnail at the start of the header */
#options_in_popup .pbuy-modal__head .oip-product-thumb,
#options_in_popup .oip-popup-header .oip-product-thumb {
  flex-shrink: 0 !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border: 1px solid var(--hairline) !important;
  border-radius: 0 !important;
  align-self: flex-start !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Product name - match .mb-spec-card__title (catalogue product card) */
#options_in_popup .pbuy-modal__title,
#options_in_popup .mb-spec-card__title,
#options_in_popup .oip-popup-title,
.modal .oip-popup-container .pbuy-modal__title,
.modal .oip-popup-container .mb-spec-card__title,
.modal .oip-popup-container .oip-popup-title {
  flex: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--serif) !important;
  font-variation-settings: 'wght' 400;
  font-weight: normal;
  font-size: 1.2rem !important;
  line-height: 1.15 !important;
  letter-spacing: normal !important;
  color: var(--ink) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

#options_in_popup .pbuy-modal__title em,
#options_in_popup .mb-spec-card__title em,
.modal .oip-popup-container .pbuy-modal__title em,
.modal .oip-popup-container .mb-spec-card__title em {
  display: block !important;
  font-family: var(--italic) !important;
  font-variation-settings: 'wght' 400;
  font-weight: normal;
  font-style: italic !important;
  font-size: 0.95rem !important;
  color: var(--muted) !important;
  letter-spacing: normal !important;
  margin-top: 0 !important;
}

/* Close in header - square, not legacy circle */
#options_in_popup .pbuy-modal__head .oip-close,
#options_in_popup button.oip-close,
.modal .oip-popup-container .pbuy-modal__head .oip-close,
.modal .oip-popup-container .pbuy-modal__head .pbuy-modal__close,
.modal .oip-popup-container button.oip-close,
#updateAddressModal .oip-close,
#ticketLoginModal .oip-close {
  position: static !important;
  flex-shrink: 0 !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--ink) !important;
  border-radius: 0 !important;
  background: var(--bone) !important;
  color: var(--ink) !important;
  font-size: 1.35rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
  filter: none !important;
  float: none !important;
  right: auto !important;
  top: auto !important;
  text-shadow: none !important;
  font-weight: normal !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

#options_in_popup .oip-close:hover,
#options_in_popup .oip-close:focus,
.modal .oip-popup-container .oip-close:hover,
.modal .oip-popup-container .oip-close:focus:hover,
#updateAddressModal .oip-close:hover,
#updateAddressModal .oip-close:focus:hover,
#ticketLoginModal .oip-close:hover,
#ticketLoginModal .oip-close:focus:hover {
  background: var(--ink) !important;
  color: var(--bone) !important;
  opacity: 1 !important;
}

.modal .oip-popup-container .oip-close:focus:not(:hover),
#updateAddressModal .oip-close:focus:not(:hover),
#ticketLoginModal .oip-close:focus:not(:hover) {
  background: var(--bone) !important;
  color: var(--ink) !important;
  opacity: 1 !important;
}

.modal .oip-popup-container .oip-close:focus-visible,
#updateAddressModal .oip-close:focus-visible,
#ticketLoginModal .oip-close:focus-visible {
  background: var(--ink) !important;
  color: var(--bone) !important;
  opacity: 1 !important;
}

#options_in_popup .oip-close:active,
.modal .oip-popup-container .oip-close:active,
#updateAddressModal .oip-close:active,
#ticketLoginModal .oip-close:active {
  top: auto !important;
}

.modal .oip-popup-container .oip-close.close,
#updateAddressModal .oip-close.close,
#ticketLoginModal .oip-close.close {
  text-shadow: none !important;
  font-weight: normal !important;
}

.modal .oip-popup-container .oip-close.close span,
#updateAddressModal .oip-close.close span,
#ticketLoginModal .oip-close.close span {
  display: none !important;
}

/* Beat legacy Bootstrap .modal-header button.close (black circle) on OIP dialogs */
.modal .oip-popup-container .pbuy-modal__head button,
.modal .oip-popup-container .oip-popup-header button,
.modal .oip-popup-container .modal-header button.close,
#updateAddressModal .pbuy-modal__head button,
#ticketLoginModal .pbuy-modal__head button {
  position: static !important;
  right: auto !important;
  top: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#options_in_popup .oip-popup-body,
#options_in_popup .pbuy-modal__body,
.modal .oip-popup-container .oip-popup-body,
.modal .oip-popup-container .pbuy-modal__body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sans) !important;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#options_in_popup #oip-product.pbuy {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#options_in_popup .oip-popup-scroll,
.modal .oip-popup-container .oip-popup-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 1.2rem var(--oip-pad-inline, 1.2rem) !important;
}

.modal .oip-popup-container .oip-popup-scroll > p {
  margin: 0;
  color: var(--muted);
  font-size: 0.875rem;
  line-height: 1.55;
}

#options_in_popup .oip-popup-footer,
#options_in_popup .pbuy-modal__foot,
.modal .oip-popup-container .oip-popup-footer,
.modal .oip-popup-container .pbuy-modal__foot {
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 1rem var(--oip-pad-inline, 1.2rem) 1.2rem !important;
  border-top: 1px solid var(--hairline) !important;
  background: var(--paper) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.85rem !important;
}

#options_in_popup .oip-popup-body #oip-product,
#options_in_popup .pbuy-modal__body .pbuy {
  font-size: inherit !important;
}

#options_in_popup .oip-options-block {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#options_in_popup .pbuy {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  padding: 0 !important;
  background: transparent !important;
}

#options_in_popup .oip-popup-scroll > .oip-options-block,
#options_in_popup .oip-popup-scroll > .oip-product-description {
  margin: 0 !important;
}


/* - Options row - frame + gift sit together on the left - */
#options_in_popup .pbuy__options-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 1.25rem 1.5rem !important;
  padding-bottom: 0 !important;
  clear: both !important;
}

#options_in_popup .pbuy__options-row > .pbuy__block,
#options_in_popup .pbuy__options-row > #FrameColour,
#options_in_popup .pbuy__options-row > #BaroqueCorners,
#options_in_popup .pbuy__options-row > #GiftWrap {
  flex: 0 0 auto !important;
  width: auto !important;
}

#options_in_popup .pbuy__block,
#options_in_popup #FrameColour,
#options_in_popup #BaroqueCorners,
#options_in_popup #GiftWrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}

#options_in_popup .pbuy__label,
#options_in_popup .pbuy__block > .control-label,
#options_in_popup #FrameColour > .control-label,
#options_in_popup #GiftWrap > .control-label {
  font-family: var(--sans-bold) !important;
  font-weight: normal !important;
  font-variation-settings: normal !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  height: auto !important;
  top: auto !important;
  color: var(--ink) !important;
}

#options_in_popup .pbuy__label .req {
  color: #bb1a32 !important;
  margin-right: 0.12em !important;
}

#options_in_popup div.required > .control-label::before,
#options_in_popup div.required > .control-label::after,
#options_in_popup div.required > .pbuy__label::before,
#options_in_popup div.required > .pbuy__label::after {
  display: none !important;
  content: none !important;
}

/* - First Frame - same circular swatches as frame colour (row above frame/gift) - */
#options_in_popup #FirstFrame.pbuy__block--first-frame {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  margin: 0 0 1rem !important;
  float: none !important;
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
}

#options_in_popup #FirstFrame .pbuy__swatches--square {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: flex-start !important;
}

#options_in_popup #FirstFrame .radio {
  display: inline-block !important;
  margin: 0 !important;
}

#options_in_popup #FirstFrame .name-option {
  display: none !important;
}

/* - Text radio options - */
#options_in_popup .pbuy__radios {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.45rem !important;
}

#options_in_popup .pbuy__radios .radio {
  display: block !important;
  margin: 0 !important;
}

#options_in_popup .pbuy__radio {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sans) !important;
  font-size: 0.85rem !important;
  line-height: 1.35 !important;
  color: var(--ink) !important;
  cursor: pointer !important;
  font-weight: 400 !important;
}

#options_in_popup .pbuy__radio input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

#options_in_popup .pbuy__radio-mark {
  flex-shrink: 0 !important;
  width: 17px !important;
  height: 17px !important;
  border: 1.5px solid var(--ink) !important;
  border-radius: 50% !important;
  background: var(--paper) !important;
  position: relative !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

#options_in_popup .pbuy__radio-mark::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 7px !important;
  height: 7px !important;
  margin: -3.5px 0 0 -3.5px !important;
  border-radius: 50% !important;
  background: var(--terracotta) !important;
  transform: scale(0) !important;
  transition: transform 0.15s ease !important;
}

#options_in_popup .pbuy__radio input:checked + .pbuy__radio-mark {
  border-color: var(--terracotta) !important;
  box-shadow: 0 0 0 1px var(--terracotta) !important;
}

#options_in_popup .pbuy__radio input:checked + .pbuy__radio-mark::after {
  transform: scale(1) !important;
}

#options_in_popup .pbuy__radio input:focus-visible + .pbuy__radio-mark {
  outline: 2px solid var(--terracotta) !important;
  outline-offset: 2px !important;
}

#options_in_popup .pbuy__option-price {
  font-size: 0.72em !important;
  line-height: 1.35 !important;
  color: var(--muted) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

/* - Checkbox options (e.g. Do Not Include) - */
#options_in_popup .pbuy__checks {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem 1rem !important;
  align-items: center !important;
}

#options_in_popup .pbuy__checks .checkbox {
  display: inline-block !important;
  margin: 0 !important;
}

#options_in_popup .pbuy__check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sans) !important;
  font-size: 0.85rem !important;
  line-height: 1.35 !important;
  color: var(--ink) !important;
  cursor: pointer !important;
  font-weight: 400 !important;
  background: transparent !important;
  border-radius: 0 !important;
  height: auto !important;
}

#options_in_popup .pbuy__check input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

#options_in_popup .pbuy__check-mark {
  flex-shrink: 0 !important;
  width: 17px !important;
  height: 17px !important;
  border: 1.5px solid var(--ink) !important;
  background: var(--paper) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.15s ease, border-color 0.15s ease !important;
}

#options_in_popup .pbuy__check-mark::after {
  content: '' !important;
  width: 9px !important;
  height: 5px !important;
  border-left: 2px solid var(--ink) !important;
  border-bottom: 2px solid var(--ink) !important;
  transform: rotate(-45deg) scale(0) !important;
  margin-bottom: 2px !important;
  transition: transform 0.15s ease !important;
}

#options_in_popup .pbuy__check input:checked + .pbuy__check-mark {
  background: var(--lime) !important;
  border-color: var(--ink) !important;
}

#options_in_popup .pbuy__check input:checked + .pbuy__check-mark::after {
  transform: rotate(-45deg) scale(1) !important;
}

#options_in_popup .pbuy__check input:focus-visible + .pbuy__check-mark {
  outline: 2px solid var(--terracotta) !important;
  outline-offset: 2px !important;
}

#options_in_popup .pbuy__swatches,
#options_in_popup #FrameColour [id^="input-option"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}

#options_in_popup .pbuy__swatches .radio,
#options_in_popup #FrameColour .radio,
#options_in_popup #BaroqueCorners .radio {
  display: inline-block !important;
  margin: 0 !important;
}

/* Swatch chooser - 2px ink border at rest; 3px + ring when selected; circular */
#options_in_popup .pbuy__swatches .radio label,
#options_in_popup .pbuy__swatches label.pbuy__swatch,
#options_in_popup #FrameColour .radio label,
#options_in_popup #BaroqueCorners .radio label,
#options_in_popup #FirstFrame .radio label,
#options_in_popup #FirstFrame label.pbuy__swatch,
#options_in_popup #GiftWrap label.pbuy__swatch {
  position: relative !important;
  display: block !important;
  width: 56px !important;
  height: 56px !important;
  padding: 4px !important;
  margin: 0 !important;
  line-height: 0 !important;
  border: 2px solid var(--ink) !important;
  border-radius: 50% !important;
  background: var(--paper) !important;
  box-shadow: none !important;
  outline: none !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: border-width 0.15s ease, box-shadow 0.15s ease !important;
  flex-shrink: 0 !important;
}

/* Hover */
#options_in_popup .pbuy__swatches .radio label:hover,
#options_in_popup #FrameColour .radio label:hover,
#options_in_popup #BaroqueCorners .radio label:hover,
#options_in_popup #FirstFrame .radio label:hover,
#options_in_popup #FirstFrame label.pbuy__swatch:hover,
#options_in_popup #GiftWrap label.pbuy__swatch:hover {
  box-shadow: 0 0 0 1px var(--ink) !important;
  border-width: 2px !important;
}

/* Selected - :has(:checked) matches any browser that supports it (all modern) */
#options_in_popup .pbuy__swatches .radio label:has(:checked),
#options_in_popup #FrameColour .radio label:has(:checked),
#options_in_popup #BaroqueCorners .radio label:has(:checked),
#options_in_popup #FirstFrame .radio label:has(:checked),
#options_in_popup #FirstFrame label.pbuy__swatch:has(:checked),
#options_in_popup #GiftWrap label.pbuy__swatch:has(:checked) {
  border-color: var(--terracotta) !important;
  border-width: 2px !important;
  padding: 4px !important;
  box-shadow: 0 0 0 1px var(--terracotta) !important;
}

#options_in_popup .pbuy__swatches .radio input,
#options_in_popup #FrameColour [type="radio"],
#options_in_popup #BaroqueCorners [type="radio"],
#options_in_popup #FirstFrame [type="radio"],
#options_in_popup #GiftWrap [type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

#options_in_popup .pbuy__swatches .radio img,
#options_in_popup .pbuy__swatches .radio .img-thumbnail,
#options_in_popup #FrameColour [type="radio"] + img,
#options_in_popup #BaroqueCorners [type="radio"] + img,
#options_in_popup #FirstFrame [type="radio"] + img,
#options_in_popup .oip-options-block #FirstFrame [type="radio"] + img,
#options_in_popup #FirstFrame [type="radio"]:checked + img,
#options_in_popup .oip-options-block #FirstFrame [type="radio"]:checked + img,
#options_in_popup #GiftWrap [type="checkbox"] + img,
#options_in_popup .pbuy__gift label.pbuy__swatch img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  object-fit: cover !important;
  box-shadow: none !important;
  outline: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Kill global product-page swatch highlights (orange/red box-shadow on img) */
#options_in_popup #FrameColour [type="radio"] + img,
#options_in_popup #BaroqueCorners [type="radio"] + img,
#options_in_popup #FirstFrame [type="radio"] + img,
#options_in_popup #GiftWrap [type="checkbox"] + img,
#options_in_popup .oip-options-block #FrameColour [type="radio"] + img,
#options_in_popup .oip-options-block #BaroqueCorners [type="radio"] + img,
#options_in_popup .oip-options-block #FirstFrame [type="radio"] + img,
#options_in_popup .oip-options-block #GiftWrap [type="checkbox"] + img,
#options_in_popup #FrameColour [type="radio"]:checked + img,
#options_in_popup #BaroqueCorners [type="radio"]:checked + img,
#options_in_popup #FirstFrame [type="radio"]:checked + img,
#options_in_popup #GiftWrap [type="checkbox"]:checked + img,
#options_in_popup .oip-options-block #FrameColour [type="radio"]:checked + img,
#options_in_popup .oip-options-block #BaroqueCorners [type="radio"]:checked + img,
#options_in_popup .oip-options-block #FirstFrame [type="radio"]:checked + img,
#options_in_popup .oip-options-block #GiftWrap [type="checkbox"]:checked + img {
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
  padding: 0 !important;
}

#options_in_popup .pbuy__swatches .name-option {
  display: none !important;
}

#options_in_popup .pbuy__gift,
#options_in_popup .pbuy__gift-inner,
#options_in_popup #GiftWrap .option {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  flex-wrap: nowrap !important;
}

#options_in_popup .pbuy__gift .pbuy__swatch,
#options_in_popup #GiftWrap .option > label {
  flex-shrink: 0 !important;
  width: 56px !important;
  height: 56px !important;
}

#options_in_popup .pbuy__gift-text {
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
  color: var(--ink) !important;
}


#options_in_popup #FrameColour + #GiftWrap {
  margin: 0 !important;
}

/* - buy__meta / pp-spec-index (match #pgprod product page) - */
#options_in_popup .buy__meta {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  --pp-type: 'Courier New', Courier, ui-monospace, monospace;
  --pp-type-size: 0.75rem;
}

#options_in_popup .oip-buy-meta {
  flex-shrink: 0 !important;
  padding: 1rem var(--oip-pad-inline, 1.2rem) !important;
  border-top: 1px solid var(--hairline) !important;
  background: var(--paper) !important;
}

#options_in_popup .buy__meta .buy__key-data {
  padding: 1rem 1.15rem !important;
  border: 1px solid var(--ink) !important;
  background: var(--paper) !important;
}

#options_in_popup .buy__meta .pp-spec-index__rows {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.65rem !important;
}

#options_in_popup .buy__meta .production-meta,
#options_in_popup .buy__meta #oip-production-time-container.production-meta {
  display: none !important;
}

#options_in_popup .buy__meta #oip-production-time-container.production-meta.is-loaded {
  display: contents !important;
}

#options_in_popup .buy__meta .pp-spec-index__row,
#options_in_popup .buy__meta .buy__price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#options_in_popup .buy__meta .buy__price-row {
  align-items: baseline !important;
  min-height: 2.25rem !important;
  height: auto !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

#options_in_popup .buy__meta .pp-spec-index__label {
  font-family: var(--italic) !important;
  font-variation-settings: 'wght' 400;
  font-weight: normal;
  font-style: italic !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  color: var(--ink) !important;
  white-space: nowrap !important;
  background: var(--paper) !important;
  padding-right: 0.35rem !important;
}

#options_in_popup .buy__meta .pp-spec-index__label b {
  font-family: var(--serif) !important;
  font-variation-settings: 'wght' 700;
  font-weight: normal;
  font-style: normal !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
}

#options_in_popup .buy__meta .pp-spec-index__dots {
  flex: 1 !important;
  min-width: 1rem !important;
  border-bottom: 2px dotted var(--hairline) !important;
  transform: translateY(-0.22em) !important;
}

#options_in_popup .buy__meta .buy__price-row .pp-spec-index__dots {
  transform: translateY(-0.28em) !important;
}

#options_in_popup .buy__meta .pp-spec-index__value {
  flex-shrink: 0 !important;
  min-width: 0 !important;
  font-family: var(--pp-type) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
  color: var(--ink) !important;
  text-align: right !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.35rem !important;
  background: var(--paper) !important;
  padding-left: 0.35rem !important;
}

#options_in_popup .buy__meta .pp-spec-index__value .js-oip-points-earn {
  font-family: inherit !important;
  font-weight: inherit !important;
}

#options_in_popup .buy__meta .pp-spec-index__value .delivery-info-icon.mc__info,
#options_in_popup .buy__meta .pp-spec-index__value .delivery-info-icon--pin {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: 14px !important;
  height: 14px !important;
  color: var(--ink) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  position: relative !important;
  top: 0 !important;
}

#options_in_popup .buy__meta .pp-spec-index__value .delivery-info-icon svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

#options_in_popup .buy__meta .buy__price-lead {
  flex-shrink: 0 !important;
  font-family: var(--serif) !important;
  font-variation-settings: 'wght' 400;
  font-weight: normal;
  font-size: 1.75rem !important;
  line-height: 1 !important;
  color: var(--ink) !important;
  white-space: nowrap !important;
  position: relative !important;
  top: 0.08rem !important;
  background: var(--paper) !important;
  padding-right: 0.35rem !important;
}

#options_in_popup .buy__meta .buy__price-row .buy__price-alt {
  line-height: 1.2 !important;
}

#options_in_popup .buy__meta .buy__price-lead .ajax-special-product,
#options_in_popup .buy__meta .buy__price-lead .js-oip-total-special {
  color: var(--moss) !important;
  font-weight: 500 !important;
}

#options_in_popup .buy__meta .buy__price-lead .buy__price-was {
  margin-left: 0.35rem !important;
  font-family: var(--italic) !important;
  font-variation-settings: 'wght' 400;
  font-weight: normal;
  font-style: italic !important;
  font-size: 0.72em !important;
  color: var(--moss) !important;
  text-decoration: line-through !important;
  text-decoration-color: currentColor !important;
}

#options_in_popup .buy__meta .buy__price-alt {
  flex-shrink: 0 !important;
  min-width: 0 !important;
  font-family: var(--pp-type) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
  color: var(--ink) !important;
  text-align: right !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 0.2rem !important;
  background: var(--paper) !important;
  padding-left: 0.35rem !important;
}

#options_in_popup .buy__meta .buy__price-or {
  font-family: var(--italic) !important;
  font-variation-settings: 'wght' 400;
  font-weight: normal;
  font-style: italic !important;
  font-size: inherit !important;
  letter-spacing: normal !important;
  color: var(--muted) !important;
}

@media (max-width: 767px) {
  #options_in_popup .buy__meta .buy__key-data {
    padding: 0.9rem 1rem !important;
  }

  #options_in_popup .buy__meta .pp-spec-index__rows {
    gap: 0.65rem !important;
  }

  #options_in_popup .buy__meta .buy__price-lead {
    font-size: 1.5rem !important;
    top: 0.08rem !important;
  }

  #options_in_popup .buy__meta .buy__price-row {
    min-height: 2rem !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  #options_in_popup .buy__meta .pp-spec-index__label,
  #options_in_popup .buy__meta .buy__price-alt,
  #options_in_popup .buy__meta .pp-spec-index__value {
    white-space: normal !important;
  }
}

/* - Actions - */
#options_in_popup .pbuy__actions,
#options_in_popup .oip-addtocart-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  margin: 0 !important;
}

#options_in_popup .pbuy__actions #builder,
#options_in_popup .oip-addtocart-block #builder {
  margin: 0 !important;
  padding: 0 !important;
}

#options_in_popup .pbuy__btn,
#options_in_popup #oip-button-cart,
#options_in_popup #button-builder {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 0.4rem 0.55rem !important;
  font-family: var(--sans-bold) !important;
  font-weight: normal !important;
  letter-spacing: var(--tracked) !important;
  text-transform: uppercase !important;
  text-align: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  line-height: 1.2 !important;
}

#options_in_popup #oip-button-cart span,
#options_in_popup .pbuy__btn span,
#options_in_popup #button-builder span {
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
}

#options_in_popup #oip-button-cart,
#options_in_popup .pbuy__btn--basket {
  min-height: 44px !important;
  font-size: clamp(0.68rem, 2.8vw, 0.75rem) !important;
  background: var(--ink) !important;
  color: var(--bone) !important;
}

#options_in_popup #oip-button-cart:hover {
  background: var(--terracotta-deep) !important;
  color: var(--bone) !important;
}

#options_in_popup #button-builder,
#options_in_popup .pbuy__btn--designer {
  min-height: 40px !important;
  font-size: 0.58rem !important;
  background: var(--moss-tint) !important;
  border: 1px solid var(--moss-tint) !important;
  color: var(--bone) !important;
  margin-top: 0 !important;
}

#options_in_popup #button-builder:hover,
#options_in_popup .pbuy__btn--designer:hover {
  background: var(--moss) !important;
  border-color: var(--moss) !important;
  color: var(--bone) !important;
}

#options_in_popup #button-builder .pbuy__new,
#options_in_popup #button-builder > span:first-child {
  color: var(--lime) !important;
}

#options_in_popup .oip-qty-block {
  display: none !important;
}

#options_in_popup .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Product-page option markup inside OIP (inherits product-page-hero.css via #pgprod wrapper) */
#options_in_popup #pgprod.oip-buy-options-scope {
  --opt-cabinet-tile: 65px;
  --opt-cabinet-grid-min: 56px;
  --opt-cabinet-gap: 1rem;
  --opt-cabinet-frame-pair: calc(var(--opt-cabinet-tile) * 2 + var(--opt-cabinet-gap));
  --opt-cabinet-foot-min: 2rem;
  --opt-cabinet-label-fs: 0.5rem;
  --opt-cabinet-price-fs: 0.48rem;
  --opt-cabinet-tick: 12px;
  margin: 0;
  padding: 0;
  background: transparent;
}

#options_in_popup #pgprod.oip-buy-options-scope .buy,
#options_in_popup #pgprod.oip-buy-options-scope #product {
  position: static;
  margin: 0 !important;
  padding: 0;
  background: transparent;
  width: 100%;
  max-width: 100%;
}

#options_in_popup #pgprod.oip-buy-options-scope .buy__options {
  gap: 1.25rem;
}

#options_in_popup #pgprod.oip-buy-options-scope .buy__options > .opt-row--frame-gift {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 1.25rem !important;
  width: fit-content !important;
  max-width: 100% !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift > #FrameColour.opt--cabinet,
#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift > #BaroqueCorners.opt--cabinet {
  display: block !important;
  width: var(--opt-cabinet-frame-pair) !important;
  max-width: var(--opt-cabinet-frame-pair) !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift > #GiftWrap.opt--gift-wrap {
  display: block !important;
  width: var(--opt-cabinet-tile) !important;
  max-width: var(--opt-cabinet-tile) !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift .opt-cabinet {
  display: grid !important;
  gap: var(--opt-cabinet-gap) !important;
  width: 100% !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift #FrameColour .opt-cabinet,
#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift #BaroqueCorners .opt-cabinet {
  grid-template-columns: repeat(2, var(--opt-cabinet-tile)) !important;
  width: var(--opt-cabinet-frame-pair) !important;
  max-width: var(--opt-cabinet-frame-pair) !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift #GiftWrap .opt-cabinet {
  grid-template-columns: var(--opt-cabinet-tile) !important;
  width: var(--opt-cabinet-tile) !important;
  max-width: var(--opt-cabinet-tile) !important;
}

/* Cabinet markup in OIP - neutralise legacy pbuy flex/circle swatch rules */
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour.opt--cabinet,
#options_in_popup #pgprod.oip-buy-options-scope #BaroqueCorners.opt--cabinet,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap.opt--gift-wrap {
  flex-direction: unset !important;
  gap: 0 !important;
}

/* Legacy square cabinet rules removed - disk tiles styled at end of file */

#options_in_popup #pgprod.oip-buy-options-scope .opt-cabinet__foot {
  padding: 0 0.15rem !important;
  gap: 0.06rem !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift .opt-cabinet__price {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  text-align: center !important;
  width: 100% !important;
  line-height: 1.15 !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-cabinet__name {
  color: var(--ink) !important;
}

#options_in_popup #pgprod.oip-buy-options-scope label.opt-cabinet__tile {
  line-height: normal !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .form-group > .control-label:first-child {
  color: var(--muted);
}

/* Neutralise legacy pbuy swatch rules when product markup is present */
#options_in_popup #pgprod.oip-buy-options-scope .pbuy__swatches,
#options_in_popup #pgprod.oip-buy-options-scope .pbuy__radios,
#options_in_popup #pgprod.oip-buy-options-scope .pbuy__checks {
  display: revert;
}

@media (min-width: 768px) {
  /* First Frame - fixed tiles in grid, no swipe on desktop */
  #options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet--scroll {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, var(--opt-cabinet-tile)) !important;
    gap: var(--opt-cabinet-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    justify-content: start !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  #options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet--scroll .opt-cabinet__tile {
    width: var(--opt-cabinet-tile) !important;
    max-width: var(--opt-cabinet-tile) !important;
    min-width: var(--opt-cabinet-tile) !important;
    flex: unset !important;
  }
}

@media (max-width: 767px) {
  /* First Frame - horizontal scroll, 3.5 tiles visible */
  #options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet--scroll {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: unset !important;
    align-items: stretch !important;
    gap: var(--opt-cabinet-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, #000 88%, transparent);
    mask-image: linear-gradient(to right, #000 88%, transparent);
  }

  #options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet--scroll::-webkit-scrollbar {
    display: none;
  }

  #options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet--scroll.is-scrolled-end {
    -webkit-mask-image: none;
    mask-image: none;
  }

  #options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet--scroll .opt-cabinet__tile {
    flex: 0 0 var(--opt-cabinet-tile) !important;
    width: var(--opt-cabinet-tile) !important;
    max-width: var(--opt-cabinet-tile) !important;
    min-width: var(--opt-cabinet-tile) !important;
  }
}

/* OIP disk tiles - frame colour, first frame, gift box (match product page) */
#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  container-type: inline-size;
  gap: 0.4rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--opt-cabinet-tile) !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  line-height: normal !important;
}

#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift .opt-cabinet__tile,
#options_in_popup #pgprod.oip-buy-options-scope .opt-row--frame-gift #GiftWrap .opt-cabinet__tile{
  display: flex !important;
  flex-direction: column !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__photo{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 1.5px solid var(--ink) !important;
  background: var(--bone) !important;
  transition: border-color 0.15s ease !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__photo::after,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__photo::after,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__photo::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__photo::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__photo::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__photo::after{
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 3px var(--bone) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  object-fit: cover !important;
  filter: grayscale(0.12) contrast(1.04) !important;
  transition: filter 0.35s ease, transform 0.35s ease !important;
  padding: 10px !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tick{
  position: absolute !important;
  left: 0.18rem !important;
  top: calc(100cqw - var(--opt-cabinet-tick) - 0.18rem) !important;
  margin: 0 !important;
  z-index: 3 !important;
  background: var(--bone) !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile:hover .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile:hover .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile:hover .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile:hover .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile:hover .opt-cabinet__img,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile:hover .opt-cabinet__img{
  filter: grayscale(0) contrast(1.06) !important;
  transform: scale(1.04) !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__foot,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__foot,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__foot,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__foot,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__foot,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__foot{
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 0.15rem !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__name{
  font-family: var(--serif) !important;
  font-weight: normal !important;
  font-size: 0.72rem !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  line-height: 1.2 !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__photo,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__photo{
  border-color: var(--terracotta) !important;
  border-width: 2px !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__tick,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__tick{
  background: var(--terracotta) !important;
  border-color: var(--terracotta) !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__tick::after,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__tick::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 4px !important;
  height: 7px !important;
  border: solid var(--bone) !important;
  border-width: 0 1.5px 1.5px 0 !important;
  transform: translate(-50%, -58%) rotate(45deg) !important;
}

#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile:has(:checked) .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile:has(:checked) .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile:has(:checked) .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #FirstFrame .opt-cabinet__tile.is-selected .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #FrameColour .opt-cabinet__tile.is-selected .opt-cabinet__name,
#options_in_popup #pgprod.oip-buy-options-scope #product #GiftWrap .opt-cabinet__tile.is-selected .opt-cabinet__name{
  color: var(--terracotta) !important;
}

/* Validation - legacy stylesheet hides #product .text-danger */
#options_in_popup #product .text-danger {
  display: block !important;
  margin-top: 0.45rem;
  font-family: var(--sans);
  font-size: 0.72rem;
  line-height: 1.35;
  color: #bb1a32 !important;
}

#options_in_popup #product .opt.has-error .opt__head .cap,
#options_in_popup #product .form-group.has-error > .control-label:first-child {
  color: #bb1a32 !important;
}

#options_in_popup #product .opt.has-error select.form-control,
#options_in_popup #product .form-group.has-error .form-control {
  border-color: #bb1a32 !important;
}

/* Gift wrap modal (migrated from Remodal) */
.gift-wrap-modal .giftproduct [type=radio],
.gift-wrap-modal .giftproduct [type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.gift-wrap-modal .giftproduct [type=radio] + img {
  width: 100%;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #122418;
}