/* Match the OC페이 site's direct Kakao consultation actions. */
.kakao-icon{fill:currentColor;stroke:none}
.kakao-dots{stroke:#fee500;stroke-width:3;stroke-linecap:round}
.hero-actions .hero-contact-kakao{display:flex;align-items:center;justify-content:flex-start;flex:none;gap:16px;width:350px;max-width:100%;min-height:84px;padding:16px 20px;border:1px solid #fff06b;border-radius:20px;background:#fee500;color:#251d0c;box-shadow:0 12px 28px #08194025,inset 0 1px 0 #fff7;text-align:left;text-decoration:none;white-space:normal;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hero-contact-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:#36250b0d}
.hero-contact-mark .kakao-icon{width:29px;height:29px}
.hero-contact-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.hero-contact-copy small{font-size:14px;line-height:1.45;font-weight:400;color:#514414;letter-spacing:-.02em}
.hero-contact-copy strong{font-size:21px;line-height:1.4;letter-spacing:-.035em}
.hero-contact-arrow{display:block;flex:none;width:32px;height:32px;padding:7px;border-radius:50%;background:#fff5}
.hero-actions .hero-contact-kakao:hover{background:#ffe92b;transform:translateY(-3px);box-shadow:0 17px 32px #08194035,inset 0 1px 0 #fff9}
.hero-actions .hero-contact-kakao:active{transform:translateY(0)}
.hero-actions .hero-contact-kakao:focus-visible,.floating-kakao:focus-visible{outline:3px solid #245cf6;outline-offset:5px}

.floating-cta{left:auto;right:24px;bottom:24px;width:224px;display:block;padding:0;border:0;border-radius:18px;background:none;backdrop-filter:none;box-shadow:none;animation:oc-contact-arrive .65s .3s cubic-bezier(.16,1,.3,1) backwards}
.floating-kakao{display:flex;align-items:center;gap:12px;width:100%;height:64px;padding:14px 18px;border:1px solid #e8cf00;border-radius:18px;background:#fee500;color:#251d0c;box-shadow:0 6px 24px #10295426;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:translate .25s,box-shadow .25s,background .25s}
.floating-kakao>.kakao-icon{width:29px;height:29px;flex:none;transition:transform .3s}
.floating-contact-arrow{width:18px;height:18px;flex:none;margin-left:auto;transition:translate .25s}
.floating-kakao:hover{background:#ffe92b;translate:0 -3px;box-shadow:0 10px 28px #10295430}
.floating-kakao:hover>.kakao-icon{transform:rotate(-8deg) scale(1.08)}
.floating-kakao:hover .floating-contact-arrow{translate:3px 0}
.floating-kakao:active{translate:0 1px}
dialog .contact-link.button{min-height:64px;background:#fee500;color:#251d0c;border:1px solid #e8cf00;border-radius:14px}
dialog .contact-link.button:hover{background:#ffe92b}
@keyframes oc-contact-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.hero-actions .hero-contact-kakao{width:330px;min-height:78px;padding:14px 16px;gap:12px;border-radius:18px}.hero-contact-mark{width:42px;height:42px;border-radius:13px}.hero-contact-copy strong{font-size:19px}.hero-contact-arrow{width:28px;height:28px;padding:6px}.floating-cta{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto}.floating-kakao{height:58px;padding:0 22px;font-size:17px}}
@media(max-width:360px){.hero-actions .hero-contact-kakao{gap:10px;padding-inline:14px}.hero-contact-copy strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.floating-cta{animation:none}.hero-actions .hero-contact-kakao,.floating-kakao{transition:none}.hero-actions .hero-contact-kakao:hover{transform:none}}