/* 채움타일 공통 상담 팝업 + 오른쪽 고정 상담창 (전 페이지 공용)
   색상은 기존 채움타일 브랜드 변수(clay·greige·cream)만 사용 */

/* ===== 사진 문자 상담 팝업 ===== */
.smsm{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:18px}
.smsm[hidden]{display:none}
.smsm-bg{position:absolute;inset:0;background:rgba(43,39,36,.55)}
.smsm-box{position:relative;background:var(--bg,#fff);border:1px solid var(--line,#e7e1d6);border-radius:16px;max-width:460px;width:100%;max-height:90vh;overflow:auto;padding:26px 24px 22px;box-shadow:0 30px 80px rgba(70,55,40,.28)}
.smsm-box h3{font-size:20px;color:var(--ink,#2b2724);margin:0 0 6px;font-weight:800}
.smsm-sub{font-size:14px;color:var(--sub,#767066);margin:0 0 6px;line-height:1.6}
.smsm-case{display:flex;align-items:center;gap:8px;background:var(--clay-tint,#f4ede6);border:1px solid var(--line,#e7e1d6);border-radius:10px;padding:10px 12px;margin:12px 0 2px}
.smsm-case[hidden]{display:none}
.smsm-casek{flex:0 0 auto;font-size:11.5px;font-weight:800;color:#fff;background:var(--clay,#b07d63);border-radius:20px;padding:3px 9px;letter-spacing:.02em}
.smsm-casev{font-size:14px;font-weight:700;color:var(--ink,#2b2724);line-height:1.5}
.smsm-l{display:block;font-size:13px;font-weight:700;color:var(--ink,#2b2724);margin:14px 0 6px}
.smsm-in{width:100%;border:1.5px solid var(--line,#e7e1d6);border-radius:10px;padding:11px 12px;font-size:14px;font-family:inherit;box-sizing:border-box;background:#fff;color:var(--ink,#2b2724)}
.smsm-in:focus{outline:none;border-color:var(--clay,#b07d63)}
textarea.smsm-in{resize:vertical}
.smsm-note{font-size:12.5px;color:var(--sub,#767066);background:var(--bg2,#faf8f4);border:1px solid var(--line,#e7e1d6);border-radius:10px;padding:10px 12px;margin:14px 0 2px;line-height:1.6}
.smsm-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.smsm-btns>*{flex:1 1 44%;justify-content:center;text-align:center}
.smsm-x{position:absolute;top:8px;right:12px;background:none;border:none;font-size:28px;line-height:1;color:#b3a99a;cursor:pointer}
.smsm-ok{margin-top:10px;color:#1a7f4b;font-weight:700;font-size:13.5px;text-align:center}
/* 팝업 버튼 (사이트 .btn 없을 때 대비한 자체 스타일) */
.smsm .cbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:14.5px;font-family:inherit;
 padding:12px 16px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:.15s;color:var(--ink,#2b2724)}
.smsm .cbtn-clay{background:var(--clay,#b07d63);color:#fff}
.smsm .cbtn-clay:hover{background:var(--clay-dark,#935f47)}
.smsm .cbtn-line{background:#fff;color:var(--ink,#2b2724);border-color:var(--line,#e7e1d6)}
.smsm .cbtn-line:hover{border-color:var(--clay,#b07d63);color:var(--clay,#b07d63)}

/* ===== 오른쪽 고정 전화·문자 상담창 ===== */
.ct-dock{position:fixed;right:16px;bottom:24px;z-index:70;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.ct-acts{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.ct-act{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;font-family:inherit;
 padding:12px 15px;border-radius:12px;border:1.5px solid transparent;cursor:pointer;color:var(--ink,#2b2724);
 box-shadow:0 6px 18px rgba(80,54,40,.18);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.ct-act:hover{transform:translateY(-2px)}
.ct-act svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ct-tel{background:var(--clay,#b07d63);color:#fff}
.ct-tel:hover{background:var(--clay-dark,#935f47)}
.ct-sms{background:var(--clay-tint,#f4ede6);color:var(--ink,#2b2724);border-color:var(--line,#e7e1d6)}
.ct-sms:hover{background:#fff;border-color:var(--clay,#b07d63);color:var(--clay-dark,#935f47)}
.ct-top{background:var(--greige,#efeae1);color:var(--clay-dark,#935f47);border-color:var(--line,#e7e1d6)}
.ct-top:hover{background:#e5ddd0}
.ct-act:focus-visible{outline:2px solid var(--clay-dark,#935f47);outline-offset:2px}
.ct-toggle{display:none}
@media(max-width:768px){
 .ct-dock{right:14px;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
 .ct-acts{display:none;margin-bottom:2px}
 .ct-dock.open .ct-acts{display:flex}
 .ct-act{font-size:14px;padding:11px 15px}
 .ct-toggle{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;
  background:var(--clay,#b07d63);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 18px rgba(80,54,40,.28);transition:background .2s ease,transform .2s ease}
 .ct-toggle:active{transform:scale(.95)}
 .ct-dock.open .ct-toggle{background:var(--clay-dark,#935f47)}
 .ct-toggle svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .ct-toggle:focus-visible{outline:2px solid var(--clay-dark,#935f47);outline-offset:2px}
}
/* 팝업이 열리면 플로팅 버튼 숨김 (모바일 방해 방지) */
body.smsm-open .ct-dock{visibility:hidden}

/* ===== 상단 메뉴 스크롤 색상 전환 (스크롤 후 진한 브라운 = 전화 hover색 --clay-dark) ===== */
header{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.menu a{transition:color .3s ease,border-color .3s ease}
.mtoggle{transition:color .3s ease}
header.scrolled{background:var(--clay-dark,#935f47);border-bottom-color:transparent;box-shadow:0 2px 14px rgba(70,55,40,.18)}
header.scrolled .menu a{color:#fff;border-color:transparent}
header.scrolled .menu a:hover,header.scrolled .menu a.on{color:#fff;border-color:#fff}
header.scrolled .mtoggle{color:#fff}
header.scrolled .brandlogo{background:#fff;padding:3px 7px;border-radius:8px;transition:background .3s ease}