/* 파트너 랜딩 «구독 플랜 안내» — Figma MWS_QA 11.partner(388:42180 › partner-plan) 2026-11-07 반영.
 * Free Plan 삭제로 카드 3장 · 카드 최대 400 가운데 정렬(1920) · 1024 도 3열(316) · 390 은 세로로 쌓기.
 * 기간 탭은 768 이상에서 «(N개월 무료)» 를 둘째 줄로 · 처음에는 고른 카드 없음(Figma 에 선택 표시 없음).
 * ⚠️ 앞 파일(plans · breakpoints · plans-refresh) 뒤에 싣는다 — 같은 특정도로 덮거나 부모를 붙여 올린다. */

.partner-plans .partner-plans__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: var(--spacing-lg);
}

.partner-plans .partner-plans__card {
  flex: 1 1 0;
  min-width: 0;
  max-width: 400px;
}

/* 768 이상 — 탭 «(N개월 무료)» 는 둘째 줄(탭이 flex 행이라 세로로 돌린다) */
.partner-plans .partner-plans__period {
  flex-direction: column;
}

.partner-plans__period-sub {
  display: block;
}

/* 가격 30/44 — 토큰(--font-size-5xl)은 모바일에서 줄어들어 숫자로 둔다(Figma 는 모든 폭 30) */
.partner-plans .partner-plans__price {
  font-size: 30px;
  line-height: var(--line-height-44);
}

@media (min-width: 768px) and (max-width: 1279px) {
  .partner-plans .partner-plans__list {
    gap: 18px;
  }

  .partner-plans .partner-plans__card {
    padding: var(--spacing-3xl);
  }
}

@media (max-width: 767px) {
  .partner-plans {
    padding: 40px 20px;
  }

  .partner-plans__title {
    font-size: var(--font-size-3xl);
    line-height: var(--line-height-28);
  }

  .partner-plans__periods {
    gap: 0;
    padding: 10px;
  }

  .partner-plans .partner-plans__period,
  .partner-plans .partner-plans__period:nth-child(-n + 2),
  .partner-plans .partner-plans__period.is-active {
    flex-direction: row;
    min-height: 58px;
    padding: 18px 8px;
    font-size: var(--font-size-xl);
    line-height: var(--line-height-22);
  }

  .partner-plans__period-sub {
    display: inline;
    white-space: pre;
  }

  .partner-plans .partner-plans__list {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }

  .partner-plans .partner-plans__card,
  .partner-plans .partner-plans__card:nth-child(n) {
    flex: 0 0 auto;
    max-width: none;
    min-height: 0;
    margin-top: 0;
  }
}