/* The mobile checkout body scrolls as one document. Grid stretching must not
   squeeze the delivery form and order summary into the viewport height. */
@media (max-width:900px) {
  body#hobiart-ui.v8-store #checkoutModalWrap {
    padding:6px!important;
    align-items:center!important;
  }
  body#hobiart-ui.v8-store #checkoutModalWrap > .modal {
    width:100%!important;
    height:calc(100vh - 12px)!important;
    height:calc(100dvh - 12px)!important;
    max-height:calc(100vh - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    border-radius:16px!important;
  }
  body#hobiart-ui.v8-store #checkoutModalWrap .modal-header {
    padding:14px;
    align-items:center;
  }
  body#hobiart-ui.v8-store #checkoutModalWrap .modal-header > div {min-width:0;}
  body#hobiart-ui.v8-store #checkoutModalWrap [data-close-checkout] {flex-shrink:0;}
  body#hobiart-ui.v8-store #checkoutBody,
  body#hobiart-ui.v8-store #checkoutBody:has(.checkout-grid) {
    display:block;
    margin-top:0;
    padding:10px 10px max(16px,env(safe-area-inset-bottom));
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    scroll-padding-block:16px;
  }
  body#hobiart-ui.v8-store #checkoutBody .checkout-grid {
    height:auto;
    min-height:0;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:max-content;
    align-items:start;
    gap:12px!important;
  }
  body#hobiart-ui.v8-store #checkoutBody .checkout-grid > :is(.form-card,.order-card) {
    height:auto;
    min-height:auto;
    max-height:none;
    padding:14px;
    overflow:visible;
  }
  body#hobiart-ui.v8-store #checkoutFormGrid {grid-template-columns:minmax(0,1fr)!important;}
  body#hobiart-ui.v8-store #checkoutBody :is(.label,.success-card,.success-meta,.iban-card) {min-width:0;overflow-wrap:anywhere;}
  body#hobiart-ui.v8-store #checkoutBody :is(input,textarea,select) {min-width:0;max-width:100%;font-size:16px!important;}
  body#hobiart-ui.v8-store #checkoutBody .order-list {
    height:auto;
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  body#hobiart-ui.v8-store #checkoutBody .order-item {grid-template-columns:38px minmax(0,1fr);gap:8px;}
  body#hobiart-ui.v8-store #checkoutBody .order-item > strong {grid-column:2;text-align:right;}
  body#hobiart-ui.v8-store #checkoutBody .order-item img {width:38px;height:38px;}
  body#hobiart-ui.v8-store #checkoutBody .summary-row {gap:10px;flex-wrap:wrap;}
  body#hobiart-ui.v8-store #checkoutBody :is(.helper,.success-id,.summary-row strong) {overflow-wrap:anywhere;}
}