/* Keep this viewport-fixed link outside animated page containers. */
.kakao-floating {
  position: fixed;
  z-index: 60;
  right: 28px;
  bottom: calc(26px + env(safe-area-inset-bottom, 0px));
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 8px 20px 8px 9px;
  color: #10283f;
  background: #fff;
  border: 1px solid rgba(16, 40, 63, .11);
  border-radius: 999px;
  box-shadow: 0 5px 22px rgba(9, 29, 46, .12);
  font-size: 15px;
  font-weight: 750;
  line-height: 1;
  transition: box-shadow .18s ease, opacity .18s ease, visibility .18s;
}
.kakao-icon { width: 40px; height: 40px; display: inline-grid; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #191919; background: #fee500; }
.kakao-icon svg { display: block; width: 22px; height: 22px; }
.kakao-inline { margin-top: 28px; max-width: 360px; }
.kakao-inline > p { margin: 0 0 12px; color: #becbd5; font-size: 15px; }
.kakao-inline-link { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; color: #191919; background: #fee500; border: 1px solid #fee500; border-radius: 6px; font-size: 14px; font-weight: 750; line-height: 1.3; transition: background .18s ease; }
.kakao-inline-link svg { flex: 0 0 auto; width: 19px; height: 19px; }
.kakao-footer { display: inline-flex; align-items: center; gap: 7px; }
.kakao-footer svg { width: 17px; height: 17px; }
.kakao-floating:focus-visible, .kakao-inline-link:focus-visible { outline: 3px solid #73c3df; outline-offset: 5px; }
html.menu-open .kakao-floating,
html.brand-intro-enabled .kakao-floating,
html.kakao-contact-visible .kakao-floating,
html.kakao-form-editing .kakao-floating { opacity: 0; visibility: hidden; pointer-events: none; }
@media (hover: hover) {
  .kakao-floating:hover { box-shadow: 0 7px 26px rgba(9, 29, 46, .18); }
  .kakao-inline-link:hover { background: #f6dc00; }
}
@media (max-width: 640px) {
  .kakao-floating { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: 54px; min-height: 54px; padding: 0; gap: 0; justify-content: center; background: #fee500; }
  .kakao-icon { width: 52px; height: 52px; }
  .kakao-icon svg { width: 25px; height: 25px; }
  .kakao-floating-desktop { display: none; }
  .kakao-inline { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .kakao-floating, .kakao-inline-link { transition: none; }
}