/* V6 — a compact, branded consultation launcher. */
.floating-contact {
  position:fixed;
  right:max(24px,env(safe-area-inset-right));
  bottom:calc(24px + env(safe-area-inset-bottom));
  z-index:70;
  width:max-content;
  max-width:calc(100vw - 48px);
  color:#102B46;
  font-family:"Noto Sans KR",Arial,sans-serif;
}
body.has-compare .floating-contact,
body[data-page="admin"] .floating-contact,
.floating-contact[hidden] { display:none!important; }

.contact-launcher {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:56px;
  max-width:100%;
  padding:10px 15px 10px 10px;
  border:1px solid #E1E8F1;
  border-radius:18px;
  background:#FFFFFF;
  color:#183652;
  box-shadow:0 2px 5px #102B4608,0 7px 19px #102B4612,0 16px 34px #102B460A;
  font:inherit;
  font-size:14px;
  font-weight:600;
  letter-spacing:-.025em;
  line-height:1.6;
  cursor:pointer;
  transition:background-color .16s,border-color .16s,box-shadow .16s;
}
.contact-launcher:hover {
  background:#FAFCFF;
  border-color:#C9D8EA;
  box-shadow:0 3px 8px #102B460A,0 10px 25px #102B4617,0 18px 38px #102B460A;
}
.contact-launcher[aria-expanded="true"] { border-color:#C3D1E9; background:#F7FAFF; }
.contact-brand-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:34px;
  height:34px;
  color:#123BCB;
}
.contact-brand-icon svg { display:block; width:34px; height:34px; }
.contact-launcher>svg:last-child {
  display:block;
  flex:none;
  width:16px;
  height:16px;
  margin-left:3px;
  color:#6A8096;
  transition:transform .16s;
}
.contact-launcher[aria-expanded="true"]>svg:last-child { transform:rotate(180deg); }
.floating-contact :is(button,a):focus-visible {
  outline:3px solid #426DD9;
  outline-offset:4px;
}

.contact-panel {
  position:absolute;
  right:0;
  bottom:calc(100% + 14px);
  width:320px;
  max-width:calc(100vw - 32px);
  max-height:calc(100vh - 126px - env(safe-area-inset-bottom));
  max-height:calc(100dvh - 126px - env(safe-area-inset-bottom));
  overflow:auto;
  overscroll-behavior:contain;
  padding:24px;
  border:1px solid #E1E8F1;
  border-radius:20px;
  background:#FFFFFF;
  box-shadow:0 3px 8px #102B4606,0 14px 35px #102B461A,0 26px 65px #102B460E;
  scrollbar-width:thin;
  scrollbar-color:#CED9E8 transparent;
}
.contact-panel[hidden] { display:none!important; }
.contact-panel:not([hidden]) { animation:wiz-contact-enter .18s ease-out; }
.contact-panel-brand {
  display:flex;
  align-items:center;
  gap:8px;
  min-height:27px;
  margin:0 38px 17px 0;
  color:#617991;
  font-size:11px;
  font-weight:600;
  line-height:1.7;
  letter-spacing:-.015em;
}
.contact-panel-brand svg { display:block; width:25px; height:25px; flex:none; color:#123BCB; }
.contact-panel-brand .contact-brand-icon { width:25px; height:25px; }
.contact-panel h2,.contact-panel h3 {
  margin:0 0 8px;
  padding:0;
  color:#102B46;
  font-size:21px;
  font-weight:700;
  line-height:1.55;
  letter-spacing:-.045em;
  overflow-wrap:break-word;
}
.contact-panel .contact-panel-copy {
  margin:0 0 18px;
  padding:0;
  color:#6A8096;
  font-size:13px;
  font-weight:400;
  line-height:1.7;
  letter-spacing:-.025em;
  overflow-wrap:break-word;
}
.contact-panel-close {
  position:absolute;
  top:17px;
  right:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  margin:0;
  padding:8px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#8193A6;
  font-size:23px;
  line-height:1;
  cursor:pointer;
}
.contact-panel-close:hover { background:#F2F5FA; color:#405D78; }
.contact-panel-close svg { display:block; width:18px; height:18px; }
.contact-panel button[data-contact] {
  display:flex;
  align-items:center;
  gap:13px;
  width:100%;
  min-width:0;
  min-height:62px;
  margin:8px 0 0;
  padding:12px 14px;
  border:1px solid #F0F3F8;
  border-radius:12px;
  background:#F7F9FC;
  color:#304E69;
  font:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1.7;
  letter-spacing:-.025em;
  text-align:left;
  cursor:pointer;
  transition:background-color .16s,border-color .16s;
}
.contact-panel button[data-contact]:hover { background:#EFF4FB; border-color:#E0E9F5; }
.contact-channels>.contact-channel:first-child { margin-top:0; }
.contact-panel button[data-contact]>span:not(.channel-icon) {
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}
.contact-panel button[data-contact]>svg:last-child {
  display:block;
  width:18px;
  height:18px;
  flex:none;
  margin-left:auto;
  color:#8194A8;
}
.contact-panel .channel-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:36px;
  height:36px;
  border-radius:11px;
  background:#FFFFFF;
  color:#3F6DC5;
}
.contact-panel .channel-icon svg { display:block; width:20px; height:20px; }
.contact-panel .channel-phone { background:#EAF2FF; color:#3270DA; }
.contact-panel .channel-sms { background:#EBEFFE; color:#596ED0; }
.contact-panel .channel-kakao { background:#FEE66A; color:#45371D; }
.contact-quote {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  min-height:52px;
  margin-top:19px;
  padding:15px 17px;
  border:1px solid #123BCB;
  border-radius:12px;
  background:#123BCB;
  color:#FFFFFF;
  font-size:13px;
  font-weight:600;
  line-height:1.7;
  letter-spacing:-.025em;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .16s,border-color .16s;
}
.contact-quote:hover { background:#0F31AF; border-color:#0F31AF; }
.contact-quote svg { display:block; width:18px; height:18px; flex:none; }

body:not([data-page="admin"]) .footer { padding-bottom:112px; }
@keyframes wiz-contact-enter {
  from { opacity:0; transform:translateY(6px); }
  to { opacity:1; transform:translateY(0); }
}
@media(max-width:760px) {
  .floating-contact {
    right:max(16px,env(safe-area-inset-right));
    bottom:calc(16px + env(safe-area-inset-bottom));
    max-width:calc(100vw - 32px);
  }
  .contact-launcher { min-height:56px; border-radius:17px; font-size:13px; padding-right:14px; }
  .contact-panel { padding:23px; bottom:calc(100% + 12px); border-radius:18px; }
  .contact-panel h2,.contact-panel h3 { font-size:20px; }
  body:not([data-page="admin"]) .footer { padding-bottom:calc(112px + env(safe-area-inset-bottom)); }
}
@media(max-width:360px) {
  .contact-panel { padding:21px 20px; }
  .contact-panel h2,.contact-panel h3 { font-size:19px; }
  .contact-panel button[data-contact] { gap:11px; padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .contact-panel:not([hidden]) { animation:none; }
  .contact-launcher,.contact-launcher>svg:last-child,
  .contact-panel button[data-contact],.contact-quote { transition:none; }
}
@media(forced-colors:active) {
  .contact-launcher,.contact-panel,.contact-panel button[data-contact],.contact-quote { border:1px solid ButtonText; box-shadow:none; }
  .contact-panel .channel-icon { color:ButtonText; }
}