/** Shopify CDN: Minification failed

Line 16:16 Unexpected "{"
Line 16:25 Expected ":"
Line 16:31 Unexpected ","

**/
/* ============================================
   Custom Orange Pill Buttons
   Equal height - Quantity + Add to Cart same line
   Buy it now - full width second line
   ============================================ */

/* Hide original separate quantity block */
.product-form__quantity,
#Quantity-Form-{{ section.id }},
[id^='Quantity-Form-'] {
  display: none !important;
}

/* ROW 1: Quantity + Add to Cart - same line, equal height */
.product-form__buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* Quantity box inside buy-buttons - pill, same height as Add to Cart */
.custom-qty-inline {
  border-radius: 999px !important;
  min-height: 5.5rem !important;
  height: 5.5rem !important;
  width: 140px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

.custom-qty-inline:after {
  border-radius: 999px !important;
  box-shadow: 0 0 0 1.5px #b3b3b3 !important;
  pointer-events: none !important;
  content: '' !important;
  position: absolute !important;
  top: var(--inputs-border-width) !important;
  right: var(--inputs-border-width) !important;
  bottom: var(--inputs-border-width) !important;
  left: var(--inputs-border-width) !important;
  border: 0.1rem solid transparent !important;
  transition: box-shadow var(--duration-short) ease !important;
  z-index: 1 !important;
}

.custom-qty-inline:before {
  border-radius: 999px !important;
  box-shadow: none !important;
  background: rgb(var(--color-background)) !important;
  pointer-events: none !important;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: -1 !important;
}

.custom-qty-inline .quantity__input {
  font-weight: 800 !important;
  font-size: 1.8rem !important;
  color: #1a1a2e !important;
  opacity: 1 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  width: 100% !important;
  flex-grow: 1 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.custom-qty-inline .quantity__button {
  color: #1a1a2e !important;
  font-weight: 700 !important;
  font-size: 2rem !important;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  flex-shrink: 0 !important;
  min-width: 40px !important;
}

/* Add to Cart - orange outline pill, same height, flex grow */
.product-form__submit {
  flex: 1 !important;
  border-radius: 999px !important;
  background-color: #ffffff !important;
  color: #f5a94e !important;
  border: none !important;
  font-weight: 800 !important;
  font-size: 1.6rem !important;
  min-height: 5.5rem !important;
  height: 5.5rem !important;
}

.product-form__submit:before {
  border-radius: 999px !important;
  box-shadow: none !important;
}

.product-form__submit:after {
  border-radius: 999px !important;
  box-shadow: 0 0 0 1.5px #f5a94e !important;
}

.product-form__submit:not([disabled]):hover:after {
  box-shadow: 0 0 0 2px #f5a94e !important;
}

.product-form__submit:hover {
  background-color: #fff7ec !important;
  color: #f5a94e !important;
}

/* ROW 2: Buy it now - full width orange pill */
.shopify-payment-button {
  margin-top: 1rem !important;
  width: 100% !important;
}

.shopify-payment-button__button--unbranded {
  border-radius: 999px !important;
  background: #f5a94e !important;
  color: #1a1a2e !important;
  font-weight: 800 !important;
  font-size: 1.8rem !important;
  min-height: 5.5rem !important;
  width: 100% !important;
}

.shopify-payment-button__button--unbranded:before {
  border-radius: 999px !important;
  box-shadow: none !important;
}

.shopify-payment-button__button--unbranded:after {
  border-radius: 999px !important;
  box-shadow: none !important;
}

.shopify-payment-button__button--unbranded:hover {
  background: #f3a03e !important;
}

shopify-accelerated-checkout,
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-border-radius: 999px;
}