/* Add to cart — views/sections/add_to_cart.php, the buy box also printed by product_hero and buy_now.
   Phones and narrow columns: quantity + main button on one row, the second button full width below. */

.pd-buy {
  display: grid;
  gap: 1.15rem;
  min-width: 0;
}

.pd-buy__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.65rem;
}

.pd-buy__actions .pd-qty {
  flex: none;
}

.pd-buy__btn {
  flex: 1 1 12rem;
  min-width: 0;
}

.pd-buy__btn .icon {
  width: 1.15em;
  height: 1.15em;
}

.pd-buy__btn.is-soldout {
  opacity: 0.55;
}

.pd-buy__stock .stock {
  margin: 0;
}

.pd-buy__pay {
  display: grid;
  justify-items: start;
  gap: 0.55rem;
}

.pd-buy__secure {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
  font-size: var(--step--1);
  font-weight: 600;
}

/* Centred buy boxes (fullscreen / centred hero, banners, centred sections). */
.pd-buy--center,
.rr-section--align-center .pd-buy {
  justify-items: center;
  text-align: center;
}

.pd-buy--center .pd-buy__actions,
.pd-buy--center .variant-picker__options,
.pd-buy--center .variant-picker__legend,
.rr-section--align-center .pd-buy__actions {
  justify-content: center;
}

.pd-buy--center .pd-buy__actions,
.pd-buy--center .variant-picker {
  width: 100%;
}

.pd-buy--center .pd-buy__pay,
.pd-buy--center .variant-picker__guide {
  justify-self: center;
  justify-items: center;
}