/* Sewing Land — компактная форма оформления для широких экранов.
   Подключать ПОСЛЕ checkout-layout-fix.css и checkout-form-spacing.css. */
@media (min-width: 720px) and (min-height: 650px) {
  #checkoutModal.checkout-modal {
    width: min(780px, calc(100vw - 32px));
    max-width: 780px;
    max-height: calc(100dvh - 24px);
    overflow-y: auto; /* защита при увеличенном масштабе или длинных сообщениях */
  }
  #checkoutModal .modal-body { padding: 24px 30px 20px; }
  #checkoutModal .modal-body h2 { margin: 10px 0 10px; }
  #checkoutModal .modal-body > p { margin: 8px 0 12px; }
  #checkoutModal .checkout-preview { padding: 12px 16px; margin: 10px 0 14px; }
  #checkoutModal .checkout-preview > div { padding: 7px 0; }
  #checkoutModal .sl-checkout-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 20px;
    row-gap: 12px;
    align-items: start;
  }
  #checkoutModal .sl-checkout-form > label:not(.sl-consent) {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
  }
  #checkoutModal .sl-checkout-form > label:not(.sl-consent) > input {
    margin-top: 7px;
    min-height: 46px;
  }
  #checkoutModal .sl-checkout-form > .sl-consent,
  #checkoutModal .sl-checkout-form > .notice,
  #checkoutModal .sl-checkout-form > button,
  #checkoutModal .sl-checkout-form > #cartCheckoutResult { grid-column: 1 / -1; }
  #checkoutModal .sl-checkout-form > .sl-consent { margin: 3px 0 0; }
  #checkoutModal .sl-checkout-form > .notice { margin: 0; font-size: 13px; }
  #checkoutModal .sl-checkout-form > button { justify-self: start; width: auto; margin: 0; }
  #checkoutModal .sl-checkout-form > #cartCheckoutResult { margin: 0; }
}