/* 파이널 CTA — 서비스 길 다섯 칸 + 퀴가 한 줄 + 이용권 글 링크 (2026-10-12 B2 · 오너 요구 5 · 계획 D1 안 A · D2 · T4)
   쓰는 곳 = 캐릭터 쪽 모험 구역 끝(#final-services) · 홈 마지막 구역(.wz-ending-cta 안 '7일 무료 체험' 단추 아래 — .wz-final--compact).
   마크업 = scripts/site-upgrade/apply-final-cta.py(데이터 = public/config/site-links.json finalCta) · 판 번호 = 그 대본의 CSS_V.
   공통: 움직임 줄이기 = 떠오름 0 · 오른쪽→왼쪽 = 논리 속성(inline-start/end) · 글 넘침 = overflow-wrap:anywhere · ja/zh = word-break:normal.
   PC = 한 줄 다섯 칸 · 1000px 아래 3 + 2 · 640px 아래 2 + 2 + 1(가운데 맞춘 감기 — 친구들 구역과 같은 꼴). */
.wz-final{max-width:1040px;margin:0 auto 56px;padding:0 4px}
.wz-final__group{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--wz-purple-dark,#7e4fa6);text-align:center}
.wz-final__grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.wz-final__card{position:relative;flex:0 1 calc((100% - 64px) / 5);min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 14px 16px;border-radius:22px;background:rgba(255,255,255,.92);border:1.5px solid rgba(255,255,255,.7);box-shadow:0 4px 16px rgba(158,99,207,.10);text-align:center;transition:transform .3s,box-shadow .3s}
.wz-final__card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(158,99,207,.18)}
.wz-final__main{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;text-decoration:none;color:var(--wz-text-primary,#2d2a3e);border-radius:14px}
.wz-final__main:focus-visible,.wz-final__app:focus-visible,.wz-final__brand-link:focus-visible,.wz-final__more a:focus-visible{outline:3px solid var(--wz-purple,#9e63cf);outline-offset:3px}
.wz-final__icon{flex:none;width:72px;height:72px;border-radius:18px;object-fit:cover;box-shadow:0 2px 8px rgba(45,42,62,.12)}
.wz-final__icon--sm{width:44px;height:44px;border-radius:12px}
.wz-final__text{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.wz-final__name{font-size:16.5px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.wz-final__desc{font-size:13px;line-height:1.45;color:var(--wz-text-secondary,#5d5a6d);overflow-wrap:anywhere}
:lang(ja) .wz-final__desc,:lang(zh) .wz-final__desc,:lang(zh-TW) .wz-final__desc,:lang(ja) .wz-final__name,:lang(zh) .wz-final__name,:lang(zh-TW) .wz-final__name{word-break:normal}
.wz-final__go{position:absolute;top:12px;inset-inline-end:12px;width:26px;height:26px;border-radius:50%;background:rgba(158,99,207,.10);display:flex;align-items:center;justify-content:center}
.wz-final__go::after{content:'';width:7px;height:7px;border-inline-end:2px solid var(--wz-purple,#9e63cf);border-bottom:2px solid var(--wz-purple,#9e63cf);transform:rotate(-45deg);margin-inline-start:-2px}
[dir=rtl] .wz-final__go::after{transform:rotate(45deg)}
.wz-final .wz-soon{display:table;margin:4px auto 0;padding:2px 8px;border-radius:10px;background:var(--wz-purple-dark,#7e4fa6);color:#fff;font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}
.wz-final__app{margin-top:auto;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:999px;background:var(--wz-purple,#9e63cf);color:#fff;font-size:14px;font-weight:700;text-decoration:none;line-height:1.25;overflow-wrap:anywhere}
.wz-final__app svg{width:18px;height:18px;flex:none}
.wz-final__app:hover{background:var(--wz-purple-dark,#7e4fa6);color:#fff}
.wz-final__brand{margin:22px auto 0;max-width:520px}
.wz-final__group--brand{color:#6b6880}
.wz-final__brand-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.7);border:1.5px dashed rgba(158,99,207,.35);text-decoration:none;color:var(--wz-text-primary,#2d2a3e);text-align:start}
.wz-final__brand-link .wz-final__text{flex:1;align-items:flex-start}
.wz-final__brand-link .wz-final__name{font-size:15px}
.wz-final__chip{flex:none;padding:8px 14px;border-radius:999px;border:1.5px solid var(--wz-purple,#9e63cf);color:var(--wz-purple-dark,#7e4fa6);font-size:13px;font-weight:700;white-space:nowrap}
.wz-final__more{margin:14px 0 0;text-align:center;font-size:14px}
.wz-final__more a{display:inline-block;padding:12px 10px;color:var(--wz-purple-dark,#7e4fa6);font-weight:700;text-underline-offset:3px}
.wz-final__more a::after{content:' \2192'}
[dir=rtl] .wz-final__more a::after{content:' \2190'}
/* 와그작 런 앱 안(웹뷰 UA WagzakRunApp)에서는 런 받기 단추 · 퀴가 줄을 숨긴다 — js/site-parts.js 가 data-app-android · data-app-ios 가 있는
   링크에 data-app-hidden 을 단다(헤더 '앱 받기'와 같은 판별 · 계획 T4 결정 7: 어린이 앱 안에서 다른 브랜드 앱으로 내보내지 않는다) */
.wz-final a[data-app-hidden][data-final-app=run],.wz-final a[data-app-hidden][data-final-app=quiga_app],.wz-final__brand:has(a[data-app-hidden]){display:none}
@media (max-width:1000px){.wz-final__card{flex-basis:calc((100% - 32px) / 3)}}
@media (max-width:640px){
  .wz-final{margin-bottom:40px;padding:0}
  .wz-final__grid{gap:10px}
  .wz-final__card{flex-basis:calc((100% - 10px) / 2);padding:16px 10px 12px;gap:10px;border-radius:18px}
  .wz-final__icon{width:56px;height:56px;border-radius:15px}
  .wz-final__name{font-size:15px}
  .wz-final__desc{font-size:12.5px}
  .wz-final__go{top:10px;inset-inline-end:10px;width:24px;height:24px}
  .wz-final__app{min-height:40px;padding:8px 8px;font-size:13px}
  .wz-final__brand-link{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){.wz-final__card{transition:none}.wz-final__card:hover{transform:none}}
html.lite .wz-final__card{transition:none}
html.lite .wz-final__card:hover{transform:none}
/* 홈 마지막 구역(단추 아래) — 같은 부품 · 이용권 글 링크 없음(바로 위 단추가 이미 이용권) */
.wz-final--compact{margin:28px auto 8px;text-align:center}
.wz-final--compact .wz-final__card{background:#fff;box-shadow:0 2px 10px rgba(158,99,207,.12);border-color:rgba(158,99,207,.12)}

/* '곧 만나요' 예고 칸 — 친구들 구역이 열려 '새로운 친구들' 반쪽을 걷었다(출시 전 자리 표시 금지). 남은 '캐릭터 굿즈' 한 칸을 가운데로.
   (샵이 여는 날 B3 가지에서 샵 입구로 바뀐다) */
.wz-adventure__coming-grid.wz-adventure__coming-grid--one{grid-template-columns:minmax(0,1fr);max-width:320px}