/* BIT-specifikke overrides — gaveideer-CSS (.nm-gaveideer) leverer alt det generiske
       (hero, cards, sections, trust, newsletter, FAQ, SEO, see-all-link osv.). Her kun
       det der er unikt for /bedst-i-test/: metode-grid, featured-produktkort, latest-
       tests-grid (gaveideer-bit-pattern), cats-grid med SVG-ikoner, toprated-produkt-
       grid, seo-stats, affiliate-disclosure.
       ═══════════════════════════════════════════════════════════════════════════════ */
    
    /* Affiliate-disclosure — desktop: trækkes op tæt på hero med negativ margin.
       Mobile: NUL negativ margin (hero er rounded-card uden bund-overlap-zone),
       bare clean positiv spacing så den ikke ryger op i hero-boksen. */
    /* Affiliate-disclosure sidder TÆT under hero-card's bund på desktop
       (negativ top-margin løfter den ind i hero-bottom-padding-området,
       men uden at krydse stats-linjen). 7vw bottom-padding på hero giver
       plads nok til -80px uden overlap. */
    .nm-bit .nm-bit-affiliate-disclosure{max-width:720px;margin:-100px auto var(--nm-space-4) !important;padding:0 var(--nm-space-6);font:400 italic 13px/1.5 'Poppins',sans-serif;color:var(--nm-meta);text-align:center;position:relative;z-index:2}
    /* Hero-stats på BIT: KUN første stat (127 TESTS UDFØRT) i signatur-grøn. 2+3 beholder default hvid/hvid-opacity. */
    .nm-bit .nm-gave-hero-stat:first-child .nm-gave-hero-stat-num,
    .nm-bit .nm-gave-hero-stat:first-child .nm-gave-hero-stat-num span{color:var(--nm-cta)}
    .nm-bit .nm-gave-hero-stat:first-child .nm-gave-hero-stat-label{color:var(--nm-cta);opacity:0.85}
    /* ═══════════════════════════════════════════════════════════════
       MOBILE ≤720px — komplet mobile-review, single source of truth:
       - .nm-bit-sections-wrap = flex-column med gap = SECTION-til-SECTION-spacing
       - Alle individuelle section-margins nulstillet (ellers dobbelt-spacing)
       - Section-headings: centreret, tight, 8px heading→content
       - Content-visibility:visible på alle (kill fantom 600px reserver)
       - Cards/grids: fuld bredde eller 1-col layout, tight gap
       - CTAs: fuld bredde, centreret, 48-60px tap-targets
       - Typografi-compact: h2 clamp 22-28px, intro 14px, overline 11px
       ═══════════════════════════════════════════════════════════════ */
    @media(max-width:720px){
        /* 1) Content-visibility OFF (kill fantom 600px reserver på alle sektioner) */
        html body .nm-bit .nm-gave-hero,
        html body .nm-bit .nm-bit-metode,
        html body .nm-bit .nm-bit-featured,
        html body .nm-bit .nm-bit-latest,
        html body .nm-bit .nm-bit-cats,
        html body .nm-bit .nm-bit-toprated,
        html body .nm-bit .nm-bit-newsletter,
        html body .nm-bit .nm-bit-trust,
        html body .nm-bit .nm-bit-seo-wrap,
        html body .nm-bit .nm-bit-faq-wrap{
            content-visibility:visible !important;
            contain-intrinsic-size:auto !important
        }
    
        /* 2) Sections-wrap = single source of truth for section-to-section spacing */
        html body .nm-bit .nm-bit-sections-wrap{
            display:flex !important;
            flex-direction:column !important;
            gap:56px !important
        }
        /* Nulstil individuelle section-margins + padding-top/bottom så flex-gap styrer */
        html body .nm-bit .nm-gave-hero,
        html body .nm-bit .nm-bit-metode,
        html body .nm-bit .nm-bit-featured,
        html body .nm-bit .nm-bit-latest,
        html body .nm-bit .nm-bit-cats,
        html body .nm-bit .nm-bit-toprated,
        html body .nm-bit .nm-bit-newsletter,
        html body .nm-bit .nm-bit-trust,
        html body .nm-bit .nm-bit-seo-wrap,
        html body .nm-bit .nm-bit-faq-wrap{
            margin-top:0 !important;
            margin-bottom:0 !important
        }
    
        /* 3) Container-padding trim (mindre luft på mobile) */
        html body .nm-bit.nm-gaveideer{
            padding:24px 16px !important
        }
    
        /* 4) HERO — centreret content, mere horizontal padding så tekst ikke rammer
           kant, mindre H1 så lange overskrifter ("Bedst i test — vi har gjort
           arbejdet for dig") wrapper cleant uden at crash container-edges. */
        html body .nm-bit .nm-gave-hero{
            padding:36px 24px !important;
            text-align:center !important
        }
        html body .nm-bit .nm-gave-hero-inner{
            max-width:100% !important;
            margin:0 auto !important;
            padding:0 !important
        }
        html body .nm-bit .nm-gave-hero-overline{
            justify-content:center !important;
            margin-bottom:14px !important;
            font-size:11px !important
        }
        html body .nm-bit .nm-gave-hero-overline::before{
            display:none !important
        }
        html body .nm-bit .nm-gave-hero h1{
            font-size:clamp(1.375rem,5.8vw,1.875rem) !important;
            line-height:1.18 !important;
            margin:0 0 14px !important;
            padding:0 !important;
            text-wrap:balance !important
        }
        html body .nm-bit .nm-gave-hero-meta{
            justify-content:center !important;
            font-size:11px !important;
            gap:6px !important;
            margin-bottom:16px !important
        }
        html body .nm-bit .nm-gave-hero-ingress{
            font-size:14.5px !important;
            line-height:1.55 !important;
            margin:0 auto 22px !important;
            max-width:100% !important
        }
        html body .nm-bit .nm-gave-hero-actions{
            flex-direction:column !important;
            gap:10px !important;
            margin:0 auto 26px !important;
            max-width:300px !important;
            width:100% !important
        }
        html body .nm-bit .nm-gave-hero-cta,
        html body .nm-bit .nm-gave-hero-cta-ghost{
            width:100% !important;
            justify-content:center !important;
            min-height:48px !important;
            padding:14px 20px !important;
            font-size:12px !important
        }
        /* Stats på mobile (tablet-bracket): fast tal-col 80px + label-col 1fr.
           Naturligt KPI-flow med 16px gap mellem tal og label. */
        html body .nm-bit .nm-gave-hero-stats{
            grid-template-columns:1fr !important;
            gap:10px !important;
            padding-top:20px !important;
            max-width:320px !important;
            margin:0 auto !important
        }
        html body .nm-bit .nm-gave-hero-stat{
            display:grid !important;
            grid-template-columns:80px 1fr !important;
            gap:16px !important;
            align-items:baseline !important;
            padding-bottom:10px !important
        }
        html body .nm-bit .nm-gave-hero-stat:not(:last-child){
            border-bottom:1px solid rgba(255,255,255,0.08) !important
        }
        html body .nm-bit .nm-gave-hero-stat:last-child{
            padding-bottom:0 !important
        }
        html body .nm-bit .nm-gave-hero-stat-num{
            font-size:clamp(1.25rem,5.5vw,1.625rem) !important;
            text-align:left !important;
            justify-self:start !important
        }
        html body .nm-bit .nm-gave-hero-stat-label{
            font-size:10px !important;
            letter-spacing:0.08em !important;
            line-height:1.3 !important;
            text-align:left !important;
            justify-self:start !important
        }
    
        /* 5) AFFILIATE-DISCLOSURE — clean positioning, bare del af sections-wrap flex-gap */
        html body .nm-bit .nm-bit-affiliate-disclosure{
            margin:0 auto !important;
            font-size:12px !important;
            line-height:1.5 !important;
            padding:0 8px !important;
            position:static !important;
            max-width:100% !important
        }
    
        /* 6) SECTION-HEADINGS (alle .nm-sh) — centreret, tight heading→content */
        html body .nm-bit .nm-sh,
        html body .nm-bit .nm-sh--with-link,
        html body .nm-bit .nm-sh--with-nav{
            display:block !important;
            text-align:center !important;
            margin:0 0 16px !important;
            padding:0 !important;
            gap:0 !important;
            flex:none !important;
            min-height:0 !important;
            height:auto !important
        }
        html body .nm-bit .nm-sh-text{
            display:block !important;
            flex:none !important;
            flex-basis:auto !important;
            max-width:none !important;
            width:auto !important;
            min-height:0 !important;
            height:auto !important;
            margin:0 !important;
            padding:0 !important
        }
        html body .nm-bit .nm-overline{
            margin:0 0 6px !important;
            font-size:10.5px !important;
            justify-content:center !important;
            letter-spacing:0.12em !important
        }
        html body .nm-bit .nm-overline::before,
        html body .nm-bit .nm-overline::after{
            display:none !important
        }
        html body .nm-bit .nm-sh h2{
            font-size:clamp(1.375rem,6vw,1.75rem) !important;
            line-height:1.2 !important;
            margin:0 0 8px !important;
            text-wrap:balance !important
        }
        html body .nm-bit .nm-section-intro{
            font-size:14px !important;
            line-height:1.55 !important;
            margin:0 auto !important;
            padding:0 !important;
            max-width:540px !important
        }
    
        /* 7) METODE — 4 trin → 1-col, kompakt card-padding */
        html body .nm-bit .nm-bit-metode-grid{
            grid-template-columns:1fr !important;
            gap:12px !important;
            margin-top:0 !important
        }
        html body .nm-bit .nm-bit-metode-step{
            padding:20px 18px !important
        }
        html body .nm-bit .nm-bit-metode-num{
            font-size:1.75rem !important;
            top:14px !important;
            right:16px !important
        }
        html body .nm-bit .nm-bit-metode-icon{
            width:38px !important;
            height:38px !important;
            margin-bottom:12px !important
        }
        html body .nm-bit .nm-bit-metode-icon svg{
            width:18px !important;
            height:18px !important
        }
        html body .nm-bit .nm-bit-metode-title{
            font-size:15px !important;
            margin:0 0 6px !important
        }
        html body .nm-bit .nm-bit-metode-text{
            font-size:14px !important;
            line-height:1.5 !important
        }
    
        /* 9) LATEST — 2-col grid på mobile (2x2x2 før "Indlæs flere"-knap) */
        html body .nm-bit .nm-bit-latest-grid{
            grid-template-columns:repeat(2,1fr) !important;
            gap:10px !important;
            margin-top:0 !important
        }
        html body .nm-bit .nm-bit-latest-loadmore-wrap{
            margin-top:20px !important
        }
        html body .nm-bit .nm-bit-latest-loadmore{
            width:100% !important;
            justify-content:center !important;
            padding:14px 20px !important;
            font-size:12px !important
        }
    
        /* 10) CATS — 2-col grid, centreret ikoner, kompakt body */
        html body .nm-bit .nm-bit-cats-grid{
            grid-template-columns:repeat(2,1fr) !important;
            gap:10px !important;
            margin-top:0 !important
        }
        html body .nm-bit .nm-bit-cats-card{
            padding:14px 12px !important;
            gap:10px !important
        }
        html body .nm-bit .nm-bit-cats-card-ico{
            width:38px !important;
            height:38px !important
        }
        html body .nm-bit .nm-bit-cats-card-ico svg{
            width:18px !important;
            height:18px !important
        }
        html body .nm-bit .nm-bit-cats-card-name{
            font-size:13.5px !important;
            letter-spacing:-0.01em !important;
            line-height:1.25 !important
        }
        html body .nm-bit .nm-bit-cats-card-count{
            font-size:11.5px !important
        }
        html body .nm-bit .nm-bit-cats-card-arrow{
            display:none !important
        }
    
        /* 11) TOPRATED carousel — nav-knapper skjules (native swipe), see-all fuld bredde.
           Samme mobile-treatment for alle "Se alle"-links (latest, toprated, cats) +
           "Se hele testen"-link under featured — konsistent behavior på tværs af siden. */
        html body .nm-bit .nm-bit-toprated-seeall-wrap,
        html body .nm-bit .nm-bit-latest-seeall-wrap,
        html body .nm-bit .nm-bit-cats-seeall-wrap{
            margin-top:16px !important
        }
        html body .nm-bit .nm-bit-toprated-seeall{
            width:100% !important;
            justify-content:center !important;
            padding:14px 20px !important;
            font-size:12px !important
        }
        html body .nm-bit .nm-gave-carousel-track-wrap{
            margin-top:0 !important
        }
    
        /* 12) SEO-STATS — 1-col med subtile dividers */
        html body .nm-bit .nm-bit-seo-stats{
            grid-template-columns:1fr !important;
            gap:0 !important;
            padding:20px 0 !important;
            margin:20px 0 !important
        }
        html body .nm-bit .nm-bit-seo-stat{
            padding:14px 0 !important
        }
        html body .nm-bit .nm-bit-seo-stat:not(:last-child){
            border-bottom:1px solid var(--nm-border-light) !important;
            padding-bottom:14px !important
        }
        html body .nm-bit .nm-bit-seo-stat:not(:last-child)::after{
            display:none !important
        }
        html body .nm-bit .nm-bit-seo-stat-num{
            font-size:1.5rem !important
        }
    
        /* 13) SEO-CTA — AGGRESSIV overflow-guard på flere niveauer.
           Problemet: ::before radial-gradient (600×600px, right:-15%) + parent
           container har inconsistent widths på mobile. Løsning: clip på ALLE
           niveauer — sections-wrap, SEO-wrap, seo-content, CTA-selv.
           Også explicit margin:0 auto + display:block for at eliminere grid-gotchas. */
        html body .nm-bit .nm-bit-sections-wrap,
        html body .nm-bit .nm-bit-seo-wrap,
        html body .nm-bit .nm-gave-seo-content{
            border:0 !important;
            width:100% !important;
            max-width:100% !important;
            box-sizing:border-box !important;
            overflow-x:hidden !important
        }
        html body .nm-bit .nm-bit-seo-cta{
            display:block !important;
            grid-template-columns:none !important;
            text-align:center !important;
            padding:28px 22px !important;
            margin:0 auto !important;
            border:0 !important;
            outline:0 !important;
            box-shadow:none !important;
            width:100% !important;
            max-width:100% !important;
            box-sizing:border-box !important;
            overflow:hidden !important;
            position:relative !important
        }
        /* Kill den 600×600px radial-gradient ::before på mobile — den er unnødvendig pynt
           og er hovedskyldig i container-overflow på smalle skærme */
        html body .nm-bit .nm-bit-seo-cta::before{
            display:none !important;
            content:none !important
        }
        html body .nm-bit .nm-bit-seo-cta-text{
            display:flex !important;
            flex-direction:column !important;
            align-items:center !important;
            width:100% !important;
            max-width:100% !important;
            margin:0 0 16px !important;
            box-sizing:border-box !important
        }
        html body .nm-bit .nm-bit-seo-cta-eyebrow{
            justify-content:center !important
        }
        html body .nm-bit .nm-bit-seo-cta-eyebrow::before{
            display:none !important
        }
        html body .nm-bit .nm-bit-seo-cta-btn{
            width:100% !important;
            justify-content:center !important
        }
    
        /* 14) NEWSLETTER-INPUT — hent logik fra /gaveideer/: form column,
           input 100% bredde + låst højde 48-52px (ikke auto-stretch til container).
           box-sizing:border-box sikrer padding ikke blæser højden. */
        html body .nm-bit .nm-gave-newsletter-form{
            flex-direction:column !important;
            width:100% !important;
            max-width:100% !important;
            gap:8px !important
        }
        html body .nm-bit .nm-gave-newsletter-input{
            flex:none !important;
            width:100% !important;
            height:48px !important;
            min-height:48px !important;
            max-height:52px !important;
            padding:14px 18px !important;
            box-sizing:border-box !important;
            font-size:14px !important;
            line-height:1.2 !important
        }
        html body .nm-bit .nm-gave-newsletter-btn{
            width:100% !important;
            justify-content:center !important;
            min-height:48px !important
        }
    
        /* 15) LATEST-CARDS — title overlay på billede (hvid tekst med gradient
           for læsbarhed). overflow:hidden + box-sizing + width/max-height tvinger
           h3 til at forblive clippet inden for billed-rammen selv med lange titles. */
        html body .nm-bit .nm-bit-latest-card-img{
            position:relative !important;
            display:flex !important;
            flex-direction:column !important;
            justify-content:flex-end !important;
            aspect-ratio:16/11 !important;
            width:100% !important;
            overflow:hidden !important;
            box-sizing:border-box !important
        }
        html body .nm-bit .nm-bit-latest-card-img::after{
            content:"" !important;
            position:absolute !important;
            inset:0 !important;
            background:linear-gradient(to top,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.45) 30%,rgba(0,0,0,0.15) 60%,transparent 85%) !important;
            pointer-events:none !important;
            z-index:1 !important
        }
        html body .nm-bit .nm-bit-latest-card-title{
            position:relative !important;
            z-index:2 !important;
            margin:0 !important;
            padding:8px 11px 10px !important;
            font:700 12px/1.25 'Poppins',sans-serif !important;
            color:#fff !important;
            letter-spacing:-0.01em !important;
            text-wrap:balance !important;
            box-sizing:border-box !important;
            width:100% !important;
            max-width:100% !important;
            display:block !important;
            word-wrap:break-word !important;
            overflow-wrap:break-word !important;
            hyphens:auto !important
        }
        html body .nm-bit .nm-bit-latest-card .nm-gave-bit-card-body{
            padding:12px 12px 14px !important;
            gap:8px !important
        }
        html body .nm-bit .nm-bit-latest-card .nm-gave-bit-card-desc{
            font-size:13px !important;
            line-height:1.5 !important;
            margin:0 !important;
            display:-webkit-box !important;
            -webkit-line-clamp:3 !important;
            -webkit-box-orient:vertical !important;
            overflow:hidden !important
        }
        html body .nm-bit .nm-bit-latest-card .nm-gave-bit-card-cta{
            font-size:11.5px !important;
            margin-top:4px !important
        }
    }
    
    /* Ekstra-tight på små skærme (≤480px) */
    @media(max-width:480px){
        html body .nm-bit .nm-bit-sections-wrap{
            gap:32px !important
        }
        html body .nm-bit.nm-gaveideer{
            padding:20px 14px !important
        }
        html body .nm-bit .nm-gave-hero{
            padding:32px 22px !important
        }
        html body .nm-bit .nm-gave-hero h1{
            font-size:clamp(1.25rem,5.5vw,1.625rem) !important
        }
        html body .nm-bit .nm-gave-hero-stats{
            grid-template-columns:1fr !important;
            gap:8px !important;
            padding-top:16px !important
        }
        /* Stats naturligt layout: tal har fast smal col (optimal for 1-4 chars),
           label starter lige efter med fast gap. Alle labels aligned på samme x —
           læseflow ligner klassiske KPI-stats, ikke ekstreme flush-split. */
        html body .nm-bit .nm-gave-hero-stats{
            max-width:300px !important;
            margin:0 auto !important
        }
        html body .nm-bit .nm-gave-hero-stat{
            display:grid !important;
            grid-template-columns:72px 1fr !important;
            align-items:baseline !important;
            gap:16px !important;
            padding-bottom:10px !important
        }
        html body .nm-bit .nm-gave-hero-stat-num{
            text-align:left !important;
            justify-self:start !important
        }
        html body .nm-bit .nm-gave-hero-stat-label{
            text-align:left !important;
            justify-self:start !important
        }
        html body .nm-bit .nm-gave-hero-stat:not(:last-child){
            border-bottom:1px solid rgba(255,255,255,0.08) !important
        }
        html body .nm-bit .nm-gave-hero-stat:last-child{
            padding-bottom:0 !important
        }
        html body .nm-bit .nm-bit-cats-grid{
            grid-template-columns:1fr !important
        }
    }
    
    /* ═══ METODE — 4 trin, white cards med step-nummer, check-ikon + titel + tekst ═══ */
    .nm-bit .nm-bit-metode{margin-bottom:var(--nm-section-gap)}
    .nm-bit .nm-bit-metode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--nm-card-gap)}
    .nm-bit .nm-bit-metode-step{position:relative;background:var(--nm-bg-card);border:1px solid var(--nm-border);border-radius:var(--nm-radius-md);padding:var(--nm-space-6);transition:transform var(--nm-trans),box-shadow var(--nm-trans),border-color var(--nm-trans);isolation:isolate}
    .nm-bit .nm-bit-metode-step:hover{border-color:var(--nm-border-strong);transform:translateY(-3px);box-shadow:var(--nm-shadow-md)}
    .nm-bit .nm-bit-metode-num{position:absolute;top:var(--nm-space-4);right:var(--nm-space-4);font:700 2.5rem/1 'Poppins',sans-serif;color:var(--nm-border);letter-spacing:-0.04em;transition:color var(--nm-trans)}
    .nm-bit .nm-bit-metode-step:hover .nm-bit-metode-num{color:var(--nm-cta)}
    .nm-bit .nm-bit-metode-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--nm-heading);color:var(--nm-white);border-radius:var(--nm-radius-sm);margin-bottom:var(--nm-space-4)}
    .nm-bit .nm-bit-metode-icon svg{width:22px;height:22px}
    .nm-bit .nm-bit-metode-title{font:700 1.0625rem/1.3 'Poppins',sans-serif;color:var(--nm-heading);margin:0 0 var(--nm-space-2);letter-spacing:-0.015em}
    .nm-bit .nm-bit-metode-text{font:400 0.9375rem/1.55 'Poppins',sans-serif;color:var(--nm-body);margin:0}
    
    /* ═══ LATEST — pillar-grid: 3-col desktop, 2-col mobile + "Indlæs flere"-knap ═══ */
    .nm-bit .nm-bit-latest{margin-bottom:var(--nm-section-gap)}
    .nm-bit .nm-bit-latest-grid{grid-template-columns:repeat(3,1fr) !important}
    @media(max-width:900px){.nm-bit .nm-bit-latest-grid{grid-template-columns:repeat(2,1fr) !important}}
    
    /* Latest-card: title som overlay, placeret i nederste del af billedet.
       Bruger flex + align-items:flex-end så titel sidder ved bund og VOKSER
       OPAD når den er lang (op til billed-top, klippet af parent overflow:hidden).
       Ingen ellipsis/line-clamp — HELE titlen er synlig i flere linjer,
       gradient fader bagom for læsbarhed. */
    .nm-bit .nm-bit-latest-card-img{position:relative !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;aspect-ratio:16/11 !important;width:100% !important;overflow:hidden !important;box-sizing:border-box !important}
    .nm-bit .nm-bit-latest-card-img::after{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(to top,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.45) 30%,rgba(0,0,0,0.15) 60%,transparent 85%) !important;pointer-events:none !important;z-index:1 !important}
    .nm-bit .nm-bit-latest-card-title{position:relative !important;z-index:2 !important;margin:0 !important;padding:10px 14px 12px !important;font:700 14px/1.25 'Poppins',sans-serif !important;color:#fff !important;letter-spacing:-0.01em !important;text-wrap:balance !important;box-sizing:border-box !important;width:100% !important;max-width:100% !important;display:block !important;word-wrap:break-word !important;overflow-wrap:break-word !important;hyphens:auto !important}
    .nm-bit .nm-bit-latest-card .nm-gave-bit-card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}
    .nm-bit .nm-bit-latest-card .nm-gave-bit-card-desc{font-size:13.5px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
    .nm-bit .nm-bit-latest-card .nm-gave-bit-card-cta{font-size:12px;margin-top:4px}
    
    /* Hidden cards (pagineret ud af initial view) */
    .nm-bit .nm-bit-latest-grid .nm-gave-bit-card[data-hidden]{display:none !important}
    
    /* "Se alle tests"-link (under loadmore) — subtle secondary-link med pil */
    .nm-bit .nm-bit-latest-seeall-wrap{display:flex;justify-content:center;margin-top:var(--nm-space-4)}
    .nm-bit .nm-bit-latest-seeall{display:inline-flex;align-items:center;gap:8px;padding:6px 2px;font:600 0.8125rem/1 'Poppins',sans-serif;color:var(--nm-meta);text-decoration:none;transition:gap var(--nm-trans),color var(--nm-trans);border-bottom:1px solid transparent}
    .nm-bit .nm-bit-latest-seeall:hover,.nm-bit .nm-bit-latest-seeall:focus{color:var(--nm-cta);gap:12px;border-bottom-color:var(--nm-cta)}
    .nm-bit .nm-bit-latest-seeall svg{width:14px;height:14px;stroke:currentColor;transition:transform var(--nm-trans)}
    .nm-bit .nm-bit-latest-seeall:hover svg{transform:translateX(3px)}
    
    /* "Indlæs flere"-knap — outlined, chevron-down, fuld-bredde-centreret */
    .nm-bit .nm-bit-latest-loadmore-wrap{display:flex;justify-content:center;margin-top:var(--nm-space-8)}
    .nm-bit .nm-bit-latest-loadmore{display:inline-flex;align-items:center;gap:var(--nm-space-2);padding:16px 32px;font:700 0.8125rem/1 'Poppins',sans-serif;letter-spacing:0.1em;text-transform:uppercase;color:var(--nm-heading);background:transparent;border:1.5px solid var(--nm-border-strong);border-radius:var(--nm-radius-sm);cursor:pointer;transition:all var(--nm-trans);min-height:52px}
    .nm-bit .nm-bit-latest-loadmore:hover,.nm-bit .nm-bit-latest-loadmore:focus{background:var(--nm-cta);border-color:var(--nm-cta);color:#fff;box-shadow:var(--nm-shadow-cta);transform:translateY(-1px)}
    .nm-bit .nm-bit-latest-loadmore-count{font-weight:500;letter-spacing:0.05em;opacity:0.7}
    .nm-bit .nm-bit-latest-loadmore svg{width:14px;height:14px;transition:transform var(--nm-trans);stroke:currentColor}
    .nm-bit .nm-bit-latest-loadmore:hover svg{transform:translateY(2px)}
    .nm-bit .nm-bit-latest-loadmore:focus-visible{outline:2px solid var(--nm-cta);outline-offset:3px}
    
    /* ═══ CATS — kategori-grid m. SVG-ikoner, white cards ═══ */
    .nm-bit .nm-bit-cats{margin-bottom:var(--nm-section-gap)}
    .nm-bit .nm-bit-cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--nm-card-gap)}
    .nm-bit .nm-bit-cats-card{position:relative;display:flex;align-items:center;gap:var(--nm-space-4);padding:var(--nm-space-5);background:var(--nm-bg-card);border:1px solid var(--nm-border);border-radius:var(--nm-radius-md);text-decoration:none;transition:transform var(--nm-trans),box-shadow var(--nm-trans),border-color var(--nm-trans);isolation:isolate;overflow:hidden}
    .nm-bit .nm-bit-cats-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--nm-cta);transition:height var(--nm-trans)}
    .nm-bit .nm-bit-cats-card:hover{border-color:var(--nm-cta);transform:translateY(-3px);box-shadow:var(--nm-shadow-md)}
    .nm-bit .nm-bit-cats-card:hover::before{height:100%}
    .nm-bit .nm-bit-cats-card-ico{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--nm-cta-light);border:1px solid rgba(64,205,42,0.22);border-radius:var(--nm-radius-sm);color:var(--nm-cta);transition:background var(--nm-trans),color var(--nm-trans);overflow:hidden}
    .nm-bit .nm-bit-cats-card-ico svg{width:22px;height:22px;stroke:currentColor;fill:none}
    .nm-bit .nm-bit-cats-card-ico img{width:100%;height:100%;object-fit:cover;display:block}
    .nm-bit .nm-bit-cats-card:hover .nm-bit-cats-card-ico{background:var(--nm-cta);color:#fff;border-color:var(--nm-cta)}
    /* Med billede: behold hvid baggrund, fjern grøn hover-tint på baggrunden (ellers dækker den billedet) */
    .nm-bit .nm-bit-cats-card--img .nm-bit-cats-card-ico{background:#fff;border-color:var(--nm-border)}
    .nm-bit .nm-bit-cats-card--img:hover .nm-bit-cats-card-ico{background:#fff;border-color:var(--nm-cta)}
    .nm-bit .nm-bit-cats-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
    .nm-bit .nm-bit-cats-card-name{font:700 1rem/1.3 'Poppins',sans-serif;color:var(--nm-heading);letter-spacing:-0.015em}
    .nm-bit .nm-bit-cats-card-count{font:400 0.8125rem/1 'Poppins',sans-serif;color:var(--nm-meta)}
    .nm-bit .nm-bit-cats-card-arrow{flex-shrink:0;color:var(--nm-border-strong);transition:transform var(--nm-trans),color var(--nm-trans)}
    .nm-bit .nm-bit-cats-card-arrow svg{width:18px;height:18px}
    .nm-bit .nm-bit-cats-card:hover .nm-bit-cats-card-arrow{color:var(--nm-cta);transform:translateX(4px)}
    
    /* ═══ TOPRATED — horizontal carousel (15 produkter, mandetid-pattern) ═══ */
    .nm-bit .nm-bit-toprated{margin-bottom:var(--nm-section-gap)}
    /* Track: snap-scroll flex + kant-fades. Cards får fast flex-basis = 4 synlige desktop */
    .nm-bit .nm-bit-toprated-track{scroll-padding-left:0}
    .nm-bit .nm-bit-toprated-track .nm-card{flex:0 0 calc((100% - var(--nm-space-6) * 3) / 4);scroll-snap-align:start;position:relative;min-width:0}
    @media(max-width:1100px){.nm-bit .nm-bit-toprated-track .nm-card{flex:0 0 calc((100% - var(--nm-space-4) * 2) / 3)}}
    @media(max-width:720px){.nm-bit .nm-bit-toprated-track .nm-card{flex:0 0 72%;max-width:280px}}
    @media(max-width:480px){.nm-bit .nm-bit-toprated-track .nm-card{flex:0 0 82%}}
    .nm-bit .nm-bit-toprated-track .nm-card__rank--1{background:var(--nm-cta);box-shadow:var(--nm-shadow-cta)}
    .nm-bit .nm-bit-toprated-track .nm-card__score{position:absolute;top:var(--nm-space-3);right:var(--nm-space-3);z-index:2;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:var(--nm-heading);color:#fff;font:700 0.75rem/1 'Poppins',sans-serif;letter-spacing:-0.01em;border-radius:var(--nm-radius-sm)}
    .nm-bit .nm-bit-toprated-track .nm-card__score-star{color:var(--nm-cta);font-size:0.875rem;line-height:1}
    
    /* Alle-topratede-link centreret under carousel (matcher "Indlæs flere"-stil) */
    .nm-bit .nm-bit-toprated-seeall-wrap{display:flex;justify-content:center;margin-top:var(--nm-space-8)}
    .nm-bit .nm-bit-toprated-seeall{display:inline-flex;align-items:center;gap:var(--nm-space-2);padding:16px 32px;font:700 0.8125rem/1 'Poppins',sans-serif;letter-spacing:0.1em;text-transform:uppercase;color:var(--nm-heading);background:transparent;border:1.5px solid var(--nm-border-strong);border-radius:var(--nm-radius-sm);text-decoration:none;transition:all var(--nm-trans);min-height:52px}
    .nm-bit .nm-bit-toprated-seeall:hover,.nm-bit .nm-bit-toprated-seeall:focus{background:var(--nm-cta);border-color:var(--nm-cta);color:#fff !important;box-shadow:var(--nm-shadow-cta);transform:translateY(-1px)}
    .nm-bit .nm-bit-toprated-seeall svg{width:14px;height:14px;transition:transform var(--nm-trans);stroke:currentColor}
    .nm-bit .nm-bit-toprated-seeall:hover svg{transform:translateX(3px)}
    
    /* ═══ SEO — stats-grid i bunden af seo-block + CTA-box ═══ */
    .nm-bit .nm-bit-seo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:var(--nm-space-8) 0;padding:var(--nm-space-6) 0;border-top:1px solid var(--nm-border);border-bottom:1px solid var(--nm-border)}
    .nm-bit .nm-bit-seo-stat{text-align:center;padding:0 var(--nm-space-4);position:relative;display:flex;flex-direction:column;gap:var(--nm-space-1)}
    .nm-bit .nm-bit-seo-stat:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:60%;background:var(--nm-border)}
    .nm-bit .nm-bit-seo-stat-num{font:700 clamp(1.5rem,2vw + 0.5rem,2rem)/1 'Poppins',sans-serif;color:var(--nm-heading);letter-spacing:-0.02em}
    .nm-bit .nm-bit-seo-stat-label{font:600 0.6875rem/1.2 'Poppins',sans-serif;letter-spacing:0.12em;text-transform:uppercase;color:var(--nm-meta)}
    .nm-bit .nm-bit-seo-cta{margin-top:var(--nm-space-10);padding:clamp(28px,4vw,48px) clamp(24px,4vw,48px);background:var(--nm-bg-dark);color:#fff;border-radius:var(--nm-radius-lg);display:grid;grid-template-columns:1fr auto;align-items:center;gap:clamp(24px,4vw,48px);position:relative;overflow:hidden;isolation:isolate;width:100%;max-width:100%;box-sizing:border-box}
    .nm-bit .nm-bit-seo-cta::before{content:"";position:absolute;top:-50%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(64,205,42,0.14) 0%,transparent 60%);z-index:-2;pointer-events:none}
    .nm-bit .nm-bit-seo-cta-text{display:flex;flex-direction:column;gap:var(--nm-space-2)}
    .nm-bit .nm-bit-seo-cta-eyebrow{display:inline-flex;align-items:center;gap:var(--nm-space-2);font:600 0.6875rem/1 'Poppins',sans-serif;letter-spacing:0.14em;text-transform:uppercase;color:var(--nm-cta)}
    .nm-bit .nm-bit-seo-cta-eyebrow::before{display:none}
    .nm-bit .nm-bit-seo-cta h3{font:700 clamp(1.25rem,1.75vw + 0.5rem,1.625rem)/1.25 'Poppins',sans-serif;letter-spacing:-0.02em;color:#fff !important;margin:0;text-wrap:balance}
    .nm-bit .nm-bit-seo-cta p{font:400 0.9375rem/1.6 'Poppins',sans-serif;color:rgba(255,255,255,0.75);margin:0;text-wrap:pretty}
    .nm-bit .nm-bit-seo-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--nm-space-2);padding:16px 28px;background:var(--nm-cta);color:#fff !important;font:700 0.8125rem/1 'Poppins',sans-serif;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border-radius:var(--nm-radius-sm);box-shadow:var(--nm-shadow-cta);transition:all var(--nm-trans);min-height:52px;white-space:nowrap}
    .nm-bit .nm-bit-seo-cta-btn:hover{background:var(--nm-cta-hover);color:#fff !important;transform:translateY(-2px);box-shadow:var(--nm-shadow-cta-hover)}
    .nm-bit .nm-bit-seo-cta-btn svg{width:14px;height:14px;stroke:#fff;transition:transform var(--nm-trans)}
    .nm-bit .nm-bit-seo-cta-btn:hover svg{transform:translateX(4px)}
    
    /* ═══ Responsive breakpoints ═══ */
    @media(max-width:1024px){
        .nm-bit .nm-bit-metode-grid{grid-template-columns:repeat(2,1fr)}
        .nm-bit .nm-bit-cats-grid{grid-template-columns:repeat(3,1fr)}
    }
    @media(max-width:900px){
        .nm-bit .nm-bit-seo-cta{grid-template-columns:1fr;text-align:left}
        .nm-bit .nm-bit-seo-cta-btn{justify-content:center;width:100%}
    }
    /* Mobile ≤720px og ≤480px blokke er konsolideret øverst i denne sektion
       (med html body-prefix for specificity). Ingen duplikerede regler her. */