/** Shopify CDN: Minification failed

Line 182:0 Unexpected "}"

**/
/* 
  Checkout Button Customization
  Places accelerated checkout buttons to the right of Add to Cart on desktop
*/

/* Desktop-only styles (using existing breakpoint) */
@media screen and (min-width: 750px) {
  /* Target the product form buttons container to make it display as flex */
  .product-form-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  /* Make the add to cart button take less space */
  .product-form-buttons .add-to-cart-button {
    flex: 0 0 auto !important;
    width: 293px !important;
    min-width: 180px !important; /* Adjust as needed */
  }

  /* Make the accelerated checkout buttons container display inline */
  .product-form-buttons .accelerated-checkout-block {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
  }

  /* Override any stacked styles */
  .product-form-buttons.product-form-buttons--stacked {
    flex-direction: row !important;
  }

  /* Make sure the Shop Pay buttons display inline */
  .product-form-buttons .shopify-payment-button {
    flex-direction: row !important;
    display: flex !important;
    width: 293px !important;
    max-width: 293px !important;
  }
  shopify-accelerated-checkout {
    width: 293px !important;
    max-width: 293px !important;
  }

  /* Target specific buttons in the form */
  .product-form-buttons span[data-shopify-buttoncontainer] {
    width: auto !important;
    flex: 1 !important;
  }

  /* Override any hidden elements */
  .product-form-buttons .accelerated-checkout-block[hidden] {
    display: none !important;
  }

  /* Override theme-specific styles */
  .product-details .buy-buttons,
  .product-details [data-block-type="buy-buttons"],
  .product-details form.product-form,
  .product-details .product-form__buttons {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    align-items: center !important;
  }

  /* Ensure buttons have the same height */
  .product-form-buttons .button,
  .product-form-buttons button,
  .product-form-buttons .shopify-payment-button__button {
    height: var(--height-buy-buttons, 44px) !important;
    min-height: var(--height-buy-buttons, 44px) !important;
  }
}

/* Override specific instances where stacking might be forced */
.buy-buttons-block--buy_buttons_eYQEYi .product-form-buttons {
  flex-direction: row !important;
}

/* Override specific style that might be coming from the theme */
.product-details .shopify-payment-button {
  width: auto !important;
  min-width: 150px !important;
  margin-top: 0 !important;
}

/* Maintain the stacked layout on mobile */
@media screen and (max-width: 749px) {
add-to-cart-component {
    display: flex !important;
    justify-content: center !important;
}

  /* Force column layout for buttons */
  .product-form-buttons,
  .product-details .buy-buttons,
  .product-details [data-block-type="buy-buttons"],
  .product-details form.product-form,
  .product-details .product-form__buttons {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }


  .product-form-buttons .add-to-cart-button,
  .product-form-buttons .accelerated-checkout-block,
  .product-form-buttons button,
  .product-form-buttons .button,
  .product-form-buttons .shopify-payment-button__button,
  .buy-buttons-block .add-to-cart-button,
  .buy-buttons-block button[name="add"],
  .buy-buttons-block .button--add-to-cart {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Reset Shop Pay button width on mobile */
  .product-details .shopify-payment-button {
    width: 100% !important;
    display: block !important;
  }
  
  /* Target the buy buttons block container */
  .buy-buttons-block,
  span.buy-buttons-block {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Target the parent containers */
  .product-details,
  .product-information__grid {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  
  /* Target specific containers that might restrict width */
  .product-form,
  product-form-component,
  .product-form-buttons.spacing-style {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Remove any container padding that might be restricting full width */
  .product-details {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Fix for buttons that might have specific width values */
  .product-form .button--add-to-cart,
  .product-form button[name="add"],
  .product-form .shopify-payment-button__button {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
    margin-top: 10px !important;
  }
}