.block-product-buy-button-group .quantity-selector__input,
.block-product-buy-button-group .block-product-buy-button-wrapper {
  align-self: stretch;
}
.block-product-buy-button-group .block-product-buy-button-wrapper {
  flex-grow: 1;
}
.block-product-buy-button-group .payment-button-wrapper {
  width: 100%;
}
.block-product-buy-button-group .payment-button-wrapper.is-disabled {
  display: none;
}
.block-product-buy-button-group .payment-button-wrapper form {
  overflow: hidden;
}

/* Match product purchase actions to the tactical homepage palette. */
.product-detail__buy-button-group .block-product-buy-button {
  --color-button-background: 13, 15, 12;
  --color-button-text: 255, 255, 255;
  --color-button-secondary-background: 13, 15, 12;
  --color-button-secondary-text: 255, 255, 255;
  --color-button-secondary-border: 13, 15, 12;
}

.product-detail__buy-button-group .payment-button-wrapper .shopline-element-buy-now {
  --color-button-background: 233, 173, 36;
  --color-button-text: 13, 15, 12;
}

/* SHOPLINE injects the quick-pay button after page load with its own classes. */
.product-detail__buy-button-group .payment-button-wrapper .pay-button-buy-now,
.product-detail__buy-button-group .payment-button-wrapper .pay-button-buy-now button,
.product-detail__buy-button-group .payment-button-wrapper .pay-button-buy-now .pay-button-common-item,
.product-detail__buy-button-group .payment-button-wrapper .pay-button-buy-now .pay-button-common-item-express,
.product-detail__buy-button-group .payment-button-wrapper .pay-button-buy-now .express-payment-button-common-item {
  color: #0d0f0c !important;
  background: #e9ad24 !important;
  background-color: #e9ad24 !important;
  border-color: #e9ad24 !important;
}

.product-detail__buy-button-group .payment-button-wrapper .pay-button-buy-now * {
  color: #0d0f0c !important;
}

.product-detail__buy-button-group .block-product-buy-button,
.product-detail__buy-button-group .payment-button-wrapper .shopline-element-buy-now {
  font-weight: 800;
  letter-spacing: 0.04em;
}

@media (max-width: 959px) {
  .is-sticky > .block-product-buy-button-group {
    position: fixed;
    inset-block-end: var(--fixed-bottom, 0);
    inset-inline-start: 0;
    z-index: var(--z-index-sticky);
    width: 100%;
    padding: 20px var(--page-padding);
    background-color: rgba(var(--color-background));
    border-block-start: 1px solid rgba(var(--color-text), 0.05);
    box-shadow: 0 0 40px rgb(0 0 0 / 8%);
    animation: animation-slide-in-bottom 0.3s;
  }
}