/* ══════════════════════════════════════════════════
       QUIZ SINGLE — Design System
       ══════════════════════════════════════════════════ */
    .nm-quiz-single-main { font-family: 'Poppins', sans-serif; }

    /* 3b. SIDENS INDHOLD — samme laesebredde som en artikel.
       Selve blokkenes styling er global (.nm-article-body i snippet 13);
       her saettes kun rammen, saa der ikke opstaar en femte variant. */
    .nm-quiz-article { max-width: 820px; margin: 0 auto 48px; }
    .nm-quiz-article .nm-article-body { padding: 0; }
    @media (max-width: 860px) { .nm-quiz-article { padding: 0 16px; } }

    /* 1. HERO — redesign 31-10-2026 (designer, forslag 1 uden groen streg).
       Leveret som 70-sektion (quiz_hero); :scope er skrevet ud som .nm-quiz-hero. */
    .nm-quiz-hero {
      box-sizing: border-box;
      position: relative;
      width: 100%;
      max-width: var(--nm-container);
      min-width: 0;
      margin: 0 auto var(--nm-section-gap);
      padding: var(--nm-space-12) var(--nm-space-10);
      /* Hero-kort (ejeren 31-10-2026): bloed hvid/graa flade, saa kortet ses. */
      background: linear-gradient(180deg, var(--nm-bg-card) 0%, var(--nm-bg) 100%) !important;
      color: var(--nm-body);
      border: 1px solid var(--nm-border) !important;
      border-radius: 20px !important;
      box-shadow: var(--nm-shadow-md) !important;
      text-align: left !important;
      overflow: visible;
      font-family: var(--nm-font-body);
    }
    .nm-quiz-hero::before,
    .nm-quiz-hero::after {
      content: none !important;
      display: none !important;
    }
    .nm-quiz-hero .nm-quiz-hero-emoji {
      display: block;
      position: static;
      width: auto;
      margin: 0 0 var(--nm-space-4);
      padding: 0;
      font-size: 2rem;
      line-height: 1.2;
      text-align: left;
      background: none !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    .nm-quiz-hero .nm-quiz-hero-emoji::before,
    .nm-quiz-hero .nm-quiz-hero-emoji::after {
      content: none !important;
      display: none !important;
    }
    .nm-quiz-hero h1 {
      position: static;
      max-width: 100%;
      margin: 0 0 var(--nm-space-6);
      padding: 0;
      font-family: var(--nm-font-heading) !important;
      /* Fast stoerrelse: var(--nm-h1) gav en ~15px H1 paa live (31-10-2026, aarsag ikke fundet). */
      font-size: clamp(1.75rem, 4vw, 2.75rem) !important;
      font-weight: 800;
      line-height: 1.12;
      letter-spacing: -0.035em;
      color: var(--nm-heading) !important;
      text-align: left !important;
      overflow-wrap: break-word;
      text-wrap: balance;
    }
    .nm-quiz-hero h1 span {
      background: none !important;
      color: inherit !important;
      -webkit-text-fill-color: currentColor !important;
    }
    .nm-quiz-hero .nm-quiz-hero-intro {
      position: static;
      max-width: var(--nm-content);
      margin: 0 0 var(--nm-space-8) !important;
      padding: 0;
      font-family: var(--nm-font-body);
      font-size: var(--nm-lead-size) !important;
      font-weight: 400;
      line-height: 1.65;
      color: var(--nm-body) !important;
      text-align: left !important;
      overflow-wrap: break-word;
    }
    .nm-quiz-hero .nm-quiz-hero-meta {
      position: static;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start !important;
      align-items: center;
      gap: var(--nm-space-4) 0;
      width: 100%;
      margin: 0;
      padding: var(--nm-space-6) 0 0;
      border-top: 1px solid var(--nm-border);
      background: none;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span {
      box-sizing: border-box;
      display: inline-flex;
      align-items: center;
      gap: var(--nm-space-2);
      min-width: 0;
      max-width: 100%;
      margin: 0;
      padding: 0 var(--nm-space-6);
      background: none !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      font-family: var(--nm-font-body);
      font-size: var(--nm-small) !important;
      font-weight: 400;
      line-height: 1.5;
      color: var(--nm-meta) !important;
      overflow-wrap: break-word;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span:first-child {
      padding-left: 0;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span + span {
      border-left: 1px solid var(--nm-border-strong) !important;
    }
    .nm-quiz-hero .nm-quiz-hero-meta > span:last-child {
      padding-right: 0;
    }
    .nm-quiz-hero .nm-quiz-hero-meta strong {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      justify-content: center;
      margin: 0;
      font-size: 1.25rem;
      font-weight: 400;
      line-height: 1;
      color: inherit;
    }
    .nm-quiz-hero .nm-quiz-hero-meta strong svg {
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      flex: 0 0 auto;
    }
    @media (max-width: 1023px) {
      .nm-quiz-hero {
        padding: var(--nm-space-8) var(--nm-space-6);
      }
      .nm-quiz-hero .nm-quiz-hero-meta {
        gap: var(--nm-space-4) var(--nm-space-6);
      }
      .nm-quiz-hero .nm-quiz-hero-meta > span {
        padding: 0;
        border: 0 !important;
      }
      .nm-quiz-hero .nm-quiz-hero-meta > span + span {
        border-left: 0 !important;
      }
    }
    @media (max-width: 767px) {
      .nm-quiz-hero h1 {
        margin-bottom: var(--nm-space-4);
        letter-spacing: -0.03em;
      }
      .nm-quiz-hero .nm-quiz-hero-intro {
        font-size: var(--nm-body-size) !important;
        margin-bottom: var(--nm-space-6) !important;
      }
      .nm-quiz-hero .nm-quiz-hero-meta {
        padding-top: var(--nm-space-6);
        gap: var(--nm-space-4);
      }
      .nm-quiz-hero .nm-quiz-hero-meta > span:last-child {
        flex-basis: 100%;
      }
    }
    @media (max-width: 767px) {
      .nm-quiz-hero {
        border-radius: 16px !important;
      }
    }
    @media (max-width: 374px) {
      .nm-quiz-hero {
        padding: var(--nm-space-6) var(--nm-space-4);
      }
    }
    
    /* 2. QUIZ FLOW — redesign 31-10-2026 (designer, forslag 1 "Overskriften i fokus").
       Leveret som 70-sektion (quiz_flow); :scope er skrevet ud som .nm-quiz-flow. */
    .nm-quiz-flow {
      box-sizing: border-box;
      width: 100%;
      max-width: var(--nm-container, 1100px); /* ejeren 31-10-2026: lige saa bred som de andre sektioner (designet: --nm-content) */
      min-width: 0;
      margin: 0 auto var(--nm-section-gap, 48px);
      padding: var(--nm-space-6, 24px);
      background: var(--nm-bg-card, #fff);
      color: var(--nm-body, #3a3a3a);
      border: 1px solid var(--nm-border, #e8e8e8);
      border-radius: var(--nm-radius-md, 6px);
      box-shadow: none;
      font-family: var(--nm-font-body);
      text-align: left;
      overflow: visible;
    }
    .nm-quiz-flow *, .nm-quiz-flow *::before, .nm-quiz-flow *::after {
      box-sizing: border-box;
    }
    .nm-quiz-flow .nm-quiz-progress {
      display: flex;
      gap: var(--nm-space-1, 4px);
      width: 100%;
      min-width: 0;
      margin: 0 0 var(--nm-space-3, 12px);
    }
    .nm-quiz-flow .nm-quiz-progress-step {
      flex: 1 1 0;
      min-width: 0;
      height: 4px;
      border-radius: 2px;
      background: var(--nm-border, #e8e8e8) !important;
      opacity: 1 !important;
      transition: none;
    }
    .nm-quiz-flow .nm-quiz-progress-step.nm-quiz-step-done {
      background: var(--nm-heading, #111) !important;
    }
    .nm-quiz-flow .nm-quiz-progress-step.nm-quiz-step-active {
      background: var(--nm-cta, #40cd2a) !important;
    }
    .nm-quiz-flow .nm-quiz-step {
      display: none;
      min-width: 0;
      text-align: left !important;
    }
    .nm-quiz-flow .nm-quiz-step.nm-quiz-step-visible {
      display: block;
    }
    .nm-quiz-flow .nm-quiz-step[hidden] {
      display: none !important;
    }
    .nm-quiz-flow .nm-quiz-step-num {
      margin: 0 0 var(--nm-space-4, 16px);
      color: var(--nm-meta, #5a5a5a) !important;
      font-size: var(--nm-small, .875rem);
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: normal;
      text-transform: none;
    }
    .nm-quiz-flow .nm-quiz-step h3 {
      min-width: 0;
      max-width: 100%;
      margin: 0 0 var(--nm-space-6, 24px);
      font-family: var(--nm-font-heading);
      font-size: clamp(1.125rem, 2.5vw, 1.3125rem) !important; /* fast vaerdi: --nm-h3 er bygget som --nm-h1, der fejlede paa live */
      font-weight: 700;
      line-height: 1.35;
      color: var(--nm-heading, #111);
      text-align: left;
      white-space: normal;
      overflow-wrap: anywhere;
      hyphens: auto;
    }
    .nm-quiz-flow .nm-quiz-options,
    .nm-quiz-flow .nm-quiz-options.nm-quiz-options-wide {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      grid-auto-rows: auto;
      align-items: stretch;
      gap: var(--nm-space-3, 12px);
      width: 100%;
      min-width: 0;
    }
    .nm-quiz-flow .nm-quiz-option {
      position: relative;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 20px;
      grid-template-rows: auto auto 1fr;
      align-content: start;
      align-items: start;
      justify-items: start;
      gap: var(--nm-space-2, 8px);
      width: 100%;
      min-width: 0 !important;
      max-width: 100%;
      height: auto !important;
      min-height: 0;
      max-height: none !important;
      margin: 0;
      padding: var(--nm-space-4, 16px);
      border: 1px solid var(--nm-border-strong, #d0d0d0) !important;
      border-radius: var(--nm-radius-md, 6px);
      background: var(--nm-bg-card, #fff) !important;
      color: var(--nm-heading, #111);
      font-family: var(--nm-font-body);
      text-align: left !important;
      text-decoration: none;
      white-space: normal !important;
      overflow: visible !important;
      cursor: pointer;
      transform: none !important;
      box-shadow: none !important;
      transition: border-color var(--nm-duration, 250ms), background-color var(--nm-duration, 250ms);
    }
    .nm-quiz-flow .nm-quiz-option-ico {
      grid-column: 1;
      grid-row: 1;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      width: auto;
      height: auto;
      min-width: 0;
      min-height: 20px;
      margin: 0;
      padding: 0;
      background: none !important;
      border: 0;
      border-radius: 0;
      font-size: 20px !important;
      line-height: 1;
    }
    .nm-quiz-flow .nm-quiz-option-ico span {
      filter: none !important;
      background: none !important;
    }
    .nm-quiz-flow .nm-quiz-option-label,
    .nm-quiz-flow .nm-quiz-option-desc {
      display: block !important;
      grid-column: 1 / -1;
      width: 100%;
      min-width: 0 !important;
      max-width: 100%;
      height: auto !important;
      max-height: none !important;
      margin: 0;
      padding: 0;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      -webkit-line-clamp: unset !important;
      line-clamp: unset !important;
      -webkit-box-orient: initial;
      word-break: normal;
      overflow-wrap: anywhere;
      hyphens: auto;
      hyphenate-limit-chars: 8 4 4; /* "for-men", "me-get": korte ord deles aldrig */
      text-align: left !important;
    }
    .nm-quiz-flow .nm-quiz-option-label {
      grid-row: 2;
      font-size: var(--nm-body-size, 1rem) !important;
      font-weight: 700;
      line-height: 1.4;
      color: var(--nm-heading, #111) !important;
    }
    .nm-quiz-flow .nm-quiz-option-desc {
      grid-row: 3;
      font-size: var(--nm-small, .875rem) !important;
      font-weight: 400;
      line-height: 1.55;
      color: var(--nm-meta, #5a5a5a) !important;
    }
    .nm-quiz-flow .nm-quiz-option a {
      max-width: 100%;
      white-space: normal !important;
      overflow-wrap: anywhere;
      word-break: normal;
      color: inherit;
      text-decoration: underline;
    }
    .nm-quiz-flow .nm-quiz-option-indicator {
      grid-column: 2;
      grid-row: 1;
      position: relative;
      display: block;
      width: 20px;
      height: 20px;
      margin: 0;
      border: 1px solid var(--nm-muted, #767676);
      border-radius: 50%;
      background: var(--nm-white, #fff);
      pointer-events: none;
    }
    /* Valgt (ejeren 31-10-2026): ingen groen flade eller kant paa kortet; kortet faar en moerk
       kant, og valget vises af en groen cirkel med et centreret flueben. */
    .nm-quiz-flow .nm-quiz-option.nm-quiz-option-selected,
    .nm-quiz-flow .nm-quiz-option[aria-checked="true"] {
      background: var(--nm-bg-card, #fff) !important;
      border-color: var(--nm-heading, #111) !important;
    }
    .nm-quiz-flow .nm-quiz-option-selected .nm-quiz-option-indicator,
    .nm-quiz-flow .nm-quiz-option[aria-checked="true"] .nm-quiz-option-indicator {
      display: grid;
      place-items: center;
      background: var(--nm-cta, #40cd2a);
      border-color: var(--nm-cta, #40cd2a);
    }
    .nm-quiz-flow .nm-quiz-option-selected .nm-quiz-option-indicator::after,
    .nm-quiz-flow .nm-quiz-option[aria-checked="true"] .nm-quiz-option-indicator::after {
      content: "";
      position: static;
      display: block;
      width: 5px;
      height: 10px;
      margin-top: -2px;
      border-right: 2px solid var(--nm-white, #fff);
      border-bottom: 2px solid var(--nm-white, #fff);
      transform: rotate(45deg);
    }
    /* Kort puls naar man vaelger: kortet vokser et oejeblik. Bruger 'scale', fordi
       'transform' er laast med !important i designet. */
    .nm-quiz-flow .nm-quiz-option { -webkit-tap-highlight-color: transparent; }
    .nm-quiz-flow .nm-quiz-option.nm-quiz-option-puls { animation: nm-quiz-puls 260ms ease-out; }
    @keyframes nm-quiz-puls {
      0%   { scale: 1; }
      45%  { scale: 1.04; }
      100% { scale: 1; }
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] {
      grid-column: 1 / -1;
      grid-template-columns: 20px minmax(0, 1fr) 20px;
      grid-template-rows: auto;
      align-items: center;
      min-height: 56px;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-ico {
      grid-column: 1;
      grid-row: 1;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-label {
      grid-column: 2;
      grid-row: 1;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-indicator {
      grid-column: 3;
      grid-row: 1;
    }
    .nm-quiz-flow .nm-quiz-option[data-value="_any"] .nm-quiz-option-desc {
      grid-column: 2 / -1;
      grid-row: 2;
    }
    .nm-quiz-flow .nm-quiz-nav {
      position: static !important;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: var(--nm-space-3, 12px);
      width: 100%;
      min-width: 0;
      margin: var(--nm-space-6, 24px) 0 0 !important;
      padding: 0 !important;
      background: none !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    .nm-quiz-flow .nm-quiz-nav-back,
    .nm-quiz-flow .nm-quiz-nav-next {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      max-width: 100%;
      min-height: 48px;
      height: auto;
      padding: var(--nm-space-3, 12px) var(--nm-space-6, 24px);
      border: 0;
      border-radius: var(--nm-radius-md, 6px);
      font-family: var(--nm-font-body);
      font-size: var(--nm-body-size, 1rem) !important;
      font-weight: 600;
      line-height: 1.5;
      text-transform: none !important; /* et globalt knap-stil gav TILBAGE/NÆSTE paa live */
      letter-spacing: normal !important;
      white-space: normal !important;
      overflow: visible !important;
      overflow-wrap: anywhere;
      text-overflow: clip;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      transform: none !important;
      box-shadow: none !important;
    }
    .nm-quiz-flow .nm-quiz-nav-back {
      background: none !important;
      color: var(--nm-meta, #5a5a5a) !important;
    }
    .nm-quiz-flow .nm-quiz-nav-next {
      margin-left: auto;
      background: var(--nm-cta, #40cd2a) !important;
      color: var(--nm-heading, #111) !important;
    }
    .nm-quiz-flow .nm-quiz-nav-next:disabled {
      background: var(--nm-cta-light, #f0fbe9) !important;
      color: var(--nm-meta, #5a5a5a) !important;
      opacity: 1 !important;
      cursor: not-allowed;
    }
    .nm-quiz-flow .nm-quiz-option:focus-visible,
    .nm-quiz-flow .nm-quiz-nav-back:focus-visible,
    .nm-quiz-flow .nm-quiz-nav-next:focus-visible,
    .nm-quiz-flow a:focus-visible {
      outline: 2px solid var(--nm-heading, #111) !important;
      outline-offset: 3px;
    }
    @media (hover: hover) {
      .nm-quiz-flow .nm-quiz-option:hover {
        border-color: var(--nm-heading, #111) !important;
      }
      .nm-quiz-flow .nm-quiz-option.nm-quiz-option-selected:hover,
      .nm-quiz-flow .nm-quiz-option[aria-checked="true"]:hover {
        border-color: var(--nm-heading, #111) !important;
      }
      .nm-quiz-flow .nm-quiz-nav-next:not(:disabled):hover {
        background: var(--nm-cta-hover, #35b122) !important;
      }
      .nm-quiz-flow .nm-quiz-nav-back:hover {
        color: var(--nm-heading, #111) !important;
        text-decoration: underline;
      }
    }
    @media (max-width: 767px) {
      .nm-quiz-flow {
        padding: var(--nm-space-3, 12px);
      }
      .nm-quiz-flow .nm-quiz-option {
        padding: var(--nm-space-3, 12px);
      }
      .nm-quiz-flow .nm-quiz-option-ico {
        font-size: 18px !important;
      }
      .nm-quiz-flow .nm-quiz-nav-next {
        flex: 1 1 0;
      }
      .nm-quiz-flow .nm-quiz-nav-back {
        flex: 0 1 auto;
        padding-inline: var(--nm-space-2, 8px);
      }
      .nm-quiz-flow .nm-quiz-step[data-step="0"] .nm-quiz-nav-back {
        display: none !important;
      }
    }
    @media (max-width: 374px) {
      .nm-quiz-flow {
        padding-inline: var(--nm-space-2, 8px);
      }
      .nm-quiz-flow .nm-quiz-options,
      .nm-quiz-flow .nm-quiz-options.nm-quiz-options-wide {
        gap: var(--nm-space-2, 8px);
      }
      .nm-quiz-flow .nm-quiz-option {
        padding-inline: var(--nm-space-2, 8px);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .nm-quiz-flow .nm-quiz-option {
        transition: none;
      }
      .nm-quiz-flow .nm-quiz-option.nm-quiz-option-puls { animation: none; }
    }
    /* Fokus paa spoergsmaalet ved trinskift (JS) giver ingen ramme med mus. */
    .nm-quiz-flow .nm-quiz-step h3:focus:not(:focus-visible) { outline: none; }

    /* Celebration animation */
    @keyframes nm-confetti-fall {
        0% { transform: translateY(-10px) rotate(0deg); opacity: 1; }
        100% { transform: translateY(120vh) rotate(720deg); opacity: 0; }
    }
    @keyframes nm-result-reveal {
        0% { opacity: 0; transform: translateY(20px) scale(.95); }
        100% { opacity: 1; transform: translateY(0) scale(1); }
    }
    .nm-quiz-celebration {
        position: fixed; inset: 0; pointer-events: none; z-index: 999;
        overflow: hidden;
    }
    .nm-quiz-confetti {
        position: absolute; top: -10px;
        width: 10px; height: 10px; border-radius: 2px;
        animation: nm-confetti-fall 2.5s ease-out forwards;
    }
    .nm-quiz-result.nm-quiz-result-visible {
        animation: nm-result-reveal .6s ease-out;
    }
    
    /* 3. RESULTAT — redesign 31-10-2026 (designer, forslag 2; produkterne som liste efter ejerens maal-billede).
       Leveret som 70-sektion (quiz_result); :scope er skrevet ud som #nm-quiz-result. */
    #nm-quiz-result {
      box-sizing: border-box;
      display: none;
      width: 100%;
      max-width: var(--nm-container, 1100px);
      min-width: 0;
      margin: 0 auto var(--nm-section-gap, 48px);
      padding: var(--nm-space-8, 32px);
      background: var(--nm-bg-card, #fff);
      color: var(--nm-body, #3a3a3a);
      font-family: var(--nm-font-body);
      text-align: left !important;
    }
    #nm-quiz-result.nm-quiz-result-visible {
      display: block;
      animation: none !important;
    }
    #nm-quiz-result *, #nm-quiz-result *::before, #nm-quiz-result *::after {
      box-sizing: border-box;
    }
    #nm-quiz-result .nm-quiz-result-badge {
      display: inline-flex;
      align-items: center;
      gap: var(--nm-space-2, 8px);
      max-width: 100%;
      margin: 0 0 var(--nm-space-3, 12px);
      padding: 0;
      border: 0 !important;
      border-radius: 0;
      background: none !important;
      color: var(--nm-meta, #5a5a5a) !important;
      font-size: var(--nm-small, .875rem);
      font-weight: 500;
      line-height: 1.5;
    }
    #nm-quiz-result h2 {
      margin: 0 0 var(--nm-space-3, 12px);
      font-family: var(--nm-font-heading);
      font-size: clamp(1.5rem, 3vw, 2.25rem) !important; /* fast vaerdi: --nm-h2 er bygget som --nm-h1, der fejlede paa live */
      font-weight: 700;
      line-height: 1.25;
      color: var(--nm-heading, #111) !important;
      text-align: left;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result h2 span {
      background: none !important;
      color: inherit !important;
      -webkit-text-fill-color: currentColor !important;
    }
    #nm-quiz-result .nm-quiz-result-text {
      max-width: var(--nm-content, 720px);
      margin: 0 0 var(--nm-space-8, 32px);
      font-size: var(--nm-body-size, 1rem);
      line-height: 1.65;
      color: var(--nm-body, #3a3a3a);
      overflow-wrap: anywhere;
    }
    #nm-quiz-result .nm-quiz-result-grid > *,
    #nm-quiz-result .nm-quiz-result-more > *,
    #nm-quiz-result .nm-quiz-rcard > * {
      min-width: 0;
      max-width: 100%;
    }
    #nm-quiz-result .nm-quiz-rcard a {
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: normal;
    }
    #nm-quiz-result .nm-quiz-rcard img {
      max-width: 100%;
      object-fit: contain;
    }
    #nm-quiz-result .nm-quiz-result-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start;
      gap: var(--nm-space-4, 16px) var(--nm-space-6, 24px);
      margin: 0 0 var(--nm-space-3, 12px);
    }
    #nm-quiz-result .nm-quiz-result-loadmore,
    #nm-quiz-result .nm-quiz-result-cta,
    #nm-quiz-result .nm-quiz-result-restart {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      max-width: 100%;
      min-height: 44px;
      height: auto;
      margin: 0;
      font-family: var(--nm-font-body);
      font-size: var(--nm-body-size, 1rem);
      line-height: 1.5;
      white-space: normal;
      overflow-wrap: anywhere;
      cursor: pointer;
      transform: none !important;
      box-shadow: none !important;
    }
    #nm-quiz-result .nm-quiz-result-loadmore {
      padding: var(--nm-space-3, 12px) var(--nm-space-6, 24px);
      background: var(--nm-cta, #40cd2a) !important;
      color: var(--nm-heading, #111) !important;
      border: 0;
      border-radius: var(--nm-radius-md, 6px);
      font-weight: 600;
    }
    #nm-quiz-result .nm-quiz-result-cta {
      padding: var(--nm-space-2, 8px) 0;
      background: none !important;
      color: var(--nm-heading, #111) !important;
      border: 0;
      border-radius: 0;
      font-weight: 500;
      text-decoration: underline;
      text-underline-offset: .2em;
    }
    #nm-quiz-result .nm-quiz-result-sub {
      text-align: left;
    }
    #nm-quiz-result .nm-quiz-result-restart {
      padding: var(--nm-space-2, 8px) 0;
      background: none !important;
      color: var(--nm-meta, #5a5a5a) !important;
      border: 0 !important;
      border-radius: 0;
      font-weight: 400;
    }
    #nm-quiz-result a:focus-visible,
    #nm-quiz-result button:focus-visible {
      outline: 2px solid var(--nm-heading, #111);
      outline-offset: 4px;
    }
    @media (hover: hover) {
      #nm-quiz-result .nm-quiz-result-loadmore:not(:disabled):hover {
        background: var(--nm-cta-hover, #35b122) !important;
      }
      #nm-quiz-result .nm-quiz-result-cta:hover,
      #nm-quiz-result .nm-quiz-result-restart:hover {
        color: var(--nm-heading, #111) !important;
        text-decoration: underline;
      }
    }
    @media (max-width: 767px) {
      #nm-quiz-result {
        padding: var(--nm-space-4, 16px);
      }
      #nm-quiz-result .nm-quiz-result-actions {
        flex-direction: column;
        align-items: stretch;
        gap: var(--nm-space-2, 8px);
      }
      #nm-quiz-result .nm-quiz-result-loadmore {
        width: 100%;
      }
      #nm-quiz-result .nm-quiz-result-cta,
      #nm-quiz-result .nm-quiz-result-restart {
        width: auto;
        justify-content: flex-start;
        text-align: left;
      }
    }
    @media (max-width: 374px) {
      #nm-quiz-result {
        padding-inline: var(--nm-space-2, 8px);
      }
    }
    /* Produkterne som LISTE af bloede kort (ejeren 31-10-2026): samme hvide/graa flade som
       heroen, lille billede til venstre, navnet som understreget link, ingen knap.
       Klasserne er dem renderProducts() skriver. Ingen line-clamp, ingen skjult tekst. */
    #nm-quiz-result .nm-quiz-result-grid,
    #nm-quiz-result .nm-quiz-result-more {
      display: flex;
      flex-direction: column;
      gap: var(--nm-space-3, 12px);
      min-width: 0;
      margin: 0 0 var(--nm-space-6, 24px);
      text-align: left;
    }
    #nm-quiz-result .nm-quiz-result-more { display: none; margin-top: calc(-1 * var(--nm-space-3, 12px)); }
    #nm-quiz-result .nm-quiz-result-more.nm-quiz-more-visible { display: flex; }
    #nm-quiz-result .nm-quiz-rcard,
    #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child {
      position: relative;
      display: grid;
      grid-template-columns: 124px minmax(0, 1fr);
      align-items: start;
      gap: var(--nm-space-4, 16px) var(--nm-space-6, 24px);
      min-width: 0;
      margin: 0;
      padding: var(--nm-space-5, 20px);
      background: linear-gradient(180deg, var(--nm-bg-card, #fff) 0%, var(--nm-bg, #f7f7f7) 100%) !important;
      border: 1px solid var(--nm-border, #e8e8e8);
      border-radius: 16px;
      box-shadow: var(--nm-shadow-sm, 0 1px 3px rgba(0,0,0,.04)) !important;
      transform: none !important;
      color: inherit;
      text-decoration: none;
    }
    #nm-quiz-result .nm-quiz-rcard-img {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 124px;
      aspect-ratio: 1 / 1;
      padding: var(--nm-space-2, 8px);
      background: var(--nm-bg-card, #fff);
      border: 1px solid var(--nm-border-light, #f0f0f0);
      border-radius: 12px;
      overflow: hidden;
      text-decoration: none;
    }
    #nm-quiz-result .nm-quiz-rcard-img img {
      display: block;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      mix-blend-mode: multiply;
    }
    #nm-quiz-result .nm-quiz-rcard-body {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--nm-space-1, 4px);
      min-width: 0;
      padding: 0;
    }
    #nm-quiz-result .nm-quiz-rcard-match {
      position: static;
      order: -1;
      max-width: 100%;
      padding: 0;
      background: none;
      border: 0;
      color: var(--nm-meta, #5a5a5a);
      font-size: .8125rem;
      font-weight: 600;
      line-height: 1.5;
    }
    #nm-quiz-result .nm-quiz-rcard-brand {
      color: var(--nm-meta, #5a5a5a);
      font-size: .75rem;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result a.nm-quiz-rcard-name {
      display: block;
      max-width: 100%;
      margin: 0 0 var(--nm-space-1, 4px);
      color: var(--nm-heading, #111) !important;
      font-family: var(--nm-font-heading);
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 1.35;
      text-decoration: none !important; /* ejeren 31-10-2026: ingen streg under navnet */
      text-underline-offset: .2em;
      text-transform: none;
      overflow-wrap: anywhere;
      hyphens: auto;
      hyphenate-limit-chars: 8 4 4;
      text-wrap: pretty;
    }
    #nm-quiz-result .nm-quiz-rcard-facets {
      display: flex;
      flex-wrap: wrap;
      gap: var(--nm-space-1, 4px);
    }
    #nm-quiz-result .nm-quiz-rcard-facet {
      padding: 2px var(--nm-space-2, 8px);
      background: var(--nm-cta-light, #f0fbe9);
      border-radius: var(--nm-radius-sm, 4px);
      color: #1F7513;
      font-size: .75rem;
      font-weight: 500;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result .nm-quiz-rcard-price {
      background: none !important;
      color: var(--nm-heading, #111);
      -webkit-text-fill-color: currentColor;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.4;
    }
    #nm-quiz-result .nm-quiz-rcard-meta,
    #nm-quiz-result .nm-quiz-rcard-merchant {
      color: var(--nm-meta, #5a5a5a);
      font-size: .875rem;
      line-height: 1.5;
      overflow-wrap: anywhere;
    }
    #nm-quiz-result .nm-quiz-rcard-details { margin: var(--nm-space-1, 4px) 0 0; max-width: 100%; }
    @media (hover: hover) {
      #nm-quiz-result a.nm-quiz-rcard-name:hover { text-decoration: underline !important; }
    }
    /* Handlinger: groen knap i fuld bredde, links under. Ingen versaler (et globalt knap-stil gav VIS FLERE ...). */
    #nm-quiz-result .nm-quiz-result-actions {
      flex-direction: column;
      align-items: stretch;
      gap: var(--nm-space-4, 16px);
    }
    #nm-quiz-result .nm-quiz-result-loadmore { width: 100%; }
    /* Se alle produkter + Tag quizzen igen: én raekke, hver i en bloed aflang boks (ejeren 31-10-2026).
       Er "Se alle produkter" skjult (ingen top 10), fylder genstart hele raekken. */
    #nm-quiz-result .nm-quiz-result-links {
      display: flex;
      gap: var(--nm-space-3, 12px);
      width: 100%;
      min-width: 0;
    }
    #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-cta,
    #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart {
      flex: 1 1 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--nm-space-2, 8px);
      width: auto;
      min-width: 0;
      min-height: 56px;
      padding: var(--nm-space-3, 12px) var(--nm-space-4, 16px);
      background: linear-gradient(180deg, var(--nm-bg-card, #fff) 0%, var(--nm-bg, #f7f7f7) 100%) !important;
      border: 1px solid var(--nm-border, #e8e8e8) !important;
      border-radius: 12px !important;
      box-shadow: var(--nm-shadow-sm, 0 1px 3px rgba(0,0,0,.04)) !important;
      color: var(--nm-heading, #111) !important;
      font-size: var(--nm-body-size, 1rem);
      font-weight: 600;
      line-height: 1.35;
      text-align: center;
      text-decoration: none !important;
    }
    @media (hover: hover) {
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-cta:hover,
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart:hover {
        border-color: var(--nm-heading, #111) !important;
        text-decoration: none !important;
      }
    }
    #nm-quiz-result .nm-quiz-result-loadmore,
    #nm-quiz-result .nm-quiz-result-cta,
    #nm-quiz-result .nm-quiz-result-restart {
      text-transform: none !important;
      letter-spacing: normal !important;
    }
    #nm-quiz-result .nm-quiz-result-restart { gap: var(--nm-space-2, 8px); }
    #nm-quiz-result .nm-quiz-result-restart svg { width: 1.125rem; height: 1.125rem; flex: 0 0 auto; }
    @media (max-width: 767px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: var(--nm-space-3, 12px) var(--nm-space-4, 16px);
        padding: var(--nm-space-4, 16px);
      }
      #nm-quiz-result .nm-quiz-rcard-img { width: 88px; }
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-cta,
      #nm-quiz-result .nm-quiz-result-links > .nm-quiz-result-restart {
        justify-content: center;
        padding: var(--nm-space-3, 12px) var(--nm-space-2, 8px);
        font-size: .875rem;
      }
      #nm-quiz-result a.nm-quiz-rcard-name { font-size: 1rem; }
      /* Fold-ud i kortets fulde bredde, ikke klemt ind i tekstkolonnen. */
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details { grid-column: 1 / -1; }
      #nm-quiz-result .nm-short-details .nm-sd-proscons { grid-template-columns: 1fr; }
    }
    @media (max-width: 359px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child { grid-template-columns: 72px minmax(0, 1fr); gap: var(--nm-space-3, 12px); }
      #nm-quiz-result .nm-quiz-rcard-img { width: 72px; }
    }
    /* "Læs mere" i resultatet (ejeren 31-10-2026: for langt og grimt paa mobil). Indholdet er det
       samme (nm_render_product_short_details, 54); her er det samlet i et hvidt panel med kort
       maal, luft mellem afsnittene og specifikationer som en tabel. */
    #nm-quiz-result .nm-quiz-rcard > .nm-short-details {
      grid-column: 1 / -1; /* mobil: kortets fulde bredde; fra 768 px under teksten (se nedenfor) */
      min-width: 0;
      margin: 0;
      font-size: .875rem;
      line-height: 1.55;
      color: var(--nm-body, #3a3a3a);
    }
    @media (min-width: 768px) {
      #nm-quiz-result .nm-quiz-rcard > .nm-short-details { grid-column: 2 / -1; }
    }
    /* Koebsfeltet: pris, "Laveste pris af N butikker" og en groen "Se hos [butik]"-knap.
       Desktop: egen kolonne til hoejre med en tynd skillelinje. Mobil: hele kortets bredde.
       Knapteksten staar altid paa én linje (lange butiksnavne afkortes med …, title har resten). */
    #nm-quiz-result .nm-quiz-rcard-buy {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: var(--nm-space-1, 4px);
      min-width: 0;
    }
    #nm-quiz-result .nm-quiz-rcard-buy .nm-quiz-rcard-price { font-size: 1.375rem; font-weight: 800; line-height: 1.2; }
    #nm-quiz-result .nm-quiz-rcard-offers { color: var(--nm-meta, #5a5a5a); font-size: .8125rem; line-height: 1.5; }
    #nm-quiz-result a.nm-quiz-rcard-btn {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) 16px;
      align-items: center;
      gap: var(--nm-space-2, 8px);
      width: 100%;
      min-height: 48px;
      margin-top: var(--nm-space-2, 8px);
      padding: var(--nm-space-2, 8px) var(--nm-space-3, 12px);
      background: var(--nm-cta, #40cd2a) !important;
      color: var(--nm-heading, #111) !important;
      border: 0;
      border-radius: 8px;
      box-shadow: none !important;
      font: 600 .9375rem/1.3 var(--nm-font-body);
      letter-spacing: normal !important;
      text-transform: none !important;
      text-decoration: none !important;
    }
    #nm-quiz-result a.nm-quiz-rcard-btn:not(:has(.nm-quiz-rcard-logo:not([hidden]))) { grid-template-columns: minmax(0, 1fr) 16px; }
    #nm-quiz-result .nm-quiz-rcard-btn-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
    #nm-quiz-result .nm-quiz-rcard-arrow { width: 16px; height: 16px; }
    #nm-quiz-result .nm-quiz-rcard-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 52px;
      height: 30px;
      padding: 3px 6px;
      background: #fff;
      border-radius: 5px;
    }
    #nm-quiz-result .nm-quiz-rcard-logo[hidden] { display: none; }
    #nm-quiz-result .nm-quiz-rcard-logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
    @media (hover: hover) {
      #nm-quiz-result a.nm-quiz-rcard-btn:hover { background: var(--nm-cta-hover, #35b122) !important; }
    }
    @media (min-width: 768px) {
      #nm-quiz-result .nm-quiz-rcard,
      #nm-quiz-result .nm-quiz-result-grid > .nm-quiz-rcard:first-child {
        grid-template-columns: 124px minmax(0, 1fr) minmax(200px, 240px);
      }
      #nm-quiz-result .nm-quiz-rcard-buy {
        align-self: center;
        padding-left: var(--nm-space-5, 20px);
        border-left: 1px solid var(--nm-border, #e8e8e8);
      }
    }
    @media (max-width: 767px) {
      #nm-quiz-result .nm-quiz-rcard-buy {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        padding-top: var(--nm-space-3, 12px);
        border-top: 1px solid var(--nm-border, #e8e8e8);
      }
      #nm-quiz-result .nm-quiz-rcard-buy .nm-quiz-rcard-price { font-size: 1.25rem; }
    }
    #nm-quiz-result .nm-short-details > summary::-webkit-details-marker { display: none; }
    #nm-quiz-result .nm-short-details > summary {
      list-style: none;
      min-height: 44px;
      padding: var(--nm-space-2, 8px) 0;
      color: var(--nm-heading, #111);
      font-size: .875rem;
      font-weight: 600;
    }
    #nm-quiz-result .nm-short-details-body {
      display: grid;
      gap: var(--nm-space-3, 12px);
      margin-top: var(--nm-space-1, 4px);
      padding: var(--nm-space-4, 16px);
      background: var(--nm-bg-card, #fff);
      border: 1px solid var(--nm-border, #e8e8e8);
      border-radius: 12px;
    }
    #nm-quiz-result .nm-short-details-body > * { margin: 0; max-width: 65ch; }
    #nm-quiz-result .nm-short-details .nm-sd-desc { color: var(--nm-body, #3a3a3a); }
    #nm-quiz-result .nm-short-details .nm-sd-who strong,
    #nm-quiz-result .nm-short-details .nm-sd-gift strong { color: var(--nm-heading, #111); }
    #nm-quiz-result .nm-short-details .nm-sd-proscons { gap: var(--nm-space-2, 8px) var(--nm-space-6, 24px); margin: 0; }
    #nm-quiz-result .nm-short-details .nm-sd-proscons li { margin: 0 0 var(--nm-space-1, 4px); padding-left: 20px; }
    #nm-quiz-result .nm-short-details .nm-sd-specs {
      grid-template-columns: max-content minmax(0, 1fr);
      gap: 0 var(--nm-space-4, 16px);
      padding-top: var(--nm-space-3, 12px);
      border-top: 1px solid var(--nm-border-light, #f0f0f0);
      font-size: .8125rem;
    }
    #nm-quiz-result .nm-short-details .nm-sd-specs dt,
    #nm-quiz-result .nm-short-details .nm-sd-specs dd { padding: var(--nm-space-1, 4px) 0; overflow-wrap: anywhere; }
    #nm-quiz-result .nm-short-details .nm-sd-specs dt { color: var(--nm-meta, #5a5a5a); font-weight: 500; }
    #nm-quiz-result .nm-short-details .nm-sd-specs dd { color: var(--nm-heading, #111); }
    /* "Se alle produkter ↓" lander paa top-10 under en evt. fast header. */
    #top-10 { scroll-margin-top: 96px; }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto !important; }
    }

    /* 4. POPULÆRE KATEGORIER */
    .nm-quiz-cats { margin-bottom: 48px; }
    .nm-quiz-cats-grid {
        display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;
    }
    .nm-quiz-cat-link {
        display: flex; align-items: center; gap: 8px;
        padding: 10px 18px; border: 1px solid var(--nm-border); border-radius: 10px;
        font: 500 12px/1 'Poppins', sans-serif; color: var(--nm-text);
        text-decoration: none; transition: all .2s;
    }
    .nm-quiz-cat-link:hover { border-color: var(--nm-orange); color: var(--nm-orange); }
    
    /* 5. DEALS */
    .nm-quiz-deals { margin-bottom: 48px; }
    .nm-quiz-deals-grid {
        display: grid; grid-template-columns: repeat(4, 1fr);
        gap: 14px; max-width: 100%;
    }
    .nm-quiz-deal {
        border: 1px solid var(--nm-border); border-radius: 14px;
        overflow: hidden; background: #fff;
        display: flex; flex-direction: column;
        transition: all .2s; text-decoration: none; color: inherit;
    }
    .nm-quiz-deal:hover { border-color: rgba(255,107,53,.15); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.06); }
    .nm-quiz-deal-img { height: 140px; background: var(--nm-dark-gradient); position: relative; }
    .nm-quiz-deal-img img { width: 100%; height: 100%; object-fit: contain; background: #f8f8f8; }
    .nm-quiz-deal-badge {
        position: absolute; top: 8px; right: 8px;
        padding: 4px 10px; background: var(--nm-gradient); border-radius: 4px;
        font-size: 10px; font-weight: 700; color: #fff;
    }
    .nm-quiz-deal-body { padding: 14px; display: flex; flex-direction: column; flex: 1; }
    .nm-quiz-deal-brand { font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--nm-orange); margin-bottom: 2px; }
    .nm-quiz-deal-name { font-size: 12px; font-weight: 700; line-height: 1.3; margin-bottom: 8px; }
    .nm-quiz-deal-prices { display: flex; align-items: baseline; gap: 6px; margin-bottom: 10px; }
    .nm-quiz-deal-price { font-size: 16px; font-weight: 800; background: var(--nm-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .nm-quiz-deal-old { font-size: 10px; color: #ccc; text-decoration: line-through; }
    .nm-quiz-deal-btn {
        display: block; width: 100%; padding: 9px;
        background: var(--nm-gradient); color: #fff; border: none; border-radius: 8px;
        font: 600 11px/1 'Poppins', sans-serif; text-align: center;
        margin-top: auto; transition: all .2s;
    }
    .nm-quiz-deal-btn:hover { box-shadow: 0 6px 20px rgba(255,107,53,.25); }
    .nm-quiz-deals-more {
        font: 600 13px/1 'Poppins', sans-serif; color: var(--nm-pink);
        text-decoration: none;
    }
    .nm-quiz-deals-more:hover { color: var(--nm-orange); }
    
    /* 6. ANDRE QUIZZER — reuses hub card styles */
    .nm-quiz-others { margin-bottom: 48px; }
    
    /* 7. TRUST */
    .nm-quiz-single-main .nm-trust {
        background: var(--nm-bg-alt); border-radius: 16px;
        padding: 32px; margin-bottom: 48px;
    }
    .nm-quiz-single-main .nm-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 16px; }
    .nm-quiz-single-main .nm-trust-item { text-align: center; }
    .nm-quiz-single-main .nm-trust-ico {
        width: 44px; height: 44px; margin: 0 auto 10px;
        background: rgba(255,107,53,.08); border-radius: 12px;
        display: flex; align-items: center; justify-content: center; font-size: 20px;
    }
    .nm-quiz-single-main .nm-trust-item h4 { font-size: 13px; font-weight: 700; margin-bottom: 4px; word-break: break-word; hyphens: auto; }
    .nm-quiz-single-main .nm-trust-item p { font-size: 11px; color: var(--nm-text-secondary); line-height: 1.5; word-break: break-word; }
    
    /* RESPONSIVE */
    @media (max-width: 768px) {
        .nm-quiz-deals-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
        .nm-quiz-deal-img { height: 110px; }
        .nm-quiz-others .nm-quizhub-grid { grid-template-columns: 1fr; gap: 12px; }
        .nm-quiz-others .nm-quizhub-card { min-height: 180px; }
        .nm-quiz-single-main .nm-trust { padding: 24px; }
        .nm-quiz-single-main .nm-trust-grid { grid-template-columns: repeat(2, 1fr); }
        .nm-quiz-single-main .nm-trust-item h4 { font-size: 12px; }
        .nm-quiz-single-main .nm-trust-item p { font-size: 10px; }
    }
    @media (max-width: 420px) {
    }