/* ■ 자주 묻는 질문 */
.order__faq { padding: 160px 0; }
.order__faq > .wrap-medium { display: flex; flex-direction: column; gap: 80px; }
.order__faq-list { border-top: 2px solid var(--color-primary); }
.faq-accordion__item { border-bottom: 1px solid var(--color-primary); }
.faq-accordion__trigger { display: flex; align-items: center; gap: 20px; min-height: 100px; padding: 16px 50px; cursor: pointer; }
.faq-accordion__trigger:focus-visible { outline: 2px solid var(--color-sub-1); outline-offset: -2px; }
.faq-accordion__trigger > p { flex: 1 1 0; min-width: 0; margin: 0; font-family: var(--font-serif); font-size: 28px; font-weight: 700; line-height: 1.4; color: var(--color-primary); word-break: keep-all; }
.order__faq-mark { flex-shrink: 0; font-family: var(--font-serif); font-size: 40px; font-weight: 700; line-height: 1.4; color: var(--color-sub-1); }
/* 원본 아이콘은 왼쪽 화살표 — 닫힘은 아래, 열림은 위를 보게 돌린다 */
.order__faq-icon { flex-shrink: 0; display: block; width: 30px; height: 30px; transform: rotate(-90deg); transition: transform 0.3s ease; }
.faq-accordion__item.is-open .order__faq-icon { transform: rotate(90deg); }
.faq-accordion__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease; }
.faq-accordion__item.is-open .faq-accordion__panel { grid-template-rows: 1fr; }
.order__faq-answer { display: flex; align-items: center; gap: 20px; overflow: hidden; min-height: 0; padding: 0 50px; background-color: var(--color-sub-4); }
.faq-accordion__item.is-open .order__faq-answer { min-height: 100px; padding-block: 16px; }
.order__faq-answer > p { flex: 1 1 0; min-width: 0; margin: 0; font-size: 20px; font-weight: 500; line-height: 1.6; color: var(--color-primary); word-break: keep-all; }

@media (prefers-reduced-motion: reduce) {
  .order__faq-icon,
  .faq-accordion__panel { transition: none; }
}

@media all and (max-width:1279px) {
  .order__faq { padding: 120px 0; }
  .order__faq > .wrap-medium { gap: 60px; }
  .faq-accordion__trigger,
  .order__faq-answer { padding-inline: 32px; }
  .faq-accordion__trigger > p { font-size: 24px; }
  .order__faq-answer > p { font-size: 18px; }
}

@media all and (max-width:1023px) {
  .order__faq { padding: 80px 0; }
}

@media all and (max-width:767px) {
  .order__faq { padding: 60px 0; }
  .order__faq > .wrap-medium { gap: 32px; }
  .faq-accordion__trigger { gap: 12px; min-height: 64px; padding: 12px 8px; }
  .faq-accordion__trigger > p { font-size: 17px; }
  .order__faq-mark { font-size: 24px; }
  .order__faq-icon { width: 24px; height: 24px; }
  .order__faq-answer { gap: 12px; padding-inline: 8px; }
  .faq-accordion__item.is-open .order__faq-answer { min-height: 64px; padding-block: 14px; }
  .order__faq-answer { align-items: flex-start; }
  .order__faq-answer > p { padding-top: 4px; font-size: 15px; }
}

/* 노트북(1024~1599px): 1920 기준 디자인이라 글자가 커 보여 한 단계 줄인다 */
@media all and (min-width:1024px) and (max-width:1599px) {
  .faq-accordion__trigger > p { font-size: 22px; }
  .order__faq-mark { font-size: 32px; }
  .order__faq-answer > p { font-size: 17px; }
}