/* Floating open chat: real text and a crisp vector speech bubble at every size. */
.vb-openchat {
    position: fixed;
    right: 28px;
    bottom: 36px;
    z-index: 200;
    width: auto;
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Malgun Gothic", sans-serif;
}
.vb-openchat--stacked { bottom: 150px; }
.vb-openchat .vb-openchat__link {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 166px;
    height: 60px;
    margin: 0;
    padding: 10px 18px 10px 16px;
    border: 1px solid rgba(71, 45, 0, .06);
    border-radius: 999px;
    background: #fee500;
    color: #34251f;
    box-shadow: 0 5px 18px rgba(52, 37, 31, .17), 0 1px 3px rgba(52, 37, 31, .08);
    font-family: inherit;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.vb-openchat .vb-openchat__icon { display: block; flex: 0 0 34px; width: 34px; height: 34px; }
.vb-openchat .vb-openchat__text { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; }
.vb-openchat .vb-openchat__eyebrow { display: block; color: #655120; font-size: 10px; font-weight: 600; line-height: 12px; letter-spacing: .1px; }
.vb-openchat .vb-openchat__label { display: block; color: #34251f; font-size: 16px; font-weight: 800; line-height: 20px; letter-spacing: -.5px; }
.vb-openchat .vb-openchat__arrow { display: block; flex: 0 0 14px; width: 14px; height: 14px; margin-left: 2px; opacity: .6; }
.vb-openchat .vb-openchat__link:visited { color: #34251f; }
.vb-openchat .vb-openchat__link:focus-visible { outline: 3px solid #337ab7; outline-offset: 4px; }
.vb-openchat .vb-openchat__link:active { transform: scale(.97); }
@media (hover: hover) {
    .vb-openchat .vb-openchat__link:hover { background: #ffeb33; color: #34251f; text-decoration: none; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(52, 37, 31, .21); }
}
.vb-openchat--mobile {
    right: 16px;
    right: calc(16px + env(safe-area-inset-right, 0px));
    bottom: 78px;
    bottom: calc(78px + env(safe-area-inset-bottom, 0px));
    z-index: 3;
}
.vb-openchat--mobile .vb-openchat__link { min-width: 132px; height: 48px; padding: 7px 15px 7px 12px; gap: 8px; }
.vb-openchat--mobile .vb-openchat__icon { flex-basis: 30px; width: 30px; height: 30px; }
.vb-openchat--mobile .vb-openchat__label { font-size: 15px; line-height: 19px; }
.vb-openchat--mobile .vb-openchat__eyebrow { font-size: 9px; line-height: 11px; }
.vb-openchat--mobile .vb-openchat__arrow { display: none; }
@media (prefers-reduced-motion: reduce) {
    .vb-openchat .vb-openchat__link { transition: none; }
}
