/* LC 고객 리뷰 — lc-reviews.php.
   값은 Q&A(lc-qna.css)·테마 칼럼 목록과 같다: 글자 #111/#333/#666/#999, 테두리 #eee,
   모서리 12px, 포인트 #293b3e. 카드가 두 줄로 놓여 본문 폭만 Q&A(800px)보다 넓은 1080px. */
.lcrv{max-width:1080px;margin:0 auto;padding:60px 40px 80px;color:#333;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.8;word-break:keep-all}
.lcrv *{box-sizing:border-box}
/* 히어로 위 흰 줄 보정. lc-qna.css 와 같은 이유·같은 값(테마 style.css 가 늦게 붙어 body 를 앞에 붙인다) */
body .lc-page-wrap{padding-top:0}
body .lc-archive-hero{padding-top:180px}





/* 카드 */
/* 카드 — 닫힌 상태에서는 모두 같은 높이다. 본문은 7줄 칸을 늘 차지하고(짧으면 빈칸),
   "전체 보기"·태그 줄도 내용이 없어도 자리를 잡는다. 펼치기(전체 보기·병원 답글)는
   방문자가 누른 카드만 늘어난다 */
.lcrv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
.lcrv-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:26px 28px 20px;margin:0;display:flex;flex-direction:column;transition:box-shadow .3s,transform .3s}
.lcrv-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.lcrv-card[hidden]{display:none}
.lcrv-card-top{display:flex;justify-content:space-between;align-items:center;height:22px;margin:0 0 14px}
.lcrv-src{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;border-radius:4px;padding:2px 8px;line-height:18px;color:#293b3e;background:#f1f4f4}
.lcrv-rate{font-size:14px;font-weight:600;color:#111}
.lcrv-star{color:#293b3e}
.lcrv-max{color:#bbb;font-weight:500;font-size:12px;margin-left:1px}
.lcrv-body{font-size:15px;line-height:27px;height:189px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;overflow-wrap:anywhere}
.lcrv-card.is-open .lcrv-body{display:block;height:auto;-webkit-line-clamp:unset}
.lcrv-more{align-self:flex-start;border:0;background:none;padding:0;height:30px;font:inherit;font-size:13px;font-weight:600;color:#293b3e;cursor:pointer;visibility:hidden}
.lcrv-more.is-long{visibility:visible}
.lcrv-more::after{content:" ↓"}
.lcrv-card.is-open .lcrv-more::after{content:" ↑"}
.lcrv-tags{margin:4px 0 0;height:20px;display:flex;gap:10px;font-size:13px;color:#999;line-height:20px;white-space:nowrap;overflow:hidden}
.lcrv-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 0;padding-top:14px;border-top:1px solid #f2f2f2;font-size:13px;color:#999;line-height:20px}
.lcrv-who{color:#666;font-weight:600}
.lcrv-meta-r{display:flex;align-items:center;gap:12px}
.lcrv-reply-btn{border:1px solid #dfe5e5;background:#f1f4f4;border-radius:4px;padding:0 8px;font:inherit;font-size:12px;font-weight:600;line-height:18px;color:#293b3e;cursor:pointer}
.lcrv-reply-btn::after{content:" +"}
.lcrv-reply-btn[aria-expanded=true]::after{content:" −"}
.lcrv-reply{margin:14px 0 0;background:#f9f9f9;border-left:3px solid #293b3e;border-radius:0 8px 8px 0;padding:12px 16px;font-size:14px;line-height:1.75;color:#666}
.lcrv-reply[hidden]{display:none}

.lcrv-disclaim{font-size:13px;color:#999;border-top:1px solid #eee;padding-top:24px;margin-top:48px;line-height:1.8}
.lcrv-disclaim p{margin:0 0 4px}

@media (max-width:768px){
  .lcrv{padding:40px 20px 60px;font-size:15px}
  body .lc-archive-hero{padding-top:164px}
  .lcrv-grid{grid-template-columns:1fr;gap:12px}
  .lcrv-card{padding:20px}
}

/* ---- 0.3.0: 필터(시술 부위·환자 국가) · 숫자 페이지 · 플랫폼 로고 ----
   웹은 왼쪽 패널, 모바일(768px 이하)은 위쪽 가로 칩. 같은 마크업을 CSS 로 나눈다. */
.lcrv-head{margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid #111}
.lcrv-head h2{font-size:24px;font-weight:700;color:#111;margin:0;line-height:1.4}
.lcrv-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px;align-items:start}
.lcrv-filter{position:sticky;top:110px;display:flex;flex-direction:column;gap:26px;padding-top:2px}
.lcrv-fgroup h3{margin:0 0 10px;font-size:13px;font-weight:700;color:#293b3e;letter-spacing:.04em;line-height:1.4}
.lcrv-fopts{display:flex;flex-direction:column;gap:2px}
.lcrv-fopt{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px 10px;border-radius:8px;font:inherit;font-size:14.5px;line-height:1.4;color:#333;cursor:pointer;text-align:left;transition:background .2s}
.lcrv-fopt::before{content:"";width:16px;height:16px;border:1.5px solid #bbb;border-radius:4px;flex:none;box-sizing:border-box}
.lcrv-fopt:hover{background:#f5f7f7}
.lcrv-fopt.is-on{background:#eef2f2;font-weight:700;color:#293b3e}
.lcrv-fopt.is-on::before{background:#293b3e;border-color:#293b3e;box-shadow:inset 0 0 0 2px #fff}
.lcrv-fopt .lcrv-flag{width:18px;height:12px}
.lcrv-fopt .lcrv-flag-globe{width:14px;height:14px}
.lcrv-freset{align-self:flex-start;border:0;background:none;padding:0;font:inherit;font-size:13px;color:#888;text-decoration:underline;cursor:pointer}
.lcrv-freset[hidden]{display:none}
.lcrv-lefts{display:inline-flex;align-items:center;gap:8px;min-width:0}
.lcrv-plat{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#293b3e;line-height:22px}
.lcrv-plat b{font-weight:700}
.lcrv-logo{display:block;width:22px;height:22px;border-radius:5px;flex:none}
.lcrv-lang{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:18px;color:#555;border:1px solid #e3e6e6;border-radius:99px;padding:1px 9px 1px 5px;background:#fff;white-space:nowrap}
.lcrv-flag{display:block;width:16px;height:11px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.14);flex:none}
.lcrv-flag-globe{width:14px;height:14px;border-radius:0;box-shadow:none}
.lcrv-empty{margin:40px 0;text-align:center;color:#888;font-size:15px}
.lcrv-empty[hidden],.lcrv-grid[hidden],.lcrv-pager[hidden]{display:none}
.lcrv-pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:38px 0 0}
.lcrv-pager button{min-width:38px;height:38px;border:1px solid #ddd;background:#fff;border-radius:8px;font:inherit;font-size:14px;font-weight:600;color:#333;cursor:pointer;padding:0 8px;transition:background .2s}
.lcrv-pager button:hover:not(:disabled){background:#f5f5f5}
.lcrv-pager button.is-on{background:#293b3e;border-color:#293b3e;color:#fff}
.lcrv-pager button:disabled{color:#bbb;cursor:default}
.lcrv-pager .gap{color:#999;padding:0 4px}
.lcrv-fopt:focus-visible,.lcrv-pager button:focus-visible,.lcrv-freset:focus-visible{outline:2px solid #293b3e;outline-offset:2px}

@media (max-width:768px){
  .lcrv-head{margin-bottom:20px;padding-bottom:14px}
  .lcrv-head h2{font-size:20px}
  .lcrv-layout{grid-template-columns:minmax(0,1fr);gap:18px}
  .lcrv-filter{position:static;gap:12px;padding-top:0}
  .lcrv-fgroup{display:flex;flex-direction:column;gap:6px}
  .lcrv-fgroup h3{margin:0}
  .lcrv-fopts{flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 2px}
  .lcrv-fopts::-webkit-scrollbar{display:none}
  .lcrv-fopt{width:auto;flex:none;border:1px solid #ddd;background:#fff;border-radius:99px;padding:7px 14px;gap:7px;font-size:14px;white-space:nowrap}
  .lcrv-fopt::before{display:none}
  .lcrv-fopt.is-on{background:#293b3e;border-color:#293b3e;color:#fff}
  .lcrv-fopt.is-on .lcrv-flag{box-shadow:0 0 0 1px rgba(255,255,255,.5)}
  .lcrv-plat{background:#f1f4f4;border-radius:4px;padding:2px 9px 2px 5px;gap:6px;font-size:12px;line-height:18px}
  .lcrv-plat b{font-weight:600}
  .lcrv-logo{width:16px;height:16px;border-radius:4px}
  .lcrv-pager{margin-top:28px}
  .lcrv-pager button{min-width:36px;height:36px}
}