/** Shopify CDN: Minification failed

Line 46:1 Unexpected "346698"

**/
/* Keeps the variant swatches and quantity stepper on one row on mobile,
   instead of stacking, and aligns their control rows (swatches vs stepper). */
@media screen and (max-width: 749px) {
  .group-block-content.layout-panel-flex--row {
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
  }

  .group-block-content.layout-panel-flex--row variant-picker {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Forces "Colour Eucalyptus Brown" onto one line instead of wrapping,
     shrinking slightly and truncating with an ellipsis only if it
     still doesn't fit, rather than hiding it outright. */
  .group-block-content.layout-panel-flex--row fieldset.variant-option legend {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    max-width: 100% !important;
    font-size: 1rem !important;
  }

  .group-block-content.layout-panel-flex--row .quantity-selector-wrapper {
    flex-shrink: 0 !important;
    position: relative !important;
    padding-top: 28px !important;
  }

  /* Adds a "Quantity" label above the stepper as an absolutely positioned
     overlay, matched in font-size to the Colour legend for alignment. */
  .group-block-content.layout-panel-flex--row .quantity-selector-wrapper::before {
    content: "Quantity";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1rem;
  }
}346698