/* 카카오마사지 — naviya풍 모바일 포털 · 로즈핑크. tk.css 토큰을 재정의한다(구조까지 차별화). */
:root{
  --brand:#E23E6B; --brand2:#F2668C; --brand-d:#C22552; --brand-soft:#FCE7EE;
  --grad-brand:linear-gradient(135deg,#F2668C 0%,#E23E6B 55%,#C22552 100%);
  --wash:#FFF5F8; --line:#F4DEE6; --line2:#FBEDF2;
  --r-s:14px; --r-m:20px; --r-l:28px;
  --sh-1:0 2px 8px rgba(194,37,82,.07); --sh-2:0 10px 26px rgba(194,37,82,.12); --sh-3:0 18px 44px rgba(194,37,82,.18);
}
/* 모바일 우선: 더 큰 탭타깃·둥근 카드·콜버튼 강조(naviya 리스트형) */
body{background:#FDF7F9}
.tk-scards{display:grid;grid-template-columns:1fr;gap:12px}
.tk-scard>a{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:12px;box-shadow:var(--sh-1)}
.tk-scard-th{width:96px;height:96px;border-radius:14px;overflow:hidden}
.tk-scard-t{font-size:16px;font-weight:800;letter-spacing:-.02em}
.tk-scard-area{color:var(--brand-d);font-weight:700;font-size:12.5px}
.tk-scard-tags i{background:var(--brand-soft);color:var(--brand-d);border:0;border-radius:999px;padding:2px 9px;font-size:11px}
/* 업종 아이콘 그리드 — 5열(naviya) */
.tk-cats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.tk-cats-row .tk-cat-ico{background:var(--brand-soft);color:var(--brand-d)}
.tk-cats-row li a{border-radius:var(--r-m)}
/* 지역 칩 — 알약형 */
.tk-regions a{border-radius:999px;border:1px solid var(--line);background:#fff}
.tk-regions a:hover{background:var(--brand-soft);border-color:var(--brand2)}
/* 버튼 — 알약형 그라디언트 */
.tk-btn{border-radius:999px;background:var(--grad-brand);border:0;font-weight:800}
.tk-btn-line{background:#fff;border:1.5px solid var(--brand2);color:var(--brand-d)}
/* 헤더 — 좌측 로고 정렬(msg82 중앙과 다르게) */
.tk-hd-in{justify-content:flex-start;gap:16px}
/* 섹션 헤더 바 — 핑크 */
.tk-sec-hd h2::before{background:var(--grad-brand)}
@media(min-width:761px){ .tk-scards{grid-template-columns:repeat(2,1fr)} .tk-cats-row{grid-template-columns:repeat(6,1fr)} }

/* 정적 검색 히어로(naviya식) — 로즈 그라디언트 */
.ka-hero{background:linear-gradient(135deg,#FFE3EC 0%,#FCE7EE 50%,#FFF0F5 100%);padding:46px 0 42px;position:relative;overflow:hidden}
.ka-hero::after{content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(242,102,140,.22),transparent 70%)}
.ka-hero-in{max-width:1180px;margin:0 auto;padding:0 18px;position:relative;z-index:1}
.ka-hero-kick{color:var(--brand-d);font-weight:800;font-size:13px;letter-spacing:.02em;margin:0 0 10px}
.ka-hero-h{font-size:clamp(28px,6vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.2;color:#2a1720;margin:0 0 12px}
.ka-hero-h b{color:var(--brand-d)}
.ka-hero-sub{color:#6b4a56;font-size:15px;line-height:1.7;margin:0 0 20px;max-width:560px}
.ka-hero-search{display:flex;gap:8px;max-width:560px;background:#fff;border-radius:999px;padding:6px 6px 6px 18px;box-shadow:var(--sh-2)}
.ka-hero-search input{flex:1;min-width:0;border:0;outline:0;font-size:15px;background:transparent}
.ka-hero-search button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;background:var(--grad-brand);color:#fff;font-weight:800;padding:11px 20px;cursor:pointer;white-space:nowrap}
.ka-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ka-hero-chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:600;color:var(--brand-d)}
.ka-hero-chips a:hover{background:var(--brand-soft)}
@media(max-width:600px){.ka-hero-search{flex-wrap:wrap;border-radius:20px;padding:12px}.ka-hero-search button{width:100%;justify-content:center}}

/* 사진 대신 로즈 그라디언트+아이콘 타일 (msg82 스톡사진과 차별화) */
.ka-tile{aspect-ratio:4/3;width:100%;display:grid;place-items:center;background:var(--grad-brand);color:#fff}
.ka-tile .tk-i{width:46px;height:46px}
.ka-ptile{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.ka-ptile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(80,10,35,.35))}
.ka-ptile .tk-i{width:50px;height:50px;opacity:.92;position:relative;z-index:1}
.ka-pg0{background:linear-gradient(135deg,#F2668C,#C22552)}
.ka-pg1{background:linear-gradient(135deg,#E85D9A,#B02A6A)}
.ka-pg2{background:linear-gradient(135deg,#F27B8E,#D23F5B)}
.ka-pg3{background:linear-gradient(135deg,#D9578C,#A32C63)}
.ka-pg4{background:linear-gradient(135deg,#F26B72,#C23848)}
.ka-pg5{background:linear-gradient(135deg,#E86FA6,#BE2F72)}