/*
  이벤트 목록 카드의 **사은품명 줄** (`.event-info > .event-gift`).

  목업 카드(`CH-U-EV-01-01.html` 65~72행)는 `배지 · 이벤트명 · 기간` 3줄이고
  `event.css` 의 `.event-info` 안에도 `.event-type` · `.event-title` · `.event-date`
  세 규칙만 있다(233~262행 · 모바일 441~462행). 우리는 사은품명 한 줄을 더 그리므로
  (FP-EV-02) 목업의 타이포 스케일에 맞춰 여기서 규칙을 준다.
  목업 원본(`css/page/event.css`)은 수정하지 않는다.

  ⚠ 마크업에 목업 타이포 클래스(`text-body3`)를 쓰지 않는다 — `_guide.css` 가 그 클래스를
    PC 14px / **모바일 15px** 로 키우는데, 같은 구간에서 이벤트명은 모바일 15px 로 줄어든다
    (`event.css` 452행). 보조 문구가 제목과 같은 크기가 되어 위계가 뒤집히므로 크기를 직접 준다.

  이 시트는 `style.css` 뒤에 실린다(`src/app/layout.tsx`) — 특정성이 같아도 여기가 이긴다.
  선택자 깊이는 목업의 `.event-info` 블록과 같게 맞춰 `.event-title`·`.event-date` 와
  나란히 놓는다.

  선착순 잔여 줄은 두지 않기로 했다 — 추첨형에는 없는 줄이라 격자에서 카드 높이가 종류별로
  갈리고(`.event-info` 의 `min-height: 148px` 도 3줄 기준이다), `남은 수량 100개` 는 정보가
  되지 못한다. 급함은 D-day 배지가, 소진은 지난 탭 딤 + 상세 버튼(`선착순 마감`)이 드러낸다.
*/

/*
  이벤트명 바로 아래. `.event-title` 이 아래쪽 12px(모바일 8px)을 이미 갖고 있어
  위쪽 여백은 두지 않는다. 카드의 핵심 혜택이라 기간(회색)보다 진하게 둔다.
*/
.page-event main .cont_wrap .sec_wrap .tab_cont .event-list .event-info .event-gift {
  margin: 0 0 8px;
  color: var(--color-text-medium);
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
}

/* 모바일 — 목업이 제목 15px · 기간 12px 로 줄이는 구간이다. 그 사이 위계를 지킨다 */
@media (max-width: 768px) {
  .page-event main .cont_wrap .sec_wrap .tab_cont .event-list .event-info .event-gift {
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 140%;
  }
}