/* 카카오톡 채널 — 첫 화면 「카카오톡 문의」 버튼 · /kakao 소개글 (2026-10-14) */

/* 첫 화면 「라이브 데모」 옆 — 카카오 노란 버튼 */
.btn.kakao-inquiry { display: inline-flex; align-items: center; gap: 10px; }
.btn.kakao-inquiry:hover, .btn.kakao-friend:hover { background: #F5DC00; border-color: #F5DC00; }
.kakao-inquiry svg { width: 22px; height: 22px; flex: none; }
.btn.kakao-friend { display: inline-flex; align-items: center; gap: 10px; }
.kakao-friend svg { width: 22px; height: 22px; flex: none; }

/* 카카오 로그인 가입 · 한국 회원 채널 추가 */
.kakao-login-row { margin-bottom: 14px; }
.btn.kakao-login { display: flex; align-items: center; justify-content: center; gap: 10px; }
.kakao-login-row .consent { margin: 8px 0 0; text-align: center; }
.kakao-required-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.kakao-ack { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; cursor: pointer; }
.kakao-ack:has(input[disabled]) { opacity: .55; cursor: not-allowed; }
.kakao-notice { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: space-between; margin: 18px 0; }

/* /kakao 소개글 */
.kakao-page { padding: calc(var(--nav-h, 72px) + 48px) 0 80px; }
.kakao-page h1 { margin-bottom: 12px; }
.kakao-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 30px; }
.btn.kakao-yellow { background: #FEE500; color: #191919; border-color: #FEE500; }
.kakao-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; }
.kakao-card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: var(--card); color: inherit; text-decoration: none; transition: transform .2s; }
.kakao-card:hover { transform: translateY(-3px); }
.kakao-card img { width: 100%; aspect-ratio: 1.91 / 1; object-fit: cover; background: #fff; }
.kakao-card > div { padding: 18px 20px 22px; }
.kakao-card p { color: var(--muted); line-height: 1.7; margin: 8px 0 12px; }
.kakao-more { color: var(--cyan, #1f7fd1); font-weight: 700; }
.kakao-post { max-width: 820px; }
.kakao-post h1 { margin: 14px 0 22px; }
.kakao-hero { width: 100%; border-radius: 18px; margin-bottom: 24px; background: #fff; }
.kakao-body { white-space: pre-line; line-height: 1.9; font-size: 17px; }