/* ba-nb-modal - Nyhedsbrevs-capture: triggers + nyhedsbrev-mode i den delte
   ba-uh-modal-skal (motoren bor i ba-uh-engage.js). */

/* ── Faelles: cinematisk Fredagsflimmer-kort (moerk nat-palet fra artworket) ── */
.ba-nbm-widget {
    position: relative;
    border-radius: 16px;
    margin: 30px 0;
    overflow: hidden;
    background: #16213a;
}
.ba-nbm__eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #f5b95e;
    margin: 0 0 8px;
}

/* ── Banner-trigger: artworket ER kortet - tekst i scenens tomme venstre side ── */
.ba-nbm-widget--banner {
    display: flex;
    align-items: center;
    background-image:
        linear-gradient(90deg, rgba(13, 20, 38, .45) 0%, rgba(13, 20, 38, .15) 45%, rgba(13, 20, 38, 0) 60%),
        var(--nbm-bg, url('/images/nyhedsbrev/ff_banner_bg.jpg'));
    background-size: cover;
    background-position: center;
    padding: 34px 36px;
    min-height: 210px;
}
.ba-nbm-banner__copy { max-width: 46%; }
.ba-nbm-banner__headline {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 7px;
    line-height: 1.22;
    letter-spacing: -0.01em;
    text-shadow: 0 1px 12px rgba(13, 20, 38, .5);
}
.ba-nbm-banner__subline {
    font-size: 14px;
    color: #c8d2e4;
    margin: 0 0 18px;
    line-height: 1.55;
    text-shadow: 0 1px 10px rgba(13, 20, 38, .5);
}
.ba-nbm-trigger {
    background: #f5b95e;
    color: #1a2440;
    border: 0;
    border-radius: 9px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(245, 185, 94, .3);
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.ba-nbm-trigger:hover {
    background: #f8c87b;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(245, 185, 94, .4);
}

/* ── Micro-commitment-trigger: sofa-silhuet i bunden, indhold i natten over ── */
.ba-nbm-widget--micro {
    background-image: var(--nbm-bg, url('/images/nyhedsbrev/ff_micro_bg.jpg'));
    background-size: cover;
    background-position: center bottom;
    padding: 34px 24px 96px;
    text-align: center;
}
.ba-nbm-widget--micro .ba-nbm__eyebrow { margin-bottom: 10px; }
.ba-nbm-micro__headline {
    font-size: 21px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 6px;
    letter-spacing: -0.01em;
}
.ba-nbm-micro__subline {
    font-size: 14px;
    color: #b8c4da;
    margin: 0 0 18px;
}
.ba-nbm-micro__choices {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}
.ba-nbm-choice {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, .06);
    border: 1.5px solid rgba(184, 196, 218, .35);
    border-radius: 999px;
    padding: 11px 22px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: border-color .15s, background .15s, transform .12s ease, box-shadow .15s;
}
.ba-nbm-choice:hover {
    border-color: #f5b95e;
    background: rgba(245, 185, 94, .12);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(245, 185, 94, .18);
}
.ba-nbm-choice__ikon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    color: #f5b95e;
}
.ba-nbm-choice__ikon svg { width: 100%; height: 100%; display: block; }

@media (max-width: 560px) {
    .ba-nbm-widget--banner {
        background-image:
            linear-gradient(180deg, rgba(13, 20, 38, .25) 0%, rgba(13, 20, 38, .82) 45%, rgba(13, 20, 38, .95) 100%),
            var(--nbm-bg, url('/images/nyhedsbrev/ff_banner_bg.jpg'));
        background-position: 70% top;
        background-size: 180% auto;
        padding: 96px 22px 26px;
        min-height: 0;
    }
    .ba-nbm-banner__copy { max-width: none; }
    .ba-nbm-widget--micro { padding: 30px 18px 84px; }
}

/* ── Nyhedsbrev-mode i ba-uh-modal-skallen ── */

/* Entrance-animation (gaelder hele modal-motoren hvor denne CSS er loadet) */
.ba-uh-modal { animation: baNbFade .18s ease-out; }
.ba-uh-modal__boks { animation: baNbPop .26s cubic-bezier(.2, .9, .35, 1.15); }
@keyframes baNbFade { from { background: rgba(15, 23, 42, 0); } }
@keyframes baNbPop {
    from { opacity: 0; transform: translateY(14px) scale(.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

.ba-uh-modal__boks--nb { border-radius: 18px; }
.ba-uh-modal__boks--nb .ba-uh-modal__side { padding: 34px 30px 24px; }

.ba-uh-modal__eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #94a3b8;
    margin: 0 0 10px;
}
.ba-uh-modal__boks--nb .ba-uh-modal__titel {
    font-size: 23px;
    line-height: 1.18;
    letter-spacing: -0.01em;
    color: #0f172a;
    margin: 0 0 8px;
}
.ba-uh-modal__boks--nb .ba-uh-modal__under {
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
    margin: 0 0 18px;
}

.ba-uh-modal__usps {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
}
.ba-uh-modal__usps li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.4;
    color: #1e293b;
    margin-bottom: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ba-uh-modal__usp-ikon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    color: #16a34a;
    background: #f0fdf4;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ba-uh-modal__usp-ikon svg { width: 11px; height: 11px; display: block; }

.ba-uh-modal__google--primaer {
    padding: 13px;
    border-width: 1.5px;
    border-radius: 10px;
    font-size: 15px;
    margin-top: 0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, .07);
    transition: transform .12s ease, box-shadow .12s ease;
}
.ba-uh-modal__google--primaer:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}

/* Email-raekke: felt + knap samlet, sekundaer vaegt */
.ba-uh-modal__nbraekke {
    display: flex;
    gap: 8px;
}
.ba-uh-modal__nbraekke input {
    flex: 1;
    min-width: 0;
    height: 46px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    padding: 0 13px;
    font-size: 14px;
    color: #0f172a;
    box-sizing: border-box;
}
.ba-uh-modal__nbraekke input:focus { outline: none; border-color: #1d4ed8; }
.ba-uh-modal__send--nb {
    width: auto;
    flex-shrink: 0;
    height: 46px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1;
    transition: background .12s ease;
}
.ba-uh-modal__form--nb .ba-uh-modal__fejl { margin-top: 10px; margin-bottom: 0; }

.ba-uh-modal__boks--nb .ba-uh-modal__vilkaar {
    font-size: 11px;
    line-height: 1.55;
    color: #94a3b8;
    text-align: center;
    margin: 16px 0 0;
}
.ba-uh-modal__boks--nb .ba-uh-modal__vilkaar a { color: #64748b; text-decoration: underline; }
.ba-uh-modal__kodefelt {
    display: flex;
    gap: 9px;
    justify-content: center;
    margin: 14px 0 10px;
}
.ba-uh-modal__kodeboks {
    width: 46px;
    height: 56px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #0f172a;
    box-sizing: border-box;
}
.ba-uh-modal__kodeboks:focus { outline: none; border-color: #1d4ed8; }
.ba-uh-modal__kodeboks--fejl { border-color: #dc2626; }
.ba-uh-modal__ok {
    width: 52px;
    height: 52px;
    margin: 4px auto 12px;
    color: #16a34a;
}
.ba-uh-modal__ok svg { width: 100%; height: 100%; }

/* Mobil: panelet bliver en aflang strimmel i toppen (det brede header-motiv)
   i stedet for at forsvinde - JS skifter selv img-src til det brede billede */
@media (max-width: 640px) {
    .ba-uh-modal__boks--nb { flex-direction: column; }
    .ba-uh-modal__boks--nb .ba-uh-modal__billede {
        display: block;
        flex: none;
        min-height: 0;
        height: 124px;
    }
    .ba-uh-modal__boks--nb .ba-uh-modal__billede img { object-position: center 38%; }
    .ba-uh-modal__boks--nb .ba-uh-modal__side { padding: 24px 22px 20px; }
}

@media (max-width: 480px) {
    .ba-uh-modal__kodeboks { width: 42px; height: 52px; font-size: 22px; }
}

/* ── Compact-format (uh_top): moerkt spotlight-kort - biograf i miniature ── */
.ba-nbm-widget--compact {
    background:
        radial-gradient(ellipse 60% 120% at 12% 50%, rgba(245, 185, 94, .16) 0%, rgba(245, 185, 94, 0) 60%),
        linear-gradient(100deg, #101a33 0%, #1b2947 60%, #223354 100%);
    border: 1px solid rgba(245, 185, 94, .28);
    border-left: 4px solid #f5b95e;
    border-radius: 14px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 22px;
    margin: 28px 0;
    box-shadow: 0 6px 22px rgba(13, 20, 38, .28);
}
.ba-nbm-compact__indhold { flex: 1 1 auto; min-width: 0; }
.ba-nbm-widget--compact .ba-nbm__eyebrow { margin-bottom: 4px; }
.ba-nbm-compact__headline {
    font-size: 17px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0 0 3px;
}
.ba-nbm-compact__subline {
    font-size: 13.5px;
    line-height: 1.45;
    color: #b8c4da;
    margin: 0;
}
.ba-nbm-trigger--kompakt {
    flex: 0 0 auto;
    background: #f5b95e;
    color: #1a1a2e;
    border: none;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .15s ease, background .15s ease;
}
.ba-nbm-trigger--kompakt:hover {
    background: #f8c87b;
    transform: translateY(-1px);
}
@media (max-width: 640px) {
    .ba-nbm-widget--compact { flex-wrap: wrap; padding: 16px; }
    .ba-nbm-compact__indhold { flex: 1 1 calc(100% - 92px); }
    .ba-nbm-trigger--kompakt { flex: 1 1 100%; }
}

/* ── Compact: plakat-thumb med gloede-ring ───────────────────────────────── */
.ba-nbm-compact__thumb {
    flex: 0 0 auto;
    width: 72px;
    height: 72px;
    border-radius: 12px;
    object-fit: cover;
    box-shadow:
        0 0 0 2px rgba(245, 185, 94, .55),
        0 4px 18px rgba(245, 185, 94, .3);
}

/* ── Strip-format: slank cinematisk fuldbredde-strip ─────────────────────── */
.ba-nbm-widget--strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background-image:
        linear-gradient(90deg, rgba(13, 20, 38, .78) 0%, rgba(13, 20, 38, .3) 48%, rgba(13, 20, 38, .02) 75%),
        var(--nbm-bg, url('/images/nyhedsbrev/ff_strip_bg2.jpg'));
    background-size: cover;
    background-position: center right;
    padding: 30px 28px;
    min-height: 96px;
}
.ba-nbm-strip__headline {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    color: #fff;
    margin: 0;
    text-shadow: 0 1px 8px rgba(13, 20, 38, .5);
}
.ba-nbm-widget--strip .ba-nbm-trigger {
    flex: 0 0 auto;
    white-space: nowrap;
}
@media (max-width: 640px) {
    .ba-nbm-widget--strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        background-image:
            linear-gradient(180deg, rgba(13, 20, 38, .55) 0%, rgba(13, 20, 38, .8) 100%),
            var(--nbm-bg, url('/images/nyhedsbrev/ff_strip_bg2.jpg'));
        padding: 20px;
    }
    .ba-nbm-strip__headline { font-size: 18px; }
    .ba-nbm-widget--strip .ba-nbm-trigger { width: 100%; }
}

/* ── Sidebar-format: vertikalt plakat-kort ───────────────────────────────── */
.ba-nbm-slot--sidebar { margin-bottom: 24px; }
.ba-nbm-widget--side {
    display: flex;
    align-items: flex-end;
    min-height: 480px;
    margin: 0;
    background-image:
        linear-gradient(180deg, rgba(13, 20, 38, 0) 42%, rgba(13, 20, 38, .45) 66%, rgba(13, 20, 38, .95) 92%),
        var(--nbm-bg, url('/images/nyhedsbrev/ff_side_bg2.jpg'));
    background-size: cover;
    background-position: center top;
}
.ba-nbm-side__inder {
    padding: 20px;
    width: 100%;
}
.ba-nbm-side__headline {
    font-size: 19px;
    font-weight: 800;
    line-height: 1.25;
    color: #fff;
    margin: 0 0 6px;
}
.ba-nbm-side__subline {
    font-size: 13px;
    line-height: 1.45;
    color: #cbd5e1;
    margin: 0 0 14px;
}
.ba-nbm-widget--side .ba-nbm-trigger { width: 100%; }

/* ── Liv: flimmer-shimmer, CTA-puls, ikon-float, scroll-entrance ─────────── */

/* Ambient effekter (shimmer/puls) FJERNET 2026-08-05: "irriterede flair" */

/* Micro-valgenes ikoner bobler forsigtigt i utakt */
.ba-nbm-choice__ikon { animation: baNbFloat 3.6s ease-in-out infinite; }
.ba-nbm-choice:nth-child(2) .ba-nbm-choice__ikon { animation-delay: .7s; }
.ba-nbm-choice:nth-child(3) .ba-nbm-choice__ikon { animation-delay: 1.4s; }
@keyframes baNbFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-3px); }
}

/* Scroll-entrance FJERNET 2026-08-05 (samme dom) */

@media (prefers-reduced-motion: reduce) {
    .ba-nbm-widget,
    .ba-nbm-widget::after,
    .ba-nbm-trigger,
    .ba-nbm-choice__ikon { animation: none !important; }
}

/* ── Sektions-format: helt produktafsnit m. mail-preview (Nextory-model) ── */
.ba-nbm-widget--sektion {
    display: flex;
    flex-direction: row-reverse; /* mail-kortet til VENSTRE, copy/CTA til hoejre */
    align-items: center;
    gap: 40px;
    background: linear-gradient(135deg, #16213a 0%, #1b2a4d 100%);
    padding: 36px 38px;
}
.ba-nbm-sektion__copy { flex: 1 1 auto; min-width: 0; }
.ba-nbm-sektion__headline {
    font-size: 27px;
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.015em;
    color: #fff;
    margin: 0 0 10px;
}
.ba-nbm-sektion__subline {
    font-size: 15px;
    line-height: 1.5;
    color: #b8c4da;
    margin: 0 0 14px;
}
.ba-nbm-sektion__punkter {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
.ba-nbm-sektion__punkter li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14.5px;
    font-weight: 500;
    color: #e2e8f0;
    margin-bottom: 9px;
}
.ba-nbm-sektion__flueben {
    flex-shrink: 0;
    width: 19px;
    height: 19px;
    color: #1a2440;
    background: #f5b95e;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ba-nbm-sektion__flueben svg { width: 11px; height: 11px; display: block; }
.ba-nbm-sektion__micro {
    font-size: 12px;
    color: #8fa0bd;
    margin: 10px 0 0;
}

/* Mail-preview-kortet: den faktiske udgave som produkt (rent, ingen sminke) */
.ba-nbm-sektion__mailwrap { flex: 0 0 320px; }
.ba-nbm-mail {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .16);
    transform: rotate(-1.5deg);
    transition: transform .25s ease;
}
.ba-nbm-widget--sektion:hover .ba-nbm-mail { transform: rotate(0deg); }
.ba-nbm-mail__header {
    display: block;
    width: 100%;
    height: 86px;
    object-fit: cover;
}
.ba-nbm-mail__inder { padding: 14px 16px 12px; }
.ba-nbm-mail__label {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #b45309;
    margin: 0 0 4px;
}
.ba-nbm-mail__subject {
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
    margin: 0 0 10px;
}
.ba-nbm-mail__pick {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    border-top: 1px solid #f1f5f9;
}
.ba-nbm-mail__pick img {
    flex: 0 0 auto;
    width: 62px;
    height: 42px;
    border-radius: 6px;
    object-fit: cover;
}
.ba-nbm-mail__pickinfo { min-width: 0; }
.ba-nbm-mail__picktitel {
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.3;
    color: #1e293b;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ba-nbm-mail__pickmeta {
    font-size: 10.5px;
    color: #64748b;
    margin: 2px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 760px) {
    /* Mobil: stram og kompakt - copy+CTA foerst, slankt mail-kort under */
    .ba-nbm-widget--sektion { flex-direction: column; gap: 18px; padding: 22px 18px 20px; }
    .ba-nbm-sektion__headline { font-size: 21px; margin-bottom: 8px; }
    .ba-nbm-sektion__punkter { margin-bottom: 14px; }
    .ba-nbm-sektion__punkter li { font-size: 13.5px; margin-bottom: 7px; }
    .ba-nbm-widget--sektion .ba-nbm-trigger { width: 100%; }
    .ba-nbm-sektion__micro { text-align: center; margin-top: 8px; }
    .ba-nbm-sektion__mailwrap { flex: 0 0 auto; width: 100%; margin: 0; }
    .ba-nbm-mail { transform: rotate(0deg); }
    .ba-nbm-mail__header { height: 58px; }
    .ba-nbm-mail__inder { padding: 11px 13px 9px; }
    .ba-nbm-mail__subject { font-size: 12.5px; margin-bottom: 7px; }
    .ba-nbm-mail__pick { padding: 6px 0; gap: 9px; }
    .ba-nbm-mail__pick img { width: 50px; height: 34px; }
    .ba-nbm-mail__picktitel { font-size: 12px; -webkit-line-clamp: 1; }
}

/* Picks flyver ind forskudt naar sektionen rammer viewporten */
@supports (animation-timeline: view()) {
    .ba-nbm-mail__pick {
        animation: baNbPickInd .6s ease-out both;
        animation-delay: calc(var(--pick-nr, 0) * 140ms + 150ms);
    }
    .ba-nbm-widget--sektion { view-timeline: none; }
}
@keyframes baNbPickInd {
    from { opacity: 0; transform: translateX(14px); }
    to   { opacity: 1; transform: none; }
}

/* ── Slank sektion (uh_top): een raekke, mini-thumb, CTA ─────────────────── */
.ba-nbm-widget--slank {
    flex-direction: row;
    gap: 20px;
    padding: 18px 22px;
}
.ba-nbm-slank__thumb {
    flex: 0 0 auto;
    width: 96px;
    height: 62px;
    border-radius: 10px;
    object-fit: cover;
    box-shadow: 0 0 0 2px rgba(245, 185, 94, .5), 0 4px 14px rgba(245, 185, 94, .25);
}
.ba-nbm-slank__copy { flex: 1 1 auto; min-width: 0; }
.ba-nbm-widget--slank .ba-nbm__eyebrow { margin-bottom: 3px; }
.ba-nbm-slank__headline {
    font-size: 17.5px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #0f172a;
    margin: 0 0 2px;
}
.ba-nbm-slank__subline {
    font-size: 13px;
    line-height: 1.4;
    color: #64748b;
    margin: 0;
}
.ba-nbm-widget--slank .ba-nbm-trigger { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 640px) {
    .ba-nbm-widget--slank { flex-wrap: wrap; gap: 12px; padding: 16px; }
    .ba-nbm-slank__thumb { width: 72px; height: 48px; }
    .ba-nbm-slank__copy { flex: 1 1 calc(100% - 90px); }
    .ba-nbm-widget--slank .ba-nbm-trigger { flex: 1 1 100%; }
}

/* ── Sidebar-sektion: mail-kortet ER indholdet ───────────────────────────── */
.ba-nbm-widget--sideform {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 18px 16px 16px;
    margin: 0;
}
.ba-nbm-widget--sideform .ba-nbm__eyebrow { color: #b45309; }
.ba-nbm-sideform__headline {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #0f172a;
    margin: 0 0 12px;
}
.ba-nbm-widget--sideform .ba-nbm-mail { transform: rotate(0deg); margin-bottom: 14px; }
.ba-nbm-widget--sideform .ba-nbm-trigger { width: 100%; }
.ba-nbm-widget--sideform .ba-nbm-sektion__micro { text-align: center; margin-top: 8px; }


/* ── Groen CTA-variant (sektionernes farve, uden puls-stoej) ─────────────── */
.ba-nbm-trigger--groen {
    background: #047857;
    color: #fff;
    box-shadow: 0 2px 8px rgba(4, 120, 87, .25);
    animation: none;
}
.ba-nbm-trigger--groen:hover {
    background: #065f46;
    box-shadow: 0 4px 14px rgba(4, 120, 87, .35);
}

/* ── Notifikations-banner: rolig, native, aegte emnelinje ────────────────── */
.ba-nbm-widget--notifb {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 16px 20px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
}
.ba-nbm-notifb__ikon {
    position: relative;
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: linear-gradient(140deg, #16213a, #27355c);
    color: #f5b95e;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ba-nbm-notifb__ikon svg { width: 21px; height: 21px; }
.ba-nbm-notifb__ikon::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    width: 11px;
    height: 11px;
    border-radius: 999px;
    background: #ef4444;
    border: 2px solid #fff;
}
.ba-nbm-notifb__indhold { flex: 1 1 auto; min-width: 0; }
.ba-nbm-notifb__label {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #94a3b8;
    margin: 0 0 3px;
}
.ba-nbm-notifb__emne {
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.3;
    color: #0f172a;
    margin: 0 0 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ba-nbm-notifb__sub {
    font-size: 12.5px;
    line-height: 1.4;
    color: #64748b;
    margin: 0;
}
.ba-nbm-widget--notifb .ba-nbm-trigger { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 640px) {
    .ba-nbm-widget--notifb { flex-wrap: wrap; padding: 15px 16px; }
    .ba-nbm-notifb__indhold { flex: 1 1 calc(100% - 60px); }
    .ba-nbm-widget--notifb .ba-nbm-trigger { flex: 1 1 100%; }
}

/* ── Kalender-banner: kalenderblad + rolig copy ──────────────────────────── */
.ba-nbm-widget--kalb {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 22px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .06);
}
.ba-nbm-kalb__blad {
    flex: 0 0 auto;
    width: 76px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    text-align: center;
    box-shadow: 0 3px 10px rgba(15, 23, 42, .08);
}
.ba-nbm-kalb__top {
    display: block;
    background: #b91c1c;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 4px 0;
}
.ba-nbm-kalb__dag {
    display: block;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: .02em;
    color: #0f172a;
    padding-top: 6px;
    line-height: 1.1;
}
.ba-nbm-kalb__dato {
    display: block;
    font-size: 11.5px;
    color: #64748b;
    padding: 1px 0 8px;
}
.ba-nbm-kalb__indhold { flex: 1 1 auto; min-width: 0; }
.ba-nbm-widget--kalb .ba-nbm__eyebrow { color: #b45309; margin-bottom: 3px; }
.ba-nbm-kalb__headline {
    font-size: 17.5px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -0.01em;
    color: #0f172a;
    margin: 0 0 3px;
}
.ba-nbm-kalb__sub {
    font-size: 13px;
    line-height: 1.45;
    color: #64748b;
    margin: 0;
}
.ba-nbm-widget--kalb .ba-nbm-trigger { flex: 0 0 auto; white-space: nowrap; }
@media (max-width: 640px) {
    .ba-nbm-widget--kalb { flex-wrap: wrap; gap: 14px; padding: 16px; }
    .ba-nbm-kalb__indhold { flex: 1 1 calc(100% - 94px); }
    .ba-nbm-widget--kalb .ba-nbm-trigger { flex: 1 1 100%; }
}

/* ── Billet-banner: billettens formsprog, rolig tekst ────────────────────── */
.ba-nbm-widget--billetb {
    display: flex;
    align-items: stretch;
    background: #fdf8ec;
    border: 1px solid #eadfc4;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(60, 45, 20, .08);
}
.ba-nbm-billetb__krop { flex: 1 1 auto; min-width: 0; padding: 22px 26px 20px; }
.ba-nbm-billetb__label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #a89468;
    margin: 0 0 6px;
}
.ba-nbm-billetb__headline {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 21px;
    line-height: 1.25;
    color: #2c2418;
    margin: 0 0 6px;
}
.ba-nbm-billetb__sub {
    font-size: 13px;
    line-height: 1.5;
    color: #6b6146;
    margin: 0;
}
.ba-nbm-billetb__stub {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    padding: 20px 24px;
    border-left: 2px dashed #d8cca8;
    position: relative;
}
.ba-nbm-billetb__stub::before,
.ba-nbm-billetb__stub::after {
    content: "";
    position: absolute;
    left: -9px;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #eadfc4;
}
.ba-nbm-billetb__stub::before { top: -9px; }
.ba-nbm-billetb__stub::after { bottom: -9px; }
@media (max-width: 640px) {
    .ba-nbm-widget--billetb { flex-direction: column; }
    .ba-nbm-billetb__krop { padding: 18px 18px 14px; }
    .ba-nbm-billetb__stub { border-left: 0; border-top: 2px dashed #d8cca8; padding: 14px 18px 18px; }
    .ba-nbm-billetb__stub::before { top: -9px; left: -9px; }
    .ba-nbm-billetb__stub::after { top: -9px; left: auto; right: -9px; bottom: auto; }
    .ba-nbm-billetb__stub .ba-nbm-trigger { width: 100%; }
}

/* ── Humoer-matcheren (section_mood): vaelg stemning -> rigtigt bud ──────── */
.ba-nbm-widget--mood {
    background: #16213a;
    padding: 38px 28px 40px;
    text-align: center;
}
.ba-nbm-mood__headline {
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0 0 6px;
}
.ba-nbm-mood__subline {
    font-size: 14.5px;
    line-height: 1.55;
    color: #b8c4da;
    margin: 0 auto 24px;
    max-width: 560px;
}
.ba-nbm-mood__valg {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    max-width: 680px;
    margin: 0 auto;
}
.ba-nbm-mood-valg {
    border: 1.5px solid rgba(184, 196, 218, .3);
    border-radius: 14px;
    background: rgba(255, 255, 255, .05);
    color: #fff;
    padding: 18px 10px 15px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    font-size: 13.5px;
    font-weight: 600;
    transition: all .16s;
}
.ba-nbm-mood-valg:hover {
    border-color: #f5b95e;
    background: rgba(245, 185, 94, .1);
    transform: translateY(-2px);
}
.ba-nbm-mood-valg__ikon { display: inline-flex; width: 25px; height: 25px; color: #f5b95e; }
.ba-nbm-mood-valg__ikon svg { width: 100%; height: 100%; display: block; }
.ba-nbm-mood__resultat { display: none; max-width: 540px; margin: 0 auto; text-align: left; }
.ba-nbm-widget--mood.har-valgt .ba-nbm-mood__valg { display: none; }
.ba-nbm-widget--mood.har-valgt .ba-nbm-mood__resultat { display: block; animation: baNbMoodInd .45s cubic-bezier(.2, 1.2, .4, 1); }
@keyframes baNbMoodInd { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
.ba-nbm-mood__pick {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
}
.ba-nbm-mood__pick::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 20, 38, 0) 30%, rgba(13, 20, 38, .9) 82%);
}
.ba-nbm-mood__pickinder { position: relative; z-index: 2; padding: 16px 18px; }
.ba-nbm-mood__picklabel {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #f5b95e;
    margin: 0 0 5px;
}
.ba-nbm-mood__picktitel { font-size: 21px; font-weight: 800; color: #fff; margin: 0 0 3px; letter-spacing: -0.01em; }
.ba-nbm-mood__pickmeta { font-size: 12.5px; color: #b8c4da; margin: 0 0 8px; }
.ba-nbm-mood__picklinje { font-size: 13.5px; line-height: 1.55; color: #e2e8f0; margin: 0; }
.ba-nbm-mood__efter {
    font-size: 14px;
    line-height: 1.6;
    color: #b8c4da;
    margin: 16px 0 14px;
    text-align: center;
}
.ba-nbm-mood__efter b { color: #fff; }
.ba-nbm-mood__cta { text-align: center; }
.ba-nbm-mood-igen {
    display: inline-block;
    margin-top: 11px;
    background: none;
    border: 0;
    color: #8fa0bd;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.ba-nbm-mood-igen:hover { color: #c8d2e4; }

/* ── Streaming-kvitteringen (section_bon): bon + spare-DNA ───────────────── */
.ba-nbm-widget--bon {
    background: linear-gradient(160deg, #1b2a4d 0%, #16213a 55%, #101a30 100%);
    padding: 38px 30px 40px;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 36px;
    align-items: center;
}
.ba-nbm-bon__papir {
    background: #fdfbf5;
    border-radius: 4px;
    padding: 22px 20px 16px;
    font-family: ui-monospace, 'Courier New', monospace;
    color: #1f2937;
    transform: rotate(1.4deg);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .45);
    position: relative;
}
.ba-nbm-bon__papir::before,
.ba-nbm-bon__papir::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background-image: radial-gradient(circle at 8px -3px, transparent 7px, #fdfbf5 7.5px);
    background-size: 16px 10px;
}
.ba-nbm-bon__papir::before { top: -9px; }
.ba-nbm-bon__papir::after { bottom: -9px; transform: scaleY(-1); }
.ba-nbm-bon__titel { text-align: center; font-size: 11.5px; font-weight: 700; letter-spacing: .2em; margin: 0 0 4px; }
.ba-nbm-bon__dato { text-align: center; font-size: 10.5px; color: #6b7280; margin: 0 0 14px; }
.ba-nbm-bon__linje { display: flex; justify-content: space-between; gap: 12px; font-size: 12.5px; padding: 4px 0; }
.ba-nbm-bon__linje--total { border-top: 1.5px dashed #9ca3af; margin-top: 7px; padding-top: 9px; font-weight: 700; font-size: 13.5px; }
.ba-nbm-bon__linje--ff { border-top: 1.5px dashed #9ca3af; margin-top: 9px; padding-top: 11px; font-weight: 700; color: #166534; }
.ba-nbm-bon__fod { text-align: center; font-size: 10px; color: #9ca3af; margin: 12px 0 0; }
.ba-nbm-bon__copy { min-width: 0; }
.ba-nbm-bon__headline {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0 0 10px;
    line-height: 1.22;
}
.ba-nbm-bon__sub {
    font-size: 14.5px;
    line-height: 1.6;
    color: #b8c4da;
    margin: 0 0 20px;
    max-width: 460px;
}
.ba-nbm-bon__sub b { color: #fff; }
.ba-nbm-bon__micro { font-size: 11.5px; color: #8fa0bd; margin: 12px 0 0; }

/* ── Duellen (section_duel): stem mellem to rigtige titler ───────────────── */
.ba-nbm-widget--duel {
    background: #16213a;
    padding: 38px 26px 40px;
    text-align: center;
}
.ba-nbm-duel__headline {
    font-size: 25px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
    margin: 0 0 6px;
}
.ba-nbm-duel__sub { font-size: 14.5px; color: #b8c4da; margin: 0 0 24px; }
.ba-nbm-duel__ring {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    max-width: 660px;
    margin: 0 auto;
}
.ba-nbm-duel__vs {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #f5b95e;
    color: #1a2440;
    font-size: 14px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 22px rgba(245, 185, 94, .45);
}
.ba-nbm-duel-kort {
    position: relative;
    border: 0;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
    min-height: 225px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    text-align: left;
    outline: 3px solid transparent;
    outline-offset: 2px;
    transition: all .2s;
}
.ba-nbm-duel-kort::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(13, 20, 38, .05) 30%, rgba(13, 20, 38, .92) 85%);
}
.ba-nbm-duel-kort:hover { transform: translateY(-2px); }
.ba-nbm-duel-kort__inder { position: relative; z-index: 2; padding: 13px 15px; }
.ba-nbm-duel-kort__titel { display: block; font-size: 17px; font-weight: 800; color: #fff; margin: 0 0 3px; letter-spacing: -0.01em; }
.ba-nbm-duel-kort__meta { display: block; font-size: 11.5px; color: #b8c4da; margin: 0; }
.ba-nbm-duel-kort__badge {
    position: absolute;
    z-index: 3;
    top: 11px;
    left: 11px;
    background: #f5b95e;
    color: #1a2440;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 5px 11px;
    opacity: 0;
    transform: scale(.7);
    transition: all .25s cubic-bezier(.2, 1.4, .4, 1);
}
.ba-nbm-widget--duel.har-stemt .ba-nbm-duel-kort { cursor: default; }
.ba-nbm-widget--duel.har-stemt .ba-nbm-duel-kort.er-valgt { outline-color: #f5b95e; }
.ba-nbm-widget--duel.har-stemt .ba-nbm-duel-kort.er-valgt .ba-nbm-duel-kort__badge { opacity: 1; transform: none; }
.ba-nbm-widget--duel.har-stemt .ba-nbm-duel-kort:not(.er-valgt) { opacity: .45; filter: saturate(.6); transform: none; }
.ba-nbm-duel__svar { max-height: 0; overflow: hidden; transition: max-height .5s ease; }
.ba-nbm-widget--duel.har-stemt .ba-nbm-duel__svar { max-height: 240px; }
.ba-nbm-duel__svartekst {
    font-size: 14px;
    line-height: 1.6;
    color: #b8c4da;
    margin: 20px auto 14px;
    max-width: 500px;
}
.ba-nbm-duel__svartekst b { color: #fff; }

@media (max-width: 760px) {
    .ba-nbm-widget--mood { padding: 30px 18px 32px; }
    .ba-nbm-mood__headline { font-size: 21px; }
    .ba-nbm-mood__valg { grid-template-columns: repeat(2, 1fr); }
    .ba-nbm-widget--bon { grid-template-columns: 1fr; gap: 24px; padding: 30px 20px 32px; }
    .ba-nbm-bon__papir { max-width: 320px; margin: 0 auto; }
    .ba-nbm-bon__headline { font-size: 21px; }
    .ba-nbm-widget--bon .ba-nbm-trigger { width: 100%; }
    .ba-nbm-widget--duel { padding: 30px 16px 32px; }
    .ba-nbm-duel__headline { font-size: 21px; }
    .ba-nbm-duel__ring { grid-template-columns: 1fr; }
    .ba-nbm-duel__vs { display: none; }
    .ba-nbm-duel-kort { min-height: 180px; }
}

/* ── Kvitterings-strip (strip_bon, uh_top): regnestykket som slank strip ─── */
.ba-nbm-widget--stripbon {
    display: flex;
    align-items: center;
    gap: 22px;
    background: linear-gradient(115deg, #16213a 0%, #1b2a4d 100%);
    padding: 20px 26px;
}
.ba-nbm-stripbon__regnestykke {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    flex-wrap: wrap;
    max-width: 250px;
}
.ba-nbm-stripbon__chip {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(184, 196, 218, .28);
    border-radius: 8px;
    color: #e2e8f0;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 10px;
    white-space: nowrap;
}
.ba-nbm-stripbon__chip--total {
    background: rgba(245, 185, 94, .14);
    border-color: rgba(245, 185, 94, .55);
    color: #f5b95e;
    font-weight: 800;
}
.ba-nbm-stripbon__plus { color: #8fa0bd; font-size: 13px; font-weight: 700; }
.ba-nbm-stripbon__copy { flex: 1 1 auto; min-width: 0; }
.ba-nbm-widget--stripbon .ba-nbm__eyebrow { margin-bottom: 4px; }
.ba-nbm-stripbon__headline {
    font-size: 17px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
    line-height: 1.25;
    margin: 0 0 3px;
}
.ba-nbm-stripbon__sub { font-size: 13px; line-height: 1.45; color: #b8c4da; margin: 0; }
.ba-nbm-widget--stripbon .ba-nbm-trigger { flex: 0 0 auto; white-space: nowrap; }

/* ── Sidebar-mood (side_mood): kompakt lodret udgave af matcheren ────────── */
.ba-nbm-widget--sidemood {
    padding: 22px 18px 24px;
    text-align: center;
}
.ba-nbm-widget--sidemood .ba-nbm-mood__headline { font-size: 18px; }
.ba-nbm-widget--sidemood .ba-nbm-mood__subline { font-size: 12.5px; margin-bottom: 16px; }
.ba-nbm-widget--sidemood .ba-nbm-mood__valg {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    max-width: none;
}
.ba-nbm-widget--sidemood .ba-nbm-mood-valg {
    padding: 12px 8px;
    font-size: 13px;
    border-radius: 11px;
    gap: 0;
}
.ba-nbm-widget--sidemood .ba-nbm-mood__pick { min-height: 190px; border-radius: 11px; }
.ba-nbm-widget--sidemood .ba-nbm-mood__picktitel { font-size: 17px; }
.ba-nbm-widget--sidemood .ba-nbm-mood__pickinder { padding: 12px 13px; }
.ba-nbm-widget--sidemood .ba-nbm-mood__efter { font-size: 12.5px; margin: 12px 0 10px; }
.ba-nbm-widget--sidemood .ba-nbm-trigger { width: 100%; padding: 12px 16px; font-size: 14px; }
.ba-nbm-widget--sidemood .ba-nbm-mood-igen { font-size: 12px; margin-top: 9px; }

/* ── Slide-in-overlay + notifikations-kortet (slidein_notif) ─────────────── */
.ba-nbm-slidein {
    position: fixed;
    z-index: 99990;
    right: 22px;
    bottom: 22px;
    width: 372px;
    max-width: calc(100vw - 28px);
    transform: translateY(130%);
    opacity: 0;
    pointer-events: none;
    transition: transform .6s cubic-bezier(.22, 1.1, .3, 1), opacity .4s ease;
}
.ba-nbm-slidein.er-synlig {
    transform: none;
    opacity: 1;
    pointer-events: auto;
}
.ba-nbm-slidein .ba-nbm-widget--sinotif { margin: 0; }
.ba-nbm-widget--sinotif {
    position: relative;
    background: rgba(252, 252, 254, .95);
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 20px;
    padding: 15px 16px 14px;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .3);
    overflow: visible;
}
.ba-nbm-slidein.er-synlig .ba-nbm-widget--sinotif {
    animation: baNbSiDrop .55s cubic-bezier(.2, 1.4, .4, 1) .15s backwards;
}
@keyframes baNbSiDrop {
    from { transform: translateY(-24px) scale(.96); opacity: 0; }
    to   { transform: none; opacity: 1; }
}
.ba-nbm-sinotif__luk {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 999px;
    background: #334155;
    color: #e2e8f0;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .3);
}
.ba-nbm-sinotif__luk:hover { background: #1e293b; color: #fff; }
.ba-nbm-sinotif__hoved { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; }
.ba-nbm-sinotif__ikon {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: linear-gradient(140deg, #16213a, #27355c);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
.ba-nbm-sinotif__ikon svg { width: 18px; height: 18px; color: #f5b95e; }
.ba-nbm-sinotif__ikon::after {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #ef4444;
    border: 2px solid #fcfcfe;
}
.ba-nbm-sinotif__app {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ba-nbm-sinotif__tid { margin-left: auto; font-size: 11px; color: #94a3b8; flex: 0 0 auto; }
.ba-nbm-sinotif__emne {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
    margin: 0 0 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ba-nbm-sinotif__body { font-size: 12.5px; line-height: 1.5; color: #475569; margin: 0 0 12px; }
.ba-nbm-sinotif__knapper { display: flex; gap: 8px; }
.ba-nbm-sinotif__ja { flex: 1; padding: 11px 12px; font-size: 13.5px; border-radius: 11px; }
.ba-nbm-sinotif__nej {
    flex: 0 0 auto;
    border: 0;
    border-radius: 11px;
    background: rgba(15, 23, 42, .06);
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    padding: 11px 16px;
    cursor: pointer;
}
.ba-nbm-sinotif__nej:hover { background: rgba(15, 23, 42, .11); }

@media (max-width: 760px) {
    .ba-nbm-widget--stripbon { flex-wrap: wrap; gap: 12px; padding: 18px 18px 20px; }
    .ba-nbm-stripbon__regnestykke { order: 2; max-width: none; min-width: 0; width: 100%; }
    .ba-nbm-stripbon__copy { order: 1; flex: 1 1 100%; }
    .ba-nbm-widget--stripbon .ba-nbm-trigger { order: 3; width: 100%; }
    .ba-nbm-slidein { right: 12px; bottom: 12px; left: 12px; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .ba-nbm-slidein, .ba-nbm-widget--sinotif { transition: none !important; animation: none !important; }
}

/* ── Slide-in-varianter: faelles luk-knap + widget-reset i overlayet ─────── */
.ba-nbm-slidein .ba-nbm-widget { margin: 0; }
.ba-nbm-si-luk {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 9;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: rgba(0, 0, 0, .35);
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ba-nbm-si-luk:hover { background: rgba(0, 0, 0, .6); color: #fff; }

/* ── Fredagsraekken (slidein_raekke): streaming-raekke m. aegte stills ───── */
.ba-nbm-widget--siraekke {
    background: #101014;
    border: 1px solid #26262e;
    border-radius: 16px;
    padding: 16px 18px 14px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .5);
}
.ba-nbm-siraekke__eyebrow {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #8e8e99;
    margin: 0 0 8px;
}
.ba-nbm-siraekke__hoved { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ba-nbm-siraekke__titel { font-size: 15.5px; font-weight: 700; letter-spacing: -.01em; color: #f4f4f5; margin: 0; }
.ba-nbm-siraekke__badge { background: #dc2662; color: #fff; font-size: 10.5px; font-weight: 700; border-radius: 5px; padding: 3px 7px; letter-spacing: .04em; flex: 0 0 auto; }
.ba-nbm-siraekke__plakater { display: flex; gap: 9px; margin-bottom: 14px; }
.ba-nbm-siraekke__kort {
    position: relative;
    flex: 1;
    border-radius: 9px;
    overflow: hidden;
    aspect-ratio: 2 / 3;
    background: #1c1c24;
}
.ba-nbm-siraekke__kort img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ba-nbm-siraekke__kort::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .85) 100%); }
.ba-nbm-siraekke__kort span {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 7px;
    z-index: 2;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.25;
    color: #e4e4e7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ba-nbm-slidein.er-synlig .ba-nbm-siraekke__kort {
    animation: baNbRaekkeInd .5s cubic-bezier(.2, .9, .3, 1.1) both;
    animation-delay: calc(.4s + var(--i) * .12s);
}
@keyframes baNbRaekkeInd { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.ba-nbm-siraekke__puls { margin-bottom: 13px; }
.ba-nbm-siraekke__pulstekst { display: flex; justify-content: space-between; font-size: 11.5px; color: #8e8e99; margin-bottom: 6px; }
.ba-nbm-siraekke__pulstekst b { color: #f4f4f5; font-weight: 600; }
.ba-nbm-siraekke__bar { position: relative; height: 5px; border-radius: 999px; background: #26262e; }
.ba-nbm-siraekke__fyld {
    position: relative;
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #7c3aed, #dc2662);
    transition: width 1.1s cubic-bezier(.3, .8, .3, 1) .6s;
}
.ba-nbm-slidein.er-synlig .ba-nbm-siraekke__fyld { width: var(--pct); }
.ba-nbm-siraekke__fyld::after { content: ""; position: absolute; right: -3px; top: 50%; width: 11px; height: 11px; border-radius: 999px; background: #dc2662; transform: translateY(-50%); box-shadow: 0 0 12px rgba(220, 38, 98, .9); }
.ba-nbm-si-cta--raekke {
    display: block;
    width: 100%;
    background: #f4f4f5;
    color: #101014;
    border: 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px;
    cursor: pointer;
    transition: all .15s;
}
.ba-nbm-si-cta--raekke:hover { background: #fff; transform: translateY(-1px); }
.ba-nbm-siraekke__micro { text-align: center; font-size: 10.5px; line-height: 1.45; color: #5c5c66; margin: 8px 0 0; }

/* ── Billedroeret (slidein_crt): CRT-TV taender ──────────────────────────── */
.ba-nbm-widget--sicrt {
    background: linear-gradient(160deg, #d8d3c8 0%, #b8b2a4 100%);
    border-radius: 18px;
    padding: 14px 14px 10px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .5);
    overflow: visible;
}
.ba-nbm-si-luk--crt { background: rgba(60, 50, 30, .3); color: rgba(255, 255, 255, .85); }
.ba-nbm-sicrt__skaerm {
    position: relative;
    background: #0a0f0a;
    border-radius: 12px 12px 40px 40px / 12px 12px 22px 22px;
    overflow: hidden;
    padding: 24px 20px 22px;
    min-height: 180px;
    box-shadow: inset 0 0 40px rgba(0, 0, 0, .9), inset 0 0 6px rgba(0, 0, 0, .8);
}
.ba-nbm-slidein.er-synlig .ba-nbm-sicrt__skaerm::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #eafbe7;
    z-index: 3;
    animation: baNbCrtOn 1s cubic-bezier(.2, .8, .3, 1) .35s both;
    pointer-events: none;
}
@keyframes baNbCrtOn {
    0%   { clip-path: inset(49.8% 45% 49.8% 45%); opacity: 1; }
    45%  { clip-path: inset(49.7% 0 49.7% 0); opacity: 1; }
    75%  { clip-path: inset(0 0 0 0); opacity: .5; }
    100% { clip-path: inset(0); opacity: 0; }
}
.ba-nbm-sicrt__skaerm::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .22) 0 1px, transparent 1px 3px), radial-gradient(ellipse at 30% 18%, rgba(234, 251, 231, .14) 0%, transparent 55%);
}
.ba-nbm-sicrt__indhold { position: relative; z-index: 2; }
.ba-nbm-slidein.er-synlig .ba-nbm-sicrt__indhold { animation: baNbCrtInd .4s ease 1.05s backwards; }
@keyframes baNbCrtInd { from { opacity: 0; filter: brightness(3) blur(2px); } to { opacity: 1; filter: none; } }
.ba-nbm-sicrt__kanal {
    display: inline-block;
    font-family: ui-monospace, monospace;
    font-size: 11px;
    letter-spacing: .18em;
    color: #7ef29a;
    text-shadow: 0 0 8px rgba(126, 242, 154, .8);
    margin-bottom: 12px;
    animation: baNbCrtVibr 4s steps(2) infinite;
}
@keyframes baNbCrtVibr { 50% { opacity: .82; } }
.ba-nbm-sicrt__tekst {
    font-family: ui-monospace, monospace;
    font-size: 16px;
    line-height: 1.5;
    color: #d7fbe0;
    text-shadow: 0 0 10px rgba(126, 242, 154, .45);
    margin: 0 0 6px;
}
.ba-nbm-sicrt__tekst b { color: #fff; font-weight: 700; }
.ba-nbm-sicrt__sub { font-family: ui-monospace, monospace; font-size: 11.5px; line-height: 1.5; color: #6fae7f; margin: 0 0 16px; }
.ba-nbm-si-cta--crt {
    background: transparent;
    border: 1.5px solid #7ef29a;
    border-radius: 6px;
    color: #7ef29a;
    font-family: ui-monospace, monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    padding: 10px 18px;
    cursor: pointer;
    text-shadow: 0 0 8px rgba(126, 242, 154, .6);
    box-shadow: 0 0 14px rgba(126, 242, 154, .18), inset 0 0 10px rgba(126, 242, 154, .08);
    transition: all .15s;
}
.ba-nbm-si-cta--crt:hover { background: rgba(126, 242, 154, .12); box-shadow: 0 0 22px rgba(126, 242, 154, .35); }
.ba-nbm-sicrt__fod { display: flex; align-items: center; justify-content: space-between; padding: 9px 8px 2px; }
.ba-nbm-sicrt__maerke { font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: #6b6557; font-weight: 700; }
.ba-nbm-sicrt__knapper { display: flex; gap: 6px; }
.ba-nbm-sicrt__knap { width: 11px; height: 11px; border-radius: 999px; background: radial-gradient(circle at 35% 30%, #8a8375, #57523f); box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .4); }

@media (prefers-reduced-motion: reduce) {
    .ba-nbm-siraekke__kort, .ba-nbm-siraekke__fyld, .ba-nbm-sicrt__skaerm::before,
    .ba-nbm-sicrt__indhold, .ba-nbm-sicrt__kanal { animation-duration: 0s !important; animation-delay: 0s !important; transition: none !important; }
}

/* ── NATIVE moduler (2026-08-05): lyse, redaktionelle, sitets tokens ──────
   Bruger-krav: capture skal ligne integrerede dele af siden, ikke reklame.
   Evidens (live-tal) frem for paastande. Ingen gradients, ingen glow. */
.ba-nbm-nativ {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 26px 28px;
    margin: 28px 0;
    font-family: inherit;
    color: #1e293b;
    box-shadow: none;
}
.ba-nbm-nativ__label {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--color-action, #2563eb);
    margin-bottom: 10px;
}
.ba-nbm-nativ__headline {
    font-size: 21px;
    font-weight: 800;
    line-height: 1.3;
    color: #1e293b;
    margin: 0 0 8px;
}
.ba-nbm-nativ__subline {
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
    margin: 0 0 6px;
}
.ba-nbm-nativ__tal { margin: 14px 0 4px; }
.ba-nbm-nativ__raekke {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 9px 0;
    border-top: 1px solid #f1f5f9;
    font-size: 14px;
}
.ba-nbm-nativ__raekke:last-of-type { border-bottom: 1px solid #f1f5f9; }
.ba-nbm-nativ__behov { color: #334155; font-weight: 600; }
.ba-nbm-nativ__behov a { color: #334155; text-decoration: none; }
.ba-nbm-nativ__behov a:hover { color: var(--color-action, #2563eb); text-decoration: none; }
.ba-nbm-nativ__pris { font-weight: 800; color: #1e293b; white-space: nowrap; }
.ba-nbm-nativ__pris em { font-style: normal; font-weight: 400; font-size: 12px; color: #94a3b8; }
.ba-nbm-nativ__pris--fald { color: #15803d; }
.ba-nbm-nativ__kilde {
    font-size: 12px;
    color: #94a3b8;
    margin: 8px 0 0;
}
.ba-nbm-nativ__handling {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 16px;
}
.ba-nbm-trigger--nativ {
    background: var(--color-action, #2563eb);
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 12px 22px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: none;
    animation: none;
    transition: background 0.15s ease;
}
.ba-nbm-trigger--nativ:hover { background: var(--color-action-hover, #1d4ed8); }
.ba-nbm-nativ__micro { font-size: 12.5px; color: #94a3b8; }
.ba-nbm-nativ--slank { padding: 20px 24px; }
.ba-nbm-nativ--slank .ba-nbm-nativ__headline { font-size: 18px; }
@media (max-width: 560px) {
    .ba-nbm-nativ { padding: 20px 18px; }
    .ba-nbm-nativ__raekke { flex-direction: column; gap: 2px; }
    .ba-nbm-nativ__handling { align-items: flex-start; flex-direction: column; }
    .ba-nbm-trigger--nativ { width: 100%; }
}

/* ── KONCEPT-WIDGETS til Prisrapporten (2026-08-05): eget univers + aegte
   data + eet diskret levende element - i sitets LYSE tokens ─────────────── */

/* Prisvagten */
.ba-nbm-vagt {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px 26px;
    margin: 28px 0;
    color: #1e293b;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    column-gap: 24px;
    align-items: start;
}
.ba-nbm-vagt > *, .ba-nbm-kurs > * { grid-column: 1; }
.ba-nbm-vagt__illu {
    grid-column: 2 !important;
    grid-row: 1 / span 6;
    align-self: center;
    width: 190px;
    height: auto;
    max-height: 260px;
    object-fit: cover;
    border-radius: 12px;
}
.ba-nbm-vagt__top { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.ba-nbm-vagt__dot {
    width: 9px; height: 9px; border-radius: 50%;
    background: #16a34a; flex: 0 0 auto;
    box-shadow: 0 0 0 0 rgba(22,163,74,0.45);
    animation: ba-nbm-puls 2.2s ease-out infinite;
}
@keyframes ba-nbm-puls {
    0%   { box-shadow: 0 0 0 0 rgba(22,163,74,0.45); }
    70%  { box-shadow: 0 0 0 9px rgba(22,163,74,0); }
    100% { box-shadow: 0 0 0 0 rgba(22,163,74,0); }
}
.ba-nbm-vagt__status {
    font-size: 11px; font-weight: 800; letter-spacing: 0.1em;
    text-transform: uppercase; color: #16a34a;
}
.ba-nbm-vagt__headline { font-size: 21px; font-weight: 800; line-height: 1.3; margin: 0 0 6px; }
.ba-nbm-vagt__subline { font-size: 14.5px; line-height: 1.6; color: #475569; margin: 0 0 14px; }
.ba-nbm-vagt__panel {
    background: var(--color-action-tint, #eff6ff);
    border: 1px solid var(--c-brand-100, #dbe4fb);
    border-radius: 12px;
    padding: 16px 18px;
    position: relative;
    overflow: hidden;
}
.ba-nbm-vagt__panel::after {
    content: ""; position: absolute; inset: 0 auto 0 -40%;
    width: 32%; transform: skewX(-18deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent);
    animation: ba-nbm-sweep 7s ease-in-out infinite;
    pointer-events: none;
}
@keyframes ba-nbm-sweep {
    0%, 62% { left: -40%; }
    82%, 100% { left: 110%; }
}
.ba-nbm-vagt__celler {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
    padding-bottom: 12px; border-bottom: 1px solid var(--c-brand-100, #dbe4fb);
}
.ba-nbm-vagt__celle { text-align: center; }
.ba-nbm-vagt__celle b {
    display: block; font-size: 22px; font-weight: 800;
    color: var(--color-action, #2563eb); line-height: 1.1;
    font-variant-numeric: tabular-nums;
}
.ba-nbm-vagt__celle span { font-size: 11px; color: #64748b; }
.ba-nbm-vagt__tal { margin-top: 4px; }
.ba-nbm-vagt__raekke {
    display: flex; justify-content: space-between; align-items: baseline;
    gap: 12px; padding: 8px 0; font-size: 14px; font-weight: 600; color: #334155;
    border-bottom: 1px solid rgba(219,228,251,0.6);
}
.ba-nbm-vagt__raekke:last-child { border-bottom: 0; padding-bottom: 0; }
.ba-nbm-vagt__pris { font-weight: 800; color: #1e293b; white-space: nowrap; }
.ba-nbm-vagt__pris em { font-style: normal; font-weight: 400; font-size: 12px; color: #94a3b8; }
@supports (animation-timeline: view()) {
    .ba-nbm-vagt__raekke {
        animation: ba-nbm-ind linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 55%;
    }
}
@keyframes ba-nbm-ind {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: none; }
}

/* Regningen */
.ba-nbm-regning {
    display: flex; gap: 26px; align-items: center;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
    padding: 26px 28px; margin: 28px 0; color: #1e293b;
}
.ba-nbm-regning__visual {
    flex: 0 0 240px; position: relative;
}
.ba-nbm-regning__illu {
    width: 100%; height: auto; display: block;
    border-radius: 12px;
    box-shadow: 0 10px 22px -14px rgba(15,23,42,0.35);
}
.ba-nbm-regning__linjer { margin: 12px 0 2px; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; }
.ba-nbm-regning__linje {
    display: flex; align-items: baseline; gap: 6px;
    font-size: 12px; color: #475569; padding: 4px 0; white-space: nowrap;
}
.ba-nbm-regning__linje span:first-child { overflow: hidden; text-overflow: ellipsis; }
.ba-nbm-regning__linje i { flex: 1; border-bottom: 1px dotted #cbd5e1; }
.ba-nbm-regning__linje span:last-child { font-weight: 700; color: #1e293b; }
.ba-nbm-regning__linje--din { border-top: 1px dashed #cbd5e1; margin-top: 5px; padding-top: 8px; font-weight: 800; color: #1e293b; }
.ba-nbm-regning__stempel {
    position: absolute; right: 12px; bottom: 14px;
    font-family: inherit; font-size: 15px; font-weight: 800;
    text-transform: uppercase; letter-spacing: 0.06em;
    color: #dc2626; border: 2.5px solid #dc2626; border-radius: 6px;
    padding: 3px 9px; transform: rotate(-11deg); opacity: 0.85;
}
@supports (animation-timeline: view()) {
    .ba-nbm-regning__stempel {
        animation: ba-nbm-stempel linear both;
        animation-timeline: view();
        animation-range: entry 20% entry 70%;
    }
}
@keyframes ba-nbm-stempel {
    from { opacity: 0; transform: rotate(-11deg) scale(1.7); }
    60%  { opacity: 0.9; transform: rotate(-11deg) scale(0.96); }
    to   { opacity: 0.85; transform: rotate(-11deg) scale(1); }
}
.ba-nbm-regning__copy { flex: 1; min-width: 0; }

/* Kursfaldet */
.ba-nbm-kurs {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
    padding: 24px 26px; margin: 28px 0; color: #1e293b;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    column-gap: 24px;
    align-items: start;
}
.ba-nbm-kurs__liste { margin: 14px 0 4px; }
.ba-nbm-kurs__raekke {
    display: flex; align-items: center; gap: 14px;
    padding: 10px 0; border-top: 1px solid #f1f5f9;
    text-decoration: none; color: inherit;
}
.ba-nbm-kurs__raekke:last-of-type { border-bottom: 1px solid #f1f5f9; }
.ba-nbm-kurs__raekke:hover .ba-nbm-kurs__navn { color: var(--color-action, #2563eb); }
.ba-nbm-kurs__navn { flex: 1; font-size: 14.5px; font-weight: 700; min-width: 0; }
.ba-nbm-kurs__graf { width: 96px; height: 28px; color: #16a34a; flex: 0 0 auto; }
.ba-nbm-kurs__graf path { stroke-dasharray: 100; stroke-dashoffset: 0; }
@supports (animation-timeline: view()) {
    .ba-nbm-kurs__graf path {
        animation: ba-nbm-tegn linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 80%;
    }
}
@keyframes ba-nbm-tegn {
    from { stroke-dashoffset: 100; }
    to   { stroke-dashoffset: 0; }
}
.ba-nbm-kurs__fald { font-size: 14.5px; font-weight: 800; color: #15803d; white-space: nowrap; }
.ba-nbm-kurs__fald em { font-style: normal; font-weight: 400; font-size: 11.5px; color: #94a3b8; }

@media (max-width: 640px) {
    .ba-nbm-regning { flex-direction: column; align-items: stretch; }
    .ba-nbm-regning__visual { flex-basis: auto; align-self: center; width: min(240px, 100%); }
    .ba-nbm-vagt, .ba-nbm-kurs { display: block; }
    .ba-nbm-vagt__illu {
        width: 100%; max-height: 150px; object-fit: cover;
        object-position: center 30%; margin-bottom: 14px;
    }
    .ba-nbm-vagt__celler { grid-template-columns: repeat(2, 1fr); }
    .ba-nbm-kurs__graf { width: 64px; }
}
@media (prefers-reduced-motion: reduce) {
    .ba-nbm-vagt__dot, .ba-nbm-vagt__panel::after { animation-duration: 0.01s; animation-iteration-count: 1; }
    .ba-nbm-vagt__raekke, .ba-nbm-regning__stempel, .ba-nbm-kurs__graf path { animation-duration: 0.01s; }
}

/* ── HERO-SEKTION (runde 17): modalen lagt fladt ud paa siden ───────────
   Foto = blikfang venstre, hoejre = hook + USP'er + Google + email.
   STOR og statisk: ingen animationer, ingen gradients, ingen glow. */
.ba-nbm-hero {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    margin: 40px 0;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .08);
}
.ba-nbm-hero__foto { position: relative; min-height: 320px; }
.ba-nbm-hero__foto img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ba-nbm-hero__inder { padding: 40px 44px; min-width: 0; }
.ba-nbm-hero__eyebrow {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #64748b;
    margin: 0 0 12px;
}
.ba-nbm-hero__hook {
    font-size: 30px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -.01em;
    color: #0f172a;
    margin: 0 0 12px;
}
.ba-nbm-hero__under {
    font-size: 15.5px;
    line-height: 1.6;
    color: #475569;
    margin: 0 0 18px;
}
.ba-nbm-hero__usps {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    display: grid;
    gap: 10px;
}
.ba-nbm-hero__usps li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.45;
    color: #1e293b;
    font-weight: 500;
}
.ba-nbm-hero__check {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    color: #16a34a;
}
.ba-nbm-hero__check svg { width: 100%; height: 100%; }
.ba-nbm-hero .ba-nbm-band__google {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 12px 16px;
    margin: 0 0 14px;
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
    transition: background-color .15s ease;
}
.ba-nbm-hero .ba-nbm-band__google:hover { background: #f8fafc; color: #0f172a; }
.ba-nbm-hero .ba-nbm-band__google svg { width: 18px; height: 18px; flex: 0 0 auto; }
.ba-nbm-hero__eller {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    color: #94a3b8;
    font-size: 12.5px;
}
.ba-nbm-hero__eller::before,
.ba-nbm-hero__eller::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}
.ba-nbm-hero .ba-nbm-band__form { margin: 0; }
.ba-nbm-hero__raekke {
    display: flex;
    gap: 8px;
}
.ba-nbm-hero__raekke input {
    flex: 1;
    min-width: 0;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 15px;
    color: #0f172a;
    background: #fff;
    transition: border-color .15s ease;
}
.ba-nbm-hero__raekke input::placeholder { color: #94a3b8; }
.ba-nbm-hero__raekke input:focus { outline: none; border-color: #1d4ed8; box-shadow: none; }
.ba-nbm-hero .ba-nbm-band__cta {
    flex: 0 0 auto;
    background: var(--color-action, #1d4ed8);
    color: #fff;
    border: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    padding: 12px 22px;
    cursor: pointer;
    transition: background-color .15s ease;
}
.ba-nbm-hero .ba-nbm-band__cta:hover { background: #1741b6; }
.ba-nbm-hero .ba-nbm-band__cta:disabled { opacity: .7; cursor: default; }
.ba-nbm-hero .ba-nbm-band__fejl { font-size: 13px; color: #dc2626; margin: 8px 0 0; }
.ba-nbm-hero .ba-nbm-band__fine {
    font-size: 11.5px;
    line-height: 1.55;
    color: #94a3b8;
    margin: 14px 0 0;
}
.ba-nbm-hero .ba-nbm-band__fine a { color: #64748b; }

@media (max-width: 860px) {
    .ba-nbm-hero { grid-template-columns: 1fr; }
    .ba-nbm-hero__foto { min-height: 190px; }
    .ba-nbm-hero__inder { padding: 26px 22px 30px; }
    .ba-nbm-hero__hook { font-size: 24px; }
    .ba-nbm-hero__raekke { flex-direction: column; }
    .ba-nbm-hero .ba-nbm-band__cta { width: 100%; }
}