/* 모도리건설 공통 문자 상담 팝업 + 오른쪽 고정 상담창 (홈페이지·시공사례 공용)
   색상은 기존 홈페이지 브랜드 변수(베이지·옐로우·오렌지·브라운)만 사용 — 네이비 미사용 */

/* ===== 문자 상담 팝업 ===== */
.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(48,54,59,.55)}
.smsm-box{position:relative;background:var(--bg,#faf8f3);border:1px solid var(--line,#e6dfd1);border-radius:16px;max-width:460px;width:100%;max-height:90vh;overflow:auto;padding:26px 24px 22px;box-shadow:0 30px 80px rgba(48,40,20,.28)}
.smsm-box h3{font-size:20px;color:var(--ink,#30363b);margin:0 0 6px}
.smsm-sub{font-size:14px;color:var(--sub,#6f695e);margin:0 0 6px;line-height:1.6}
.smsm-case{display:flex;align-items:center;gap:8px;background:var(--steel-tint,#f7edd6);border:1px solid var(--line,#e6dfd1);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:var(--ink,#30363b);background:var(--accent,#f5b323);border-radius:5px;padding:3px 8px;letter-spacing:.02em}
.smsm-casev{font-size:14px;font-weight:700;color:var(--ink,#30363b);line-height:1.5}
.smsm-l{display:block;font-size:13px;font-weight:700;color:var(--ink,#30363b);margin:14px 0 6px}
.smsm-in{width:100%;border:1.5px solid var(--line,#e6dfd1);border-radius:10px;padding:11px 12px;font-size:14px;font-family:inherit;box-sizing:border-box;background:#fff;color:var(--ink,#30363b)}
.smsm-in:focus{outline:none;border-color:var(--accent2,#e9982d)}
textarea.smsm-in{resize:vertical}
.smsm-note{font-size:12.5px;color:var(--sub,#6f695e);background:var(--steel-tint,#f7edd6);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:var(--sub,#6f695e);cursor:pointer}
.smsm-ok{margin-top:10px;color:#1a7f4b;font-weight:700;font-size:13.5px;text-align:center}

/* ===== 오른쪽 고정 전화·문자 상담창 ===== */
.mz-dock{position:fixed;right:16px;bottom:24px;z-index:80;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.mz-acts{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.mz-act{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14.5px;font-family:inherit;
 padding:12px 16px;border-radius:var(--radius,8px);border:1.5px solid transparent;cursor:pointer;
 color:var(--ink,#30363b);box-shadow:0 6px 18px rgba(48,54,59,.16);
 transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.mz-act:hover{transform:translateY(-2px)}
.mz-act svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.mz-tel{background:var(--accent,#f5b323);color:var(--ink,#30363b)}
.mz-tel:hover{background:var(--accent2,#e9982d);color:#fff}
.mz-sms{background:var(--steel-tint,#f7edd6);color:var(--ink,#30363b);border-color:var(--line,#e6dfd1)}
.mz-sms:hover{background:#fff;border-color:var(--accent2,#e9982d);color:var(--accent2,#e9982d)}
.mz-act:focus-visible{outline:2px solid var(--accent2,#e9982d);outline-offset:2px}
.mz-toggle{display:none}
@media(max-width:768px){
 .mz-dock{right:14px;bottom:16px}
 .mz-acts{display:none;margin-bottom:2px}
 .mz-dock.open .mz-acts{display:flex}
 .mz-act{font-size:14px;padding:11px 15px}
 .mz-toggle{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;
  background:var(--accent,#f5b323);color:var(--ink,#30363b);border:none;cursor:pointer;
  box-shadow:0 6px 18px rgba(48,54,59,.22);transition:background .2s ease,transform .2s ease}
 .mz-toggle:active{transform:scale(.96)}
 .mz-dock.open .mz-toggle{background:var(--sand,#e4ded2)}
 .mz-toggle svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mz-toggle:focus-visible{outline:2px solid var(--accent2,#e9982d);outline-offset:2px}
}