/* 스크롤을 따라 다니는 상담 버튼(대표 11/10). X를 누르면 이번 방문 동안 숨김. 상담 양식이 화면에 보이면 겹치지 않게 숨김.
   PC: 오른쪽 아래 떠 있는 카드 / 모바일: 기존 하단 .sticky 바에 X 추가. 색은 site.css 변수만 사용. */
.cf{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;display:none;align-items:center;gap:6px;background:var(--ink);border-radius:999px;padding:6px 6px 6px 8px;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:opacity .25s ease,transform .25s ease}
.cf.cf-hide{opacity:0;transform:translateY(12px);pointer-events:none}
.cf-go{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--mint);color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}
.cf-x{width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--white);font:inherit;font-size:20px;line-height:1;cursor:pointer}
.cf-x:focus-visible,.cf-go:focus-visible,.sticky .cf-x:focus-visible{outline:3px solid var(--mint);outline-offset:2px}
@media (min-width:980px){.cf{display:flex}}
/* 모바일 하단 바: X 자리 */
.sticky.cf-has-x{display:flex;gap:8px;align-items:center}
.sticky.cf-has-x .btn{flex:1}
.sticky .cf-x{flex:none;width:44px;height:44px;color:var(--ink);background:var(--white);border:1px solid var(--line)}
.sticky.cf-off{display:none!important}
@media (min-width:980px){.sticky.cf-has-x{display:none}}
@media (prefers-reduced-motion:reduce){.cf{transition:none}}