/* =========================================================
   banner-18.css — fixed top 18+ banner (NIE modalne)
   ========================================================= */

.as-banner-18 {
	position: fixed;
	top: 0;
	left: 0; right: 0;
	z-index: 1001;
	height: var(--banner-h);
	background: var(--c-bg-alt);
	color: var(--c-paper);
	border-bottom: 1px solid var(--c-line-dark);
	display: flex;
	align-items: center;
}

.as-banner-18__inner {
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 var(--gutter);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	font-family: var(--f-body);
	font-size: 0.8125rem;
	line-height: 1.2;
}

.as-banner-18__tag {
	color: var(--c-accent);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.1em;
	margin-right: 12px;
}

.as-banner-18__text {
	flex: 1;
	color: var(--c-paper-muted);
}

.as-banner-18__link {
	color: var(--c-paper);
	letter-spacing: 0.04em;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.2s, color 0.2s;
	white-space: nowrap;
}
.as-banner-18__link:hover,
.as-banner-18__link:focus-visible {
	color: var(--c-accent);
	border-bottom-color: var(--c-accent);
}