.site-footer {
	background: var(--color-surface-secondary);
	margin-top: var(--space-6);
	padding-block: var(--space-5);
}

.footer-inner {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.footer-logo {
	height: 56px;
	width: auto;
}

.footer-title {
	font-family: var(--font-heading);
	letter-spacing: 0.08em;
}

.footer-nav {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 32px;
}

.footer-bottom {
	border-top: 1px solid var(--color-border-muted);
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.consent {
	position: fixed;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--color-surface-elevated);
	box-shadow: var(--shadow-soft);
	padding: 16px 20px;
	border-radius: var(--radius-md);
	z-index: 1100;
}

.consent[hidden] {
	display: none !important;
}

.age-modal {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2000;
}

[data-age-modal][hidden] {
	display: none !important;
}

.age-box {
	background: var(--color-surface-elevated);
	padding: 32px;
	border-radius: var(--radius-md);
	max-width: 420px;
	width: 90%;
	text-align: center;
}