/* ═══════════════════════════════════════════════════════════════════════
   품앗히 홈 히어로 v6 — CF  (2026-09-24, 오름히 자체 제작)   build 20260925cf16
   cf16 : 등식 장면 폰 속 후기 카드 — 핀 설명 말풍선(.cf-cpt)
   cf15 : (JS 만) 2회차부터 고깃집 핑크 선·광고 딱지가 안 나오던 버그 수정 + 영상 다시 만듦
   cf14 : 폰·태블릿은 히어로를 영상 파일(MP4)로 재생 (.cf-vid · .cf-video · .cf-vbtns). PC 는 그대로 실시간
   cf13 : cf11 에서 폰만 뺐던 효과 되살림(흔들림·숫자 흐림·질감·잉크 구멍 전환) · 폰 화면 유지 선(.cf-keep, 가변 주사율 밝기 깜빡임 방지)
          · 비네트+질감 한 장 · 잉크 원(.cf-irisc) 제거 · 진단 표시 ?cfdiag=1
   cf11 : 폰 '지지직' 대책 — 번쩍임·분홍 전환은 따로 그린 층(합성만), 어둡게(tint) 층 상시 고정 해제, 도장 잉크 원(.cf-irisc)
   cf10 : 고깃집 핀 옆 장점·단점 글(.cf-ptag) · 핑크 선 유지 · 헤드셋 판 글→핀 선 · 글자 크기 자동 조정 막기(text-size-adjust)
   cf9 : 03 헤드라인 세 줄 '광고 없는, / 내돈내산, / 커뮤니티' (JS 만 바뀜)
   cf8 : 03 헤드라인 두 줄 '광고 없는, / 내돈내산 커뮤니티' (JS 만 바뀜)
   cf7 : 헤드폰 '폴드'(두 판 · 3D 경첩) · 고깃집 '인쇄'(후기를 찍어 내는 영수증 · 빛줄기) — 세럼은 그대로
   cf6 : 광고 후기 카드 7종(형식별) · 딱지 크게 모으기 · 제품 장면 클로즈업(3D) · 후기 벽 카피 · '예시' 제거
   cf5 : 끊김 줄이기 — 섞기 모드(mix-blend)·뒤 흐림(backdrop-filter) 제거, 자주 바뀌는 큰 층(glow·bg·tint)은 따로 그리게,
         흐림 필터 대신 흐림 사본(.cf-blr · .cf-colb), PC(가로판)는 카메라 층 고정(.cf-L .cf-cam)
   cf4 : 로고 전부 원본 로고로 — 폰 시작 화면·앱 상단(.cf-slogo .cf-lg) · 엔드카드(.cf-elogo, 흰 글씨판) · 가짜 워드마크(.cf-wm) 삭제
   7장면 모션(08-16 승인작) + v5.1(실사진·핀·영수증·도장) 믹스 · 갤럭시 CF 편집 문법

   구조 : .cf(히어로) > .cf-cv(1920×1080 가로판 / 1080×1920 세로판, JS가 화면을 꽉 채우게 확대)
                       > .cf-cam(카메라 — 흔들림) > 장면 층들
   원칙 : 움직임은 전부 GSAP 타임라인 하나(시킹 가능). CSS 는 모양만.
          클래스는 전부 cf- 로 시작 — 사이트 CSS(.scr .bub .tt 등)와 겹치지 않게 (cf2 에서 정리)
   ═══════════════════════════════════════════════════════════════════════ */

.cf{position:relative;overflow:hidden;background:#0B080D;color:#fff;isolation:isolate;
  width:100%;max-width:none !important;margin:0 !important;padding:0 !important;
  height:calc(100vh - 120px);height:calc(100svh - 120px);min-height:560px;max-height:1120px;
  font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;   /* cf10: 폰 글자 크기 설정·자동 확대가 캔버스 글자 크기를 흔들지 않게 */
  -webkit-tap-highlight-color:transparent}
@media (max-width:760px){.cf{height:calc(100vh - 96px);height:calc(100svh - 96px);min-height:520px}}
.cf *,.cf *::before,.cf *::after{box-sizing:border-box}
/* 사이트 전역 규칙이 새지 않게 */
.cf img{max-width:none;height:auto;display:block}
.cf b,.cf i,.cf em,.cf u,.cf small{font-style:normal;text-decoration:none}
.cf h1,.cf p{margin:0}

/* ── 캔버스 ── */
.cf-cv{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;contain:layout paint}
.cf-cv.cf-L{width:1920px;height:1080px}
.cf-cv.cf-P{width:1080px;height:1920px}
.cf-cam{position:absolute;inset:0}
.cf-cv.cf-L .cf-cam{will-change:transform}   /* cf5: 가로판(PC)만 — 흔들림(shake)마다 큰 화면을 통째로 다시 그리던 것을 한 층으로 (세로판은 실측상 오히려 무거워 제외) */
.cf-l{position:absolute;inset:0}
.cf-a{position:absolute;left:0;top:0}

/* ── 바탕 · 질감 ── */
.cf-bg{background:radial-gradient(62% 58% at 60% 50%,#241728 0%,#150E18 52%,#0A070C 100%)}
.cf-glow{background:radial-gradient(40% 36% at 50% 52%,rgba(255,46,147,.28),rgba(255,46,147,0) 70%)}
/* cf11: 어둡게(.cf-tint)는 단색이라 다시 그려도 가볍다 — 화면 전체 층을 여러 장 상시 들고 있지 않게 (폰 메모리) */
.cf-bg,.cf-glow{will-change:opacity}   /* cf5: 투명도만 자주 바뀌는 화면 전체 층 — 따로 그려 두고 섞기만 */
.cf-vig{z-index:80;pointer-events:none;background:radial-gradient(125% 95% at 50% 50%,rgba(0,0,0,0) 58%,rgba(0,0,0,.5) 100%)}
.cf-grain{z-index:81;pointer-events:none;background-repeat:repeat;background-size:220px 220px}   /* cf5: overlay 섞기 대신 투명도를 구운 점 텍스처 (cf13: 비네트와 한 장으로 합침) */
:root{color-scheme:only light}   /* cf13: 폰 다크 모드가 색을 강제로 뒤집지 않게 */
/* cf13: 폰 화면 유지 선 — 그림이 잠깐 멈춰도 화면이 쉬지 않게(가변 주사율 화면의 밝기 깜빡임 방지). 바탕색·투명도 1~2%라 보이지 않는다 */
.cf-keep{position:absolute;left:0;top:0;bottom:0;width:1px;z-index:5;pointer-events:none;background:#0B080D;opacity:.01;
  animation:cfKeep 1s linear infinite alternate}
.cf.cf-idle .cf-keep{animation-play-state:paused}
@keyframes cfKeep{from{opacity:.01}to{opacity:.02}}

/* ── cf14: 폰·태블릿 = 영상 파일로 재생 ──
   히어로 칸을 영상 비율에 맞춘다(세로 1080×1800 = 0.6 · 가로 1920×960 = 2.0). 화면이 모자라면 원래 높이까지만 —
   그때는 영상 전체가 보이게(contain) 줄이고 남는 자리는 히어로 바탕색이라 잘리는 곳이 없다.
   첫 화면부터 이 크기로 잡아 두어 영상이 붙을 때 아래 내용이 들썩이지 않게(CSS 로 먼저) */
@media (pointer:coarse) and (orientation:portrait){
  .cf.cf-js{height:min(166.667vw,calc(100vh - 96px));height:min(166.667vw,calc(100svh - 96px));min-height:0}
}
@media (pointer:coarse) and (orientation:landscape){
  .cf.cf-js{height:min(50vw,calc(100vh - 120px));height:min(50vw,calc(100svh - 120px));min-height:0}
}
.cf.cf-vid{background:#0B080D}
.cf-video{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:contain;object-position:50% 50%;
  background:#0B080D;pointer-events:none;border:0;outline:0}
.cf-video::-webkit-media-controls,.cf-video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}
.cf-vbtns{position:absolute;left:0;top:0;pointer-events:none;z-index:6}
.cf-vbtns a{position:absolute;display:block;border-radius:99px;-webkit-tap-highlight-color:transparent;outline-offset:2px}
.cf-vbtns.cf-on a{pointer-events:auto}

/* ── 1. 외곽선 · 펜 끝 빛 ── */
.cf-ol{overflow:visible;pointer-events:none}
.cf-ol path{fill:none;stroke:#FF4FA6;stroke-width:3.2;stroke-linejoin:round;stroke-linecap:round}
.cf-ol .cf-g1{stroke:#FF2E93;stroke-width:14;opacity:.35;filter:blur(10px)}
.cf-ol .cf-g2{stroke:#FF2E93;stroke-width:34;opacity:.16;filter:blur(26px)}
.cf-spark{width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#fff 0%,#FFD0E8 30%,rgba(255,46,147,.7) 55%,rgba(255,46,147,0) 72%);
  box-shadow:0 0 22px 8px rgba(255,46,147,.55)}

/* ── 2. 광고 후기 카드 — 형식마다 다르게 (cf6, 대표님 "이미지 형태가 다 너무 똑같습니다")
   특정 플랫폼 로고·이름·실제 리뷰는 쓰지 않고, 누구나 알아보는 '형식'만 빌린다 ── */
.cf-k{background:#fff;color:#1E1A22;border-radius:20px;box-shadow:0 34px 60px -22px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.04);
  text-align:left;line-height:1.35;letter-spacing:-.02em;font-weight:500}
.cf-k svg{display:inline-block;flex:none}
.cf-kph{background:#DDD center/cover no-repeat}
.cf-kt{position:absolute;top:-22px;right:-18px;padding:9px 16px 8px;border-radius:12px;font-size:27px;font-weight:900;letter-spacing:-.03em;line-height:1;white-space:nowrap;
  box-shadow:0 10px 22px -8px rgba(0,0,0,.6)}
.cf-kt.cf-y,.cf-tagb.cf-y{background:#FFD21F;color:#141014}
.cf-kt.cf-r,.cf-tagb.cf-r{background:#FF3D3D;color:#fff}
.cf-kt.cf-k,.cf-tagb.cf-k{background:#17121A;color:#fff}
.cf-kt.cf-k{box-shadow:0 0 0 2px rgba(255,255,255,.85),0 10px 22px -8px rgba(0,0,0,.6)}
.cf-av{flex:none;display:block;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ECE7F1,#CFC6D9)}
.cf-av.cf-av2{width:32px;height:32px;background:linear-gradient(135deg,#FFE4EF,#FFBCD6)}
.cf-av.cf-av3{width:34px;height:34px;background:linear-gradient(135deg,#FFE2C4,#FF9E6B)}
.cf-st{display:block;color:#FFB400;font-size:16px;letter-spacing:1px;line-height:1.15}

/* 쇼핑몰 장문 리뷰 */
.cf-k1{width:360px;padding:20px 22px 16px}
.cf-k1h{display:flex;align-items:center;gap:10px}
.cf-k1h b{display:block;font-size:17px;font-weight:800}
.cf-k1h em{margin-left:auto;font-size:13px;color:#A49DAC}
.cf-k1o{margin-top:10px;font-size:13px;color:#8C8594}
.cf-k1n{margin-top:9px;padding:9px 12px;border-radius:10px;background:#F4F2F6;color:#6E6776;font-size:13px;font-weight:650;line-height:1.4}
.cf-k1p{display:flex;gap:6px;margin-top:11px}
.cf-k1p i{flex:1;height:86px;border-radius:10px}
.cf-k1t{margin-top:11px;font-size:18px;font-weight:850;line-height:1.35}
.cf-k1b{position:relative;margin-top:8px;font-size:14px;color:#4D4654;line-height:1.55;height:9.3em;overflow:hidden}
.cf-k1b::after,.cf-k3b::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.cf-k1m{margin-top:2px;font-size:13px;font-weight:800;color:#8C8594}
.cf-k1f{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #EEEAF1}
.cf-k1f span{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #DCD6E1;border-radius:99px;padding:7px 13px;font-size:13px;font-weight:800;color:#4D4654}
.cf-k1f span svg{width:16px;height:16px}
.cf-k1f em{font-size:12px;color:#B3ADBA}

/* 블로그 — 상단 협찬 고지 배너 */
.cf-k2{width:360px;padding:16px 18px 14px}
.cf-k2h{display:flex;align-items:center;gap:9px;font-size:14.5px}
.cf-k2h b{font-weight:800}
.cf-k2h span{margin-left:auto;font-size:12.5px;font-weight:800;color:#12A36B}
.cf-k2t{margin-top:12px;font-size:19px;font-weight:850;line-height:1.32}
.cf-k2n{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:12px;background:#FFF6D6;border:1.5px solid #F2D985;
  color:#6B5516;font-size:13.5px;font-weight:750;line-height:1.45}
.cf-k2n svg{width:18px;height:18px;margin-top:1px;color:#C99A0E}
.cf-k2p{margin-top:12px;height:176px;border-radius:12px}
.cf-k2f{display:flex;align-items:center;gap:5px;margin-top:11px;font-size:12.5px;color:#9A94A2;font-weight:650}
.cf-k2f svg{width:15px;height:15px}
.cf-k2f span{margin-right:8px}
.cf-k2f em{margin-left:auto}

/* 스토어 장문 후기 — 리뷰 이벤트 */
.cf-k3{width:360px;padding:18px 20px 15px}
.cf-k3s{display:flex;align-items:center;gap:7px}
.cf-k3s .cf-st{display:inline;font-size:19px}
.cf-k3s b{font-size:17px;font-weight:900;margin-right:4px}
.cf-pl{font-size:12px;font-weight:800;color:#12A36B;background:#E6F7EE;border-radius:6px;padding:4px 7px 3px}
.cf-k3u{margin-top:7px;font-size:12.5px;color:#9A94A2}
.cf-k3u u{color:#E0457B;font-weight:800;text-decoration:none}
.cf-k3i{display:flex;gap:6px;margin-top:10px}
.cf-k3i i{width:84px;height:84px;border-radius:8px}
.cf-k3b{position:relative;margin-top:10px;font-size:14px;color:#3F3946;line-height:1.55;height:7.75em;overflow:hidden}
.cf-k3m{margin-top:4px;font-size:12.5px;font-weight:800;color:#9A94A2}

/* SNS 게시물 — 유료 광고 */
.cf-k4{width:320px;padding:0 0 14px}
.cf-k4h{display:flex;align-items:center;gap:10px;padding:12px 14px}
.cf-ring{flex:none;display:block;width:36px;height:36px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#FFC24B,#FF4F8B 55%,#B04BFF)}
.cf-ring i{display:block;width:100%;height:100%;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#F3E7DB,#D9B99B)}
.cf-k4h b{display:block;font-size:14.5px;font-weight:800}
.cf-k4h span{display:block;font-size:12px;color:#8E8894;font-weight:600;margin-top:1px}
.cf-k4h em{margin-left:auto;font-size:18px;color:#262626;letter-spacing:1px}
.cf-k4p{height:320px}
.cf-k4a{display:flex;align-items:center;gap:14px;padding:12px 14px 6px;color:#262626}
.cf-k4a svg{width:25px;height:25px}
.cf-k4a span{flex:1}
.cf-k4l{padding:0 14px;font-size:14px;font-weight:800}
.cf-k4c{padding:4px 14px 0;font-size:13.5px;line-height:1.45;color:#262626}
.cf-k4c b{font-weight:800}
.cf-k4c em{color:#1D5FB8;font-weight:650}

/* 영상 썸네일 — 유료 광고 포함 */
.cf-k5{width:420px;padding:12px 12px 14px}
.cf-k5p{position:relative;height:236px;border-radius:12px;overflow:hidden}
.cf-k5p::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55))}
.cf-k5ad{position:absolute;left:10px;top:10px;z-index:2;background:rgba(0,0,0,.74);color:#fff;font-size:13px;font-weight:800;border-radius:6px;padding:5px 8px}
.cf-k5o{position:absolute;left:16px;bottom:14px;z-index:2;font-size:46px;font-weight:900;line-height:1.02;letter-spacing:-.05em;color:#fff;
  text-shadow:0 3px 0 #000,2px 0 0 #000,-2px 0 0 #000,0 -2px 0 #000,0 0 22px rgba(0,0,0,.55)}
.cf-k5o em{color:#FFE14D}
.cf-k5d{position:absolute;right:10px;bottom:10px;z-index:2;background:rgba(0,0,0,.82);color:#fff;font-size:13px;font-weight:800;border-radius:5px;padding:3px 6px}
.cf-k5r{display:flex;gap:10px;margin-top:12px}
.cf-k5r b{display:block;font-size:16px;font-weight:800;line-height:1.35}
.cf-k5r span{display:block;margin-top:4px;font-size:12.5px;color:#8E8794}

/* 체험단 모집 공고 — 원고료 */
.cf-k6{width:340px;padding:0 0 16px}
.cf-k6h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:20px 20px 0 0;background:#FF2E93;color:#fff}
.cf-k6h b{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:900}
.cf-k6h svg{width:20px;height:20px}
.cf-k6h span{background:#fff;color:#E0115F;font-size:13px;font-weight:900;border-radius:99px;padding:4px 10px}
.cf-k6t{padding:14px 18px 2px;font-size:19px;font-weight:850;line-height:1.3}
.cf-k6l{list-style:none;margin:6px 0 0;padding:0 18px}
.cf-k6l li{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:15px;font-weight:650;color:#3F3946}
.cf-k6l li svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#FFE3F0;color:#E0115F}
.cf-k6l li b{color:#E0115F;font-weight:900}
.cf-k6f{display:flex;align-items:center;justify-content:space-between;margin:15px 18px 0}
.cf-k6f span{font-size:12.5px;color:#9A94A2;font-weight:700}
.cf-k6f em{background:#241F2A;color:#fff;font-size:14px;font-weight:800;border-radius:10px;padding:9px 14px}

/* 숏폼 세로 영상 — 제품 제공 */
.cf-k7{width:250px;height:444px;background:#222 center/cover no-repeat}
.cf-k7::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:20px;
  background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,0) 52%,rgba(0,0,0,.75) 100%)}
.cf-k7ad{position:absolute;left:12px;top:14px;z-index:2;background:rgba(255,255,255,.92);color:#1E1A22;font-size:12.5px;font-weight:850;border-radius:6px;padding:4px 8px}
.cf-k7r{position:absolute;right:10px;bottom:96px;z-index:2;display:flex;flex-direction:column;gap:14px;align-items:center;color:#fff}
.cf-k7r i{display:flex;flex-direction:column;align-items:center;gap:3px}
.cf-k7r svg{width:28px;height:28px}
.cf-k7r em{font-size:12px;font-weight:800}
.cf-k7b{position:absolute;left:14px;right:54px;bottom:20px;z-index:2;color:#fff}
.cf-k7b b{font-size:14px;font-weight:800}
.cf-k7b span{margin-left:6px;border:1.5px solid rgba(255,255,255,.75);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800}
.cf-k7b p{margin:7px 0 0 !important;font-size:14px;font-weight:650;line-height:1.35}
.cf-k7bar{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:3;border-radius:0 0 20px 20px;background:linear-gradient(90deg,#fff 38%,rgba(255,255,255,.3) 38%)}
.cf-k7 .cf-kt{z-index:4}

/* 카드를 뒤로 물리는 어둠 · 가운데 모이는 딱지 · 물음 */
.cf-adim{pointer-events:none;background:radial-gradient(70% 70% at 50% 50%,rgba(10,7,12,.62),rgba(10,7,12,.88))}
.cf-tagb{padding:15px 26px 13px;border-radius:18px;font-size:66px;font-weight:900;letter-spacing:-.035em;line-height:1;white-space:nowrap;
  box-shadow:0 22px 44px -16px rgba(0,0,0,.8)}
.cf-tagb.cf-k{box-shadow:0 0 0 3px rgba(255,255,255,.9),0 22px 44px -16px rgba(0,0,0,.8)}
.cf-qbig{font-size:60px;font-weight:900;letter-spacing:-.045em;line-height:1.1;white-space:nowrap;color:#fff;text-shadow:0 6px 40px rgba(0,0,0,.5)}
.cf-cv.cf-P .cf-tagb{font-size:84px;padding:18px 32px 16px;border-radius:22px}
.cf-cv.cf-P .cf-qbig{font-size:70px}

/* ── 3. 빛줄기 ── */
.cf-wipe{top:-12%;height:124%;width:90px;margin-left:-45px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,46,147,0),rgba(255,46,147,.45) 32%,#fff 50%,rgba(255,46,147,.45) 68%,rgba(255,46,147,0))}
.cf-wipe::after{content:"";position:absolute;top:0;bottom:0;left:-140px;right:-140px;background:radial-gradient(50% 50% at 50% 50%,rgba(255,46,147,.45),rgba(255,46,147,0) 70%)}

/* ── 영수증 ── */
.cf-rc{width:400px;background:#FBFAF6;color:#26212B;border-radius:8px 8px 0 0;padding:30px 30px 24px;line-height:1.3;
  box-shadow:0 60px 110px -34px rgba(0,0,0,.85),0 12px 26px -10px rgba(0,0,0,.45)}
.cf-rc::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;
  background:linear-gradient(135deg,#FBFAF6 50%,transparent 50%) 0 0/14px 14px repeat-x,
             linear-gradient(225deg,#FBFAF6 50%,transparent 50%) 0 0/14px 14px repeat-x}
.cf-rc .cf-rk0{font-size:14px;font-weight:800;letter-spacing:.34em;color:#A39CAB;text-align:center}
.cf-rc .cf-rh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:25px;font-weight:900;letter-spacing:-.03em}
.cf-rc .cf-rh span{font-size:14px;font-weight:800;color:#0C8A5F;background:#E8F7EF;border-radius:99px;padding:5px 11px;white-space:nowrap;letter-spacing:0}
.cf-rc .cf-rd{margin-top:6px;font-size:15px;color:#8B8592;font-variant-numeric:tabular-nums}
.cf-rc .cf-rsep{margin:16px 0 4px;border-top:2px dashed #DDD7E1}
.cf-rc .cf-rl{display:flex;align-items:baseline;gap:8px;margin-top:11px;font-size:18px;font-variant-numeric:tabular-nums}
.cf-rc .cf-rl i{flex:1;border-bottom:2px dotted #CFC9D5;transform:translateY(-4px)}
.cf-rc .cf-rl.cf-rv{font-size:14px;color:#9A94A2;margin-top:10px}
.cf-rc .cf-rt{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:14px;border-top:2px dashed #DDD7E1;font-size:18px;font-weight:700}
.cf-rc .cf-rt b{position:relative;font-size:30px;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cf-rc .cf-rt b::after{content:"";position:absolute;left:-4px;right:-4px;bottom:-2px;height:10px;background:rgba(255,46,147,.35);border-radius:3px;
  transform:scaleX(var(--u,0));transform-origin:0 50%}
.cf-rc .cf-rm{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:14px;color:#8B8592}
.cf-rc .cf-rm em{background:repeating-linear-gradient(135deg,#3A3440 0 5px,#57515E 5px 10px);color:#fff;border-radius:5px;padding:4px 11px;font-size:13px;font-weight:800}
.cf-rc .cf-rbc{margin-top:16px;height:34px;opacity:.72;
  background:repeating-linear-gradient(90deg,#2A2530 0 3px,transparent 3px 6px,#2A2530 6px 7px,transparent 7px 11px,#2A2530 11px 15px,transparent 15px 17px,#2A2530 17px 18px,transparent 18px 22px)}
.cf-rc.cf-mini{width:300px;padding:22px 22px 18px}
.cf-rc.cf-mini .cf-rh{font-size:20px;margin-top:0}
.cf-rc.cf-mini .cf-rl{font-size:15px;margin-top:8px}
.cf-rc.cf-mini .cf-rt{font-size:15px;margin-top:12px;padding-top:10px}
.cf-rc.cf-mini .cf-rt b{font-size:23px}
.cf-rc.cf-mini .cf-rd{font-size:13px}

/* ── 도장 · 충격 ── */
.cf-stamp{padding:15px 24px 12px;border:6px solid #DE1479;border-radius:16px;color:#DE1479;text-align:center;white-space:nowrap;line-height:1;
  background:rgba(255,255,255,.02);
  -webkit-mask-image:radial-gradient(120% 90% at 42% 45%,#000 55%,rgba(0,0,0,.72) 100%);
          mask-image:radial-gradient(120% 90% at 42% 45%,#000 55%,rgba(0,0,0,.72) 100%)}
.cf-stamp::before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid rgba(222,20,121,.55);border-radius:9px}
.cf-stamp b{display:block;font-size:44px;font-weight:900;letter-spacing:-.03em;line-height:1}
.cf-stamp small{display:block;margin-top:8px;font-size:16px;font-weight:800;letter-spacing:.14em}
.cf-stamp.cf-ssm{padding:11px 18px 9px;border-width:5px}
.cf-stamp.cf-ssm b{font-size:32px}
.cf-stamp.cf-ssm small{font-size:12px;margin-top:6px}
.cf-ink{width:360px;height:180px;margin:-90px 0 0 -180px;border-radius:50%;border:4px solid rgba(255,46,147,.6);pointer-events:none}
.cf-flash{z-index:60;pointer-events:none;will-change:opacity}
.cf-dust{width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#FF6DB4;pointer-events:none}

/* ── 초대형 자막 ── */
.cf-sup{white-space:nowrap;font-weight:900;letter-spacing:-.055em;line-height:1;color:#fff;text-shadow:0 8px 60px rgba(0,0,0,.28)}
.cf-sup .cf-ln{display:block;overflow:hidden;padding:.04em .08em .12em 0}
.cf-sup .cf-ln>span{display:inline-block}
.cf-sup em{color:#FF2E93}
.cf-num{display:inline-flex;align-items:flex-start;text-shadow:none}   /* cf6: 숫자 칸마다 그림자가 잘려 네모 자국이 보이던 것 — 가독성은 사진 쪽 어둡게(scrim)가 맡는다 */
.cf-dg,.cf-ch{display:inline-block;height:1.08em;line-height:1.08em;overflow:hidden;vertical-align:top}
.cf-dg i{display:block;height:1.08em;line-height:1.08em;text-align:center}
.cf-ch.cf-w{margin-left:.02em}

/* 작은 설명 */
.cf-cap{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:650;line-height:1.3;color:rgba(255,255,255,.86);letter-spacing:-.015em;white-space:nowrap}
.cf-cap::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:#FF2E93;box-shadow:0 0 14px #FF2E93}
.cf-small{font-size:26px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.82);letter-spacing:-.015em;white-space:nowrap}
.cf-small b{color:#FF6DB4}

/* ── 사진 장면 ── */
.cf-ph{overflow:hidden}
.cf-ph .cf-img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover}
.cf-ph .cf-blr{opacity:0}   /* cf5: 휙 넘길 때 흐림 사본 */
.cf-sc{pointer-events:none}
.cf-scL{background:linear-gradient(90deg,rgba(9,6,11,.8) 0%,rgba(9,6,11,.5) 30%,rgba(9,6,11,0) 56%)}
.cf-scR{background:linear-gradient(270deg,rgba(9,6,11,.8) 0%,rgba(9,6,11,.5) 30%,rgba(9,6,11,0) 56%)}
.cf-scT{background:linear-gradient(180deg,rgba(9,6,11,.82) 0%,rgba(9,6,11,.52) 24%,rgba(9,6,11,0) 44%)}
.cf-scB{background:linear-gradient(0deg,rgba(9,6,11,.66) 0%,rgba(9,6,11,0) 26%)}
.cf-scM{background:linear-gradient(180deg,rgba(9,6,11,0) 12%,rgba(9,6,11,.62) 26%,rgba(9,6,11,.62) 50%,rgba(9,6,11,0) 64%)}
.cf-tint{pointer-events:none;background:#0A070C}

/* ── 핀 ── */
.cf-pin{width:0;height:0;z-index:6}   /* cf6: 핀·말풍선은 영수증·도장보다 늘 위 */
.cf-pin .cf-pdot{position:absolute;left:-25px;top:-25px;width:50px;height:50px;border-radius:50%;border:4px solid #fff;
  display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 28px -8px rgba(0,0,0,.75)}
.cf-pin .cf-pdot svg{width:22px;height:22px}
.cf-pin[data-t=good] .cf-pdot{background:#0E9C6D}
.cf-pin[data-t=bad] .cf-pdot{background:#F08A3C}
.cf-pin[data-t=tip] .cf-pdot{background:#FF2E93}
.cf-pin .cf-prip{position:absolute;left:-25px;top:-25px;width:50px;height:50px;border-radius:50%;border:3px solid #fff;opacity:0}
.cf-pin .cf-pbub{position:absolute;top:0;display:block;width:auto;height:auto;background:#fff;backface-visibility:hidden;color:#241F2A;border-radius:20px;padding:13px 18px 14px;white-space:nowrap;
  line-height:1.3;text-align:left;box-shadow:0 28px 54px -18px rgba(0,0,0,.78)}
.cf-pin[data-s=r] .cf-pbub{left:42px}
.cf-pin[data-s=l] .cf-pbub{right:42px}
.cf-pin .cf-pbub::after{content:"";position:absolute;top:50%;margin-top:-9px;border:9px solid transparent}
.cf-pin[data-s=r] .cf-pbub::after{right:100%;border-right-color:#fff}
.cf-pin[data-s=l] .cf-pbub::after{left:100%;border-left-color:#fff}
.cf-pin .cf-ptp{display:inline-flex;align-items:center;gap:5px;font-size:15px;font-weight:850;line-height:1.2;border-radius:99px;padding:4px 11px}
.cf-pin .cf-ptp svg{width:15px;height:15px}
.cf-pin[data-t=good] .cf-ptp{background:#DFF5EC;color:#097D57}
.cf-pin[data-t=bad] .cf-ptp{background:#FFF1E6;color:#C0651E}
.cf-pin[data-t=tip] .cf-ptp{background:#FFEFF7;color:#DE1479}
.cf-pin .cf-ptx{display:block;margin-top:7px;font-size:24px;font-weight:750;letter-spacing:-.025em}
.cf-pin.cf-wrap .cf-pbub{white-space:normal;word-break:keep-all}
.cf-cv.cf-P .cf-pin .cf-pdot,.cf-cv.cf-P .cf-pin .cf-prip{left:-30px;top:-30px;width:60px;height:60px}
.cf-cv.cf-P .cf-pin .cf-pdot svg{width:26px;height:26px}
.cf-cv.cf-P .cf-pin .cf-pbub{padding:16px 22px 17px;border-radius:24px}
.cf-cv.cf-P .cf-pin[data-s=r] .cf-pbub{left:50px}
.cf-cv.cf-P .cf-pin[data-s=l] .cf-pbub{right:50px}
.cf-cv.cf-P .cf-pin .cf-ptp{font-size:23px;padding:6px 14px}
.cf-cv.cf-P .cf-pin .cf-ptp svg{width:19px;height:19px}
.cf-cv.cf-P .cf-pin .cf-ptx{font-size:35px;margin-top:9px}

/* 인증 배지 */
.cf-vb{display:inline-flex;align-items:center;gap:9px;background:#0D8A60;color:#fff;border-radius:99px;padding:12px 20px 12px 14px;
  font-size:21px;font-weight:850;line-height:1;white-space:nowrap;box-shadow:0 14px 30px -10px rgba(0,0,0,.65)}
.cf-vb svg{width:22px;height:22px;flex:none}

/* ── 전환 ── */
.cf-streak{pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,190,225,.6) 47%,#fff 50%,rgba(255,190,225,.6) 53%,rgba(255,255,255,0) 70%)}
.cf-iris{background:#FF2E93;pointer-events:none}

/* ── 폰 ── */
.cf-phone{width:420px;height:860px;border-radius:66px;padding:13px;
  background:linear-gradient(145deg,#2B2830 0%,#0E0D12 42%,#1C1A21 100%);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.14) inset,0 0 0 1px #050407,0 70px 130px -40px rgba(0,0,0,.85),0 24px 40px -18px rgba(0,0,0,.6)}
.cf-phone .cf-scr{position:relative;display:block;width:100%;height:100%;border-radius:54px;overflow:hidden;background:#fff;opacity:1}
.cf-phone .cf-pcam{position:absolute;top:16px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#0B0A0E;z-index:9;box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.cf-phone .cf-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:54px;z-index:8;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,0) 44%)}
.cf-phone .cf-sweep{position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;z-index:20;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:skewX(-14deg)}
.cf-phone .cf-pg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#fff;color:#241F2A;overflow:hidden;text-align:left;line-height:1.3}
.cf-phone .cf-sb{position:relative;z-index:3;height:52px;padding:18px 34px 0;display:flex;justify-content:space-between;background:#fff;font-size:16px;font-weight:800;letter-spacing:-.01em}
.cf-phone .cf-sb i{display:inline-block;width:40px;height:12px;border-radius:3px;background:#241F2A;opacity:.85;margin-top:3px}
.cf-phone .cf-ab{position:relative;z-index:3;height:62px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F1EEF3;background:#fff}
.cf-phone .cf-lg{display:block;width:100px;height:44px;margin-left:-4px}   /* 원본 로고 (사이트 모바일 헤더와 같은 100×44) */
.cf-phone .cf-ab u{width:26px;height:26px;border-radius:8px;border:3px solid #241F2A;opacity:.8;display:block}
.cf-phone .cf-cd{padding:14px 16px 0}
.cf-phone .cf-cph{position:relative;height:430px;border-radius:20px;background:#EEE center/cover no-repeat;overflow:hidden}
.cf-phone .cf-vbg{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;background:#0D8A60;color:#fff;
  border-radius:99px;padding:6px 11px 6px 8px;font-size:13px;font-weight:850;line-height:1}
.cf-phone .cf-vbg svg{width:14px;height:14px}
.cf-phone .cf-cpin{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.cf-phone .cf-cpin.cf-g{background:#0E9C6D}.cf-phone .cf-cpin.cf-b{background:#F08A3C}.cf-phone .cf-cpin.cf-p{background:#FF2E93}
.cf-phone .cf-cpin{z-index:2}
/* cf16: 폰 화면 속 후기 카드 — 핀 설명 (본 장면 말풍선을 작게) */
.cf-phone .cf-cpt{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:176px;
  padding:8px 11px 9px;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 8px 18px -6px rgba(0,0,0,.5);
  transform:translateY(-50%);text-align:left}
.cf-phone .cf-cpt i{font-style:normal;font-size:13px;font-weight:850;line-height:1;border-radius:99px;padding:4px 8px 3px;white-space:nowrap;letter-spacing:-.01em}
.cf-phone .cf-cpt.cf-g i{background:#DFF5EC;color:#097D57}
.cf-phone .cf-cpt.cf-b i{background:#FFF1E6;color:#C0651E}
.cf-phone .cf-cpt.cf-p i{background:#FFE3F0;color:#DE1479}
.cf-phone .cf-cpt b{display:block;font-size:18px;font-weight:850;letter-spacing:-.04em;line-height:1.25;color:#241F2A;word-break:keep-all}
.cf-phone .cf-ctt{margin-top:14px;font-size:22px;font-weight:850;letter-spacing:-.035em;line-height:1.3;color:#241F2A}
.cf-phone .cf-cmt{margin-top:7px;font-size:15px;color:#8B8594;font-weight:600}
.cf-phone .cf-crp{margin-top:12px;display:inline-flex;align-items:center;gap:8px;background:#F6F4F8;border-radius:12px;padding:9px 13px;font-size:15px;font-weight:700;color:#4A4450}
.cf-phone .cf-crp b{color:#241F2A;font-weight:900}
.cf-phone .cf-crp svg{width:17px;height:17px;flex:none}
/* 앱 시작 화면 — 실제 앱 시작 화면처럼 흰 바탕 + 로고 세 색의 옅은 번짐 + 원본 로고 */
.cf-phone .cf-spl{background:#fff;display:flex;align-items:center;justify-content:center}
.cf-phone .cf-spl i{position:absolute;display:block;border-radius:50%;pointer-events:none}
.cf-phone .cf-bl1{width:470px;height:470px;right:-190px;top:0;background:radial-gradient(closest-side,rgba(247,72,195,.18),rgba(247,72,195,.07) 58%,rgba(247,72,195,0))}
.cf-phone .cf-bl2{width:240px;height:240px;left:-120px;top:250px;background:radial-gradient(closest-side,rgba(53,235,128,.16),rgba(53,235,128,0))}
.cf-phone .cf-bl3{width:660px;height:660px;left:-70px;bottom:-330px;background:radial-gradient(closest-side,rgba(120,224,250,.26),rgba(120,224,250,.09) 60%,rgba(120,224,250,0))}
.cf-phone .cf-slogo{position:relative;display:block;width:260px;height:114px}
.cf-phone .cf-fd{position:absolute;left:0;right:0;top:114px}
.cf-phone .cf-fc{margin:0 16px 16px;border:1px solid #F1EEF3;border-radius:22px;padding:12px;background:#fff}
.cf-phone .cf-fc .cf-cph{height:300px;border-radius:16px}
.cf-phone .cf-fc .cf-vbg{left:10px;top:10px;padding:5px 10px 5px 7px;font-size:12px}
.cf-phone .cf-fc .cf-ctt{margin-top:11px;font-size:19px}
.cf-phone .cf-fc .cf-cmt{margin-top:5px;font-size:14px}

/* ── 10. 후기 벽 ── */
.cf-wall{display:flex;justify-content:center;gap:20px}
.cf-col{flex:none;display:flex;flex-direction:column;gap:20px;width:240px;position:relative}
.cf-colb{position:absolute;left:0;top:0;width:240px;height:2950px;pointer-events:none}   /* cf5: 흐림 사본(작은 캔버스를 늘려 보여 줌) */
.cf-tile{flex:none;width:240px;height:310px;border-radius:20px;background:#333 center/cover no-repeat}

/* ── 엔드카드 ── */
/* 엔드카드 로고 — 원본 로고의 흰 글씨판 (어두운 바탕) */
.cf .cf-elogo{display:block;width:260px;height:auto;aspect-ratio:900/395;margin:0 0 34px}   /* .cf img(height:auto)보다 세게 · 불러오기 전에도 높이 확보 */
.cf .cf-cv.cf-P .cf-elogo{width:280px;margin-bottom:38px}
.cf-endtx{width:900px;text-align:left}
.cf-lab{display:inline-flex;align-items:center;gap:11px;padding:11px 20px 11px 16px;border-radius:99px;
  background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.16);font-size:22px;font-weight:750;line-height:1.2;letter-spacing:-.015em;color:#fff}
.cf-lab i{width:11px;height:11px;border-radius:50%;background:#FF2E93;box-shadow:0 0 12px #FF2E93;display:inline-block}
.cf-h1{margin:26px 0 0 !important;padding:0;font-size:100px;font-weight:900;letter-spacing:-.055em;line-height:1.1;color:#fff;text-align:left}
.cf-h1 em{color:#FF2E93}
.cf-h1 .cf-ln{display:block}
.cf-sub{margin:26px 0 0 !important;font-size:25px;font-weight:500;line-height:1.62;color:rgba(255,255,255,.78);letter-spacing:-.015em;word-break:keep-all}
.cf-btns{display:flex;gap:16px;margin-top:40px}
.cf-btn{height:76px;padding:0 36px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-size:25px;font-weight:850;line-height:1;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.cf-btn.cf-bp{background:#FF2E93;color:#fff;box-shadow:0 20px 44px -16px rgba(255,46,147,.9)}
.cf-btn.cf-bp:hover{background:#FF45A0;transform:translateY(-2px);color:#fff}
.cf-btn.cf-bs{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.3)}   /* cf5: 뒤 흐림(backdrop-filter) 제거 — 어두운 단색 위라 모양은 같다 */
.cf-btn.cf-bs:hover{background:rgba(255,255,255,.16);color:#fff}
.cf-btn.cf-bs b{color:#FFB7D6;font-weight:900}
.cf-trust{margin-top:28px;display:flex;align-items:center;gap:11px;font-size:20px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.62)}
.cf-trust svg{width:22px;height:22px;flex:none}
.cf-pt{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#241F2A;border-radius:99px;padding:14px 22px 14px 14px;
  font-size:22px;font-weight:850;line-height:1;white-space:nowrap;box-shadow:0 22px 46px -16px rgba(0,0,0,.7)}
.cf-pt i{width:36px;height:36px;border-radius:50%;background:#FF2E93;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900}
.cf-pt b{color:#DE1479;font-weight:900}
.cf-cv.cf-P .cf-endtx{width:auto}
.cf-cv.cf-P .cf-lab{font-size:28px;padding:13px 24px 13px 18px}
.cf-cv.cf-P .cf-h1{font-size:112px;margin-top:30px !important}
.cf-cv.cf-P .cf-sub{font-size:31px;margin-top:28px !important}
.cf-cv.cf-P .cf-btns{margin-top:40px;gap:18px}
.cf-cv.cf-P .cf-btn{height:104px;font-size:33px;padding:0 24px;flex:1}
.cf-cv.cf-P .cf-trust{font-size:26px;margin-top:30px}
.cf-cv.cf-P .cf-trust svg{width:28px;height:28px}

/* ── JS 없을 때 / 동작 줄이기 : 정적 엔드카드 ── */
.cf-static{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:0 7vw;
  background:radial-gradient(62% 58% at 60% 50%,#241728 0%,#150E18 52%,#0A070C 100%)}
.cf-static .cf-endtx{width:auto;max-width:640px}
.cf .cf-static .cf-elogo{width:clamp(140px,13vw,190px);height:auto;aspect-ratio:900/395;margin-bottom:18px}
.cf-static .cf-lab{font-size:14px;padding:8px 14px 8px 12px}
.cf-static .cf-h1{font-size:clamp(38px,5.4vw,68px);margin-top:18px !important}
.cf-static .cf-sub{font-size:clamp(14px,1.3vw,17px);margin-top:16px !important}
.cf-static .cf-btns{margin-top:26px;flex-wrap:wrap;gap:10px}
.cf-static .cf-btn{height:50px;font-size:16px;padding:0 24px}
.cf-static .cf-trust{font-size:13px;margin-top:18px}
.cf-static .cf-trust svg{width:16px;height:16px}
.cf.cf-on .cf-static{display:none}
/* JS 가 곧 시작할 때는 정적 엔드카드를 잠깐 숨긴다 — 2.5초 안에 안 뜨면 다시 보인다 */
.cf.cf-js:not(.cf-on) .cf-static{visibility:hidden;animation:cfShow 0s 2.5s forwards}
@keyframes cfShow{to{visibility:visible}}

/* ═══ cf7 (2026-09-24) 대표님 "세럼 방식은 그대로, 헤드셋·고깃집 후기는 다르게" ═══ */
/* ── 헤드폰 : 폴드 — 두 판이 경첩처럼 열리고 판마다 좋은 점 / 아쉬운 점 ── */
/* 둥근 모서리는 쓰지 않는다 — 판 안의 사진이 따로 움직이는 층이라 둥근 모서리를 깎는 마스크가 붙어 폰에서 끊겼다(실측 39→56fps) */
.cf-fp{overflow:hidden;background:#0A070C;backface-visibility:hidden;
  box-shadow:0 60px 110px -40px rgba(0,0,0,.9),0 0 0 2px rgba(255,255,255,.1)}
.cf-fpc{position:absolute;left:0;top:0}
.cf .cf-fpi{position:absolute;display:block;max-width:none}
.cf-fpsc{pointer-events:none;background:linear-gradient(0deg,rgba(9,6,11,.9) 0%,rgba(9,6,11,.64) 25%,rgba(9,6,11,0) 52%)}
.cf-fpsc.cf-fpst{background:linear-gradient(180deg,rgba(9,6,11,.9) 0%,rgba(9,6,11,.64) 25%,rgba(9,6,11,0) 52%)}
.cf-fptx{z-index:3;display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}
.cf-fpch{display:inline-flex;align-items:center;font-size:27px;font-weight:850;line-height:1;border-radius:99px;padding:11px 20px;letter-spacing:-.01em}
.cf-fptx[data-t=good] .cf-fpch{background:#DFF5EC;color:#097D57}
.cf-fptx[data-t=bad] .cf-fpch{background:#FFF1E6;color:#C0651E}
.cf-fpq{margin-top:18px;font-size:54px;font-weight:850;letter-spacing:-.04em;line-height:1.12;color:#fff}
.cf-fpq .cf-ln{display:block;overflow:hidden;padding:.04em .06em .1em 0}
.cf-fpq .cf-ln>span{display:inline-block}
.cf-cv.cf-P .cf-fpch{font-size:36px;padding:13px 24px}
.cf-cv.cf-P .cf-fpq{font-size:66px;margin-top:22px}

/* ── 고깃집 : 후기를 찍어 내는 영수증 ── */
.cf-rc.cf-prc{width:520px;padding:38px 40px 30px}
.cf-rc.cf-prc .cf-rk0{font-size:16px}
.cf-rc.cf-prc .cf-rh{font-size:33px;margin-top:18px}
.cf-rc.cf-prc .cf-rh span{font-size:17px;padding:6px 13px}
.cf-rc.cf-prc .cf-rd{font-size:18px;margin-top:8px}
.cf-rc.cf-prc .cf-rsep{margin:18px 0 6px}
.cf-rc.cf-prc .cf-rl{font-size:23px;margin-top:13px}
.cf-rc.cf-prc .cf-rt{font-size:22px;margin-top:20px;padding-top:16px}
.cf-rc.cf-prc .cf-rt b{font-size:40px}
.cf-rc.cf-prc .cf-rt b::after{display:none}
.cf-rc.cf-prc .cf-rt em{position:relative;z-index:1}
.cf-rhl{position:absolute;left:-6px;right:-6px;bottom:1px;height:15px;background:rgba(255,46,147,.42);border-radius:4px;z-index:0}
.cf-rrh{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:17px;font-weight:800;color:#A39CAB;letter-spacing:.02em;white-space:nowrap}
.cf-rrh::before,.cf-rrh::after{content:"";flex:1;border-top:2px dashed #DDD7E1}
.cf-rrl{margin-top:16px}
.cf-rrl em{display:inline-flex;align-items:center;font-size:17px;font-weight:850;border-radius:99px;padding:6px 13px;line-height:1.1}
.cf-rrl[data-t=good] em{background:#DFF5EC;color:#097D57}
.cf-rrl[data-t=bad] em{background:#FFF1E6;color:#C0651E}
.cf-rrl b{display:block;margin-top:9px;font-size:29px;font-weight:850;letter-spacing:-.035em;line-height:1.25;color:#1E1A22;white-space:nowrap}
.cf-rc.cf-prc .cf-rm{margin-top:24px}
.cf-cv.cf-P .cf-rc.cf-prc{width:760px;padding:50px 56px 42px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rk0{font-size:21px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rh{font-size:44px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rh span{font-size:23px;padding:8px 16px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rd{font-size:23px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rl{font-size:30px;margin-top:15px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rt{font-size:29px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rt b{font-size:52px}
.cf-cv.cf-P .cf-rhl{height:19px}
.cf-cv.cf-P .cf-rrh{font-size:23px;margin-top:32px}
.cf-cv.cf-P .cf-rrl{margin-top:20px}
.cf-cv.cf-P .cf-rrl em{font-size:24px;padding:8px 16px}
.cf-cv.cf-P .cf-rrl b{font-size:40px;margin-top:11px}
.cf-cv.cf-P .cf-rc.cf-prc .cf-rm{font-size:19px}
.cf-beam{height:5px;margin-top:-2.5px;border-radius:3px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,46,147,0) 0%,#FF2E93 22%,#FFC2E0 100%);box-shadow:0 0 18px 4px rgba(255,46,147,.55)}
.cf-cv.cf-P .cf-beam{height:7px;margin-top:-3.5px}

/* ── cf10 고깃집 : 사진 속 핀 옆 장점·단점 글 (글자 크기는 em — 넘치면 통째로 줄인다) ── */
.cf-ptag{font-size:24px;background:#fff;color:#241F2A;border-radius:.72em;padding:.5em .74em .56em;white-space:nowrap;line-height:1.2;z-index:6;
  box-shadow:0 18px 36px -14px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.04);backface-visibility:hidden}
.cf-ptag .cf-ptp{display:inline-flex;align-items:center;font-size:.64em;font-weight:850;line-height:1.2;border-radius:99px;padding:.28em .74em}
.cf-ptag[data-t=good] .cf-ptp{background:#DFF5EC;color:#097D57}
.cf-ptag[data-t=bad] .cf-ptp{background:#FFF1E6;color:#C0651E}
.cf-ptag .cf-ptx{display:block;margin-top:.3em;font-size:1em;font-weight:780;letter-spacing:-.025em}
.cf-cv.cf-P .cf-ptag{font-size:42px}