@media (max-width: 720px) {
  .ant-drawer-content-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  .ant-drawer-content,
  .ant-drawer-body {
    width: 100%;
    max-width: 100vw;
  }

  .ant-drawer-body {
    padding: 16px !important;
    overflow-x: hidden !important;
  }

  .ant-form-item-control,
  .ant-form-item-control-input,
  .ant-form-item-control-input-content,
  .ant-input-affix-wrapper,
  .ant-input-number,
  .ant-picker,
  .ant-select,
  .ant-select-selector,
  .image-upload-field {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .ant-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
  }

  .ant-modal {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 12px auto;
  }

  .drawer-actions {
    flex-wrap: wrap;
    padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  .category-region-editor,
  .goods-native-table,
  .goodsform-editor,
  .benefit-editor {
    max-width: 100%;
    overflow-x: auto;
  }
}