/* Mobile Quick Order: keep option lists attached to their triggering select.
   The base stylesheet intentionally used a viewport bottom-sheet below 420px;
   this override restores an anchored dropdown without changing desktop/tablet. */
@media (max-width: 420px) {
  body.ir-page-home .ir-home-qo-card,
  body.ir-page-home .ir-home-qo-stage,
  body.ir-page-home .ir-home-qo-combobox {
    overflow: visible !important;
  }

  body.ir-page-home .ir-home-qo-combobox {
    position: relative;
  }

  body.ir-page-home .ir-home-qo-trigger[aria-expanded="true"] {
    position: relative;
    z-index: 1092;
    border-bottom-color: transparent;
    border-radius: 11px 11px 0 0;
    box-shadow: none;
  }

  body.ir-page-home .ir-home-qo-stage.is-complete .ir-home-qo-trigger[aria-expanded="true"] {
    border-radius: 11px 11px 0 0;
  }

  body.ir-page-home .ir-home-qo-menu {
    position: absolute;
    z-index: 1091;
    top: calc(100% - 1px);
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    max-height: min(48dvh, 360px);
    overflow: hidden;
    padding: 8px;
    border-radius: 0 0 14px 14px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .22);
  }

  body.ir-page-home .ir-home-qo-options {
    max-height: min(38dvh, 292px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  body.ir-page-home .ir-home-qo-search {
    position: sticky;
    top: 0;
    z-index: 2;
    background: inherit;
  }

  /* Keep mobile search comfortably tappable without turning the dropdown
     into a detached sheet. */
  body.ir-page-home .ir-home-qo-search input {
    height: 44px;
    font-size: 16px;
  }
}