/* ==== base.css ==== */
/* ==========================================================================
   Base / designsystem. Definerer de CSS-variabler komponenterne bruger,
   plus delte klasser (.container, .btn, .eyebrow, .section, osv.).
   Skift paletten her pr. kunde.
   ========================================================================== */

:root {
	/* Palette: ÉN sand kilde. Disse tokens refererer de samme palette-variabler
	   (--mp-*) som design-system.css, så det gamle og det nye lag ALTID viser
	   samme farver. Palettes.php overstyrer --mp-* pr. kunde; fallback = moden default. */
	--color-primary: var(--mp-ink-3, #21364f);
	--color-primary-dark: var(--mp-ink, #0e1a2b);
	--color-on-primary: #ffffff;
	--color-accent: var(--mp-accent, #c4671b);
	--color-text: #1f2937;
	--color-muted: #6b7280;
	--color-surface: var(--mp-surface, #f5f6f9);
	--color-border: var(--mp-line, #e1e5ec);

	/* Form: radier flugter med design-system (--r 8 / --r-lg 12), så rundhed er ens. */
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-pill: 999px;
	--shadow-card: 0 10px 28px rgba(0, 0, 0, 0.08);
	--shadow-float: 0 8px 24px rgba(0, 0, 0, 0.18);

	/* Layout */
	--container: 1160px;
	--font-body: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: var(--font-body);
	color: var(--color-text);
	line-height: 1.6;
	background: #fff;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--color-primary); }

.container {
	width: 100%;
	max-width: var(--container);
	margin: 0 auto;
	padding: 0 24px;
}

.section { padding: 64px 0; }

.section-h2 {
	font-size: clamp(1.6rem, 3vw, 2.3rem);
	line-height: 1.15;
	margin: 0 0 14px;
}

.section-lead {
	font-size: 1.1rem;
	color: var(--color-muted);
	margin: 0 0 8px;
	max-width: 60ch;
}

/* Eyebrow: farvet prik + label */
.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-primary);
	margin-bottom: 12px;
}

.eyebrow .dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: var(--color-accent);
}

/* Knapper: pille, min 48px */
.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: var(--radius-pill);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	border: 2px solid transparent;
	transition: transform 0.12s ease, background 0.15s ease;
}

.btn:hover { transform: translateY(-2px); }

.btn-primary { background: var(--color-primary); color: var(--color-on-primary); }
.btn-secondary { background: var(--color-accent); color: #1a1a1a; }
.btn-outline-light { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.7); }
.btn-light { background: #fff; color: var(--color-primary); }

.chip {
	background: var(--color-surface);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 0.85rem;
}

h1, h2, h3 { font-family: var(--font-body); }

/* FAQ details/summary basis */
details summary { cursor: pointer; }

/* Brødkrumme */
.breadcrumb { padding: 16px 0; font-size: 0.88rem; color: var(--color-muted); }
.breadcrumb__inner { display: flex; gap: 8px; flex-wrap: wrap; }
.breadcrumb a { text-decoration: none; }

/* ==========================================================================
   Header / nav / mobil-drawer / footer
   ========================================================================== */
.site-header {
	position: sticky;
	top: 0;
	z-index: 800;
	background: #fff;
	border-bottom: 1px solid var(--color-border);
}

.site-header__inner {
	display: flex;
	align-items: center;
	gap: 24px;
	min-height: 72px;
}

.site-header__brand {
	font-weight: 800;
	font-size: 1.15rem;
	text-decoration: none;
	color: var(--color-primary);
}

.site-nav { margin-left: auto; }

.site-nav__list {
	list-style: none;
	display: flex;
	gap: 22px;
	margin: 0;
	padding: 0;
}

.site-nav__list a {
	text-decoration: none;
	color: var(--color-text);
	font-weight: 500;
}

.site-nav__list a:hover { color: var(--color-primary); }

.site-header__cta { margin-left: 8px; }

/* Burger skjult på desktop */
.site-header__burger {
	display: none;
	flex-direction: column;
	gap: 5px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 8px;
}

.site-header__burger span {
	width: 24px;
	height: 2px;
	background: var(--color-text);
	display: block;
}

/* Mobil-drawer: skjult og inaktiv på desktop */
.mobile-drawer {
	display: none;
	visibility: hidden;
	pointer-events: none;
	position: fixed;
	inset: 0;
	z-index: 1000;
	background: #fff;
	padding: 72px 24px 24px;
}

.mobile-drawer__close {
	position: absolute;
	top: 16px;
	right: 20px;
	font-size: 2rem;
	background: none;
	border: 0;
	cursor: pointer;
}

.mobile-drawer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
	font-size: 1.2rem;
}

.mobile-drawer__list a { text-decoration: none; color: var(--color-text); }

@media (max-width: 980px) {
	.site-nav,
	.site-header__cta { display: none; }
	.site-header__burger { display: flex; }
	.mobile-drawer:not([hidden]) {
		display: block;
		visibility: visible;
		pointer-events: auto;
	}
}

/* Footer */
.site-footer {
	background: var(--color-primary);
	color: #fff;
	margin-top: 64px;
}

.site-footer a { color: rgba(255, 255, 255, 0.85); }

.site-footer__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 32px;
	padding: 56px 24px;
}

.site-footer__menu,
.site-footer__legal {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.site-footer__legal { gap: 10px; }
.site-footer__legal a { display: block; }

.site-footer__base {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding: 16px 0;
	color: rgba(255, 255, 255, 0.7);
}

/* ==========================================================================
   Formular (kontakt)
   ========================================================================== */
.manids-form, .contact-form { max-width: 640px; }
.form-row { margin-bottom: 16px; }
.form-row--two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-field { display: flex; flex-direction: column; gap: 6px; }
.form-label { font-weight: 600; font-size: 0.92rem; }
.form-req { color: #c0392b; }
.form-field input, .form-field select, .form-field textarea {
	padding: 12px 14px;
	border: 1px solid var(--color-border, #d9dde3);
	border-radius: 10px;
	font: inherit;
	width: 100%;
}
.form-field textarea { min-height: 120px; resize: vertical; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus {
	outline: 2px solid var(--color-primary, #1f3a5f); outline-offset: 1px; border-color: transparent;
}
.form-consent { display: flex; align-items: flex-start; gap: 8px; font-size: 0.9rem; margin: 12px 0; }
.form-error { color: #c0392b; font-size: 0.85rem; }
.form-success {
	background: #eaf7ee; border: 1px solid #b6e2c4; color: #1e6b3a;
	padding: 16px 18px; border-radius: 12px;
}
@media (max-width: 600px) { .form-row--two { grid-template-columns: 1fr; } }

/* ==========================================================================
   Tilgængelighed: skip-link + synlige fokus-states
   ========================================================================== */
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 2000;
	background: var(--color-primary, #1f3a5f);
	color: #fff;
	padding: 12px 18px;
	border-radius: 0 0 10px 0;
	text-decoration: none;
}
.skip-link:focus { left: 0; }

:focus-visible {
	outline: 3px solid var(--color-accent, #e0a449);
	outline-offset: 2px;
}

.btn:focus-visible {
	outline: 3px solid var(--color-accent, #e0a449);
	outline-offset: 3px;
}

/* Header: undgå at menuen brækker i to linjer (v6.11). */
.site-header__inner { gap: 18px; flex-wrap: nowrap; }
.site-nav__list a,
.manids-nav__list a,
.site-header__inner .menu-item > a { white-space: nowrap; }
.site-header__login {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
	text-decoration: none;
	color: var(--color-text);
	font-family: var(--font-head);
	font-weight: 500;
	font-size: 0.95rem;
}
.site-header__login:hover { color: var(--color-primary); }
body.header-overlay .site-header__login { color: #fff; }
body.header-overlay .site-header__login:hover { color: #e3a868; }
.site-header__login svg { flex: 0 0 auto; }
.site-header__cta { white-space: nowrap; }
@media (max-width: 1100px) {
	.site-nav { display: none; }
	.site-header__burger { display: flex; }
}
@media (max-width: 640px) {
	.site-header__login span { display: none; }
}

/* Mikrointeraktioner og tilgængelighed (v6.13). */
a { transition: color 0.15s ease; }
:focus-visible {
	outline: 2px solid var(--accent, #c98a3a);
	outline-offset: 2px;
	border-radius: 2px;
}
.btn { transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease; }
.btn-primary:hover { box-shadow: 0 10px 26px -12px rgba(14, 26, 43, 0.55); }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}
/* ==== hero.css ==== */
/* ==========================================================================
   Hero (variant-styret). Faste, forudsigelige højder pr. variant, så
   undersider ikke driver. Baggrundsbillede som cover (strækkes aldrig).
   Bruger temaets CSS-variabler med fallback.
   ========================================================================== */

.hero {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	background-color: var(--color-primary, #1f3a5f);
}

/* Baggrundsbillede sættes via inline --hero-bg, lagt som cover. */
.hero--has-bg {
	background-image: var(--hero-bg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Video dækker hele hero'en bag indholdet. */
.hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.55));
}

.hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
}

.hero__content {
	max-width: 680px;
}

.hero__h1 {
	font-size: clamp(1.9rem, 4vw, 3.1rem);
	line-height: 1.1;
	margin: 0 0 16px;
}

.hero-h1__accent {
	color: var(--color-accent, #e0a449);
}

.hero__lead {
	font-size: clamp(1rem, 1.6vw, 1.2rem);
	line-height: 1.55;
	margin: 0 0 24px;
	max-width: 58ch;
}

.hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.hero__chips {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 22px 0 0;
	padding: 0;
}

.hero__chips .chip {
	background: rgba(255, 255, 255, 0.14);
	color: var(--paper);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 0.85rem;
}

/* ---- Tekstfarve: hvid når der er baggrund/video --------------------------- */
.hero--has-bg .hero__h1,
.hero--has-bg .hero__lead,
.hero--full .hero__h1,
.hero--full .hero__lead,
.hero--centered .hero__h1,
.hero--centered .hero__lead,
.hero--compact .hero__h1,
.hero--compact .hero__lead {
	color: var(--paper);
}

/* ==========================================================================
   Varianter, med FASTE højder så sider ikke skifter format
   ========================================================================== */

/* full: høj forside-hero */
.hero--full {
	min-height: clamp(520px, 70vh, 760px);
	padding: 80px 0;
}

/* centered: centreret tekst over billede */
.hero--centered {
	min-height: clamp(480px, 64vh, 680px);
	padding: 80px 0;
	text-align: center;
}

.hero--centered .hero__content {
	max-width: 760px;
	margin: 0 auto;
}

.hero--centered .hero__cta,
.hero--centered .hero__chips {
	justify-content: center;
}

/* split: tekst + billede side om side */
.hero--split {
	min-height: 460px;
	padding: 64px 0;
	background-color: var(--color-surface, #f6f7f9);
}

.hero--split .hero__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}

.hero--split .hero__h1,
.hero--split .hero__lead {
	color: var(--color-text, #1f2937);
}

.hero--split .hero__media {
	border-radius: var(--radius-lg, 18px);
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.hero--split .hero__media-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* compact: undersidernes banner. FAST højde = ingen drift mellem sider */
.hero--compact {
	min-height: 280px;
	padding: 56px 0;
}

/* minimal: farvebånd uden billede til utility-sider */
.hero--minimal {
	min-height: 180px;
	padding: 48px 0;
}

.hero--minimal .hero__h1,
.hero--minimal .hero__lead {
	color: var(--paper);
}

/* ==========================================================================
   Mobil
   ========================================================================== */
@media (max-width: 768px) {
	.hero--full {
		min-height: clamp(440px, 70vh, 560px);
		padding: 56px 0;
	}

	.hero--centered {
		min-height: 420px;
	}

	.hero--split .hero__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.hero--split {
		min-height: 0;
	}

	.hero--compact {
		min-height: 200px;
		padding: 40px 0;
	}
}
/* ==== sections-extra.css ==== */
/* ==========================================================================
   Design-sektioner: stats, steps, logos, features, content-split.
   Bruger temaets CSS-variabler med fallback.
   ========================================================================== */

/* ---- Stats / tal-bånd --------------------------------------------------- */
.stats__head {
	text-align: center;
	margin-bottom: 32px;
}

.stats__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 24px;
	text-align: center;
}

.stats__value {
	display: block;
	font-size: clamp(2.2rem, 4vw, 3.2rem);
	font-weight: 800;
	line-height: 1;
	color: var(--color-primary, #1f3a5f);
}

.stats__suffix {
	font-size: 0.6em;
	margin-left: 2px;
}

.stats__label {
	display: block;
	margin-top: 8px;
	color: var(--color-muted, #6b7280);
	font-size: 0.95rem;
}

/* ---- Steps / proces ----------------------------------------------------- */
.steps__head {
	max-width: 680px;
	margin-bottom: 36px;
}

.steps__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 28px;
	counter-reset: step;
}

.steps__step {
	position: relative;
	padding-top: 8px;
}

.steps__nr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: var(--color-primary, #1f3a5f);
	color: var(--color-on-primary, var(--paper));
	font-weight: 800;
	margin-bottom: 14px;
}

.steps__title {
	font-size: 1.1rem;
	margin: 0 0 6px;
}

.steps__text {
	color: var(--color-muted, #4b5563);
	margin: 0;
}

/* ---- Logo-stribe -------------------------------------------------------- */
.logos__head {
	text-align: center;
	margin-bottom: 24px;
}

.logos__strip {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 36px;
}

.logos__img {
	max-height: 48px;
	width: auto;
	filter: grayscale(1);
	opacity: 0.7;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.logos__item:hover .logos__img {
	filter: grayscale(0);
	opacity: 1;
}

/* ---- Features / ydelses-grid -------------------------------------------- */
.features__head {
	max-width: 680px;
	margin-bottom: 32px;
}

.features__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 24px;
}

.feature-card {
	display: block;
	background: var(--paper);
	border: 1px solid var(--color-border, #eceef1);
	border-radius: var(--radius-md, 14px);
	padding: 24px;
	text-decoration: none;
	color: inherit;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a.feature-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-card, 0 10px 28px rgba(0, 0, 0, 0.08));
}

.feature-card__icon {
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: var(--color-surface, #eef1f5);
	color: var(--color-primary, #1f3a5f);
	margin-bottom: 14px;
}

.feature-card__title {
	font-size: 1.1rem;
	margin: 0 0 6px;
}

.feature-card__text {
	color: var(--color-muted, #4b5563);
	margin: 0;
}

.feature-card__more {
	display: inline-block;
	margin-top: 12px;
	font-weight: 600;
	color: var(--color-primary, #1f3a5f);
}

/* ---- Content-split ------------------------------------------------------ */
.content-split__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: center;
}

.content-split--image-left .content-split__media {
	order: -1;
}

.content-split__img {
	width: 100%;
	border-radius: var(--radius-lg, 18px);
}

.content-split__body {
	color: var(--color-text, #374151);
	line-height: 1.65;
}

.content-split__body > * + * {
	margin-top: 14px;
}

@media (max-width: 768px) {
	.content-split__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.content-split--image-left .content-split__media {
		order: 0;
	}
}

/* 404: telefon-linje under genvejene */
.error404-phone { margin-top: 22px; }
.error404-phone a { font-weight: 700; text-decoration: underline; }
/* ==== floating-cta.css ==== */
/* ==========================================================================
   Floating CTA (desktop) + Sticky CTA-bar (mobil)
   Selvstændig styling. Bruger CSS-variabler så den adopterer temaets palette.
   Forventede variabler (med fallback): --color-primary, --color-primary-dark,
   --color-text, --radius-pill, --shadow-float.
   ========================================================================== */

:root {
	--fcta-primary: var(--color-primary, #1f3a5f);
	--fcta-primary-dark: var(--color-primary-dark, #16294399);
	--fcta-on-primary: var(--color-on-primary, #ffffff);
	--fcta-radius: var(--radius-pill, 999px);
	--fcta-shadow: var(--shadow-float, 0 8px 24px rgba(0, 0, 0, 0.18));
}

/* ---- Floating CTA (desktop, nederste højre hjørne) ---------------------- */
.floating-cta {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 900;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
}

.floating-cta__mail,
.floating-cta__phone {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-decoration: none;
	border-radius: var(--fcta-radius);
	box-shadow: var(--fcta-shadow);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.floating-cta__mail:hover,
.floating-cta__phone:hover {
	transform: translateY(-2px);
}

/* Mindre "Skriv til os"-knap ovenover */
.floating-cta__mail {
	padding: 10px 18px;
	background: var(--fcta-on-primary);
	color: var(--fcta-primary);
	font-weight: 600;
	font-size: 0.9rem;
	border: 1px solid rgba(0, 0, 0, 0.08);
}

/* Stor ring-knap med nummer */
.floating-cta__phone {
	padding: 14px 22px;
	min-height: 48px;
	background: var(--fcta-primary);
	color: var(--fcta-on-primary);
}

.floating-cta__phone svg {
	flex: none;
}

.floating-cta__phone-text {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
}

.floating-cta__phone-text em {
	font-style: normal;
	font-size: 0.72rem;
	opacity: 0.85;
}

.floating-cta__phone-text strong {
	font-size: 1.05rem;
	font-weight: 700;
}

/* Skjul floating på mobil, der bruger vi sticky-baren i stedet */
@media (max-width: 980px) {
	.floating-cta {
		display: none;
	}
}

/* ---- Sticky CTA-bar (mobil, fast i bunden) ------------------------------ */
.sticky-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 950;
	display: none; /* skjult som udgangspunkt, vises kun på mobil nedenfor */
	background: var(--fcta-primary);
	box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.16);
	padding: 6px;
	gap: 4px;
}

.sticky-cta__btn {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-height: 52px;
	padding: 6px 4px;
	color: var(--fcta-on-primary);
	text-decoration: none;
	font-size: 0.78rem;
	font-weight: 600;
	border-radius: 12px;
}

.sticky-cta__btn--ring {
	background: rgba(255, 255, 255, 0.12);
}

.sticky-cta__btn svg {
	display: block;
}

/* Vis kun sticky-baren på mobil/tablet under 981px */
@media (max-width: 980px) {
	.sticky-cta {
		display: flex;
	}

	/* Giv plads så baren ikke dækker footer-indhold */
	body {
		padding-bottom: 64px;
	}
}

/* Mail- og tilbuds-knappen: bevidst uden fyld, kun Ring fremhæves. */
.sticky-cta__btn--mail,
.sticky-cta__btn--tilbud {
	background: transparent;
}
/* ==== price-calculator.css ==== */
/* ==========================================================================
   Prisberegner. Selvstændig styling, bruger temaets CSS-variabler.
   ========================================================================== */

.price-calc__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}

.price-calc__widget {
	background: var(--color-surface, #f6f7f9);
	border-radius: var(--radius-lg, 20px);
	padding: 28px;
	box-shadow: var(--shadow-card, 0 6px 20px rgba(0, 0, 0, 0.06));
}

.price-calc__row {
	margin-bottom: 20px;
}

.price-calc__row-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 8px;
	font-size: 0.95rem;
}

.price-calc__value {
	font-weight: 700;
	color: var(--color-primary, #1f3a5f);
}

.price-calc__slider {
	width: 100%;
	accent-color: var(--color-primary, #1f3a5f);
	height: 6px;
	cursor: pointer;
}

.price-calc__result {
	margin-top: 24px;
	padding: 20px;
	border-radius: var(--radius-md, 14px);
	background: var(--color-primary, #1f3a5f);
	color: var(--color-on-primary, #fff);
	text-align: center;
}

.price-calc__result-label {
	font-size: 0.85rem;
	opacity: 0.85;
	margin-bottom: 4px;
}

.price-calc__result-value {
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.1;
}

.price-calc__disclaimer {
	margin-top: 16px;
	font-size: 0.8rem;
	color: var(--color-muted, #6b7280);
}

@media (max-width: 768px) {
	.price-calc__inner {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* ==========================================================================
   Begravelseshjælp-beregner. Arver price-calc-skallen, tilføjer felter.
   ========================================================================== */

.bgcalc__field {
	margin-bottom: 20px;
	border: 0;
	padding: 0;
}

.bgcalc__legend {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--color-text, #1a1a1a);
	margin-bottom: 10px;
	padding: 0;
}

.bgcalc__radio,
.bgcalc__check {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	margin-bottom: 8px;
	border: 1px solid var(--color-border, #e2e5ea);
	border-radius: var(--radius-md, 14px);
	background: var(--color-bg, #fff);
	cursor: pointer;
	font-size: 0.95rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bgcalc__radio:hover,
.bgcalc__check:hover {
	border-color: var(--color-primary, #1f3a5f);
}

.bgcalc__radio input,
.bgcalc__check input {
	accent-color: var(--color-primary, #1f3a5f);
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	cursor: pointer;
}

.bgcalc__radio:has(input:checked),
.bgcalc__check:has(input:checked) {
	border-color: var(--color-primary, #1f3a5f);
	box-shadow: 0 0 0 1px var(--color-primary, #1f3a5f) inset;
}

.bgcalc__field--check {
	margin-bottom: 24px;
}

.bgcalc__note {
	margin: 12px 0 0;
	font-size: 0.85rem;
	line-height: 1.5;
	opacity: 0.92;
}

.bgcalc__cta {
	display: block;
	width: 100%;
	margin-top: 18px;
	text-align: center;
}

.bgcalc__source {
	margin-top: 10px;
	font-size: 0.75rem;
	color: var(--color-muted, #6b7280);
}

[data-bg-row][hidden] {
	display: none;
}
/* ==== catalog.css ==== */
/* ==========================================================================
   Katalog: filter, grid, kort, enkeltside. Bruger temaets CSS-variabler.
   ========================================================================== */

/* ---- Filter ------------------------------------------------------------- */
.catalog-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 28px;
}

.catalog-filter__group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.catalog-filter__label {
	font-weight: 700;
	font-size: 0.85rem;
	color: var(--color-muted, #6b7280);
	margin-right: 4px;
}

.catalog-filter__chip {
	border: 1px solid var(--color-border, #d9dde3);
	background: var(--paper);
	color: var(--color-text, #1f2937);
	border-radius: 999px;
	padding: 7px 16px;
	font-size: 0.88rem;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.catalog-filter__chip:hover {
	border-color: var(--color-primary, #1f3a5f);
}

.catalog-filter__chip.is-active {
	background: var(--color-primary, #1f3a5f);
	color: var(--color-on-primary, var(--paper));
	border-color: var(--color-primary, #1f3a5f);
}

/* ---- Grid + kort -------------------------------------------------------- */
.catalog-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 24px;
}

.product-card {
	background: var(--paper);
	border: 1px solid var(--color-border, #eceef1);
	border-radius: var(--radius-md, 14px);
	overflow: hidden;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.product-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow-card, 0 10px 28px rgba(0, 0, 0, 0.08));
}

.product-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.product-card__media {
	aspect-ratio: 4 / 3;
	background: var(--color-surface, #f6f7f9);
	overflow: hidden;
}

.product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-card__body {
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.product-card__cat {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--color-muted, #6b7280);
}

.product-card__title {
	font-size: 1.05rem;
	margin: 2px 0;
}

.product-card__spec {
	font-weight: 700;
	color: var(--color-primary, #1f3a5f);
}

.product-card__cta {
	margin-top: 8px;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--color-primary, #1f3a5f);
}

/* ---- Enkeltside --------------------------------------------------------- */
.single-katalog__grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	gap: 40px;
	align-items: start;
}

.single-katalog__img {
	width: 100%;
	border-radius: var(--radius-lg, 18px);
}

.single-katalog__specs {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	border-top: 1px solid var(--color-border, #eceef1);
}

.single-katalog__spec {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	border-bottom: 1px solid var(--color-border, #eceef1);
}

.single-katalog__spec-label {
	color: var(--color-muted, #6b7280);
}

.single-katalog__spec-value {
	font-weight: 600;
}

@media (max-width: 768px) {
	.single-katalog__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

/* ==========================================================================
   BIL-KATALOG: kort-nøgletal, faceteret filter, split single, galleri.
   Token-justeret med resten af biblioteket.
   ========================================================================== */

/* ---- Kort: badge, nøgletal, pris ---------------------------------------- */
.product-card__media {
	position: relative;
}

.product-card__badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	background: var(--color-primary, #21364f);
	color: var(--color-on-primary, var(--paper));
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 4px 11px;
	border-radius: 999px;
	text-transform: uppercase;
}

.product-card__specs {
	list-style: none;
	margin: 8px 0 4px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
}

.product-card__specs-item {
	display: inline-flex;
	flex-direction: column;
	line-height: 1.2;
}

.product-card__specs-label {
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--color-muted, #6b7280);
}

.product-card__specs-val {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--color-text, #1f2937);
}

.product-card__foot {
	margin-top: auto;
	padding-top: 10px;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
}

.product-card__price {
	font-size: 1.12rem;
	font-weight: 800;
	color: var(--color-primary, #21364f);
}

/* ---- Faceteret filter --------------------------------------------------- */
.catalog-filter {
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-bottom: 30px;
	padding: 22px 24px;
	background: var(--color-surface, #f5f6f9);
	border: 1px solid var(--color-border, #e1e5ec);
	border-radius: var(--radius-lg, 12px);
}

.catalog-filter__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.catalog-filter__ranges {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 32px;
}

.catalog-filter__range-inputs {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
}

.catalog-filter__num {
	width: 92px;
	padding: 8px 10px;
	border: 1px solid var(--color-border, #d9dde3);
	border-radius: 8px;
	font-size: 0.9rem;
	background: var(--paper);
}

.catalog-filter__num:focus {
	outline: 2px solid var(--color-accent, #c4671b);
	outline-offset: 1px;
}

.catalog-filter__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 24px;
	padding-top: 16px;
	border-top: 1px solid var(--color-border, #e1e5ec);
}

.catalog-filter__sort {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.catalog-filter__sort select {
	padding: 8px 12px;
	border: 1px solid var(--color-border, #d9dde3);
	border-radius: 8px;
	background: var(--paper);
	font-size: 0.9rem;
}

.catalog-filter__count {
	margin: 0;
	font-weight: 700;
	color: var(--color-text, #1f2937);
}

.catalog-filter__reset {
	margin-left: auto;
	background: none;
	border: none;
	color: var(--color-accent, #c4671b);
	font-weight: 600;
	font-size: 0.9rem;
	cursor: pointer;
	text-decoration: underline;
	padding: 4px;
}

/* ---- Single bil: split hero -------------------------------------------- */
.single-car__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	gap: 44px;
	align-items: start;
}

.single-car__info {
	position: sticky;
	top: 96px;
}

.single-car__title {
	margin: 6px 0 0;
}

.single-car__price {
	margin: 12px 0 18px;
	font-size: 1.9rem;
	font-weight: 800;
	color: var(--color-primary, #21364f);
}

.single-car__keyspecs {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--color-border, #e1e5ec);
	border: 1px solid var(--color-border, #e1e5ec);
	border-radius: var(--radius-md, 8px);
	overflow: hidden;
}

.single-car__keyspecs li {
	background: var(--paper);
	padding: 12px 14px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.single-car__keyspecs-label {
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--color-muted, #6b7280);
}

.single-car__keyspecs-val {
	font-weight: 700;
	color: var(--color-text, #1f2937);
}

.single-car__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.single-car__trust {
	margin: 14px 0 0;
	font-size: 0.88rem;
	color: var(--color-muted, #6b7280);
}

/* ---- Single bil: galleri ----------------------------------------------- */
.single-car__gallery-main {
	display: block;
	position: relative;
	border-radius: var(--radius-lg, 12px);
	overflow: hidden;
	cursor: zoom-in;
}

.single-car__gallery-img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

.single-car__gallery-count {
	position: absolute;
	right: 12px;
	bottom: 12px;
	background: rgba(20, 28, 40, 0.78);
	color: var(--paper);
	font-size: 0.8rem;
	font-weight: 600;
	padding: 5px 12px;
	border-radius: 999px;
}

.single-car__thumbs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	margin-top: 10px;
}

.single-car__thumb {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	cursor: zoom-in;
	aspect-ratio: 4 / 3;
}

.single-car__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s ease;
}

.single-car__thumb:hover img {
	transform: scale(1.05);
}

/* ---- Single bil: spec-sektion ------------------------------------------ */
.single-car__specs-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 44px;
	align-items: start;
}

.single-car__specs {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	border-top: 1px solid var(--color-border, #e1e5ec);
}

.single-car__spec {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 0;
	border-bottom: 1px solid var(--color-border, #e1e5ec);
}

.single-car__spec-label {
	color: var(--color-muted, #6b7280);
}

.single-car__spec-value {
	font-weight: 600;
	text-align: right;
}

.single-car__equip-title {
	margin: 24px 0 10px;
}

.single-car__equip {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.single-car__equip-item {
	background: var(--color-surface, #f5f6f9);
	border: 1px solid var(--color-border, #e1e5ec);
	border-radius: 999px;
	padding: 6px 14px;
	font-size: 0.86rem;
}

.section--related-catalog__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 22px;
}

@media (max-width: 900px) {
	.single-car__grid,
	.single-car__specs-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.single-car__info {
		position: static;
	}

	.single-car__gallery {
		order: -1;
	}
}

@media (max-width: 560px) {
	.single-car__keyspecs {
		grid-template-columns: 1fr;
	}

	.single-car__thumbs {
		grid-template-columns: repeat(3, 1fr);
	}

	.catalog-filter__reset {
		margin-left: 0;
	}
}

/* Server-mode filter (catalog-facets): GET-form med selects og paginering */
.catalog-filter--server .catalog-filter__selects { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 14px; }
.catalog-filter--server .catalog-filter__select { display: grid; gap: 6px; min-width: 180px; }
.catalog-filter--server select { min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--paper); }
.catalog-filter__apply { margin-left: auto; }
.catalog-pagination { display: flex; justify-content: center; gap: 6px; margin-top: 34px; }
.catalog-pagination .page-numbers { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; color: var(--ink); }
.catalog-pagination .page-numbers.current { background: var(--ink); color: var(--paper); border-color: var(--ink); }
@media (max-width: 640px) {
	.catalog-filter--server .catalog-filter__select { min-width: 100%; }
	.catalog-filter__apply { margin-left: 0; width: 100%; }
}
/* ==== nav.css ==== */
/* ==========================================================================
   Menusystem: fem stilarter med dropdown/mega. Bruger temaets variabler.
   ========================================================================== */

.manids-nav {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-left: auto;
}

.manids-nav__list {
	list-style: none;
	display: flex;
	gap: 22px;
	margin: 0;
	padding: 0;
}

.manids-nav__list > li {
	position: relative;
}

.manids-nav__list a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	text-decoration: none;
	color: var(--color-text, #1f2937);
	font-weight: 500;
	padding: 8px 0;
}

.manids-nav__list a:hover {
	color: var(--color-primary, #1f3a5f);
}

.manids-nav__chevron {
	transition: transform 0.15s ease;
}

/* ---- Dropdown (alle stilarter med undermenu) ---------------------------- */
.manids-nav__list .sub-menu {
	list-style: none;
	margin: 0;
	padding: 8px;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: var(--paper);
	border: 1px solid var(--color-border, #e6e9ee);
	border-radius: var(--radius-md, 14px);
	box-shadow: var(--shadow-card, 0 10px 28px rgba(0, 0, 0, 0.08));
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
	z-index: 50;
}

.manids-nav__list li:hover > .sub-menu,
.manids-nav__list li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.manids-nav__list li:hover > a .manids-nav__chevron {
	transform: rotate(180deg);
}

.manids-nav__list .sub-menu a {
	display: block;
	padding: 8px 12px;
	border-radius: 8px;
}

.manids-nav__list .sub-menu a:hover {
	background: var(--color-surface, #f6f7f9);
}

/* ---- Mega: bred undermenu i kolonner ------------------------------------ */
.manids-nav--mega .manids-nav__list > li.menu-item-has-children {
	position: static;
}

.manids-nav--mega .sub-menu {
	left: 0;
	right: 0;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 4px 24px;
	padding: 24px;
}

/* ---- Akut / portal ekstra-knapper --------------------------------------- */
.manids-nav__ring,
.manids-nav__portal {
	white-space: nowrap;
}

.manids-nav__ring svg {
	width: 16px;
	height: 16px;
}

@media (max-width: 980px) {
	.manids-nav { display: none; }
}
/* ==== sections-branche.css ==== */
/* ==========================================================================
   Branche-sektioner: series, dealer-cta, rooms, before-after, gallery
   + lightbox. Bruger temaets variabler.
   ========================================================================== */

/* ---- Series (B2B) ------------------------------------------------------- */
.series__head { max-width: 680px; margin-bottom: 32px; }
.series__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 24px;
}
.series-card {
	display: block;
	background: var(--paper);
	border: 1px solid var(--color-border, #eceef1);
	border-radius: var(--radius-md, 14px);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
a.series-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-card, 0 10px 28px rgba(0,0,0,0.08)); }
.series-card__media { aspect-ratio: 16 / 10; background: var(--color-surface, #f6f7f9); }
.series-card__img { width: 100%; height: 100%; object-fit: cover; }
.series-card__body { padding: 18px; }
.series-card__title { font-size: 1.1rem; margin: 0 0 6px; }
.series-card__text { color: var(--color-muted, #4b5563); margin: 0; }
.series-card__more { display: inline-block; margin-top: 10px; font-weight: 600; color: var(--color-primary, #1f3a5f); }

/* ---- Dealer CTA --------------------------------------------------------- */
.dealer-cta { background: var(--color-primary, #1f3a5f); color: var(--paper); }
.dealer-cta__inner { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center; }
.dealer-cta__h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin: 0 0 12px; color: var(--paper); }
.dealer-cta__lead { opacity: 0.9; margin: 0 0 18px; }
.dealer-cta__benefits { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.dealer-cta__benefit { display: flex; align-items: center; gap: 10px; }
.dealer-cta__check { display: inline-flex; color: var(--color-accent, #e0a449); }
.dealer-cta__action { text-align: right; }
@media (max-width: 768px) { .dealer-cta__inner { grid-template-columns: 1fr; } .dealer-cta__action { text-align: left; } }

/* ---- Rooms (hotel) ------------------------------------------------------ */
.rooms__head { max-width: 680px; margin-bottom: 32px; }
.rooms__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.room-card { background: var(--paper); border: 1px solid var(--color-border, #eceef1); border-radius: var(--radius-md, 14px); overflow: hidden; display: flex; flex-direction: column; }
.room-card__media { aspect-ratio: 4 / 3; background: var(--color-surface, #f6f7f9); }
.room-card__img { width: 100%; height: 100%; object-fit: cover; }
.room-card__body { padding: 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.room-card__name { font-size: 1.15rem; margin: 0; }
.room-card__price { font-weight: 700; color: var(--color-primary, #1f3a5f); }
.room-card__text { color: var(--color-muted, #4b5563); margin: 0; }
.room-card__cta { margin-top: auto; align-self: flex-start; }

/* ---- Before/after ------------------------------------------------------- */
.before-after__head { max-width: 680px; margin-bottom: 28px; }
.before-after__viewer {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
	border-radius: var(--radius-lg, 18px);
	overflow: hidden;
	user-select: none;
}
.before-after__img { width: 100%; display: block; }
.before-after__before {
	position: absolute;
	inset: 0;
	width: 50%;
	overflow: hidden;
}
.before-after__img--before { position: absolute; inset: 0; width: auto; max-width: none; height: 100%; }
.before-after__viewer { aspect-ratio: 3 / 2; }
.before-after__img--after { height: 100%; object-fit: cover; }
.before-after__img--before { object-fit: cover; }
.before-after__label {
	position: absolute; top: 14px; padding: 4px 12px; border-radius: 999px;
	background: rgba(0,0,0,0.55); color: var(--paper); font-size: 0.8rem; z-index: 3;
}
.before-after__label--before { left: 14px; }
.before-after__label--after { right: 14px; }
.before-after__range {
	position: absolute; inset: 0; width: 100%; height: 100%;
	opacity: 0; cursor: ew-resize; z-index: 4; margin: 0;
}
.before-after__handle {
	position: absolute; top: 0; bottom: 0; left: 50%; width: 3px;
	background: var(--paper); transform: translateX(-50%); z-index: 3; pointer-events: none;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
}
.before-after__handle::after {
	content: ''; position: absolute; top: 50%; left: 50%; width: 38px; height: 38px;
	transform: translate(-50%, -50%); border-radius: 999px; background: var(--paper);
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* ---- Gallery + lightbox ------------------------------------------------- */
.gallery__head { margin-bottom: 24px; }
.gallery__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.gallery__item { margin: 0; }
.gallery__link { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 10px; }
.gallery__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s ease; }
.gallery__link:hover .gallery__img { transform: scale(1.04); }

/* Lightbox: flyttet til design-system.css (fuld version med pile, tæller, swipe). */

/* ===== Høstet modul: focus (10. juni 2026) ===== */
/* ==========================================================================
   Høstede sektioner fra focus-tema-v3 og focus-taepper-gulve
   Kun layout: grid, spacing og breakpoints. Farver, typografi og radius
   styres af design-system.css via tokens.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Prisguide (.price-guide)
   -------------------------------------------------------------------------- */
.price-guide__head { max-width: 720px; margin-bottom: 40px; }
.price-guide__grid { display: grid; gap: 24px; align-items: stretch; }
.price-guide__grid--2 { grid-template-columns: repeat(2, 1fr); }
.price-guide__grid--3 { grid-template-columns: repeat(3, 1fr); }
.price-guide__grid--4 { grid-template-columns: repeat(4, 1fr); }

.price-tier {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 32px 28px;
	border: 1px solid var(--line);
	border-radius: var(--r);
}
.price-tier--highlight { border-color: var(--accent); }
.price-tier__badge {
	position: absolute;
	top: 0;
	left: 28px;
	transform: translateY(-50%);
	padding: 4px 12px;
	background: var(--accent);
	color: var(--paper);
	border-radius: var(--r);
}
.price-tier__name { margin: 0 0 8px; }
.price-tier__price { margin-bottom: 20px; }
.price-tier__list {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
	display: grid;
	gap: 10px;
	flex: 1 1 auto;
}
.price-tier__list li { padding-left: 22px; position: relative; }
.price-tier__list li::before { content: "✓"; position: absolute; left: 0; }
.price-tier__cta { align-self: flex-start; }
.price-guide__note { margin-top: 24px; max-width: 720px; }

@media (max-width: 980px) {
	.price-guide__grid--3,
	.price-guide__grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.price-guide__grid--2,
	.price-guide__grid--3,
	.price-guide__grid--4 { grid-template-columns: 1fr; }
	.price-tier { padding: 28px 22px; }
	.price-tier__cta { align-self: stretch; text-align: center; }
}

/* --------------------------------------------------------------------------
   Materiale-spec (.material-spec)
   -------------------------------------------------------------------------- */
.material-spec__head { max-width: 720px; margin-bottom: 36px; }
.material-spec__inner { max-width: 760px; }
.material-spec__inner--with-image {
	max-width: none;
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 48px;
	align-items: start;
}
.material-spec__list { margin: 0; }
.material-spec__row {
	display: grid;
	grid-template-columns: minmax(140px, 220px) 1fr;
	gap: 16px;
	padding: 14px 0;
	border-bottom: 1px solid var(--line);
}
.material-spec__row:first-child { border-top: 1px solid var(--line); }
.material-spec__row dt { margin: 0; }
.material-spec__row dd { margin: 0; }
.material-spec__media { margin: 0; }
.material-spec__media img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r);
}

@media (max-width: 980px) {
	.material-spec__inner--with-image { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 640px) {
	.material-spec__row { grid-template-columns: 1fr; gap: 2px; padding: 12px 0; }
}

/* --------------------------------------------------------------------------
   Målgruppe-segmenter (.segments)
   -------------------------------------------------------------------------- */
.segments__head { max-width: 720px; margin-bottom: 40px; }
.segments__grid { display: grid; gap: 28px; align-items: stretch; }
.segments__grid--2 { grid-template-columns: repeat(2, 1fr); }
.segments__grid--3 { grid-template-columns: repeat(3, 1fr); }

.segment-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--line);
	border-radius: var(--r);
	overflow: hidden;
	text-decoration: none;
}
.segment-card__media { aspect-ratio: 16 / 9; overflow: hidden; }
.segment-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.segment-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 28px;
	gap: 12px;
}
.segment-card__title { margin: 0; }
.segment-card__text { margin: 0; }
.segment-card__list {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
	display: grid;
	gap: 8px;
}
.segment-card__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.segment-card__check { flex: 0 0 auto; display: inline-flex; margin-top: 3px; }
.segment-card__cta { margin-top: auto; padding-top: 12px; }

@media (max-width: 980px) {
	.segments__grid--3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.segments__grid--2,
	.segments__grid--3 { grid-template-columns: 1fr; }
	.segment-card__body { padding: 22px; }
}

/* --------------------------------------------------------------------------
   Anvendelser (.use-cases)
   -------------------------------------------------------------------------- */
.use-cases__head { max-width: 720px; margin-bottom: 40px; }
.use-cases__grid { display: grid; gap: 24px; align-items: stretch; }
.use-cases__grid--2 { grid-template-columns: repeat(2, 1fr); }
.use-cases__grid--3 { grid-template-columns: repeat(3, 1fr); }
.use-cases__grid--4 { grid-template-columns: repeat(4, 1fr); }

.use-case {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--line);
	border-radius: var(--r);
	overflow: hidden;
	text-decoration: none;
}
.use-case__media { aspect-ratio: 3 / 2; overflow: hidden; }
.use-case__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.use-case__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 24px;
	gap: 8px;
}
.use-case__title { margin: 0; }
.use-case__text { margin: 0; }
.use-case__more { margin-top: auto; padding-top: 10px; }

@media (max-width: 980px) {
	.use-cases__grid--3,
	.use-cases__grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.use-cases__grid--2,
	.use-cases__grid--3,
	.use-cases__grid--4 { grid-template-columns: 1fr; }
}

/* --------------------------------------------------------------------------
   Vedligeholdelsesguide (.maintenance-guide)
   -------------------------------------------------------------------------- */
.maintenance-guide__head { max-width: 720px; margin-bottom: 40px; }
.maintenance-guide__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.maintenance-guide__grid:has(> :nth-child(4)) { grid-template-columns: repeat(4, 1fr); }

.maintenance-tip {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-top: 18px;
	border-top: 1px solid var(--line);
}
.maintenance-tip__num { color: var(--accent); }
.maintenance-tip__title { margin: 0; }
.maintenance-tip__text { margin: 0; }
.maintenance-guide__cta { margin-top: 36px; }

@media (max-width: 980px) {
	.maintenance-guide__grid,
	.maintenance-guide__grid:has(> :nth-child(4)) { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.maintenance-guide__grid,
	.maintenance-guide__grid:has(> :nth-child(4)) { grid-template-columns: 1fr; gap: 20px; }
}

/* ===== Høstet modul: jensensmc (10. juni 2026) ===== */
/* ==========================================================================
   Høstet fra jensensmc: layout-CSS til finance-calc og latest-items.
   Kun layout (grid, spacing, breakpoints). Farver, typografi og flader
   kommer fra design-system.css via tokens.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Finansieringsberegner
   -------------------------------------------------------------------------- */
.finance-calc__inner {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 56px;
	align-items: center;
}

.finance-calc__points {
	list-style: none;
	margin: 22px 0 28px;
	padding: 0;
	display: grid;
	gap: 10px;
}

.finance-calc__points li {
	display: flex;
	align-items: center;
	gap: 10px;
}

.finance-calc__check {
	display: inline-flex;
	flex: 0 0 auto;
}

.finance-calc__widget {
	border: 1px solid var(--line);
	border-radius: 14px;
	padding: 32px;
}

.finance-calc__row {
	margin-bottom: 22px;
}

.finance-calc__row-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	margin-bottom: 8px;
}

.finance-calc__slider {
	width: 100%;
	display: block;
}

.finance-calc__result {
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid var(--line);
	display: grid;
	gap: 4px;
}

.finance-calc__result-value {
	font-size: clamp(1.7rem, 3vw, 2.3rem);
	line-height: 1.1;
}

.finance-calc__result-meta {
	color: var(--steel);
}

.finance-calc__disclaimer {
	margin: 16px 0 0;
	color: var(--steel);
}

/* --------------------------------------------------------------------------
   Lige kommet ind / seneste varer
   -------------------------------------------------------------------------- */
.latest-items__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	flex-wrap: wrap;
	margin-bottom: 36px;
}

.latest-items__cta {
	flex: 0 0 auto;
	margin-bottom: 4px;
}

.latest-items__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

/* --------------------------------------------------------------------------
   Breakpoints
   -------------------------------------------------------------------------- */
@media (max-width: 980px) {
	.finance-calc__inner {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.latest-items__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.finance-calc__widget {
		padding: 22px;
	}

	.latest-items__grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.latest-items__head {
		margin-bottom: 26px;
	}
}

/* ===== Høstet modul: leico (10. juni 2026) ===== */
/* ==========================================================================
   Høstet fra Leico B2B, generaliseret til biblioteket.
   KUN layout. Farver og flader udelukkende via tema-tokens, ingen hex.
   Indhold: 1) Kategori-grid (sektion)  2) Mega-menu (opt-in, kun desktop).
   ========================================================================== */

/* ---- Kategori-grid ------------------------------------------------------- */
.categories-grid__head {
	max-width: 680px;
	margin-bottom: 32px;
}

.categories-grid__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 24px;
}

.cat-card {
	display: flex;
	flex-direction: column;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

a.cat-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow);
}

.cat-card__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.cat-card__media img,
.cat-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.25s ease;
}

a.cat-card:hover .cat-card__img {
	transform: scale(1.04);
}

.cat-card__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px 20px 20px;
}

.cat-card__title {
	margin: 0;
	font-size: 1.05rem;
	color: var(--ink);
}

.cat-card__count {
	font-size: 0.85rem;
	color: var(--steel);
}

.cat-card__cta {
	margin-top: 8px;
	font-weight: 600;
	color: var(--accent);
}

/* ---- Mega-menu (opt-in) --------------------------------------------------
   Panelet er kun aktivt ved min-width: 981px. Under det breakpoint er
   desktop-nav skjult, og mobil-draweren ejer menuen, derfor display: none
   som grundtilstand. */
.mega-menu {
	display: none;
}

@media (min-width: 981px) {
	/* Panelet positioneres i forhold til selve nav-baren, ikke punktet. */
	.manids-nav:has(.mega-menu) {
		position: relative;
	}

	.manids-nav .mega-menu__parent {
		position: static;
	}

	.mega-menu {
		display: block;
		position: absolute;
		top: calc(100% + 10px);
		left: 50%;
		transform: translateX(-50%) translateY(8px);
		width: min(1040px, 92vw);
		padding: 28px;
		background: var(--paper);
		border: 1px solid var(--line);
		border-radius: var(--r);
		box-shadow: var(--shadow);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
		z-index: 110;
	}

	.mega-menu__parent:hover > .mega-menu,
	.mega-menu__parent:focus-within > .mega-menu,
	.mega-menu__parent.is-open > .mega-menu {
		opacity: 1;
		visibility: visible;
		transform: translateX(-50%) translateY(0);
	}

	.mega-menu__grid {
		list-style: none;
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		gap: 20px 28px;
	}

	.mega-menu__link {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 4px 0;
		font-weight: 600;
		color: var(--ink);
		text-decoration: none;
	}

	.mega-menu__link:hover .mega-menu__label {
		color: var(--accent);
	}

	.mega-menu__media {
		flex: 0 0 auto;
		width: 44px;
		height: 44px;
		border-radius: var(--r-sm);
		overflow: hidden;
	}

	.mega-menu__media img,
	.mega-menu__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.mega-menu__sub {
		list-style: none;
		margin: 10px 0 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 6px;
	}

	.mega-menu__sub a {
		display: block;
		padding: 2px 0;
		color: var(--steel);
		text-decoration: none;
	}

	.mega-menu__sub a:hover {
		color: var(--ink);
	}
}

/* ===== Høstet modul: skive (10. juni 2026) ===== */
/* =========================================================
   Høstet fra Skive Frugt & Grønt, KUN layout.
   Visuel hud (farver, skygger, typografi) lægges i
   design-system.css ved integration. Tokens som var(--accent)
   er tilladt, ingen hex-farver og ingen skrifttyper her.
   ========================================================= */

/* ---------------------------------------------------------
   Sæsonkalender (season.php)
   --------------------------------------------------------- */
.season__head {
	max-width: 720px;
	margin: 0 auto 36px;
	text-align: center;
}
.season__grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 12px;
}
.season__month {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 18px 8px;
	cursor: pointer;
	background: transparent;
	border: 1px solid var(--line, currentColor);
	border-radius: var(--radius, 12px);
}
.season__icon {
	font-size: 26px;
	line-height: 1;
}
.season__name {
	display: block;
	font-size: 16px;
}
.season__count {
	display: block;
	font-size: 12px;
}
.season__panel {
	margin-top: 28px;
	padding: 28px;
	border: 1px solid var(--line, currentColor);
	border-radius: var(--radius, 12px);
}
.season__panel-title {
	margin: 0 0 14px;
}
.season__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.season__tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 14px;
	border-radius: 999px;
	border: 1px solid var(--line, currentColor);
	font-size: 14px;
}
.season__tag::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--accent);
}
@media (max-width: 980px) {
	.season__grid {
		grid-template-columns: repeat(6, 1fr);
	}
}
@media (max-width: 640px) {
	.season__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
	}
	.season__month {
		padding: 14px 6px;
	}
	.season__panel {
		padding: 20px;
	}
}

/* ---------------------------------------------------------
   Danmarkskort (dk-map.php)
   --------------------------------------------------------- */
.dkmap__head {
	max-width: 720px;
	margin: 0 auto 36px;
	text-align: center;
}
.dkmap__stage {
	position: relative;
	max-width: 920px;
	margin: 0 auto;
}
.dkmap__svg {
	display: block;
	width: 100%;
	height: auto;
	color: var(--accent);
}
.dkmap__inset {
	opacity: 0.85;
}
.dkmap__points {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.dkmap__point {
	position: absolute;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	pointer-events: auto;
	text-decoration: none;
}
.dkmap__point-dot {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--accent-2, var(--accent));
	border: 2px solid var(--bg, transparent);
}
.dkmap__point-name {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}
a.dkmap__point:hover .dkmap__point-dot {
	transform: scale(1.25);
}
@media (max-width: 640px) {
	.dkmap__point-dot {
		width: 10px;
		height: 10px;
	}
	.dkmap__point-name {
		font-size: 11px;
	}
}

/* ---------------------------------------------------------
   Partner-grid (partners.php)
   --------------------------------------------------------- */
.partners__head {
	max-width: 720px;
	margin: 0 auto 36px;
	text-align: center;
}
.partners__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.partner-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--line, currentColor);
	border-radius: var(--radius-lg, 16px);
}
.partner-card__media {
	aspect-ratio: 3 / 2;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.partner-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.partner-card__monogram {
	font-size: 56px;
	font-weight: 700;
	line-height: 1;
	color: var(--accent);
}
.partner-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 22px;
}
.partner-card__role {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--accent);
}
.partner-card__name {
	margin: 0;
}
.partner-card__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
}
.partner-card__link {
	margin-top: auto;
	padding-top: 8px;
	font-weight: 600;
	text-decoration: none;
	color: var(--accent);
}
@media (max-width: 980px) {
	.partners__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 640px) {
	.partners__grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}
/* ==== sections-hverdag.css ==== */
/* ==========================================================================
   Hverdags-sektioner: pricing, team, video, testimonial, opening-hours,
   accordion, newsletter. Bruger temaets variabler.
   ========================================================================== */

/* ---- Pricing ------------------------------------------------------------ */
.pricing__head { max-width: 680px; margin-bottom: 36px; }
.pricing__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; align-items: start; }
.price-plan {
	position: relative; background: var(--paper); border: 1px solid var(--color-border, #eceef1);
	border-radius: var(--radius-lg, 18px); padding: 28px; display: flex; flex-direction: column; gap: 14px;
}
.price-plan--featured { border-color: var(--color-primary, #1f3a5f); box-shadow: var(--shadow-card, 0 10px 28px rgba(0,0,0,0.08)); }
.price-plan__badge {
	position: absolute; top: -12px; left: 50%; transform: translateX(-50%);
	background: var(--color-primary, #1f3a5f); color: var(--paper); font-size: 0.75rem; font-weight: 700;
	padding: 4px 14px; border-radius: 999px;
}
.price-plan__name { font-size: 1.2rem; margin: 0; }
.price-plan__price { font-size: 2rem; font-weight: 800; color: var(--color-primary, #1f3a5f); }
.price-plan__period { font-size: 0.9rem; font-weight: 500; color: var(--color-muted, #6b7280); margin-left: 4px; }
.price-plan__features { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.price-plan__features li { display: flex; align-items: flex-start; gap: 8px; }
.price-plan__check { color: var(--color-accent, #e0a449); display: inline-flex; flex: none; }
.price-plan__cta { margin-top: auto; align-self: stretch; justify-content: center; }

/* ---- Team --------------------------------------------------------------- */
.team__head { max-width: 680px; margin-bottom: 32px; }
.team__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; }
.team-card { text-align: center; }
.team-card__media { aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--radius-md, 14px); margin-bottom: 12px; background: var(--color-surface, #f6f7f9); }
.team-card__img { width: 100%; height: 100%; object-fit: cover; }
.team-card__name { font-size: 1.1rem; margin: 0; }
.team-card__role { color: var(--color-primary, #1f3a5f); font-weight: 600; font-size: 0.9rem; }
.team-card__text { color: var(--color-muted, #4b5563); margin: 6px 0 0; font-size: 0.92rem; }

/* ---- Video -------------------------------------------------------------- */
.video-section__head { max-width: 680px; margin-bottom: 28px; }
.video-section__frame { position: relative; max-width: 900px; margin: 0 auto; border-radius: var(--radius-lg, 18px); overflow: hidden; aspect-ratio: 16 / 9; }
.video-section__frame iframe, .video-section__frame video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-section__poster { width: 100%; height: 100%; object-fit: cover; }

/* ---- Testimonial (stort citat) ------------------------------------------ */
.testimonial-single__inner { max-width: 760px; margin: 0 auto; text-align: center; }
.testimonial-single__avatar { width: 72px; height: 72px; margin: 0 auto 18px; border-radius: 999px; overflow: hidden; }
.testimonial-single__img { width: 100%; height: 100%; object-fit: cover; }
.testimonial-single__quote { margin: 0; }
.testimonial-single__quote p { font-size: clamp(1.3rem, 2.4vw, 1.8rem); line-height: 1.4; font-weight: 500; color: var(--color-text, #1f2937); }
.testimonial-single__author { margin-top: 18px; }
.testimonial-single__author strong { display: block; }
.testimonial-single__author span { color: var(--color-muted, #6b7280); font-size: 0.9rem; }

/* ---- Opening hours ------------------------------------------------------ */
.opening-hours__inner { max-width: 520px; }
.opening-hours__head { margin-bottom: 16px; }
.opening-hours__table { width: 100%; border-collapse: collapse; }
.opening-hours__table th, .opening-hours__table td { padding: 10px 0; border-bottom: 1px solid var(--color-border, #eceef1); text-align: left; }
.opening-hours__table th { font-weight: 600; }
.opening-hours__table td { text-align: right; color: var(--color-muted, #4b5563); }

/* ---- Accordion ---------------------------------------------------------- */
.accordion__inner { max-width: 760px; }
.accordion__head { margin-bottom: 20px; }
.accordion__item { border: 1px solid var(--color-border, #eceef1); border-radius: var(--radius-md, 14px); margin-bottom: 10px; overflow: hidden; }
.accordion__summary { cursor: pointer; padding: 16px 18px; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.accordion__summary::after { content: '+'; font-size: 1.3rem; color: var(--color-primary, #1f3a5f); }
.accordion__item[open] .accordion__summary::after { content: '\2212'; }
.accordion__summary::-webkit-details-marker { display: none; }
.accordion__body { padding: 0 18px 16px; color: var(--color-muted, #4b5563); }

/* ---- Newsletter --------------------------------------------------------- */
.newsletter { background: var(--color-surface, #f6f7f9); }
.newsletter__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; }
.newsletter__h2 { margin: 0 0 8px; }
.newsletter__lead { color: var(--color-muted, #4b5563); margin: 0; }
.newsletter__row { display: flex; gap: 8px; flex-wrap: wrap; }
.newsletter__row input[type="email"] { flex: 1 1 220px; padding: 12px 14px; border: 1px solid var(--color-border, #d9dde3); border-radius: 10px; font: inherit; }
.newsletter__consent { display: flex; align-items: flex-start; gap: 8px; font-size: 0.85rem; color: var(--color-muted, #4b5563); margin-top: 10px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); }
@media (max-width: 768px) { .newsletter__inner { grid-template-columns: 1fr; } }
/* ==== mindeside.css ==== */
/* ==========================================================================
   Mindeside / dødsannonce. Bruger temaets design-tokens.
   ========================================================================== */

/* --- Single --- */
.ms-single__inner {
	max-width: 760px;
	margin: 0 auto;
}

.ms-single__head {
	text-align: center;
	margin-bottom: 32px;
}

.ms-single__portrait {
	width: 180px;
	height: 180px;
	margin: 0 auto 24px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: var(--shadow-card, 0 6px 20px rgba(0, 0, 0, 0.08));
}

.ms-single__portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ms-single__verse {
	font-style: italic;
	color: var(--color-muted, #6b7280);
	line-height: 1.7;
	margin-bottom: 18px;
}

.ms-single__name {
	font-size: clamp(1.9rem, 4vw, 2.6rem);
	margin: 0 0 6px;
}

.ms-single__dates {
	font-size: 1.1rem;
	color: var(--color-muted, #6b7280);
	margin: 0 0 2px;
}

.ms-single__city {
	color: var(--color-muted, #6b7280);
	margin: 0;
}

.ms-single__body {
	font-size: 1.05rem;
	line-height: 1.8;
}

.ms-single__ceremony {
	margin-top: 28px;
	padding: 20px 24px;
	background: var(--color-surface, #f6f7f9);
	border-radius: var(--radius-md, 14px);
}

.ms-single__ceremony h2 {
	font-size: 1.1rem;
	margin: 0 0 8px;
}

.ms-single__bedemand {
	margin-top: 18px;
	color: var(--color-muted, #6b7280);
}

.ms-single__cta {
	margin: 28px 0;
	text-align: center;
}

.ms-single__condolences {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid var(--color-border, #e2e5ea);
}

.ms-condolence-list {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.ms-condolence-item {
	padding: 16px 0;
	border-bottom: 1px solid var(--color-border, #e2e5ea);
}

.ms-condolence-item__text {
	margin: 0 0 6px;
	line-height: 1.7;
}

.ms-condolence-item__meta {
	margin: 0;
	font-size: 0.85rem;
	color: var(--color-muted, #6b7280);
}

.ms-condolence-empty {
	color: var(--color-muted, #6b7280);
}

.ms-single__takedown {
	margin-top: 36px;
	font-size: 0.85rem;
	color: var(--color-muted, #6b7280);
}

/* --- Arkiv --- */
.ms-archive__search {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0 28px;
	align-items: center;
}

.ms-archive__field {
	flex: 1 1 200px;
}

.ms-archive__field input {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--color-border, #e2e5ea);
	border-radius: var(--radius-md, 14px);
	font-size: 1rem;
}

.ms-archive__count {
	color: var(--color-muted, #6b7280);
	margin-bottom: 18px;
}

.ms-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}

.ms-card {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--color-border, #e2e5ea);
	border-radius: var(--radius-lg, 20px);
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background: var(--color-bg, #fff);
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.ms-card:hover {
	box-shadow: var(--shadow-card, 0 6px 20px rgba(0, 0, 0, 0.08));
	transform: translateY(-2px);
}

.ms-card__media img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	display: block;
}

.ms-card__body {
	display: block;
	padding: 16px 18px;
}

.ms-card__name {
	display: block;
	font-weight: 700;
	font-size: 1.1rem;
	margin-bottom: 4px;
}

.ms-card__dates,
.ms-card__city {
	display: block;
	font-size: 0.9rem;
	color: var(--color-muted, #6b7280);
}

.ms-archive__empty {
	text-align: center;
	padding: 40px 0;
}

.ms-archive__empty p {
	color: var(--color-muted, #6b7280);
	margin-bottom: 16px;
}

/* --- Formular --- */
.ms-form-wrap {
	max-width: 720px;
	margin: 0 auto 48px;
}

/* Mindeside-, dashboard- og anmodnings-formularer er flertrins og må IKKE
   arve den 2-kolonne-grid, .manids-form bruger til den korte lead-form. Tving
   enkelt-kolonne, så fieldsets stables, og lad kun .form-row--split være to
   kolonner. .ms-form.manids-form har højere specificitet end bedemand.css. */
.manids-form.ms-form {
	display: block;
	max-width: 720px;
	margin: 0 auto;
}

.manids-form.ms-form .ms-form__group {
	display: block;
}

.manids-form.ms-form .form-row {
	margin: 0 0 14px;
}

.ms-form__group {
	border: 0;
	padding: 0;
	margin: 0 0 28px;
}

.ms-form__group legend {
	font-size: 1.15rem;
	font-weight: 700;
	margin-bottom: 12px;
	padding: 0;
}

.form-row--split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.form-error-banner {
	padding: 12px 16px;
	border-radius: var(--radius-md, 14px);
	background: var(--color-error-bg, #fbeaea);
	color: var(--color-error, #b32d2e);
	margin-bottom: 18px;
}

.ms-success {
	padding: 18px 20px;
	border-radius: var(--radius-md, 14px);
	background: var(--color-success-bg, #e9f6ee);
	color: var(--color-success, #157347);
	line-height: 1.6;
}

@media (max-width: 600px) {
	.form-row--split {
		grid-template-columns: 1fr;
	}
}

/* --- Dashboard (min side) --- */
.ms-dashboard {
	max-width: 760px;
	margin: 0 auto;
}

.ms-dashboard__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px;
	border-bottom: 1px solid var(--color-border, #e2e5ea);
	padding-bottom: 12px;
	margin-bottom: 24px;
}

.ms-dashboard__head h2 {
	margin: 0;
}

.ms-dashboard h3 {
	margin-top: 32px;
}

.ms-dashboard__table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 8px;
}

.ms-dashboard__table th,
.ms-dashboard__table td {
	text-align: left;
	padding: 10px 8px;
	border-bottom: 1px solid var(--color-border, #e2e5ea);
	font-size: 0.95rem;
}

.ms-dashboard__table th {
	color: var(--color-muted, #6b7280);
	font-weight: 600;
}

.ms-claim-list {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

.ms-claim-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid var(--color-border, #e2e5ea);
}

.ms-claim-list form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	width: 100%;
}

/* --- Lys --- */
.ms-candles {
	margin: 32px 0;
	padding: 24px;
	border-radius: var(--radius-lg, 20px);
	background: var(--color-surface, #f6f7f9);
	text-align: center;
}

.ms-candles__top {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 16px;
}

.ms-candles__flame {
	color: var(--color-primary, #c8881f);
}

.ms-candles__count {
	font-size: 1.8rem;
	line-height: 1;
}

.ms-candles__label {
	display: block;
	font-size: 0.9rem;
	color: var(--color-muted, #6b7280);
}

.ms-candles__form {
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

.ms-candles__form input {
	padding: 10px 14px;
	border: 1px solid var(--color-border, #e2e5ea);
	border-radius: 999px;
	min-width: 180px;
}

.ms-candles__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.85rem;
	color: var(--color-muted, #6b7280);
}

.ms-candles__list li {
	display: flex;
	align-items: center;
	gap: 6px;
}

.ms-candles__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color-primary, #c8881f);
}

/* --- Deling --- */
.ms-share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 24px 0;
}

.ms-share__label {
	font-weight: 600;
	margin-right: 4px;
}

.ms-share__btn {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--color-border, #e2e5ea);
	border-radius: 999px;
	background: var(--color-bg, #fff);
	color: inherit;
	text-decoration: none;
	font-size: 0.9rem;
	cursor: pointer;
}

.ms-share__btn:hover {
	border-color: var(--color-primary, #1f3a5f);
}

/* --- Mindegave --- */
.ms-gift {
	margin: 28px 0;
	padding: 20px 24px;
	border-left: 3px solid var(--color-primary, #c8881f);
	background: var(--color-surface, #f6f7f9);
	border-radius: var(--radius-md, 14px);
}

.ms-gift__title {
	font-size: 1.1rem;
	margin: 0 0 6px;
}

.ms-gift__text {
	margin: 0;
	line-height: 1.6;
}

/* --- Bedemand-profil: seneste mindesider --- */
.ms-bd-recent {
	border-top: 1px solid var(--color-border, #e2e5ea);
}

/* --- Dødsannonce-strøm (/doedsannoncer/) --- */
.da-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.da-item {
	margin: 0;
}

.da-item__link {
	display: block;
	height: 100%;
	padding: 22px 20px;
	text-align: center;
	text-decoration: none;
	background: var(--color-bg, #fff);
	border: 1px solid var(--color-border, #e2e5ea);
	border-radius: var(--radius-md, 14px);
	box-shadow: var(--shadow-card, 0 6px 20px rgba(0, 0, 0, 0.08));
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.da-item__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}

.da-item__name {
	display: block;
	font-weight: 600;
	font-size: 1.1rem;
	color: var(--color-heading, #1b2a4a);
	margin-bottom: 6px;
}

.da-item__dates {
	display: block;
	color: var(--color-muted, #6b7280);
	font-size: 0.95rem;
}

.da-item__city {
	display: block;
	margin-top: 8px;
	color: var(--color-primary, #c8881f);
	font-size: 0.85rem;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

@media (max-width: 900px) {
	.da-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.da-list {
		grid-template-columns: 1fr;
	}
}
/* ==== design-system.css ==== */
/* ==========================================================================
   MANIDS DESIGN SYSTEM v2, moden, industriel, stram.
   Rammer de RIGTIGE komponent-klasser i biblioteket, så hele temaet modnes.
   Enqueues SIDST (efter base + sektions-CSS), så den styrer udtrykket.
   Fonts loades via wp_enqueue_style i inc/enqueue.php (ikke @import, der er render-blocking).
   ========================================================================== */

:root{
  /* Palette-styret: --mp-* sættes af palettes.php. Fallback = moden default. */
  --ink:var(--mp-ink,#0e1a2b);        /* deep navy-charcoal */
  --ink-2:#16273e;
  --ink-3:var(--mp-ink-3,#21364f);
  --steel:#56657a;      /* body grey */
  --steel-2:#7c8a9c;
  --line:var(--mp-line,#e1e5ec);       /* hairlines */
  --line-2:#d3d9e2;
  --paper:#ffffff;
  --paper-2:var(--mp-surface,#f5f6f9); /* light surface */
  --accent:var(--mp-accent,#c4671b);   /* muted rust-amber, used sparingly */
  --accent-soft:#f3e7da;
  --r:8px; --r-sm:6px; --r-lg:12px;
  --maxw:1180px;
  --pad:64px;           /* section rhythm (strammet 10. juni, før 80px) */
  --shadow:0 14px 34px -16px rgba(14,26,43,.30);
  /* Font-par-styret: --mp-font-* saettes af palettes.php (option font_pair). */
  --font-head:var(--mp-font-head,'Space Grotesk',Inter,system-ui,sans-serif);
  --font-body:var(--mp-font-body,'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif);

  /* ALIAS-LAG: aeldre komponent-CSS bruger --color-*-navne. De mappes her
     til de rigtige tokens, så palette-skift (palettes.php) rammer ALT.
     Skriv ALDRIG nye komponenter med --color-*, brug grundtokens. */
  --color-primary:var(--ink-2);
  --color-primary-dark:var(--ink);
  --color-accent:var(--accent);
  --color-text:var(--ink);
  --color-muted:var(--steel);
  --color-border:var(--line);
  --color-surface:var(--paper-2);
  --color-on-primary:var(--paper);
}

/* ---- Base ---------------------------------------------------------------- */
body{font-family:var(--font-body);color:var(--ink);line-height:1.6;background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.section-h2,.hero__h1,.final-cta-h2{font-family:var(--font-head);line-height:1.1;letter-spacing:-.012em}
.container{max-width:var(--maxw);padding-left:28px;padding-right:28px}
.section{padding:var(--pad) 0}

/* Section rhythm: skiftevis hvid / lysegrå inde i hovedindholdet.
   Mørke sektioner (testimonial, final-cta, section--ink) holdes ude af zebraen. */
body:not(.has-rhythm) .site-main > .section:nth-of-type(even):not(.testimonial-single):not(.section--final-cta):not(.section--dealer):not(.section--leadform):not(.section--ink){background:var(--paper-2)}

/* Headings + kicker (eyebrow) */
.section-h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin:12px 0 0}
.section-lead{font-size:1.06rem;color:var(--steel);max-width:62ch;margin:14px 0 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:0}
.eyebrow .dot{width:24px;height:2px;border-radius:0;background:var(--accent)}

/* ---- Buttons: stramme, firkantede, navy-dominans ------------------------ */
.btn{font-family:var(--font-head);font-weight:600;border-radius:var(--r);min-height:50px;padding:13px 24px;border:1.5px solid transparent;letter-spacing:.005em;transition:.16s ease}
.btn:hover{transform:none}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{background:var(--ink-3)}
.btn-secondary{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-secondary:hover{border-color:var(--ink);background:transparent}
.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.06)}
/* Accent-knap kun hvor den virkelig skal trække */
.btn-accent,.site-header__cta.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-accent:hover,.site-header__cta.btn-primary:hover{background:#a9560f;background:color-mix(in srgb, var(--accent) 82%, #000)}

/* ---- Header -------------------------------------------------------------- */
.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(8px)}
.site-header__inner{min-height:74px}
.site-header__brand{font-family:var(--font-head);letter-spacing:-.02em}
.manids-nav__list a,.site-nav__list a{font-family:var(--font-head);font-weight:500;font-size:.95rem}

/* ---- HERO: mørk, metallisk, engineered ---------------------------------- */
.hero{background:var(--ink);color:#fff}
.hero.hero--full,.hero.hero--centered{min-height:0;padding:84px 0 88px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:52px 52px;-webkit-mask-image:radial-gradient(130% 110% at 78% -10%,#000,transparent 72%);mask-image:radial-gradient(130% 110% at 78% -10%,#000,transparent 72%)}
.hero.hero--has-bg::before,.hero.hero--has-bg::after{content:none}
.hero::after{content:"";position:absolute;right:-10%;top:-40%;width:55%;height:170%;background:radial-gradient(closest-side,rgba(196,103,27,.20),transparent 70%);background:radial-gradient(closest-side,color-mix(in srgb, var(--accent) 20%, transparent),transparent 70%);pointer-events:none}
.hero .container,.hero__inner{position:relative;z-index:2}
.hero__h1{font-size:clamp(2.1rem,4.4vw,3.3rem);margin:16px 0 0;max-width:16ch;color:#fff}
/* Hero-accent = en lysnet udgave af palette-accenten, så den er læsbar på mørk
   og følger paletten. Fallback til fast amber for ældre browsere uden color-mix. */
.hero-h1__accent{color:#e3a868;color:color-mix(in srgb, var(--accent) 62%, #ffffff)}
.hero__lead{color:#b7c3d3;font-size:1.12rem;max-width:50ch;margin-top:16px}
.hero .eyebrow{color:#e3a868;color:color-mix(in srgb, var(--accent) 62%, #ffffff)}
.hero .eyebrow .dot{background:#e3a868;background:color-mix(in srgb, var(--accent) 62%, #ffffff)}
.hero__chips .chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#cfd9e6}
.hero__overlay{background:linear-gradient(180deg,rgba(14,26,43,.2),rgba(14,26,43,.7))}

/* ---- Generel kort-stil (features/series/rooms/produkt) ------------------ */
.feature-card,.series-card,.room-card,.product-card,.price-plan{
  border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:none;transition:.18s ease}
.feature-card:hover,a.series-card:hover,.product-card:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-3px)}
.feature-card{padding:26px 24px;position:relative}
.feature-card::before{content:"";position:absolute;left:-1px;top:-1px;height:3px;width:0;background:var(--accent);transition:.2s ease}
a.feature-card:hover::before{width:64px}
.feature-card__icon{width:42px;height:42px;border-radius:var(--r-sm);background:var(--ink);color:#fff;margin-bottom:16px}
.feature-card__icon svg{width:20px;height:20px}
.feature-card__title{font-size:1.12rem}
.feature-card__text{color:var(--steel);font-size:.95rem;margin-top:8px}
.feature-card__more{color:var(--accent);font-family:var(--font-head);font-weight:600;margin-top:14px}

/* ---- STATS: stramt bånd med lodrette skillelinjer ----------------------- */
.stats__grid{gap:0;border-top:1px solid var(--line)}
.stats__item{padding:26px 26px 26px 0;border-left:1px solid var(--line);padding-left:26px;text-align:left}
.stats__item:first-child{border-left:0;padding-left:0}
.stats__value{font-family:var(--font-head);font-size:clamp(2rem,3.6vw,2.7rem);color:var(--ink)}
.stats__suffix{color:var(--accent);font-size:.55em;margin-left:3px}
.stats__label{color:var(--steel);font-size:.92rem;margin-top:6px}

/* ---- CONTENT SPLIT: ramme med teknisk hjørne ---------------------------- */
.content-split__media{border-radius:var(--r);border:1px solid var(--line-2);background:linear-gradient(135deg,#22364f,#0f1d31);position:relative;overflow:hidden;aspect-ratio:5/4}

.content-split__img{border-radius:var(--r)}
.content-split__body{color:var(--steel)}

/* ---- STEPS: tidslinje, firkantede noder --------------------------------- */
.steps__list{position:relative}
.steps__list::before{content:"";position:absolute;left:7%;right:7%;top:26px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(196,103,27,.15));background:linear-gradient(90deg,var(--accent),color-mix(in srgb, var(--accent) 15%, transparent));z-index:0}
.steps__nr{width:52px;height:52px;border-radius:var(--r-sm);background:#fff;border:2px solid var(--ink);color:var(--ink);font-family:var(--font-head);font-weight:700;position:relative;z-index:1;box-shadow:0 0 0 6px var(--paper)}
.site-main > .section:nth-of-type(even) .steps__nr{box-shadow:0 0 0 6px var(--paper-2)}
.steps__title{font-size:1.02rem}
.steps__text{color:var(--steel);font-size:.92rem}

/* ---- TESTIMONIAL: mørk, stor ------------------------------------------- */
.testimonial-single{background:var(--ink);color:#fff}
.testimonial-single .testimonial-single__quote p{font-family:var(--font-head);font-weight:500;color:#fff;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.35}
.testimonial-single__author strong{color:#fff}
.testimonial-single__author span{color:#92a2b6}

/* ---- FAQ / accordion ---------------------------------------------------- */
.faq details,.accordion__item{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}
.faq summary,.accordion__summary{font-family:var(--font-head);font-weight:600;padding:17px 20px}
.accordion__summary::after{color:var(--accent)}

/* ---- FINAL CTA: mørkt bånd ---------------------------------------------- */
.final-cta,.section--final-cta{background:var(--ink)!important;color:#fff}
.final-cta-inner{padding:18px 0}
.final-cta-h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2.1rem)}
.final-cta-body{color:#a9b8ca}

/* ---- Lokal kontakt ------------------------------------------------------ */
.local-contact-item__icon{color:var(--accent)}
.local-contact-map iframe,.map-section__frame iframe{border-radius:var(--r)}

/* ---- Footer ------------------------------------------------------------- */
.site-footer{background:var(--ink)}
.footer-links__title{font-family:var(--font-head)}

/* ---- Floating CTA: strammere -------------------------------------------- */
.floating-cta__phone{background:var(--accent);border-radius:var(--r)}
.floating-cta__mail{border-radius:var(--r)}
.sticky-cta{background:var(--ink)}

/* ---- Mobil -------------------------------------------------------------- */
@media(max-width:768px){
  :root{--pad:46px}
  .hero.hero--full,.hero.hero--centered{padding:60px 0 64px}
  .stats__item{border-left:0;padding-left:0}
  .steps__list::before{display:none}
}

/* ==========================================================================
   DEL 2, modne resten af biblioteket (alle øvrige sektioner)
   ========================================================================== */

/* ---- Delt media-ramme på kort med billede ------------------------------- */
.team-card,.series-card,.room-card,.product-card{overflow:hidden}
.team-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.18s ease}
.team-card:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-3px)}
.team-card__media,.series-card__media,.room-card__media,.intro-visual,.video-section__frame,.map-section__frame,.before-after__viewer{
  position:relative;overflow:hidden;background:linear-gradient(135deg,#22364f,#0f1d31)}

.team-card__media img,.series-card__media img,.room-card__media img,.intro-visual img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;display:block}
.team-card__media{aspect-ratio:4/5}
.series-card__media,.room-card__media{aspect-ratio:16/11}
.team-card__body,.series-card__body,.room-card__body{padding:18px 20px 20px}
.team-card__name,.series-card__title,.room-card__name{font-size:1.1rem;font-family:var(--font-head)}
.team-card__role{color:var(--accent);font-weight:600;font-size:.9rem;margin-top:2px}
.team-card__body{text-align:left}
.team-card__text{color:var(--steel);font-size:.92rem;margin-top:10px;line-height:1.6}
.team-card__text,.series-card__text,.room-card__text{color:var(--steel);font-size:.94rem;margin-top:8px}
.series-card__more{color:var(--accent);font-family:var(--font-head);font-weight:600}
.room-card__price{font-family:var(--font-head);font-weight:700;color:var(--ink)}

/* ---- Pricing ------------------------------------------------------------ */
.price-plan{padding:28px 24px;display:flex;flex-direction:column}
.price-plan__name{font-family:var(--font-head);font-size:1.15rem}
.price-plan__price{font-family:var(--font-head);font-weight:700;font-size:clamp(1.9rem,3vw,2.4rem);color:var(--ink);line-height:1.05;margin-top:10px}
.price-plan__period{color:var(--steel-2);font-size:.88rem;font-weight:500}
.price-plan__badge{display:inline-block;background:var(--accent-soft);color:#8a4a12;font-family:var(--font-head);font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:14px}
.price-plan__features{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.price-plan__features li{display:flex;gap:10px;align-items:flex-start;color:var(--steel);font-size:.95rem}
.price-plan__check{color:var(--accent);flex:0 0 auto;margin-top:2px}
.price-plan--featured{border-color:var(--ink);box-shadow:var(--shadow)}

/* ---- Accordion ---------------------------------------------------------- */
.accordion__list{display:grid;gap:10px}
.accordion__item{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;overflow:hidden}
.accordion__summary{font-family:var(--font-head);font-weight:600;padding:16px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.accordion__summary::-webkit-details-marker{display:none}
.accordion__summary::after{content:"+";color:var(--accent);font-size:1.3rem;font-weight:600;line-height:1;transition:.2s}
details[open] .accordion__summary::after{transform:rotate(45deg)}
.accordion__body{padding:0 20px 18px;color:var(--steel)}

/* ---- FAQ (2-kolonne med aside) ------------------------------------------ */
.faq-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:36px;align-items:start}
.faq-lead{color:var(--steel)}
.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;overflow:hidden}
.faq-item__summary{font-family:var(--font-head);font-weight:600;padding:16px 20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-item__question{flex:1}
.faq-item__summary::-webkit-details-marker{display:none}
.faq-item__toggle{color:var(--accent);font-size:1.3rem;line-height:1;flex:0 0 auto;transition:.2s}
details[open] .faq-item__toggle{transform:rotate(45deg)}
.faq-item__answer{padding:0 20px 18px;color:var(--steel)}
.faq-aside{position:sticky;top:96px}
.faq-help-card{border:1px solid var(--line);border-radius:var(--r);background:var(--ink);color:#fff;padding:26px 24px}
.faq-help-card__title{font-family:var(--font-head);color:#fff}
.faq-help-card__text{color:#a9b8ca;font-size:.95rem;margin:8px 0 16px}
@media(max-width:880px){.faq-grid{grid-template-columns:1fr}.faq-aside{position:static}}

/* ---- Logos -------------------------------------------------------------- */
.logos__strip{display:flex;flex-wrap:wrap;align-items:center;gap:38px;justify-content:center}
.logos__item{opacity:.55;filter:grayscale(1);transition:.2s}
.logos__item:hover{opacity:1;filter:grayscale(0)}
.logos__item img{max-height:38px;width:auto}

/* ---- Before/after ------------------------------------------------------- */
.before-after__viewer{border:1px solid var(--line-2);border-radius:var(--r);aspect-ratio:16/10}
.before-after__label{font-family:var(--font-head);font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:rgba(12,22,38,.7);color:#fff;border:1px solid rgba(255,255,255,.18);padding:5px 11px;border-radius:999px}
.before-after__handle{background:var(--accent)}

/* ---- Gallery ------------------------------------------------------------ */
.gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery__item{border-radius:var(--r-sm);overflow:hidden;aspect-ratio:1;background:var(--paper-2)}
.gallery__item img{width:100%;height:100%;object-fit:cover;transition:.3s ease}
.gallery__item:hover img{transform:scale(1.05)}
@media(max-width:680px){.gallery__grid{grid-template-columns:repeat(2,1fr)}}

/* ---- Rooms -------------------------------------------------------------- */
.room-card__cta{margin-top:14px}

/* ---- Dealer CTA (mørkt bånd) -------------------------------------------- */
.section--dealer,.dealer-cta{background:var(--ink);color:#fff}
.dealer-cta__h2{font-family:var(--font-head);color:#fff;font-size:clamp(1.5rem,2.6vw,2rem)}
.dealer-cta__lead,.dealer-cta__text{color:#a9b8ca}
.dealer-cta__benefits{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}
.dealer-cta__benefit{display:flex;gap:10px;align-items:flex-start;color:#cdd6e2}
.dealer-cta__check{color:var(--accent);flex:0 0 auto;margin-top:2px}

/* ---- Newsletter (bordet lyst bånd) -------------------------------------- */
.newsletter__inner{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:34px 32px}
.newsletter__h2{font-family:var(--font-head)}
.newsletter__lead{color:var(--steel)}
.newsletter__row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.newsletter__row input[type=email]{flex:1 1 260px;min-height:50px;border:1px solid var(--line-2);border-radius:var(--r);padding:12px 16px;font:inherit}
.newsletter__row input[type=email]:focus{outline:none;border-color:var(--ink)}
.newsletter__consent{color:var(--steel-2);font-size:.82rem;margin-top:10px}

/* ---- Åbningstider ------------------------------------------------------- */
.opening-hours__inner{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;max-width:560px}
.opening-hours__table{width:100%;border-collapse:collapse}
.opening-hours__table tr{border-bottom:1px solid var(--line)}
.opening-hours__table tr:last-child{border-bottom:0}
.opening-hours__table td{padding:13px 20px}
.opening-hours__table td:first-child{font-family:var(--font-head);font-weight:500}
.opening-hours__table td:last-child{text-align:right;color:var(--steel)}

/* ---- Video -------------------------------------------------------------- */
.video-section__frame{border:1px solid var(--line-2);border-radius:var(--r);aspect-ratio:16/9}
.video-section__frame iframe,.video-section__frame video{width:100%;height:100%;display:block;border:0}

/* ---- Reviews ------------------------------------------------------------ */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.review-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:24px 22px}
.review-card__stars,.reviews-rating__stars{color:var(--accent)}
.review-card__text{color:var(--ink);font-size:.97rem}
.review-card__name{font-family:var(--font-head);font-weight:600}
.review-card__author{color:var(--steel-2);font-size:.88rem}
.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:26px}
.reviews-head__text{max-width:560px}
.reviews-rating{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 20px}
.reviews-rating__num{font-family:var(--font-head);font-weight:700;font-size:2.2rem;line-height:1;color:var(--ink)}
.reviews-rating__stars{letter-spacing:2px}
.reviews-rating__meta{color:var(--steel-2);display:block;margin-top:2px}
@media(max-width:640px){.reviews-head{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:780px){.reviews-grid{grid-template-columns:1fr}}

/* ---- Intro -------------------------------------------------------------- */
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.intro-visual{border-radius:var(--r);border:1px solid var(--line-2);aspect-ratio:5/4}
.intro-body{color:var(--steel)}
.intro-features{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.intro-features__item{display:flex;gap:12px;align-items:flex-start}
.intro-features__icon{color:var(--accent);flex:0 0 auto}
@media(max-width:820px){.intro-grid{grid-template-columns:1fr}}

/* ---- Trust -------------------------------------------------------------- */
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.trust-item{text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;transition:.18s ease}
.trust-item:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-3px)}
.trust-item__icon{width:44px;height:44px;border-radius:999px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.trust-item__title{font-family:var(--font-head);font-size:1.06rem}
.trust-item__text{color:var(--steel);font-size:.93rem;margin-top:8px;line-height:1.55}
@media(max-width:780px){.trust-grid{grid-template-columns:1fr}}

/* ---- Trustbar (tynd bjælke med skillelinjer) ---------------------------- */
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper-2)}
.trustbar__list{display:flex;flex-wrap:wrap;justify-content:center;gap:0;list-style:none;margin:0;padding:0}
.trustbar__item{display:flex;align-items:center;gap:10px;padding:16px 28px;border-left:1px solid var(--line);color:var(--ink);font-family:var(--font-head);font-weight:500;font-size:.94rem}
.trustbar__item:first-child{border-left:0}
.trustbar__icon{color:var(--accent)}

/* ---- Inline CTA --------------------------------------------------------- */
.section--inline-cta .section-cta__inner,.section-cta__heading{font-family:var(--font-head)}
.section--inline-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-cta__actions{display:flex;gap:12px;flex-wrap:wrap}
.section-cta__text{color:var(--steel)}

/* ---- Map ---------------------------------------------------------------- */
.map-section__frame{border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;aspect-ratio:16/8}
.map-section__frame iframe{width:100%;height:100%;display:block;border:0}

/* ---- Mobil-tilføjelser -------------------------------------------------- */
@media(max-width:680px){
  .trustbar__item{border-left:0}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .trust-item__icon{width:44px;height:44px}
}

/* Content-split placeholder-ramme uden foto */
.content-split__media--placeholder{display:flex;align-items:center;justify-content:center;min-height:300px}
.content-split__media-note{position:relative;z-index:1;color:rgba(255,255,255,.32);font-family:var(--font-head);font-weight:600;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}

/* Form-hjælpetekst (fx filupload) */
.form-hint{display:block;margin-top:6px;color:var(--steel-2);font-size:.82rem}
.manids-form input[type=file]{display:block;width:100%;padding:11px 14px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;font:inherit}

/* ==========================================================================
   DEL 3, interaktion og finish (lækkerhedslag)
   ========================================================================== */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
::selection{background:var(--accent);color:#fff}

/* Synlig tastatur-fokus uden at genere muse-brugere */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}

/* Reveal-on-scroll (klasser sættes af main.js, så intet skjules uden JS) */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){ .reveal{opacity:1;transform:none;transition:none} }

/* Sticky header der skrumper og får skygge ved scroll */
.site-header{transition:box-shadow .2s ease,background .2s ease}
.site-header__inner{transition:min-height .2s ease}
.site-header.is-scrolled{box-shadow:0 8px 28px -18px rgba(14,26,43,.45)}
.site-header.is-scrolled .site-header__inner{min-height:62px}

/* Mobil-drawer: blød ind/ud (kun under 980px hvor drawer er aktiv) */
@media (max-width:980px){
  .mobile-drawer{opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}
  .mobile-drawer.is-open{opacity:1;transform:none}
  .mobile-drawer__list a{font-family:var(--font-head);font-weight:600;padding:6px 0;border-bottom:1px solid var(--line)}
  .mobile-drawer__list .sub-menu{list-style:none;margin:6px 0 0;padding:0 0 0 14px;border-left:2px solid var(--accent)}
  .mobile-drawer__list .sub-menu a{font-weight:500;font-size:1rem}
}
body.drawer-open{overflow:hidden}

/* Knap-tryk: lille taktil respons */
.btn{transition:.16s ease}
.btn:active{transform:translateY(1px)}

/* Links i brødtekst: animeret accent-understregning */
.content-split__body a,.intro-body a,.faq-item__answer a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s ease;padding-bottom:1px}
.content-split__body a:hover,.intro-body a:hover,.faq-item__answer a:hover{background-size:100% 2px}

/* Diskret accent-scrollbar (desktop) */
@media (min-width:981px){
  *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
  *::-webkit-scrollbar{width:10px;height:10px}
  *::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:3px solid #fff}
  *::-webkit-scrollbar-thumb:hover{background:var(--steel-2)}
}

/* Billeder uden eksplicit ratio må aldrig springe layoutet (CLS) */
.content-split__img,.team-card__media img,.series-card__media img,.room-card__media img{height:auto}

/* ---- Back-to-top knap (sættes af main.js) ------------------------------- */
.to-top{position:fixed;left:22px;bottom:22px;z-index:90;width:46px;height:46px;border-radius:var(--r);border:1px solid var(--line-2);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s ease;box-shadow:var(--shadow)}
.to-top.is-visible{opacity:1;visibility:visible;transform:none}
.to-top:hover{border-color:var(--ink);transform:translateY(-2px)}
@media (max-width:980px){ .to-top{display:none} }

/* ---- 404-side ----------------------------------------------------------- */
.hero--404 .error404-search{display:flex;gap:10px;margin-top:26px;max-width:520px}
.hero--404 .error404-search input{flex:1;min-height:50px;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;padding:12px 16px;font:inherit}
.hero--404 .error404-search input::placeholder{color:#9fb0c4}
.hero--404 .error404-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

/* ==========================================================================
   DEL 4, formularer, redaktør-tekst, sektions-headere (finish)
   ========================================================================== */

/* ---- Formularer: ensartet og konverterings-venligt ---------------------- */
.manids-form,.contact-form{display:grid;gap:16px;max-width:620px}
.form-row{display:grid;gap:16px}
.form-field{display:grid;gap:6px}
.form-label{font-family:var(--font-head);font-weight:600;font-size:.92rem;color:var(--ink)}
.form-req{color:var(--accent)}
.manids-form input,.manids-form textarea,.manids-form select,
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;min-height:50px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;
  padding:12px 14px;font:inherit;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}
.manids-form textarea,.contact-form textarea{min-height:130px;resize:vertical}
.manids-form input:focus,.manids-form textarea:focus,.manids-form select:focus,
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
  outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(196,103,27,.14)}
.form-error{color:#b3261e;font-size:.85rem}
.manids-form .form-error + input,.manids-form input.has-error{border-color:#b3261e}
.form-hint{display:block;margin-top:2px;color:var(--steel-2);font-size:.82rem}
.form-consent,.form-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--steel)}
.form-consent input,.form-checkbox input{width:auto;min-height:0;margin-top:3px;flex:0 0 auto}
.form-consent a,.form-checkbox a{color:var(--accent)}
.form-success,.form-alert{border-radius:var(--r);padding:16px 18px;font-size:.95rem}
.form-success{background:#eaf4ee;border:1px solid #bcdcc7;color:#1f6b3a}
.form-alert--error{background:#fbeae8;border:1px solid #f0c4be;color:#9a261c}
.manids-form .btn,.contact-form .btn{justify-self:start}
@media (max-width:600px){ .manids-form .btn,.contact-form .btn{justify-self:stretch;width:100%} }

/* ---- Redaktør-tekst (WYSIWYG) ser designet ud --------------------------- */
.content-split__body,.intro-body,.page-content,.faq-item__answer,.accordion__body{font-size:1rem;line-height:1.7}
.content-split__body > * + *,.intro-body > * + *,.page-content > * + *{margin-top:1em}
.content-split__body h2,.page-content h2{font-family:var(--font-head);font-size:1.4rem;margin-top:1.4em}
.content-split__body h3,.page-content h3{font-family:var(--font-head);font-size:1.15rem;margin-top:1.3em}
.content-split__body ul,.intro-body ul,.page-content ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.content-split__body ul li,.intro-body ul li,.page-content ul li{position:relative;padding-left:26px}
.content-split__body ul li::before,.intro-body ul li::before,.page-content ul li::before{
  content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
.content-split__body ol,.page-content ol{padding-left:20px;display:grid;gap:9px}
.content-split__body strong,.page-content strong{color:var(--ink)}
.content-split__body blockquote,.page-content blockquote{margin:1.2em 0;padding:14px 20px;border-left:3px solid var(--accent);background:var(--paper-2);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink)}

/* ---- Ensartede sektions-headere ----------------------------------------- */
.features__head,.steps__head,.stats__head,.series__head,.reviews-head,.pricing__head,
.team__head,.rooms__head,.logos__head,.video-section__head,.map-section__head,
.gallery__head,.before-after__head,.opening-hours__head,.section-header{
  max-width:680px;margin-bottom:42px}
.section-header--center,.head--center{margin-left:auto;margin-right:auto;text-align:center}

/* ---- Hero finish -------------------------------------------------------- */
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero__chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;padding:0;list-style:none}
.hero__chips .chip{padding:8px 14px;border-radius:999px;font-size:.84rem;font-weight:500}

/* ==========================================================================
   DEL 5, arkiv, søgning, paginering, artikel-kort
   ========================================================================== */
.archive-head{background:var(--ink);color:#fff;padding:54px 0}
.archive-head__title{font-family:var(--font-head);font-size:clamp(1.5rem,2.6vw,2.1rem);color:#fff}
.archive-head__title span{color:var(--accent)}

.search-results{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:760px}
.search-result{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:20px 22px;transition:.18s ease}
.search-result:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}
.search-result__title{font-family:var(--font-head);font-weight:600;font-size:1.12rem;color:var(--ink)}
.search-result__excerpt{color:var(--steel);font-size:.95rem;margin:7px 0 10px}
.search-result__more{color:var(--accent);font-family:var(--font-head);font-weight:600;font-size:.92rem}

.search-empty{max-width:520px;display:grid;gap:16px}
.search-empty__form{display:flex;gap:10px}
.search-empty__form input{flex:1;min-height:50px;border:1px solid var(--line-2);border-radius:var(--r);padding:12px 14px;font:inherit}

.archive-pagination{margin-top:36px}
.archive-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;margin:0 3px;border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-head);font-weight:600;color:var(--ink);text-decoration:none;transition:.15s ease}
.archive-pagination .page-numbers:hover{border-color:var(--ink)}
.archive-pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.archive-pagination .screen-reader-text{position:absolute;left:-9999px}

.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:860px){ .catalog-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){ .catalog-grid{grid-template-columns:1fr} }

/* ---- Artikel-kort (blog/index) ----------------------------------------- */
.article-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden;transition:.18s ease}
.article-card:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-3px)}
.article-card__link{display:block;color:inherit;text-decoration:none}
.article-card__media{aspect-ratio:16/10;background:linear-gradient(135deg,#22364f,#0f1d31);overflow:hidden}
.article-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.article-card:hover .article-card__img{transform:scale(1.04)}
.article-card__body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px}
.article-card__cat{font-family:var(--font-head);font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.article-card__title{font-family:var(--font-head);font-size:1.12rem;line-height:1.25;color:var(--ink)}
.article-card__excerpt{color:var(--steel);font-size:.94rem}
.article-card__meta{color:var(--steel-2);font-size:.82rem}

/* ==========================================================================
   DEL 6, galleri-lightbox
   ========================================================================== */
.gallery__item{cursor:zoom-in}
.manids-lightbox{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;background:rgba(8,14,24,.92);opacity:0;transition:opacity .25s ease;padding:5vh 4vw;cursor:default}
.manids-lightbox.is-open{opacity:1}
.manids-lightbox__stage{margin:0;max-width:90vw;max-height:86vh;display:flex;align-items:center;justify-content:center}
.manids-lightbox__img{max-width:90vw;max-height:86vh;width:auto;height:auto;border-radius:var(--r);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);background:#0f1d31}
.manids-lightbox__close{position:absolute;top:18px;right:22px;width:46px;height:46px;border:0;border-radius:var(--r);background:rgba(255,255,255,.08);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;transition:.15s ease}
.manids-lightbox__close:hover{background:rgba(255,255,255,.18)}
.manids-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease}
.manids-lightbox__nav:hover{background:var(--accent)}
.manids-lightbox__prev{left:18px}
.manids-lightbox__next{right:18px}
.manids-lightbox__counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#cdd6e2;font-family:var(--font-head);font-weight:600;font-size:.86rem;letter-spacing:.06em}
body.lightbox-open{overflow:hidden}
@media (max-width:560px){ .manids-lightbox__nav{width:44px;height:44px} .manids-lightbox__prev{left:8px} .manids-lightbox__next{right:8px} }

/* ==========================================================================
   DEL 7, Overlay-header (transparent over hero, solid ved scroll)
   Aktiveres via body.header-overlay (theme-options.php) når der er en hero i toppen.
   ========================================================================== */
body.header-overlay .site-header{background:transparent;border-bottom-color:transparent;backdrop-filter:none}
/* Bud 1: blød top-gradient (kun 'overlay') */
body.header-style-overlay .site-header::before{content:"";position:absolute;left:0;right:0;top:0;height:150px;background:linear-gradient(180deg,rgba(8,14,24,.5),transparent);pointer-events:none;z-index:-1}
/* Bud 4: hårfin underkant (kun 'bordered') */
body.header-style-bordered .site-header{border-bottom:1px solid rgba(255,255,255,.16)}
/* Bud 2 'minimal': bredere bogstavafstand i nav, ingen gradient */
body.header-style-minimal .manids-nav__list a,body.header-style-minimal .site-nav__list a{letter-spacing:.04em;font-size:.9rem}
/* Bud 3 'glass': svævende mørk glas-pille */
body.header-style-glass .site-header{padding-top:14px;background:transparent}
body.header-style-glass .site-header__inner{background:rgba(14,26,43,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding-left:20px;padding-right:14px;min-height:64px}
body.header-style-glass.header-overlay .site-header.is-scrolled .site-header__inner{background:transparent;backdrop-filter:none;border-color:transparent}
body.header-style-glass .site-main > .hero:first-child{margin-top:-92px}
body.header-style-glass .hero.hero--full,body.header-style-glass .hero.hero--centered{padding-top:150px}
body.header-overlay .site-main > .hero:first-child{margin-top:-74px}
body.header-overlay .hero.hero--full,body.header-overlay .hero.hero--centered{padding-top:132px}
/* Lyse elementer over den mørke hero */
body.header-overlay .site-header__brand,
body.header-overlay .manids-nav__list a,
body.header-overlay .site-nav__list a{color:#fff}
body.header-overlay .manids-nav__list a:hover,
body.header-overlay .site-nav__list a:hover{color:#e3a868}
body.header-overlay .site-header__burger span{background:#fff}
/* Solidificeres til en MØRK bjælke ved scroll, så lyst logo og hvid nav passer
   hele vejen (is-scrolled sættes af main.js) */
body.header-overlay .site-header.is-scrolled{background:var(--ink);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 30px -20px rgba(0,0,0,.6)}
body.header-overlay .site-header.is-scrolled::before{opacity:0}
/* Lyst logo i overlay */
.site-header__logo-light{max-height:40px;width:auto;display:block}
@media (max-width:980px){
  body.header-overlay .hero.hero--full,body.header-overlay .hero.hero--centered{padding-top:104px}
}

/* ==========================================================================
   DEL 8, Blog-artikel (single) + brødkrumme
   ========================================================================== */
.breadcrumb{border-bottom:1px solid var(--line);background:#fff}
.breadcrumb__inner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;font-size:.85rem;color:var(--steel-2);font-family:var(--font-head)}
.breadcrumb__inner a{color:var(--steel)}
.breadcrumb__inner a:hover{color:var(--accent)}
.breadcrumb__inner span{color:var(--line-2)}

.single-article__head{padding:46px 0 26px}
.single-article__head-inner{max-width:760px;margin:0 auto;text-align:center}
.single-article__head .eyebrow{justify-content:center}
.single-article__title{font-size:clamp(1.9rem,3.4vw,2.8rem);margin:14px 0 0}
.single-article__meta{color:var(--steel-2);font-size:.92rem;margin-top:16px;display:flex;gap:8px;justify-content:center;align-items:center;font-family:var(--font-head)}
.single-article__media{margin:8px 0 40px}
.single-article__media .container{max-width:980px}
.single-article__img{width:100%;height:auto;border-radius:var(--r-lg);border:1px solid var(--line)}
.single-article__content{max-width:720px;margin:0 auto;font-size:1.06rem;line-height:1.75;padding-bottom:48px}
.single-article__content > * + *{margin-top:1.1em}
.single-article__content h2{font-family:var(--font-head);font-size:1.5rem;margin-top:1.6em}
.single-article__content h3{font-family:var(--font-head);font-size:1.2rem;margin-top:1.4em}
.single-article__content ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.single-article__content ul li{position:relative;padding-left:26px}
.single-article__content ul li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:2px;background:var(--accent)}
.single-article__content ol{padding-left:20px;display:grid;gap:10px}
.single-article__content blockquote{margin:1.4em 0;padding:18px 24px;border-left:3px solid var(--accent);background:var(--paper-2);border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--font-head);font-size:1.1rem;color:var(--ink)}
.single-article__content img{border-radius:var(--r);height:auto;max-width:100%}
.single-article__content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.single-article__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:36px auto 0;max-width:720px;padding:28px 0 0;border-top:1px solid var(--line)}
.single-article__tags a{display:inline-block;background:var(--paper-2);border:1px solid var(--line);color:var(--steel);font-size:.84rem;padding:5px 12px;border-radius:999px}
.single-article__tags a:hover{border-color:var(--ink);color:var(--ink)}
.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:860px){ .related-posts-grid{grid-template-columns:1fr} }

/* ==========================================================================
   DEL 9, Kontakt-sektion med formular-kolonne
   ========================================================================== */
.local-contact--with-form .local-contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start}
.local-contact--with-form .local-contact-formcol{grid-row:1 / span 2;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.local-contact--with-form .local-contact-formcol .manids-form,
.local-contact--with-form .local-contact-formcol .contact-form{max-width:none}
@media (max-width:860px){
  .local-contact--with-form .local-contact-grid{grid-template-columns:1fr}
  .local-contact--with-form .local-contact-formcol{grid-row:auto}
}

/* ==========================================================================
   DEL 10, Opt-in fuld højde (en skærm). Sættes pr. sektion (section_full_height),
   renderer'en sprøjter .is-fullheight ind i sektionens <section>-tag.
   Indhold der er højere end skærmen vokser frit (min-height, ikke height).
   ========================================================================== */
.is-fullheight{min-height:100vh;display:flex;align-items:center}
.is-fullheight > .container{width:100%}
@supports (min-height:100svh){ .is-fullheight{min-height:100svh} }
/* På fuld-højde-sektioner med formular: centrér formular-kolonnen pænt */
.is-fullheight.local-contact--with-form .local-contact-grid{align-items:center}

/* ==========================================================================
   DEL 11, Affiliate-pakke: sammenligning, top-liste, fordele/ulemper, lead-tragt
   ========================================================================== */

/* Sammenligningstabel */
.comparison__scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.comparison__table{width:100%;border-collapse:collapse;min-width:640px}
.comparison__table th{font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--steel);text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}
.comparison__row td{padding:16px 18px;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:middle}
.comparison__row:last-child td{border-bottom:0}
.comparison__row.is-best{background:var(--accent-soft)}
.comparison__name{font-family:var(--font-head);font-weight:600;color:var(--ink)}
.comparison__badge{display:inline-block;margin-left:8px;background:var(--accent);color:#fff;font-size:.64rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;vertical-align:middle}
.comparison__stars{color:var(--accent);letter-spacing:1px}
.comparison__num{font-family:var(--font-head);font-weight:600;margin-left:4px}
.comparison__cta{text-align:right;white-space:nowrap}

/* Top-liste / ranking */
.toplist__list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.toplist__item{display:grid;grid-template-columns:60px 180px 1fr auto;gap:20px;align-items:center;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:20px 22px;transition:.18s ease}
.toplist__item:hover{box-shadow:var(--shadow)}
.toplist__item.is-winner{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.toplist__rank{font-family:var(--font-head);font-weight:700;font-size:1.6rem;color:var(--accent);text-align:center}
.toplist__media{border-radius:var(--r-sm);overflow:hidden;background:var(--paper-2);aspect-ratio:16/10}
.toplist__img{width:100%;height:100%;object-fit:cover;display:block}
.toplist__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.toplist__name{font-family:var(--font-head);font-size:1.15rem}
.toplist__score{font-family:var(--font-head);font-weight:600;color:var(--ink)}
.toplist__stars{color:var(--accent)}
.toplist__bestfor{display:inline-block;color:var(--accent);font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}
.toplist__verdict{color:var(--steel);font-size:.95rem;margin:8px 0 0}
.toplist__pros{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.toplist__pros li{position:relative;padding-left:22px;font-size:.9rem;color:var(--ink)}
.toplist__pros li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
@media (max-width:820px){
  .toplist__item{grid-template-columns:48px 1fr;gap:14px}
  .toplist__media{display:none}
  .toplist__action{grid-column:1/-1}
  .toplist__action .btn{width:100%}
}

/* Fordele / ulemper */
.proscons__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.proscons__col{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:24px}
.proscons__col--pros{border-top:3px solid #3f8f5e}
.proscons__col--cons{border-top:3px solid #b3261e}
.proscons__title{font-family:var(--font-head);font-size:1.1rem;margin-bottom:14px}
.proscons__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.proscons__list li{display:flex;gap:10px;align-items:flex-start;font-size:.96rem;color:var(--ink)}
.proscons__icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;line-height:1;margin-top:1px}
.proscons__col--pros .proscons__icon{background:#eaf4ee;color:#1f6b3a}
.proscons__col--cons .proscons__icon{background:#fbeae8;color:#9a261c}
@media (max-width:680px){ .proscons__grid{grid-template-columns:1fr} }

/* Lead-tragt (mørkt bånd) */
.section--leadform{background:var(--ink);color:#fff}
.leadform__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.leadform__h2{font-family:var(--font-head);color:#fff;font-size:clamp(1.5rem,2.6vw,2.1rem);margin:12px 0 0}
.leadform__lead{color:#a9b8ca;margin-top:12px}
.leadform__points{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.leadform__points li{display:flex;gap:11px;align-items:center;color:#cdd6e2}
.leadform__check{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}
.leadform__formcard{background:#fff;border-radius:var(--r-lg);padding:28px}
.leadform .eyebrow{color:#e3a868;color:color-mix(in srgb, var(--accent) 62%, #ffffff)}
.leadform .eyebrow .dot{background:#e3a868;background:color-mix(in srgb, var(--accent) 62%, #ffffff)}
@media (max-width:820px){ .leadform__grid{grid-template-columns:1fr} }

/* ==========================================================================
   DEL 12, Affiliate-kvalitet: disclosure, E-E-A-T byline, indholdsfortegnelse
   ========================================================================== */
.affiliate-disclosure{font-size:.82rem;color:var(--steel-2);margin:-6px 0 22px;display:flex;gap:7px;align-items:flex-start}
.affiliate-disclosure::before{content:"i";flex:0 0 auto;width:17px;height:17px;border-radius:50%;background:var(--line);color:var(--steel);font-family:var(--font-head);font-weight:700;font-size:.7rem;display:flex;align-items:center;justify-content:center;margin-top:1px}
.single-article__author{font-family:var(--font-head);font-weight:600;color:var(--ink)}
.single-article__updated{color:var(--accent)}
.article-toc{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);padding:18px 22px;margin:0 0 30px}
.article-toc__title{font-family:var(--font-head);display:block;margin-bottom:12px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.article-toc__list{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.article-toc__list a{color:var(--ink);text-decoration:none;font-size:.95rem;border-left:2px solid var(--line-2);padding-left:12px;display:block;transition:.15s ease}
.article-toc__list a:hover{color:var(--accent);border-left-color:var(--accent)}

/* ==========================================================================
   DEL 13, sektion-polering: valgfri CTA-række + lys eyebrow på mørk bund
   ========================================================================== */
.section-cta-row{display:flex;justify-content:center;margin-top:34px}
.eyebrow--light{color:var(--paper,#fff)}
.eyebrow--light .dot{background:var(--paper,#fff)}
.dealer-cta .eyebrow--light{opacity:.85}

/* ==========================================================================
   DEL 14, design-runde efter kunde-test (10. juni 2026, aften):
   dropdown-synlighed, trustbar-balance, hero-spacing, FAQ-layout,
   kompakt leadform, comparison-tabel, stjerneskala.
   ========================================================================== */

/* 14.1 Dropdown: undermenu-links arvede headerens LYSE linkfarve og blev
   usynlige på det hvide panel. Tving mørk tekst i ALLE header-stilarter. */
.manids-nav__list .sub-menu a,
body.header-overlay .manids-nav__list .sub-menu a,
body.header-style-minimal .manids-nav__list .sub-menu a,
body.header-style-glass .manids-nav__list .sub-menu a{color:var(--ink);font-weight:500}
.manids-nav__list .sub-menu a:hover{color:var(--accent);background:var(--paper-2)}
.manids-nav__list .sub-menu{padding:10px;min-width:240px}
.manids-nav__list .sub-menu li + li{margin-top:2px}

/* 14.2 Trustbar: balanceret grid i stedet for flex-wrap, så et femte punkt
   aldrig ender alene på række to. Auto-fit fordeler altid jaevnt. */
.trustbar__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}
.trustbar__item{justify-content:center;text-align:left;border-left:1px solid var(--line);padding:15px 20px}
.trustbar__item:first-child{border-left:1px solid var(--line)}
.trustbar__list .trustbar__item:nth-child(-n+1){border-left:0}
@media (max-width:980px){
  .trustbar__list{grid-template-columns:repeat(2,1fr)}
  .trustbar__item{border-left:0;border-top:1px solid var(--line)}
  .trustbar__item:nth-child(-n+2){border-top:0}
}
@media (max-width:640px){
  .trustbar__list{grid-template-columns:1fr}
  .trustbar__item:nth-child(2){border-top:1px solid var(--line)}
}

/* 14.3 Hero: mere luft mellem lead og knapper, og mellem knapper og chips. */
.hero__lead{margin-bottom:6px}
.hero__cta{margin-top:34px}
.hero__chips{margin-top:30px}

/* 14.4 FAQ: enkelt centreret kolonne når der ikke er hjælpe-boks, og
   strammere to-kolonne når der er. Hjælpe-boksen får kort-look. */
.faq-grid{grid-template-columns:.85fr 1.5fr;gap:48px}
.faq-grid--single{grid-template-columns:1fr;max-width:820px;margin-left:auto;margin-right:auto}
.faq-grid--single .faq-aside{text-align:center;margin-bottom:10px}
.faq-grid--single .eyebrow{justify-content:center}
.faq-aside{position:sticky;top:96px}
/* Hjaelpe-boksen beholder sin mørke grundstil (linje 222), her kun layout. */
.faq-help-card{margin-top:22px;display:grid;gap:10px;justify-items:start}
.faq-help-card__title{font-size:1.05rem}
.faq-help-card__text{margin:0}
.faq-help-card .btn-primary{background:var(--accent);border-color:var(--accent)}

/* 14.5 Leadform: kompakt formular-kort. To felter pr. række på desktop,
   mindre afstande, mindre kort. Konvertering foran luft. */
.leadform__grid{gap:34px}
.leadform__formcard{padding:22px 22px 20px;max-width:560px;justify-self:end;width:100%}
.leadform__formcard .manids-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.leadform__formcard .form-field{margin:0}
.leadform__formcard .form-field--wide,
.leadform__formcard .form-field:has(textarea),
.leadform__formcard .form-consent,
.leadform__formcard .form-error,
.leadform__formcard .form-success,
.leadform__formcard .btn{grid-column:1 / -1}
.leadform__formcard .form-label{font-size:.86rem;margin-bottom:4px;display:block}
.leadform__formcard input,
.leadform__formcard select,
.leadform__formcard textarea{min-height:44px;padding:9px 12px}
.leadform__formcard .form-consent{font-size:.85rem;margin-top:2px}
.leadform__formcard .btn{min-height:48px;margin-top:4px}
@media (max-width:640px){
  .leadform__formcard .manids-form{grid-template-columns:1fr}
  .leadform__formcard{justify-self:stretch;max-width:none}
}

/* 14.6 Comparison: faste kolonnebredder, stjernekolonnen kan ikke æde
   tabellen, pris uden akavede liniebrud, slukkede stjerner som kontekst. */
.comparison__table{table-layout:fixed;width:100%}
.comparison__table th:nth-child(1){width:20%}
.comparison__table th:nth-child(2){width:17%}
.comparison__table th:nth-child(3){width:21%}
.comparison__table th:nth-child(4){width:26%}
.comparison__table th:nth-child(5){width:16%}
.comparison__table td{vertical-align:middle;padding:18px 14px}
.comparison__stars{letter-spacing:2px;font-size:1.05rem;white-space:nowrap}
.comparison__stars-on{color:var(--accent)}
.comparison__stars-off{color:var(--line-2)}
.comparison__num{font-weight:700;margin-left:8px}
.comparison__name{font-weight:600}
.comparison__badge{display:inline-block;margin-top:6px}
@media (max-width:980px){
  /* Stak til kort på mobil i stedet for vandret scroll-tabel. */
  .comparison__table,.comparison__table tbody,.comparison__table tr,.comparison__table td{display:block;width:100%}
  .comparison__table thead{display:none}
  .comparison__row{border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;padding:16px;background:var(--paper)}
  .comparison__row.is-best{border-color:var(--accent)}
  .comparison__table td{padding:6px 0}
}

/* ==========================================================================
   DEL 15, geo-laget: "Nærmeste først"-knap, postnummer-fallback og
   afstands-badge på kort. GDPR: geolocation kun ved klik, lokal sortering.
   ========================================================================== */
.catalog-geo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0 26px}
.catalog-geo__btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:600;font-size:.92rem;min-height:44px;padding:9px 18px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--paper);color:var(--ink);cursor:pointer;transition:.15s ease}
.catalog-geo__btn:hover{border-color:var(--ink)}
.catalog-geo__btn.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.catalog-geo__btn:disabled{opacity:.6;cursor:wait}
.catalog-geo__fallback{display:flex;gap:8px;align-items:center}
.catalog-geo__fallback input{min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-sm);width:180px}
.catalog-geo__fallback .btn{min-height:44px;padding:9px 16px}
.catalog-geo__status{color:var(--steel);font-size:.92rem}
.product-card__dist{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:var(--font-head);font-weight:600;font-size:.82rem;color:var(--accent)}
.product-card__dist[hidden]{display:none}
.product-card__dist::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
@media (max-width:640px){
  .catalog-geo{gap:10px}
  .catalog-geo__fallback{width:100%}
  .catalog-geo__fallback input{flex:1;width:auto}
}

/* ==========================================================================
   DEL 16, lokationssider: søskende-links ("Vi dækker også")
   ========================================================================== */
.geo-siblings{border-top:1px solid var(--line)}
.geo-siblings__list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.geo-siblings__list a{display:inline-flex;align-items:center;min-height:42px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-family:var(--font-head);font-weight:500;font-size:.92rem;transition:.15s ease}
.geo-siblings__list a:hover{border-color:var(--accent);color:var(--accent)}
.geo-siblings__hub a{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.geo-siblings__hub a:hover{background:var(--ink-3);color:var(--paper)}

/* ==========================================================================
   DEL 17, landingsside-mode (Ads): ingen menu-distraktion, telefon bevares
   ========================================================================== */
body.is-landing .manids-nav,
body.is-landing .site-nav,
body.is-landing .site-header__burger,
body.is-landing .mobile-drawer{display:none!important}
body.is-landing .footer-links,
body.is-landing .site-footer .footer-grid > div:not(:first-child){display:none}
body.is-landing .floating-cta__mail{display:none}

/* ==========================================================================
   DEL 18, E-E-A-T: forfatter-boks på artikler
   ========================================================================== */
.author-box{display:flex;gap:18px;align-items:flex-start;margin-top:42px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2)}
.author-box__avatar img{border-radius:50%;display:block}
.author-box__label{display:block;font-family:var(--font-head);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.author-box__name{font-family:var(--font-head);font-size:1.05rem;display:block;margin-top:2px}
.author-box__bio{color:var(--steel);font-size:.95rem;margin:8px 0 0}
@media (max-width:640px){.author-box{flex-direction:column}}

/* ==========================================================================
   DEL 19, søgning: sektioneret resultatside og hjælpsom no-results
   ========================================================================== */
.search-section{margin-bottom:42px}
.search-section__h2{font-size:1.3rem;margin-bottom:18px}
.search-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.search-results{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:760px}
.search-result{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:18px 20px}
.search-result__type{display:inline-block;font-family:var(--font-head);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:4px}
.search-result__title{display:block;font-family:var(--font-head);font-weight:600;font-size:1.08rem;color:var(--ink);text-decoration:none}
.search-result__title:hover{color:var(--accent)}
.search-result__excerpt{color:var(--steel);font-size:.95rem;margin:8px 0 0}
.search-empty{max-width:680px}
.search-empty__form{display:flex;gap:10px;margin-top:22px}
.search-empty__form input{flex:1;min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-sm)}
.search-empty__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.search-empty__phone{margin-top:22px}

/* ==========================================================================
   DEL 20, rytme-motoren: tone-, kompakt- og wow-klasser (sat af
   sections-engine ud fra sidens komposition, se manids_rhythm_plan)
   ========================================================================== */
.section.is-tone-paper{background:var(--paper)}
.section.is-tone-mute{background:var(--paper-2)}
.section.is-compact{padding-top:calc(var(--pad)*.45)}
.section.is-wow{padding-top:calc(var(--pad)*1.35);padding-bottom:calc(var(--pad)*1.35)}

/* Mørkt anker: en lys sektion (typisk stats) promoveret til mørkt bånd */
.section.is-tone-ink{background:var(--ink);color:var(--paper)}
.section.is-tone-ink .section-h2{color:var(--paper)}
.section.is-tone-ink .section-lead{color:#a9b8ca}
.section.is-tone-ink .eyebrow{color:color-mix(in srgb, var(--accent) 62%, #ffffff)}
.section.is-tone-ink .eyebrow .dot{background:color-mix(in srgb, var(--accent) 62%, #ffffff)}
.section.is-tone-ink .stats__grid{border-top-color:rgba(255,255,255,.16)}
.section.is-tone-ink .stats__item{border-left-color:rgba(255,255,255,.16)}
.section.is-tone-ink .stats__value{color:var(--paper)}
.section.is-tone-ink .stats__label{color:#a9b8ca}

/* ==========================================================================
   DEL 21, foto-kunstretning: palette-tonet hero og ens billedbehandling,
   så selv harvest- og fallback-fotos ser art directede ud.
   ========================================================================== */

/* Hero-baggrund: ink-tonet gradient OVER fotoet (læselighed + brand-tone).
   Overskriver hero.css' rene cover med en komponeret baggrund. */
.hero--has-bg{
  background-image:
    linear-gradient(100deg,
      color-mix(in srgb, var(--ink) 96%, transparent) 0%,
      color-mix(in srgb, var(--ink) 64%, transparent) 44%,
      color-mix(in srgb, var(--ink) 10%, transparent) 100%),
    var(--hero-bg);
  background-size:cover,cover;
  background-position:center,center;
  background-blend-mode:normal,normal;
}
/* Centreret tekst ligger også i den lyse zone: blød skygge sikrer læsbarhed. */
.hero--has-bg .hero__h1,.hero--has-bg .hero__lead{text-shadow:0 1px 18px rgba(8,15,26,.55)}

/* Split-heroens sidebillede: let inktone + mætningsmatch */
.hero__media{position:relative;border-radius:var(--r-lg);overflow:hidden}
.hero__media::after{content:"";position:absolute;inset:0;background:color-mix(in srgb, var(--ink) 14%, transparent);pointer-events:none}
.hero__media-img{filter:saturate(.94) contrast(1.03)}

/* Ens billedfilm på alle indholdsbilleder: samlet mætning og kontrast */
.product-card__media img,
.content-split__img,
.gallery-grid img,
.series-card__media img,
.room-card img,
.single-article__img{filter:saturate(.92) contrast(1.02)}

/* Billeder på mørke bånd: dampes en anelse så de ikke lyser op */
.is-tone-ink img,
.testimonial-single img{filter:saturate(.85) contrast(1.04) brightness(.96)}

/* ==========================================================================
   DEL 22, finish-laget: reveal, navbar-shrink. Aktiv kun med body.finish-on
   (JS respekterer prefers-reduced-motion og option finish_effects).
   ========================================================================== */
body.finish-on .will-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
body.finish-on .is-revealed{opacity:1;transform:none}
/* Kort i samme grid forskydes en anelse for kaskade-effekt */
body.finish-on .product-card.will-reveal:nth-child(2),body.finish-on .feature-card.will-reveal:nth-child(2){transition-delay:.07s}
body.finish-on .product-card.will-reveal:nth-child(3),body.finish-on .feature-card.will-reveal:nth-child(3){transition-delay:.14s}
body.finish-on .product-card.will-reveal:nth-child(4),body.finish-on .feature-card.will-reveal:nth-child(4){transition-delay:.21s}
/* Navbar-shrink */
.site-header{transition:box-shadow .2s ease}
body.is-scrolled .site-header{box-shadow:0 6px 24px -12px rgba(14,26,43,.18)}
body.is-scrolled .site-header__inner{min-height:62px}
/* Blød ankerscroll, kun når motion er ok */
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}

/* ==========================================================================
   DEL 23, multistep-leadform: statuslinje, trin-knapper
   ========================================================================== */
.multistep__status{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin-bottom:6px}
.multistep__dot{width:10px;height:10px;border-radius:50%;background:var(--line-2);transition:.2s}
.multistep__dot.is-active{background:var(--accent)}
.multistep__line{flex:0 0 34px;height:2px;background:var(--line)}
.multistep__next{grid-column:1 / -1;min-height:48px;margin-top:4px}
.multistep__back{grid-column:1 / -1;background:none;border:0;color:var(--steel);font-size:.88rem;cursor:pointer;justify-self:start;padding:4px 0;text-decoration:underline}
.multistep__back:hover{color:var(--ink)}

/* ==========================================================================
   DEL 24, reale WP-fund 11. juni: manglende klasse-dækning rettet mekanisk
   (coverage-tjek af alle 43 sektioner mod CSS'en). Kompakte formularer,
   lokal kontakt uden formular, btn-outline, final-cta-overlay m.m.
   ========================================================================== */

/* Knapper: sektionerne udskriver btn-outline, den skal findes. */
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-outline:hover{border-color:var(--ink);background:transparent}
.is-tone-ink .btn-outline{color:#fff;border-color:rgba(255,255,255,.4)}
.is-tone-ink .btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* Lokal kontakt: fuldt layout, OGSÅ uden formular. */
.section--local-contact .local-contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.local-contact-body{color:var(--ink-2);max-width:56ch;margin:10px 0 0}
.local-contact-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:18px}
.local-contact-item{display:flex;gap:14px;align-items:flex-start}
.local-contact-item__icon{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb, var(--accent) 12%, transparent)}
.local-contact-item__body{display:grid;gap:2px;min-width:0}
.local-contact-item__label{font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);font-weight:600}
.local-contact-item__value{font-weight:600;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
a.local-contact-item__value:hover{color:var(--accent)}
.local-contact-item__meta{font-size:.9rem;color:var(--ink-2)}
.local-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.local-contact-map{border-radius:var(--r-lg);overflow:hidden;min-height:320px}
@media (max-width:860px){
  .section--local-contact .local-contact-grid{grid-template-columns:1fr}
  .local-contact-map{min-height:240px}
}

/* Kompakte formularer: to kolonner, tekstfelt og samtykke i fuld bredde.
   En kontaktformular må aldrig fylde en hel skærm. */
.manids-form,.contact-form{grid-template-columns:1fr 1fr;gap:14px;max-width:none}
.manids-form .form-field,.contact-form .form-field{margin:0}
.manids-form .form-field:has(textarea),.contact-form .form-field:has(textarea),
.manids-form .form-field--wide,.contact-form .form-field--wide,
.manids-form .form-consent,.contact-form .form-consent,
.manids-form .form-success,.contact-form .form-success,
.manids-form .form-error-summary,.contact-form .form-error-summary,
.manids-form .multistep__status,.manids-form .multistep__next,.manids-form .multistep__back,
.manids-form button[type=submit],.contact-form button[type=submit],
.manids-form .btn,.contact-form .btn{grid-column:1 / -1}
.manids-form textarea,.contact-form textarea{min-height:96px}
@media (max-width:600px){ .manids-form,.contact-form{grid-template-columns:1fr} }

/* Final CTA: overlay over baggrundsfoto plus knaprække. */
.section--final-cta{position:relative;overflow:hidden}
.final-cta-overlay{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(165deg, color-mix(in srgb, var(--ink) 86%, transparent) 0%, color-mix(in srgb, var(--ink) 62%, transparent) 100%)}
.final-cta-inner{position:relative;z-index:1}
.final-cta-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:26px}

/* Reviews: afsender-række med avatar og kilde. */
.review-card__meta{display:flex;align-items:center;gap:12px;margin-top:14px}
.review-card__avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}
.review-card__source{margin-left:auto;font-size:.8rem;color:var(--ink-2)}
.reviews-rating__body{color:var(--ink-2)}
.reviews-rating__link{color:var(--ink);font-weight:600}

/* Nyhedsbrev: felt og knap på én række. */
.newsletter__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.newsletter__text{max-width:56ch}
.newsletter__form{display:grid;gap:10px}
.newsletter__row{display:flex;gap:10px}
.newsletter__row input[type=email]{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--line-2);border-radius:999px;font:inherit;background:#fff}
.newsletter__consent{font-size:.85rem;color:var(--ink-2)}
@media (max-width:860px){
  .newsletter__inner{grid-template-columns:1fr;gap:20px}
  .newsletter__row{flex-direction:column}
}

/* Småklasser fundet uden CSS i dækningstjekket. */
.steps__body{color:var(--ink-2);max-width:56ch}
.intro-text{max-width:60ch}
.section-cta__body{color:var(--ink-2);max-width:56ch;margin-inline:auto}
.latest-items__head-text{color:var(--ink-2)}
.finance-calc__intro{color:var(--ink-2);max-width:56ch;margin-bottom:18px}
.finance-calc__result-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.finance-calc__value{font-size:1.9rem;font-weight:700;color:var(--ink)}
.comparison__score{font-weight:700}
.toplist__body{color:var(--ink-2)}
.trustbar__label{font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}

/* Kort-sektionen: ramme og højde, så et indlejret kort aldrig klapper sammen. */
.map-section iframe{display:block;width:100%;border:0}
.section--map .map-section__frame{border-radius:var(--r-lg);overflow:hidden;min-height:380px}

/* ==========================================================================
   DEL 25, fuld dækning af resten af temaet: artikel-arkiv, footer-kolonner,
   single-katalog, mega-menu, relaterede sektioner. Fundet med det udvidede
   dæknings-tjek 11. juni (samme fejlklasse som sektionerne).
   ========================================================================== */

/* Artikel-arkiv: filter-chips plus kort-grid med fremhævet første kort. */
.archive-filter{background:#fff;border-bottom:1px solid var(--line)}
.archive-filter__inner{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0}
.archive-filter__chip{display:inline-flex;align-items:center;padding:8px 18px;border:1px solid var(--line-2);border-radius:999px;font-size:.92rem;font-weight:600;color:var(--ink);text-decoration:none;transition:border-color .15s ease}
.archive-filter__chip:hover{border-color:var(--ink)}
.archive-filter__chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.archive-grid__item--featured{grid-column:span 2}
.archive-empty{text-align:center;padding:64px 0;color:var(--ink-2)}
@media (max-width:980px){ .archive-grid{grid-template-columns:1fr 1fr} }
@media (max-width:640px){ .archive-grid{grid-template-columns:1fr} .archive-grid__item--featured{grid-column:auto} }

/* Footer-kolonner: brand, adresse og kolonne-rytme. */
.site-footer__col{display:grid;gap:10px;align-content:start;min-width:0}
.site-footer__brand{font-size:1.15rem;font-weight:700;color:#fff}
.site-footer__addr{margin:0;line-height:1.6;color:rgba(255,255,255,.7)}

/* Single katalog-vare: hero-zone, beskrivelse og udstyr. */
.single-car__hero{padding-bottom:38px}
.single-car__desc{display:grid;gap:12px;color:var(--ink-2);max-width:62ch}
.single-car__desc p{margin:0}
.single-car__equip-title{margin-top:26px}
.section--car-specs .single-car__specs-col{min-width:0}

/* Mega-menu: kolonner og undermenu-punkter. */
.mega-menu__col{min-width:0}
.mega-menu__subitem a{display:block;padding:5px 0;color:var(--ink-2);text-decoration:none;font-size:.92rem}
.mega-menu__subitem a:hover{color:var(--ink)}

/* Relaterede-sektion plus footer-link-kolonner (intern linking). */
.section--related{background:var(--paper-2)}
.footer-links__col{display:grid;gap:8px;align-content:start;min-width:0}
/* ==== bedemand.css ==== */
/* =============================================================================
   Bedemand-katalog (arkiv + single). Kun design-system-tokens, intet eget udtryk.
   ============================================================================= */

/* ---- Filter-bar ---- */
.bd-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 36px;
}
.bd-filter input[type="search"],
.bd-filter select {
	flex: 1 1 220px;
	min-height: 48px;
	padding: 10px 16px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-sm);
	background: var(--paper);
	color: var(--ink);
	font: inherit;
}
.bd-filter input[type="search"]:focus,
.bd-filter select:focus {
	outline: 2px solid var(--accent);
	outline-offset: 1px;
}

/* ---- Kort-grid ---- */
.bd-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
@media (max-width: 980px) {
	.bd-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.bd-grid { grid-template-columns: 1fr; }
}

/* ---- Kort ---- */
.bd-card {
	display: flex;
	flex-direction: column;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
	overflow: hidden;
	box-shadow: var(--shadow);
}
.bd-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 16 / 9;
	background: var(--paper-2);
	overflow: hidden;
}
.bd-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bd-card__initials,
.bd-single__initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 999px;
	background: var(--steel);
	color: var(--paper);
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}
.bd-card__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
	flex: 1;
}
.bd-card__city {
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--steel-2);
}
.bd-card__title {
	margin: 0;
	font-size: 1.1rem;
	line-height: 1.3;
}
.bd-card__title a {
	color: var(--ink);
	text-decoration: none;
}
.bd-card__title a:hover {
	color: var(--accent);
}
.bd-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	font-size: 0.9rem;
}
.bd-card__stars {
	color: var(--accent);
	letter-spacing: 0.1em;
}
.bd-card__badge {
	padding: 3px 10px;
	border: 1px solid var(--line-2);
	border-radius: 999px;
	font-size: 0.75rem;
	color: var(--steel-2);
}
.bd-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.bd-card__tags li {
	padding: 3px 10px;
	background: var(--paper-2);
	border-radius: 999px;
	font-size: 0.78rem;
	color: var(--steel);
}
.bd-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: auto;
	padding-top: 6px;
}
.bd-card__btn {
	flex: 1 1 auto;
	text-align: center;
}

/* ---- Arkiv: byliste + CTA + pagination ---- */
.bd-citylist__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (max-width: 980px) {
	.bd-citylist__grid { grid-template-columns: repeat(2, 1fr); }
}
.bd-citylist__grid a {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 16px 18px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	color: var(--ink);
	text-decoration: none;
}
.bd-citylist__grid a:hover {
	border-color: var(--accent);
}
.bd-citylist__grid span {
	font-size: 0.85rem;
	color: var(--steel-2);
}
.bd-pagination {
	margin-top: 36px;
	text-align: center;
}
.bd-pagination .page-numbers {
	display: inline-block;
	min-width: 40px;
	padding: 8px 12px;
	margin: 0 2px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-sm);
	color: var(--ink);
	text-decoration: none;
}
.bd-pagination .page-numbers.current {
	background: var(--ink);
	color: var(--paper);
	border-color: var(--ink);
}
.bd-empty {
	padding: 36px 0;
	color: var(--steel-2);
}
.bd-ctabox {
	padding: 36px;
	background: var(--paper-2);
	border: 1px solid var(--line);
	border-radius: var(--r);
	text-align: center;
}
.bd-ctabox h2 {
	margin-top: 0;
}

/* ---- Single ---- */
.bd-single__head {
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 36px;
	align-items: start;
	margin-bottom: 44px;
}
@media (max-width: 980px) {
	.bd-single__head { grid-template-columns: 1fr; }
}
.bd-single__media {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	background: var(--paper-2);
	border-radius: var(--r);
	overflow: hidden;
}
.bd-single__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bd-single__title {
	margin: 6px 0 12px;
}
.bd-single__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}
.bd-single__fact {
	font-size: 0.9rem;
	color: var(--steel-2);
}
.bd-single__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 18px;
}
.bd-single__grid {
	display: grid;
	grid-template-columns: 1fr 340px;
	gap: 44px;
	align-items: start;
}
@media (max-width: 980px) {
	.bd-single__grid { grid-template-columns: 1fr; }
}
.bd-single__prices {
	width: 100%;
	border-collapse: collapse;
}
.bd-single__prices th,
.bd-single__prices td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--line);
	text-align: left;
}
.bd-single__prices td {
	text-align: right;
	font-weight: 600;
}
.bd-single__pricenote {
	font-size: 0.85rem;
	color: var(--steel-2);
}
.bd-single__contactcard,
.bd-single__helpcard {
	padding: 24px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
	margin-bottom: 20px;
}
.bd-single__contactcard h2,
.bd-single__helpcard h2 {
	margin-top: 0;
	font-size: 1.1rem;
}
.bd-single__contactcard ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bd-single__contactcard li {
	padding: 8px 0;
	border-bottom: 1px solid var(--line);
}
.bd-single__contactcard li:last-child {
	border-bottom: 0;
}
.bd-single__helpcard .btn {
	margin: 6px 6px 0 0;
}
.bd-single__related {
	margin-top: 56px;
}

/* ---- Featured-sektion (forside) ---- */
.bd-featured__cities {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}
.bd-featured__cities a {
	display: inline-block;
	padding: 8px 18px;
	border: 1px solid var(--line-2);
	border-radius: 999px;
	color: var(--ink);
	text-decoration: none;
	white-space: nowrap;
}
.bd-featured__cities a:hover {
	border-color: var(--accent);
	color: var(--accent);
}
.bd-featured__cities span {
	color: var(--steel-2);
}
.bd-grid--featured {
	grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 980px) {
	.bd-grid--featured { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.bd-grid--featured { grid-template-columns: 1fr; }
}
.bd-featured__more {
	margin-top: 32px;
	text-align: center;
}

/* ---- Custom hero (forside) ---- */
.bd-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 92svh;
	padding: 140px 0 90px;
	background-color: var(--ink);
	background-size: cover;
	background-position: center;
	color: var(--paper);
}
.bd-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(8, 16, 28, 0.55), rgba(8, 16, 28, 0.78));
}
.bd-hero__inner {
	position: relative;
	max-width: 820px;
	margin-inline: auto;
	text-align: center;
}
.bd-hero__eyebrow {
	justify-content: center;
	color: var(--paper);
	opacity: 0.85;
}
.bd-hero__h1 {
	margin: 14px 0 18px;
	font-size: clamp(2.2rem, 5vw, 3.6rem);
	line-height: 1.12;
	color: var(--paper);
}
.bd-hero__lead {
	max-width: 620px;
	margin: 0 auto 30px;
	font-size: 1.1rem;
	line-height: 1.6;
	opacity: 0.92;
}
.bd-hero__search {
	display: flex;
	gap: 10px;
	max-width: 520px;
	margin: 0 auto 22px;
	padding: 10px;
	background: var(--paper);
	border-radius: 999px;
	box-shadow: var(--shadow);
}
.bd-hero__search select {
	flex: 1;
	min-height: 48px;
	padding: 8px 18px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--ink);
	font: inherit;
}
.bd-hero__search select:focus {
	outline: 2px solid var(--accent);
}
.bd-hero__btn {
	white-space: nowrap;
}
.bd-hero__trust {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 26px;
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
	font-size: 0.95rem;
	opacity: 0.88;
}
.bd-hero__trust li::before {
	content: "✓";
	margin-right: 8px;
	color: var(--accent);
}
.bd-hero__secondary {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 26px;
	font-size: 0.95rem;
}
.bd-hero__secondary a {
	color: var(--paper);
	opacity: 0.85;
	text-decoration: underline;
	text-underline-offset: 4px;
}
.bd-hero__secondary a:hover {
	opacity: 1;
}
@media (max-width: 640px) {
	.bd-hero { padding: 120px 0 70px; }
	.bd-hero__search { flex-direction: column; border-radius: var(--r); }
	.bd-hero__search select { width: 100%; }
}

/* ---- Footer ---- */
.bd-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 44px;
	padding-top: 56px;
	padding-bottom: 48px;
}
@media (max-width: 980px) {
	.bd-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
	.bd-footer__grid { grid-template-columns: 1fr; gap: 30px; }
}
.bd-footer__tagline {
	max-width: 320px;
	margin: 12px 0 16px;
	font-size: 0.92rem;
	line-height: 1.6;
	opacity: 0.8;
}
.bd-footer__contact {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bd-footer__contact li {
	margin-bottom: 6px;
}
.bd-footer__title {
	display: block;
	margin-bottom: 14px;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity: 0.7;
}
.bd-footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bd-footer__list li {
	margin-bottom: 9px;
}
.bd-footer__list a {
	text-decoration: none;
	opacity: 0.88;
}
.bd-footer__list a:hover {
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.bd-footer__baseinner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 20px;
}
.bd-footer__legal a {
	margin-left: 16px;
	opacity: 0.8;
}
.bd-footer__legal a:first-child {
	margin-left: 0;
}

/* ---- Arkiv: udvidet filter ---- */
.bd-filter {
	flex-direction: column;
	align-items: stretch;
}
.bd-filter__row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.bd-filter__row input[type="search"],
.bd-filter__row select {
	flex: 1 1 200px;
	min-height: 48px;
	padding: 10px 16px;
	border: 1px solid var(--line-2);
	border-radius: 999px;
	background: var(--paper);
	color: var(--ink);
	font: inherit;
}
.bd-filter__services {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 14px 0 0;
	padding: 0;
	border: 0;
}
.bd-filter__services legend {
	padding: 0 6px 0 0;
	font-size: 0.9rem;
	color: var(--steel-2);
	float: left;
}
.bd-filter__chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border: 1px solid var(--line-2);
	border-radius: 999px;
	background: var(--paper);
	font-size: 0.9rem;
	cursor: pointer;
	user-select: none;
}
.bd-filter__chip input {
	accent-color: var(--accent);
}
.bd-filter__chip.is-active {
	border-color: var(--accent);
	background: var(--accent-soft);
}

/* ---- Byliste: alle byer, kompakt ---- */
.bd-citylist__grid--all {
	grid-template-columns: repeat(6, 1fr);
	gap: 8px;
}
@media (max-width: 980px) {
	.bd-citylist__grid--all { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
	.bd-citylist__grid--all { grid-template-columns: repeat(2, 1fr); }
}
.bd-citylist__grid--all a {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 10px 14px;
	border-radius: 999px;
}
.bd-citylist__grid--all strong {
	font-weight: 500;
	font-size: 0.92rem;
}

/* ---- Ydelses-matrix på profilsiden ---- */
.bd-matrix {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--line);
	border-radius: var(--r);
	overflow: hidden;
}
.bd-matrix__item {
	display: grid;
	grid-template-columns: 44px 1fr auto;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	border-bottom: 1px solid var(--line);
	background: var(--paper);
}
.bd-matrix__item:last-child {
	border-bottom: 0;
}
.bd-matrix__item.is-not {
	opacity: 0.55;
}
.bd-matrix__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	background: var(--accent-soft);
	color: var(--accent);
	font-weight: 700;
}
.bd-matrix__item.is-not .bd-matrix__check {
	background: var(--paper-2);
	color: var(--steel-2);
}
.bd-matrix__price {
	font-weight: 600;
	white-space: nowrap;
}

/* ---- Fakta-kort på profilsiden ---- */
.bd-single__facts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bd-single__facts li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid var(--line);
}
.bd-single__facts li:last-child {
	border-bottom: 0;
}
.bd-single__facts span {
	color: var(--steel-2);
}

/* ---- By-intro på arkivet ---- */
.bd-archive-intro {
	max-width: 680px;
	margin: 14px auto 0;
	color: var(--steel);
	line-height: 1.65;
}

/* ---- Indlejret leadform i CTA-boks og profil-aside ---- */
.bd-ctabox--form {
	text-align: left;
}
.bd-ctabox--form h2,
.bd-ctabox--form > p {
	text-align: center;
}
.bd-ctabox__form {
	max-width: 560px;
	margin: 18px auto 0;
}
.bd-single__helpcard .manids-form input,
.bd-single__helpcard .manids-form select {
	width: 100%;
}
.bd-single__helplink {
	margin: 14px 0 0;
	font-size: 0.9rem;
}

/* ---- Fra-pris på kort ---- */
.bd-card__price {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--accent);
}

/* ---- Omraade-oversigt ---- */
.bd-regiongrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin: 0 0 36px;
	padding: 0;
	list-style: none;
}
@media (max-width: 980px) {
	.bd-regiongrid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.bd-regiongrid { grid-template-columns: 1fr; }
}
.bd-regiongrid__card {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 26px 28px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
	color: var(--ink);
	text-decoration: none;
	box-shadow: var(--shadow);
	transition: 0.18s ease;
}
.bd-regiongrid__card:hover {
	border-color: var(--accent);
	transform: translateY(-3px);
}
.bd-regiongrid__card strong {
	font-size: 1.15rem;
}
.bd-regiongrid__card span {
	color: var(--steel-2);
	font-size: 0.9rem;
}
.bd-region__subhead {
	margin: 26px 0 16px;
	font-size: 1.2rem;
}
.bd-region__top {
	background: var(--paper-2);
}

/* ---- Beregner ---- */
.bd-calc {
	max-width: 560px;
	margin: 0 auto;
	padding: 30px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
	box-shadow: var(--shadow);
}
.bd-calc__field {
	margin-bottom: 18px;
}
.bd-calc__field > label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
}
.bd-calc__field input[type="number"],
.bd-calc__field select {
	width: 100%;
	min-height: 48px;
	padding: 10px 16px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-sm);
	background: var(--paper);
	color: var(--ink);
	font: inherit;
}
.bd-calc__check {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 500;
}
.bd-calc__check input {
	width: 20px;
	height: 20px;
	accent-color: var(--accent);
}
.bd-calc__result {
	max-width: 560px;
	margin: 26px auto 0;
	padding: 30px;
	background: var(--accent-soft);
	border-radius: var(--r);
	text-align: center;
}
.bd-calc__amount {
	margin: 0 0 10px;
	font-size: 2.4rem;
	font-weight: 700;
}
.bd-calc__note {
	margin: 0 0 12px;
	line-height: 1.6;
}
.bd-calc__legal {
	margin: 0;
	font-size: 0.85rem;
	color: var(--steel);
}

/* ---- Tjekliste ---- */
.bd-checklist__week {
	max-width: 760px;
	margin: 0 auto 44px;
}
.bd-checklist__week h2 {
	margin-bottom: 6px;
}
.bd-checklist__intro {
	color: var(--steel);
	margin: 0 0 18px;
}
.bd-checklist__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bd-checklist__item {
	display: flex;
	gap: 14px;
	padding: 14px 0;
	border-bottom: 1px solid var(--line);
}
.bd-checklist__item p {
	margin: 4px 0 0;
	color: var(--steel);
	font-size: 0.95rem;
}
.bd-checklist__box {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	margin-top: 3px;
	border: 2px solid var(--line-2);
	border-radius: 6px;
}
.bd-checklist__print {
	margin-top: 10px;
}
@media print {
	.site-header, .site-footer, .breadcrumb, .bd-noprint, .bd-checklist__print,
	.floating-cta, .sticky-cta, .cookie-banner, #wpadminbar {
		display: none !important;
	}
	.bd-checklist__item {
		break-inside: avoid;
	}
	body {
		background: var(--paper);
	}
}

/* ---- Sammenlign-knap på kort + sticky bar ---- */
.bd-card__compare {
	margin: 0 20px 16px;
	padding: 8px 14px;
	border: 1px dashed var(--line-2);
	border-radius: 999px;
	background: transparent;
	color: var(--steel);
	font: inherit;
	font-size: 0.85rem;
	cursor: pointer;
}
.bd-card__compare:hover {
	border-color: var(--accent);
	color: var(--accent);
}
.bd-card__compare.is-active {
	border-style: solid;
	border-color: var(--accent);
	background: var(--accent-soft);
	color: var(--ink);
}
.bd-cmpbar {
	position: fixed;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 90;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: calc(100vw - 32px);
	padding: 10px 12px 10px 20px;
	background: var(--ink);
	color: var(--paper);
	border-radius: 999px;
	box-shadow: var(--shadow);
}
.bd-cmpbar span {
	font-size: 0.9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 40vw;
}
.bd-cmpbar__clear {
	border: 0;
	background: transparent;
	color: var(--paper);
	font-size: 1.3rem;
	cursor: pointer;
	line-height: 1;
}

/* ---- Sammenlign-tabel ---- */
.bd-compare__scroll {
	overflow-x: auto;
}
.bd-compare {
	width: 100%;
	border-collapse: collapse;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
	overflow: hidden;
}
.bd-compare th,
.bd-compare td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--line);
	text-align: left;
	vertical-align: top;
	min-width: 140px;
}
.bd-compare thead th {
	background: var(--paper-2);
	font-size: 1.02rem;
}
.bd-compare__city {
	display: block;
	font-weight: 400;
	font-size: 0.82rem;
	color: var(--steel-2);
}
.bd-compare__na {
	color: var(--steel-2);
}
.bd-compare .btn {
	margin: 2px 6px 2px 0;
}

/* ---- Naer mig ---- */
.bd-hero__geo {
	margin: 0 0 14px;
}
.bd-geo__btn {
	border: 0;
	background: transparent;
	color: var(--paper);
	font: inherit;
	font-size: 0.95rem;
	text-decoration: underline;
	text-underline-offset: 4px;
	opacity: 0.85;
	cursor: pointer;
}
.bd-geo__btn:hover {
	opacity: 1;
}
.bd-geo__results {
	max-width: 520px;
	margin: 0 auto 16px;
	padding: 16px 20px;
	background: var(--paper);
	color: var(--ink);
	border-radius: var(--r);
	text-align: left;
}
.bd-geo__results ul {
	margin: 8px 0 0;
	padding: 0;
	list-style: none;
}
.bd-geo__results li {
	padding: 6px 0;
	border-bottom: 1px solid var(--line);
}
.bd-geo__results li:last-child {
	border-bottom: 0;
}
.bd-geo__results span {
	color: var(--steel-2);
	font-size: 0.88rem;
}

/* ---- Anmeldelser på profilen ---- */
.bd-reviews {
	margin-top: 56px;
}
.bd-reviews__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
@media (max-width: 980px) {
	.bd-reviews__grid { grid-template-columns: 1fr; }
}
.bd-reviews__card {
	margin: 0;
	padding: 22px 24px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
}
.bd-reviews__card p {
	margin: 8px 0 12px;
	line-height: 1.6;
}
.bd-reviews__card footer {
	font-weight: 600;
	font-size: 0.92rem;
}
.bd-reviews__src {
	margin-left: 8px;
	font-weight: 400;
	color: var(--steel-2);
}

/* ---- Aabningstider ---- */
.bd-single__hours ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bd-single__hours li {
	padding: 6px 0;
	border-bottom: 1px solid var(--line);
	font-size: 0.92rem;
}
.bd-single__hours li:last-child {
	border-bottom: 0;
}
.bd-badge--open {
	margin-left: 8px;
	background: var(--accent-soft);
	border-color: var(--accent);
	color: var(--ink);
}

/* ---- Guide-grid: venstrestillede kort ---- */
.bd-guidegrid .bd-regiongrid__card {
	min-height: 120px;
}

/* ---- Fremhaevede kort (betalt placering, altid markeret) ---- */
.bd-card--featured {
	border-color: var(--accent);
	position: relative;
}
.bd-card__featflag {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	padding: 4px 12px;
	background: var(--accent);
	color: var(--paper);
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.bd-single__claim {
	font-size: 0.88rem;
}
.bd-single__claim a {
	color: var(--steel-2);
}

/* ---- Side-hero: ens foto-bånd på alle undersider ---- */
.bd-pagehero {
	position: relative;
	padding: 86px 0 64px;
	background-color: var(--ink);
	background-image: var(--bdh-hero-url, none);
	background-size: cover;
	background-position: center;
	color: var(--paper);
}
.bd-pagehero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 18, 32, 0.62), rgba(10, 18, 32, 0.85));
}
.bd-pagehero .container {
	position: relative;
}
.bd-pagehero .section-h2 {
	color: var(--paper);
}
.bd-pagehero .section-lead {
	color: var(--paper);
	opacity: 0.9;
}
.bd-pagehero .eyebrow {
	color: var(--paper);
	opacity: 0.85;
}

/* ---- Billeder skal ALTID fylde deres ramme (intet farvet fyld) ---- */
.content-split__media,
.intro-visual {
	aspect-ratio: 4 / 3;
}
.content-split__media img,
.intro-visual img,
.team-card__media img,
.series-card__media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
}

/* ---- Punkt-grids: centreret sidste række i stedet for 4+1-hop ---- */
.features__grid,
.stats__grid {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 22px;
}
.features__grid > * {
	flex: 1 1 240px;
	max-width: 330px;
}
.stats__grid > * {
	flex: 0 1 220px;
}

/* ---- Formularer: roligt, kompakt to-kolonne layout ---- */
.manids-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 16px;
	text-align: left;
}
.manids-form .form-row {
	margin: 0;
}
.manids-form .form-row:has(textarea),
.manids-form .form-row:has(input[type="email"]),
.manids-form .form-row:has(input[type="file"]) {
	grid-column: 1 / -1;
}
@media (max-width: 640px) {
	.manids-form { grid-template-columns: 1fr; }
}
.manids-form .form-label {
	display: block;
	margin-bottom: 5px;
	font-size: 0.92rem;
	font-weight: 600;
}
.manids-form input[type="text"],
.manids-form input[type="email"],
.manids-form input[type="tel"],
.manids-form input[type="date"],
.manids-form input[type="number"],
.manids-form select,
.manids-form textarea {
	width: 100%;
	min-height: 46px;
	padding: 9px 14px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-sm);
	background: var(--paper);
	color: var(--ink);
	font: inherit;
}
.manids-form textarea {
	min-height: 96px;
}
.manids-form .form-consent {
	grid-column: 1 / -1;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 2px 0 0;
	font-size: 0.88rem;
	line-height: 1.5;
	text-align: left;
}
.manids-form .form-consent input[type="checkbox"] {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 2px;
	accent-color: var(--accent);
}
.manids-form button[type="submit"],
.manids-form .btn {
	grid-column: 1 / -1;
	justify-self: start;
}
.leadform__formcard .manids-form button[type="submit"] {
	width: 100%;
}

/* ---- FAQ på værktøjssider (native details) ---- */
.bd-tfaq details {
	max-width: 760px;
	margin: 0 auto 10px;
	padding: 16px 22px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
}
.bd-tfaq summary {
	font-weight: 600;
	cursor: pointer;
}
.bd-tfaq details[open] summary {
	margin-bottom: 8px;
}
.bd-tfaq p {
	margin: 0;
	color: var(--steel);
	line-height: 1.6;
}

/* ---- Footer-rod og kolonner (eksplicit scope, dækkes ellers af base) ---- */
.bd-footer {
	background: var(--ink);
	color: var(--paper);
}
.bd-footer__col {
	min-width: 0;
}
.bd-footer__brand .site-footer__brand {
	font-size: 1.15rem;
}
.bd-footer__base {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* =============================================================================
   v2.2: visuel finpudsning efter live-gennemgang
   ============================================================================= */

/* By-introen ligger i side-heroen på arkiverne: skal være lys på fotoet. */
.bd-pagehero .bd-archive-intro {
	margin: 14px 0 0;
	color: var(--paper);
	opacity: 0.88;
	max-width: 680px;
}

/* Leadform-sektion: teksten skal stå fra toppen, ikke svæve midt for. */
.section--leadform .leadform__grid {
	align-items: flex-start;
}
.section--leadform .leadform__intro {
	padding-top: 18px;
}

/* Tal-sektionen: rolige kort i stedet for svævende søjler. */
.stats__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
	margin: 0;
	padding: 0;
	border-top: 0;
	list-style: none;
}
.stats__item {
	padding: 28px 26px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-left: 1px solid var(--line);
	border-radius: var(--r);
	box-shadow: var(--shadow);
	text-align: center;
}
.stats__item:first-child {
	padding-left: 26px;
	border-left: 1px solid var(--line);
}
.stats__label {
	display: block;
	margin-top: 6px;
	color: var(--steel-2);
}
@media (max-width: 820px) {
	.stats__grid { grid-template-columns: 1fr; }
}
.section.is-tone-ink .stats__item {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.18);
}

/* Formular-knappen: fuld bredde i kort, altid centreret tekst. */
.manids-form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.bd-ctabox__form .manids-form button[type="submit"] {
	width: 100%;
}
.manids-form .form-consent {
	align-items: center;
}
.manids-form .form-consent input[type="checkbox"] {
	margin-top: 0;
}

/* ---- Lokation først: prompt-bar over grids + afstands-label ---- */
.bd-geobar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin: 0 0 24px;
	padding: 14px 18px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: var(--r);
}
.bd-geobar__note {
	font-size: 0.85rem;
	color: var(--steel-2);
}
.bd-card__dist {
	color: var(--accent);
	letter-spacing: 0;
	text-transform: none;
	font-weight: 600;
}

/* CVR-tillidssignaler på kort (v5.1) */
.bd-badge--cvr {
	background: var(--color-surface, #f6f7f9);
	color: var(--color-heading, #1b2a4a);
	border: 1px solid var(--color-border, #e2e5ea);
}
.bd-card__kaede {
	display: inline-block;
	margin-top: 6px;
	font-size: 0.82rem;
	color: var(--color-primary, #c8881f);
	font-weight: 600;
}
.bd-card__facts {
	margin: 8px 0 0;
	font-size: 0.85rem;
	color: var(--color-muted, #6b7280);
}

/* Logo (favicon) som kort-medie når der ikke er foto (v5.2) */
.bd-card__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.bd-card__logo img {
	width: 64px;
	height: 64px;
	object-fit: contain;
	border-radius: 12px;
	background: var(--color-bg, #fff);
	padding: 8px;
	box-shadow: var(--shadow-card, 0 6px 20px rgba(0, 0, 0, 0.08));
}

/* Partner-dashboard: profilkort + profil-redigering (v6.5). */
.ms-dashboard__profilekort {
	margin: 0 0 24px;
	padding: 18px 20px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-sm);
	background: var(--paper);
}
.ms-dashboard__profilekort h3 { margin: 0 0 4px; }
.ms-dashboard__profilekort p { margin: 0 0 10px; }
.bd-profile-form { max-width: 640px; text-align: left; }
.bd-profile-form h4 {
	margin: 22px 0 8px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--line-2);
}
.bd-profile-form .manids-field {
	display: block;
	margin: 0 0 12px;
}
.bd-profile-form .manids-field > span {
	display: block;
	margin-bottom: 5px;
	font-size: 0.92rem;
	font-weight: 600;
}
.bd-profile-form input[type="text"],
.bd-profile-form input[type="email"],
.bd-profile-form input[type="tel"],
.bd-profile-form input[type="url"],
.bd-profile-form input[type="number"],
.bd-profile-form textarea {
	width: 100%;
	min-height: 46px;
	padding: 9px 14px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-sm);
	background: var(--paper);
	color: var(--ink);
	font: inherit;
}
.bd-profile-form textarea { min-height: 96px; }
.bd-profile-form__ydelser { list-style: none; margin: 0; padding: 0; }
.bd-profile-form__ydelser li {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 8px;
}
.bd-profile-form__ydelser input[type="number"] { width: 120px; min-height: 40px; }
.bd-profile-form .manids-check { display: block; margin: 0 0 14px; }
.bd-profile-form button { margin-top: 18px; }

/* Partner-portal: login + dashboard (v6.8). */
.ms-dashboard { max-width: 920px; margin: 0 auto; }

.ms-portal-login { max-width: 460px; margin: 24px auto 40px; }
.ms-portal-login__card {
	padding: 32px 30px;
	border: 1px solid var(--line-2);
	border-radius: 18px;
	background: var(--paper);
	box-shadow: 0 18px 50px rgba(13, 31, 61, 0.10);
}
.ms-portal-login__eyebrow,
.ms-portal__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--brand, #1b3a5b);
}
.ms-dot {
	width: 9px; height: 9px;
	border-radius: 999px;
	background: var(--accent, #c98a3a);
	display: inline-block;
}
.ms-portal-login__card h2 { margin: 12px 0 6px; font-size: 1.5rem; }
.ms-portal-login__sub { margin: 0 0 20px; color: var(--ink-2, #5a6675); font-size: 0.96rem; }
.ms-portal-login #loginform label {
	display: block;
	margin: 0 0 14px;
	font-size: 0.9rem;
	font-weight: 600;
}
.ms-portal-login #loginform input[type="text"],
.ms-portal-login #loginform input[type="password"] {
	width: 100%;
	min-height: 48px;
	margin-top: 6px;
	padding: 10px 14px;
	border: 1px solid var(--line-2);
	border-radius: 10px;
	background: var(--paper);
	color: var(--ink);
	font: inherit;
}
.ms-portal-login #loginform .login-remember { font-weight: 400; }
.ms-portal-login #loginform input[type="submit"] {
	width: 100%;
	min-height: 50px;
	margin-top: 8px;
	border: 0;
	border-radius: 999px;
	background: var(--brand, #1b3a5b);
	color: var(--paper);
	font-weight: 700;
	font-size: 1rem;
	cursor: pointer;
}
.ms-portal-login #loginform input[type="submit"]:hover { filter: brightness(1.08); }
.ms-portal-login__foot {
	display: flex; gap: 10px; flex-wrap: wrap;
	margin-top: 16px;
	font-size: 0.9rem;
}
.ms-portal-login__back { text-align: center; margin-top: 18px; }

.ms-portal__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin: 8px 0 20px;
}
.ms-portal__head h2 { margin: 8px 0 0; font-size: 1.7rem; }
.ms-portal__logout {
	flex: 0 0 auto;
	font-size: 0.9rem;
	font-weight: 600;
}
.ms-portal__stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin: 0 0 30px;
}
@media (max-width: 720px) {
	.ms-portal__stats { grid-template-columns: repeat(2, 1fr); }
}
.ms-portal__stat {
	padding: 16px 18px;
	border: 1px solid var(--line-2);
	border-radius: 14px;
	background: var(--paper);
}
.ms-portal__stat strong {
	display: block;
	font-size: 1.5rem;
	line-height: 1.1;
	color: var(--brand, #1b3a5b);
}
.ms-portal__stat span {
	display: block;
	margin-top: 4px;
	font-size: 0.82rem;
	color: var(--ink-2, #5a6675);
}
.ms-dashboard__profilekort {
	background: linear-gradient(135deg, rgba(27,58,91,0.04), rgba(201,138,58,0.06));
}

/* Pris-gennemsigtighed, statistik og anmeldelser (v6.10). */
.bd-single__price {
	margin: 28px 0;
	padding: 22px 24px;
	border: 1px solid var(--line-2);
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(27,58,91,0.04), rgba(201,138,58,0.05));
}
.bd-single__price h2 { margin: 0 0 8px; }
.bd-price__context { margin: 0 0 14px; color: var(--ink-2); }
.bd-price__list { list-style: none; margin: 0 0 12px; padding: 0; }
.bd-price__list li {
	display: flex; justify-content: space-between; gap: 12px;
	padding: 8px 0; border-bottom: 1px solid var(--line-2);
}
.bd-price__note { font-size: 0.9rem; color: var(--ink-2); margin: 8px 0 14px; }
.bd-price__cta { display: flex; gap: 10px; flex-wrap: wrap; }

.ms-portal__statistik { margin: 0 0 26px; }
.ms-portal__statistik h3 { margin: 0 0 12px; }
.ms-lead-invite { display: inline-block; margin-top: 6px; font-size: 0.85rem; font-weight: 600; }

.bd-single__reviews { margin: 28px 0; }
.bd-rev__agg { font-size: 1.1rem; margin: 0 0 16px; }
.bd-rev__agg strong { font-size: 1.4rem; color: var(--brand); }
.bd-rev__list { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 14px; }
.bd-rev__item {
	padding: 16px 18px;
	border: 1px solid var(--line-2);
	border-radius: 12px;
	background: var(--paper);
}
.bd-rev__top { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.bd-rev__badge {
	font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
	padding: 2px 8px; border-radius: 999px;
	background: rgba(21,115,71,0.12); color: rgb(21,115,71);
}
.bd-rev__text { margin: 0 0 8px; }
.bd-rev__author { margin: 0; font-size: 0.88rem; color: var(--ink-2); font-weight: 600; }
.bd-rev__form-wrap { margin-top: 10px; border: 1px solid var(--line-2); border-radius: 12px; padding: 12px 16px; }
.bd-rev__form-wrap summary { cursor: pointer; font-weight: 600; }
.bd-rev__form { display: grid; gap: 12px; margin-top: 14px; max-width: 520px; }
.bd-rev__field { display: block; }
.bd-rev__field > span { display: block; margin-bottom: 5px; font-weight: 600; font-size: 0.9rem; }
.bd-rev__form input[type="text"],
.bd-rev__form input[type="email"],
.bd-rev__form select,
.bd-rev__form textarea {
	width: 100%; min-height: 46px; padding: 9px 14px;
	border: 1px solid var(--line-2); border-radius: 10px;
	background: var(--paper); color: var(--ink); font: inherit;
}
.bd-rev__form textarea { min-height: 92px; }
.bd-rev__consent { display: flex; gap: 8px; align-items: flex-start; font-size: 0.9rem; }
.bd-rev__verified-note { color: rgb(21,115,71); font-weight: 600; font-size: 0.9rem; margin: 0; }

/* Find bedemand: to-kolonne layout med filter-sidebar (v6.11). */
.bd-layout {
	display: grid;
	grid-template-columns: 290px 1fr;
	gap: 32px;
	align-items: start;
}
@media (max-width: 980px) { .bd-layout { grid-template-columns: 1fr; } }
.bd-layout__filter {
	position: sticky;
	top: 90px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 22px 20px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--paper);
	box-shadow: var(--shadow);
}
@media (max-width: 980px) { .bd-layout__filter { position: static; } }
.bd-layout__filter-title { margin: 0; font-size: 1.05rem; }
.bd-layout__filter .bd-filter__row { flex-direction: column; gap: 12px; }
.bd-layout__filter .bd-filter__row input[type="search"],
.bd-layout__filter .bd-filter__row select {
	width: 100%;
	flex: none;
	min-height: 46px;
	border-radius: 10px;
}
.bd-layout__filter .btn { width: 100%; }
.bd-layout__filter .bd-filter__services {
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	margin: 4px 0 0;
}
.bd-layout__filter .bd-filter__services legend {
	float: none;
	margin-bottom: 4px;
	font-weight: 600;
	color: var(--ink);
}
.bd-layout__filter .bd-filter__chip {
	width: 100%;
	border-radius: 10px;
	justify-content: flex-start;
}
.bd-layout__results { min-width: 0; }
.bd-layout__results .bd-grid { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 640px) { .bd-layout__results .bd-grid { grid-template-columns: 1fr; } }

/* Pænere placeholder-kort uden foto: bevidst brandet panel, ikke tom flade (v6.12). */
.bd-card__media:has(.bd-card__initials) {
	background: linear-gradient(135deg, var(--ink), var(--steel));
}
.bd-card__media .bd-card__initials {
	width: 92px;
	height: 92px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.12);
	border: 1.5px solid rgba(255, 255, 255, 0.32);
	color: var(--paper);
	font-size: 1.7rem;
}
.bd-card__media:has(.bd-card__logo) {
	background: linear-gradient(135deg, var(--paper-2), var(--paper));
}

/* ===================== Verdensklasse-polish (v6.13) ===================== */

/* Kort: hover-løft, billed-zoom, konsistent højde */
.bd-card {
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.bd-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow);
	border-color: var(--line-2);
}
.bd-card__media img { transition: transform 0.45s ease; }
.bd-card:hover .bd-card__media img { transform: scale(1.05); }
.bd-card__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
}
.bd-card__facts { color: var(--steel-2); font-size: 0.85rem; margin: 0; }
.bd-card__kaede { font-size: 0.82rem; color: var(--steel-2); }
.bd-card__price { font-weight: 700; color: var(--ink); }
.bd-card__btn { min-height: 46px; padding: 11px 18px; font-size: 0.92rem; }
.bd-card__compare.is-active { border-color: var(--accent); color: var(--accent); }

/* Sammenlign-bjælke i bunden */
.bd-cmpbar {
	position: fixed;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 850;
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: 92vw;
	padding: 10px 12px 10px 20px;
	background: var(--ink);
	color: var(--paper);
	border-radius: 999px;
	box-shadow: 0 16px 44px rgba(14, 26, 43, 0.4);
}
.bd-cmpbar span {
	font-size: 0.9rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 44vw;
}
.bd-cmpbar__clear {
	background: rgba(255, 255, 255, 0.16);
	border: 0;
	color: var(--paper);
	width: 32px;
	height: 32px;
	border-radius: 999px;
	cursor: pointer;
	font-size: 1.1rem;
	line-height: 1;
}

/* Filter-sidebar: ryd-filtre */
.bd-filter__clear {
	display: inline-block;
	margin-top: 2px;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--accent);
	text-decoration: none;
}
.bd-filter__clear:hover { text-decoration: underline; }

/* Sticky kontakt-kort på profil (desktop) */
@media (min-width: 981px) {
	.bd-single__aside { position: sticky; top: 90px; }
}

/* Resultat-grid: en anelse strammere */
.bd-layout__results .bd-grid { gap: 20px; }

/* Single-profil uden foto: samme bevidste brandede panel som kortene (v6.13). */
.bd-single__media:has(.bd-single__initials) {
	background: linear-gradient(135deg, var(--ink), var(--steel));
}
.bd-single__media .bd-single__initials {
	width: 120px;
	height: 120px;
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.12);
	border: 1.5px solid rgba(255, 255, 255, 0.32);
	color: var(--paper);
	font-size: 2.2rem;
}
/* Profil-sektioner: lidt mere luft mellem, men strammere i bunden */
.bd-single__related { margin-top: 48px; }
.bd-single__reviews,
.bd-single__price,
.bd-single__faq,
.bd-single__guides { scroll-margin-top: 90px; }
/* ==== sections-map-footer.css ==== */
/* Map-sektion + footer-link-grid */
.map-section__head { max-width: 680px; margin-bottom: 24px; }
.map-section__frame { position: relative; aspect-ratio: 16 / 7; border-radius: var(--radius-lg, 18px); overflow: hidden; }
.map-section__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.footer-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 28px; padding: 48px 24px 8px; max-width: var(--container, 1160px); margin: 0 auto; }
.footer-links__title { display: block; margin-bottom: 12px; font-size: 0.95rem; color: var(--paper); }
.footer-links__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.footer-links__list a { color: rgba(255,255,255,0.82); text-decoration: none; font-size: 0.9rem; }
.footer-links__list a:hover { color: var(--paper); text-decoration: underline; }
/* ==== cookie.css ==== */
/* ==========================================================================
   Cookie-banner. Bruger temaets variabler.
   ========================================================================== */
.manids-cookie {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 1100;
	background: var(--paper);
	border: 1px solid var(--color-border, #e6e9ee);
	border-radius: var(--radius-md, 14px);
	box-shadow: var(--shadow-float, 0 8px 24px rgba(0, 0, 0, 0.18));
	max-width: 560px;
	margin: 0 auto;
}

.manids-cookie__inner { padding: 22px; }

.manids-cookie__title { margin: 0 0 8px; font-size: 1.1rem; }

.manids-cookie__text { margin: 0 0 16px; font-size: 0.92rem; color: var(--color-muted, #4b5563); }

.manids-cookie__actions { display: flex; flex-wrap: wrap; gap: 8px; }

.manids-cookie__actions .btn { min-height: 42px; padding: 8px 16px; font-size: 0.9rem; }

.manids-cookie__settings { margin: 0 0 14px; display: flex; flex-direction: column; gap: 8px; }

.manids-cookie__option { font-size: 0.9rem; display: flex; align-items: center; gap: 8px; }
/* ==== doedsannonce.css ==== */
/* Manids · Bedemandshjælp · Dødsannonce-designer + kort */
:root{--da-navy:#16263b;--da-okker:#b5895f;--da-line:#e6e9ee;--da-muted:#6b7785}
.bhj-da-wrap{min-height:100vh;background:#eef1f5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2733}
.bhj-da-wrap *{box-sizing:border-box}
.bhj-da-top{background:var(--da-navy);color:#fff;padding:15px 28px;display:flex;align-items:center;gap:16px}
.bhj-da-top .brand{font-family:Fraunces,Georgia,serif;font-size:20px;color:#fff}
.bhj-da-top .brand small{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--da-okker);font-weight:700}
.bhj-da-top a.back{margin-left:auto;color:#cdd7e3;text-decoration:none;font-size:14px}
.bhj-da-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1180px;margin:28px auto;padding:0 24px 60px}
.bhj-da-form{background:#fff;border-radius:16px;padding:26px;box-shadow:0 8px 24px rgba(16,32,52,.06);align-self:start}
.bhj-da-form h2{font-family:Fraunces,serif;margin:0 0 4px;font-size:22px}
.bhj-da-form .sub{color:var(--da-muted);font-size:14px;margin:0 0 20px}
.bhj-da-field{margin-bottom:16px}
.bhj-da-field label{display:block;font-size:13px;font-weight:600;color:#46525f;margin-bottom:6px}
.bhj-da-field input,.bhj-da-field textarea{width:100%;padding:11px 13px;border:1px solid var(--da-line);border-radius:10px;font-size:14px;font-family:inherit}
.bhj-da-field textarea{resize:vertical}
.bhj-da-field .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bhj-da-symbols{display:flex;gap:10px;flex-wrap:wrap}
.bhj-da-symbols button{width:52px;height:52px;border:1px solid var(--da-line);border-radius:12px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}
.bhj-da-symbols button svg{width:100%;height:100%}
.bhj-da-symbols button.sel{border-color:var(--da-navy);box-shadow:0 0 0 2px var(--da-navy)}
.bhj-da-hp{position:absolute;left:-9999px}
.bhj-da-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.btn-da{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 24px;font-weight:600;font-size:15px;border:0;cursor:pointer}
.btn-da.primary{background:var(--da-okker);color:#fff}.btn-da.primary:hover{background:#9c714a}
.btn-da.ghost{background:#fff;border:1px solid var(--da-line);color:#1d2733}
.bhj-da-hint{font-size:12.5px;color:var(--da-muted);margin-top:12px}
/* Preview wrap */
.bhj-da-previewwrap{position:sticky;top:28px;align-self:start}
.bhj-da-previewwrap .plabel{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--da-okker);margin:0 0 12px;text-align:center}
/* The obituary card (delt med single) */
.bhj-da-card{background:#fff;border:3px solid #111;padding:48px 42px;text-align:center;color:#111;font-family:Fraunces,"Times New Roman",Georgia,serif;max-width:540px;margin:0 auto;box-shadow:0 16px 44px rgba(0,0,0,.13)}
.bhj-da-symbol{height:48px;margin-bottom:20px;display:flex;justify-content:center}
.bhj-da-symbol svg{height:48px;width:auto}
.bhj-da-relation{font-size:20px;line-height:1.45;margin:0 0 20px;white-space:pre-line}
.bhj-da-name{font-size:42px;font-weight:700;margin:0 0 18px;letter-spacing:.5px}
.bhj-da-dates{font-size:21px;margin:0 0 20px;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.bhj-da-dates .sep{display:inline-block;width:40px}
.bhj-da-msg{font-size:20px;margin:0 0 20px;line-height:1.4}
.bhj-da-memorial{font-style:italic;font-size:20px;margin:0 0 24px}
.bhj-da-family{font-weight:700;font-size:20px;line-height:1.55;margin:0 0 24px;white-space:pre-line}
.bhj-da-funeral{font-size:19px;line-height:1.45;margin:0;white-space:pre-line}
.bhj-da-single{padding:40px 16px;background:#eef1f5}
@media print{
  body *{visibility:hidden!important}
  .bhj-da-single,.bhj-da-single *{visibility:visible!important}
  .bhj-da-single{position:absolute;left:0;top:0;width:100%;background:#fff;padding:0}
  .bhj-da-print-btn,.bhj-da-tak,.floating-cta,.sticky-cta,header,footer,#wpadminbar{display:none!important}
  .bhj-da-card{box-shadow:none!important}
}
/* Design-vælger */
.bhj-da-designs{display:flex;gap:10px;flex-wrap:wrap}
.bhj-da-designs button{padding:9px 16px;border:1px solid var(--da-line);border-radius:10px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;color:#1d2733}
.bhj-da-designs button.sel{border-color:var(--da-navy);box-shadow:0 0 0 2px var(--da-navy);background:var(--da-navy);color:#fff}
/* Design-varianter for kortet */
.bhj-da-card.da-moderne{font-family:Fraunces,Georgia,serif;border:3px solid #111}
.bhj-da-card.da-klassisk{font-family:"Times New Roman",Times,Georgia,serif;border:2px solid #111}
.bhj-da-card.da-klassisk .bhj-da-name{font-weight:700;letter-spacing:0}
.bhj-da-card.da-klassisk .bhj-da-relation,.bhj-da-card.da-klassisk .bhj-da-msg,.bhj-da-card.da-klassisk .bhj-da-funeral{font-size:19px}
.bhj-da-card.da-elegant{font-family:"Playfair Display",Georgia,serif;border:1px solid #111;padding-top:40px}
.bhj-da-card.da-elegant .bhj-da-name{font-weight:600;letter-spacing:1px}
.bhj-da-card.da-elegant .bhj-da-relation{letter-spacing:.04em}
.bhj-da-card.da-enkel{font-family:Inter,system-ui,sans-serif;border:1px solid #d8dde3;box-shadow:0 16px 44px rgba(0,0,0,.08)}
.bhj-da-card.da-enkel .bhj-da-name{font-weight:800;letter-spacing:-.5px}
.bhj-da-card.da-enkel .bhj-da-relation,.bhj-da-card.da-enkel .bhj-da-msg{font-size:18px;color:#46525f}
.bhj-da-attrib{margin:26px 0 0;padding-top:16px;border-top:1px solid #e6e9ee;font-family:Inter,sans-serif;font-size:13px;color:#6b7785}
.bhj-da-attrib a{color:#9c714a;text-decoration:none;font-weight:600}
/* Valg-trin */
.bhj-da-choice{display:grid;gap:18px}
.bhj-da-form{position:relative}
.bhj-da-flag{position:absolute;top:22px;right:22px;font-size:12px;font-weight:700;border-radius:999px;padding:4px 12px}
.bhj-da-flag.gratis{background:#e7f3ec;color:#2e7d5b}
.bhj-da-flag.pris{background:#fbf0e2;color:#9c714a}
.bhj-da-tak{max-width:540px;margin:0 auto 18px;background:#e7f3ec;border:1px solid #bfe0cd;color:#246a4c;border-radius:14px;padding:16px 18px;font-family:Inter,sans-serif;text-align:center}
@media(max-width:900px){.bhj-da-grid{grid-template-columns:1fr}.bhj-da-previewwrap{position:static;margin-top:8px}.bhj-da-card{padding:34px 24px}.bhj-da-name{font-size:34px}}

/* ==== inline design-system override (fra live <head>) ==== */
:root{
  --font-head:"Fraunces",Georgia,serif;
  --r:18px;--r-sm:12px;--r-lg:26px;
  --mp-surface:#f7f3ec;
  --accent:#a9805a;
  --accent-soft:#f1e7da;
  --mp-ink:#13243a;
  --shadow:0 10px 30px rgba(19,36,58,.08);
}
h1,h2,h3,.section-h2{letter-spacing:0}
.btn{border-radius:999px}
.content-split__media::after,.intro-visual::after,.team-card__media::after,.series-card__media::after,.room-card__media::after{display:none}
body.header-style-overlay .site-header::before{display:none}
body.header-style-glass .site-header::before{display:none}
body.header-style-glass .site-header__inner{border-radius:999px;background:rgba(14,26,43,.45);backdrop-filter:blur(14px)}
body.header-overlay .site-main > .bd-hero:first-child{margin-top:-92px;padding-top:180px}
body.header-style-glass .hero--compact{padding-top:175px;padding-bottom:80px;min-height:430px;display:flex;align-items:center}
.hero--compact .hero__overlay{background:linear-gradient(180deg,rgba(14,26,43,.45),rgba(14,26,43,.82))}
.hero--compact .hero__h1{font-size:clamp(2rem,4vw,3rem)}
.affiliate-disclosure:empty{display:none}
.site-header .site-title,.site-header__brand{white-space:nowrap}
.site-nav>ul>li>a{white-space:nowrap}
.section--final-cta .final-cta-inner{max-width:720px;margin-inline:auto;text-align:center}
.section--final-cta .final-cta-buttons{justify-content:center}
.trustbar__list{flex-wrap:nowrap;justify-content:center}
@media (max-width:980px){.trustbar__list{flex-wrap:wrap}}
.floating-cta,.floating-cta__phone,.floating-cta__mail,.sticky-cta__btn{border-radius:999px}
.floating-cta__phone,.floating-cta__mail{box-shadow:var(--shadow)}
:root{--bdh-hero-url:url(/theme/uploads/hero.jpg)}

/* mørk fallback-baggrund på heroer (undgå hvid-på-hvid flash før billede loader) */
.bd-hero,.bd-pagehero,.hero,.hero--compact{background-color:#13243a}
.bd-hero__inner,.bd-pagehero .section-header,.hero__inner{position:relative;z-index:2}

/* ===== MANIDS-SUBHERO-SEARCH (undersiders hero fylder op + find-bedemand søgebar) ===== */
body.header-overlay .site-main > .breadcrumb:first-child{position:relative;z-index:6;margin:0;padding-top:100px;padding-bottom:6px;background:transparent}
body.header-overlay .site-main > .breadcrumb:first-child a,
body.header-overlay .site-main > .breadcrumb:first-child span{color:rgba(255,255,255,.9)}
body.header-overlay .site-main > .breadcrumb:first-child + .bd-pagehero,
body.header-overlay .site-main > .breadcrumb:first-child + .hero,
body.header-overlay .site-main > .breadcrumb:first-child + .hero--compact{margin-top:-134px;padding-top:150px}
.bd-pagehero,.hero{background-size:cover;background-position:center}

.bd-searchbar{display:flex;gap:10px;flex-wrap:wrap;max-width:720px;margin:22px auto 0;align-items:stretch}
.bd-searchbar__field{display:flex;align-items:center;gap:10px;flex:1 1 220px;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:0 18px;min-height:56px;box-shadow:0 12px 34px rgba(14,26,43,.20)}
.bd-searchbar__field svg{color:#a9805a;flex:none}
.bd-searchbar__field input,.bd-searchbar__field select{border:0;outline:0;background:transparent;font:inherit;font-size:1rem;color:#13243a;width:100%;min-width:0;padding:0;appearance:none;-webkit-appearance:none}
.bd-searchbar__field input{cursor:text}
.bd-searchbar__field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%2356657a' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;padding-right:20px}
.bd-searchbar__btn{flex:0 0 auto;min-height:56px;padding:0 30px;white-space:nowrap;font-size:1rem}
@media (max-width:640px){.bd-searchbar__field,.bd-searchbar__btn{flex:1 1 100%}}

/* ===== MANIDS-DASH (admin + forhandler dashboard) ===== */
.dash{background:#f7f3ec;min-height:100vh}
.dash-wrap{max-width:1180px;margin:0 auto;padding:118px 24px 80px}
.dash-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.dash-top h1{margin:.15em 0 0;font-family:Fraunces,serif;font-size:clamp(1.8rem,3vw,2.6rem);color:#13243a;line-height:1.05}
.dash-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#a9805a}
.dash-eyebrow .dot{width:8px;height:8px;border-radius:99px;background:#c4671b;display:inline-block}
.dash-eyebrow--light{color:rgba(255,255,255,.85)}
.dash-eyebrow--light .dot{background:#e5a463}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}
.kpi{background:#fff;border:1px solid #ece6db;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 20px rgba(19,36,58,.05)}
.kpi__label{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:#8a7a63;font-weight:700}
.kpi__value{font-size:1.9rem;font-weight:700;color:#13243a;font-family:Fraunces,serif;line-height:1}
.kpi__sub{font-size:.8rem;color:#56657a}
.dash-cols{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;align-items:start}
@media(max-width:900px){.dash-cols{grid-template-columns:1fr}}
.dash-card{background:#fff;border:1px solid #ece6db;border-radius:20px;padding:22px;box-shadow:0 6px 20px rgba(19,36,58,.05);margin-bottom:18px}
.dash-card h2,.dash-card h3{margin:0 0 14px;font-family:Fraunces,serif;color:#13243a;font-size:1.15rem}
.dash-charts{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:640px){.dash-charts{grid-template-columns:1fr}}
.dash-chart__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:.76rem;color:#8a7a63;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.dash-chart__head b{font-size:1.5rem;color:#13243a;font-family:Fraunces,serif}
.dash-bars{display:flex;align-items:flex-end;gap:4px;height:88px}
.dash-bars__col{flex:1;display:flex;align-items:flex-end;height:100%}
.dash-bars__bar{width:100%;min-height:3px;border-radius:4px 4px 0 0;display:block}
.dash-bars__axis{display:flex;justify-content:space-between;font-size:.68rem;color:#b3a794;margin-top:6px}
.dash-prog{margin:11px 0}
.dash-prog__top{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:5px;color:#13243a}
.dash-prog__track{height:8px;background:#efe8dc;border-radius:99px;overflow:hidden}
.dash-prog__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#c4671b,#a9805a);display:block}
.dash-table{width:100%;border-collapse:collapse;font-size:.9rem}
.dash-table td,.dash-table th{padding:9px 8px;border-bottom:1px solid #f0eadf;text-align:left;vertical-align:top}
.dash-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:#8a7a63;font-weight:700}
.dash-badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:700}
.dash-badge--new{background:#fde8d3;color:#a4470b}
.dash-badge--ok{background:#dcf0e4;color:#1c7a45}
.dash-badge--wait{background:#eef1f5;color:#56657a}
.dash-check{list-style:none;padding:0;margin:0}
.dash-check li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f5f0e6;font-size:.92rem}
.dash-check li:last-child{border-bottom:0}
.dash-check__dot{flex:none;width:20px;height:20px;border-radius:99px;display:grid;place-items:center;font-size:12px;font-weight:700;margin-top:1px}
.dash-check__dot--ok{background:#dcf0e4;color:#1c7a45}
.dash-check__dot--no{background:#fbe0e0;color:#b23b3b}
.dash-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.dash-inline-form{display:inline}
.dash-mini-btn{border:1px solid #e0d8c9;background:#fff;border-radius:99px;padding:6px 14px;font-size:.82rem;cursor:pointer;font-weight:600;color:#13243a;text-decoration:none;display:inline-block;line-height:1.4}
.dash-mini-btn--ok{background:#1c7a45;color:#fff;border-color:#1c7a45}
.dash-mini-btn--no{color:#b23b3b;border-color:#f0d2d2}
.dash-mini-btn--light{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.3)}
.dash-hero{background:linear-gradient(135deg,#13243a,#26456a);color:#fff;border-radius:24px;padding:30px 32px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.dash-hero h1{color:#fff;margin:.15em 0 .1em;font-family:Fraunces,serif;font-size:clamp(1.7rem,3vw,2.4rem)}
.dash-hero p{margin:0;color:rgba(255,255,255,.82)}

/* ===== MANIDS-MEM (mindesider) ===== */
body.header-overlay .site-main > .breadcrumb:first-child + .mem-hero{margin-top:-134px;padding-top:150px}
.mem-form-wrap{max-width:680px;margin:0 auto}
.mem-form{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #ece6db;border-radius:22px;padding:28px;box-shadow:0 8px 26px rgba(19,36,58,.06)}
.mem-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.mem-row{grid-template-columns:1fr}}
.mem-field{display:flex;flex-direction:column;gap:6px;position:relative}
.mem-field>span{font-weight:600;color:#13243a;font-size:.9rem}
.mem-field>span b{color:#c4671b}
.mem-field input,.mem-field textarea{border:1px solid #e0d8c9;border-radius:12px;padding:11px 14px;font:inherit;color:#13243a;background:#fdfcf9}
.mem-field textarea{resize:vertical}
.mem-field small{color:#8a7a63;font-size:.78rem}
.mem-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.mem-consent{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:#56657a}
.mem-consent input{margin-top:3px}
.mem-note{font-size:.8rem;color:#8a7a63;margin:0}
.mem-alert{background:#fbe6e6;border:1px solid #f0caca;color:#a4342f;padding:12px 16px;border-radius:12px}
.mem-ok{background:#dcf0e4;border:1px solid #bfe3cd;color:#1c7a45;padding:12px 16px;border-radius:12px}
.mem-muted{color:#8a7a63}
.mem-hero{position:relative;background-size:cover;background-position:center;color:#fff;text-align:center;padding:150px 20px 70px;background-color:#13243a}
.mem-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,26,43,.6),rgba(14,26,43,.82))}
.mem-hero__inner{position:relative;z-index:2}
.mem-hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:rgba(255,255,255,.75)}
.mem-hero__name{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.1rem);margin:.2em 0 .1em;color:#fff}
.mem-hero__years{font-size:1.1rem;color:rgba(255,255,255,.85);margin:0}
.mem-hero__city{color:rgba(255,255,255,.7);margin:.3em 0 0}
.mem-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:start}
@media(max-width:880px){.mem-layout{grid-template-columns:1fr}}
.mem-photo{width:100%;max-height:420px;object-fit:cover;border-radius:18px;margin-bottom:22px}
.mem-words p{font-size:1.08rem;line-height:1.75;color:#2c3a4c;margin:0 0 1em}
.mem-greetings{margin-top:36px;border-top:1px solid #ece6db;padding-top:24px}
.mem-greetings h2{font-family:Fraunces,serif;color:#13243a}
.mem-greeting-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:14px}
.mem-greeting{background:#faf7f1;border:1px solid #efe8dc;border-radius:14px;padding:16px 18px}
.mem-greeting__msg{margin:0 0 6px;color:#2c3a4c;line-height:1.6}
.mem-greeting__meta{margin:0;font-size:.82rem;color:#8a7a63}
.mem-card{background:#fff;border:1px solid #ece6db;border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(19,36,58,.05);margin-bottom:18px}
.mem-card h3{margin:0 0 14px;font-family:Fraunces,serif;color:#13243a}
.mem-card form{display:flex;flex-direction:column;gap:12px}
.mem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.mem-tile{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #ece6db;border-radius:18px;padding:22px;text-decoration:none;box-shadow:0 6px 20px rgba(19,36,58,.05);transition:transform .15s,box-shadow .15s}
.mem-tile:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(19,36,58,.1)}
.mem-tile__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:#a9805a}
.mem-tile__name{font-family:Fraunces,serif;font-size:1.35rem;color:#13243a;line-height:1.2}
.mem-tile__years{color:#56657a}
.mem-tile__city{color:#8a7a63;font-size:.9rem}
.mem-tile__foot{margin-top:10px;font-size:.8rem;color:#a9805a;font-weight:600}

/* ===== MANIDS-DOEDS (dødsannonce-værktøj) ===== */
.dgen-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
@media(max-width:820px){.dgen-grid{grid-template-columns:1fr}}
.dgen-form{display:flex;flex-direction:column;gap:14px}
.dgen-form input,.dgen-form textarea,.dgen-form select{border:1px solid #e0d8c9;border-radius:12px;padding:11px 14px;font:inherit;color:#13243a;background:#fdfcf9;width:100%}
.dgen-preview{position:sticky;top:100px}
.dgen-paper{background:#fff;border:1px solid #e6ddcb;border-radius:14px;box-shadow:0 10px 30px rgba(19,36,58,.08);padding:34px 30px;min-height:280px}
.dgen-paper pre{font-family:Fraunces,Georgia,serif;font-size:1.02rem;line-height:1.7;color:#1f2b3a;white-space:pre-wrap;text-align:center;margin:0}
.dgen-copy{margin-top:16px}
.dgen-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px;font-size:1.02rem;color:#2c3a4c;line-height:1.6}
.dgen-steps li b{color:#13243a}
.dgen-links{display:flex;flex-wrap:wrap;gap:12px}
.dgen-links a{background:#fff;border:1px solid #ece6db;border-radius:99px;padding:10px 18px;text-decoration:none;color:#13243a;font-weight:600;font-size:.92rem;box-shadow:0 4px 14px rgba(19,36,58,.05)}
.dgen-links a:hover{border-color:#c4671b;color:#c4671b}
.doeds-region{margin-bottom:26px}
.doeds-region__title{font-family:Fraunces,serif;color:#13243a;border-bottom:1px solid #ece6db;padding-bottom:8px;margin:0 0 14px}
.doeds-cities{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 18px}
.doeds-cities a{color:#3a4a5e;text-decoration:none;font-size:.94rem;padding:3px 0}
.doeds-cities a:hover{color:#c4671b}

/* ===== MANIDS-TOOLS (værktøjs-hub, guides-hub, prisestimator v2) ===== */
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.tool-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #ece6db;border-radius:20px;padding:24px;text-decoration:none;box-shadow:0 6px 20px rgba(19,36,58,.05);transition:transform .15s,box-shadow .15s,border-color .15s}
.tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(19,36,58,.1);border-color:#e6cdb0}
.tool-card__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#fdeede,#f7e0c8);color:#c4671b}
.tool-card__title{font-family:Fraunces,serif;font-size:1.2rem;color:#13243a;line-height:1.2}
.tool-card__desc{color:#56657a;font-size:.92rem;line-height:1.55;flex:1}
.tool-card__cta{color:#c4671b;font-weight:700;font-size:.9rem}
.guide-group{margin-bottom:40px}
.guide-group__head{margin-bottom:18px}
.guide-group__intro{color:#56657a;margin:.3em 0 0}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.guide-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #ece6db;border-radius:18px;padding:22px;text-decoration:none;box-shadow:0 5px 18px rgba(19,36,58,.05);transition:transform .15s,box-shadow .15s}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(19,36,58,.1)}
.guide-card__title{font-family:Fraunces,serif;font-size:1.12rem;color:#13243a;line-height:1.25}
.guide-card__desc{color:#56657a;font-size:.9rem;line-height:1.5;flex:1}
.guide-card__cta{color:#c4671b;font-weight:700;font-size:.86rem}
.guide-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#faf7f1;border:1px solid #ece6db;border-radius:20px;padding:26px 30px;margin-top:10px}
.est2{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}
@media(max-width:840px){.est2{grid-template-columns:1fr}}
.est2-block{margin-bottom:24px}
.est2-label{display:block;font-weight:700;color:#13243a;margin-bottom:12px;font-size:1rem}
.est2-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.est2-types{grid-template-columns:1fr}}
.est2-type{display:flex;flex-direction:column;gap:3px;text-align:left;background:#fff;border:1.5px solid #e6ddcb;border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit;color:#13243a;transition:border-color .15s,background .15s}
.est2-type:hover{border-color:#d9b48c}
.est2-type.is-active{border-color:#c4671b;background:#fff8f0;box-shadow:0 0 0 3px rgba(196,103,27,.12)}
.est2-type>span:first-child{font-weight:600}
.est2-type__price{font-size:.82rem;color:#8a7a63}
.est2-addons{display:flex;flex-direction:column;gap:8px}
.est2-addon{display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid #e6ddcb;border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s;position:relative}
.est2-addon.is-on{border-color:#c4671b;background:#fff8f0}
.est2-addon input{position:absolute;opacity:0;width:0;height:0}
.est2-addon__box{width:22px;height:22px;border-radius:7px;border:1.5px solid #d9cdb8;display:grid;place-items:center;color:transparent;font-size:14px;font-weight:800;flex:none}
.est2-addon.is-on .est2-addon__box{background:#c4671b;border-color:#c4671b;color:#fff}
.est2-addon__label{flex:1;color:#13243a}
.est2-addon__price{color:#8a7a63;font-size:.88rem;font-weight:600}
.est2-result{position:sticky;top:100px;background:linear-gradient(150deg,#13243a,#26456a);color:#fff;border-radius:22px;padding:28px;box-shadow:0 16px 40px rgba(19,36,58,.22)}
.est2-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:rgba(255,255,255,.7)}
.est2-total{font-family:Fraunces,serif;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:700;margin:6px 0 18px;line-height:1.1}
.est2-total span{opacity:.7}
.est2-break{background:rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;margin-bottom:16px}
.est2-break__row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:.92rem;color:rgba(255,255,255,.85)}
.est2-break__row--add{color:rgba(255,255,255,.7)}
.est2-break__row--sum{border-top:1px solid rgba(255,255,255,.16);margin-top:6px;padding-top:10px;font-weight:700;color:#fff}
.est2-hint{background:rgba(229,164,99,.16);border:1px solid rgba(229,164,99,.35);border-radius:12px;padding:11px 14px;font-size:.88rem;color:#ffe9d2;margin-bottom:18px}
.est2-cta{width:100%;justify-content:center;display:flex}
.est2-note{font-size:.8rem;color:rgba(255,255,255,.65);margin:12px 0 0}
.est2-note a{color:#ffd8b0}

/* ===== MANIDS-QA-V10 (undersiders hero-overlap via :has, footer CTA-clearance) ===== */
body.header-overlay .site-main > .breadcrumb:has(+ .bd-pagehero),
body.header-overlay .site-main > .breadcrumb:has(+ .hero),
body.header-overlay .site-main > .breadcrumb:has(+ .hero--compact),
body.header-overlay .site-main > .breadcrumb:has(+ .mem-hero){position:relative;z-index:6;margin:0;padding-top:100px;padding-bottom:6px;background:transparent}
body.header-overlay .site-main > .breadcrumb:has(+ .bd-pagehero) a,body.header-overlay .site-main > .breadcrumb:has(+ .bd-pagehero) span,
body.header-overlay .site-main > .breadcrumb:has(+ .hero) a,body.header-overlay .site-main > .breadcrumb:has(+ .hero) span,
body.header-overlay .site-main > .breadcrumb:has(+ .hero--compact) a,body.header-overlay .site-main > .breadcrumb:has(+ .hero--compact) span,
body.header-overlay .site-main > .breadcrumb:has(+ .mem-hero) a,body.header-overlay .site-main > .breadcrumb:has(+ .mem-hero) span{color:rgba(255,255,255,.9)}
body.header-overlay .site-main > .breadcrumb + .bd-pagehero,
body.header-overlay .site-main > .breadcrumb + .hero,
body.header-overlay .site-main > .breadcrumb + .hero--compact,
body.header-overlay .site-main > .breadcrumb + .mem-hero{margin-top:-134px;padding-top:150px}
@media(min-width:761px){.bd-footer__base{padding-bottom:96px}}

/* ===== MANIDS-V2 (fælles hero, trin, final-cta, profil-sektioner) ===== */
/* --- PageHero: fylder op bag headeren, brødkrumme inde i hero, ingen stribe --- */
.pagehero{position:relative;margin-top:-92px;padding:150px 0 66px;background:#12233a;color:#fff;overflow:hidden}
.pagehero__bg{position:absolute;inset:0;background:url(/theme/uploads/hero.jpg) center/cover;opacity:.42}
.pagehero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,23,40,.72),rgba(12,23,40,.9))}
.pagehero__inner{position:relative;z-index:2}
.pagehero--center .pagehero__inner{text-align:center}
.pagehero--center .pagehero__lead{margin-left:auto;margin-right:auto}
.pagehero--lg{padding-top:158px;padding-bottom:88px}
.pagehero--sm{padding-bottom:50px}
.pagehero__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;margin-bottom:20px}
.pagehero--center .pagehero__crumbs{justify-content:center}
.pagehero__crumbs a{color:rgba(255,255,255,.78);text-decoration:none}
.pagehero__crumbs a:hover{color:#fff;text-decoration:underline}
.pagehero__sep{color:rgba(255,255,255,.4)}
.pagehero__cur{color:rgba(255,255,255,.6)}
.pagehero__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#e5a869}
.pagehero__dot{width:8px;height:8px;border-radius:99px;background:#c4671b;display:inline-block}
.pagehero__title{font-family:Fraunces,serif;font-weight:600;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;margin:.35em 0 .28em;color:#fff}
.pagehero__lead{font-size:1.12rem;line-height:1.6;color:rgba(255,255,255,.86);max-width:660px;margin:0}
.pagehero__extra{margin-top:24px}
.pagehero .btn-primary{background:#c4671b;border-color:#c4671b;color:#fff}
.pagehero .btn-primary:hover{background:#a9560f;border-color:#a9560f}
.pagehero .btn-outline,.pagehero .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.pagehero .btn-outline:hover,.pagehero .btn-secondary:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.pagehero .btn-light{background:#fff;color:#12233a}
/* neutralisér gammel brødkrumme-stribe hvor den stadig måtte forekomme */
body.header-overlay .site-main > .breadcrumb:has(+ .bd-pagehero),
body.header-overlay .site-main > .breadcrumb:has(+ .hero),
body.header-overlay .site-main > .breadcrumb:has(+ .mem-hero),
body.header-overlay .site-main > .breadcrumb:has(+ .hero--compact){border-bottom:0!important;background:transparent!important}

/* --- Steps: altid på én linje på desktop, ingen enlig 5'er der hopper ned --- */
.steps-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));gap:26px 30px;position:relative}
.steps-row__item{position:relative;display:flex;flex-direction:column;gap:8px}
.steps-row__num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-family:Fraunces,serif;font-size:1.2rem;font-weight:600;background:#fff;color:#12233a;border:1px solid #e6ddcb;box-shadow:0 6px 18px rgba(19,36,58,.08);position:relative;z-index:1}
.steps-row--dark .steps-row__num{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25);box-shadow:none}
.steps-row__item:not(:last-child)::after{content:"";position:absolute;top:22px;left:52px;right:-30px;height:2px;background:linear-gradient(90deg,#e3d7c1,rgba(227,215,193,.15));z-index:0}
.steps-row--dark .steps-row__item:not(:last-child)::after{background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,0))}
.steps-row__title{font-family:Fraunces,serif;font-size:1.08rem;color:#12233a}
.steps-row--dark .steps-row__title{color:#fff}
.steps-row__text{font-size:.94rem;line-height:1.55;color:#56657a}
.steps-row--dark .steps-row__text{color:rgba(255,255,255,.72)}
@media(max-width:860px){.steps-row{grid-template-columns:1fr 1fr!important}.steps-row__item::after{display:none}}
@media(max-width:520px){.steps-row{grid-template-columns:1fr!important}}

/* --- Final CTA band (ingen side rammer footeren brat) --- */
.final-band{position:relative;background:linear-gradient(135deg,#12233a,#274a70);color:#fff;padding:74px 0;text-align:center}
.final-band__inner{max-width:720px;margin:0 auto}
.final-band__eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.8);justify-content:center}
.final-band__dot{width:8px;height:8px;border-radius:99px;background:#e5a869;display:inline-block}
.final-band__title{font-family:Fraunces,serif;font-weight:600;font-size:clamp(1.8rem,3.4vw,2.6rem);margin:.4em 0 .28em;color:#fff}
.final-band__text{font-size:1.08rem;line-height:1.6;color:rgba(255,255,255,.85);margin:0 auto 26px}
.final-band__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.final-band .btn-light{background:#fff;color:#12233a}
.final-band .btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.final-band .btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}

/* --- Profil: chips, sektioner, pris, anmeldelser, relaterede --- */
.bd-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.bd-chips li{display:inline-flex;align-items:center;gap:7px;background:#faf6ef;border:1px solid #ece3d3;border-radius:999px;padding:8px 15px;font-size:.92rem;color:#2c3a4c}
.bd-chips li::before{content:"✓";color:#1c7a45;font-weight:700;font-size:.85rem}
.prof-section{margin-bottom:36px}
.prof-section > h2{font-family:Fraunces,serif;color:#12233a;font-size:1.5rem;margin:0 0 14px}
.prof-lead{color:#3a4a5e;font-size:1.05rem;line-height:1.7}
.prof-priceblock{display:flex;gap:18px;flex-wrap:wrap;background:#faf6ef;border:1px solid #ece3d3;border-radius:16px;padding:20px 22px;align-items:center;justify-content:space-between}
.prof-priceblock__num{font-family:Fraunces,serif;font-size:1.6rem;color:#12233a;font-weight:600}
.prof-rating-big{display:flex;align-items:center;gap:18px;background:#12233a;color:#fff;border-radius:16px;padding:20px 24px;margin-bottom:16px}
.prof-rating-big__score{font-family:Fraunces,serif;font-size:2.6rem;font-weight:600;line-height:1}
.prof-rating-big__stars{color:#e5a869;font-size:1.05rem}
.prof-rating-big__sub{color:rgba(255,255,255,.75);font-size:.9rem}
.prof-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.prof-guides{display:flex;flex-wrap:wrap;gap:10px}
.prof-guides a{background:#fff;border:1px solid #ece3d3;border-radius:999px;padding:9px 16px;text-decoration:none;color:#12233a;font-weight:600;font-size:.9rem}
.prof-guides a:hover{border-color:#c4671b;color:#c4671b}

/* --- Profil-hero (mørk, fylder op, skjuler ingen data-huller) --- */
.prof-hero{position:relative;margin-top:-92px;padding:150px 0 54px;background:#12233a;color:#fff;overflow:hidden}
.prof-hero__bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.3}
.prof-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,23,40,.82),rgba(12,23,40,.92))}
.prof-hero__inner{position:relative;z-index:2}
.prof-hero__grid{display:grid;grid-template-columns:1.5fr .9fr;gap:36px;align-items:center;margin-top:10px}
@media(max-width:820px){.prof-hero__grid{grid-template-columns:1fr}}
.prof-hero__title{font-family:Fraunces,serif;font-weight:600;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.06;margin:.3em 0 .35em;color:#fff}
.prof-hero__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}
.prof-hero__badge{background:rgba(28,122,69,.9);color:#fff;border-radius:999px;padding:5px 13px;font-size:.82rem;font-weight:700}
.prof-hero__rating{color:#e5a869;font-weight:700}
.prof-hero__since{color:rgba(255,255,255,.7);font-size:.9rem}
.prof-hero__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 22px}
.prof-hero__tags li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 13px;font-size:.85rem;color:rgba(255,255,255,.9)}
.prof-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.prof-hero__actions .btn-primary{background:#c4671b;border-color:#c4671b;color:#fff}
.prof-hero__actions .btn-primary:hover{background:#a9560f;border-color:#a9560f}
.prof-hero__actions .btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.prof-hero__actions .btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.prof-hero__card{border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35);background:rgba(255,255,255,.06);min-height:240px;display:grid;place-items:center}
.prof-hero__card img{width:100%;height:280px;object-fit:cover;display:block}
.prof-hero__initials{font-family:Fraunces,serif;font-size:4rem;color:rgba(255,255,255,.55)}
@media(max-width:820px){.prof-hero__card img{height:220px}}
.bd-single__trust{font-size:.82rem;color:#8a7a63;margin:12px 0 0;text-align:center}

/* ===== MANIDS-V2B (snapshot-sider, generator-papir, guides-variation) ===== */
.snap .breadcrumb{border-bottom:0!important;background:transparent!important}
.snap .hero .btn-outline,.snap .hero--compact .btn-outline,.snap .bd-pagehero .btn-outline{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.snap .hero .btn-primary,.snap .hero--compact .btn-primary{background:#c4671b!important;border-color:#c4671b!important;color:#fff!important}
.dgen-paper{position:relative}
.dgen-paper::before{content:"";position:absolute;inset:10px;border:1px solid #e3d8c4;border-radius:8px;pointer-events:none}
.dgen-paper__mark{display:block;text-align:center;color:#b98a4b;margin-bottom:4px;position:relative;z-index:1}
.dgen-actions{display:flex;gap:10px;margin-top:16px}
.guide-group__head{border-left:4px solid #e5c9a6;padding-left:14px}
.guide-group:nth-child(2) .guide-group__head{border-color:#bfe3cd}
.guide-group:nth-child(3) .guide-group__head{border-color:#bcd6ea}
.guide-group:nth-child(4) .guide-group__head{border-color:#ecd0b4}
.guide-group:nth-child(1) .guide-card__cta{color:#c4671b}
.guide-group:nth-child(2) .guide-card__cta{color:#1c7a45}
.guide-group:nth-child(3) .guide-card__cta{color:#2b6a9c}
.guide-group:nth-child(4) .guide-card__cta{color:#9c5b2b}

/* ===== MANIDS-V2C (snapshot-hero fylder op som de dedikerede sider) ===== */
body.header-overlay .site-main > .snap{margin-top:-92px}
body.header-overlay .site-main > .snap > .breadcrumb:first-child{position:relative;z-index:6;margin:0;padding-top:100px;padding-bottom:6px;background:transparent!important;border-bottom:0!important}
body.header-overlay .site-main > .snap > .breadcrumb:first-child a,
body.header-overlay .site-main > .snap > .breadcrumb:first-child span{color:rgba(255,255,255,.9)!important}
body.header-overlay .site-main > .snap > .breadcrumb:first-child + .bd-pagehero,
body.header-overlay .site-main > .snap > .breadcrumb:first-child + .hero,
body.header-overlay .site-main > .snap > .breadcrumb:first-child + .hero--compact{margin-top:-134px!important;padding-top:150px!important}
.snap .bd-pagehero .btn-secondary,.snap .hero .btn-secondary,.snap .hero--compact .btn-secondary,
.snap .bd-pagehero .btn-outline,.snap .hero .btn-outline,.snap .hero--compact .btn-outline{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important}
.snap .bd-pagehero .btn-primary,.snap .hero .btn-primary,.snap .hero--compact .btn-primary{background:#c4671b!important;border-color:#c4671b!important;color:#fff!important}

/* ===== MANIDS-V3 (animeret trin-kæde, lead-modal+popup, symboler, sammenligning, gated tjekliste) ===== */
/* Trin-kæde */
.steps-chain{list-style:none;margin:0;padding:4px 0 14px;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.steps-chain__item{position:relative;flex:0 0 clamp(210px,23%,272px);scroll-snap-align:start;padding:0 30px 0 0;display:flex;flex-direction:column;gap:9px;opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease;transition-delay:calc(var(--i,0)*90ms)}
.steps-chain.is-in .steps-chain__item{opacity:1;transform:none}
.steps-chain__num{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-family:Fraunces,serif;font-size:1.25rem;font-weight:600;background:#fff;color:#12233a;border:1px solid #e6ddcb;box-shadow:0 6px 18px rgba(19,36,58,.08);position:relative;z-index:1}
.steps-chain__item:not(:last-child)::after{content:"";position:absolute;top:23px;left:54px;right:4px;height:2px;background:linear-gradient(90deg,#dcc9a8,rgba(220,201,168,.15));z-index:0}
.steps-chain__title{font-family:Fraunces,serif;font-size:1.1rem;color:#12233a}
.steps-chain__text{font-size:.94rem;line-height:1.55;color:#56657a}
.steps-chain--dark .steps-chain__num{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25);box-shadow:none}
.steps-chain--dark .steps-chain__title{color:#fff}.steps-chain--dark .steps-chain__text{color:rgba(255,255,255,.72)}
.steps-chain::-webkit-scrollbar{height:6px}.steps-chain::-webkit-scrollbar-thumb{background:#e0d6c4;border-radius:99px}
@media(max-width:760px){
 .steps-chain{flex-direction:column;overflow:visible;gap:0}
 .steps-chain__item{flex:auto;padding:0 0 24px 62px}
 .steps-chain__num{position:absolute;left:0;top:0}
 .steps-chain__item:not(:last-child)::after{top:46px;left:22px;bottom:-2px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#dcc9a8,rgba(220,201,168,.15))}
}
/* Lead-modal */
.lead-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.lead-modal__backdrop{position:absolute;inset:0;background:rgba(12,23,40,.55);backdrop-filter:blur(3px)}
.lead-modal__card{position:relative;background:#fff;border-radius:22px;max-width:480px;width:100%;padding:30px 30px 26px;box-shadow:0 30px 80px rgba(0,0,0,.35);max-height:92vh;overflow:auto;animation:leadIn .25s ease}
@keyframes leadIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.lead-modal__close{position:absolute;top:12px;right:14px;border:0;background:transparent;font-size:28px;line-height:1;color:#8a7a63;cursor:pointer}
.lead-modal__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#a9805a}
.lead-modal__dot{width:8px;height:8px;border-radius:99px;background:#c4671b}
.lead-modal__title{font-family:Fraunces,serif;font-size:1.5rem;color:#12233a;margin:.35em 0 .25em}
.lead-modal__lead{color:#56657a;margin:0 0 16px;font-size:.96rem;line-height:1.55}
.lead-form2{display:flex;flex-direction:column;gap:12px}
.lead-hp{position:absolute;left:-9999px}
.lf2{display:flex;flex-direction:column;gap:5px}
.lf2>span{font-size:.85rem;font-weight:600;color:#12233a}.lf2>span b{color:#c4671b}
.lf2 input,.lf2 textarea{border:1px solid #e0d8c9;border-radius:11px;padding:11px 13px;font:inherit;font-size:1rem;color:#12233a;background:#fdfcf9}
.lf2-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lf2--pn input{max-width:160px}
.lf2-hint{font-size:.8rem;color:#8a7a63;margin:-4px 0 0}
.lf2-consent{display:flex;gap:9px;align-items:flex-start;font-size:.85rem;color:#56657a}
.lf2-consent input{margin-top:3px}
.lf2-error{color:#b23b3b;font-size:.85rem;margin:0}
.lf2-submit{margin-top:4px}
.lf2-trust{font-size:.78rem;color:#8a7a63;text-align:center;margin:8px 0 0}
.lead-modal__done{text-align:center;padding:10px 0}
.lead-modal__check{width:56px;height:56px;border-radius:99px;background:#dcf0e4;color:#1c7a45;display:grid;place-items:center;font-size:28px;font-weight:800;margin:0 auto 14px}
.lead-modal__done h3{font-family:Fraunces,serif;color:#12233a;margin:0 0 8px}
.lead-modal__done p{color:#56657a;margin:0 0 18px}
/* Scroll-popup */
.lead-pop{position:fixed;left:20px;bottom:20px;z-index:960;width:300px;background:#fff;border:1px solid #ece3d3;border-radius:18px;box-shadow:0 20px 50px rgba(12,23,40,.22);padding:18px 18px 16px;animation:popIn .3s ease}
@keyframes popIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.lead-pop__close{position:absolute;top:8px;right:11px;border:0;background:transparent;font-size:22px;color:#8a7a63;cursor:pointer;line-height:1}
.lead-pop__title{display:block;font-family:Fraunces,serif;font-size:1.1rem;color:#12233a}
.lead-pop__text{font-size:.86rem;color:#56657a;margin:4px 0 10px;line-height:1.45}
.lead-pop__form{display:flex;flex-direction:column;gap:8px}
.lead-pop__form input[type=text]{border:1px solid #e0d8c9;border-radius:10px;padding:9px 12px;font:inherit;font-size:.95rem;background:#fdfcf9}
.lead-pop__consent{font-size:.74rem;color:#8a7a63;display:flex;gap:6px;align-items:flex-start}
.lead-pop__done{color:#1c7a45;font-size:.95rem}
@media(max-width:600px){.lead-pop{left:12px;right:12px;bottom:12px;width:auto}}
/* Symbol-vælger */
.dgen-orn{margin-bottom:14px}
.dgen-orn__label{display:block;font-weight:700;color:#12233a;font-size:.85rem;margin-bottom:8px}
.dgen-orn__row{display:flex;flex-wrap:wrap;gap:8px}
.dgen-orn__btn{width:44px;height:44px;border-radius:12px;border:1.5px solid #e6ddcb;background:#fff;font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center;color:#a9805a}
.dgen-orn__btn.is-active{border-color:#c4671b;background:#fff8f0;box-shadow:0 0 0 3px rgba(196,103,27,.12)}
.dgen-orn__none{color:#b9ad98;font-size:1rem}
/* Sammenligning */
.cmp{display:grid;grid-template-columns:150px 1fr 1fr;gap:1px;background:#ece3d3;border:1px solid #ece3d3;border-radius:18px;overflow:hidden}
.cmp__head{background:#12233a;color:#fff;font-family:Fraunces,serif;font-size:1.15rem;padding:16px 18px}
.cmp__row{display:contents}
.cmp__label{background:#faf6ef;color:#12233a;font-weight:700;padding:16px 18px;font-size:.92rem;display:flex;align-items:center}
.cmp__cell{background:#fff;padding:16px 18px;color:#3a4a5e;font-size:.95rem;line-height:1.55}
.cmp__cell--b{background:#fdfaf5}
.cmp__k{display:none}
@media(max-width:760px){
 .cmp{grid-template-columns:1fr;border:0;background:transparent;gap:14px}
 .cmp__head{display:none}
 .cmp__row{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #ece3d3;border-radius:14px;overflow:hidden}
 .cmp__label{background:#12233a;color:#fff;font-family:Fraunces,serif}
 .cmp__cell{border-top:1px solid #f0eadf}
 .cmp__k{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#a9805a;font-weight:700;margin-bottom:4px}
}
/* Tjekliste */
.tjek-group{margin-bottom:30px}
.tjek-group__title{font-family:Fraunces,serif;color:#12233a;font-size:1.4rem;margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid #ece3d3}
.tjek-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.tjek-item{display:flex;gap:14px;padding:14px 4px;border-bottom:1px solid #f2ece1;align-items:flex-start}
.tjek-item__box{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #d9cdb8;margin-top:2px}
.tjek-item__t{display:block;font-family:Fraunces,serif;color:#12233a;font-size:1.05rem;margin-bottom:3px}
.tjek-item__d{color:#56657a;line-height:1.55;font-size:.95rem}
.tjek-item.is-locked .tjek-item__t{color:#9aa3ad}
.tjek-item.is-locked .tjek-item__d{color:#b7bec6;font-style:italic}
.tjek-item.is-locked{filter:blur(.3px);opacity:.7}
.tjek-gate{margin-top:20px;background:linear-gradient(135deg,#12233a,#274a70);color:#fff;border-radius:20px;padding:32px 30px;text-align:center}
.tjek-gate__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:700;color:#e5a869}
.tjek-gate__title{font-family:Fraunces,serif;font-size:1.6rem;margin:.3em 0 .3em;color:#fff}
.tjek-gate__lead{color:rgba(255,255,255,.85);max-width:520px;margin:0 auto 18px;line-height:1.55}
.tjek-gate__form{max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.tjek-gate__form input[type=text],.tjek-gate__form input[type=email]{border:0;border-radius:11px;padding:13px 15px;font:inherit;font-size:1rem}
.tjek-gate__consent{font-size:.8rem;color:rgba(255,255,255,.82);display:flex;gap:8px;align-items:flex-start;justify-content:center}
.tjek-gate__consent a{color:#ffd8b0}
.tjek-gate .btn-primary{background:#c4671b;border-color:#c4671b}
.tjek-unlocked{margin-top:20px;text-align:center;background:#dcf0e4;border:1px solid #bfe3cd;border-radius:16px;padding:22px}
.tjek-unlocked__msg{color:#1c7a45;margin:0 0 12px;font-weight:600}
@media print{
 .site-header,.site-footer,.floating-cta,.sticky-cta,.final-band,.pagehero,.lead-pop,.lead-modal,.tjek-unlocked,.mobile-nav,.cookie-banner,.site-footer__base{display:none!important}
 .tjek-item.is-locked{filter:none;opacity:1}
}

/* ===== MANIDS-V4 (snapshot-trin som kæde i ALLE guides + lækker begravelse-sammenligning) ===== */
.snap .steps__list{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:0!important;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.snap .steps__step{flex:0 0 clamp(210px,23%,272px)!important;max-width:none!important;width:auto!important;scroll-snap-align:start;position:relative;margin:0!important;padding:0 30px 0 0!important;animation:stepUp .5s ease both}
.snap .steps__step:nth-child(2){animation-delay:.08s}.snap .steps__step:nth-child(3){animation-delay:.16s}.snap .steps__step:nth-child(4){animation-delay:.24s}.snap .steps__step:nth-child(5){animation-delay:.32s}.snap .steps__step:nth-child(6){animation-delay:.4s}.snap .steps__step:nth-child(7){animation-delay:.48s}.snap .steps__step:nth-child(8){animation-delay:.56s}
@keyframes stepUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.snap .steps__step:not(:last-child)::after{content:"";position:absolute;top:23px;left:56px;right:4px;height:2px;background:linear-gradient(90deg,#dcc9a8,rgba(220,201,168,.15));z-index:0}
.snap .steps__nr{position:relative;z-index:1}
.snap .steps__list::-webkit-scrollbar{height:6px}.snap .steps__list::-webkit-scrollbar-thumb{background:#e0d6c4;border-radius:99px}
@media(max-width:760px){
 .snap .steps__list{flex-direction:column!important;overflow:visible}
 .snap .steps__step{flex:auto!important;padding:0 0 22px 0!important}
 .snap .steps__step:not(:last-child)::after{display:none}
}
/* Begravelse vs bisættelse: to lækre kort */
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}
.vs-mid{display:grid;place-items:center;padding:0 8px}
.vs-mid span{display:grid;place-items:center;width:48px;height:48px;border-radius:99px;background:#fff;border:1px solid #ece3d3;color:#8a7a63;font-family:Fraunces,serif;font-size:.92rem;box-shadow:0 6px 16px rgba(19,36,58,.06)}
.vs-card{background:#fff;border:1px solid #ece3d3;border-radius:22px;padding:28px 26px;box-shadow:0 10px 30px rgba(19,36,58,.06);display:flex;flex-direction:column}
.vs-card--pop{border-color:#e6cdb0;box-shadow:0 16px 42px rgba(196,103,27,.13)}
.vs-card__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fdeede,#f7e0c8);color:#c4671b;margin-bottom:14px}
.vs-card__title{font-family:Fraunces,serif;font-size:1.5rem;color:#12233a;margin:0}
.vs-card__essence{color:#56657a;margin:4px 0 12px;font-size:1rem}
.vs-card__badge{align-self:flex-start;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:5px 12px;border-radius:999px;margin-bottom:16px}
.vs-card__badge--muted{background:#eef1f5;color:#56657a}
.vs-card__badge--pop{background:#fde8d3;color:#a4470b}
.vs-card__facts{margin:0;display:flex;flex-direction:column;gap:12px}
.vs-card__facts>div{border-top:1px solid #f2ece1;padding-top:12px}
.vs-card__facts dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#a9805a;font-weight:700;margin-bottom:3px}
.vs-card__facts dd{margin:0;color:#3a4a5e;font-size:.95rem;line-height:1.5}
@media(max-width:820px){.vs{grid-template-columns:1fr;gap:16px}.vs-mid{padding:2px 0}}

/* ===== MANIDS-V5 (native guide-elementer) ===== */
.guide-callout{background:#faf6ef;border-left:4px solid #c4671b;border-radius:0 12px 12px 0;padding:16px 20px;color:#3a4a5e;line-height:1.6;margin-top:20px}
.guide-callout strong{color:#12233a}
.guide-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.guide-2col{grid-template-columns:1fr}}
.guide-box{background:#fff;border:1px solid #ece3d3;border-radius:18px;padding:24px;box-shadow:0 6px 20px rgba(19,36,58,.05)}
.guide-box h3{font-family:Fraunces,serif;color:#12233a;font-size:1.2rem;margin:0 0 12px}
.guide-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.guide-ul li{position:relative;padding-left:26px;color:#3a4a5e;line-height:1.55;font-size:.96rem}
.guide-ul li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:99px;background:#c4671b}
.guide-ul--lg li{font-size:1.02rem;padding-left:28px}
.guide-ul--lg li::before{top:10px}

/* ===== MANIDS-V6 (pris-tabel, vers-kort) ===== */
.ptable{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #ece3d3;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(19,36,58,.05)}
.ptable li{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid #f2ece1}
.ptable li:last-child{border-bottom:0}
.ptable li span{color:#3a4a5e}
.ptable li strong{color:#12233a;white-space:nowrap}
.ptable__sum{background:#faf6ef}
.ptable__sum span{font-weight:700;color:#12233a}
.ptable__sum strong{color:#c4671b}
.verse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.verse{margin:0;background:#faf6ef;border:1px solid #ece3d3;border-left:4px solid #c4671b;border-radius:0 12px 12px 0;padding:16px 18px;font-family:Fraunces,serif;font-size:1.05rem;color:#2c3a4c;line-height:1.5}

/* ===== MANIDS-V7 (mindre AI-citat-look, ren info-boks) ===== */
.prof-lead{font-size:1.06rem;line-height:1.72;color:#3a4a5e}
.guide-callout{background:#fff!important;border:1px solid #ece3d3!important;border-left:1px solid #ece3d3!important;border-radius:16px!important;padding:18px 22px;color:#3a4a5e;line-height:1.6;margin-top:24px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 6px 20px rgba(19,36,58,.05)}
.guide-callout::before{content:"i";flex:none;width:26px;height:26px;border-radius:99px;background:#12233a;color:#fff;display:grid;place-items:center;font-family:Fraunces,serif;font-weight:600;font-size:.9rem;margin-top:1px}
.guide-callout strong{color:#12233a}

/* ===================== MANIDS · B2B-PORTAL FORMS (v19) ===================== */
.auth-form,.dash-form{display:flex;flex-direction:column;gap:14px}
.auth-form label,.dash-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#13243a;font-size:.92rem}
.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=url],.auth-form input[type=password],.auth-form input[type=number],
.dash-form input[type=text],.dash-form input[type=email],.dash-form input[type=url],.dash-form input[type=password],.dash-form input[type=number],
.dash-form textarea{padding:11px 13px;border:1.5px solid #e2e5ea;border-radius:10px;font-size:16px;font-family:inherit;background:#fff;color:#13243a;width:100%}
.auth-form input:focus,.dash-form input:focus,.dash-form textarea:focus{outline:none;border-color:#a9805a;box-shadow:0 0 0 3px rgba(169,128,90,.15)}
.auth-form button[type=submit],.dash-form button[type=submit]{align-self:flex-start}
.form-ok{background:#f2faf4;border:1px solid #bfe0c8;color:#1c7a45;padding:10px 14px;border-radius:10px;font-weight:600;margin:0 0 6px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.dash-form fieldset .chip{font-weight:500}

/* ===================== MANIDS · ANMELDELSER (v20) ===================== */
.auth-form select,.dash-form select{padding:11px 13px;border:1.5px solid #e2e5ea;border-radius:10px;font-size:16px;font-family:inherit;background:#fff;color:#13243a;width:100%}
.rev-list{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.rev-item{border:1px solid #ece6db;border-radius:12px;padding:14px 16px;background:#fdfbf7}
.rev-item__top{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.rev-item__stars{color:#c4671b;letter-spacing:1px}
.rev-item__name{font-weight:600;color:#13243a}
.rev-item__body{margin:4px 0 0;color:#56657a}
.rev-form-wrap{margin-top:18px}
.rev-form-wrap>summary{cursor:pointer;display:inline-block;padding:9px 18px;border:1.5px solid #13243a;border-radius:999px;font-weight:600;color:#13243a;list-style:none}
.rev-form-wrap>summary::-webkit-details-marker{display:none}
.rev-form-wrap[open]>summary{margin-bottom:4px}
.rev-form{margin-top:16px;max-width:520px}