/**
 * 文件职责：秒杀活动页面响应式样式。
 */
.page-marketing-seckill {
  @media (width <= 1200px) {
    .sk-toolbar {
      flex-wrap: wrap;
    }

    .sk-spacer {
      display: none;
    }
  }

  @media (width <= 768px) {
    .sk-card {
      padding: 14px;
    }

    .sk-card-hd {
      gap: 8px;
    }

    .sk-prod-row {
      flex-wrap: wrap;
      gap: 10px;
      align-items: flex-start;
    }

    .sk-prod-name,
    .sk-prod-prices {
      width: auto;
    }

    .sk-progress-wrap {
      width: 100%;
      min-width: 0;
    }

    .sk-card-summary {
      gap: 10px 16px;
    }

    .sk-stats {
      gap: 12px 18px;
    }
  }
}
