/** Shopify CDN: Minification failed

Line 67:0 Expected "}" to go with "{"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/
/* Sale badge - black background, white text */
.halo-productBadges.halo-productBadges .badge.sale-badge {
  background-color: #000000 !important;
  color: #ffffff !important;
}
/* Ella Theme - Variant Picker Override */
:root {
  --product-swatch-border-radius: 12px;
}

/* All available swatches - default unselected */
.product-form__label .text {
  background-color: #ffffff !important;
  color: #222222 !important;
  border-color: #CFCFCF !important;
  transition: border-color 0.2s ease !important;
}

/* Hover on unselected */
.product-form__label .text:hover {
  border-color: #566C7A !important;
  background-color: #ffffff !important;
}

/* Selected - only the checked radio's label */
.product-form__radio:checked + .product-form__label .text {
  background-color: #566C7A !important;
  color: #ffffff !important;
  border-color: #566C7A !important;
}

/* Button row spacing */
fieldset.product-form__input {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 749px) {
  .halo-productBadges .badge {
    font-size: 10px !important;
    padding: 3px 6px !important;
  }
}
@media (max-width: 749px) {
  .card-action .button {
    font-size: 11px !important;
    padding: 8px 10px !important;
    min-width: unset !important;
  }

