/* ════════════════════════════════════════════════════════════════════════════
   DIGINAXION — Fælles platform-stylesheet
   - Alt scopes under .dx-scope så Elementor ikke blander sig (og omvendt)
   - Tema styres via CSS-variabler + [data-dx-theme="light|dark"]
   - Skift brand-look ved kun at ændre variablerne i :root-blokkene nedenfor
   ════════════════════════════════════════════════════════════════════════════ */

/* ─── Tema-variabler ─── */
:root,
.dx-scope {
	--dx-font: 'Urbanist', system-ui, -apple-system, 'Segoe UI', sans-serif;

	--dx-bg:            #eef1fb;
	--dx-surface:       #ffffff;
	--dx-surface-2:     #f5f7fe;
	--dx-surface-3:     #eaeefc;

	--dx-text:          #0d1b3e;
	--dx-text-muted:    #5d6a8f;
	--dx-text-faint:    #8b97c9;

	--dx-border:        #dce3f7;
	--dx-border-strong: #c4cdf0;

	--dx-primary:       #3858e9;
	--dx-primary-2:     #1f33b8;
	--dx-primary-soft:  #e6ebfd;
	--dx-primary-softer:#f1f4fd;
	--dx-on-primary:    #ffffff;

	--dx-success-bg:    #e8f7ee;
	--dx-success:       #1f9254;
	--dx-danger-bg:     #fdecec;
	--dx-danger:        #c0392b;
	--dx-warn-bg:       #fff8ec;
	--dx-warn-border:   #f5c842;
	--dx-warn-text:     #7a5c00;

	--dx-radius:        16px;
	--dx-radius-sm:     10px;
	--dx-shadow:        0 4px 40px rgba(31,51,184,.12), 0 1px 6px rgba(0,0,0,.05);
	--dx-shadow-sm:     0 4px 16px rgba(31,51,184,.18);
}

/* ─── Side-baggrund + font på hele siden ─── */
body {
	background-color: var(--dx-bg) !important;
	font-family: 'Urbanist', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

/* ─── Reset inden for scope ─── */
.dx-scope, .dx-scope * { box-sizing: border-box !important; }
.dx-scope {
	font-family: var(--dx-font) !important;
	color: var(--dx-text) !important;
	line-height: 1.5 !important;
	font-weight: 500 !important;
}

/* ─── Knapper ─── */
.dx-scope .dx-btn.dx-hidden { display: none !important; }
.dx-scope .dx-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 14px 28px !important;
	border-radius: var(--dx-radius-sm) !important;
	font-family: var(--dx-font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	border: 2px solid transparent !important;
	text-decoration: none !important;
	transition: all .2s !important;
	-webkit-appearance: none !important;
}
.dx-scope .dx-btn-primary {
	background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important;
	color: var(--dx-on-primary) !important;
	box-shadow: var(--dx-shadow-sm) !important;
}
.dx-scope .dx-btn-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(31,51,184,.22) !important; }
.dx-scope .dx-btn-primary:active { transform: translateY(0) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-scope .dx-btn-primary:disabled { opacity: .5 !important; cursor: not-allowed !important; transform: none !important; box-shadow: none !important; }
.dx-scope .dx-btn-secondary {
	background: var(--dx-surface) !important;
	color: var(--dx-text) !important;
	border: 2px solid var(--dx-border-strong) !important;
}
.dx-scope .dx-btn-secondary:hover { border-color: var(--dx-primary) !important; background: var(--dx-surface-2) !important; transform: translateY(-1px) !important; }
.dx-scope .dx-btn-secondary:active { transform: translateY(0) !important; }
.dx-scope .dx-btn-ghost {
	background: none !important; border: none !important; color: var(--dx-primary) !important;
	box-shadow: none !important; font-weight: 500 !important; padding: 12px 10px !important; border-radius: var(--dx-radius-sm) !important;
}
.dx-scope .dx-btn-ghost:hover { text-decoration: underline !important; background: var(--dx-primary-softer) !important; }
.dx-scope .dx-btn:focus-visible { outline: 2px solid var(--dx-primary) !important; outline-offset: 2px !important; }
.dx-scope .dx-btn-block { width: 100% !important; }
.dx-scope .dx-btn-large { padding: 18px 36px !important; font-size: 16px !important; border-radius: 13px !important; }

/* ─── Spinner ─── */
.dx-scope .dx-spinner {
	display: inline-block !important; width: 18px !important; height: 18px !important;
	border: 2px solid rgba(255,255,255,.35) !important; border-top-color: #fff !important;
	border-radius: 50% !important; animation: dx-spin .7s linear infinite !important;
}
@keyframes dx-spin { to { transform: rotate(360deg); } }

/* ─── Felter ─── */
.dx-scope .dx-field { display: flex !important; flex-direction: column !important; gap: 6px !important; }
.dx-scope .dx-field label { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text) !important; }
.dx-scope .dx-field label span { color: var(--dx-text-faint) !important; font-weight: 400 !important; }
.dx-scope .dx-field input,
.dx-scope .dx-field textarea,
.dx-scope .dx-field select {
	width: 100% !important;
	padding: 13px 15px !important;
	border: 2px solid var(--dx-border) !important;
	border-radius: var(--dx-radius-sm) !important;
	font-family: var(--dx-font) !important;
	font-size: 15px !important;
	color: var(--dx-text) !important;
	background: var(--dx-surface) !important;
	transition: border-color .2s, box-shadow .2s !important;
	outline: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
/* Egen chevron i stedet for browserens indbyggede pil (menulist). Den native pil
   ignorerer padding-right og klistrer op ad kanten, hvilket ser skævt ud. Med
   appearance:none tegner vi selv pilen og styrer afstanden til kanten. */
.dx-scope .dx-field select {
	-webkit-appearance: none !important;
	appearance: none !important;
	padding-right: 46px !important;
	cursor: pointer !important;
	background-color: var(--dx-surface) !important;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d6a8f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 16px center !important;
	background-size: 16px 16px !important;
}
/* Skjul IE/Edge-legacy pilen, så der ikke vises to */
.dx-scope .dx-field select::-ms-expand { display: none !important; }
.dx-scope .dx-field input:focus,
.dx-scope .dx-field textarea:focus,
.dx-scope .dx-field select:focus {
	border-color: var(--dx-primary) !important;
	box-shadow: 0 0 0 3px var(--dx-primary-soft) !important;
}
.dx-scope .dx-field textarea { resize: vertical !important; min-height: 110px !important; }
.dx-scope .dx-field-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
@media(max-width:480px) { .dx-scope .dx-field-row { grid-template-columns: 1fr !important; } }

/* ─── Alerts ─── */
.dx-scope .dx-alert { padding: 14px 16px !important; border-radius: var(--dx-radius-sm) !important; font-size: 14px !important; margin: 16px 0 0 0 !important; display: none !important; }
.dx-scope .dx-alert.dx-show { display: block !important; }
.dx-scope .dx-alert-error   { background: var(--dx-danger-bg)  !important; color: var(--dx-danger)  !important; border: 1px solid var(--dx-danger)  !important; }
.dx-scope .dx-alert-success { background: var(--dx-success-bg) !important; color: var(--dx-success) !important; border: 1px solid var(--dx-success) !important; }

/* ════════════════════════════════════════════════════════════════════════════
   WIZARD
   ════════════════════════════════════════════════════════════════════════════ */

.dx-scope.dx-wizard {
	background: var(--dx-bg) !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.dx-wizard .dx-wrap { max-width: 1100px !important; margin: 0 auto !important; padding: 52px 24px 72px !important; position: relative !important; }

/* ─── Shell (logo + fase-liste til venstre, trin til højre) ───
   Fuldskærm edge-to-edge: bryder ud af .dx-wrap's centrerede max-width og
   fylder hele browser-vinduet (ingen kasse-på-baggrund-look). */
.dx-wizard .dx-shell { display:grid !important; grid-template-columns: minmax(300px, 22%) 1fr !important; gap: 0 !important;
	background: var(--dx-surface) !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important;
	position: relative !important; left: 50% !important; margin-left: -50vw !important; width: 100vw !important;
	margin-top: -52px !important; margin-bottom: -72px !important; height: 100vh !important; }
.dx-wizard .dx-shell.dx-shell-hidden { display:none !important; }
.dx-wizard .dx-shell-aside { background: var(--dx-surface-2) !important; border-right: 1px solid var(--dx-border) !important;
	padding: 40px 32px !important; display:flex !important; flex-direction:column !important; gap: 32px !important; height: 100% !important; overflow-y: auto !important; }
.dx-wizard .dx-shell-main { padding: 48px 40px !important; min-width: 0 !important; height: 100% !important; overflow-y: auto !important;
	display:flex !important; flex-direction:column !important; align-items:center !important; }
.dx-wizard .dx-shell-main > * { width: 100% !important; max-width: 720px !important; }
/* Centrerer indholdet vertikalt når det er kortere end containeren, uden at
   ødelægge scroll når indholdet er højere (fx trin 8 med mange undersider) —
   justify-content:center på en overflow-container forhindrer scroll til toppen,
   så vi bruger i stedet to fleksible "spacers" der krymper til 0 ved overflow. */
.dx-wizard .dx-shell-main::before,
.dx-wizard .dx-shell-main::after { content:'' !important; flex: 1 1 0 !important; min-height: 0 !important; width: 100% !important; }
.dx-wizard .dx-shell-main .dx-card { box-shadow:none !important; padding: 0 !important; }
.dx-wizard .dx-shell-main .dx-card-title { font-size: 26px !important; }

.dx-wizard .dx-shell-logo { padding: 0 4px !important; }

.dx-wizard .dx-phaselist { display:flex !important; flex-direction:column !important; gap: 4px !important; flex:1 !important; list-style:none !important; margin:0 !important; }
.dx-wizard .dx-phase { display:flex !important; gap: 12px !important; padding: 10px 4px !important; border-radius: 10px !important; position:relative !important; cursor:default !important; transition: background .15s !important; }
.dx-wizard .dx-phase.dx-phase-done { cursor:pointer !important; }
.dx-wizard .dx-phase.dx-phase-done:hover { background: var(--dx-primary-softer) !important; }
.dx-wizard .dx-phase.dx-phase-done:hover .dx-phase-label { color: var(--dx-primary) !important; }
.dx-wizard .dx-phase-marker { width:26px !important; height:26px !important; border-radius:50% !important; flex-shrink:0 !important;
	display:flex !important; align-items:center !important; justify-content:center !important; font-size:12px !important; font-weight:700 !important;
	border: 2px solid var(--dx-border-strong) !important; color: var(--dx-text-faint) !important; background: var(--dx-surface) !important;
	transition: all .25s ease !important; z-index:1 !important; }
.dx-wizard .dx-phase-check { display:none !important; align-items:center !important; justify-content:center !important; }
.dx-wizard .dx-phase-check .dx-check-icon { width:13px !important; height:13px !important; display:block !important; margin:0 !important; vertical-align:0 !important; }
.dx-wizard .dx-phase.dx-phase-done .dx-phase-check { display:inline-flex !important; }
.dx-wizard .dx-phase-body { padding-top: 2px !important; }
.dx-wizard .dx-phase-label { font-size: 13px !important; font-weight:600 !important; color: var(--dx-text-faint) !important; transition: color .2s !important; }
.dx-wizard .dx-phase-subprogress { font-size: 11px !important; color: var(--dx-text-faint) !important; margin-top: 2px !important; overflow:hidden !important;
	max-height:0 !important; opacity:0 !important; transition: max-height .25s ease, opacity .2s ease, margin-top .25s ease !important; }
.dx-wizard .dx-phase:not(:last-child)::after { content:'' !important; position:absolute !important; left:17px !important; top:36px !important; width:2px !important; height: calc(100% - 14px) !important;
	background: var(--dx-border) !important; }

.dx-wizard .dx-phase.dx-phase-active .dx-phase-marker { border-color: var(--dx-primary) !important; color: var(--dx-primary) !important; background: var(--dx-primary-soft) !important; }
.dx-wizard .dx-phase.dx-phase-active .dx-phase-label { color: var(--dx-text) !important; }
.dx-wizard .dx-phase.dx-phase-active .dx-phase-subprogress { max-height: 20px !important; opacity: 1 !important; margin-top: 3px !important; }

.dx-wizard .dx-phase.dx-phase-done .dx-phase-marker { border-color: var(--dx-primary) !important; background: var(--dx-primary) !important; color:#fff !important; }
.dx-wizard .dx-phase.dx-phase-done .dx-phase-num { display:none !important; }
.dx-wizard .dx-phase.dx-phase-done .dx-phase-label { color: var(--dx-text-muted) !important; }
.dx-wizard .dx-phase.dx-phase-done:not(:last-child)::after { background: var(--dx-primary) !important; }

.dx-wizard .dx-shell-help { margin-top: auto !important; background: var(--dx-surface) !important; border: 1.5px solid var(--dx-border) !important;
	border-radius: 14px !important; padding: 16px 16px 18px !important; }
.dx-wizard .dx-shell-help-title { font-size: 13px !important; font-weight:700 !important; color: var(--dx-text) !important; margin-bottom: 4px !important; }
.dx-wizard .dx-shell-help-sub { font-size: 12px !important; color: var(--dx-text-muted) !important; line-height:1.5 !important; margin-bottom: 12px !important; }
.dx-wizard .dx-shell-help-link { display:inline-flex !important; align-items:center !important; gap:6px !important; font-size: 13px !important; font-weight:700 !important; color: var(--dx-primary) !important; text-decoration:none !important; transition: gap .15s !important; }
.dx-wizard .dx-shell-help-link:hover { text-decoration: underline !important; gap: 9px !important; }

/* Tilbage-link i sidepanelet — bevidst diskret, så det ikke konkurrerer med flowet */
.dx-wizard .dx-shell-back { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin-top: -20px !important; padding: 0 4px !important;
	font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; text-decoration: none !important; transition: color .15s, gap .15s !important; }
.dx-wizard .dx-shell-back:hover { color: var(--dx-primary) !important; gap: 10px !important; }
/* Beroligelse under hjælpe-kortet: valgene ligger i sessionStorage */
.dx-wizard .dx-shell-saved { display: flex !important; align-items: flex-start !important; gap: 7px !important; margin-top: -20px !important; padding: 0 4px !important;
	font-size: 11.5px !important; color: var(--dx-text-faint) !important; line-height: 1.5 !important; }
.dx-wizard .dx-shell-saved .dx-check-icon { flex-shrink: 0 !important; margin-top: 3px !important; color: var(--dx-success) !important; }

/* Entrance/stagger-animation ved trin-skift (højre kolonne kun) */
.dx-wizard .dx-shell-main .dx-step.dx-step-enter .dx-card > * { opacity: 0 !important; transform: translateY(10px) !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-card > * {
	opacity: 1 !important; transform: translateY(0) !important;
	transition: opacity .38s cubic-bezier(.4,0,.2,1), transform .38s cubic-bezier(.4,0,.2,1) !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-card > *:nth-child(1) { transition-delay: .03s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-card > *:nth-child(2) { transition-delay: .09s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-card > *:nth-child(3) { transition-delay: .15s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-card > *:nth-child(4) { transition-delay: .21s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-card > *:nth-child(n+5) { transition-delay: .27s !important; }

/* Individuel stagger for skabelon-preview-kortene (trin 1) — folder ind ét ad gangen */
.dx-wizard .dx-shell-main .dx-step.dx-step-enter .dx-tplgrid > .dx-tplcard { opacity: 0 !important; transform: translateY(14px) !important; will-change: opacity, transform !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-tplgrid > .dx-tplcard {
	opacity: 1 !important; transform: translateY(0) !important;
	transition: opacity .4s cubic-bezier(.4,0,.2,1), transform .4s cubic-bezier(.4,0,.2,1) !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-tplgrid > .dx-tplcard:nth-child(1) { transition-delay: .12s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-tplgrid > .dx-tplcard:nth-child(2) { transition-delay: .2s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-tplgrid > .dx-tplcard:nth-child(3) { transition-delay: .28s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-tplgrid > .dx-tplcard:nth-child(4) { transition-delay: .36s !important; }
.dx-wizard .dx-shell-main .dx-step.dx-step-enter.dx-step-enter-active .dx-tplgrid > .dx-tplcard:nth-child(n+5) { transition-delay: .44s !important; }

/* Intro-skærm (vises kun ved en helt frisk session, fader ind og ud af sig selv) */
.dx-wizard .dx-intro-screen { cursor: pointer !important; }
.dx-wizard .dx-shell-main .dx-step.dx-intro-fade-out { opacity: 0 !important; transition: opacity .35s ease !important; }
.dx-wizard .dx-intro-dots { display: flex !important; justify-content: center !important; gap: 8px !important; margin-top: 22px !important; }
.dx-wizard .dx-intro-dots span { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--dx-primary) !important; opacity: .3 !important; animation: dx-intro-dot 1.2s ease-in-out infinite !important; }
.dx-wizard .dx-intro-dots span:nth-child(2) { animation-delay: .2s !important; }
.dx-wizard .dx-intro-dots span:nth-child(3) { animation-delay: .4s !important; }
@keyframes dx-intro-dot { 0%, 80%, 100% { opacity: .3; transform: scale(1); } 40% { opacity: 1; transform: scale(1.3); } }

/* Responsivt fald: shell folder til kompakt top-bar under 880px, normal side-scroll (ikke låst højde) */
@media(max-width:880px) {
	.dx-wizard .dx-shell { display:block !important; height:auto !important; min-height:100vh !important; }
	.dx-wizard .dx-shell-aside { flex-direction:row !important; align-items:center !important; justify-content:center !important;
		padding: 16px 20px !important; border-right:none !important; border-bottom: 1px solid var(--dx-border) !important; gap: 0 !important; height:auto !important; overflow-y:visible !important; }
	.dx-wizard .dx-phaselist, .dx-wizard .dx-shell-help, .dx-wizard .dx-shell-saved { display:none !important; }
	/* Tilbage-link bliver til et kompakt element ved siden af logoet */
	.dx-wizard .dx-shell-aside { justify-content: space-between !important; }
	.dx-wizard .dx-shell-back { margin-top: 0 !important; font-size: 12px !important; }
	.dx-wizard .dx-shell-main { padding: 28px 20px !important; height:auto !important; overflow-y:visible !important; }
}

.dx-wizard .dx-intro { text-align: center !important; margin: 0 0 40px 0 !important; }
.dx-wizard .dx-intro-title { font-size: 28px !important; font-weight: 600 !important; color: var(--dx-text) !important; margin: 0 0 12px 0 !important; letter-spacing: -.02em !important; line-height: 1.2 !important; }
.dx-wizard .dx-intro-sub { font-size: 16px !important; color: var(--dx-text-muted) !important; max-width: 480px !important; margin: 0 auto !important; line-height: 1.65 !important; }

/* Progress */
.dx-wizard .dx-progress { margin: 0 0 32px 0 !important; }
.dx-wizard .dx-shell-main .dx-progress { display:none !important; }
@media(max-width:880px) { .dx-wizard .dx-shell-main .dx-progress { display:block !important; } }
.dx-wizard .dx-progress-label { display: flex !important; justify-content: space-between !important; align-items: center !important; margin: 0 0 10px 0 !important; }
.dx-wizard .dx-progress-name { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-primary) !important; }
.dx-wizard .dx-progress-num { font-size: 12px !important; color: var(--dx-text-faint) !important; }
.dx-wizard .dx-progress-track { width: 100% !important; height: 6px !important; background: var(--dx-surface-3) !important; border-radius: 10px !important; overflow: hidden !important; }
.dx-wizard .dx-progress-fill { height: 6px !important; background: linear-gradient(90deg, var(--dx-primary), var(--dx-primary-2)) !important; border-radius: 10px !important; transition: width .4s ease !important; display: block !important; }

/* Kort */
.dx-wizard .dx-card { background: var(--dx-surface) !important; border-radius: 20px !important; padding: 40px !important; box-shadow: var(--dx-shadow) !important; border: none !important; }
@media(max-width:600px) { .dx-wizard .dx-card { padding: 26px 20px !important; } }
.dx-wizard .dx-card-title { font-size: 22px !important; font-weight: 600 !important; color: var(--dx-text) !important; margin: 0 0 10px 0 !important; letter-spacing: -.02em !important; line-height: 1.25 !important; }
.dx-wizard .dx-card-sub { font-size: 15px !important; color: var(--dx-text-muted) !important; margin: 0 0 28px 0 !important; line-height: 1.65 !important; }

/* Valg-knapper */
.dx-wizard .dx-choices { display: flex !important; flex-direction: column !important; gap: 12px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
.dx-wizard .dx-choices.dx-choices-2col { flex-direction: row !important; flex-wrap: wrap !important; }
.dx-wizard .dx-choices.dx-choices-2col .dx-choice { flex: 1 1 calc(50% - 6px) !important; }
@media(max-width:520px) { .dx-wizard .dx-choices.dx-choices-2col { flex-direction: column !important; } .dx-wizard .dx-choices.dx-choices-2col .dx-choice { flex: 1 1 100% !important; } }
.dx-wizard .dx-choice {
	display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important;
	padding: 20px 22px !important; border: 2px solid var(--dx-border) !important; border-radius: 14px !important;
	cursor: pointer !important; background: var(--dx-surface-2) !important; transition: all .2s !important; text-decoration: none !important;
}
.dx-wizard .dx-choice:hover { border-color: var(--dx-primary) !important; background: var(--dx-primary-softer) !important; }
.dx-wizard .dx-choice.dx-selected { border-color: var(--dx-primary) !important; background: var(--dx-primary-soft) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-wizard .dx-choice.dx-open { border-radius: 14px 14px 0 0 !important; }
.dx-wizard .dx-choice-content { display: flex !important; flex-direction: column !important; gap: 4px !important; flex: 1 !important; }
.dx-wizard .dx-choice-title { font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; line-height: 1.3 !important; }
.dx-wizard .dx-choice-desc { font-size: 13px !important; color: var(--dx-text-muted) !important; line-height: 1.5 !important; }
.dx-wizard .dx-choice-arrow {
	width: 32px !important; height: 32px !important; border-radius: 50% !important; background: var(--dx-primary-soft) !important;
	color: var(--dx-primary) !important; display: flex !important; align-items: center !important; justify-content: center !important;
	font-size: 16px !important; font-weight: 700 !important; flex-shrink: 0 !important; transition: all .2s !important;
}
.dx-wizard .dx-choice:hover .dx-choice-arrow,
.dx-wizard .dx-choice.dx-selected .dx-choice-arrow { background: var(--dx-primary) !important; color: var(--dx-on-primary) !important; }
.dx-wizard .dx-choice-arrow .dx-arrow { margin-left: 0 !important; vertical-align: 0 !important; }
.dx-wizard .dx-choice-head { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; }
.dx-wizard .dx-choice-badge { display: inline-flex !important; align-items: center !important; width: fit-content !important; align-self: flex-start !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; background: var(--dx-primary) !important; color: var(--dx-on-primary) !important; padding: 3px 10px !important; border-radius: 20px !important; margin: 6px 0 0 0 !important; }
.dx-wizard .dx-choice-head .dx-choice-badge { margin: 0 !important; }
.dx-wizard .dx-choice-badge-cost { background: var(--dx-primary) !important; color: var(--dx-on-primary) !important; border: none !important; }
.dx-wizard .dx-info-box { background: var(--dx-primary-softer) !important; border: 2px solid var(--dx-border-strong) !important; border-top: none !important; border-radius: 0 0 12px 12px !important; padding: 14px 18px !important; }
.dx-wizard .dx-info-box p { font-size: 13px !important; color: var(--dx-text-muted) !important; margin: 0 !important; line-height: 1.6 !important; }

/* Template-grid (designvælger) */
.dx-wizard .dx-templates { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 16px !important; }
@media(max-width:720px) { .dx-wizard .dx-templates { grid-template-columns: 1fr 1fr !important; } }
@media(max-width:480px) { .dx-wizard .dx-templates { grid-template-columns: 1fr !important; } }
.dx-wizard .dx-template-card { border: 2px solid var(--dx-border) !important; border-radius: 14px !important; overflow: hidden !important; cursor: pointer !important; background: var(--dx-surface-2) !important; transition: all .22s ease !important; }
.dx-wizard .dx-template-card:hover { border-color: var(--dx-primary) !important; transform: translateY(-3px) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-wizard .dx-template-card.dx-selected { border-color: var(--dx-primary) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-wizard .dx-template-thumb { height: 130px !important; background: linear-gradient(135deg, var(--dx-primary-soft), var(--dx-surface-3)) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 32px !important; }
.dx-wizard .dx-template-body { padding: 14px 16px !important; }
.dx-wizard .dx-template-name { font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 4px 0 !important; }
.dx-wizard .dx-template-for { font-size: 12px !important; color: var(--dx-text-muted) !important; line-height: 1.45 !important; display: block !important; margin-bottom: 10px !important; }
.dx-wizard .dx-template-links { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; }
.dx-wizard .dx-template-preview { font-size: 12px !important; color: var(--dx-primary) !important; text-decoration: underline !important; }
.dx-wizard .dx-template-pick { font-size: 12px !important; font-weight: 700 !important; color: var(--dx-primary) !important; }
.dx-wizard .dx-template-card.dx-selected .dx-template-pick::before { content: '✓ ' !important; }

/* Designvælger — live forside-previews i kort */
.dx-wizard .dx-tplgrid { display: grid !important; grid-template-columns: repeat(2,1fr) !important; gap: 22px !important; }
@media(max-width:600px){ .dx-wizard .dx-tplgrid { grid-template-columns: 1fr !important; } }
.dx-wizard .dx-tplcard { border: 2px solid var(--dx-border) !important; border-radius: 16px !important; overflow: hidden !important; cursor: pointer !important; background: var(--dx-surface) !important; transition: all .2s ease !important; }
.dx-wizard .dx-tplcard:hover { border-color: var(--dx-primary) !important; transform: translateY(-3px) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-wizard .dx-tplcard.dx-selected { border-color: var(--dx-primary) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-wizard .dx-tplcard-bar { display: flex !important; align-items: center !important; gap: 5px !important; padding: 8px 12px !important; background: var(--dx-surface-3) !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-wizard .dx-tplcard-bar > span { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--dx-text-faint) !important; opacity: .45 !important; flex-shrink: 0 !important; }
.dx-wizard .dx-tplcard-url { flex: 1 !important; margin-left: 6px !important; background: var(--dx-surface) !important; border-radius: 5px !important; padding: 3px 8px !important; font-size: 11px !important; color: var(--dx-text-faint) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.dx-wizard .dx-tplcard-view { position: relative !important; height: 280px !important; overflow: hidden !important; background: var(--dx-surface) !important; }
.dx-wizard .dx-tplcard-scaler { position: absolute !important; top: 0 !important; left: 0 !important; width: 1280px !important; transform-origin: 0 0 !important; pointer-events: none !important; }
.dx-wizard .dx-tplcard-scaler iframe { width: 1280px !important; height: 3000px !important; border: none !important; display: block !important; }
.dx-wizard .dx-tplcard-placeholder { height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: var(--dx-text-faint) !important; font-size: 14px !important; }
.dx-wizard .dx-tplcard-foot { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; padding: 14px 16px !important; }
.dx-wizard .dx-tplcard-name { font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; }
.dx-wizard .dx-tplcard-for { font-size: 12px !important; color: var(--dx-text-muted) !important; margin-top: 2px !important; }
.dx-wizard .dx-tplcard-pick { display:inline-flex !important; align-items:center !important; gap:5px !important; font-size: 13px !important; font-weight: 700 !important; color: var(--dx-primary) !important; border: 1.5px solid var(--dx-primary) !important; border-radius: 8px !important; padding: 6px 14px !important; flex-shrink: 0 !important; }
.dx-wizard .dx-tplcard-pick-check { display:none !important; align-items:center !important; }
.dx-wizard .dx-tplcard-pick-check .dx-check-icon { width:14px !important; height:14px !important; display:block !important; margin:0 !important; vertical-align:0 !important; }
.dx-wizard .dx-tplcard.dx-selected .dx-tplcard-pick { background: var(--dx-primary) !important; color: #fff !important; }
.dx-wizard .dx-tplcard.dx-selected .dx-tplcard-pick-check { display:inline-flex !important; }

/* Pakke-kort (trin 5) — matcher landing-page design.
   3-kolonne sammenligning har brug for mere plads end den generelle 720px-ramme
   for flow-indhold, ellers klemmes kortene tynde og aflange. */
.dx-wizard .dx-shell-main #dx-step-5 { max-width: 960px !important; }
.dx-wizard .dx-shell-main #dx-step-1 { max-width: 960px !important; }
.dx-wizard .dx-pakker { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 24px !important; align-items: stretch !important; }
@media(max-width:1150px) { .dx-wizard .dx-pakker { grid-template-columns: 1fr !important; max-width: 460px !important; margin: 0 auto !important; } }
.dx-wizard .dx-pakke-card { border: 2px solid var(--dx-border) !important; border-radius: 28px !important; padding: 24px 22px 28px !important; cursor: pointer !important; background: var(--dx-surface) !important; position: relative !important; display: flex !important; flex-direction: column !important; transition: border-color .2s ease, box-shadow .2s ease !important; }
.dx-wizard .dx-pakke-card:hover { border-color: var(--dx-primary) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-wizard .dx-pakke-card.dx-selected { border-color: var(--dx-primary) !important; box-shadow: 0 0 0 3px rgba(99,102,241,.18) !important; }
/* Featured: gradient ydre + hvid indre — samme mønster som landing */
.dx-wizard .dx-pakke-card.dx-featured { background: linear-gradient(135deg, var(--dx-primary) 0%, var(--dx-primary-2) 100%) !important; border: none !important; border-radius: 28px !important; overflow: hidden !important; padding: 0 !important; box-shadow: 0 0 0 8px rgba(99,102,241,.12), 0 20px 50px rgba(99,102,241,.30) !important; }
.dx-wizard .dx-pakke-card.dx-featured:hover { box-shadow: 0 0 0 8px rgba(99,102,241,.18), 0 24px 60px rgba(99,102,241,.40) !important; }
.dx-wizard .dx-pakke-card.dx-featured.dx-selected { box-shadow: 0 0 0 8px rgba(99,102,241,.22), 0 24px 60px rgba(99,102,241,.45) !important; }
.dx-wizard .dx-pakke-feat-header { background: transparent !important; color: #fff !important; text-align: center !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; padding: 12px 22px !important; text-shadow: 0 1px 3px rgba(0,0,0,.15) !important; }
.dx-wizard .dx-pakke-card.dx-featured .dx-feat-body { background: #fff !important; border-radius: 23px !important; margin: 0 5px 5px !important; padding: 22px 20px 26px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; cursor: pointer !important; }
/* Navn + tagline */
.dx-wizard .dx-pakke-name { font-weight: 700 !important; font-size: 20px !important; color: var(--dx-text) !important; margin: 0 0 5px 0 !important; display: block !important; }
.dx-wizard .dx-pakke-tagline { font-size: 13px !important; color: var(--dx-text-muted) !important; margin: 0 0 14px 0 !important; line-height: 1.4 !important; }
/* Pris-række */
.dx-wizard .dx-pakke-price { display: flex !important; align-items: baseline !important; gap: 7px !important; margin: 0 0 2px 0 !important; flex-wrap: wrap !important; }
.dx-wizard .dx-pakke-price .dx-price-num { font-size: 40px !important; font-weight: 700 !important; color: var(--dx-text) !important; line-height: 1 !important; font-variant-numeric: tabular-nums !important; display: inline-block !important; }
.dx-wizard .dx-pakke-price .dx-price-suffix { font-size: 14px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; }
/* Gratis badge — smooth max-height reveal (indigo, som landing + comparison) */
.dx-wizard .dx-gratis-badge { display: block !important; width: fit-content !important; max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; font-size: 11px !important; font-weight: 700 !important; color: var(--dx-primary) !important; background: var(--dx-primary-soft) !important; padding: 3px 6px !important; border-radius: 20px !important; transition: max-height 0.38s ease, opacity 0.3s ease, margin 0.38s ease !important; }
.dx-wizard .dx-gratis-badge.dx-visible { max-height: 3em !important; opacity: 1 !important; margin: 3px 0 4px !important; }
/* Årsnotat */
.dx-wizard .dx-annual-note { font-size: 12px !important; color: var(--dx-text-faint) !important; margin: 2px 0 16px !important; min-height: 18px !important; }
.dx-wizard .dx-annual-note.dx-fade-up { animation: dx-fade-up 0.28s ease forwards !important; }
/* Features */
.dx-wizard .dx-pakke-features { margin: auto 0 0 !important; padding: 0 !important; list-style: none !important; }
.dx-wizard .dx-pakke-features li { font-size: 13px !important; color: var(--dx-text-muted) !important; padding: 6px 0 !important; display: flex !important; align-items: flex-start !important; gap: 9px !important; border-bottom: 1px solid var(--dx-border) !important; line-height: 1.4 !important; }
.dx-wizard .dx-pakke-features li:last-child { border-bottom: none !important; }
.dx-wizard .dx-pakke-features li::before { content: none !important; }
.dx-wizard .dx-pakke-features .dx-price-check { width: 20px !important; height: 20px !important; border-radius: 50% !important; background: var(--dx-primary-soft) !important; color: var(--dx-primary) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 1px !important; }

/* Periode-toggle (pill) */
.dx-wizard .dx-period { display: inline-flex !important; gap: 4px !important; background: var(--dx-surface-3) !important; border: 1px solid var(--dx-border) !important; border-radius: 50px !important; padding: 4px !important; }
.dx-wizard .dx-period button { display: flex !important; align-items: center !important; gap: 8px !important; line-height: 1 !important; border: none !important; padding: 8px 18px !important; border-radius: 50px !important; font-family: var(--dx-font) !important; font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; background: transparent !important; cursor: pointer !important; transition: all .2s ease !important; }
.dx-wizard .dx-period button:not(.dx-active):hover { background: rgba(99,102,241,.1) !important; color: var(--dx-primary) !important; }
.dx-wizard .dx-period button.dx-active { background: var(--dx-surface) !important; color: var(--dx-text) !important; box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; }
.dx-wizard .dx-period .dx-period-badge { background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; color: var(--dx-on-primary) !important; font-size: 10px !important; font-weight: 700 !important; padding: 3px 9px !important; border-radius: 20px !important; white-space: nowrap !important; }

/* Live prisbar */
.dx-wizard .dx-livepris { background: var(--dx-surface) !important; border: 2px solid var(--dx-border) !important; border-radius: 14px !important; margin: 0 0 20px 0 !important; display: none !important; flex-direction: column !important; overflow: hidden !important; }
.dx-wizard .dx-livepris.dx-show { display: flex !important; }
.dx-wizard .dx-livepris-row { display: flex !important; align-items: stretch !important; }
.dx-wizard .dx-livepris-label { padding: 0 16px !important; font-size: 11px !important; font-weight: 700 !important; color: var(--dx-text-faint) !important; text-transform: uppercase !important; letter-spacing: .06em !important; display: flex !important; align-items: center !important; white-space: nowrap !important; background: var(--dx-surface-2) !important; border-right: 2px solid var(--dx-border) !important; }
.dx-wizard .dx-livepris-tal { display: flex !important; flex: 1 !important; flex-wrap: wrap !important; }
.dx-wizard .dx-livepris-item { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 12px 18px !important; flex: 1 !important; min-width: 120px !important; }
.dx-wizard .dx-livepris-item + .dx-livepris-item { border-left: 1px solid var(--dx-border) !important; }
.dx-wizard .dx-livepris-item small { font-size: 10px !important; font-weight: 700 !important; color: var(--dx-text-faint) !important; text-transform: uppercase !important; letter-spacing: .05em !important; margin-bottom: 2px !important; }
.dx-wizard .dx-livepris-item b { font-size: 16px !important; font-weight: 700 !important; color: var(--dx-text) !important; white-space: nowrap !important; }
.dx-wizard .dx-livepris-item.dx-accent b { color: var(--dx-primary) !important; }
@media(max-width:520px) { .dx-wizard .dx-livepris-row { flex-direction: column !important; } .dx-wizard .dx-livepris-label { border-right: none !important; border-bottom: 2px solid var(--dx-border) !important; padding: 10px 16px !important; } .dx-wizard .dx-livepris-item + .dx-livepris-item { border-left: none !important; border-top: 1px solid var(--dx-border) !important; } }

/* Løbende tilvalg-liste i prisbaren (fold ud/sammen) */
.dx-wizard .dx-livepris-tilvalg { border-top: 1px solid var(--dx-border) !important; }
.dx-wizard .dx-livepris-tilvalg-toggle { width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; background: none !important; border: none !important; padding: 8px 16px !important; font-size: 12px !important; font-weight: 700 !important; color: var(--dx-primary) !important; cursor: pointer !important; font-family: var(--dx-font) !important; }
.dx-wizard .dx-livepris-tilvalg-toggle:hover { background: var(--dx-surface-2) !important; }
.dx-wizard .dx-livepris-tilvalg-toggle .dx-arrow { transition: transform .15s !important; }
.dx-wizard .dx-livepris-tilvalg-toggle.dx-open .dx-arrow { transform: rotate(90deg) !important; }
.dx-wizard .dx-livepris-tilvalg-panel { border-top: 1px solid var(--dx-border) !important; padding: 0 4px !important; }

/* Topbar (periode-toggle/prisbar/chip/rediger-banner) — luft ned til trinnets titel */
.dx-wizard #dx-topbar { margin-bottom: 24px !important; }

/* Chip + rediger-banner */
.dx-wizard .dx-chip { display: none; align-items: center !important; gap: 10px !important; background: var(--dx-primary-soft) !important; border: 1.5px solid var(--dx-border-strong) !important; border-radius: 10px !important; padding: 10px 14px !important; margin: 0 0 12px 0 !important; }
.dx-wizard .dx-chip span { font-size: 13px !important; color: var(--dx-text) !important; flex: 1 !important; }
.dx-wizard .dx-edit-banner { display: none; align-items: center !important; gap: 10px !important; background: var(--dx-warn-bg) !important; border: 1.5px solid var(--dx-warn-border) !important; border-radius: 10px !important; padding: 10px 14px !important; margin: 0 0 12px 0 !important; }
.dx-wizard .dx-edit-banner.dx-show { display: flex !important; }
.dx-wizard .dx-edit-banner span { font-size: 13px !important; color: var(--dx-warn-text) !important; flex: 1 !important; }
.dx-wizard .dx-mini-btn { background: none !important; border: 1px solid var(--dx-border-strong) !important; border-radius: 6px !important; color: var(--dx-primary) !important; font-size: 11px !important; font-weight: 700 !important; padding: 4px 12px !important; cursor: pointer !important; font-family: var(--dx-font) !important; white-space: nowrap !important; transition: background .15s, border-color .15s !important; }
.dx-wizard .dx-mini-btn:hover { background: var(--dx-primary-soft) !important; border-color: var(--dx-primary) !important; }
.dx-wizard .dx-edit-banner .dx-mini-btn { border-color: var(--dx-warn-border) !important; color: var(--dx-warn-text) !important; }

/* Domæne-tjek badge */
.dx-wizard .dx-domain-status { font-size: 13px !important; font-weight: 600 !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.dx-wizard .dx-domain-status:empty { display: none !important; }
.dx-wizard .dx-domain-status.dx-ledigt   { color: var(--dx-success) !important; margin-top: 8px !important; }
.dx-wizard .dx-domain-status.dx-optaget  { color: var(--dx-danger) !important; margin-top: 8px !important; }
.dx-wizard .dx-domain-status.dx-ukendt,
.dx-wizard .dx-domain-status.dx-ugyldigt { color: var(--dx-text-muted) !important; margin-top: 8px !important; }

/* Domæne-søgeboks (trin 3) — stor overskrift udenfor, lys boks med god kontrast til status-farverne */
.dx-wizard .dx-domain-heading { font-size: 20px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 14px !important; letter-spacing: -.01em !important; }
.dx-wizard .dx-domain-box { background: var(--dx-surface-2) !important; border: 1.5px solid var(--dx-border) !important; border-radius: 18px !important; padding: 22px 24px !important; }
.dx-wizard .dx-domain-box .dx-field label { font-size: 15px !important; }
.dx-wizard .dx-domain-box #dx-domaene-beskrivelse { font-size: 13px !important; color: var(--dx-text-muted) !important; margin: 0 0 10px !important; line-height: 1.5 !important; }
.dx-wizard .dx-domain-box .dx-field input { background: var(--dx-surface) !important; }
.dx-wizard .dx-domain-tld-note { font-size: 12px !important; color: var(--dx-text-muted) !important; line-height: 1.5 !important; margin-top: 10px !important; }
.dx-wizard .dx-domain-tld-note a { color: var(--dx-primary) !important; font-weight: 600 !important; }
.dx-wizard .dx-ai-domain-toggle { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: var(--dx-primary-softer) !important; border: 1.5px solid transparent !important; padding: 10px 16px !important; margin-top: 14px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 700 !important; color: var(--dx-primary) !important; cursor: pointer !important; transition: all .2s ease !important; }
.dx-wizard .dx-ai-domain-toggle.dx-hidden { display: none !important; }
.dx-wizard .dx-ai-domain-toggle:hover { background: var(--dx-primary-soft) !important; border-color: var(--dx-primary) !important; transform: translateY(-1px) !important; box-shadow: 0 6px 16px rgba(31,51,184,.14) !important; }
.dx-wizard .dx-ai-domain-toggle:active { transform: translateY(0) !important; }
.dx-wizard .dx-ai-domain-toggle .dx-sparkle { flex-shrink: 0 !important; }
.dx-wizard .dx-ai-domain-panel { margin-top: 14px !important; padding: 16px !important; background: var(--dx-surface) !important; border: 1.5px solid var(--dx-border) !important; border-radius: 14px !important; }
.dx-wizard .dx-ai-domain-panel label { font-size: 15px !important; font-weight: 700 !important; }
.dx-wizard .dx-ai-domain-hint { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; margin: 6px 0 12px !important; }
.dx-wizard .dx-ai-domain-panel textarea { width: 100% !important; margin: 6px 0 10px !important; padding: 10px 12px !important; border: 1.5px solid var(--dx-border) !important; border-radius: 10px !important; font-family: inherit !important; resize: vertical !important; }
.dx-wizard .dx-ai-domain-spinner { display: none; width: 13px !important; height: 13px !important; border: 2px solid rgba(0,0,0,.15) !important; border-top-color: currentColor !important; border-radius: 50% !important; margin-right: 8px !important; vertical-align: middle !important; animation: dx-ai-domain-spin .6s linear infinite !important; }
@keyframes dx-ai-domain-spin { to { transform: rotate(360deg); } }
.dx-wizard .dx-ai-domain-results { margin-top: 12px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.dx-wizard .dx-ai-domain-item { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 10px 12px !important; border: 1.5px solid var(--dx-border) !important; border-radius: 10px !important; cursor: pointer !important; font-size: 13px !important; font-weight: 600 !important; transition: border-color .15s !important; opacity: 0 !important; transform: translateY(8px) !important; }
.dx-wizard .dx-ai-domain-item:hover { border-color: var(--dx-primary) !important; }
.dx-wizard .dx-ai-domain-results.dx-ai-domain-results-in .dx-ai-domain-item { opacity: 1 !important; transform: translateY(0) !important; transition: opacity .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1), border-color .15s !important; }
.dx-wizard .dx-ai-domain-results.dx-ai-domain-results-in .dx-ai-domain-item:nth-child(1) { transition-delay: .02s !important; }
.dx-wizard .dx-ai-domain-results.dx-ai-domain-results-in .dx-ai-domain-item:nth-child(2) { transition-delay: .06s !important; }
.dx-wizard .dx-ai-domain-results.dx-ai-domain-results-in .dx-ai-domain-item:nth-child(3) { transition-delay: .10s !important; }
.dx-wizard .dx-ai-domain-results.dx-ai-domain-results-in .dx-ai-domain-item:nth-child(4) { transition-delay: .14s !important; }
.dx-wizard .dx-ai-domain-results.dx-ai-domain-results-in .dx-ai-domain-item:nth-child(5) { transition-delay: .18s !important; }
.dx-wizard .dx-ai-domain-results.dx-ai-domain-results-in .dx-ai-domain-item:nth-child(n+6) { transition-delay: .22s !important; }
.dx-wizard .dx-ai-domain-item.dx-ledigt .dx-ai-domain-badge { color: var(--dx-success) !important; }
.dx-wizard .dx-ai-domain-item.dx-ukendt .dx-ai-domain-badge { color: var(--dx-text-muted) !important; }
.dx-wizard .dx-ai-domain-error { font-size: 12px !important; color: var(--dx-danger) !important; margin: 0 !important; }

/* Tilvalg-grid (Vækst-produkter) — simple faste kort, ingen accordion/hover */
.dx-wizard .dx-addons { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 14px !important; }
@media(max-width:600px) { .dx-wizard .dx-addons { grid-template-columns: repeat(2, 1fr) !important; } }
@media(max-width:420px) { .dx-wizard .dx-addons { grid-template-columns: 1fr !important; } }
.dx-wizard .dx-addon-card { border: 2px solid var(--dx-border) !important; border-radius: 14px !important; background: var(--dx-surface) !important;
	padding: 18px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; transition: border-color .2s, background .2s !important; }
.dx-wizard .dx-addon-card.dx-selected { border-color: var(--dx-primary) !important; background: var(--dx-primary-softer) !important; }
.dx-wizard .dx-addon-card.dx-hidden { display: none !important; }
/* Ydelse kunden allerede har på et andet abonnement — vises, men kan ikke vælges */
.dx-wizard .dx-addon-card.dx-ejet { border-color: var(--dx-success) !important; background: var(--dx-success-bg) !important; }
.dx-wizard .dx-addon-card.dx-ejet .dx-addon-card-desc,
.dx-wizard .dx-addon-card.dx-ejet .dx-addon-card-price { opacity: .6 !important; }
.dx-wizard .dx-addon-card.dx-ejet .dx-addon-card-btn { background: transparent !important; border-color: var(--dx-success) !important; color: var(--dx-success) !important;
	cursor: default !important; opacity: 1 !important; }
.dx-wizard .dx-addon-card-name { font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; }
.dx-wizard .dx-addon-card-desc { font-size: 12px !important; color: var(--dx-text-muted) !important; line-height: 1.5 !important; flex: 1 !important; }
.dx-wizard .dx-addon-card-price { font-size: 12px !important; font-weight: 700 !important; color: var(--dx-primary) !important; }
.dx-wizard .dx-addon-card-btn { width: 100% !important; margin-top: 4px !important; font-size: 12px !important; font-weight: 700 !important; padding: 7px 16px !important; border-radius: 8px !important;
	border: 1.5px solid var(--dx-primary) !important; background: transparent !important; color: var(--dx-primary) !important; cursor: pointer !important; font-family: var(--dx-font) !important; transition: all .15s !important; }
.dx-wizard .dx-addon-card.dx-selected .dx-addon-card-btn { background: var(--dx-primary) !important; color: var(--dx-on-primary) !important; }

/* Webshop kontakt-kort (trin 9) */
/* Webshop dark card (trin 9) — samme stil som "Skræddersyet" på forsiden */
.dx-wizard .dx-webshop-dark { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; flex-wrap: wrap !important; background: var(--dx-text) !important; border-radius: 18px !important; padding: 28px 28px !important; margin-top: 8px !important; }
.dx-wizard .dx-webshop-dark.dx-mt-lg { margin-top: 24px !important; }
.dx-wizard .dx-webshop-dark-text { flex: 1 !important; min-width: 200px !important; }
.dx-wizard .dx-webshop-dark-eyebrow { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: var(--dx-primary-soft) !important; margin-bottom: 6px !important; }
.dx-wizard .dx-webshop-dark-title { font-size: 20px !important; font-weight: 700 !important; color: var(--dx-bg) !important; margin-bottom: 6px !important; }
.dx-wizard .dx-webshop-dark-sub { font-size: 13px !important; color: var(--dx-surface-3) !important; line-height: 1.55 !important; opacity: .9 !important; }

/* Logbuy-beregner */
.dx-wizard .dx-calc { background: var(--dx-surface-2) !important; border: 1px solid var(--dx-border) !important; border-radius: 12px !important; padding: 16px 18px !important; margin-top: 10px !important; }
.dx-wizard .dx-calc-result { font-size: 13px !important; color: var(--dx-text-muted) !important; margin-top: 8px !important; }
.dx-wizard .dx-calc-result b { font-size: 20px !important; color: var(--dx-success) !important; display: block !important; }

/* Opsummering */
.dx-wizard .dx-summary { display: flex !important; flex-direction: column !important; gap: 14px !important; }
.dx-wizard .dx-sum-group { border: 1px solid var(--dx-border) !important; border-radius: 12px !important; overflow: hidden !important; }
.dx-wizard .dx-sum-group-title { background: var(--dx-surface-2) !important; padding: 10px 16px !important; font-size: 11px !important; font-weight: 700 !important; color: var(--dx-primary) !important; text-transform: uppercase !important; letter-spacing: .06em !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.dx-wizard .dx-sum-row { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; padding: 10px 16px !important; border-top: 1px solid var(--dx-border) !important; font-size: 14px !important; gap: 12px !important; }
.dx-wizard .dx-sum-label { color: var(--dx-text-muted) !important; flex-shrink: 0 !important; }
.dx-wizard .dx-sum-label.dx-sum-empty { font-style: italic !important; color: var(--dx-text-faint) !important; }
.dx-wizard .dx-sum-value { font-weight: 600 !important; color: var(--dx-text) !important; text-align: right !important; }
.dx-wizard .dx-sum-row-addon .dx-sum-label { font-weight: 600 !important; color: var(--dx-text) !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.dx-wizard .dx-sum-addon-pris { font-weight: 400 !important; font-size: 12px !important; color: var(--dx-primary) !important; background: rgba(99,102,241,.08) !important; border-radius: 4px !important; padding: 1px 6px !important; }
.dx-wizard .dx-sum-remove-btn { background: none !important; border: 1px solid var(--dx-border-strong) !important; border-radius: 6px !important; color: #e53e3e !important; font-size: 11px !important; font-weight: 700 !important; padding: 4px 10px !important; cursor: pointer !important; font-family: var(--dx-font) !important; white-space: nowrap !important; flex-shrink: 0 !important; transition: background .15s, color .15s !important; }
.dx-wizard .dx-sum-remove-btn:hover { background: #e53e3e !important; color: #fff !important; border-color: #e53e3e !important; }
.dx-wizard .dx-sum-row-addmore { padding-top: 8px !important; padding-bottom: 8px !important; }

/* Prisbox */
.dx-wizard .dx-pricebox { background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; border-radius: 16px !important; padding: 24px !important; color: #fff !important; margin: 20px 0 !important; }
.dx-wizard .dx-pricebox-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; opacity: .8 !important; margin: 0 0 16px 0 !important; text-align: center !important; display: block !important; }
.dx-wizard .dx-price-row { display: flex !important; justify-content: space-between !important; align-items: center !important; font-size: 13px !important; padding: 5px 0 !important; opacity: .9 !important; }
.dx-wizard .dx-price-total { display: flex !important; justify-content: space-between !important; align-items: baseline !important; padding: 12px 0 10px !important; margin-top: 4px !important; border-top: 1px solid rgba(255,255,255,.25) !important; }
.dx-wizard .dx-price-total span:first-child { font-size: 14px !important; font-weight: 700 !important; }
.dx-wizard .dx-price-total span:last-child { font-size: 32px !important; font-weight: 700 !important; line-height: 1 !important; }
.dx-wizard .dx-price-moms { font-size: 12px !important; opacity: .7 !important; text-align: center !important; padding: 0 0 12px 0 !important; }
.dx-wizard .dx-price-renew { font-size: 13px !important; opacity: .85 !important; text-align: center !important; padding: 10px 0 0 0 !important; border-top: 1px solid rgba(255,255,255,.15) !important; display: block !important; }

/* Checkout 50/50 split */
.dx-wizard .dx-checkout-split { display: grid !important; grid-template-columns: 1fr 320px !important; gap: 28px !important; align-items: start !important; }
@media(max-width:840px) {
	.dx-wizard .dx-checkout-split { grid-template-columns: 1fr !important; }
	.dx-wizard .dx-sum-right { position: static !important; top: auto !important; }
}
.dx-wizard .dx-sum-left { min-width: 0 !important; }
.dx-wizard .dx-sum-right { position: sticky !important; top: 24px !important; }
.dx-wizard .dx-period-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 0 12px !important; flex-wrap: wrap !important; font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text) !important; }

/* Checkout branding: logo over kortet, footer under */
.dx-wizard .dx-checkout-header { display: flex !important; justify-content: center !important; padding: 12px 0 28px !important; }
.dx-wizard .dx-checkout-footer { margin-top: 40px !important; padding-top: 24px !important; border-top: 1px solid var(--dx-border) !important; text-align: center !important; }
.dx-wizard .dx-checkout-footer-links { display: flex !important; justify-content: center !important; gap: 20px !important; flex-wrap: wrap !important; margin-bottom: 10px !important; }
.dx-wizard .dx-checkout-footer-links a { font-size: 13px !important; color: var(--dx-text-muted) !important; text-decoration: none !important; }
.dx-wizard .dx-checkout-footer-links a:hover { color: var(--dx-primary) !important; text-decoration: underline !important; }
.dx-wizard .dx-checkout-footer-blurb { font-size: 12px !important; color: var(--dx-text-faint) !important; margin: 0 !important; }

/* Stripe + betaling */
.dx-wizard .dx-stripe-wrap { margin: 24px 0 !important; }
.dx-wizard .dx-stripe-label { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text) !important; margin: 0 0 8px 0 !important; display: block !important; }
.dx-wizard .dx-card-element { padding: 14px 15px !important; border: 2px solid var(--dx-border) !important; border-radius: var(--dx-radius-sm) !important; background: var(--dx-surface) !important; }
.dx-wizard .dx-card-errors { color: var(--dx-danger) !important; font-size: 13px !important; margin: 6px 0 0 0 !important; min-height: 20px !important; }
.dx-wizard .dx-stripe-note { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 12px !important; color: var(--dx-text-faint) !important; margin: 8px 0 0 0 !important; }

/* CTA-kort til Vækst-modal (erstatter den gamle sidebar-liste) */
.dx-wizard .dx-growth-cta.dx-hidden { display: none !important; }
.dx-wizard .dx-growth-cta { display: block !important; background: var(--dx-text) !important; border-radius: 16px !important; padding: 22px 20px !important; margin-top: 16px !important;
	cursor: pointer !important; border: 1.5px solid transparent !important; transition: box-shadow .25s ease, transform .15s ease, border-color .25s ease !important; }
.dx-wizard .dx-growth-cta:hover { transform: translateY(-3px) !important; border-color: var(--dx-primary) !important; box-shadow: 0 10px 32px rgba(56,88,233,.35) !important; }
.dx-wizard .dx-growth-cta:active { transform: translateY(-1px) !important; }
.dx-wizard .dx-growth-cta-eyebrow { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: var(--dx-primary-soft) !important; margin-bottom: 6px !important; }
.dx-wizard .dx-growth-cta-title { font-size: 17px !important; font-weight: 700 !important; color: var(--dx-bg) !important; margin-bottom: 4px !important; }
.dx-wizard .dx-growth-cta-sub { font-size: 12px !important; color: var(--dx-surface-3) !important; line-height: 1.5 !important; opacity: .9 !important; margin-bottom: 10px !important; }
.dx-wizard .dx-growth-cta-logos { display: flex !important; align-items: center !important; gap: 8px !important; margin-bottom: 16px !important; }
.dx-wizard .dx-growth-cta-logos .dx-logo-chip { background: #fff !important; border-radius: 6px !important; padding: 4px 6px !important; }
.dx-wizard .dx-growth-cta-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; width: 100% !important; justify-content: center !important;
	font-family: var(--dx-font) !important; font-size: 13px !important; font-weight: 700 !important; padding: 10px 16px !important; border-radius: 10px !important;
	border: none !important; background: var(--dx-primary) !important; color: #fff !important; cursor: pointer !important; transition: background .15s ease, transform .15s ease !important; }
.dx-wizard .dx-growth-cta-btn .dx-arrow { margin: 0 !important; vertical-align: 0 !important; transition: transform .2s ease !important; }
.dx-wizard .dx-growth-cta:hover .dx-growth-cta-btn { background: var(--dx-primary-2) !important; }
.dx-wizard .dx-growth-cta:hover .dx-growth-cta-btn .dx-arrow { transform: translateX(3px) !important; }
@keyframes dx-growth-cta-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(99,102,241,0); }
  18%  { box-shadow: 0 0 0 4px rgba(99,102,241,.55), 0 0 28px 8px rgba(99,102,241,.16); }
  55%  { box-shadow: 0 0 0 4px rgba(99,102,241,.35), 0 0 32px 10px rgba(99,102,241,.1); }
  100% { box-shadow: 0 0 0 0 rgba(99,102,241,0); }
}
.dx-wizard .dx-growth-cta.dx-growth-cta-pulse { animation: dx-growth-cta-pulse 2s cubic-bezier(.4,0,.2,1) forwards !important; }

/* Intake-modal overlay */
.dx-wizard .dx-modal-overlay { display: none !important; position: fixed !important; inset: 0 !important; z-index: 9999 !important; background: rgba(0,0,0,.45) !important; align-items: center !important; justify-content: center !important; padding: 20px !important; }
.dx-wizard .dx-modal-overlay.dx-show { display: flex !important; }
.dx-wizard .dx-modal-card { background: var(--dx-surface) !important; border-radius: 20px !important; padding: 0 !important; max-width: 480px !important; width: 100% !important; box-shadow: var(--dx-shadow) !important; max-height: 90vh !important; overflow: hidden !important; }
.dx-wizard .dx-modal-scroll { padding: 32px !important; max-height: 90vh !important; overflow-y: auto !important; }
.dx-wizard .dx-modal-head { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 8px !important; }
.dx-wizard .dx-modal-title { font-size: 18px !important; font-weight: 700 !important; color: var(--dx-text) !important; }
.dx-wizard .dx-modal-sub { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; margin: 0 0 4px !important; }
/* Vækst-modal (checkout) — bredere fase A-visning så kort-gridet har plads */
.dx-wizard #dx-growth-modal .dx-modal-card { max-width: 720px !important; }

/* Vilkår + checkboxes */
.dx-wizard .dx-terms { background: var(--dx-surface-2) !important; border: 1px solid var(--dx-border) !important; border-radius: 12px !important; padding: 16px 18px !important; margin: 24px 0 16px !important; font-size: 13px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; }
.dx-wizard .dx-terms-title { font-weight: 700 !important; font-size: 13px !important; color: var(--dx-text) !important; margin: 0 0 12px !important; }
.dx-wizard .dx-terms-item { display: flex !important; gap: 9px !important; align-items: flex-start !important; margin: 0 0 8px !important; }
.dx-wizard .dx-terms-item:last-child { margin: 0 !important; }
.dx-wizard .dx-terms-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--dx-primary) !important; flex-shrink: 0 !important; margin-top: 6px !important; }
.dx-wizard .dx-terms a, .dx-wizard .dx-terms-link { color: var(--dx-primary) !important; text-decoration: underline !important; cursor: pointer !important; }
.dx-wizard .dx-checks { margin: 0 0 20px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.dx-wizard .dx-check { display: flex !important; gap: 11px !important; align-items: flex-start !important; }
.dx-wizard .dx-check input[type="checkbox"] { width: 18px !important; height: 18px !important; flex-shrink: 0 !important; margin-top: 2px !important; accent-color: var(--dx-primary) !important; cursor: pointer !important; }
.dx-wizard .dx-check label { font-size: 13px !important; color: var(--dx-text-muted) !important; cursor: pointer !important; line-height: 1.5 !important; }
.dx-wizard .dx-check a { color: var(--dx-primary) !important; text-decoration: underline !important; }

/* Knap-rækker */
.dx-wizard .dx-btns { display: flex !important; gap: 12px !important; margin: 32px 0 0 0 !important; align-items: center !important; flex-wrap: wrap !important; }
.dx-wizard .dx-btns.dx-btns-top { margin: 0 0 20px 0 !important; }
.dx-wizard .dx-btns.dx-hidden { display: none !important; }

/* ════════════════════════════════════════════════════════════════════════════
   KONTO (dashboard)
   ════════════════════════════════════════════════════════════════════════════ */
/* ── Dashboard som fuld skærm: ingen tema-header/footer, kun en smal topbar ── */
.dx-scope.dx-konto-skaerm { position: fixed !important; inset: 0 !important; z-index: 99980 !important; background: var(--dx-bg) !important; overflow-y: auto !important; }
.dx-konto-topbar { position: sticky !important; top: 0 !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: space-between !important;
	gap: 16px !important; padding: 14px 24px !important; background: var(--dx-surface) !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-konto-topbar-logo { display: inline-flex !important; align-items: center !important; text-decoration: none !important; flex-shrink: 0 !important; }
.dx-konto-topbar-hoejre { display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
.dx-konto-topbar-link { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 14px !important; border-radius: 9px !important;
	font-size: 13px !important; font-weight: 700 !important; color: var(--dx-text-muted) !important; text-decoration: none !important; transition: background .15s, color .15s !important; }
.dx-konto-topbar-link:hover { background: var(--dx-surface-2) !important; color: var(--dx-primary) !important; }
@media(max-width:560px) {
	.dx-konto-topbar { padding: 12px 16px !important; }
	.dx-konto-topbar-link { padding: 7px 10px !important; font-size: 12px !important; }
}

.dx-konto { max-width: 680px !important; margin: 0 auto !important; padding: 34px 20px 70px !important; }
.dx-konto .dx-konto-head { margin-bottom: 28px !important; }
.dx-konto .dx-konto-head h1 { font-size: 26px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 4px !important; }
.dx-konto .dx-konto-head p { color: var(--dx-text-muted) !important; font-size: 15px !important; margin: 0 !important; }
.dx-konto .dx-konto-card { background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: var(--dx-radius) !important; overflow: hidden !important; margin-bottom: 20px !important; }
.dx-konto .dx-konto-card-head { background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; padding: 22px 28px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; }
.dx-konto .dx-konto-card-head small { color: rgba(255,255,255,.8) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .06em !important; display: block !important; }
.dx-konto .dx-konto-card-head b { color: #fff !important; font-size: 22px !important; font-weight: 700 !important; }
.dx-konto .dx-konto-badge { display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 12px !important; font-weight: 700 !important; padding: 4px 12px !important; border-radius: 20px !important; background: rgba(255,255,255,.2) !important; color: #fff !important; }
.dx-konto .dx-konto-body { padding: 22px 28px !important; }
.dx-konto .dx-konto-row { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 10px 0 !important; border-bottom: 1px solid var(--dx-border) !important; gap: 12px !important; }
.dx-konto .dx-konto-row:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.dx-konto .dx-konto-row:first-child { padding-top: 0 !important; }
.dx-konto .dx-konto-row .dx-l { font-size: 14px !important; color: var(--dx-text-muted) !important; }
.dx-konto .dx-konto-row .dx-v { font-size: 14px !important; font-weight: 600 !important; color: var(--dx-text) !important; text-align: right !important; }
/* ════════════════════════════════════════════════════════════════════════════
   "KOM I GANG"-DIALOG — slider med vejene ind på platformen
   ════════════════════════════════════════════════════════════════════════════ */
.dx-scope.dx-tilmeld { display: none !important; position: fixed !important; inset: 0 !important; z-index: 100010 !important;
	background: rgba(8,9,20,.62) !important; -webkit-backdrop-filter: blur(4px) !important; backdrop-filter: blur(4px) !important;
	align-items: center !important; justify-content: center !important; padding: 20px !important; }
.dx-scope.dx-tilmeld.dx-show { display: flex !important; animation: dx-confirm-ind .18s ease !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-card { position: relative !important; background: #0d0f18 !important; border-radius: 22px !important; padding: 14px 14px 16px !important;
	width: 100% !important; max-width: 430px !important; max-height: 92vh !important; overflow-y: auto !important;
	box-shadow: 0 30px 80px rgba(0,0,0,.45) !important; animation: dx-confirm-op .24s cubic-bezier(.16,1,.3,1) !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-luk { position: absolute !important; top: 22px !important; right: 22px !important; z-index: 3 !important;
	width: 30px !important; height: 30px !important; padding: 0 !important; border-radius: 50% !important; border: none !important;
	background: rgba(0,0,0,.45) !important; color: #fff !important; font-size: 20px !important; line-height: 1 !important; cursor: pointer !important;
	display: flex !important; align-items: center !important; justify-content: center !important; transition: background .15s !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-luk:hover { background: rgba(0,0,0,.7) !important; }

/* Alle slides ligger i samme grid-celle. Så bliver beholderen lige så høj som
   det længste slide, og kortet skifter ikke størrelse undervejs. */
.dx-scope.dx-tilmeld .dx-tilmeld-slides { display: grid !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-slide { grid-area: 1 / 1 !important; opacity: 0 !important; visibility: hidden !important;
	transform: translateY(8px) !important; pointer-events: none !important;
	transition: opacity .28s cubic-bezier(.16,1,.3,1), transform .28s cubic-bezier(.16,1,.3,1), visibility .28s !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-slide.dx-active { opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; }

/* Billedområde. Uden billede vises en gradient, så det aldrig ser tomt ud. */
.dx-scope.dx-tilmeld .dx-tilmeld-media { position: relative !important; aspect-ratio: 16 / 10 !important; border-radius: 14px !important; overflow: hidden !important; background: #16192a !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-media.dx-tom { background: linear-gradient(140deg, var(--dx-primary) 0%, var(--dx-primary-2) 55%, #10132a 100%) !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-media.dx-tom::after { content: '' !important; position: absolute !important; inset: 0 !important;
	background: radial-gradient(circle at 72% 22%, rgba(255,255,255,.22) 0%, transparent 58%) !important; }

.dx-scope.dx-tilmeld .dx-tilmeld-krop { padding: 22px 12px 4px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-eyebrow { font-size: 13px !important; font-weight: 600 !important; color: rgba(255,255,255,.55) !important; margin-bottom: 8px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-titel { font-size: 27px !important; font-weight: 700 !important; color: #fff !important; line-height: 1.15 !important; letter-spacing: -.01em !important; margin: 0 0 12px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-tekst { font-size: 14.5px !important; color: rgba(255,255,255,.68) !important; line-height: 1.6 !important; margin: 0 0 22px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-knap { display: inline-flex !important; align-items: center !important; padding: 13px 24px !important; border-radius: 10px !important;
	background: #fff !important; color: #0d0f18 !important; font-size: 14.5px !important; font-weight: 700 !important; text-decoration: none !important; transition: transform .15s, opacity .15s !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-knap:hover { transform: translateY(-2px) !important; opacity: .92 !important; }

/* Bundlinje: prikker til venstre, pile til højre */
.dx-scope.dx-tilmeld .dx-tilmeld-bund { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 22px 12px 4px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-prikker { display: flex !important; gap: 7px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-prik { width: 7px !important; height: 7px !important; padding: 0 !important; border: none !important; border-radius: 50% !important;
	background: rgba(255,255,255,.25) !important; cursor: pointer !important; transition: background .2s, width .2s !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-prik.dx-active { background: #fff !important; width: 20px !important; border-radius: 20px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-pile { display: flex !important; gap: 8px !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-pil { width: 36px !important; height: 36px !important; padding: 0 !important; border-radius: 50% !important;
	background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.2) !important; color: #fff !important; cursor: pointer !important;
	display: flex !important; align-items: center !important; justify-content: center !important; transition: background .15s !important; }
.dx-scope.dx-tilmeld .dx-tilmeld-pil:hover { background: rgba(255,255,255,.22) !important; }
@media(max-width:460px) {
	.dx-scope.dx-tilmeld .dx-tilmeld-titel { font-size: 23px !important; }
	.dx-scope.dx-tilmeld .dx-tilmeld-knap { width: 100% !important; justify-content: center !important; }
}

/* ════════════════════════════════════════════════════════════════════════════
   BEKRÆFTELSES-DIALOG — erstatter browserens window.confirm()
   Ligger uden for .dx-konto, så den kan bruges hvor som helst på platformen.
   ════════════════════════════════════════════════════════════════════════════ */
.dx-scope.dx-confirm { display: none !important; position: fixed !important; inset: 0 !important; z-index: 100000 !important;
	background: rgba(12,14,28,.55) !important; -webkit-backdrop-filter: blur(3px) !important; backdrop-filter: blur(3px) !important;
	align-items: center !important; justify-content: center !important; padding: 20px !important; }
.dx-scope.dx-confirm.dx-show { display: flex !important; animation: dx-confirm-ind .18s ease !important; }
@keyframes dx-confirm-ind { from { opacity: 0; } to { opacity: 1; } }
.dx-scope.dx-confirm .dx-confirm-card { background: var(--dx-surface) !important; border-radius: 18px !important; padding: 28px !important;
	max-width: 420px !important; width: 100% !important; box-shadow: 0 24px 60px rgba(0,0,0,.28) !important;
	animation: dx-confirm-op .22s cubic-bezier(.16,1,.3,1) !important; }
@keyframes dx-confirm-op { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: none; } }
.dx-scope.dx-confirm .dx-confirm-titel { font-size: 19px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 8px !important; line-height: 1.25 !important; }
.dx-scope.dx-confirm .dx-confirm-tekst { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; margin: 0 0 22px !important; }
.dx-scope.dx-confirm .dx-confirm-knapper { display: flex !important; gap: 10px !important; justify-content: flex-end !important; flex-wrap: wrap !important; }
.dx-scope.dx-confirm .dx-confirm-knapper .dx-btn { width: auto !important; padding: 11px 20px !important; font-size: 14px !important; }
/* Rød variant til handlinger der fjerner noget */
.dx-scope.dx-confirm .dx-btn.dx-btn-fare { background: var(--dx-danger) !important; border-color: var(--dx-danger) !important; color: #fff !important; }
.dx-scope.dx-confirm .dx-btn.dx-btn-fare:hover { filter: brightness(.94) !important; }
@media(max-width:420px) {
	.dx-scope.dx-confirm .dx-confirm-knapper { flex-direction: column-reverse !important; }
	.dx-scope.dx-confirm .dx-confirm-knapper .dx-btn { width: 100% !important; justify-content: center !important; }
}

/* ── Forhåndsvisnings-banner (kun administratorer) ── */
.dx-konto .dx-demo-banner { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; flex-wrap: wrap !important;
	background: #fff8e5 !important; border: 1.5px solid #f0c14b !important; border-radius: 12px !important; padding: 14px 18px !important; margin-bottom: 22px !important; }
.dx-konto .dx-demo-banner-txt { font-size: 13px !important; color: #6b5312 !important; line-height: 1.5 !important; }
.dx-konto .dx-demo-banner-txt strong { display: block !important; font-size: 13px !important; color: #4a3a0b !important; }
.dx-konto .dx-demo-banner-valg { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; }
.dx-konto .dx-demo-banner-valg a { font-size: 12px !important; font-weight: 700 !important; padding: 6px 12px !important; border-radius: 7px !important; border: 1px solid #e3bc5a !important;
	background: #fff !important; color: #6b5312 !important; text-decoration: none !important; white-space: nowrap !important; }
.dx-konto .dx-demo-banner-valg a.dx-active { background: #6b5312 !important; border-color: #6b5312 !important; color: #fff !important; }
.dx-konto .dx-demo-banner-valg a.dx-demo-luk { border-color: transparent !important; background: transparent !important; text-decoration: underline !important; }

.dx-konto .dx-konto-sektion-titel { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: var(--dx-primary) !important; margin-bottom: 16px !important; }
.dx-konto .dx-konto-actions { display: flex !important; flex-direction: column !important; gap: 10px !important; }

/* ── Faner i dashboardet ── */
.dx-konto .dx-tabs { display: flex !important; gap: 4px !important; background: var(--dx-surface-2) !important; border: 1px solid var(--dx-border) !important; border-radius: 12px !important; padding: 5px !important; margin-bottom: 24px !important; overflow-x: auto !important; }
.dx-konto .dx-tab { flex: 1 !important; min-width: 110px !important; padding: 10px 16px !important; border: none !important; border-radius: 9px !important; background: none !important; cursor: pointer !important; font-family: var(--dx-font) !important; font-size: 14px !important; font-weight: 700 !important; color: var(--dx-text-muted) !important; white-space: nowrap !important; transition: background .15s, color .15s !important; }
.dx-konto .dx-tab:hover { color: var(--dx-text) !important; }
.dx-konto .dx-tab.dx-active { background: var(--dx-surface) !important; color: var(--dx-primary) !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-konto .dx-tabpanel { display: none !important; }
.dx-konto .dx-tabpanel.dx-active { display: block !important; }

/* ── Kort med kundens leverede hjemmeside ── */
.dx-konto .dx-site-kort { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; flex-wrap: wrap !important;
	background: var(--dx-surface) !important; border: 1.5px solid var(--dx-border) !important; border-left: 4px solid var(--dx-success) !important;
	border-radius: var(--dx-radius) !important; padding: 22px 26px !important; margin-bottom: 20px !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-konto .dx-site-kort-status { display: flex !important; align-items: center !important; gap: 7px !important; font-size: 12px !important; font-weight: 700 !important;
	text-transform: uppercase !important; letter-spacing: .06em !important; color: var(--dx-success) !important; margin-bottom: 5px !important; }
.dx-konto .dx-site-prik { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--dx-success) !important; flex-shrink: 0 !important; }
.dx-konto .dx-site-kort-url { font-size: 20px !important; font-weight: 700 !important; color: var(--dx-text) !important; text-decoration: none !important; word-break: break-all !important; }
.dx-konto .dx-site-kort-url:hover { color: var(--dx-primary) !important; text-decoration: underline !important; }
.dx-konto .dx-site-kort-knapper { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; flex-shrink: 0 !important; }
.dx-konto .dx-site-kort-knapper .dx-btn { width: auto !important; padding: 10px 18px !important; font-size: 14px !important; }

/* ── Tom-tilstand med konverterings-CTA (fx ingen hjemmeside endnu) ── */
.dx-konto .dx-konto-tom { background: var(--dx-surface) !important; border: 1.5px dashed var(--dx-border-strong) !important; border-radius: var(--dx-radius) !important; padding: 34px 30px !important; margin-bottom: 20px !important; }
.dx-konto .dx-konto-tom-eyebrow { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: var(--dx-primary) !important; margin-bottom: 8px !important; }
.dx-konto .dx-konto-tom-title { font-size: 24px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 10px !important; line-height: 1.2 !important; }
.dx-konto .dx-konto-tom-text { font-size: 15px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; margin: 0 0 18px !important; max-width: 54ch !important; }
.dx-konto .dx-konto-tom-liste { list-style: none !important; padding: 0 !important; margin: 0 0 22px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.dx-konto .dx-konto-tom-liste li { display: flex !important; align-items: center !important; gap: 9px !important; font-size: 14px !important; color: var(--dx-text) !important; }
.dx-konto .dx-konto-tom-liste .dx-check-icon { color: var(--dx-success) !important; flex-shrink: 0 !important; }

/* ── Liste over kundens marketing-ydelser ── */
.dx-konto .dx-konto-ydelse { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 0 !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-konto .dx-konto-ydelse:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.dx-konto .dx-konto-ydelse-logo { flex-shrink: 0 !important; width: 34px !important; display: flex !important; justify-content: center !important; }
.dx-konto .dx-konto-ydelse-navn { flex: 1 !important; font-size: 14px !important; font-weight: 600 !important; color: var(--dx-text) !important; }
.dx-konto .dx-konto-ydelse-navn em { font-style: normal !important; font-size: 11px !important; font-weight: 700 !important; color: var(--dx-primary) !important; background: var(--dx-primary-softer) !important; border-radius: 5px !important; padding: 2px 7px !important; margin-left: 6px !important; }
.dx-konto .dx-konto-ydelse-pris { font-size: 13px !important; font-weight: 700 !important; color: var(--dx-text-muted) !important; white-space: nowrap !important; }
/* Afmeld/fortryd pr. ydelse */
.dx-konto .dx-ydelse-opsig { flex-shrink: 0 !important; background: none !important; border: 1px solid var(--dx-border-strong) !important; border-radius: 7px !important;
	padding: 5px 11px !important; font-family: var(--dx-font) !important; font-size: 12px !important; font-weight: 700 !important; color: var(--dx-text-muted) !important;
	cursor: pointer !important; white-space: nowrap !important; transition: color .15s, border-color .15s !important; }
.dx-konto .dx-ydelse-opsig:hover { color: var(--dx-danger) !important; border-color: var(--dx-danger) !important; }
.dx-konto .dx-ydelse-opsig:disabled { opacity: .5 !important; cursor: default !important; }
.dx-konto .dx-konto-ydelse .dx-fortryd-tekst,
.dx-konto .dx-konto-ydelse .dx-opsagt-mrk { display: none !important; }
.dx-konto .dx-konto-ydelse.dx-opsagt .dx-opsig-tekst { display: none !important; }
.dx-konto .dx-konto-ydelse.dx-opsagt .dx-fortryd-tekst { display: inline !important; }
.dx-konto .dx-konto-ydelse.dx-opsagt .dx-opsagt-mrk { display: inline-block !important; font-size: 11px !important; font-weight: 700 !important;
	color: var(--dx-danger) !important; background: var(--dx-danger-bg) !important; border-radius: 5px !important; padding: 2px 7px !important; margin-left: 6px !important; }
.dx-konto .dx-konto-ydelse.dx-opsagt .dx-konto-ydelse-navn,
.dx-konto .dx-konto-ydelse.dx-opsagt .dx-konto-ydelse-pris { opacity: .55 !important; }
.dx-konto .dx-konto-ydelse.dx-opsagt .dx-ydelse-opsig { color: var(--dx-primary) !important; border-color: var(--dx-primary) !important; }
/* Forklaring under listen — vises kun når noget er varslet opsagt */
.dx-konto .dx-opsig-info { display: none !important; align-items: flex-start !important; gap: 10px !important; margin-top: 18px !important;
	background: var(--dx-surface-2) !important; border: 1px solid var(--dx-border) !important; border-radius: 11px !important; padding: 14px 16px !important;
	font-size: 13px !important; color: var(--dx-text-muted) !important; line-height: 1.55 !important; }
.dx-konto .dx-opsig-info.dx-show { display: flex !important; }
.dx-konto .dx-opsig-info strong { display: block !important; color: var(--dx-text) !important; }
.dx-konto .dx-opsig-info .dx-info-icon { flex-shrink: 0 !important; margin-top: 2px !important; color: var(--dx-primary) !important; }

/* Genbrugelig spinner — arver farve via currentColor */
.dx-scope .dx-spinner { display: inline-block !important; width: 15px !important; height: 15px !important; vertical-align: -3px !important; margin-right: 4px !important;
	border: 2px solid currentColor !important; border-top-color: transparent !important; border-radius: 50% !important; opacity: .65 !important;
	animation: dx-spin .7s linear infinite !important; }
@keyframes dx-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .dx-scope .dx-spinner { animation-duration: 2s !important; } }

/* ── Oversigt over kundens abonnementer ── */
.dx-konto .dx-abon { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; flex-wrap: wrap !important;
	padding: 14px 0 !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-konto .dx-abon:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.dx-konto .dx-abon-navn { font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; }
.dx-konto .dx-abon-navn span { display: block !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important;
	letter-spacing: .06em !important; color: var(--dx-primary) !important; margin-top: 2px !important; }
.dx-konto .dx-abon-pris { font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; text-align: right !important; }
.dx-konto .dx-abon-pris span { display: block !important; font-size: 12px !important; font-weight: 400 !important; color: var(--dx-text-faint) !important; margin-top: 2px !important; }

/* ── Detaljer-trinnet i marketing-flowet ── */
/* Afstand under niveau-valgene. Skal være en klasse, ikke inline margin:
   .dx-choices har margin:0 !important og ville overskrive den. */
.dx-mkt .dx-choices.dx-choices-luft { margin: 0 0 20px 0 !important; }
.dx-mkt .dx-mkt-ydelse { padding-bottom: 26px !important; margin-bottom: 26px !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-mkt #dx-mkt-detaljer > .dx-mkt-ydelse:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; }
.dx-mkt .dx-mkt-ydelse-navn { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important;
	font-size: 16px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin-bottom: 14px !important; }
.dx-mkt .dx-mkt-label { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text) !important; margin: 0 0 10px !important; }
/* Sidste felt i en ydelse skal ikke skubbe ekstra luft ned mod skillelinjen */
.dx-mkt .dx-mkt-ydelse .dx-field:last-child { margin-bottom: 0 !important; }

/* ── Banner når en eksisterende kunde tilføjer endnu et produkt ── */
.dx-wizard .dx-kunde-banner, .dx-mkt .dx-kunde-banner { display: flex !important; align-items: flex-start !important; gap: 11px !important; margin: 0 0 22px !important;
	background: var(--dx-primary-softer) !important; border: 1px solid var(--dx-border-strong) !important; border-radius: 12px !important; padding: 14px 18px !important;
	font-size: 13.5px !important; color: var(--dx-text-muted) !important; line-height: 1.55 !important; }
.dx-wizard .dx-kunde-banner strong, .dx-mkt .dx-kunde-banner strong { display: block !important; color: var(--dx-text) !important; margin-bottom: 2px !important; }
.dx-wizard .dx-kunde-banner .dx-info-icon, .dx-mkt .dx-kunde-banner .dx-info-icon { flex-shrink: 0 !important; margin-top: 2px !important; color: var(--dx-primary) !important; }

/* ── Fakturaer ── */
.dx-konto .dx-fakturaer-henter,
.dx-konto .dx-fakturaer-tom { font-size: 13.5px !important; color: var(--dx-text-faint) !important; padding: 14px 0 !important; line-height: 1.6 !important; }
.dx-konto .dx-fakturaer-henter { display: flex !important; align-items: center !important; gap: 4px !important; }
.dx-konto .dx-faktura { display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important;
	padding: 14px 0 !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-konto .dx-faktura:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.dx-konto .dx-faktura-ho { flex: 1 1 140px !important; min-width: 0 !important; }
.dx-konto .dx-faktura-dato { display: block !important; font-size: 14px !important; font-weight: 700 !important; color: var(--dx-text) !important; }
.dx-konto .dx-faktura-nr { display: block !important; font-size: 11.5px !important; color: var(--dx-text-faint) !important; margin-top: 1px !important; }
.dx-konto .dx-faktura-belob { font-size: 14px !important; font-weight: 700 !important; color: var(--dx-text) !important; text-align: right !important; white-space: nowrap !important; }
.dx-konto .dx-faktura-belob span { display: block !important; font-size: 11.5px !important; font-weight: 400 !important; color: var(--dx-text-faint) !important; margin-top: 1px !important; }
.dx-konto .dx-faktura-status { font-size: 11px !important; font-weight: 700 !important; padding: 3px 9px !important; border-radius: 20px !important; white-space: nowrap !important;
	background: var(--dx-surface-2) !important; color: var(--dx-text-muted) !important; }
.dx-konto .dx-faktura-status.dx-betalt { background: var(--dx-success-bg) !important; color: var(--dx-success) !important; }
.dx-konto .dx-faktura-hent { font-size: 12.5px !important; font-weight: 700 !important; color: var(--dx-primary) !important; text-decoration: none !important;
	border: 1.5px solid var(--dx-primary) !important; border-radius: 8px !important; padding: 6px 13px !important; white-space: nowrap !important; transition: background .15s !important; }
.dx-konto .dx-faktura-hent:hover { background: var(--dx-primary-soft) !important; }

/* ── Materiale-upload ── */
.dx-konto .dx-materiale-intro { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; margin: 0 0 22px !important; }
.dx-konto .dx-materiale-kats { display: flex !important; flex-direction: column !important; gap: 18px !important; }
.dx-konto .dx-materiale-kat { border: 1px solid var(--dx-border) !important; border-radius: 14px !important; padding: 16px 18px !important; background: var(--dx-surface-2) !important; }
.dx-konto .dx-materiale-kat-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 14px !important; margin-bottom: 12px !important; flex-wrap: wrap !important; }
.dx-konto .dx-materiale-kat-navn { font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; }
.dx-konto .dx-materiale-taeller { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-primary) !important; }
.dx-konto .dx-materiale-kat-hjaelp { font-size: 12.5px !important; color: var(--dx-text-muted) !important; line-height: 1.5 !important; margin-top: 2px !important; }
.dx-konto .dx-materiale-vaelg { flex-shrink: 0 !important; cursor: pointer !important; }
.dx-konto .dx-materiale-vaelg span { display: inline-flex !important; align-items: center !important; padding: 8px 16px !important; border-radius: 9px !important; border: 1.5px solid var(--dx-primary) !important; color: var(--dx-primary) !important; font-size: 13px !important; font-weight: 700 !important; transition: background .15s !important; }
.dx-konto .dx-materiale-vaelg:hover span { background: var(--dx-primary-soft) !important; }
.dx-konto .dx-materiale-drop { border: 1.5px dashed var(--dx-border-strong) !important; border-radius: 11px !important; padding: 16px !important; text-align: center !important; font-size: 13px !important; color: var(--dx-text-faint) !important; transition: border-color .15s, background .15s !important; }
.dx-konto .dx-materiale-drop.dx-over { border-color: var(--dx-primary) !important; background: var(--dx-primary-softer) !important; color: var(--dx-primary) !important; }
.dx-konto .dx-materiale-drop.dx-uploader { border-color: var(--dx-primary) !important; color: var(--dx-primary) !important; }
.dx-konto .dx-materiale-drop.dx-uploader::after { content: ' Uploader…' !important; font-weight: 700 !important; }
.dx-konto .dx-materiale-liste { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: 12px !important; }
.dx-konto .dx-materiale-liste:empty { margin-top: 0 !important; }
.dx-konto .dx-materiale-fil { display: flex !important; align-items: center !important; gap: 10px !important; background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: 9px !important; padding: 9px 12px !important; }
.dx-konto .dx-materiale-fil-navn { flex: 1 !important; font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text) !important; text-decoration: none !important; word-break: break-all !important; }
.dx-konto .dx-materiale-fil-navn:hover { color: var(--dx-primary) !important; text-decoration: underline !important; }
.dx-konto .dx-materiale-fil-meta { font-size: 11.5px !important; color: var(--dx-text-faint) !important; white-space: nowrap !important; flex-shrink: 0 !important; }
/* display:flex + padding:0 — ellers centreres × ikke i cirklen */
.dx-konto .dx-materiale-slet { flex-shrink: 0 !important; width: 26px !important; height: 26px !important; padding: 0 !important; border-radius: 50% !important; border: none !important;
	background: var(--dx-surface-2) !important; color: var(--dx-danger) !important; font-size: 18px !important; line-height: 1 !important; cursor: pointer !important;
	display: flex !important; align-items: center !important; justify-content: center !important; font-family: var(--dx-font) !important; transition: background .15s !important; }
.dx-konto .dx-materiale-slet:hover { background: var(--dx-danger-bg) !important; }
.dx-konto .dx-materiale-note { font-size: 12px !important; color: var(--dx-text-faint) !important; margin: 18px 0 0 !important; line-height: 1.5 !important; }
.dx-konto .dx-konto-act { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; padding: 16px 20px !important; border-radius: 12px !important; border: 1.5px solid var(--dx-border) !important; background: var(--dx-surface) !important; cursor: pointer !important; font-family: var(--dx-font) !important; font-size: 15px !important; font-weight: 600 !important; text-align: left !important; color: var(--dx-text) !important; transition: all .15s !important; }
.dx-konto .dx-konto-act:hover { border-color: var(--dx-primary) !important; background: var(--dx-surface-2) !important; }
.dx-konto .dx-konto-act.dx-danger { color: var(--dx-danger) !important; border-color: var(--dx-danger) !important; }
.dx-konto .dx-konto-act b { display: block !important; }
.dx-konto .dx-konto-act small { font-size: 12px !important; font-weight: 400 !important; opacity: .7 !important; }
/* Vækst-boks — mørk, så den træder frem i stedet for at gå i ét med baggrunden */
.dx-konto .dx-vaekst { position: relative !important; overflow: hidden !important; background: linear-gradient(150deg, var(--dx-primary) 0%, var(--dx-primary-2) 100%) !important; border: none !important; border-radius: var(--dx-radius) !important; padding: 26px 28px !important; margin-bottom: 20px !important; box-shadow: 0 14px 34px rgba(31,51,184,.28) !important; }
.dx-konto .dx-vaekst::before { content: '' !important; position: absolute !important; top: -70px !important; right: -70px !important; width: 240px !important; height: 240px !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(255,255,255,.14) 0%, transparent 70%) !important; pointer-events: none !important; }
.dx-konto .dx-vaekst > * { position: relative !important; z-index: 1 !important; }
.dx-konto .dx-vaekst-eyebrow { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: rgba(255,255,255,.78) !important; margin-bottom: 8px !important; }
.dx-konto .dx-vaekst-title { font-size: 20px !important; font-weight: 700 !important; color: #fff !important; line-height: 1.25 !important; margin: 0 0 8px !important; }
.dx-konto .dx-vaekst-text { margin: 0 0 18px !important; font-size: 14px !important; color: rgba(255,255,255,.86) !important; line-height: 1.6 !important; }
/* Runde logo-cirkler, samme mønster som marketing-CTA'en på forsiden */
.dx-konto .dx-vaekst-logos { display: flex !important; margin-bottom: 18px !important; }
.dx-konto .dx-vaekst-logos span { width: 46px !important; height: 46px !important; border-radius: 50% !important; background: #fff !important; box-shadow: 0 4px 12px rgba(0,0,0,.18) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.dx-konto .dx-vaekst-logos span + span { margin-left: -14px !important; }
.dx-konto .dx-vaekst .dx-btn { background: #fff !important; color: var(--dx-primary-2) !important; border: none !important; }
.dx-konto .dx-vaekst .dx-btn:hover { background: rgba(255,255,255,.9) !important; }

/* ════════════════════════════════════════════════════════════════════════════
   LOGIN
   ════════════════════════════════════════════════════════════════════════════ */
/* ── Log ind-skærm: delt layout, dækker hele viewporten (ingen header/footer) ── */
.dx-scope.dx-login-screen {
	position: fixed !important; inset: 0 !important; z-index: 99990 !important;
	display: grid !important; grid-template-columns: 1.05fr 1fr !important;
	background: var(--dx-bg) !important; overflow-y: auto !important;
}
/* Venstre panel med slides */
.dx-login-panel { position: relative !important; overflow: hidden !important; background: linear-gradient(155deg, var(--dx-primary) 0%, var(--dx-primary-2) 100%) !important; padding: 44px !important; display: flex !important; }
.dx-login-panel::before { content: '' !important; position: absolute !important; top: -80px !important; right: -80px !important; width: 320px !important; height: 320px !important; border-radius: 50% !important; background: radial-gradient(circle, rgba(255,255,255,.12) 0%, transparent 70%) !important; pointer-events: none !important; }
.dx-login-slide { position: absolute !important; inset: 0 !important; padding: 44px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; gap: 22px !important; opacity: 0 !important; transform: translateY(10px) !important; pointer-events: none !important; transition: opacity .5s cubic-bezier(.16,1,.3,1), transform .5s cubic-bezier(.16,1,.3,1) !important; }
.dx-login-slide.dx-active { opacity: 1 !important; transform: translateY(0) !important; pointer-events: auto !important; }
.dx-login-slide-media { flex: 1 1 auto !important; min-height: 0 !important; border-radius: 18px !important; overflow: hidden !important; background: rgba(255,255,255,.1) !important; }
.dx-login-slide-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.dx-login-slide-body { flex: 0 0 auto !important; }
.dx-login-slide-eyebrow { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: rgba(255,255,255,.72) !important; margin-bottom: 10px !important; }
.dx-login-slide-title { font-size: 30px !important; font-weight: 700 !important; color: #fff !important; line-height: 1.15 !important; margin: 0 0 12px !important; }
.dx-login-slide-text { font-size: 15px !important; color: rgba(255,255,255,.85) !important; line-height: 1.6 !important; margin: 0 0 22px !important; max-width: 46ch !important; }
.dx-login-slide-btn { display: inline-flex !important; align-items: center !important; padding: 12px 22px !important; border-radius: 10px !important; background: #fff !important; color: var(--dx-primary-2) !important; font-size: 14px !important; font-weight: 700 !important; text-decoration: none !important; transition: transform .15s !important; }
.dx-login-slide-btn:hover { transform: translateY(-2px) !important; }
.dx-login-slide-nav { position: absolute !important; right: 44px !important; bottom: 44px !important; z-index: 3 !important; display: flex !important; gap: 10px !important; }
.dx-login-slide-btn-nav { width: 38px !important; height: 38px !important; border-radius: 50% !important; background: rgba(255,255,255,.15) !important; border: 1.5px solid rgba(255,255,255,.3) !important; color: #fff !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background .15s !important; }
.dx-login-slide-btn-nav:hover { background: rgba(255,255,255,.3) !important; }
/* Højre side: formularen */
.dx-login-form-side { display: flex !important; align-items: center !important; justify-content: center !important; padding: 48px 24px !important; }
.dx-login-form-inner { width: 100% !important; max-width: 380px !important; }
.dx-login-brand { display: inline-flex !important; margin-bottom: 34px !important; text-decoration: none !important; }
.dx-login-h1 { font-size: 26px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 6px !important; }
.dx-login-sub { font-size: 14px !important; color: var(--dx-text-muted) !important; margin: 0 0 28px !important; }
@media(max-width:900px) {
	.dx-scope.dx-login-screen { grid-template-columns: 1fr !important; }
	.dx-login-panel { display: none !important; }
}
.dx-login-error { background: var(--dx-danger-bg) !important; border: 1px solid var(--dx-danger) !important; border-radius: 10px !important; padding: 12px 16px !important; font-size: 13px !important; color: var(--dx-danger) !important; margin: 0 0 24px !important; }
.dx-login-field { margin: 0 0 18px !important; }
.dx-login-field label { display: block !important; font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text) !important; margin: 0 0 6px !important; }
.dx-login-field input { width: 100% !important; padding: 12px 14px !important; border: 1.5px solid var(--dx-border) !important; border-radius: 10px !important; font-family: var(--dx-font) !important; font-size: 15px !important; color: var(--dx-text) !important; background: var(--dx-surface) !important; box-sizing: border-box !important; outline: none !important; }
.dx-login-field input:focus { border-color: var(--dx-primary) !important; box-shadow: 0 0 0 3px var(--dx-primary-soft) !important; }
.dx-login-remember-row { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 0 24px !important; gap: 12px !important; }
.dx-login-remember { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: var(--dx-text-muted) !important; cursor: pointer !important; }
.dx-login-remember input { accent-color: var(--dx-primary) !important; width: 16px !important; height: 16px !important; margin: 0 !important; }
.dx-login-forgot { font-size: 13px !important; color: var(--dx-primary) !important; text-decoration: none !important; white-space: nowrap !important; }
.dx-login-bottom { text-align: center !important; margin-top: 20px !important; font-size: 13px !important; color: var(--dx-text-faint) !important; line-height: 1.6 !important; }
.dx-login-bottom a { color: var(--dx-primary) !important; text-decoration: none !important; }

/* ════════════════════════════════════════════════════════════════════════════
   HEADER + MEGA-MENU + TEMA-TOGGLE
   ════════════════════════════════════════════════════════════════════════════ */
/* ── Header base ─────────────────────────────────────────────────────────── */
.dx-scope.dx-header { background: var(--dx-surface) !important; border-bottom: 1px solid var(--dx-border) !important; position: sticky !important; top: 0 !important; z-index: 1000 !important; }
.dx-header .dx-header-inner { max-width: 1200px !important; margin: 0 auto !important; padding: 13px 24px !important; display: flex !important; align-items: center !important; gap: 24px !important; }
.dx-header .dx-logo { font-size: 20px !important; font-weight: 700 !important; color: var(--dx-text) !important; text-decoration: none !important; display: flex !important; align-items: center !important; gap: 8px !important; flex-shrink: 0 !important; }
.dx-header .dx-logo img { height: 36px !important; width: auto !important; display: block !important; }
.dx-header .dx-nav { display: flex !important; align-items: center !important; gap: 2px !important; margin-left: auto !important; }
@media(max-width:960px) { .dx-header .dx-nav { display: none !important; } }
.dx-header .dx-nav-item { position: relative !important; }
.dx-header .dx-nav-link,
.dx-header .dx-nav-btn { display: flex !important; align-items: center !important; gap: 5px !important; padding: 9px 13px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--dx-text) !important; text-decoration: none !important; border-radius: 9px !important; cursor: pointer !important; transition: background .15s, color .15s !important; background: none !important; border: none !important; font-family: var(--dx-font) !important; line-height: 1 !important; }
.dx-header .dx-nav-link:hover,
.dx-header .dx-nav-btn:hover,
.dx-header .dx-mega-active .dx-nav-btn { background: var(--dx-surface-2) !important; }
.dx-header .dx-actions { display: flex !important; align-items: center !important; gap: 10px !important; flex-shrink: 0 !important; }
@media(max-width:960px) { .dx-header .dx-actions { margin-left: auto !important; } }
.dx-header .dx-header-cta { padding: 10px 20px !important; font-size: 14px !important; }

/* Chevron rotation */
.dx-header .dx-nav-chevron { transition: transform .2s ease !important; flex-shrink: 0 !important; }
.dx-header .dx-mega-active .dx-nav-chevron { transform: rotate(180deg) !important; }

/* ── Mega menu panel ──────────────────────────────────────────────────────── */
@keyframes dx-mm-item-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }

.dx-header .dx-megamenu { position: absolute !important; left: 0 !important; right: 0 !important; top: 100% !important; background: var(--dx-surface) !important; border-top: 1px solid var(--dx-border) !important; border-bottom: 1px solid var(--dx-border) !important; box-shadow: 0 24px 60px rgba(0,0,0,.10) !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(-8px) !important; transition: opacity .2s ease, transform .22s ease, visibility .2s !important; z-index: 999 !important; }
.dx-header .dx-megamenu.dx-mm-open { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
.dx-header .dx-mm-inner { max-width: 1200px !important; margin: 0 auto !important; padding: 28px 24px 26px !important; }

/* Stagger per item when menu opens */
.dx-megamenu.dx-mm-open .dx-mm-item { animation: dx-mm-item-in .22s ease both !important; animation-delay: calc(var(--i,0) * 22ms) !important; }

/* ── Item ─────────────────────────────────────────────────────────────────── */
.dx-header .dx-mm-item { display: flex !important; align-items: flex-start !important; gap: 12px !important; padding: 10px 10px !important; border-radius: 12px !important; text-decoration: none !important; color: var(--dx-text) !important; position: relative !important; }
.dx-header .dx-mm-item::before { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 12px !important; background: var(--dx-surface-2) !important; opacity: 0 !important; transition: opacity .15s !important; }
.dx-header .dx-mm-item:hover::before { opacity: 1 !important; }
.dx-header .dx-mm-item:hover .dx-mm-title { color: var(--dx-primary) !important; }

/* Arrow that slides in on hover */
.dx-header .dx-mm-arrow { flex-shrink: 0 !important; align-self: center !important; margin-left: auto !important; color: var(--dx-text-faint) !important; opacity: 0 !important; transform: translateX(-5px) !important; transition: opacity .15s, transform .15s !important; position: relative !important; }
.dx-header .dx-mm-item:hover .dx-mm-arrow { opacity: 1 !important; transform: translateX(0) !important; }

/* Icon square */
.dx-header .dx-mm-icon { width: 40px !important; height: 40px !important; border-radius: 11px !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; color: #fff !important; position: relative !important; }

/* Colored icon gradients */
.dx-header .dx-mm-ic-indigo  { background: linear-gradient(135deg,#6366f1,#4f46e5) !important; }
.dx-header .dx-mm-ic-green   { background: linear-gradient(135deg,#22c55e,#16a34a) !important; }
.dx-header .dx-mm-ic-orange  { background: linear-gradient(135deg,#fb923c,#ea580c) !important; }
.dx-header .dx-mm-ic-blue    { background: linear-gradient(135deg,#60a5fa,#2563eb) !important; }
.dx-header .dx-mm-ic-teal    { background: linear-gradient(135deg,#2dd4bf,#0891b2) !important; }
.dx-header .dx-mm-ic-purple  { background: linear-gradient(135deg,#a78bfa,#7c3aed) !important; }
.dx-header .dx-mm-ic-emerald { background: linear-gradient(135deg,#34d399,#059669) !important; }
.dx-header .dx-mm-ic-sky     { background: linear-gradient(135deg,#38bdf8,#0284c7) !important; }
.dx-header .dx-mm-ic-mono    { background: var(--dx-surface-3) !important; color: var(--dx-text-muted) !important; }

/* Item text */
.dx-header .dx-mm-body { display: flex !important; flex-direction: column !important; gap: 3px !important; min-width: 0 !important; position: relative !important; }
.dx-header .dx-mm-title { font-size: 13px !important; font-weight: 700 !important; color: var(--dx-text) !important; display: flex !important; align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; line-height: 1.3 !important; transition: color .15s !important; }
.dx-header .dx-mm-desc { font-size: 12px !important; color: var(--dx-text-muted) !important; line-height: 1.45 !important; }

/* ── Badges ───────────────────────────────────────────────────────────────── */
.dx-mm-badge { font-size: 9px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; padding: 2px 6px !important; border-radius: 20px !important; white-space: nowrap !important; }
.dx-mm-badge-hot     { background: linear-gradient(135deg,#fbbf24,#f97316) !important; color: #fff !important; }
.dx-mm-badge-popular { background: linear-gradient(135deg,#6366f1,#4f46e5) !important; color: #fff !important; }
.dx-mm-badge-new     { background: #d1fae5 !important; color: #059669 !important; }
.dx-mm-badge-partner { background: #ede9fe !important; color: #6d28d9 !important; }

/* ── Ydelser layout: grid + panel ─────────────────────────────────────────── */
.dx-header .dx-mm-ydelser-layout { display: grid !important; grid-template-columns: 1fr 264px !important; gap: 32px !important; align-items: start !important; }
.dx-header .dx-mm-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 3px !important; }

/* Right panel */
.dx-header .dx-mm-panel { background: linear-gradient(155deg,var(--dx-primary) 0%,var(--dx-primary-2) 100%) !important; border-radius: 18px !important; padding: 24px 20px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; overflow: hidden !important; position: relative !important; }
.dx-header .dx-mm-panel::before { content: '' !important; position: absolute !important; top: -30px !important; right: -30px !important; width: 120px !important; height: 120px !important; background: radial-gradient(circle,rgba(255,255,255,.14) 0%,transparent 70%) !important; }
.dx-header .dx-mm-panel > * { position: relative !important; }
.dx-header .dx-mm-panel-label { font-size: 16px !important; font-weight: 800 !important; color: #fff !important; line-height: 1.2 !important; }
.dx-header .dx-mm-panel-text { font-size: 13px !important; color: rgba(255,255,255,.82) !important; line-height: 1.55 !important; margin: 0 !important; }
.dx-header .dx-mm-panel-cta { display: inline-flex !important; align-items: center !important; gap: 6px !important; background: #fff !important; color: var(--dx-primary) !important; border-radius: 10px !important; padding: 10px 16px !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; width: fit-content !important; transition: opacity .15s !important; margin-top: 4px !important; }
.dx-header .dx-mm-panel-cta:hover { opacity: .88 !important; }
.dx-header .dx-mm-panel-note { font-size: 11px !important; color: rgba(255,255,255,.55) !important; }

/* ── Ressourcer layout: 3 kolonner ────────────────────────────────────────── */
.dx-header .dx-mm-res-layout { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 24px !important; }
.dx-header .dx-mm-col-title { font-size: 10px !important; font-weight: 800 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--dx-text-faint) !important; margin-bottom: 6px !important; padding: 0 10px !important; }

/* Quick links */
.dx-header .dx-mm-qlinks { display: flex !important; flex-direction: column !important; gap: 1px !important; }
.dx-header .dx-mm-qlink { display: flex !important; align-items: center !important; gap: 8px !important; padding: 9px 10px !important; border-radius: 9px !important; font-size: 13px !important; font-weight: 600 !important; color: var(--dx-primary) !important; text-decoration: none !important; transition: background .15s !important; }
.dx-header .dx-mm-qlink:hover { background: var(--dx-primary-softer) !important; }

/* Support box */
.dx-header .dx-mm-support-box { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 14px !important; padding: 12px 14px !important; background: var(--dx-surface-2) !important; border-radius: 12px !important; color: var(--dx-text-muted) !important; }
.dx-header .dx-mm-support-title { font-size: 13px !important; font-weight: 700 !important; color: var(--dx-text) !important; line-height: 1.2 !important; }
.dx-header .dx-mm-support-link { font-size: 12px !important; color: var(--dx-primary) !important; text-decoration: none !important; }
.dx-header .dx-mm-support-link:hover { text-decoration: underline !important; }

/* ── Mobil burger ─────────────────────────────────────────────────────────── */
.dx-header .dx-burger { display: none !important; width: 42px !important; height: 42px !important; border-radius: 10px !important; border: 1.5px solid var(--dx-border) !important; background: var(--dx-surface-2) !important; color: var(--dx-text) !important; cursor: pointer !important; align-items: center !important; justify-content: center !important; }
@media(max-width:960px) { .dx-header .dx-burger { display: inline-flex !important; } }

/* ── Mobil navigation ─────────────────────────────────────────────────────── */
.dx-header .dx-mobile-nav { display: none !important; padding: 8px 20px 24px !important; border-top: 1px solid var(--dx-border) !important; max-height: 80vh !important; overflow-y: auto !important; }
.dx-header .dx-mobile-nav.dx-open { display: block !important; }
.dx-header .dx-mobile-nav a { display: block !important; padding: 11px 10px !important; font-size: 15px !important; font-weight: 600 !important; color: var(--dx-text) !important; text-decoration: none !important; border-radius: 9px !important; }
.dx-header .dx-mobile-nav a:hover { background: var(--dx-surface-2) !important; }
.dx-header .dx-mob-section { font-size: 10px !important; font-weight: 800 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: var(--dx-text-faint) !important; padding: 14px 10px 4px !important; }
.dx-header .dx-mob-divider { border: none !important; border-top: 1px solid var(--dx-border) !important; margin: 8px 0 !important; }

/* ── Responsive mega menu ─────────────────────────────────────────────────── */
@media(max-width:1100px) {
	.dx-header .dx-mm-grid { grid-template-columns: repeat(2,1fr) !important; }
	.dx-header .dx-mm-ydelser-layout { grid-template-columns: 1fr 220px !important; }
}
@media(max-width:960px) {
	.dx-header .dx-megamenu { display: none !important; }
}

/* ════════════════════════════════════════════════════════════════════════════
   FOOTER
   ════════════════════════════════════════════════════════════════════════════ */
.dx-scope.dx-footer { background: var(--dx-surface-2) !important; border-top: 1px solid var(--dx-border) !important; }
.dx-footer .dx-footer-inner { max-width: 1200px !important; margin: 0 auto !important; padding: 52px 24px 0 !important; }
.dx-footer .dx-footer-grid { display: flex !important; flex-wrap: wrap !important; gap: 32px 40px !important; margin-bottom: 40px !important; }
.dx-footer .dx-footer-brand { flex: 2 1 280px !important; }
.dx-footer .dx-footer-col { flex: 1 1 150px !important; }
.dx-footer .dx-footer-logo { font-size: 20px !important; font-weight: 700 !important; color: var(--dx-text) !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.dx-footer .dx-footer-logo img { height: 36px !important; width: auto !important; display: block !important; }
.dx-footer .dx-footer-tagline { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; margin: 14px 0 16px 0 !important; max-width: 360px !important; }
.dx-footer .dx-footer-contact { display: flex !important; flex-direction: column !important; gap: 6px !important; }
.dx-footer .dx-footer-contact a, .dx-footer .dx-footer-contact span { display: inline-flex !important; align-items: center !important; gap: 7px !important; font-size: 13px !important; color: var(--dx-text-muted) !important; text-decoration: none !important; }
.dx-footer .dx-footer-contact .dx-contact-icon { flex-shrink: 0 !important; }
.dx-footer .dx-footer-contact a:hover { color: var(--dx-primary) !important; }
.dx-footer .dx-footer-col-title { display: block !important; font-size: 13px !important; font-weight: 700 !important; color: var(--dx-text) !important; text-decoration: none !important; margin: 0 0 12px 0 !important; }
.dx-footer a.dx-footer-col-title:hover { color: var(--dx-primary) !important; }
.dx-footer .dx-footer-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.dx-footer .dx-footer-col li { margin: 0 0 9px 0 !important; }
.dx-footer .dx-footer-col li a { font-size: 13px !important; color: var(--dx-text-muted) !important; text-decoration: none !important; transition: color .15s !important; }
.dx-footer .dx-footer-col li a:hover { color: var(--dx-primary) !important; }
.dx-footer .dx-footer-partners { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px 16px !important; margin: 40px 0 0 0 !important; padding: 22px 0 !important; border-top: 1px solid var(--dx-border) !important; }
.dx-footer .dx-footer-partners > span:first-child { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .05em !important; color: var(--dx-text-faint) !important; }
.dx-footer .dx-footer-partner { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; }
.dx-footer .dx-footer-bottom { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; flex-wrap: wrap !important; border-top: 1px solid var(--dx-border) !important; padding: 20px 0 28px 0 !important; font-size: 13px !important; color: var(--dx-text-faint) !important; }
.dx-footer .dx-footer-legal { display: flex !important; gap: 20px !important; flex-wrap: wrap !important; }
.dx-footer .dx-footer-legal a { font-size: 13px !important; color: var(--dx-text-muted) !important; text-decoration: none !important; }
.dx-footer .dx-footer-legal a:hover { color: var(--dx-primary) !important; }
@media(max-width:600px) { .dx-footer .dx-footer-bottom { flex-direction: column !important; align-items: flex-start !important; } }

/* ════════════════════════════════════════════════════════════════════════════
   SAMMENLIGNINGS-TABEL (landing) — toggle, kategorier, fremhævet kolonne
   ════════════════════════════════════════════════════════════════════════════ */
.dx-landing .dx-ct-wrap { margin: 8px 0 0 !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; }
/* På desktop bruger vi clip (ikke auto), så header-rækken kan være sticky mod viewporten */
@media(min-width:721px){ .dx-landing .dx-ct-wrap { overflow-x: clip !important; } }
.dx-landing .dx-ct-table { width: 100% !important; min-width: 620px !important; border-collapse: separate !important; border-spacing: 0 !important; font-size: 15px !important; background: transparent !important; }
.dx-landing .dx-ct-table th, .dx-landing .dx-ct-table td { padding: 0 !important; margin: 0 !important; border: none !important; vertical-align: top !important; }

/* Header-række */
.dx-landing .dx-ct-head th { position: sticky !important; top: 64px !important; z-index: 5 !important; padding: 26px 18px 20px !important; font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; background: var(--dx-bg) !important; text-align: center !important; border-bottom: 2px solid var(--dx-border) !important; line-height: 1.4 !important; vertical-align: bottom !important; }
.dx-landing .dx-ct-head th:first-child { text-align: left !important; vertical-align: bottom !important; padding-bottom: 16px !important; }
.dx-landing .dx-ct-toggle-cell { display: flex !important; flex-direction: column !important; gap: 8px !important; align-items: flex-start !important; }
.dx-landing .dx-ct-save { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-primary) !important; background: var(--dx-primary-soft) !important; padding: 4px 12px !important; border-radius: 20px !important; }
.dx-landing .dx-ct-toggle { display: inline-flex !important; background: var(--dx-surface-3) !important; border: 1px solid var(--dx-border) !important; border-radius: 50px !important; padding: 3px !important; gap: 3px !important; }
.dx-landing .dx-ct-period { padding: 7px 16px !important; font-size: 13px !important; font-weight: 600 !important; border: none !important; background: transparent !important; color: var(--dx-text-muted) !important; border-radius: 50px !important; cursor: pointer !important; font-family: var(--dx-font) !important; transition: all .2s ease !important; }
.dx-landing .dx-ct-period:not(.active):hover { background: rgba(99,102,241,.1) !important; color: var(--dx-primary) !important; }
.dx-landing .dx-ct-period.active { background: var(--dx-surface) !important; color: var(--dx-text) !important; box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; }

/* Fremhævet (Premium) kolonne */
.dx-landing .dx-ct-feat { background: var(--dx-primary-soft) !important; }
.dx-landing .dx-ct-head th.dx-ct-feat { color: var(--dx-primary-2) !important; }
.dx-landing .dx-ct-pop { display: inline-block !important; background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; padding: 2px 10px !important; border-radius: 20px !important; margin-bottom: 6px !important; }
.dx-landing .dx-ct-name { font-size: 16px !important; font-weight: 700 !important; color: var(--dx-text) !important; display: block !important; margin-bottom: 3px !important; }
.dx-landing .dx-ct-head th.dx-ct-feat .dx-ct-name { color: var(--dx-primary-2) !important; }
.dx-landing .dx-ct-price { font-size: 14px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; display: block !important; }
.dx-landing .dx-ct-annual { display: block !important; max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; font-size: 12px !important; color: var(--dx-primary) !important; font-weight: 600 !important; transition: max-height 0.38s ease, opacity 0.3s ease, margin 0.38s ease !important; }
.dx-landing .dx-ct-annual.dx-visible { max-height: 3em !important; opacity: 1 !important; margin-top: 4px !important; }
.dx-landing .dx-ct-free { display: block !important; width: fit-content !important; margin: 0 auto !important; max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; font-size: 10px !important; font-weight: 700 !important; color: #059669 !important; background: #d1fae5 !important; padding: 2px 6px !important; border-radius: 20px !important; transition: max-height 0.38s ease, opacity 0.3s ease, margin 0.38s ease !important; }
.dx-landing .dx-ct-free.dx-visible { max-height: 3em !important; opacity: 1 !important; margin: 4px auto !important; }
.dx-landing .dx-ct-cta { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 12px 0 4px !important; padding: 9px 18px !important; border-radius: 8px !important; font-family: var(--dx-font) !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; transition: all .15s !important; border: 1.5px solid var(--dx-border) !important; background: var(--dx-surface) !important; color: var(--dx-text) !important; white-space: nowrap !important; }
.dx-landing .dx-ct-cta:hover { border-color: var(--dx-primary) !important; color: var(--dx-primary) !important; }
.dx-landing .dx-ct-feat .dx-ct-cta { background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; border-color: transparent !important; color: #fff !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-landing .dx-ct-feat .dx-ct-cta:hover { opacity: .9 !important; color: #fff !important; }

/* Kategori-rækker (klikbare) */
.dx-landing .dx-ct-category td { background: var(--dx-bg) !important; }
.dx-landing .dx-ct-category td.dx-ct-feat { background: transparent !important; }
.dx-landing .dx-ct-category:not(.dx-collapsed) td.dx-ct-feat { background: var(--dx-primary-soft) !important; }
.dx-landing .dx-ct-category td:first-child { padding: 16px 20px 10px !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: var(--dx-primary) !important; cursor: pointer !important; user-select: none !important; }
.dx-landing .dx-ct-category td:last-child { text-align: right !important; padding-right: 20px !important; vertical-align: middle !important; cursor: pointer !important; }
.dx-landing .dx-ct-chevron { width: 16px !important; height: 16px !important; color: var(--dx-primary) !important; transition: transform .22s ease !important; display: inline-block !important; vertical-align: middle !important; }
.dx-landing .dx-ct-category.dx-collapsed .dx-ct-chevron { transform: rotate(-90deg) !important; }

/* Data-rækker */
.dx-landing .dx-ct-row td { padding: 0 20px !important; border-bottom: 1px solid var(--dx-border) !important; color: var(--dx-text-muted) !important; background: transparent !important; }
.dx-landing .dx-ct-cell-inner { padding: 13px 0; overflow: hidden; }
.dx-landing .dx-ct-row td:not(:first-child) { text-align: center !important; }
.dx-landing .dx-ct-row td.dx-ct-feat { background: var(--dx-primary-soft) !important; }
.dx-landing .dx-ct-row.dx-hidden { display: none !important; }
.dx-landing .dx-ct-check { width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--dx-primary-soft) !important; color: var(--dx-primary) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.dx-landing .dx-ct-dash { color: var(--dx-text-faint) !important; font-size: 18px !important; }
.dx-landing .dx-ct-val { font-weight: 600 !important; color: var(--dx-text) !important; }

/* ════════════════════════════════════════════════════════════════════════════
   TEMPLATE-SHOWCASE (live iframe-preview)
   ════════════════════════════════════════════════════════════════════════════ */
.dx-landing .dx-tpl-section { max-width: 1100px !important; margin: 0 auto !important; padding: 0 24px 64px !important; }
.dx-landing .dx-tpl-tabs { display: flex !important; gap: 10px !important; justify-content: center !important; margin: 0 auto 20px !important; flex-wrap: wrap !important; max-width: 900px !important; }
.dx-landing .dx-tpl-tab { display: inline-flex !important; align-items: center !important; padding: 11px 22px !important; border-radius: 50px !important; border: 2px solid var(--dx-border) !important; background: var(--dx-surface) !important; cursor: pointer !important; font-family: var(--dx-font) !important; font-size: 15px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; transition: all .15s !important; }
.dx-landing .dx-tpl-tab:hover { border-color: var(--dx-primary) !important; color: var(--dx-text) !important; }
.dx-landing .dx-tpl-tab.active { background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; border-color: transparent !important; color: #fff !important; box-shadow: var(--dx-shadow-sm) !important; }
.dx-landing .dx-tpl-showcase { max-width: 900px !important; margin: 0 auto !important; border-radius: 20px !important; overflow: hidden !important; border: 2px solid var(--dx-border) !important; background: var(--dx-surface-2) !important; box-shadow: var(--dx-shadow) !important; }
.dx-landing .dx-tpl-browser { background: var(--dx-surface-3) !important; padding: 10px 14px !important; display: flex !important; align-items: center !important; gap: 10px !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-landing .dx-tpl-dots { display: flex !important; gap: 5px !important; flex-shrink: 0 !important; }
.dx-landing .dx-tpl-dots span { width: 10px !important; height: 10px !important; border-radius: 50% !important; display: block !important; }
.dx-landing .dx-tpl-dots span:nth-child(1) { background: #ff5f57 !important; }
.dx-landing .dx-tpl-dots span:nth-child(2) { background: #febc2e !important; }
.dx-landing .dx-tpl-dots span:nth-child(3) { background: #28c840 !important; }
.dx-landing .dx-tpl-urlbar { flex: 1 !important; background: var(--dx-surface) !important; border-radius: 6px !important; padding: 5px 10px !important; font-size: 13px !important; color: var(--dx-text-faint) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.dx-landing .dx-tpl-preview { width: 100% !important; height: 400px !important; overflow: hidden !important; position: relative !important; background: var(--dx-surface) !important; }
.dx-landing .dx-tpl-scaler { position: absolute !important; top: 0 !important; left: 0 !important; width: 1280px !important; transform-origin: 0 0 !important; }
.dx-landing .dx-tpl-scaler iframe { width: 1280px !important; height: 700px !important; border: none !important; display: block !important; pointer-events: none !important; }
/* Center-item: iframen er aktiv så man kan scrolle i den */
.dx-landing .dx-car-item.dx-car-c .dx-tpl-scaler iframe { pointer-events: auto !important; }
.dx-landing .dx-tpl-info { padding: 18px 24px !important; border-top: 2px solid var(--dx-border) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; background: var(--dx-surface) !important; flex-wrap: wrap !important; }
.dx-landing .dx-tpl-name { font-size: 16px !important; font-weight: 700 !important; color: var(--dx-text) !important; display: block !important; margin-bottom: 2px !important; }
.dx-landing .dx-tpl-type { font-size: 14px !important; color: var(--dx-text-muted) !important; display: block !important; }
.dx-landing .dx-tpl-link { font-size: 14px !important; font-weight: 600 !important; color: var(--dx-primary) !important; text-decoration: none !important; white-space: nowrap !important; }
.dx-landing .dx-tpl-link:hover { text-decoration: underline !important; }

/* ════════════════════════════════════════════════════════════════════════════
   LOGO-CHIP — partner/ydelses-logoer på hvid baggrund (skarpt i begge temaer)
   ════════════════════════════════════════════════════════════════════════════ */
.dx-scope .dx-logo-chip { display: inline-flex !important; align-items: center !important; flex-shrink: 0 !important; }
.dx-scope .dx-logo-d { display: none !important; }
.dx-scope[data-dx-theme="dark"] .dx-logo-l { display: none !important; }
.dx-scope[data-dx-theme="dark"] .dx-logo-d { display: block !important; }
.dx-scope .dx-arrow { display: inline-block !important; vertical-align: -3px !important; margin-left: 6px !important; }
.dx-scope .dx-arrow.dx-arrow-left { margin-left: 0 !important; margin-right: 6px !important; }
.dx-scope .dx-check-icon { width: 14px !important; height: 14px !important; display: inline-block !important; vertical-align: -2px !important; margin-right: 2px !important; flex-shrink: 0 !important; }
.dx-price-check .dx-check-icon, .dx-ct-check .dx-check-icon { width: 10px !important; height: 10px !important; margin: 0 !important; vertical-align: 0 !important; }
.dx-wizard .dx-success-check { display:flex !important; align-items:center !important; justify-content:center !important; width:64px !important; height:64px !important; margin:0 auto 16px !important;
	border-radius:50% !important; background: var(--dx-success-bg) !important; }
.dx-wizard .dx-success-check .dx-check-icon { width:30px !important; height:30px !important; margin:0 !important; color: var(--dx-success) !important; }

/* ════════════════════════════════════════════════════════════════════════════
   JURIDISKE SIDER (vilkår, privatliv, cookies)
   ════════════════════════════════════════════════════════════════════════════ */
.dx-scope.dx-legal { max-width: 820px !important; margin: 0 auto !important; padding: 0 16px 80px !important; line-height: 1.7 !important; font-size: 16px !important; color: var(--dx-text) !important; }
.dx-legal h1 { font-size: 34px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 6px !important; }
.dx-legal .dx-legal-meta { font-size: 13px !important; color: var(--dx-text-faint) !important; margin: 0 0 48px !important; }
.dx-legal h2 { font-size: 20px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 44px 0 16px !important; padding-bottom: 8px !important; border-bottom: 2px solid var(--dx-border) !important; }
.dx-legal h3 { font-size: 16px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 24px 0 8px !important; }
.dx-legal p { margin: 0 0 14px !important; color: var(--dx-text-muted) !important; }
.dx-legal ul { margin: 0 0 14px !important; padding-left: 22px !important; }
.dx-legal li { margin-bottom: 6px !important; color: var(--dx-text-muted) !important; }
.dx-legal a { color: var(--dx-primary) !important; text-decoration: underline !important; }
.dx-legal strong { color: var(--dx-text) !important; }
.dx-legal code { background: var(--dx-surface-2) !important; padding: 1px 6px !important; border-radius: 4px !important; font-size: 13px !important; }
.dx-legal table { width: 100% !important; border-collapse: collapse !important; margin: 0 0 24px !important; font-size: 14px !important; }
.dx-legal th { background: var(--dx-surface-2) !important; color: var(--dx-text) !important; font-weight: 700 !important; text-align: left !important; padding: 10px 14px !important; border: 1px solid var(--dx-border) !important; }
.dx-legal td { padding: 10px 14px !important; border: 1px solid var(--dx-border) !important; color: var(--dx-text-muted) !important; vertical-align: top !important; }
.dx-legal tr:nth-child(even) td { background: var(--dx-surface-2) !important; }
.dx-legal .dx-legal-highlight { background: var(--dx-primary-softer) !important; border-left: 4px solid var(--dx-primary) !important; border-radius: 0 10px 10px 0 !important; padding: 14px 18px !important; margin: 0 0 14px !important; font-size: 15px !important; color: var(--dx-text-muted) !important; }
.dx-legal .dx-legal-contact { background: var(--dx-surface-2) !important; border: 1px solid var(--dx-border) !important; border-radius: 14px !important; padding: 28px 32px !important; margin-top: 48px !important; }
.dx-legal .dx-legal-contact h2 { margin-top: 0 !important; border-bottom-color: var(--dx-border) !important; }

/* ════════════════════════════════════════════════════════════════════════════
   TEMPLATE-SHOWCASE — knaplinje i bunden
   ════════════════════════════════════════════════════════════════════════════ */
.dx-landing .dx-tpl-actions { display: flex !important; gap: 12px !important; justify-content: center !important; align-items: center !important; margin: 18px 0 0 !important; flex-wrap: wrap !important; }

/* ════════════════════════════════════════════════════════════════════════════
   CENTER-FOCUS KARRUSEL — template showcase
   ════════════════════════════════════════════════════════════════════════════ */
.dx-landing .dx-car-section { overflow: hidden !important; }
.dx-landing .dx-car-wrap { position: relative !important; overflow: hidden !important; padding: 40px 0 24px !important; }

/* Gradient-fade mod kanterne — bruger --dx-bg så det smelter ind i siden */
.dx-landing .dx-car-fade { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 15% !important; z-index: 10 !important; pointer-events: none !important; }

/* ════════════════════════════════════════════════════════════════════════════
   FAQ — accordion med åbne/lukke-animation (grid-template-rows-trick, samme
   teknik som finans-template'ens FAQ)
   ════════════════════════════════════════════════════════════════════════════ */
.dx-landing .dx-faq-item { border: 1px solid var(--dx-border) !important; border-radius: 12px !important; margin-bottom: 12px !important; background: var(--dx-surface) !important; overflow: hidden !important; }
.dx-landing .dx-faq-q { width: 100% !important; text-align: left !important; padding: 18px 22px !important; background: none !important; border: none !important; font-family: var(--dx-font) !important; font-size: 16px !important; font-weight: 600 !important; color: var(--dx-text) !important; cursor: pointer !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; }
.dx-landing .dx-faq-icon { position: relative !important; width: 16px !important; height: 16px !important; flex-shrink: 0 !important; }
.dx-landing .dx-faq-icon::before, .dx-landing .dx-faq-icon::after { content: '' !important; position: absolute !important; background: var(--dx-primary) !important; border-radius: 1px !important; transition: transform .3s cubic-bezier(.16,1,.3,1) !important; }
.dx-landing .dx-faq-icon::before { top: 7px !important; left: 0 !important; width: 16px !important; height: 2px !important; }
.dx-landing .dx-faq-icon::after { top: 0 !important; left: 7px !important; width: 2px !important; height: 16px !important; }
.dx-landing .dx-faq-item.dx-open .dx-faq-icon::after { transform: scaleY(0) !important; }
.dx-landing .dx-faq-a { display: grid !important; grid-template-rows: 0fr !important; transition: grid-template-rows .4s cubic-bezier(.16,1,.3,1) !important; }
.dx-landing .dx-faq-item.dx-open .dx-faq-a { grid-template-rows: 1fr !important; }
.dx-landing .dx-faq-a-inner { overflow: hidden !important; }
.dx-landing .dx-faq-a-inner p { margin: 0 !important; padding: 0 22px 18px !important; font-size: 15px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; }

/* ════════════════════════════════════════════════════════════════════════════
   PROCES — "Din hjemmeside på 3 enkle trin": billede til venstre, trin til højre
   ════════════════════════════════════════════════════════════════════════════ */
.dx-landing .dx-proces-grid { display: grid !important; grid-template-columns: 1fr 1.15fr !important; gap: 20px !important; align-items: stretch !important; }
.dx-landing .dx-proces-media { position: relative !important; border-radius: 20px !important; overflow: hidden !important; min-height: 520px !important; }
.dx-landing .dx-proces-media img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
/* Mørk gradient i bunden, så CTA-kortet altid er læsbart oven på billedet */
.dx-landing .dx-proces-media::after { content: '' !important; position: absolute !important; inset: 0 !important; background: linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55) 100%) !important; pointer-events: none !important; }
.dx-landing .dx-proces-cta {
	position: absolute !important; left: 20px !important; right: 20px !important; bottom: 20px !important; z-index: 2 !important;
	display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important;
	padding: 18px 20px !important; border-radius: 16px !important; text-decoration: none !important;
	background: rgba(20,20,28,.55) !important; border: 1px solid rgba(255,255,255,.18) !important;
	-webkit-backdrop-filter: blur(14px) !important; backdrop-filter: blur(14px) !important;
	transition: background .2s, transform .2s !important;
}
.dx-landing .dx-proces-cta:hover { background: rgba(20,20,28,.72) !important; transform: translateY(-2px) !important; }
.dx-landing .dx-proces-cta-title { display: block !important; font-size: 16px !important; font-weight: 700 !important; color: #fff !important; margin-bottom: 4px !important; }
.dx-landing .dx-proces-cta-sub { display: block !important; font-size: 13px !important; color: rgba(255,255,255,.8) !important; line-height: 1.5 !important; }
.dx-landing .dx-proces-cta-btn { flex-shrink: 0 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #fff !important; color: var(--dx-primary-2) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.dx-landing .dx-proces-panel { background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: 20px !important; padding: 32px !important; box-shadow: var(--dx-shadow) !important; }
.dx-landing .dx-proces-panel-title { font-size: 26px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin: 0 0 8px !important; line-height: 1.2 !important; }
.dx-landing .dx-proces-panel-sub { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; margin: 0 0 22px !important; }
.dx-landing .dx-proces-step { display: flex !important; gap: 14px !important; align-items: flex-start !important; background: var(--dx-surface-2) !important; border: 1px solid var(--dx-border) !important; border-radius: 14px !important; padding: 18px 20px !important; margin-bottom: 12px !important; }
.dx-landing .dx-proces-step:last-child { margin-bottom: 0 !important; }
.dx-landing .dx-proces-step-num { flex-shrink: 0 !important; width: 32px !important; height: 32px !important; border-radius: 9px !important; background: var(--dx-primary) !important; color: var(--dx-on-primary) !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 15px !important; }
.dx-landing .dx-proces-step-title { font-size: 17px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin-bottom: 4px !important; }
.dx-landing .dx-proces-step-desc { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.6 !important; }
@media(max-width:860px) {
	.dx-landing .dx-proces-grid { grid-template-columns: 1fr !important; }
	.dx-landing .dx-proces-media { min-height: 380px !important; }
	.dx-landing .dx-proces-panel { padding: 26px 22px !important; }
}

.dx-landing .dx-car-fade-l { left: 0 !important; background: linear-gradient(to right, var(--dx-bg) 0%, transparent 100%) !important; }
.dx-landing .dx-car-fade-r { right: 0 !important; background: linear-gradient(to left, var(--dx-bg) 0%, transparent 100%) !important; }

/* Bane */
.dx-landing .dx-car-track { display: flex !important; align-items: center !important; gap: 24px !important; will-change: transform !important; cursor: grab !important; user-select: none !important; }
.dx-landing .dx-car-track:active { cursor: grabbing !important; }

/* Item-base: fælles bredde + overgang */
.dx-landing .dx-car-item { flex-shrink: 0 !important; width: clamp(480px, 54vw, 760px) !important; transition: transform .52s cubic-bezier(.4,0,.2,1), opacity .52s ease !important; transform-origin: center center !important; }
/* Aktiv (midten) */
.dx-landing .dx-car-item.dx-car-c  { transform: scale(1)    !important; opacity: 1   !important; }
/* Nabo (±1) */
.dx-landing .dx-car-item.dx-car-s1 { transform: scale(.845) !important; opacity: .65 !important; cursor: pointer !important; }
/* Langt ude (±2+) */
.dx-landing .dx-car-item.dx-car-s2 { transform: scale(.70)  !important; opacity: .30 !important; cursor: pointer !important; }

/* Override showcase max-width/margin inde i carousel-item */
.dx-landing .dx-car-item .dx-tpl-showcase { max-width: none !important; margin: 0 !important; }

/* Label under browser-vinduet */
.dx-landing .dx-car-label { text-align: center !important; padding: 12px 0 0 !important; font-size: 14px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; }
.dx-landing .dx-car-item.dx-car-c .dx-car-label { color: var(--dx-text) !important; }

/* Pile-knapper */
.dx-landing .dx-car-btn { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 20 !important; width: 46px !important; height: 46px !important; border-radius: 50% !important; background: var(--dx-surface) !important; border: 1.5px solid var(--dx-border) !important; box-shadow: var(--dx-shadow-sm) !important; cursor: pointer !important; color: var(--dx-text) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background .15s, box-shadow .15s !important; }
.dx-landing .dx-car-btn:hover { background: var(--dx-surface-3) !important; box-shadow: var(--dx-shadow) !important; }
.dx-landing .dx-car-prev { left: 20px !important; }
.dx-landing .dx-car-next { right: 20px !important; }

/* Dots */
.dx-landing .dx-car-dots { display: flex !important; gap: 8px !important; justify-content: center !important; padding: 8px 0 4px !important; }
.dx-landing .dx-car-dot { width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--dx-border-strong) !important; border: none !important; cursor: pointer !important; padding: 0 !important; transition: background .2s, transform .2s !important; }
.dx-landing .dx-car-dot.dx-car-dot-on { background: var(--dx-primary) !important; transform: scale(1.4) !important; }

/* Mobil: smalere items, ingen pile, smallere fade */
@media (max-width: 768px) {
	.dx-landing .dx-car-item { width: clamp(280px, 82vw, 460px) !important; }
	.dx-landing .dx-car-btn  { display: none !important; }
	.dx-landing .dx-car-fade { width: 8% !important; }
}

/* ════════════════════════════════════════════════════════════════════════════
   PILL-TOGGLE (genbrugelig) + MODERNE PRISKORT
   ════════════════════════════════════════════════════════════════════════════ */
.dx-landing .dx-pill-toggle { display: inline-flex !important; gap: 4px !important; background: var(--dx-surface-3) !important; border: 1px solid var(--dx-border) !important; border-radius: 50px !important; padding: 4px !important; }
.dx-landing .dx-pill-btn { border: none !important; background: transparent !important; color: var(--dx-text-muted) !important; font-family: var(--dx-font) !important; font-size: 14px !important; font-weight: 600 !important; padding: 9px 22px !important; border-radius: 50px !important; cursor: pointer !important; transition: all .2s ease !important; }
.dx-landing .dx-pill-btn:not(.active):hover { background: rgba(99,102,241,.1) !important; color: var(--dx-primary) !important; }
.dx-landing .dx-pill-btn.active { background: var(--dx-surface) !important; color: var(--dx-text) !important; box-shadow: 0 2px 6px rgba(0,0,0,.12) !important; }
.dx-landing .dx-pill-save { font-size: 13px !important; font-weight: 600 !important; color: var(--dx-primary) !important; background: var(--dx-primary-soft) !important; padding: 4px 14px !important; border-radius: 20px !important; display: inline-block !important; }

/* ── Prissektions-baggrund ── */
.dx-landing #priser { background: linear-gradient(180deg, rgba(238,240,255,.55) 0%, rgba(248,249,255,.3) 100%) !important; }

.dx-landing .dx-price-grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 30px !important; align-items: stretch !important; margin-top: 56px !important; }
@media(max-width:880px){ .dx-landing .dx-price-grid { grid-template-columns: 1fr !important; max-width: 420px !important; margin: 0 auto !important; } }
@media(max-width:880px){ .dx-landing .dx-onecom-grid { grid-template-columns: 1fr !important; gap: 32px !important; } .dx-landing .dx-onecom-grid > div:last-child { order: -1 !important; } }
@media(max-width:880px){ .dx-landing .dx-mkt-cta-grid { grid-template-columns: 1fr !important; gap: 32px !important; padding: 32px !important; } .dx-landing .dx-mkt-cta-grid > div:last-child { order: -1 !important; } }
.dx-landing .dx-price-card { display: flex !important; flex-direction: column !important; background: var(--dx-surface) !important; border: 2px solid var(--dx-border) !important; border-radius: 28px !important; padding: 28px 28px 32px !important; box-shadow: var(--dx-shadow) !important; position: relative !important; }
/* Ydre gradient = header-baggrund; indre .dx-feat-body = hvid med egen border-radius → perfekte koncentrerede hjørner */
.dx-landing .dx-price-card.dx-feat { background: linear-gradient(135deg, var(--dx-primary) 0%, var(--dx-primary-2) 100%) !important; border: none !important; border-radius: 28px !important; overflow: hidden !important; padding: 0 !important; box-shadow: 0 0 0 10px rgba(99,102,241,.12), 0 32px 80px rgba(99,102,241,.38) !important; }
.dx-landing .dx-feat-body { background: #fff !important; border-radius: 23px !important; margin: 0 5px 5px !important; padding: 24px 24px 32px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; }
@media(min-width:881px){ .dx-landing .dx-price-card.dx-feat { transform: scale(1.07) !important; z-index: 2 !important; } }
.dx-landing .dx-price-feat-header { background: transparent !important; color: #fff !important; text-align: center !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; padding: 13px 28px !important; margin: 0 !important; text-shadow: 0 1px 3px rgba(0,0,0,.15) !important; }
.dx-landing .dx-price-name { font-size: 20px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin-bottom: 4px !important; }
.dx-landing .dx-price-tag { font-size: 13px !important; color: var(--dx-text-muted) !important; line-height: 1.5 !important; margin-bottom: 18px !important; min-height: 48px !important; }
.dx-landing .dx-price-amount { display: flex !important; align-items: baseline !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 2px !important; }
.dx-landing .dx-price-num { font-size: 44px !important; font-weight: 700 !important; color: var(--dx-text) !important; line-height: 1 !important; font-variant-numeric: tabular-nums !important; display: inline-block !important; }
.dx-landing .dx-price-unit { font-size: 15px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; }
.dx-landing .dx-price-free { display: none; font-size: 11px !important; font-weight: 700 !important; color: var(--dx-primary) !important; background: var(--dx-primary-soft) !important; padding: 3px 9px !important; border-radius: 20px !important; }
.dx-landing .dx-price-billed { font-size: 13px !important; color: var(--dx-text-faint) !important; margin: 4px 0 20px !important; min-height: 18px !important; }
@keyframes dx-hop-in { from { opacity: 0; transform: scale(0.6); } to { opacity: 1; transform: scale(1); } }
@keyframes dx-fade-up { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.dx-landing .dx-price-free.dx-hop-in { animation: dx-hop-in 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards !important; }
.dx-landing .dx-price-billed.dx-fade-up { animation: dx-fade-up 0.28s ease forwards !important; }
.dx-landing .dx-price-inside { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; color: var(--dx-text-faint) !important; margin: 22px 0 12px !important; }
.dx-landing .dx-price-feats { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.dx-landing .dx-price-feats li { font-size: 14px !important; color: var(--dx-text-muted) !important; padding: 7px 0 !important; display: flex !important; gap: 9px !important; align-items: flex-start !important; line-height: 1.4 !important; }
.dx-landing .dx-price-check { width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--dx-primary-soft) !important; color: var(--dx-primary) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 1px !important; }

/* ─── Page-load entrance-animation (header + hero, IKKE karrusellen) ───
   To-klasses teknik: "pending" sættes synkront af et inline-script FØR elementet
   males (undgår FOUC), "ready" tilføjes efter DOMContentLoaded og udløser
   overgangen. Uden JS forbliver "pending" aldrig sat, så indhold vises normalt. */
.dx-header.dx-anim-pending .dx-header-inner > * { opacity: 0 !important; transform: translateY(-10px) !important; will-change: opacity, transform !important; }
.dx-header.dx-anim-pending.dx-anim-ready .dx-header-inner > * { opacity: 1 !important; transform: translateY(0) !important; transition: opacity .5s cubic-bezier(.4,0,.2,1), transform .5s cubic-bezier(.4,0,.2,1) !important; }
.dx-header.dx-anim-pending.dx-anim-ready .dx-header-inner > *:nth-child(1) { transition-delay: .05s !important; }
.dx-header.dx-anim-pending.dx-anim-ready .dx-header-inner > *:nth-child(2) { transition-delay: .12s !important; }
.dx-header.dx-anim-pending.dx-anim-ready .dx-header-inner > *:nth-child(3) { transition-delay: .19s !important; }

.dx-landing.dx-anim-pending .dx-hero > * { opacity: 0 !important; transform: translateY(18px) !important; will-change: opacity, transform !important; }
.dx-landing.dx-anim-pending.dx-anim-ready .dx-hero > * { opacity: 1 !important; transform: translateY(0) !important; transition: opacity .65s cubic-bezier(.4,0,.2,1), transform .65s cubic-bezier(.4,0,.2,1) !important; }
.dx-landing.dx-anim-pending.dx-anim-ready .dx-hero > *:nth-child(1) { transition-delay: .10s !important; }
.dx-landing.dx-anim-pending.dx-anim-ready .dx-hero > *:nth-child(2) { transition-delay: .20s !important; }
.dx-landing.dx-anim-pending.dx-anim-ready .dx-hero > *:nth-child(3) { transition-delay: .30s !important; }
.dx-landing.dx-anim-pending.dx-anim-ready .dx-hero > *:nth-child(4) { transition-delay: .40s !important; }
.dx-landing.dx-anim-pending.dx-anim-ready .dx-hero > *:nth-child(5) { transition-delay: .50s !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   KOMMER SNART-SIDE
   Vises ved 404 og ved sider uden indhold. Se includes/kommer-snart.php.
   ═══════════════════════════════════════════════════════════════════════════ */

body.dx-ks-side { margin: 0 !important; padding: 0 !important; background: var(--dx-bg) !important; font-family: var(--dx-font) !important; }

.dx-ks { position: relative !important; overflow: hidden !important; padding: 96px 24px 104px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-height: calc(100vh - 420px) !important; }

/* ── Baggrund: to bløde farveskyer og et fint gitter ────────────────────── */
.dx-ks-bg { position: absolute !important; inset: 0 !important; pointer-events: none !important; z-index: 0 !important; }
.dx-ks-orb { position: absolute !important; border-radius: 50% !important; filter: blur(90px) !important; opacity: .5 !important; }
.dx-ks-orb-1 { width: 520px !important; height: 520px !important; top: -170px !important; left: -130px !important; background: radial-gradient(circle, rgba(56,88,233,.34), transparent 68%) !important; animation: dx-ks-drift 19s ease-in-out infinite !important; }
.dx-ks-orb-2 { width: 440px !important; height: 440px !important; bottom: -160px !important; right: -110px !important; background: radial-gradient(circle, rgba(31,146,84,.22), transparent 68%) !important; animation: dx-ks-drift 23s ease-in-out infinite reverse !important; }
.dx-ks-net { position: absolute !important; inset: 0 !important; background-image: linear-gradient(var(--dx-border) 1px, transparent 1px), linear-gradient(90deg, var(--dx-border) 1px, transparent 1px) !important; background-size: 62px 62px !important; opacity: .35 !important; mask-image: radial-gradient(ellipse 78% 62% at 50% 42%, #000 30%, transparent 78%) !important; -webkit-mask-image: radial-gradient(ellipse 78% 62% at 50% 42%, #000 30%, transparent 78%) !important; }
@keyframes dx-ks-drift { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(38px, 30px) scale(1.08); } }

/* ── Layout ─────────────────────────────────────────────────────────────── */
.dx-ks-inner { position: relative !important; z-index: 1 !important; width: 100% !important; max-width: 1140px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr) !important; gap: 68px !important; align-items: center !important; }

.dx-ks-tekstkol > * { animation: dx-ks-ind .65s cubic-bezier(.4, 0, .2, 1) both !important; }
.dx-ks-tekstkol > *:nth-child(1) { animation-delay: .05s !important; }
.dx-ks-tekstkol > *:nth-child(2) { animation-delay: .14s !important; }
.dx-ks-tekstkol > *:nth-child(3) { animation-delay: .23s !important; }
.dx-ks-tekstkol > *:nth-child(4) { animation-delay: .32s !important; }
.dx-ks-tekstkol > *:nth-child(5) { animation-delay: .41s !important; }
@keyframes dx-ks-ind { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

/* ── Badge med pulserende prik ──────────────────────────────────────────── */
.dx-ks-badge { display: inline-flex !important; align-items: center !important; gap: 9px !important; padding: 7px 15px 7px 12px !important; border-radius: 999px !important; background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; box-shadow: 0 2px 10px rgba(31, 51, 184, .07) !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .05em !important; text-transform: uppercase !important; color: var(--dx-text-muted) !important; margin-bottom: 26px !important; }
.dx-ks-puls { position: relative !important; width: 8px !important; height: 8px !important; border-radius: 50% !important; background: var(--dx-primary) !important; flex-shrink: 0 !important; }
.dx-ks-puls::after { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: 50% !important; background: var(--dx-primary) !important; animation: dx-ks-puls 1.9s cubic-bezier(.4, 0, .6, 1) infinite !important; }
@keyframes dx-ks-puls { 0% { transform: scale(1); opacity: .7; } 70%, 100% { transform: scale(3.1); opacity: 0; } }

/* ── Tekst ──────────────────────────────────────────────────────────────── */
.dx-ks-titel { font-size: clamp(34px, 5vw, 54px) !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.025em !important; color: var(--dx-text) !important; margin: 0 0 18px !important; }
.dx-ks-tekst { font-size: 17px !important; line-height: 1.62 !important; color: var(--dx-text-muted) !important; margin: 0 0 32px !important; max-width: 46ch !important; }

/* ── Knapper ────────────────────────────────────────────────────────────── */
/* Knapperne arver .dx-btn / .dx-btn-primary / .dx-btn-secondary fra basis-temaet.
   Vi tilføjer kun det der mangler, og scoper det som .dx-scope .dx-ks-btn så det
   ikke taber til .dx-scope .dx-btn på specificitet. */
.dx-ks-knapper { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-bottom: 40px !important; }
.dx-scope .dx-ks-btn { font-weight: 700 !important; }
.dx-scope .dx-ks-btn svg { flex-shrink: 0 !important; }

/* ── Genvejslinks ───────────────────────────────────────────────────────── */
.dx-ks-links { border-top: 1px solid var(--dx-border) !important; padding-top: 24px !important; }
.dx-ks-links-label { display: block !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: var(--dx-text-faint) !important; margin-bottom: 13px !important; }
.dx-ks-links-rk { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.dx-ks-link { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 8px 14px !important; border-radius: 999px !important; background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; font-size: 13.5px !important; font-weight: 600 !important; color: var(--dx-text) !important; text-decoration: none !important; transition: border-color .18s ease, color .18s ease, transform .18s ease !important; }
.dx-ks-link svg { opacity: .45 !important; transition: transform .18s ease, opacity .18s ease !important; }
.dx-ks-link:hover { border-color: var(--dx-primary) !important; color: var(--dx-primary) !important; transform: translateY(-1px) !important; }
.dx-ks-link:hover svg { opacity: 1 !important; transform: translateX(3px) !important; }

/* ── Visuel: browservindue under opbygning ──────────────────────────────── */
.dx-ks-visuelkol { display: flex !important; justify-content: center !important; }
.dx-ks-mock { width: 100% !important; max-width: 520px !important; background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: 16px !important; box-shadow: 0 24px 70px rgba(31, 51, 184, .16), 0 2px 8px rgba(0, 0, 0, .04) !important; overflow: hidden !important; animation: dx-ks-svaev 7s ease-in-out infinite, dx-ks-ind .8s cubic-bezier(.4, 0, .2, 1) .3s both !important; }
@keyframes dx-ks-svaev { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-11px); } }

.dx-ks-mock-bar { display: flex !important; align-items: center !important; gap: 6px !important; padding: 13px 16px !important; background: var(--dx-surface-2) !important; border-bottom: 1px solid var(--dx-border) !important; }
.dx-ks-prik { width: 9px !important; height: 9px !important; border-radius: 50% !important; background: var(--dx-border-strong) !important; flex-shrink: 0 !important; }
.dx-ks-mock-url { flex: 1 !important; display: flex !important; align-items: center !important; gap: 7px !important; margin-left: 10px !important; padding: 6px 12px !important; border-radius: 999px !important; background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; font-size: 12px !important; color: var(--dx-text-faint) !important; overflow: hidden !important; }
.dx-ks-mock-url span { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.dx-ks-mock-url em { font-style: normal !important; color: var(--dx-text) !important; font-weight: 600 !important; }

.dx-ks-mock-body { padding: 22px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
.dx-ks-sk { position: relative !important; overflow: hidden !important; background: var(--dx-surface-3) !important; border-radius: 8px !important; }
.dx-ks-sk::after { content: "" !important; position: absolute !important; inset: 0 !important; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .9), transparent) !important; transform: translateX(-100%) !important; animation: dx-ks-glimt 2.4s ease-in-out infinite !important; animation-delay: calc(var(--i, 0) * .13s) !important; }
@keyframes dx-ks-glimt { 0% { transform: translateX(-100%); } 62%, 100% { transform: translateX(100%); } }

.dx-ks-sk-hero { height: 92px !important; border-radius: 11px !important; margin-bottom: 4px !important; }
.dx-ks-sk-linje { height: 11px !important; }
.dx-ks-mock-rk { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 11px !important; margin: 6px 0 !important; }
.dx-ks-sk-kort { height: 62px !important; border-radius: 10px !important; }
.dx-ks-w80 { width: 80% !important; }
.dx-ks-w65 { width: 65% !important; }
.dx-ks-w55 { width: 55% !important; }
.dx-ks-w35 { width: 35% !important; }

/* ── Bjælke der kun vises for redaktører ────────────────────────────────── */
.dx-ks-adminbar { position: fixed !important; left: 50% !important; bottom: 20px !important; transform: translateX(-50%) !important; z-index: 9999 !important; display: flex !important; align-items: center !important; gap: 10px !important; max-width: calc(100vw - 32px) !important; padding: 11px 18px !important; border-radius: 12px !important; background: var(--dx-text) !important; color: #fff !important; font-family: var(--dx-font) !important; font-size: 13.5px !important; line-height: 1.45 !important; box-shadow: 0 10px 34px rgba(13, 27, 62, .34) !important; }
.dx-ks-adminbar svg { flex-shrink: 0 !important; opacity: .75 !important; }
.dx-ks-adminbar strong { font-weight: 700 !important; }
.dx-ks-adminbar a { color: #fff !important; text-decoration: underline !important; text-underline-offset: 3px !important; margin-left: 10px !important; white-space: nowrap !important; }

/* ── Responsivt ─────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	.dx-ks { padding: 64px 20px 76px !important; }
	.dx-ks-inner { grid-template-columns: 1fr !important; gap: 46px !important; }
	.dx-ks-visuelkol { order: -1 !important; }
	.dx-ks-mock { max-width: 420px !important; }
	.dx-ks-tekst { max-width: none !important; }
}
@media (max-width: 520px) {
	.dx-ks-knapper { gap: 10px !important; }
	.dx-scope .dx-ks-btn { width: 100% !important; justify-content: center !important; }
	.dx-ks-mock-rk { gap: 8px !important; }
	.dx-ks-adminbar { font-size: 12.5px !important; padding: 10px 14px !important; }
}

/* Respekter brugerens ønske om mindre bevægelse */
@media (prefers-reduced-motion: reduce) {
	.dx-ks-orb, .dx-ks-puls::after, .dx-ks-sk::after, .dx-ks-mock, .dx-ks-tekstkol > * { animation: none !important; }
	.dx-ks-tekstkol > * { opacity: 1 !important; transform: none !important; }
}

/* ── CTA-kort inde i et wizard-trin (fx redesign-tilbud på trin 2) ────────── */
.dx-step-cta { display: flex !important; align-items: center !important; gap: 18px !important; flex-wrap: wrap !important; margin: 22px 0 0 !important; padding: 18px 20px !important; border: 1px solid var(--dx-border) !important; border-radius: var(--dx-radius) !important; background: var(--dx-surface-2) !important; }
.dx-step-cta-tekst { flex: 1 1 260px !important; min-width: 0 !important; }
.dx-step-cta-tekst strong { display: block !important; font-size: 14.5px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin-bottom: 4px !important; line-height: 1.35 !important; }
.dx-step-cta-tekst span { display: block !important; font-size: 13.5px !important; color: var(--dx-text-muted) !important; line-height: 1.5 !important; }
.dx-scope .dx-step-cta-btn { flex-shrink: 0 !important; padding: 11px 20px !important; font-size: 14px !important; }
@media (max-width: 560px) {
	.dx-step-cta { gap: 14px !important; padding: 16px !important; }
	.dx-scope .dx-step-cta-btn { width: 100% !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   AI-DOMÆNEFORSLAG — mørkt "AI-værktøj"-look
   Overskriver de lyse regler længere oppe. Bemærk: her sættes ALDRIG display,
   fordi panelet åbnes og lukkes med inline style fra JS.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Trigger-pillen matcher panelet, så de to læses som én enhed */
.dx-wizard .dx-ai-domain-toggle { background: linear-gradient(140deg, #232a3d 0%, #141824 100%) !important; border: 1px solid rgba(255, 255, 255, .14) !important; color: #eef1fb !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 4px 14px rgba(9, 12, 22, .22) !important; }
.dx-wizard .dx-ai-domain-toggle:hover { background: linear-gradient(140deg, #2b3349 0%, #1a1f2e 100%) !important; border-color: rgba(255, 255, 255, .28) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 8px 22px rgba(9, 12, 22, .3) !important; }
.dx-wizard .dx-ai-domain-toggle .dx-sparkle { color: #fff !important; }

/* ── Foldning ──────────────────────────────────────────────────────────────
   grid-template-rows 0fr → 1fr lader panelet folde ud til sin egen højde,
   uden at vi skal kende eller gætte den. Derfor virker det også når AI-
   forslagene bagefter gør panelet højere. Bemærk at højden animeres på
   wrap'en, ikke på panelet, så vi aldrig rører display. */
.dx-wizard .dx-ai-domain-wrap { display: grid !important; grid-template-rows: 0fr !important; margin-top: 0 !important; transition: grid-template-rows .44s cubic-bezier(.22, .61, .36, 1), margin-top .44s cubic-bezier(.22, .61, .36, 1) !important; }
.dx-wizard .dx-ai-domain-wrap.dx-open { grid-template-rows: 1fr !important; margin-top: 14px !important; }
.dx-wizard .dx-ai-domain-wrap-inder { overflow: hidden !important; min-height: 0 !important; }

/* ── Selve panelet ─────────────────────────────────────────────────────── */
.dx-wizard .dx-ai-domain-panel { position: relative !important; overflow: hidden !important; margin-top: 0 !important; padding: 24px !important; border-radius: 18px !important; border: 1px solid rgba(255, 255, 255, .11) !important; background-color: #12161f !important; background: linear-gradient(158deg, #222a3c 0%, #12161f 52%, #191f2c 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 20px 44px rgba(9, 12, 22, .34) !important; opacity: 0 !important; transform: translateY(-10px) !important; transition: opacity .3s ease .04s, transform .44s cubic-bezier(.22, .61, .36, 1) !important; }
.dx-wizard .dx-ai-domain-wrap.dx-open .dx-ai-domain-panel { opacity: 1 !important; transform: translateY(0) !important; }

/* Blødt metallisk skær i øverste venstre hjørne */
.dx-wizard .dx-ai-domain-panel::after { content: "" !important; position: absolute !important; top: -70px !important; left: -50px !important; width: 320px !important; height: 220px !important; background: radial-gradient(ellipse at center, rgba(255, 255, 255, .09), transparent 68%) !important; pointer-events: none !important; }

/* Stjernen — står i normal flow øverst til venstre, altså over overskriften */
.dx-wizard .dx-ai-domain-panel::before { content: "\2726" !important; display: block !important; font-size: 38px !important; line-height: 1 !important; color: #fff !important; margin: 0 0 12px !important; text-shadow: 0 0 24px rgba(255, 255, 255, .4) !important; pointer-events: none !important; }

/* ── Tekst ────────────────────────────────────────────────────────────── */
.dx-wizard .dx-ai-domain-panel label { color: #fff !important; letter-spacing: -.01em !important; display: block !important; }
.dx-wizard .dx-ai-domain-hint { color: #fff !important; }

/* ── Tekstfelt ────────────────────────────────────────────────────────── */
.dx-wizard .dx-ai-domain-panel textarea { background: rgba(255, 255, 255, .055) !important; border: 1px solid rgba(255, 255, 255, .15) !important; color: #fff !important; border-radius: 12px !important; padding: 12px 14px !important; font-size: 14px !important; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important; }
.dx-wizard .dx-ai-domain-panel textarea::placeholder { color: rgba(255, 255, 255, .35) !important; }
.dx-wizard .dx-ai-domain-panel textarea:focus { outline: none !important; background: rgba(255, 255, 255, .08) !important; border-color: rgba(150, 175, 255, .6) !important; box-shadow: 0 0 0 3px rgba(120, 150, 255, .16) !important; }

/* ── Knap: lys på mørk ────────────────────────────────────────────────── */
.dx-wizard .dx-ai-domain-panel .dx-btn { background: #fff !important; color: #12161f !important; border: 1px solid transparent !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .26) !important; }
.dx-wizard .dx-ai-domain-panel .dx-btn:hover { background: #eef1fb !important; transform: translateY(-1px) !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .32) !important; }
.dx-wizard .dx-ai-domain-panel .dx-btn:disabled { opacity: .55 !important; transform: none !important; cursor: not-allowed !important; }
.dx-wizard .dx-ai-domain-spinner { border: 2px solid rgba(0, 0, 0, .22) !important; border-top-color: #12161f !important; }

/* ── Forslag ──────────────────────────────────────────────────────────── */
.dx-wizard .dx-ai-domain-item { background: rgba(255, 255, 255, .055) !important; border: 1px solid rgba(255, 255, 255, .12) !important; color: #fff !important; border-radius: 12px !important; padding: 12px 14px !important; font-size: 14px !important; }
.dx-wizard .dx-ai-domain-item:hover { background: rgba(255, 255, 255, .1) !important; border-color: rgba(255, 255, 255, .38) !important; }
.dx-wizard .dx-ai-domain-item.dx-ledigt .dx-ai-domain-badge { color: #5fe3a4 !important; }
.dx-wizard .dx-ai-domain-item.dx-ukendt .dx-ai-domain-badge { color: #97a3c5 !important; }
.dx-wizard .dx-ai-domain-error { color: #ff9d95 !important; font-size: 13px !important; }

@media (max-width: 560px) {
	.dx-wizard .dx-ai-domain-panel { padding: 20px !important; }
	.dx-wizard .dx-ai-domain-panel::before { font-size: 32px !important; margin-bottom: 10px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.dx-wizard .dx-ai-domain-wrap,
	.dx-wizard .dx-ai-domain-panel { transition: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRISOVERBLIK PÅ CHECKOUT (dx-pricebox)
   Ligger på indigo gradient, derfor lyse farver hele vejen igennem.
   Opbygning: månedspris som hovedtal → fordeling på de to abonnementer →
   første betaling i egen indrykket boks → besparelse → fornyelsesvilkår.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Containeren er neutral. De to bokse indeni bærer selv baggrunden. */
.dx-wizard .dx-pricebox { background: none !important; padding: 0 !important; border-radius: 0 !important; color: var(--dx-text) !important; }

/* ── Hvid boks: ordreoversigt ─────────────────────────────────────────── */
.dx-wizard .dx-pb-ordre { background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: 16px !important; padding: 18px 20px !important; }
.dx-wizard .dx-pb-ordre-titel { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: var(--dx-text-faint) !important; margin-bottom: 10px !important; }
.dx-wizard .dx-pb-ord-linje { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; padding: 9px 0 !important; }
.dx-wizard .dx-pb-ord-linje + .dx-pb-ord-linje { border-top: 1px solid var(--dx-border) !important; }
.dx-wizard .dx-pb-ord-navn { font-size: 14px !important; font-weight: 700 !important; color: var(--dx-text) !important; }
.dx-wizard .dx-pb-ord-navn em { display: block !important; font-style: normal !important; font-size: 11.5px !important; font-weight: 500 !important; color: var(--dx-text-muted) !important; margin-top: 2px !important; }
.dx-wizard .dx-pb-ord-pris { font-size: 14px !important; font-weight: 700 !important; color: var(--dx-text) !important; white-space: nowrap !important; }
.dx-wizard .dx-pb-ord-pris i { font-style: normal !important; font-size: 11.5px !important; font-weight: 600 !important; color: var(--dx-text-faint) !important; }
.dx-wizard .dx-pb-ord-skel { font-size: 10.5px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: var(--dx-text-faint) !important; margin: 10px 0 0 !important; padding-top: 12px !important; border-top: 1px solid var(--dx-border) !important; }
.dx-wizard .dx-pb-ord-skel + .dx-pb-ord-linje { border-top: 0 !important; }

/* ── Blå boks ──────────────────────────────────────────────────────────── */
.dx-wizard .dx-pb-blaa { background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; border-radius: 16px !important; padding: 22px !important; color: #fff !important; margin-top: 12px !important; box-shadow: 0 10px 30px rgba(31, 51, 184, .2) !important; }

/* ── De to tal, samme vægt, kun adskilt af en fin streg ────────────────── */
.dx-wizard .dx-pb-tal { text-align: center !important; padding: 2px 0 !important; }
.dx-wizard .dx-pb-tal-anden { margin-top: 16px !important; padding-top: 18px !important; border-top: 1px solid rgba(255, 255, 255, .22) !important; }
.dx-wizard .dx-pb-tal-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .09em !important; color: rgba(255, 255, 255, .72) !important; margin-bottom: 7px !important; }
.dx-wizard .dx-pb-tal-vaerdi { font-size: 30px !important; font-weight: 800 !important; line-height: 1.05 !important; letter-spacing: -.025em !important; color: #fff !important; }
.dx-wizard .dx-pb-tal-suffix { font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; color: rgba(255, 255, 255, .72) !important; margin-left: 2px !important; }
.dx-wizard .dx-pb-tal-note { font-size: 11.5px !important; color: rgba(255, 255, 255, .66) !important; margin-top: 6px !important; line-height: 1.45 !important; }

/* Badge ved årlig betaling. Elementet genskabes ved hver optegning, så
   animationen spiller automatisk, hver gang man skifter periode. */
.dx-wizard .dx-pb-badge { display: inline-block !important; vertical-align: middle !important; margin: 0 0 0 10px !important; padding: 5px 11px !important; border-radius: 999px !important; background: rgba(95, 227, 164, .2) !important; border: 1px solid rgba(95, 227, 164, .42) !important; color: #d8fcec !important; font-size: 11.5px !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: 0 !important; white-space: nowrap !important; animation: dx-pb-pop .44s cubic-bezier(.34, 1.56, .64, 1) both !important; }
@keyframes dx-pb-pop { from { opacity: 0; transform: translateY(7px) scale(.8); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Bindingsperioden sagt tydeligt ved selve valget, ikke kun med småt */
.dx-wizard .dx-period-binding { display: flex !important; align-items: flex-start !important; gap: 8px !important; margin: 10px 0 14px !important; padding: 10px 12px !important; border-radius: 10px !important; background: var(--dx-surface-2) !important; border: 1px solid var(--dx-border) !important; font-size: 12.5px !important; line-height: 1.5 !important; color: var(--dx-text-muted) !important; }
.dx-wizard .dx-period-binding strong { color: var(--dx-text) !important; font-weight: 700 !important; }
.dx-wizard .dx-period-binding .dx-info-icon { flex-shrink: 0 !important; margin-top: 1px !important; color: var(--dx-primary) !important; }

@media (prefers-reduced-motion: reduce) {
	.dx-wizard .dx-pb-badge { animation: none !important; }
}

/* ── Fornyelsesvilkår, står uden for den blå boks ──────────────────────── */
.dx-wizard .dx-pb-note { margin-top: 12px !important; font-size: 11.5px !important; line-height: 1.55 !important; color: var(--dx-text-muted) !important; }
.dx-wizard .dx-pb-note strong { color: var(--dx-text) !important; font-weight: 700 !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   KORTFELTER PÅ CHECKOUT
   Opdelt i kortnummer, udløbsdato og kontrolcifre, så det ligner den betaling
   folk kender fra webshops.
   ═══════════════════════════════════════════════════════════════════════════ */

.dx-wizard .dx-stripe-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap !important; margin-bottom: 12px !important; }
.dx-wizard .dx-stripe-head .dx-stripe-label { font-size: 15px !important; font-weight: 700 !important; margin: 0 !important; }
.dx-wizard .dx-kortmaerker { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; }
.dx-wizard .dx-kortchip { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 30px !important; min-width: 46px !important; padding: 0 9px !important; background: #fff !important; border: 1px solid var(--dx-border) !important; border-radius: 6px !important; }
.dx-wizard .dx-kortlogo { display: block !important; width: auto !important; }
/* Højderne er sat pr. logo, så de fylder optisk lige meget trods forskellige formater */
.dx-wizard .dx-kortlogo-visa { height: 11px !important; }
.dx-wizard .dx-kortlogo-dankort { height: 17px !important; }
.dx-wizard .dx-kortlogo-mastercard { height: 20px !important; }

.dx-wizard .dx-kortfelter { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
.dx-wizard .dx-kortfelt-bred { grid-column: 1 / -1 !important; }
.dx-wizard .dx-kortfelt label { display: block !important; font-size: 12.5px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; margin: 0 0 6px !important; }
.dx-wizard .dx-kortinput { padding: 14px 15px !important; border: 2px solid var(--dx-border) !important; border-radius: var(--dx-radius-sm) !important; background: var(--dx-surface) !important; transition: border-color .18s ease, box-shadow .18s ease !important; }
.dx-wizard .dx-kortinput.StripeElement--focus { border-color: var(--dx-primary) !important; box-shadow: 0 0 0 3px var(--dx-primary-soft) !important; }
.dx-wizard .dx-kortinput.StripeElement--invalid { border-color: var(--dx-danger) !important; }

.dx-wizard .dx-card-fallback { display: none !important; margin-top: 10px !important; padding: 12px 14px !important; border-radius: 10px !important; background: var(--dx-warn-bg) !important; border: 1px solid var(--dx-warn-border) !important; color: var(--dx-warn-text) !important; font-size: 13px !important; line-height: 1.5 !important; }
.dx-wizard .dx-card-fallback.dx-show { display: block !important; }
.dx-wizard .dx-card-fallback-tek { display: block !important; margin-top: 8px !important; padding-top: 8px !important; border-top: 1px solid rgba(0, 0, 0, .12) !important; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; font-size: 11.5px !important; line-height: 1.5 !important; opacity: .85 !important; word-break: break-word !important; }

/* Låsen står øverst, ikke lodret centreret, da teksten fylder to linjer */
.dx-wizard .dx-stripe-note { align-items: flex-start !important; gap: 8px !important; line-height: 1.5 !important; margin-top: 12px !important; }
.dx-wizard .dx-stripe-note .dx-lock-icon { margin-top: 1px !important; flex-shrink: 0 !important; }

@media (max-width: 520px) {
	.dx-wizard .dx-pb-tal-vaerdi { font-size: 27px !important; }
	.dx-wizard .dx-kortfelter { grid-template-columns: 1fr !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBIL-RETTELSER (august 2026)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Knapper i mobilmenuen skal beholde deres egen tekstfarve. Reglen
   .dx-header .dx-mobile-nav a sætter mørk tekst på ALLE links deroppe, og den
   vinder på specificitet over .dx-scope .dx-btn-primary. Resultatet var mørk
   tekst på den blå knap. */
.dx-header .dx-mobile-nav a.dx-btn-primary { color: var(--dx-on-primary) !important; }
.dx-header .dx-mobile-nav a.dx-btn-primary:hover { background: linear-gradient(135deg, var(--dx-primary), var(--dx-primary-2)) !important; color: var(--dx-on-primary) !important; }

/* Burger-ikonet var 18 px i en 42 px knap og forsvandt nærmest */
.dx-header .dx-burger svg { width: 27px !important; height: 27px !important; stroke-width: 2.7 !important; }
.dx-header .dx-burger { width: 46px !important; height: 46px !important; border-color: var(--dx-border-strong) !important; background: var(--dx-surface) !important; color: var(--dx-text) !important; box-shadow: 0 1px 3px rgba(13, 27, 62, .08) !important; flex-shrink: 0 !important; }
.dx-header .dx-burger:hover { background: var(--dx-surface-2) !important; border-color: var(--dx-primary) !important; color: var(--dx-primary) !important; }

@media (max-width: 860px) {
	/* ── Header: lavere og med plads til burgeren ── */
	.dx-header .dx-header-inner { padding: 10px 16px !important; gap: 12px !important; }
	.dx-header .dx-actions { gap: 10px !important; margin-left: auto !important; }
	/* "Log ind" ligger i mobilmenuen i forvejen. Den skubbede burgeren ud af skærmen. */
	.dx-header .dx-actions > .dx-nav-link { display: none !important; }
	.dx-header .dx-header-cta { padding: 10px 16px !important; font-size: 14px !important; }

	/* ── Hero: ingen afrundede hjørner når den fylder hele bredden ── */
	.dx-landing .dx-hero { border-radius: 0 !important; padding: 56px 20px 44px !important; }

	/* ── Marketing-sektionen ── */
	.dx-landing .dx-mkt-cta-grid { grid-template-columns: 1fr !important; gap: 26px !important; padding: 30px 22px !important; align-items: start !important; }
	/* Ikonerne lå absolut placeret og lagde sig oven på grafikken, når kolonnerne
	   faldt sammen til én. De står nu som et almindeligt element øverst. */
	.dx-landing .dx-mkt-ikoner { position: static !important; order: 1 !important; margin: 0 0 4px !important; }
	.dx-landing .dx-mkt-ikoner > span { width: 50px !important; height: 50px !important; }
	.dx-landing .dx-mkt-tekst { order: 2 !important; padding-bottom: 0 !important; }
	.dx-landing .dx-mkt-grafik { order: 3 !important; padding-bottom: 0 !important; }
	.dx-landing .dx-mkt-btn { width: 100% !important; justify-content: center !important; }
}

@media (max-width: 420px) {
	.dx-header .dx-header-cta { padding: 9px 13px !important; font-size: 13.5px !important; }
	.dx-landing .dx-hero { padding: 46px 18px 36px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   SAMMENLIGNING PÅ MOBIL (dx-cam)
   Tabellen har fire kolonner og kan ikke gøres læsbar på 390 px. Under 860 px
   vises i stedet en harmonika med samme data. Kun én af de to visninger er
   aktiv ad gangen, så indholdet aldrig står to steder.
   ═══════════════════════════════════════════════════════════════════════════ */

.dx-landing .dx-cam { display: none !important; }

@media (max-width: 860px) {
	.dx-landing .dx-ct-wrap { display: none !important; }
	.dx-landing .dx-cam { display: block !important; margin-top: 22px !important; }
	.dx-landing #sammenlign { padding: 34px 0 !important; }
}

/* ── Periodevælger og priskort ─────────────────────────────────────────── */
.dx-landing .dx-cam-top { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; margin-bottom: 18px !important; }
.dx-landing .dx-cam-pakker { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; margin-bottom: 20px !important; }
.dx-landing .dx-cam-pk { position: relative !important; background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: 12px !important; padding: 13px 7px 11px !important; text-align: center !important; }
.dx-landing .dx-cam-pk.dx-cam-feat { border-color: var(--dx-primary) !important; background: var(--dx-primary-softer) !important; box-shadow: 0 4px 14px rgba(31, 51, 184, .12) !important; }
.dx-landing .dx-cam-pop { position: absolute !important; top: -8px !important; left: 50% !important; transform: translateX(-50%) !important; background: var(--dx-primary) !important; color: #fff !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .06em !important; padding: 3px 8px !important; border-radius: 999px !important; white-space: nowrap !important; }
.dx-landing .dx-cam-pk-navn { display: block !important; font-size: 12.5px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin-bottom: 4px !important; }
.dx-landing .dx-cam-pk .dx-ct-price { display: block !important; font-size: 13.5px !important; font-weight: 800 !important; color: var(--dx-text) !important; }
.dx-landing .dx-cam-pk.dx-cam-feat .dx-ct-price { color: var(--dx-primary-2) !important; }
.dx-landing .dx-cam-pk .dx-ct-free { display: none !important; font-size: 10px !important; font-weight: 700 !important; color: var(--dx-success) !important; margin-top: 3px !important; }
.dx-landing .dx-cam-pk .dx-ct-free.dx-visible { display: block !important; }

/* ── Harmonika ─────────────────────────────────────────────────────────── */
.dx-landing .dx-cam-kat { border: 1px solid var(--dx-border) !important; border-radius: 12px !important; background: var(--dx-surface) !important; margin-bottom: 10px !important; overflow: hidden !important; }
.dx-landing .dx-cam-kat-btn { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; padding: 15px 16px !important; background: none !important; border: none !important; font-family: var(--dx-font) !important; font-size: 15px !important; font-weight: 700 !important; color: var(--dx-text) !important; text-align: left !important; cursor: pointer !important; }
.dx-landing .dx-cam-pkt { border-top: 1px solid var(--dx-border) !important; }
.dx-landing .dx-cam-pkt-btn { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; padding: 13px 16px !important; background: none !important; border: none !important; font-family: var(--dx-font) !important; font-size: 14px !important; font-weight: 600 !important; color: var(--dx-text-muted) !important; text-align: left !important; cursor: pointer !important; transition: color .2s ease !important; }
.dx-landing .dx-cam-pkt.dx-open > .dx-cam-pkt-btn { color: var(--dx-text) !important; }

.dx-landing .dx-cam-chev { flex-shrink: 0 !important; color: var(--dx-primary) !important; transition: transform .4s cubic-bezier(.16, 1, .3, 1) !important; }
.dx-landing .dx-cam-kat.dx-open > .dx-cam-kat-btn .dx-cam-chev,
.dx-landing .dx-cam-pkt.dx-open > .dx-cam-pkt-btn .dx-cam-chev { transform: rotate(180deg) !important; }

/* Samme foldeteknik som FAQ'en længere nede på siden */
.dx-landing .dx-cam-fold { display: grid !important; grid-template-rows: 0fr !important; transition: grid-template-rows .4s cubic-bezier(.16, 1, .3, 1) !important; }
.dx-landing .dx-cam-kat.dx-open > .dx-cam-fold,
.dx-landing .dx-cam-pkt.dx-open > .dx-cam-fold { grid-template-rows: 1fr !important; }
.dx-landing .dx-cam-fold-inder { overflow: hidden !important; min-height: 0 !important; }

/* ── Svarene pr. pakke ─────────────────────────────────────────────────── */
.dx-landing .dx-cam-svar { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 12px !important; padding: 11px 16px 11px 28px !important; font-size: 13.5px !important; background: var(--dx-surface-2) !important; }
.dx-landing .dx-cam-svar + .dx-cam-svar { border-top: 1px solid var(--dx-border) !important; }
.dx-landing .dx-cam-svar-navn { color: var(--dx-text-muted) !important; font-weight: 600 !important; }
.dx-landing .dx-cam-svar-vaerdi { font-weight: 700 !important; color: var(--dx-text) !important; text-align: right !important; display: flex !important; align-items: center !important; gap: 6px !important; }
.dx-landing .dx-cam-svar.dx-cam-feat { background: var(--dx-primary-soft) !important; }
.dx-landing .dx-cam-svar.dx-cam-feat .dx-cam-svar-navn { color: var(--dx-primary-2) !important; font-weight: 700 !important; }
.dx-landing .dx-cam-svar.dx-cam-feat .dx-cam-svar-vaerdi { color: var(--dx-primary-2) !important; }
.dx-landing .dx-cam-svar .dx-ct-check { color: var(--dx-success) !important; display: inline-flex !important; }
.dx-landing .dx-cam-svar.dx-cam-feat .dx-ct-check { color: var(--dx-primary) !important; }
.dx-landing .dx-cam-nej { color: var(--dx-text-faint) !important; font-weight: 500 !important; }

.dx-landing .dx-cam-cta { width: 100% !important; justify-content: center !important; margin-top: 18px !important; }

@media (prefers-reduced-motion: reduce) {
	.dx-landing .dx-cam-fold, .dx-landing .dx-cam-chev { transition: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBILMENU SOM FULDSKÆRMS-PANEL
   Lå før i normalt flow under headeren, så siden bag kunne ses og scrolles,
   og der var to scroll-områder samtidig. Toppen sættes fra JS ud fra headerens
   faktiske underkant, så panelet altid starter præcis hvor headeren slutter.
   ═══════════════════════════════════════════════════════════════════════════ */

body.dx-nav-laast { overflow: hidden !important; }

@media (max-width: 960px) {
	.dx-header .dx-mobile-nav.dx-open {
		position: fixed !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 1200 !important;
		max-height: none !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch !important;
		background: var(--dx-surface) !important;
		padding: 14px 20px calc(36px + env(safe-area-inset-bottom, 0px)) !important;
		animation: dx-nav-ind .26s cubic-bezier(.16, 1, .3, 1) both !important;
	}
	@keyframes dx-nav-ind { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
}

/* ═══════════════════════════════════════════════════════════════════════════
   "ALT ER INKLUDERET" SOM SLIDER PÅ MOBIL
   Otte kort under hinanden fyldte en halv skærm-længde. På mobil bliver det en
   vandret slider, hvor næste kort stikker frem, så det er tydeligt at der er
   mere at hente.
   ═══════════════════════════════════════════════════════════════════════════ */

.dx-landing .dx-inkl-hint { display: none !important; }

@media (max-width: 860px) {
	.dx-landing .dx-inkl-grid {
		display: flex !important;
		grid-template-columns: none !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		gap: 12px !important;
		/* Venstre kant flugter med overskriften. Højre kant løber helt ud til
		   skærmkanten, så det halve kort ikke ser afskåret og svævende ud.
		   calc(50% - 50vw) er præcis afstanden fra en centreret containers kant
		   til skærmkanten, uanset hvor meget padding temaet sætter. Så vi
		   behøver ikke kende den, og det kan ikke ramme forkert.
		   Samme værdi lægges tilbage som padding, så det SIDSTE kort får den
		   normale luft, når man har scrollet helt til højre. */
		margin: 0 calc(50% - 50vw) 0 0 !important;
		padding: 6px calc(50vw - 50%) 18px 0 !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.dx-landing .dx-inkl-grid::-webkit-scrollbar { display: none !important; }
	/* 78 % lader næste kort stikke frem i kanten */
	/* Den store 40 px skygge kan ikke være inde i en container med overflow.
	   Den blev klippet af og efterlod en hård grå kant i stedet for at tone ud.
	   På mobil bruges derfor en stram skygge, der holder sig inden for boksen. */
	.dx-landing .dx-inkl-kort { flex: 0 0 80% !important; scroll-snap-align: start !important; padding: 20px !important; box-shadow: 0 2px 8px rgba(31, 51, 184, .07) !important; }
	.dx-landing .dx-inkl-hint { display: block !important; text-align: center !important; font-size: 12.5px !important; color: var(--dx-text-faint) !important; margin-top: 2px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.dx-header .dx-mobile-nav.dx-open { animation: none !important; }
	.dx-landing .dx-inkl-grid { scroll-snap-type: none !important; }
}

/* ── Marketing-priser paa prissiden ────────────────────────────────────── */
.dx-landing .dx-mkt-pris-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; gap: 16px !important; }
.dx-landing .dx-mkt-pris-kort { background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: 18px !important; padding: 24px !important; display: flex !important; flex-direction: column !important; box-shadow: 0 2px 10px rgba(31, 51, 184, .06) !important; }
.dx-landing .dx-mkt-pris-kort .dx-logo-chip { margin-bottom: 16px !important; align-self: flex-start !important; }
.dx-landing .dx-mkt-pris-navn { font-size: 17px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin-bottom: 5px !important; }
.dx-landing .dx-mkt-pris-desc { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.55 !important; margin-bottom: 18px !important; flex: 1 !important; }
.dx-landing .dx-mkt-pris-tal { font-size: 23px !important; font-weight: 800 !important; letter-spacing: -.02em !important; color: var(--dx-text) !important; }
.dx-landing .dx-mkt-pris-fra { font-size: 13px !important; font-weight: 700 !important; color: var(--dx-text-faint) !important; margin-right: 4px !important; letter-spacing: 0 !important; }
.dx-landing .dx-mkt-pris-md { font-size: 13px !important; font-weight: 700 !important; color: var(--dx-text-faint) !important; letter-spacing: 0 !important; }
.dx-landing .dx-mkt-pris-note { font-size: 12px !important; color: var(--dx-text-faint) !important; margin-top: 5px !important; line-height: 1.45 !important; }
.dx-landing .dx-mkt-pris-cta { text-align: center !important; margin-top: 34px !important; }
.dx-landing .dx-mkt-pris-cta p { font-size: 13.5px !important; color: var(--dx-text-muted) !important; margin: 12px 0 0 !important; }
.dx-priser .dx-faq-item.dx-open .dx-faq-a { grid-template-rows: 1fr !important; }


/* ── Marketing-siden: skiftevis billede og tekst ───────────────────────── */
.dx-mktside .dx-mkts { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 56px !important; align-items: center !important; padding: 46px 0 !important; }
.dx-mktside .dx-mkts-omvendt .dx-mkts-tekst { order: 2 !important; }
.dx-mktside .dx-mkts-omvendt .dx-mkts-billede { order: 1 !important; }
.dx-mktside .dx-mkts-eyebrow { font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .08em !important; color: var(--dx-primary) !important; margin-bottom: 10px !important; }
.dx-mktside .dx-mkts-titel { font-size: 28px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.015em !important; color: var(--dx-text) !important; margin: 0 0 14px !important; }
.dx-mktside .dx-mkts-brod { font-size: 16px !important; color: var(--dx-text-muted) !important; line-height: 1.65 !important; margin: 0 0 20px !important; }
.dx-mktside .dx-mkts-liste { list-style: none !important; padding: 0 !important; margin: 0 0 22px !important; }
.dx-mktside .dx-mkts-liste li { display: flex !important; gap: 10px !important; align-items: flex-start !important; font-size: 15px !important; color: var(--dx-text) !important; line-height: 1.5 !important; padding: 7px 0 !important; }
.dx-mktside .dx-mkts-liste .dx-price-check { width: 22px !important; height: 22px !important; border-radius: 50% !important; background: var(--dx-primary-soft) !important; color: var(--dx-primary) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; margin-top: 1px !important; }
.dx-mktside .dx-mkts-pris { font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.02em !important; color: var(--dx-text) !important; margin: 0 0 18px !important; }
.dx-mktside .dx-mkts-pris span, .dx-mktside .dx-mkts-pris em { font-size: 14px !important; font-weight: 700 !important; font-style: normal !important; color: var(--dx-text-faint) !important; letter-spacing: 0 !important; }
.dx-mktside .dx-mkts-pris span { margin-right: 5px !important; }
.dx-mktside .dx-mkts-billede img { width: 100% !important; height: auto !important; display: block !important; border-radius: 20px !important; }
.dx-mktside .dx-mkts-pladsholder { aspect-ratio: 4 / 3 !important; border-radius: 20px !important; background: var(--dx-surface-2) !important; border: 1.5px dashed var(--dx-border-strong) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 14px !important; }
.dx-mktside .dx-mkts-pladsholder-txt { font-size: 14px !important; font-weight: 700 !important; color: var(--dx-text-faint) !important; }

/* ── Sadan foregar det ─────────────────────────────────────────────────── */
.dx-mktside .dx-mkts-trin { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; gap: 16px !important; }
.dx-mktside .dx-mkts-trin-kort { background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; border-radius: 18px !important; padding: 26px 24px !important; }
.dx-mktside .dx-mkts-trin-nr { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: var(--dx-primary) !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; margin-bottom: 14px !important; }
.dx-mktside .dx-mkts-trin-titel { font-size: 16px !important; font-weight: 700 !important; color: var(--dx-text) !important; margin-bottom: 6px !important; }
.dx-mktside .dx-mkts-trin-txt { font-size: 14px !important; color: var(--dx-text-muted) !important; line-height: 1.55 !important; }

@media (max-width: 860px) {
	.dx-mktside .dx-mkts { grid-template-columns: 1fr !important; gap: 28px !important; padding: 32px 0 !important; }
	.dx-mktside .dx-mkts-omvendt .dx-mkts-tekst, .dx-mktside .dx-mkts-tekst { order: 2 !important; }
	.dx-mktside .dx-mkts-omvendt .dx-mkts-billede, .dx-mktside .dx-mkts-billede { order: 1 !important; }
	.dx-mktside .dx-mkts-titel { font-size: 24px !important; }
	.dx-mktside .dx-mkts-btn { width: 100% !important; justify-content: center !important; }
}


/* ── Marketing-kort: logoet baerer kortet ──────────────────────────────── */
.dx-landing .dx-mkt-pris-kort { position: relative !important; overflow: hidden !important; padding: 26px 24px 24px !important; transition: transform .22s cubic-bezier(.4,0,.2,1), box-shadow .22s ease, border-color .22s ease !important; }
.dx-landing .dx-mkt-pris-kort::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 3px !important; background: linear-gradient(90deg, var(--dx-primary), var(--dx-primary-2)) !important; opacity: 0 !important; transition: opacity .22s ease !important; }
.dx-landing .dx-mkt-pris-kort:hover { transform: translateY(-4px) !important; border-color: var(--dx-border-strong) !important; box-shadow: 0 14px 34px rgba(31, 51, 184, .14) !important; }
.dx-landing .dx-mkt-pris-kort:hover::before { opacity: 1 !important; }
.dx-landing .dx-mkt-pris-kort .dx-logo-chip { width: 56px !important; height: 56px !important; border-radius: 16px !important; background: var(--dx-surface) !important; border: 1px solid var(--dx-border) !important; box-shadow: 0 3px 12px rgba(31, 51, 184, .1) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 18px !important; align-self: flex-start !important; }
.dx-landing .dx-mkt-pris-navn { font-size: 17.5px !important; letter-spacing: -.01em !important; }
.dx-landing .dx-mkt-pris-tal { font-size: 25px !important; padding-top: 16px !important; border-top: 1px solid var(--dx-border) !important; }


/* ── Ydelses-ikoner: en eller to chips ved siden af hinanden ───────────── */
.dx-landing .dx-ydelse-ikoner { display: inline-flex !important; gap: 8px !important; margin-bottom: 18px !important; align-self: flex-start !important; }
.dx-landing .dx-ydelse-ikoner .dx-logo-chip { margin-bottom: 0 !important; }
.dx-mktside .dx-mkts-pladsholder .dx-ydelse-ikoner { margin-bottom: 0 !important; }