/* V52: Delivery mobile geometry after V51. Only layout; no checkout behavior changes. */
@media (max-width: 991.98px) {
  /* V9.2 sets flex-basis:240px for the confirmation text; V51 changes to column. */
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  .wb-order-delivery-form > .wb-order-region-confirm:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    padding: 12px !important;
  }
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  .wb-order-delivery-form > .wb-order-region-confirm > p {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  .wb-order-delivery-form > .wb-order-region-confirm > .wb-order-region-confirm__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px !important;
  }
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  .wb-order-region-confirm__actions > button {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
  }

  /* Earlier delivery CSS fixed details to 62px even when expanded. */
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  [data-wb-delivery-kind="courier"] > [data-wb-courier-details]:not([hidden]) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  /* Keep floating labels inside the grid's layout box, not above its clipped edge. */
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  [data-wb-courier-details]:not([hidden]) .wb-order-manual-fields.wb-order-door-auxiliary {
    box-sizing: border-box !important;
    padding: 12px 0 0 !important;
    overflow: visible !important;
  }
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  [data-wb-courier-details]:not([hidden]) .wb-order-manual-fields.wb-order-door-auxiliary > label.wb-order-field {
    box-sizing: border-box !important;
    position: relative !important;
    height: 74px !important;
    min-height: 74px !important;
    padding: 12px 0 0 !important;
    overflow: visible !important;
  }
  body.wb-order-page.wb-order-page--delivery .wb-order-main.wb-mobile-tabs-ready
  [data-wb-courier-details]:not([hidden]) .wb-order-manual-fields.wb-order-door-auxiliary > label.wb-order-field > span {
    top: 2px !important;
    left: 12px !important;
    z-index: 5 !important;
    width: auto !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    background: #fff !important;
  }
}