/* Alignment only: retain the original storefront button colors, type and shape.
   The response hook adds this attribute only on /cart and /checkout. */
body[data-ce-commerce-controls] #main :is(button, .btn, .checkout-primary, [role="button"], input[type="button"], input[type="submit"], input[type="reset"]),
body[data-ce-commerce-controls] .ce-cart-remove-dialog button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Keep the existing hidden auth modes and payment retry control hidden. */
body[data-ce-commerce-controls] #main [hidden] {
  display: none !important;
}

/* PAY is the requested exception. The existing checkout size is 13px at all
   breakpoints; keep its dynamic label and states, with exactly 2px more. */
body[data-ce-commerce-controls="checkout"] #main #ce-pay {
  justify-content: flex-end;
  text-align: right;
  font-size: 15px;
}

body[data-ce-commerce-controls="cart"] .ce-cart-shop {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}