/* 로담한의원 잠실점 — 공통 추가 스타일 */
.rodam-sticky{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.78) !important;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px)}
.rodam-sticky header,.rodam-sticky nav{background:transparent !important}
[id]{scroll-margin-top:120px}
.is-mobile [id]{scroll-margin-top:110px}

/* ===== 퀵바 ===== */
.rodam-quick{position:fixed;z-index:60;display:flex;flex-direction:column;font-family:'Noto Sans KR',sans-serif}
.rodam-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,transform .2s}
.rodam-quick svg{width:24px;height:24px}
.rodam-quick .q-ev,.rodam-quick .q-rs{background:#2c1f17;color:#FFFFFF}
.rodam-quick .q-rs{border-top:1px solid rgba(255,255,255,.14)}
.rodam-quick .q-kk{background:#FEE500;color:#3A1D1D}
body:not(.is-mobile) .rodam-quick{right:24px;top:50%;transform:translateY(-50%);width:88px;box-shadow:0 10px 30px rgba(44,31,23,.18)}
body:not(.is-mobile) .rodam-quick a{height:88px;gap:8px;font-size:13px;font-weight:500;letter-spacing:-.01em}
body:not(.is-mobile) .rodam-quick .q-ev:hover,body:not(.is-mobile) .rodam-quick .q-rs:hover{background:#45352A;color:#FFFFFF}
body:not(.is-mobile) .rodam-quick .q-kk:hover{background:#F5DC00;color:#3A1D1D}
.is-mobile .rodam-quick{right:12px;bottom:max(16px,env(safe-area-inset-bottom));gap:8px}
.is-mobile .rodam-quick a{width:52px;height:52px;border-radius:50%;gap:1px;font-size:9.5px;font-weight:500;letter-spacing:-.04em;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 6px 16px rgba(44,31,23,.25)}
.is-mobile .rodam-quick svg{width:18px;height:18px}
.is-mobile .rodam-quick{transition:opacity .25s,transform .25s}
.is-mobile .rodam-quick.q-hide{opacity:0;transform:translateX(16px);pointer-events:none}
.is-mobile .rodam-quick .q-rs{border-top:none}
@media (max-width:1279px){body:not(.is-mobile) .rodam-quick{right:12px;width:76px}body:not(.is-mobile) .rodam-quick a{height:78px;font-size:12px}}

/* ===== 네이버 지도 카드 ===== */
.rodam-mapcard{position:relative;display:block;overflow:hidden;text-decoration:none;background:#EDEAE4;color:#2c1f17}
.rodam-mapcard .mc-bg{position:absolute;inset:0;opacity:.9;
  background:
   linear-gradient(115deg,transparent 46%,#FFFFFF 46%,#FFFFFF 50%,transparent 50%),
   linear-gradient(25deg,transparent 60%,#FFFFFF 60%,#FFFFFF 62.5%,transparent 62.5%),
   linear-gradient(90deg,transparent 22%,#F7F5F1 22%,#F7F5F1 24%,transparent 24%),
   linear-gradient(0deg,transparent 30%,#F7F5F1 30%,#F7F5F1 32%,transparent 32%),
   linear-gradient(0deg,transparent 74%,#F7F5F1 74%,#F7F5F1 76%,transparent 76%),
   radial-gradient(circle at 78% 22%,#D9E6D2 0,#D9E6D2 11%,transparent 11.5%),
   repeating-linear-gradient(90deg,transparent 0 46px,rgba(255,255,255,.55) 46px 48px),
   repeating-linear-gradient(0deg,transparent 0 46px,rgba(255,255,255,.55) 46px 48px)}
.rodam-mapcard .mc-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px}
.rodam-mapcard .mc-pin{width:40px;height:52px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.2));margin-bottom:6px;animation:mcpin 2.4s ease-in-out infinite}
.rodam-mapcard .mc-name{font-size:18px;font-weight:700;background:#FFFFFF;padding:4px 12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.rodam-mapcard .mc-addr{font-size:13px;color:#45352A;background:rgba(255,255,255,.85);padding:2px 10px}
.rodam-mapcard .mc-btn{margin-top:14px;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;background:#03C75A;color:#FFFFFF;font-size:14px;font-weight:500;transition:background .2s}
.rodam-mapcard .mc-btn b{font-family:Arial,sans-serif;font-weight:900;font-size:15px}
.rodam-mapcard:hover .mc-btn{background:#02B350}
.is-mobile .rodam-mapcard .mc-name{font-size:16px}
.is-mobile .rodam-mapcard .mc-addr{font-size:12px}
@keyframes mcpin{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ===== 메인 반짝이 ===== */
.rodam-sparkle{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.rodam-shimmer{position:absolute;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:soft-light}
.rodam-shimmer::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:45%;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,250,235,.0) 30%,rgba(255,248,230,.85) 50%,rgba(255,250,235,0) 70%,rgba(255,255,255,0) 100%);
  transform:skewX(-14deg);animation:rodamShimmer 7s ease-in-out infinite 1.2s}
@keyframes rodamShimmer{0%{left:-60%}55%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.rodam-shimmer::before,.rodam-mapcard .mc-pin{animation:none}}

/* 배경 웨이브 일렁임 (인물 영역은 마스크로 제외) */
.rodam-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}

/* 네이버 지도 (API) */
.rodam-navermap{overflow:hidden;background:#EDEAE4}
.rodam-navermap-btn{position:absolute;left:12px;bottom:12px;z-index:10;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#03C75A;color:#fff !important;text-decoration:none;font-size:13px;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.rodam-navermap-btn b{font-family:Arial,sans-serif;font-weight:900}
.rodam-navermap-pin{position:relative;width:140px;display:flex;flex-direction:column;align-items:center;font-family:'Noto Sans KR',sans-serif}
.rodam-navermap-pin span{background:#2c1f17;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.rodam-navermap-pin i{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #2c1f17}