/* 명함 변형 CARD_02~06 (플랜 #93 S7) — card.css 위에 얹는 변형별 모양. 색은 디자인 토큰(--card-*)만 쓰고, 변형 기본값은 partials/card_common.php 가 정한다. CARD_01은 이 파일을 쓰지 않는다. */
.ph{position:absolute;z-index:1;overflow:hidden;background:rgba(0,0,0,.06)}
.ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.front .f-in{z-index:2}

/* ── CARD_02 단색형: 한 가지 색, 인물·장식 없음 ── */
.v-02 .front{background:var(--card-bg-from)}
.v-02 .front::before,.v-02 .back::before{display:none}
.v-02 .nm{font-size:10.4cqw}
.v-02 .tt{font-size:3.6cqw;font-weight:600}
.v-02 .co{font-size:3.4cqw}
.v-02 .bar-line{width:15cqw;height:.9cqw;background:var(--card-text)}

/* ── CARD_03 여성용 A: 블러시 바탕 + 둥근 인물 프레임 ── */
.v-03 .front::before{display:none}
.v-03 .ph{right:7%;top:12%;width:38%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 2.2cqw var(--card-accent)}
.v-03 .nm,.v-03 .tt,.v-03 .co,.v-03 .tg{max-width:50%}
.v-03 .nm{font-size:7.8cqw}
.v-03 .back::before{left:auto;right:-5%;top:auto;bottom:-16%;width:24%}

/* ── CARD_04 여성용 B: 어두운 바탕 + 오른쪽 세로 인물 ── */
.v-04 .front{background:linear-gradient(135deg,var(--card-bg-from),var(--card-bg-to))}
.v-04 .front::before,.v-04 .back::before{display:none}
.v-04 .ph{right:0;top:0;bottom:0;width:43%}
.v-04 .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--card-bg-from) 0%,rgba(0,0,0,0) 38%)}
.v-04 .nm,.v-04 .tt,.v-04 .co,.v-04 .tg{max-width:50%}
.v-04 .nm{font-size:7.8cqw}
.v-04 .tt{color:var(--card-accent)}
.v-04 .bar-line{background:var(--card-accent)}
.v-04 .dm{color:var(--card-text);z-index:3}

/* ── CARD_05 근엄형: 남색 + 금선 이중 테두리, 세리프 ── */
.v-05 .front,.v-05 .back{font-family:"Noto Serif KR","Nanum Myeongjo",Batang,serif}
.v-05 .front::before,.v-05 .back::before{content:"";left:2.4cqw;top:2.4cqw;right:2.4cqw;bottom:2.4cqw;width:auto;aspect-ratio:auto;border-radius:1.4cqw;background:none;border:.28cqw solid var(--card-accent);opacity:1;z-index:0}
.v-05 .ph{right:8.5%;top:17%;width:24%;aspect-ratio:3/4;border-radius:.6cqw;outline:.32cqw solid var(--card-accent);outline-offset:.7cqw}
.v-05 .nm,.v-05 .tt,.v-05 .co,.v-05 .tg{max-width:56%}
.v-05 .nm{font-size:7cqw;font-weight:800;letter-spacing:.2em}
.v-05 .tt{color:var(--card-accent);font-weight:600;letter-spacing:.04em}
.v-05 .co{font-weight:700;letter-spacing:.04em}
.v-05 .bar-line{background:var(--card-accent);height:.35cqw;border-radius:0;width:20cqw}

/* ── CARD_06 청소년용: 밝은 색 + 둥근 도형 + 원형 인물 ── */
.v-06 .front{background:linear-gradient(145deg,var(--card-bg-from),var(--card-bg-to))}
.v-06 .front::before{right:-7%;top:-28%;bottom:auto;width:46%;opacity:.96}
.v-06 .f-in::after{content:"";position:absolute;left:-9%;bottom:-32%;width:34%;aspect-ratio:1;border-radius:50%;background:#7FE0F5;z-index:-1}
.v-06 .ph{right:7%;top:19%;width:35%;aspect-ratio:1;border-radius:50%;border:1.2cqw solid #fff;box-shadow:0 1cqw 3cqw rgba(0,0,0,.2)}
.v-06 .nm,.v-06 .tt,.v-06 .co{max-width:50%}
.v-06 .nm{font-size:7.8cqw}
.v-06 .tg{display:inline-block;max-width:50%;background:var(--card-text);color:var(--card-bg-to);padding:.9cqw 2.4cqw;border-radius:99px;font-weight:800;font-size:2.4cqw}
.v-06 .bar-line{display:none}
.v-06 .back::before{width:18%}

/* [2026-10-05] 청소년용(CARD_06) 주소는 지도 링크 없이 글자만 — 클릭 대상이 아니므로 호버 밑줄 없음 */
.row.nolink:hover .v{text-decoration:none}