@media (max-width: 640px) {
  /* Transform modal into a bottom-anchored sheet to match Cart Drawer behavior */
  .clx-qv-modal {
    height: 100svh !important; /* Locks height to small viewport, preventing shift when address bar hides */
    bottom: auto !important;
    align-items: flex-end !important; /* Anchors to the bottom */
    padding-bottom: 0 !important; /* Removes floating gap */
  }
  .clx-qv-modal__dialog {
    max-height: 100svh !important;
    height: 100svh !important;
    border-radius: 0 !important; /* Full screen usually looks better with square corners */
    margin-bottom: 0 !important;
  }
  .clx-qv__actions {
    grid-template-columns: 1fr !important;
    position: sticky !important;
    bottom: -16px !important; /* Anchors perfectly flush to the dialog's padding-box */
    width: calc(100% + 32px) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin: 16px -16px -16px -16px !important;
    padding: 16px 16px calc(20px + env(safe-area-inset-bottom, 0px)) 16px !important; /* Auto-adapts to native OS bars */
    background: rgba(10, 18, 24, 0.96) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-top: 1px solid rgba(39, 240, 138, 0.12) !important;
    z-index: 20 !important;
    border-bottom-left-radius: 0 !important; /* Flat bottom */
    border-bottom-right-radius: 0 !important; /* Flat bottom */
    box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.2) !important;
    align-self: center !important;
  }
}