/* ── pages / consultation-video — 전문의 영상통화 상담 ──────────────
   2026-10-08 새 디자인(시안 B · Blush Editorial)으로 본문을 다시 짰다.
     머리     .page-head            (page-head.css, 다른 서브페이지와 같음)
     소개     .vcb-intro            왼쪽 제목 · 텍스트 박스 두 개 · 안내 / 오른쪽 유튜브 영상(@Kowon_TV, 음소거 자동 재생)
     사진     .vcb-photos           다섯 각도 사진(촬영 가이드 이미지를 각도별로 나눔)
     신청     .vcb-how              01·02·03 + 안내 + 신청 버튼
     형제이동 .siblings · 상담 .cta-band  (subpage.css)
   영상은 유튜브 임베드를 바로 넣는다 — autoplay·mute(브라우저는 음소거일 때만 자동 재생을 허용)·loop.
   음소거 자동 재생이면 유튜브가 한국어 자동 자막을 띄우므로 hl=en&cc_lang_pref=en 으로 막는다(영어 자막 트랙이 없어 아무것도 안 뜸). */


/* ── 소개 — 텍스트 박스 / 영상 ─────────────────────────────── */
.vcb-intro{
  padding-block:var(--sp-section);
  background:
    radial-gradient(45% 50% at 78% 60%,rgba(255,10,108,.10),rgba(255,10,108,0) 70%),
    linear-gradient(180deg,#fff5f9 0%,#ffffff 100%);
}
/* 제목은 다른 섹션처럼 왼쪽 정렬로 왼쪽 단 맨 위에 둔다. 넓은 화면에서는 두 박스를 나란히 놓아 단을 채운다 */
.vcb-stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-block) 80px;align-items:center}
.vcb-cards{margin-top:var(--sp-stack);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.vcb-card{
  padding:32px 32px 30px;border-radius:24px;background:rgba(255,255,255,.9);
  box-shadow:0 20px 50px -30px rgba(20,29,51,.35),inset 0 0 0 1px rgba(255,10,108,.12);
}
.vcb-card__label{font-weight:700;font-size:var(--fs-14);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.vcb-card__list{margin-top:18px;display:grid;gap:14px}
.vcb-card__list li{
  position:relative;padding-left:34px;
  font-size:var(--fs-18);line-height:1.45;color:var(--text-primary);word-break:keep-all;
}
.vcb-card__list li::before{     /* 체크 원 */
  content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;
  background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;
}
.vcb-card--who .vcb-card__list li::before{     /* 점 원 */
  background:var(--brand-tint-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff0a6c'%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3C/svg%3E") center/16px no-repeat;
}
.vcb-guide{margin-top:24px;max-width:760px;font-size:var(--fs-16);line-height:1.7;color:var(--text-secondary);word-break:keep-all}
.vcb-actions{margin-top:24px}

/* 유튜브 쇼츠(9:16) — 페이지가 열리면 음소거로 자동 재생, 반복 */
.vcb-video{margin:0}
.vcb-video__frame{
  border-radius:28px;background:#000;
  box-shadow:0 0 0 8px #fff,0 40px 80px -30px rgba(194,0,78,.40);
}
.vcb-video__frame iframe{border:0}
.vcb-video__cap{margin-top:20px;text-align:center;font-size:var(--fs-14);line-height:1.5;color:var(--text-tertiary)}
.vcb-video__cap a{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}
.vcb-video__cap a:hover{color:var(--brand)}


/* ── 사진 가이드 — 다섯 각도 ───────────────────────────────── */
.vcb-photos__grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--sp-block);align-items:center}
.vcb-photos .sec-lead{margin-inline:0}
.vcb-angles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.vcb-angle{margin:0}
.vcb-angle:nth-child(even){margin-top:28px}   /* 짝수 칸을 내려 리듬을 준다 */
.vcb-angle img{display:block;width:100%;height:auto;aspect-ratio:360/518;object-fit:cover;border-radius:999px 999px 18px 18px;background:var(--surface-muted)}
.vcb-angle figcaption{margin-top:10px;text-align:center;font-weight:600;font-size:var(--fs-14);color:var(--text-secondary)}


/* ── 신청 단계 ──────────────────────────────────────────────── */
.vcb-how{background:#fbf8f9}
.vcb-how__grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--sp-block)}
.vcb-steps{border-top:1px solid #ecdfe4}
.vcb-step{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid #ecdfe4}
.vcb-step__n{
  font-weight:800;font-size:64px;line-height:1;letter-spacing:-.03em;
  color:transparent;-webkit-text-stroke:1.5px var(--brand);
}
.vcb-step__text{font-weight:600;font-size:var(--fs-22);line-height:1.45;color:var(--text-primary);word-break:keep-all}
.vcb-note{margin-top:28px;padding-left:18px;border-left:3px solid var(--brand);font-size:var(--fs-16);line-height:1.7;color:var(--text-secondary);word-break:keep-all}
.vcb-how .actions{margin-top:var(--sp-stack);justify-content:flex-start}


/* ── 형제 페이지 이동 ──────────────────────────────────────── */
.vidcon-more__nav{margin-inline:auto}


/* ── 상담 CTA ──────────────────────────────────────────────── */
/* .cta-band 기본 배치는 center 라 사진 속 인물 얼굴이 제목 뒤에 겹친다. 세로 41% 로 올린다. */
.vidcon-cta{background-position:0 0,center 41%}
.vidcon-cta__inner{display:flex;flex-direction:column;align-items:center}
.vidcon-cta__inner .cta-band__lead{max-width:620px}


@media (max-width:1023px){
  .vcb-stage{grid-template-columns:minmax(0,1fr) 260px;gap:var(--sp-stack) 40px}
  .vcb-cards{grid-template-columns:1fr}
  .vcb-card{padding:26px 24px}
  .vcb-photos__grid,.vcb-how__grid{grid-template-columns:1fr;gap:var(--sp-stack)}
  .vidcon-cta__br{display:none}
}
@media (max-width:767px){
  .vcb-stage{grid-template-columns:1fr}
  .vcb-video{max-width:280px;width:100%;justify-self:center}
  .vcb-card{padding:24px 22px}
  .vcb-angles{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}
  .vcb-angle:nth-child(even){margin-top:0}
  .vcb-step{grid-template-columns:72px minmax(0,1fr);padding:22px 0}
  .vcb-step__n{font-size:44px}
  .vcb-step__text{font-size:var(--fs-18)}
}