body { padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)); }
.consultation-bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; background: #173f48; padding-bottom: env(safe-area-inset-bottom, 0px); box-shadow: 0 -2px 12px #0002; }
.consultation-bar a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 104px; flex: 1; max-width: 360px; padding: 8px 12px; box-sizing: border-box; color: #fff; font-size: 32px; line-height: 1.4; text-align: center; text-decoration: none; }
.consultation-bar a.consultation-kakao { background: #fae100; color: #181600; }
.consultation-bar a.consultation-reserve { background: #255d63; }
.consultation-bar a:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }
@media(max-width: 600px) { .consultation-bar a { flex-direction: column; gap: 0; font-size: 28px; padding: 8px 4px; } .consultation-bar strong { font-size: 28px; } }

.consultation-bar a { min-width: 0; flex-wrap: wrap; }
@media(max-width: 600px) {
 body { padding-bottom: calc(144px + env(safe-area-inset-bottom, 0px)); }
 .consultation-bar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .consultation-bar a { max-width: none; min-height: 72px; line-height: 1.25; }
 .consultation-bar a:first-child { grid-column: 1 / -1; flex-direction: row; gap: 8px; }
}