/* Site-wide footer shell from the saved empty-category reference. */
.site-footer {
	border-block-start: 1px solid rgb(250 248 245 / 5%);
	background: var(--dermobliss-text-primary);
	color: var(--dermobliss-background-primary);
}

.site-footer__main {
	display: grid;
	gap: 48px;
	padding-block: 64px;
}

.site-footer__brand,
.site-footer__group { min-inline-size: 0; }

.site-footer__brand-slot {
	min-block-size: 49.5px;
}

.site-footer__brand-slot a { display: inline-flex; }
.site-footer__logo-placeholder { display: block; inline-size: 188px; block-size: 49.5px; }

.site-footer__tagline {
	margin-block-start: 24px;
	color: rgb(250 248 245 / 80%);
	font-family: var(--dermobliss-font-display);
	font-size: 18px;
	font-style: italic;
	line-height: 24.75px;
}
.site-footer__description { max-inline-size: 280px; margin-block-start: 16px; color: rgb(250 248 245 / 65%); font-size: 12px; line-height: 1.7; }
.site-footer .language-switcher { margin-block-start: 20px; }
.site-footer .language-switcher a { color: rgb(250 248 245 / 72%); }
.site-footer__legal-links { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 0; padding: 0; list-style: none; }
.site-footer__legal-links a { color: inherit; text-decoration: none; }
.site-footer__legal-links a:is(:hover, :focus-visible) { color: var(--dermobliss-background-primary); }

.site-footer__group h2 {
	margin-block-end: 20px;
	color: var(--dermobliss-accent-gold);
	font-family: var(--dermobliss-font-mono);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.22em;
}

.site-footer__categories { min-block-size: 36px; }

.site-footer__group ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__group li,
.site-footer__contact p {
	color: rgb(250 248 245 / 80%);
	font-size: 14px;
	line-height: 20px;
}

.site-footer__corporate span { cursor: default; }
.site-footer__group a { color: inherit; text-decoration: none; }
.site-footer__group a:is(:hover, :focus-visible) { color: var(--dermobliss-accent-gold); }
.site-footer__contact { min-block-size: 172px; }

.site-footer__legal { border-block-start: 1px solid rgb(250 248 245 / 10%); }

.site-footer__legal-inner {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-block: 24px;
	color: rgb(250 248 245 / 50%);
	font-size: 12px;
	line-height: 16px;
}

.site-footer__credit {
	align-self: center;
	color: rgb(250 248 245 / 58%);
	font-family: var(--dermobliss-font-mono);
	font-size: 10px;
	line-height: 16px;
	letter-spacing: 0.08em;
	text-align: center;
	text-decoration: none;
}

.site-footer__credit:is(:hover, :focus-visible) { color: var(--dermobliss-accent-gold); }

@media (min-width: 768px) {
	.site-footer__main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
	.site-footer__main { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.site-footer__legal-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		align-items: center;
	}
	.site-footer__legal-inner > p { justify-self: start; }
	.site-footer__credit { grid-column: 2; justify-self: center; }
	.site-footer__legal-inner > nav { grid-column: 3; justify-self: end; }
}