/* 文件职责：费用设置页面响应式规则。 */
.page-store-fees {
  @media (max-width: 768px) {
    .fees-field-grid {
      grid-template-columns: 1fr;
      gap: 14px;
    }

    .fees-input {
      width: 100%;
    }

    .other-fee-row {
      flex-wrap: wrap;
    }

    .other-fee-input-row {
      width: 100%;
      margin-left: 34px;
    }

    .other-fee-input {
      width: 100%;
    }

    .packaging-mode-panel {
      gap: 10px;
      padding: 12px;
    }

    .packaging-mode-header {
      flex-direction: column;
      gap: 6px;
      align-items: flex-start;
    }

    .packaging-mode-grid {
      grid-template-columns: 1fr;
      width: 100%;
    }

    .packaging-mode-card {
      min-height: 84px;
      padding: 10px 11px;
    }
  }
}

@media (max-width: 640px) {
  .drawer-range-row {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .drawer-input {
    width: 100%;
  }
}
