#mccb-banner {
	--mccb-bg: #111111;
	--mccb-text: #EEEEEE;
	--mccb-btn-bg: #E30613;
	--mccb-btn-text: #FFFFFF;
	--mccb-reject: #EEEEEE;
	--mccb-reject-bg: #2A2A2A;
	--mccb-accent: #E30613;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background: var(--mccb-bg);
	color: var(--mccb-text);
	font-size: 14px;
	line-height: 1.5;
	box-shadow: 0 -2px 12px rgba(0, 0, 0, .15);
	transform: translateY(100%);
	transition: transform .3s ease;
}
#mccb-banner[hidden] { display: none; }
#mccb-banner.mccb-has-line { border-top: 3px solid var(--mccb-accent); }
#mccb-banner.mccb-visible { transform: translateY(0); }

#mccb-banner .mccb-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	gap: 16px;
}
#mccb-banner .mccb-icon { flex: 0 0 auto; color: var(--mccb-accent); }
#mccb-banner .mccb-text { flex: 1 1 auto; margin: 0; color: var(--mccb-text); }
#mccb-banner .mccb-link { color: var(--mccb-text); text-decoration: underline; font-weight: 600; margin-left: 4px; }
#mccb-banner .mccb-link:hover { opacity: .85; }
#mccb-banner .mccb-actions { display: flex; gap: 10px; flex: 0 0 auto; }

#mccb-banner .mccb-btn {
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 600;
	padding: 9px 20px;
	border-radius: 6px;
	border: 1px solid transparent;
	line-height: 1.2;
	margin: 0;
	text-transform: none;
	letter-spacing: normal;
}
#mccb-banner .mccb-accept { background: var(--mccb-btn-bg); color: var(--mccb-btn-text); border-color: var(--mccb-btn-bg); }
#mccb-banner .mccb-reject { background: var(--mccb-reject-bg); color: var(--mccb-reject); border-color: var(--mccb-reject-bg); }
#mccb-banner.mccb-reject-bordered .mccb-reject { border-color: var(--mccb-reject); }
#mccb-banner .mccb-btn:hover { opacity: .9; }
#mccb-banner .mccb-btn:focus-visible { outline: 2px solid var(--mccb-text); outline-offset: 2px; }

@media (max-width: 720px) {
	#mccb-banner .mccb-inner { flex-direction: column; align-items: stretch; text-align: left; padding: 14px 16px; gap: 12px; }
	#mccb-banner .mccb-icon { display: none; }
	#mccb-banner .mccb-actions { width: 100%; }
	#mccb-banner .mccb-btn { flex: 1 1 0; }
}

@media (prefers-reduced-motion: reduce) {
	#mccb-banner { transition: none; }
}