/*
 * Bazarestan 1.0.179.53 — final product UI consistency layer.
 * Fixes three cascade conflicts without changing the product-picker design:
 * 1) selected/unselected variation cards always keep identical geometry;
 * 2) legacy list margins/gaps cannot create oversized spaces;
 * 3) the sticky add-to-cart action cannot inherit an invisible white-on-white color.
 */

/* Variation geometry: one authoritative size for every interactive state. */
body .product-single .attributes .options,
body .product-single .attributes[data-v-d7b518b8] .options,
body .product-single .attributes.bz-v1798-variation-polish .options,
body .product-single .attributes.bz-force-list-variations .options,
body .product-single .attributes.bz-has-order-labels .options {
  gap: 7px !important;
  row-gap: 7px !important;
  column-gap: 7px !important;
  margin-block: 0 !important;
  margin-inline: 0 !important;
}

body .product-single .attributes .options > li,
body .product-single .attributes[data-v-d7b518b8] .options > li,
body .product-single .attributes.bz-v1798-variation-polish .options > li {
  box-sizing: border-box !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .product-single .attributes .options > li > label,
body .product-single .attributes .options > li > label:hover,
body .product-single .attributes .options > li > label.bz-option-selected,
body .product-single .attributes .options > li > label.bz-option-unavailable,
body .product-single .attributes[data-v-d7b518b8] .options > li > label,
body .product-single .attributes[data-v-d7b518b8] .options > li > label:hover,
body .product-single .attributes[data-v-d7b518b8] .options > li > label.bz-option-selected,
body .product-single .attributes[data-v-d7b518b8] .options > li > label.bz-option-unavailable,
body .product-single .attributes.bz-v1798-variation-polish .options > li > label,
body .product-single .attributes.bz-v1798-variation-polish .options > li > label:hover,
body .product-single .attributes.bz-v1798-variation-polish .options > li > label.bz-option-selected,
body .product-single .attributes.bz-v1798-variation-polish .options > li > label.bz-option-unavailable {
  box-sizing: border-box !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  translate: none !important;
  scale: none !important;
}

body .product-single .attributes .options > li > label > span.bz-variation-label-content,
body .product-single .attributes .options > li > label input[type="radio"] + span.bz-variation-label-content,
body .product-single .attributes .options > li > label input[type="radio"]:checked + span.bz-variation-label-content,
body .product-single .attributes[data-v-d7b518b8] .options > li > label > span.bz-variation-label-content,
body .product-single .attributes[data-v-d7b518b8] .options > li > label input[type="radio"] + span.bz-variation-label-content,
body .product-single .attributes[data-v-d7b518b8] .options > li > label input[type="radio"]:checked + span.bz-variation-label-content,
body .product-single .attributes.bz-v1798-variation-polish .options > li > label > span.bz-variation-label-content,
body .product-single .attributes.bz-v1798-variation-polish .options > li > label input[type="radio"] + span.bz-variation-label-content,
body .product-single .attributes.bz-v1798-variation-polish .options > li > label input[type="radio"]:checked + span.bz-variation-label-content {
  box-sizing: border-box !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  transform: none !important;
}

/* Mobile keeps the compact height that was already used by the selected state,
 * so selecting an option cannot change layout or push the page. */
@media (max-width: 575.98px) {
  body .product-single .attributes,
  body .product-single .attributes[data-v-d7b518b8],
  body .product-single .attributes.bz-v1798-variation-polish {
    gap: 9px !important;
  }

  body .product-single .attributes .options,
  body .product-single .attributes[data-v-d7b518b8] .options,
  body .product-single .attributes.bz-v1798-variation-polish .options,
  body .product-single .attributes.bz-force-list-variations .options,
  body .product-single .attributes.bz-has-order-labels .options {
    gap: 6px !important;
    row-gap: 6px !important;
    margin: 0 !important;
  }

  body .product-single .attributes .options > li,
  body .product-single .attributes[data-v-d7b518b8] .options > li,
  body .product-single .attributes.bz-v1798-variation-polish .options > li,
  body .product-single .attributes .options > li > label,
  body .product-single .attributes .options > li > label:hover,
  body .product-single .attributes .options > li > label.bz-option-selected,
  body .product-single .attributes .options > li > label.bz-option-unavailable,
  body .product-single .attributes[data-v-d7b518b8] .options > li > label,
  body .product-single .attributes[data-v-d7b518b8] .options > li > label:hover,
  body .product-single .attributes[data-v-d7b518b8] .options > li > label.bz-option-selected,
  body .product-single .attributes[data-v-d7b518b8] .options > li > label.bz-option-unavailable,
  body .product-single .attributes.bz-v1798-variation-polish .options > li > label,
  body .product-single .attributes.bz-v1798-variation-polish .options > li > label:hover,
  body .product-single .attributes.bz-v1798-variation-polish .options > li > label.bz-option-selected,
  body .product-single .attributes.bz-v1798-variation-polish .options > li > label.bz-option-unavailable,
  body .product-single .attributes .options > li > label > span.bz-variation-label-content,
  body .product-single .attributes .options > li > label input[type="radio"] + span.bz-variation-label-content,
  body .product-single .attributes .options > li > label input[type="radio"]:checked + span.bz-variation-label-content,
  body .product-single .attributes[data-v-d7b518b8] .options > li > label > span.bz-variation-label-content,
  body .product-single .attributes[data-v-d7b518b8] .options > li > label input[type="radio"] + span.bz-variation-label-content,
  body .product-single .attributes[data-v-d7b518b8] .options > li > label input[type="radio"]:checked + span.bz-variation-label-content,
  body .product-single .attributes.bz-v1798-variation-polish .options > li > label > span.bz-variation-label-content,
  body .product-single .attributes.bz-v1798-variation-polish .options > li > label input[type="radio"] + span.bz-variation-label-content,
  body .product-single .attributes.bz-v1798-variation-polish .options > li > label input[type="radio"]:checked + span.bz-variation-label-content {
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
  }
}

/* Sticky CTA: the primary/accent color is the authoritative visible action
 * color. This intentionally bypasses an old custom sticky-button value when it
 * resolves to white and makes the CTA disappear inside the light bar. */
html body .bz-sticky-action-bar .bz-sticky-action-bar__btn,
html body .bz-sticky-action-bar button.bz-sticky-action-bar__btn,
html body .bz-sticky-action-bar .btn.bz-sticky-action-bar__btn {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background-color: var(--bz-added-accent, var(--color-primary, var(--main-color, #e91e63))) !important;
  background-image: none !important;
  border-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}