.venue-special-offers {
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 60px auto 0;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.venue-special-offers__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.venue-special-offers__header h2 {
  margin: 0;
  color: var(--neutral-tx2-title);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-28);
}

.venue-special-offer-card__meta {
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.venue-special-offer-card .venue-filter-card__badges span {
  padding: var(--spacing-micro) var(--spacing-2xs);
  border-radius: var(--radius-xs);
  color: var(--semantic-white);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-16);
}

.venue-special-offer-card .venue-filter-card__badge--deal {
  background: rgba(168, 155, 226, 0.6);
}

.venue-special-offer-card .venue-filter-card__badge--bird {
  background: #8ec9d9;
}

.venue-special-offer-card .venue-filter-card__badge--seasonoff {
  background: rgba(136, 218, 170, 0.6);
}

.venue-special-offer-card .venue-filter-card__badge--new {
  background: rgba(230, 136, 136, 0.6);
}

.venue-special-offer-card .venue-filter-card__badge--free {
  background: rgba(221, 166, 221, 0.6);
}

.venue-special-offer-card .venue-filter-card__badge--etc {
  background: rgba(237, 196, 83, 0.6);
}

.venue-special-offer-card .venue-filter-card__badge--default {
  color: var(--neutral-tx3-sub);
  background: var(--semantic-bg);
}

.venue-special-offer-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-3xs);
  white-space: nowrap;
}

.venue-special-offer-card__meta span img {
  width: 12px;
}

.venue-filter-card__body .venue-special-offer-card__promotion {
  display: block;
  overflow: hidden;
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-22);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.venue-special-offers__banner {
  margin-top: 60px;
}

.venue-special-offers--continued {
  margin-top: 40px;
}

.venue-special-offers__loading {
  width: 100%;
  max-width: 1280px;
  margin: 60px auto 0;
}

@media (max-width: 1319px) {
  .venue-special-offers,
  .venue-special-offers__loading {
    width: auto;
    margin-right: var(--spacing-lg);
    margin-left: var(--spacing-lg);
  }
}

@media (max-width: 767px) {
  .venue-special-offers {
    margin-top: 0;
    padding: var(--spacing-lg) 0;
    gap: var(--spacing-lg);
  }

  .venue-special-offers__header h2 {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-26);
  }

  .venue-special-offers__grid .venue-special-offer-card:nth-child(n + 9) {
    display: none;
  }

  .venue-special-offer-card__meta {
    gap: var(--spacing-sm);
  }

  .venue-filter-card__body .venue-special-offer-card__promotion {
    font-size: var(--font-size-base);
    line-height: var(--line-height-20);
  }

  .venue-special-offers__banner {
    margin-top: 0;
  }

  .venue-special-offers--continued {
    padding-top: var(--spacing-lg);
  }

  .venue-special-offers__loading {
    margin-top: var(--spacing-3xl);
  }
}

/* 2026-10-27 Figma(1082:86593 · theme-venue-event) — 사용자 결정 «Figma 기준»: 이벤트 종류와 상관없이 배지는 한 가지
   (검정 20% 바탕 + 흰 글자). 위 종류별 색(--deal·--bird…)은 클래스만 남기고 쓰지 않는다. */
.venue-special-offer-card .venue-filter-card__badges span,
.venue-special-offer-card .venue-filter-card__badge--default {
  color: var(--semantic-white);
  background: var(--badge-alpha-b-20);
}

/* 2026-10-27 Figma «이벤트/특가» 390(1082:88887 datetime) — 지역·기간 항목마다 오른쪽 10px + 줄 간격 2px.
   두 칸 격자에서는 칸이 좁아 지역 / 기간이 두 줄로 나뉜다(Figma 와 같은 모양). */
@media (max-width: 767px) {
  .venue-special-offer-card__meta {
    gap: 2px 0;
  }

  .venue-special-offer-card__meta span {
    padding-right: 10px;
  }
}