/* ★ 2026-08-27 — 데스크탑에선 아래 「빠른 상담」 바(높이 103px, 화면 바닥에서 30px)와
   말풍선이 겹쳐 지저분했다. 실측 1440px: FAB y758~888 · 바 y767~870 → 124x103px 중첩.
   버튼 클릭 자체는 막히지 않지만(말풍선은 경계상자만 넓다) 보기에 나쁘다.
   바보다 위로 올린다. 모바일은 바를 아예 안 띄우므로 96px 그대로. */
.ava-fab{position:fixed;right:24px;bottom:96px;z-index:9991;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;}
.ava-fab .pop{font-size:12px;font-weight:600;padding:8px 14px;border-radius:20px 20px 4px 20px;max-width:220px;line-height:1.4;pointer-events:auto;animation:ava-pop-in 0.4s ease;letter-spacing:-0.2px;font-family:'Pretendard Variable','Noto Sans KR','Inter',sans-serif;}
.ava-fab .pop b{font-weight:700;}
.ava-fab .btn{width:54px;height:54px;border-radius:50%;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -4px rgba(0,0,0,0.2);transition:all 0.2s ease;pointer-events:auto;text-decoration:none;}
.ava-fab .btn:hover{transform:scale(1.08);box-shadow:0 12px 30px -4px rgba(0,0,0,0.28);}
.ava-fab .btn svg{width:28px;height:28px;}
.ava-fab .close{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,0.15);color:#666;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;font-family:Arial;pointer-events:auto;}
.ava-fab .pop-wrap{position:relative;}
/* 카카오 (노랑) */
.ava-fab.is-kakao .pop{background:rgba(254,229,0,0.96);color:#3c1e1e;box-shadow:0 6px 20px -4px rgba(254,229,0,0.55);}
.ava-fab.is-kakao .btn{background:#FEE500;}
/* 왓츠앱 (초록) */
.ava-fab.is-whatsapp .pop{background:rgba(37,211,102,0.96);color:#fff;box-shadow:0 6px 20px -4px rgba(37,211,102,0.55);}
.ava-fab.is-whatsapp .btn{background:#25D366;}
@keyframes ava-pop-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
/* SSoT 변수 --ava-bottom-safe 사용. 챗 버블(54)+간격(14)=68 만큼 위에서 시작 → 84+var. */
@media (max-width:767px){.ava-fab{right:16px;bottom:calc(84px + var(--ava-bottom-safe, 0px));}.ava-fab .btn{width:48px;height:48px;}.ava-fab .btn svg{width:24px;height:24px;}.ava-fab .pop{font-size:11.5px;max-width:200px;}}
/* AI 챗 패널이 열렸을 때는 팝업 텍스트만 숨김 (버튼은 유지) */
body.ava-chat-open .ava-fab .pop-wrap{opacity:0;pointer-events:none;transition:opacity .2s}
/* ── 첫 화면 과밀 정리 (2026-08-03) ─────────────────────────────
   모바일 첫 화면에 쿠키배너(216px) + 이 말풍선(189×106) + 챗버블(54) 이 겹쳐
   주 CTA 가 사라져 있었다. 셋 중 무엇을 뺄지는 원장이 정했다 —
   «카카오는 남기고 AI 챗봇을 뺀다». 카카오가 실제 상담으로 이어지는 통로다.
   → 말풍선은 그대로 둔다. 챗봇 위젯은 main/derm/index 에서 제거했다.

   위치: 예전엔 챗버블(60px) 위에 얹히도록 bottom 을 띄워 뒀다.
        챗버블이 없어졌으므로 그 자리로 내린다 — 안 내리면 허공에 뜬다. */
.ava-fab{bottom:24px;}
@media (max-width:767px){ .ava-fab{bottom:calc(20px + var(--ava-bottom-safe, 0px));} }
/* ★ 2026-08-27 원장 지시 — 모바일에서는 띄우지 않는다.
   하단 탭바에 「카톡상담」 이 이미 있어 같은 채널로 가는 입구가 둘이었고,
   우하단에서 서로 겹쳤다. 탭바 쪽이 항상 보이고 손이 닿는 자리다.
   데스크탑에는 탭바가 없으므로 그대로 둔다. */
@media (max-width:767px){ .ava-fab{ display:none !important; } }