/* =========================================================
   HS Product Summary — 한줄요약 + 요약 표
   사이트 톤에 맞춘다: 회색 카드 없이 가는 선, 브랜드 보라(#7d28d4 · 예약 버튼과 같은 색),
   글자 크기는 주변 글(요약 설명)을 따라간다 — 퀵뷰·상세 어디서든 한 벌로 맞게.
   Flatsome 의 dl/dt/dd · ul 기본 서식을 받지 않도록 직접 맞춘다.
========================================================= */

/* 한줄요약 — 예전 요약 설명 글과 같은 자리·같은 글씨 (테마 서식을 그대로 받는다) */
.hs-psum-intro p {
  margin: 0 0 .6em;
}

.hs-psum-intro p:last-child {
  margin-bottom: 0;
}

.hs-psum {
  --hs-psum-ink: #222;
  --hs-psum-label: #444;
  --hs-psum-muted: #888;
  --hs-psum-line: #ececf1;
  --hs-psum-brand: #7d28d4;
  --hs-psum-brand-hover: #6d20be;
  --hs-psum-brand-soft: #f5effc;

  margin: 24px 0 0;   /* 한줄요약과 표 사이 — 붙으면 답답하다 */
  border-top: 1px solid var(--hs-psum-line);
  /* px 로 고정 — Flatsome 퀵뷰는 정보 칸에 font-size:90% 를 박아 두어서 em 이면 작아진다 */
  font-size: 16px;
  line-height: 1.55;
}

.hs-psum .hs-psum__list {
  margin: 0;
  padding: 0;
}

.hs-psum .hs-psum__row {
  display: grid;
  grid-template-columns: 7.2em 1fr;
  gap: .8em;
  align-items: baseline;
  padding: .62em 0;
  border-bottom: 1px solid var(--hs-psum-line);
}

.hs-psum dt,
.hs-psum dd {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

.hs-psum dt {
  color: var(--hs-psum-label);
  font-weight: 700;
  word-break: keep-all;
}

.hs-psum dd {
  color: var(--hs-psum-ink);
  font-weight: 500;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* 여러 줄 값 (예약방법) — 한 줄에 하나 */
.hs-psum .hs-psum__line {
  display: block;
}

/* (괄호로만 된 줄) — 윗줄 끝에 붙는 작은 글씨. 예: '📍전국 (제주·도서지역 포함)' */
.hs-psum .hs-psum__sub {
  color: var(--hs-psum-muted);
  font-size: .8em;
  font-weight: 400;
  white-space: nowrap;
}

.hs-psum .hs-psum__line + .hs-psum__line {
  margin-top: .2em;
}

.hs-psum dd a {
  color: var(--hs-psum-brand);
  text-decoration: none;
}

.hs-psum dd a:hover,
.hs-psum dd a:focus-visible {
  color: var(--hs-psum-brand-hover);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* 홈페이지 예약 — 이 상품을 담은 예약 페이지로 */
.hs-psum .hs-psum__reserve {
  font-weight: 700;
}

.hs-psum .hs-psum__reserve::after {
  content: "›";
  display: inline-block;
  margin-left: .3em;
  font-weight: 700;
  transition: transform .15s ease;
}

.hs-psum .hs-psum__reserve:hover::after {
  transform: translateX(2px);
}

.hs-psum .hs-psum__note {
  color: var(--hs-psum-brand);
  font-weight: 600;
}

/* 체험대상 — 학년 페이지로 가는 칩. 글자는 표 글씨보다 살짝 작게 */
.hs-psum .hs-psum__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .35em;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hs-psum .hs-psum__chips li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: inherit;
}

.hs-psum .hs-psum__chips a,
.hs-psum .hs-psum__chips span {
  display: inline-block;
  padding: .1em .75em;
  background: var(--hs-psum-brand-soft);
  border-radius: 999px;
  color: var(--hs-psum-brand);
  font-size: .9em;
  font-weight: 600;
  line-height: 1.7;
  text-decoration: none;
  transition: background-color .15s, color .15s;
}

.hs-psum .hs-psum__chips a:hover,
.hs-psum .hs-psum__chips a:focus-visible {
  background: var(--hs-psum-brand);
  color: #fff;
  text-decoration: none;
}

/* 비용포함내역 — 링크가 아닌 칩. 체험대상(보라·링크)과 구분되게 회색 */
.hs-psum .hs-psum__chips--plain span {
  background: #f2f2f5;
  color: var(--hs-psum-ink);
  font-weight: 500;
}

@media (max-width: 549px) {
  .hs-psum {
    font-size: 15px;
  }
  .hs-psum .hs-psum__row {
    grid-template-columns: 6.6em 1fr;
    gap: .6em;
  }
}