/* RTL 자동 반전본 — 원본: /en/assets/css/quick-consult.css (직접 고치지 말 것: ~/kowon-i18n/flip_css.js) src-md5=635d2980ec490fbbbc625e0d625ff754 */
/* quick-consult — 우측 하단 상담 채널 버튼 (quick-consult.js 가 만든다)
   kowonps.com 국문 퀵메뉴와 같은 모양·동작. 영문판이라 채널은 WhatsApp · 전화 둘만.
   PC(1024px~) 오른쪽 32px · 아래 96px / 모바일 오른쪽 16px · 아래 80px — 하단 도크(767px 이하, 68px) 위로 12px 띄운다.
   움직이는 것은 transform·opacity 뿐이다. */
.qc{
  position:fixed;left:32px;bottom:96px;z-index:40;
  display:flex;flex-direction:column;align-items:flex-end;gap:12px;
  pointer-events:none;
}
.qc__list{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.qc__item{
  display:flex;align-items:center;gap:12px;
  opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;
  transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);
}
.qc.is-open .qc__item{opacity:1;transform:none;pointer-events:auto}
.qc__label{
  white-space:nowrap;border:1px solid;border-radius:9999px;padding:10px 20px;
  font-size:14px;line-height:20px;font-weight:400;letter-spacing:-.025em;
  box-shadow:0 10px 28px -18px rgba(20,29,51,.25);
}
.qc__icon{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:52px;height:52px;border:1px solid;border-radius:50%;color:#fff;
  box-shadow:0 10px 26px -14px rgba(20,29,51,.3);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.qc__icon svg{width:22px;height:22px}
.qc__item--tel .qc__icon svg{width:18px;height:18px}
.qc__item--wa .qc__label{border-color:#25d366;background:#f3fff7;color:#128c4a}
.qc__item--wa .qc__icon{border-color:#25d366;background:#25d366}
.qc__item--tel .qc__label{border-color:#53657d;background:#f5f7fa;color:#34445a}
.qc__item--tel .qc__icon{border-color:#53657d;background:#53657d}

.qc__toggle{
  position:relative;z-index:1;pointer-events:auto;
  display:flex;align-items:center;justify-content:center;
  width:64px;height:64px;border-radius:50%;background:var(--brand,#ff0a6c);color:#fff;
  box-shadow:0 18px 44px -16px rgba(255,10,108,.45);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.qc__toggle::before,.qc__toggle::after{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background:var(--brand,#ff0a6c);pointer-events:none;
  animation:qcPulse 2.6s cubic-bezier(.16,1,.3,1) infinite;
}
.qc__toggle::after{animation-delay:1.3s}
@keyframes qcPulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.7)}}
.qc__ico{display:flex;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.qc__ico svg{width:24px;height:24px}
.qc.is-open .qc__ico{transform:rotate(-45deg)}

@media (hover:hover){
  .qc__item:hover .qc__icon{transform:scale(1.05)}
  .qc__toggle:hover{transform:scale(1.05)}
}

/* 모바일 — 국문과 같이 아이콘 50px, 글자 13px, 펼칠 때 커지지 않고 올라오기만 한다 */
@media (max-width:1023px){
  .qc{left:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:35;gap:12px}
  .qc__item{gap:10px;transform:translateY(12px)}
  .qc__label{max-width:calc(100vw - 6.5rem);overflow:hidden;text-overflow:ellipsis;padding:10px 16px;font-size:13px;box-shadow:0 10px 28px -18px rgba(20,29,51,.28)}
  .qc__icon{width:50px;height:50px}
}
@media (max-width:1023px) and (hover:hover){
  .qc__item:hover .qc__icon,.qc__toggle:hover{transform:none}
}

@media (prefers-reduced-motion:reduce){
  .qc__toggle::before,.qc__toggle::after{animation:none}
}