/* 大框：边框红色、背景透明 */
.feemo-discount-wrapper{
  border: 2px solid #d63638; /* 红色边框 */
  border-radius: 10px;
  background: transparent;
  padding: 10px;
  margin-bottom: 20px;
}

/* 卡片容器：横向并排，自动换行 */
.feemo-discount-cards{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}

/* 单个卡片：默认情况下每行 4 个卡片，移动端每行 2 个 */
.feemo-discount-card{
  flex: 1 1 22%; /* 默认占 22% 宽度，4 列布局 */
  border: 1px solid #d63638; /* 红色边框 */
  border-radius: 8px;
  background: #fff;
  padding: 10px 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  margin-bottom: 0px;
  text-align: center;
}

/* 第一行：红色 EU + 价格 */
.feemo-card-price{
  color: #d63638;
  font-weight: 700;
  margin-bottom: 6px;
  font-size: 16px;
}

/* 第二行：📦 + 范围 */
.feemo-card-range{
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

/* 屏幕宽度小于 768px（手机端）时，调整卡片样式 */
@media (max-width: 768px) {
  .feemo-discount-card {
    flex: 1 1 48%;  /* 手机端显示为每行 2 个卡片（占 48% 宽度） */
    margin-bottom: 0px;
  }

  .feemo-card-price {
    font-size: 14px;
  }

  .feemo-card-range {
    font-size: 12px;
  }
}

/* 屏幕宽度大于 1200px（桌面端）时，调整卡片样式 */
@media (min-width: 1200px) {
  .feemo-discount-card {
    flex: 1 1 22%;  /* 桌面端显示为每行 4 个卡片（占 22% 宽度） */
  }
}

/* 增加卡片悬停效果 */
.feemo-discount-card:hover {
  box-shadow: 0 4px 6px rgba(0,0,0,.1);
  transform: translateY(-5px);
  transition: all 0.3s ease;
}