/**
 * 文件职责：优惠券页面响应式样式。
 */
.page-marketing-coupon {
  @media (width <= 1200px) {
    .mcp-toolbar {
      flex-wrap: wrap;
    }

    .mcp-spacer {
      display: none;
    }

    .mcp-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width <= 768px) {
    .mcp-stats {
      grid-template-columns: 1fr;
    }

    .mcp-coupon {
      flex-direction: column;
    }

    .mcp-left {
      width: 100%;
      min-height: 88px;
    }

    .mcp-left::after {
      inset: auto auto -6px 50%;
      transform: translateX(-50%);
    }

    .mcp-progress-row {
      flex-wrap: wrap;
    }

    .mcp-progress-wrap {
      max-width: none;
    }
  }
}
