/* 모바일 하단 고정 버튼 (레이아웃 뼈대 A) */
.dwa-mbar { display: none; }
@media (max-width: 860px) {
	.has-dwa-mbar { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }
	.dwa-mbar {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
		display: flex; padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
		background: rgba(255, 255, 255, .96); border-top: 1px solid var(--dw-line, #e4e9f2);
		backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
		box-shadow: 0 -6px 20px rgba(18, 36, 63, .06);
	}
	.dwa-mbar a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 2px; color: var(--dw-ink, #12243f); font-size: 12px; font-weight: 700; text-decoration: none; }
	.dwa-mbar a:last-child { margin-left: 4px; border-radius: 12px; background: var(--dw-primary, #7A5C3E); color: #fff; }
	.dwa-mbar-ico svg { width: 22px; height: 22px; }
	/* 코어 맨 위로 버튼이 하단 바에 가리지 않게 */
	.has-dwa-mbar .dw-to-top, .has-dwa-mbar #dw-to-top { bottom: calc(80px + env(safe-area-inset-bottom)) !important; }
	/* 전체 메뉴가 열려 있으면 하단 바를 숨긴다(메뉴 아래 상담·전화 버튼이 가리지 않게) */
	body:has(.dw-nav.is-open) .dwa-mbar, body.dw-nav-open .dwa-mbar { display: none; }
}

/* PC 오른쪽 퀵메뉴 — 모바일 하단 버튼과 같은 값. 슬라이드 좌우 화살표(세로 가운데)와 겹치지 않게 아래쪽에 둔다. */
@media (min-width: 861px) {
	.dwa-qm-on .dwa-mbar {
		display: flex; flex-direction: column; gap: 8px;
		position: fixed; right: 18px; bottom: 100px; z-index: 900;
	}
	.dwa-qm-on .dwa-mbar a {
		width: 74px; box-sizing: border-box; padding: 12px 4px 10px;
		display: flex; flex-direction: column; align-items: center; gap: 6px;
		background: #fff; border: 1px solid var(--dw-line, #e4e9f2); border-radius: 14px;
		box-shadow: 0 8px 24px rgba(18, 36, 63, .10);
		color: var(--dw-ink, #12243f); font-size: 12.5px; font-weight: 700; line-height: 1.3; text-align: center; text-decoration: none; word-break: keep-all;
		transition: background .2s ease, color .2s ease, transform .2s ease;
	}
	.dwa-qm-on .dwa-mbar a:hover, .dwa-qm-on .dwa-mbar a:focus-visible { background: var(--dw-primary, #7A5C3E); border-color: transparent; color: #fff; transform: translateX(-2px); }
	.dwa-qm-on .dwa-mbar a:last-child { background: var(--dw-primary, #7A5C3E); border-color: transparent; color: #fff; }
	/* 카카오톡 링크는 카카오 노란색 */
	.dwa-qm-on .dwa-mbar a[href*="kakao"] { background: #FEE500; border-color: #FEE500; color: #191919; }
	.dwa-qm-on .dwa-mbar .dwa-mbar-ico svg { width: 24px; height: 24px; }
	/* 코어 맨 위로 버튼과 줄을 맞춘다 */
	.dwa-qm-on .dw-to-top, .dwa-qm-on #dw-to-top { right: 30px; }
}
/* 낮은 화면(노트북 768px 등)에선 퀵메뉴를 줄여 슬라이드 화살표 아래로 — 1024×768 에서 화살표와 겹쳤다. */
@media (min-width: 861px) and (max-height: 860px) {
	.dwa-qm-on .dwa-mbar { gap: 6px; bottom: 24px; }
	.dwa-qm-on .dwa-mbar a { width: 68px; padding: 8px 4px 7px; gap: 4px; font-size: 11.5px; border-radius: 12px; }
	.dwa-qm-on .dwa-mbar .dwa-mbar-ico svg { width: 20px; height: 20px; }
}