.kd-game-quiz {
    --kdq-ink: #171613;
    --kdq-muted: #6f675e;
    --kdq-cream: #fff9f1;
    --kdq-paper: #fffdf9;
    --kdq-line: rgba(90, 66, 39, 0.14);
    --kdq-orange: #e4812f;
    --kdq-orange-dark: #c65f18;
    --kdq-orange-soft: #ffe3c7;
    --kdq-gold: #f5b73b;
    --kdq-green: #2d7c58;
    --kdq-red: #9a312b;
    --kdq-radius-xl: 34px;
    --kdq-radius-lg: 24px;
    --kdq-radius-md: 18px;
    --kdq-shadow: 0 30px 90px rgba(88, 49, 18, 0.17);

    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    padding: clamp(34px, 6vw, 88px) 18px;
    background:
      radial-gradient(circle at 12% 15%, rgba(255, 255, 255, 0.92), transparent 26%),
      radial-gradient(circle at 87% 88%, rgba(228, 129, 47, 0.17), transparent 27%),
      linear-gradient(135deg, #fff8ed 0%, #fbe8d3 100%);
    color: var(--kdq-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }

  .kd-game-quiz *,
  .kd-game-quiz *::before,
  .kd-game-quiz *::after {
    box-sizing: border-box;
  }

  .kd-game-quiz button,
  .kd-game-quiz a {
    font: inherit;
  }

  .kd-game-quiz .kdq-orb {
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    filter: blur(4px);
    pointer-events: none;
  }

  .kd-game-quiz .kdq-orb--one {
    width: 280px;
    height: 280px;
    left: -110px;
    top: -90px;
    background: rgba(228, 129, 47, 0.11);
  }

  .kd-game-quiz .kdq-orb--two {
    width: 360px;
    height: 360px;
    right: -170px;
    bottom: -190px;
    background: rgba(255, 255, 255, 0.5);
  }

  .kd-game-quiz .kdq-shell {
    width: min(1120px, 100%);
    margin: 0 auto;
  }

  .kd-game-quiz .kdq-stage {
    min-height: 660px;
  }

  .kd-game-quiz .kdq-panel {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: rgba(255, 253, 249, 0.95);
    border: 1px solid rgba(118, 75, 36, 0.12);
    border-radius: var(--kdq-radius-xl);
    box-shadow: var(--kdq-shadow);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .kd-game-quiz .kdq-enter {
    animation: kdqFadeUp 420ms cubic-bezier(.2,.75,.25,1) both;
  }

  @keyframes kdqFadeUp {
    from { opacity: 0; transform: translateY(16px) scale(.992); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }

  .kd-game-quiz .kdq-intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    min-height: 660px;
  }

  .kd-game-quiz .kdq-intro__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(38px, 7vw, 86px);
  }

  .kd-game-quiz .kdq-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin: 0 0 20px;
    color: var(--kdq-orange-dark);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .kd-game-quiz .kdq-kicker::before {
    content: "";
    width: 28px;
    height: 2px;
    border-radius: 99px;
    background: currentColor;
  }

  .kd-game-quiz h2,
  .kd-game-quiz h3,
  .kd-game-quiz p {
    margin-top: 0;
  }

  .kd-game-quiz .kdq-intro h2 {
    max-width: 720px;
    margin-bottom: 20px;
    font-size: clamp(40px, 6vw, 72px);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 900;
  }

  .kd-game-quiz .kdq-intro__lead {
    max-width: 620px;
    margin-bottom: 30px;
    color: var(--kdq-muted);
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.55;
  }

  .kd-game-quiz .kdq-intro__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin: 0 0 30px;
    color: var(--kdq-muted);
    font-size: 14px;
    font-weight: 650;
  }

  .kd-game-quiz .kdq-intro__meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
  }

  .kd-game-quiz .kdq-intro__visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 100%;
    padding: 40px;
    background:
      linear-gradient(155deg, rgba(15, 15, 14, .98), rgba(32, 27, 22, .98)),
      #171613;
  }

  .kd-game-quiz .kdq-intro__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .18;
    background-image:
      linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 34px 34px;
  }

  .kd-game-quiz .kdq-seal {
    position: relative;
    display: grid;
    place-items: center;
    width: min(310px, 80%);
    aspect-ratio: 1;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    box-shadow:
      inset 0 0 0 18px rgba(255,255,255,.025),
      0 0 0 1px rgba(228,129,47,.22),
      0 28px 70px rgba(0,0,0,.35);
  }

  .kd-game-quiz .kdq-seal::before,
  .kd-game-quiz .kdq-seal::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px dashed rgba(228,129,47,.45);
  }

  .kd-game-quiz .kdq-seal::before { inset: 23px; }
  .kd-game-quiz .kdq-seal::after { inset: 55px; }

  .kd-game-quiz .kdq-seal__inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    place-items: center;
    padding: 30px;
  }

  .kd-game-quiz .kdq-seal__icon {
    font-size: 56px;
    line-height: 1;
    filter: drop-shadow(0 8px 15px rgba(0,0,0,.25));
  }

  .kd-game-quiz .kdq-seal strong {
    max-width: 170px;
    font-size: 23px;
    line-height: 1.08;
    letter-spacing: -.03em;
  }

  .kd-game-quiz .kdq-seal small {
    color: rgba(255,255,255,.63);
    font-weight: 650;
  }

  .kd-game-quiz .kdq-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 56px;
    padding: 15px 25px;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 850;
    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
  }

  .kd-game-quiz .kdq-button:hover {
    transform: translateY(-2px);
  }

  .kd-game-quiz .kdq-button:focus-visible,
  .kd-game-quiz .kdq-option:focus-visible,
  .kd-game-quiz .kdq-link-button:focus-visible {
    outline: 3px solid rgba(228,129,47,.35);
    outline-offset: 4px;
  }

  .kd-game-quiz .kdq-button--primary {
    width: fit-content;
    color: #fff;
    background: linear-gradient(135deg, #eb8a39, #cf641d);
    box-shadow: 0 14px 28px rgba(198, 95, 24, .24);
  }

  .kd-game-quiz .kdq-button--primary:hover {
    box-shadow: 0 18px 34px rgba(198, 95, 24, .31);
  }

  .kd-game-quiz .kdq-button--dark {
    color: #fff;
    background: #181714;
    box-shadow: 0 14px 28px rgba(0,0,0,.18);
  }

  .kd-game-quiz .kdq-button--outline {
    color: var(--kdq-ink);
    background: #fff;
    border: 1px solid var(--kdq-line);
  }

  .kd-game-quiz .kdq-quiz {
    min-height: 660px;
    padding: clamp(28px, 5vw, 58px);
  }

  .kd-game-quiz .kdq-progress-row {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 22px;
    align-items: center;
    margin-bottom: clamp(34px, 5vw, 56px);
  }

  .kd-game-quiz .kdq-step-label {
    color: #827970;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .kd-game-quiz .kdq-progress {
    position: relative;
    overflow: hidden;
    height: 7px;
    border-radius: 999px;
    background: #eee5d9;
  }

  .kd-game-quiz .kdq-progress__bar {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--kdq-orange), #f2aa58);
    transition: width 420ms cubic-bezier(.2,.75,.25,1);
  }

  .kd-game-quiz .kdq-question-wrap {
    width: min(850px, 100%);
    margin: 0 auto;
  }

  .kd-game-quiz .kdq-question-wrap h3 {
    margin-bottom: 13px;
    font-size: clamp(30px, 4.4vw, 50px);
    line-height: 1.08;
    letter-spacing: -.045em;
    font-weight: 900;
  }

  .kd-game-quiz .kdq-question-hint {
    margin-bottom: 26px;
    color: var(--kdq-muted);
    font-size: 16px;
    line-height: 1.55;
  }

  .kd-game-quiz .kdq-options {
    display: grid;
    gap: 13px;
  }

  .kd-game-quiz .kdq-options--numbers {
    grid-template-columns: repeat(5, 1fr);
  }

  .kd-game-quiz .kdq-option {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: center;
    width: 100%;
    min-height: 78px;
    padding: 16px 18px;
    color: var(--kdq-ink);
    text-align: left;
    background: #fffbf5;
    border: 1px solid #eadbc8;
    border-radius: var(--kdq-radius-md);
    cursor: pointer;
    box-shadow: 0 7px 18px rgba(84, 51, 23, .035);
    transition: transform 170ms ease, border-color 170ms ease, box-shadow 170ms ease, background 170ms ease;
  }

  .kd-game-quiz .kdq-option:hover {
    transform: translateY(-2px);
    border-color: rgba(228,129,47,.55);
    background: #fff;
    box-shadow: 0 12px 26px rgba(84, 51, 23, .08);
  }

  .kd-game-quiz .kdq-option[aria-pressed="true"] {
    color: #fff;
    border-color: var(--kdq-orange);
    background: linear-gradient(135deg, #e88434, #c9611c);
    box-shadow: 0 16px 30px rgba(198,95,24,.22);
  }

  .kd-game-quiz .kdq-option__icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--kdq-orange-soft);
    font-size: 23px;
    line-height: 1;
  }

  .kd-game-quiz .kdq-option[aria-pressed="true"] .kdq-option__icon {
    background: rgba(255,255,255,.18);
  }

  .kd-game-quiz .kdq-option__text {
    font-size: 17px;
    font-weight: 780;
    line-height: 1.25;
  }

  .kd-game-quiz .kdq-option__arrow {
    color: #ae9f90;
    font-size: 20px;
  }

  .kd-game-quiz .kdq-option[aria-pressed="true"] .kdq-option__arrow {
    color: #fff;
  }

  .kd-game-quiz .kdq-options--numbers .kdq-option {
    display: grid;
    grid-template-columns: 1fr;
    place-items: center;
    min-height: 104px;
    padding: 14px;
    text-align: center;
  }

  .kd-game-quiz .kdq-options--numbers .kdq-option__text {
    font-size: 32px;
    font-weight: 900;
  }

  .kd-game-quiz .kdq-quiz-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    width: min(850px, 100%);
    margin: 30px auto 0;
  }

  .kd-game-quiz .kdq-link-button {
    padding: 10px 3px;
    color: #786f66;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .kd-game-quiz .kdq-link-button:hover {
    color: var(--kdq-orange-dark);
  }

  .kd-game-quiz .kdq-result {
    padding: clamp(24px, 4.5vw, 52px);
  }

  .kd-game-quiz .kdq-result__header {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: end;
    margin-bottom: 30px;
  }

  .kd-game-quiz .kdq-result__header h3 {
    margin-bottom: 8px;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1;
    letter-spacing: -.05em;
    font-weight: 900;
  }

  .kd-game-quiz .kdq-result__header p {
    margin-bottom: 0;
    color: var(--kdq-muted);
    font-size: 16px;
  }

  .kd-game-quiz .kdq-match-badge {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 112px;
    height: 112px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(145deg, #ef9444, #c85d18);
    box-shadow: 0 17px 36px rgba(198,95,24,.27);
  }

  .kd-game-quiz .kdq-match-badge strong {
    display: block;
    font-size: 28px;
    line-height: .9;
    letter-spacing: -.04em;
  }

  .kd-game-quiz .kdq-match-badge small {
    display: block;
    margin-top: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .kd-game-quiz .kdq-main-result {
    display: grid;
    grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr);
    overflow: hidden;
    background: #171714;
    border-radius: 28px;
    box-shadow: 0 24px 55px rgba(18,17,15,.19);
  }

  .kd-game-quiz .kdq-main-result__media {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 520px;
    padding: 34px;
    background:
      radial-gradient(circle at 50% 38%, rgba(228,129,47,.25), transparent 38%),
      linear-gradient(160deg, #29241e 0%, #121210 72%);
  }

  .kd-game-quiz .kdq-main-result__media::after {
    content: "";
    position: absolute;
    left: 16%;
    right: 16%;
    bottom: 34px;
    height: 28px;
    border-radius: 50%;
    background: rgba(0,0,0,.48);
    filter: blur(16px);
  }

  .kd-game-quiz .kdq-main-result__media img {
    position: relative;
    z-index: 1;
    display: block;
    width: min(100%, 390px);
    max-height: 440px;
    object-fit: contain;
    filter: drop-shadow(0 24px 28px rgba(0,0,0,.42));
    transform: rotate(-1.5deg);
  }

  .kd-game-quiz .kdq-main-result__content {
    padding: clamp(32px, 5vw, 58px);
    color: #fff;
  }

  .kd-game-quiz .kdq-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #f0a35c;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  .kd-game-quiz .kdq-main-result h4 {
    margin: 0 0 14px;
    font-size: clamp(31px, 4.2vw, 50px);
    line-height: 1.03;
    letter-spacing: -.045em;
    font-weight: 900;
  }

  .kd-game-quiz .kdq-result-summary {
    margin-bottom: 21px;
    color: rgba(255,255,255,.7);
    font-size: 16px;
    line-height: 1.62;
  }

  .kd-game-quiz .kdq-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
  }

  .kd-game-quiz .kdq-tag {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border-radius: 999px;
    color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.09);
    font-size: 13px;
    font-weight: 700;
  }

  .kd-game-quiz .kdq-reasons {
    display: grid;
    gap: 9px;
    margin: 0 0 25px;
    padding: 0;
    list-style: none;
  }

  .kd-game-quiz .kdq-reasons li {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 10px;
    color: rgba(255,255,255,.83);
    font-size: 14px;
    line-height: 1.4;
  }

  .kd-game-quiz .kdq-reasons li::before {
    content: "✓";
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #171714;
    background: #f0a35c;
    font-size: 12px;
    font-weight: 900;
  }

  .kd-game-quiz .kdq-ratings {
    display: grid;
    gap: 8px;
    margin-bottom: 28px;
  }

  .kd-game-quiz .kdq-rating {
    display: grid;
    grid-template-columns: 112px 1fr 30px;
    gap: 10px;
    align-items: center;
    font-size: 12px;
  }

  .kd-game-quiz .kdq-rating__name {
    color: rgba(255,255,255,.68);
    font-weight: 750;
  }

  .kd-game-quiz .kdq-stars {
    display: inline-flex;
    gap: 3px;
  }

  .kd-game-quiz .kdq-star {
    position: relative;
    display: inline-block;
    color: rgba(255,255,255,.18);
    font-size: 17px;
    line-height: 1;
  }

  .kd-game-quiz .kdq-star--full,
  .kd-game-quiz .kdq-star--half::before {
    color: var(--kdq-gold);
  }

  .kd-game-quiz .kdq-star--half::before {
    content: "★";
    position: absolute;
    inset: 0 auto 0 0;
    width: 50%;
    overflow: hidden;
  }

  .kd-game-quiz .kdq-rating__value {
    color: rgba(255,255,255,.72);
    text-align: right;
    font-weight: 800;
  }

  .kd-game-quiz .kdq-main-result .kdq-button--primary {
    width: 100%;
  }

  .kd-game-quiz .kdq-alternatives-title {
    margin: 34px 0 15px;
    font-size: 22px;
    letter-spacing: -.025em;
  }

  .kd-game-quiz .kdq-alternatives {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .kd-game-quiz .kdq-alt-card {
    display: grid;
    grid-template-columns: 122px 1fr;
    gap: 17px;
    min-height: 180px;
    padding: 16px;
    color: inherit;
    text-decoration: none;
    background: #fffaf3;
    border: 1px solid #eadbc8;
    border-radius: 22px;
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
  }

  .kd-game-quiz .kdq-alt-card:hover {
    transform: translateY(-3px);
    border-color: rgba(228,129,47,.45);
    box-shadow: 0 14px 30px rgba(84,51,23,.09);
  }

  .kd-game-quiz .kdq-alt-card__image {
    display: grid;
    place-items: center;
    min-height: 146px;
    border-radius: 16px;
    background: linear-gradient(150deg, #27231f, #121210);
  }

  .kd-game-quiz .kdq-alt-card__image img {
    width: 100%;
    height: 142px;
    padding: 8px;
    object-fit: contain;
    filter: drop-shadow(0 12px 15px rgba(0,0,0,.28));
  }

  .kd-game-quiz .kdq-alt-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .kd-game-quiz .kdq-alt-card__match {
    margin-bottom: 7px;
    color: var(--kdq-orange-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .kd-game-quiz .kdq-alt-card h5 {
    margin: 0 0 8px;
    font-size: 19px;
    line-height: 1.15;
    letter-spacing: -.025em;
  }

  .kd-game-quiz .kdq-alt-card p {
    margin-bottom: 10px;
    color: var(--kdq-muted);
    font-size: 13px;
    line-height: 1.4;
  }

  .kd-game-quiz .kdq-alt-card__link {
    color: var(--kdq-ink);
    font-size: 13px;
    font-weight: 850;
  }

  .kd-game-quiz .kdq-bundle {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
    margin-top: 18px;
    padding: clamp(24px, 4vw, 36px);
    border-radius: 24px;
    color: #fff;
    background:
      radial-gradient(circle at 90% 20%, rgba(228,129,47,.33), transparent 28%),
      linear-gradient(130deg, #171714, #2b241d);
  }

  .kd-game-quiz .kdq-bundle::after {
    content: "3";
    position: absolute;
    right: 180px;
    top: -43px;
    color: rgba(255,255,255,.035);
    font-size: 170px;
    line-height: 1;
    font-weight: 950;
    pointer-events: none;
  }

  .kd-game-quiz .kdq-bundle__copy {
    position: relative;
    z-index: 1;
  }

  .kd-game-quiz .kdq-bundle h4 {
    margin: 0 0 8px;
    font-size: clamp(24px, 3.3vw, 38px);
    line-height: 1.06;
    letter-spacing: -.04em;
  }

  .kd-game-quiz .kdq-bundle p {
    margin: 0;
    color: rgba(255,255,255,.67);
    line-height: 1.5;
  }

  .kd-game-quiz .kdq-bundle .kdq-button {
    position: relative;
    z-index: 1;
    white-space: nowrap;
  }

  .kd-game-quiz .kdq-result-footer {
    display: flex;
    justify-content: center;
    margin-top: 23px;
  }

  .kd-game-quiz .kdq-noscript {
    width: min(800px, 100%);
    margin: 0 auto;
    padding: 18px;
    text-align: center;
    background: #fff;
    border-radius: 14px;
  }

  @media (max-width: 860px) {
    .kd-game-quiz .kdq-intro {
      grid-template-columns: 1fr;
    }

    .kd-game-quiz .kdq-intro__visual {
      min-height: 360px;
    }

    .kd-game-quiz .kdq-seal {
      width: 260px;
    }

    .kd-game-quiz .kdq-main-result {
      grid-template-columns: 1fr;
    }

    .kd-game-quiz .kdq-main-result__media {
      min-height: 430px;
    }

    .kd-game-quiz .kdq-main-result__media img {
      max-height: 370px;
    }

    .kd-game-quiz .kdq-bundle {
      grid-template-columns: 1fr;
    }

    .kd-game-quiz .kdq-bundle .kdq-button {
      width: 100%;
    }
  }

  @media (max-width: 650px) {
    .kd-game-quiz {
      padding: 22px 10px;
    }

    .kd-game-quiz .kdq-stage,
    .kd-game-quiz .kdq-intro,
    .kd-game-quiz .kdq-quiz {
      min-height: auto;
    }

    .kd-game-quiz .kdq-panel {
      border-radius: 24px;
    }

    .kd-game-quiz .kdq-intro__copy {
      padding: 34px 24px 38px;
    }

    .kd-game-quiz .kdq-intro h2 {
      font-size: clamp(38px, 12vw, 54px);
    }

    .kd-game-quiz .kdq-intro__visual {
      min-height: 310px;
      padding: 30px 18px;
    }

    .kd-game-quiz .kdq-seal {
      width: 225px;
    }

    .kd-game-quiz .kdq-seal__icon {
      font-size: 46px;
    }

    .kd-game-quiz .kdq-quiz,
    .kd-game-quiz .kdq-result {
      padding: 25px 18px;
    }

    .kd-game-quiz .kdq-progress-row {
      gap: 14px;
      margin-bottom: 31px;
    }

    .kd-game-quiz .kdq-question-wrap h3 {
      font-size: 32px;
    }

    .kd-game-quiz .kdq-options--numbers {
      grid-template-columns: repeat(5, 1fr);
      gap: 7px;
    }

    .kd-game-quiz .kdq-options--numbers .kdq-option {
      min-height: 78px;
      border-radius: 15px;
    }

    .kd-game-quiz .kdq-options--numbers .kdq-option__text {
      font-size: 24px;
    }

    .kd-game-quiz .kdq-option {
      min-height: 70px;
      padding: 13px;
      gap: 11px;
    }

    .kd-game-quiz .kdq-option__icon {
      width: 40px;
      height: 40px;
      font-size: 20px;
    }

    .kd-game-quiz .kdq-option__text {
      font-size: 15px;
    }

    .kd-game-quiz .kdq-result__header {
      align-items: start;
    }

    .kd-game-quiz .kdq-match-badge {
      width: 86px;
      height: 86px;
    }

    .kd-game-quiz .kdq-match-badge strong {
      font-size: 22px;
    }

    .kd-game-quiz .kdq-main-result__media {
      min-height: 365px;
      padding: 24px;
    }

    .kd-game-quiz .kdq-main-result__media img {
      max-height: 315px;
    }

    .kd-game-quiz .kdq-main-result__content {
      padding: 28px 22px;
    }

    .kd-game-quiz .kdq-rating {
      grid-template-columns: 100px 1fr 28px;
      gap: 6px;
    }

    .kd-game-quiz .kdq-alternatives {
      grid-template-columns: 1fr;
    }

    .kd-game-quiz .kdq-alt-card {
      grid-template-columns: 105px 1fr;
    }

    .kd-game-quiz .kdq-alt-card__image img {
      height: 132px;
    }
  }

  @media (max-width: 390px) {
    .kd-game-quiz .kdq-options--numbers {
      grid-template-columns: repeat(3, 1fr);
    }

    .kd-game-quiz .kdq-result__header {
      display: block;
    }

    .kd-game-quiz .kdq-match-badge {
      margin-top: 18px;
    }

    .kd-game-quiz .kdq-rating {
      grid-template-columns: 94px 1fr 25px;
    }

    .kd-game-quiz .kdq-star {
      font-size: 15px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .kd-game-quiz *,
    .kd-game-quiz *::before,
    .kd-game-quiz *::after {
      scroll-behavior: auto !important;
      animation-duration: 1ms !important;
      transition-duration: 1ms !important;
    }
  }
/* ============================================================
   v1.1.1 — COMPACT VIEWPORT LAYOUT
   Цел: intro/question screens да се събират в един desktop екран,
   а на mobile quiz panel-ът да е максимум 80% от viewport height.
   Логиката и резултатите не се променят.
============================================================ */

/* Desktop / laptop compact sizing */
.kd-game-quiz {
  padding: clamp(16px, 2.8vh, 28px) 16px;
}

.kd-game-quiz .kdq-shell {
  width: min(1040px, 92vw);
}

.kd-game-quiz .kdq-stage {
  min-height: 0;
}

.kd-game-quiz .kdq-intro {
  min-height: min(570px, calc(100dvh - 40px));
}

.kd-game-quiz .kdq-intro__copy {
  padding: clamp(30px, 4.2vw, 52px);
}

.kd-game-quiz .kdq-kicker {
  margin-bottom: 14px;
  font-size: 12px;
}

.kd-game-quiz .kdq-intro h2 {
  margin-bottom: 14px;
  font-size: clamp(38px, 4.3vw, 58px);
  line-height: .98;
}

.kd-game-quiz .kdq-intro__lead {
  margin-bottom: 20px;
  font-size: clamp(16px, 1.55vw, 19px);
  line-height: 1.48;
}

.kd-game-quiz .kdq-intro__meta {
  margin-bottom: 20px;
  font-size: 12px;
}

.kd-game-quiz .kdq-button {
  min-height: 50px;
  padding: 12px 22px;
}

.kd-game-quiz .kdq-intro__visual {
  min-height: 0;
  padding: 28px;
}

.kd-game-quiz .kdq-seal {
  width: min(250px, 78%);
}

.kd-game-quiz .kdq-seal__icon {
  font-size: 46px;
}

.kd-game-quiz .kdq-seal strong {
  font-size: 20px;
}

.kd-game-quiz .kdq-quiz {
  min-height: min(570px, calc(100dvh - 40px));
  padding: clamp(26px, 3.5vw, 40px);
}

.kd-game-quiz .kdq-progress-row {
  margin-bottom: clamp(20px, 3vh, 28px);
}

.kd-game-quiz .kdq-question-wrap h3 {
  margin-bottom: 8px;
  font-size: clamp(28px, 3.2vw, 40px);
}

.kd-game-quiz .kdq-question-hint {
  margin-bottom: 17px;
  font-size: 14px;
}

.kd-game-quiz .kdq-options {
  gap: 9px;
}

.kd-game-quiz .kdq-option {
  min-height: 60px;
  padding: 10px 14px;
}

.kd-game-quiz .kdq-option__icon {
  width: 38px;
  height: 38px;
  font-size: 19px;
}

.kd-game-quiz .kdq-option__text {
  font-size: 15px;
}

.kd-game-quiz .kdq-options--numbers .kdq-option {
  min-height: 76px;
}

.kd-game-quiz .kdq-options--numbers .kdq-option__text {
  font-size: 26px;
}

.kd-game-quiz .kdq-quiz-nav {
  margin-top: 18px;
}

/* Small laptop safety net */
@media (max-height: 720px) and (min-width: 651px) {
  .kd-game-quiz {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .kd-game-quiz .kdq-intro,
  .kd-game-quiz .kdq-quiz {
    min-height: calc(100dvh - 20px);
  }

  .kd-game-quiz .kdq-intro__copy {
    padding: 28px 36px;
  }

  .kd-game-quiz .kdq-intro h2 {
    font-size: clamp(34px, 4vw, 50px);
  }

  .kd-game-quiz .kdq-intro__lead {
    font-size: 15px;
    margin-bottom: 15px;
  }

  .kd-game-quiz .kdq-intro__meta {
    margin-bottom: 15px;
  }

  .kd-game-quiz .kdq-seal {
    width: 220px;
  }

  .kd-game-quiz .kdq-quiz {
    padding: 24px 32px;
  }

  .kd-game-quiz .kdq-progress-row {
    margin-bottom: 16px;
  }

  .kd-game-quiz .kdq-question-wrap h3 {
    font-size: 30px;
  }

  .kd-game-quiz .kdq-question-hint {
    margin-bottom: 12px;
  }

  .kd-game-quiz .kdq-option {
    min-height: 54px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .kd-game-quiz .kdq-options {
    gap: 7px;
  }

  .kd-game-quiz .kdq-quiz-nav {
    margin-top: 12px;
  }
}

/* Mobile: quiz never takes more than 80% of the visible viewport */
@media (max-width: 650px) {
  .kd-game-quiz {
    padding: 10px 8px;
  }

  .kd-game-quiz .kdq-shell {
    width: min(94vw, 520px);
  }

  .kd-game-quiz .kdq-panel {
    max-height: 80dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: 20px;
  }

  .kd-game-quiz .kdq-intro {
    display: block;
    min-height: 0;
  }

  /* На малък екран декоративният панел само увеличава височината. */
  .kd-game-quiz .kdq-intro__visual {
    display: none;
  }

  .kd-game-quiz .kdq-intro__copy {
    padding: 22px 20px 24px;
  }

  .kd-game-quiz .kdq-kicker {
    gap: 7px;
    margin-bottom: 10px;
    font-size: 10px;
    letter-spacing: .11em;
  }

  .kd-game-quiz .kdq-kicker::before {
    width: 20px;
  }

  .kd-game-quiz .kdq-intro h2 {
    margin-bottom: 11px;
    font-size: clamp(29px, 8.7vw, 38px);
    line-height: 1;
  }

  .kd-game-quiz .kdq-intro__lead {
    margin-bottom: 14px;
    font-size: 13.5px;
    line-height: 1.42;
  }

  .kd-game-quiz .kdq-intro__meta {
    gap: 6px 12px;
    margin-bottom: 16px;
    font-size: 10.5px;
  }

  .kd-game-quiz .kdq-button {
    min-height: 46px;
    padding: 10px 18px;
    font-size: 14px;
  }

  .kd-game-quiz .kdq-quiz {
    min-height: 0;
    padding: 17px 15px 15px;
  }

  .kd-game-quiz .kdq-progress-row {
    grid-template-columns: auto 1fr;
    gap: 10px;
    margin-bottom: 14px;
  }

  .kd-game-quiz .kdq-step-label {
    font-size: 9.5px;
  }

  .kd-game-quiz .kdq-progress {
    height: 5px;
  }

  .kd-game-quiz .kdq-question-wrap h3 {
    margin-bottom: 6px;
    font-size: clamp(23px, 6.5vw, 28px);
    line-height: 1.06;
  }

  .kd-game-quiz .kdq-question-hint {
    margin-bottom: 11px;
    font-size: 12px;
    line-height: 1.35;
  }

  .kd-game-quiz .kdq-options {
    gap: 6px;
  }

  .kd-game-quiz .kdq-option {
    min-height: 49px;
    padding: 7px 10px;
    gap: 8px;
    border-radius: 13px;
  }

  .kd-game-quiz .kdq-option__icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }

  .kd-game-quiz .kdq-option__text {
    font-size: 12.5px;
    line-height: 1.18;
  }

  .kd-game-quiz .kdq-options--numbers {
    grid-template-columns: repeat(5, 1fr);
    gap: 5px;
  }

  .kd-game-quiz .kdq-options--numbers .kdq-option {
    min-height: 54px;
    padding: 6px;
  }

  .kd-game-quiz .kdq-options--numbers .kdq-option__text {
    font-size: 20px;
  }

  .kd-game-quiz .kdq-quiz-nav {
    margin-top: 10px;
  }

  .kd-game-quiz .kdq-link-button {
    padding: 5px 2px;
    font-size: 11px;
  }

  /* Result is content-heavy, so it stays inside the same 80dvh panel
     and scrolls internally instead of making the whole page huge. */
  .kd-game-quiz .kdq-result {
    padding: 17px 14px;
  }
}

@media (max-width: 390px) {
  .kd-game-quiz .kdq-options--numbers {
    grid-template-columns: repeat(5, 1fr);
  }

  .kd-game-quiz .kdq-intro h2 {
    font-size: clamp(27px, 8.2vw, 33px);
  }

  .kd-game-quiz .kdq-option__text {
    font-size: 12px;
  }
}

/* ==========================================================
   v1.2.0 — homepage brand typography + popup + Brevo lead gate
   Homepage HAR: EB Garamond for display headlines, Rubik for UI/body/CTA.
========================================================== */
.kd-game-quiz {
  --kdq-ink: #171310;
  --kdq-muted: #746d66;
  --kdq-cream: #fbf7f1;
  --kdq-paper: #fffdf9;
  --kdq-line: rgba(42, 31, 26, 0.13);
  --kdq-orange: #c5193a;
  --kdq-orange-dark: #a41531;
  --kdq-orange-soft: #f7dbe1;
  --kdq-gold: #d6b276;
  --kdq-red: #c5193a;
  font-family: "Rubik", Arial, sans-serif;
}

.kd-game-quiz .kdq-intro h2,
.kd-game-quiz .kdq-question-wrap h3,
.kd-game-quiz .kdq-result__header h3,
.kd-game-quiz .kdq-main-result h4,
.kd-game-quiz .kdq-popup-result-card h4,
.kd-game-quiz .kdq-lead-gate h4,
.kd-game-quiz .kdq-offer-unlocked strong,
.kd-game-quiz .kdq-bundle h4 {
  font-family: "EB Garamond", Georgia, "Times New Roman", serif;
  font-weight: 600;
}

.kd-game-quiz .kdq-intro h2 {
  letter-spacing: -0.035em;
}

.kd-game-quiz .kdq-question-wrap h3,
.kd-game-quiz .kdq-result__header h3 {
  letter-spacing: -0.03em;
}

.kd-game-quiz .kdq-button,
.kd-game-quiz .kdq-option,
.kd-game-quiz .kdq-kicker,
.kd-game-quiz .kdq-step-label,
.kd-game-quiz .kdq-tag,
.kd-game-quiz .kdq-label,
.kd-game-quiz .kdq-link-button,
.kd-game-quiz input {
  font-family: "Rubik", Arial, sans-serif;
}

.kd-game-quiz .kdq-kicker {
  color: var(--kdq-red);
}

.kd-game-quiz .kdq-kicker::before,
.kd-game-quiz .kdq-progress__bar {
  background: var(--kdq-red);
}

.kd-game-quiz .kdq-button--primary {
  background: #c5193a;
  box-shadow: 0 12px 28px rgba(197, 25, 58, 0.22);
}

.kd-game-quiz .kdq-button--primary:hover {
  background: #a41531;
  box-shadow: 0 16px 34px rgba(164, 21, 49, 0.28);
}

.kd-game-quiz .kdq-button:focus-visible,
.kd-game-quiz .kdq-option:focus-visible,
.kd-game-quiz .kdq-link-button:focus-visible,
.kd-game-quiz input:focus-visible {
  outline-color: rgba(197, 25, 58, 0.28);
}

.kd-game-quiz .kdq-option:hover,
.kd-game-quiz .kdq-option[aria-pressed="true"] {
  border-color: rgba(197, 25, 58, 0.42);
}

.kd-game-quiz .kdq-option[aria-pressed="true"] {
  background: #fff5f7;
}

/* Lead capture */
.kd-game-quiz .kdq-lead-gate {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  gap: 24px;
  align-items: center;
  margin: 26px 0 8px;
  padding: 22px 24px;
  border: 1px solid rgba(197, 25, 58, 0.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 0%, rgba(197, 25, 58, 0.08), transparent 34%),
    #fffaf8;
}

.kd-game-quiz .kdq-lead-gate__eyebrow {
  margin: 0 0 7px;
  color: var(--kdq-red);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .14em;
}

.kd-game-quiz .kdq-lead-gate h4 {
  margin: 0 0 7px;
  color: var(--kdq-ink);
  font-size: clamp(26px, 2.6vw, 38px);
  line-height: 1;
}

.kd-game-quiz .kdq-lead-gate__copy > p:last-child {
  margin: 0;
  color: var(--kdq-muted);
  font-size: 13px;
  line-height: 1.45;
}

.kd-game-quiz .kdq-lead-form__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.kd-game-quiz .kdq-lead-form input[type="email"] {
  width: 100%;
  min-height: 48px;
  padding: 0 15px;
  border: 1px solid rgba(23, 19, 16, 0.18);
  border-radius: 10px;
  background: #fff;
  color: var(--kdq-ink);
  font-size: 14px;
  box-shadow: none;
}

.kd-game-quiz .kdq-lead-form input[type="email"]:focus {
  border-color: rgba(197, 25, 58, 0.55);
  outline: none;
}

.kd-game-quiz .kdq-lead-form .kdq-button {
  min-height: 48px;
  padding: 0 19px;
  border-radius: 10px;
  white-space: nowrap;
}

.kd-game-quiz .kdq-consent {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 9px;
  color: #756f69;
  font-size: 10px;
  line-height: 1.35;
}

.kd-game-quiz .kdq-consent input {
  width: 14px;
  height: 14px;
  margin: 1px 0 0;
  flex: 0 0 14px;
  accent-color: var(--kdq-red);
}

.kd-game-quiz .kdq-consent a {
  color: inherit;
  text-decoration: underline;
}

.kd-game-quiz .kdq-form-status {
  min-height: 16px;
  margin: 6px 0 0;
  color: var(--kdq-red);
  font-size: 11px;
  font-weight: 600;
}

.kd-game-quiz .kdq-honeypot,
.kd-game-quiz .kdq-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.kd-game-quiz .kdq-offer-unlocked {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 26px 0 8px;
  padding: 18px 20px;
  border: 1px solid rgba(45, 124, 88, 0.20);
  border-radius: 18px;
  background: #f3fbf6;
}

.kd-game-quiz .kdq-offer-unlocked[hidden] {
  display: none !important;
}

.kd-game-quiz .kdq-offer-unlocked__copy {
  display: flex;
  gap: 12px;
  align-items: center;
}

.kd-game-quiz .kdq-offer-unlocked__check {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex: 0 0 34px;
  background: #2d7c58;
  color: #fff;
  font-weight: 800;
}

.kd-game-quiz .kdq-offer-unlocked strong {
  display: block;
  font-size: 24px;
  line-height: 1;
}

.kd-game-quiz .kdq-offer-unlocked p {
  margin: 5px 0 0;
  color: #52645b;
  font-size: 12px;
  line-height: 1.35;
}

/* Compact popup result */
.kd-game-quiz .kdq-result--popup {
  padding: 22px 24px 18px;
}

.kd-game-quiz .kdq-result__header--compact {
  margin-bottom: 14px;
}

.kd-game-quiz .kdq-result__header--compact h3 {
  margin-bottom: 0;
  font-size: clamp(34px, 3.5vw, 48px);
}

.kd-game-quiz .kdq-popup-result-card {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 20px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--kdq-line);
  border-radius: 18px;
  background: #fff;
}

.kd-game-quiz .kdq-popup-result-card__media {
  display: grid;
  place-items: center;
  height: 205px;
  padding: 8px;
  border-radius: 14px;
  background: linear-gradient(145deg, #f8f2eb, #fff);
}

.kd-game-quiz .kdq-popup-result-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.kd-game-quiz .kdq-popup-result-card__content h4 {
  margin: 7px 0 7px;
  font-size: clamp(29px, 3vw, 40px);
  line-height: 1;
}

.kd-game-quiz .kdq-popup-result-card__content > p {
  margin: 0 0 10px;
  color: var(--kdq-muted);
  font-size: 13px;
  line-height: 1.45;
}

.kd-game-quiz .kdq-reasons--compact {
  margin-top: 10px;
  margin-bottom: 0;
}

.kd-game-quiz .kdq-reasons--compact li {
  font-size: 12px;
  line-height: 1.35;
}

.kd-game-quiz .kdq-popup-alts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  align-items: center;
  margin-top: 13px;
  color: #827b75;
  font-size: 11px;
}

.kd-game-quiz .kdq-popup-alts > span {
  font-weight: 650;
}

.kd-game-quiz .kdq-popup-alts a {
  color: var(--kdq-ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Popup shell */
html.kdq-modal-open,
body.kdq-modal-open {
  overflow: hidden !important;
}

.kdq-popup {
  position: fixed;
  z-index: 999999;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility .22s ease;
}

.kdq-popup.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.kdq-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(11, 8, 8, 0.72);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
}

.kdq-popup__dialog {
  position: relative;
  z-index: 1;
  width: min(1080px, 94vw);
  max-height: 82dvh;
  border-radius: 24px;
  box-shadow: 0 34px 100px rgba(0,0,0,.38);
  transform: translateY(12px) scale(.985);
  transition: transform .24s cubic-bezier(.2,.75,.25,1);
}

.kdq-popup.is-open .kdq-popup__dialog {
  transform: translateY(0) scale(1);
}

.kdq-popup__decline {
  position: absolute;
  z-index: 60;
  left: 50%;
  bottom: -31px;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100vw - 32px);
  padding: 4px 8px;
  border: 0;
  background: transparent;
  color: rgba(220, 220, 220, .68);
  font: 500 11px/1.35 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.kdq-popup__decline:hover,
.kdq-popup__decline:focus-visible {
  color: rgba(255, 255, 255, .92);
}

.kdq-popup .kd-game-quiz {
  padding: 0;
  background: transparent;
  overflow: visible;
}

.kdq-popup .kd-game-quiz .kdq-orb {
  display: none;
}

.kdq-popup .kd-game-quiz .kdq-shell {
  width: 100%;
}

.kdq-popup .kd-game-quiz .kdq-stage {
  min-height: 0;
}

.kdq-popup .kd-game-quiz .kdq-panel {
  max-height: 82dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  border-radius: 24px;
}

.kdq-popup .kd-game-quiz .kdq-intro,
.kdq-popup .kd-game-quiz .kdq-quiz {
  min-height: 0;
}

.kdq-popup .kd-game-quiz .kdq-intro {
  grid-template-columns: 1.12fr .88fr;
}

.kdq-popup .kd-game-quiz .kdq-intro__copy {
  padding: 42px 48px;
}

.kdq-popup .kd-game-quiz .kdq-intro h2 {
  margin-bottom: 14px;
  font-size: clamp(42px, 4.2vw, 58px);
  line-height: .97;
}

.kdq-popup .kd-game-quiz .kdq-intro__lead {
  margin-bottom: 18px;
  font-size: 15px;
  line-height: 1.48;
}

.kdq-popup .kd-game-quiz .kdq-intro__meta {
  margin-bottom: 19px;
  font-size: 11px;
}

.kdq-popup .kd-game-quiz .kdq-intro__visual {
  min-height: 510px;
}

.kdq-popup .kd-game-quiz .kdq-seal {
  width: 220px;
}

.kdq-popup .kd-game-quiz .kdq-seal__icon {
  font-size: 44px;
}

.kdq-popup .kd-game-quiz .kdq-quiz {
  padding: 24px 32px 22px;
}

.kdq-popup .kd-game-quiz .kdq-progress-row {
  margin-bottom: 17px;
}

.kdq-popup .kd-game-quiz .kdq-question-wrap h3 {
  font-size: clamp(31px, 3vw, 42px);
}

.kdq-popup .kd-game-quiz .kdq-question-hint {
  margin-bottom: 15px;
  font-size: 13px;
}

.kdq-popup .kd-game-quiz .kdq-options {
  gap: 8px;
}

.kdq-popup .kd-game-quiz .kdq-option {
  min-height: 54px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.kdq-popup .kd-game-quiz .kdq-quiz-nav {
  margin-top: 12px;
}

.kdq-open-popup {
  cursor: pointer;
}

@media (max-width: 900px) {
  .kd-game-quiz .kdq-lead-gate {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .kd-game-quiz .kdq-popup-result-card {
    grid-template-columns: 165px minmax(0, 1fr);
  }

  .kd-game-quiz .kdq-popup-result-card__media {
    height: 165px;
  }
}

@media (max-width: 650px) {
  .kdq-popup {
    padding: 0;
  }

  .kdq-popup__dialog {
    width: min(94vw, 520px);
    max-height: 80dvh;
    border-radius: 20px;
  }

  .kdq-popup__decline {
    bottom: -34px;
    max-width: calc(100vw - 24px);
    font-size: 10.5px;
  }

  .kdq-popup .kd-game-quiz .kdq-panel {
    max-height: 80dvh;
    border-radius: 20px;
  }

  .kdq-popup .kd-game-quiz .kdq-intro__copy {
    padding: 24px 20px 22px;
  }

  .kdq-popup .kd-game-quiz .kdq-intro h2 {
    font-size: clamp(32px, 9vw, 39px);
    line-height: .96;
  }

  .kdq-popup .kd-game-quiz .kdq-intro__lead {
    margin-bottom: 13px;
    font-size: 12.5px;
    line-height: 1.4;
  }

  .kdq-popup .kd-game-quiz .kdq-intro__meta {
    margin-bottom: 14px;
    gap: 5px 10px;
    font-size: 9.5px;
  }

  .kdq-popup .kd-game-quiz .kdq-quiz {
    padding: 17px 15px 14px;
  }

  .kdq-popup .kd-game-quiz .kdq-question-wrap h3 {
    font-size: clamp(25px, 7vw, 30px);
  }

  .kdq-popup .kd-game-quiz .kdq-question-hint {
    font-size: 11.5px;
  }

  .kd-game-quiz .kdq-result--popup {
    padding: 17px 13px 13px;
  }

  .kd-game-quiz .kdq-result__header--compact {
    grid-template-columns: 1fr auto;
    gap: 8px;
    margin-bottom: 10px;
  }

  .kd-game-quiz .kdq-result__header--compact h3 {
    font-size: clamp(27px, 7vw, 32px);
  }

  .kd-game-quiz .kdq-match-badge {
    width: 64px;
    height: 64px;
  }

  .kd-game-quiz .kdq-match-badge strong {
    font-size: 20px;
  }

  .kd-game-quiz .kdq-match-badge small {
    font-size: 7px;
  }

  .kd-game-quiz .kdq-popup-result-card {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 11px;
    padding: 10px;
  }

  .kd-game-quiz .kdq-popup-result-card__media {
    height: 108px;
    padding: 3px;
  }

  .kd-game-quiz .kdq-popup-result-card__content h4 {
    margin: 4px 0;
    font-size: 25px;
  }

  .kd-game-quiz .kdq-popup-result-card__content > p {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 6px;
    font-size: 10.5px;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .kd-game-quiz .kdq-popup-result-card .kdq-tags {
    gap: 4px;
  }

  .kd-game-quiz .kdq-popup-result-card .kdq-tag {
    padding: 4px 6px;
    font-size: 8.5px;
  }

  .kd-game-quiz .kdq-reasons--compact {
    display: none;
  }

  .kd-game-quiz .kdq-lead-gate {
    gap: 10px;
    margin-top: 11px;
    padding: 12px;
    border-radius: 14px;
  }

  .kd-game-quiz .kdq-lead-gate__eyebrow {
    margin-bottom: 4px;
    font-size: 8px;
  }

  .kd-game-quiz .kdq-lead-gate h4 {
    margin-bottom: 4px;
    font-size: 24px;
  }

  .kd-game-quiz .kdq-lead-gate__copy > p:last-child {
    font-size: 10.5px;
    line-height: 1.35;
  }

  .kd-game-quiz .kdq-lead-form__row {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .kd-game-quiz .kdq-lead-form input[type="email"],
  .kd-game-quiz .kdq-lead-form .kdq-button {
    min-height: 42px;
    width: 100%;
  }

  .kd-game-quiz .kdq-consent {
    margin-top: 6px;
    font-size: 8.5px;
  }

  .kd-game-quiz .kdq-form-status {
    margin-top: 3px;
    min-height: 12px;
    font-size: 9px;
  }

  .kd-game-quiz .kdq-offer-unlocked {
    display: grid;
    gap: 10px;
    margin-top: 11px;
    padding: 12px;
  }

  .kd-game-quiz .kdq-offer-unlocked strong {
    font-size: 21px;
  }

  .kd-game-quiz .kdq-offer-unlocked p {
    font-size: 9.5px;
  }

  .kd-game-quiz .kdq-offer-unlocked .kdq-button {
    width: 100%;
  }

  .kd-game-quiz .kdq-popup-alts {
    margin-top: 9px;
    font-size: 9px;
  }

  .kd-game-quiz .kdq-result-footer {
    margin-top: 8px;
  }
}


/* ============================================================
   v1.2.3 — preserve the original rich result layout.
   Popup height is capped; content scrolls inside instead of being
   stripped down or visually compressed.
   ============================================================ */
.kdq-popup .kd-game-quiz .kdq-result--popup-full {
  padding: 26px 28px 22px;
}

.kdq-popup .kd-game-quiz .kdq-result--popup-full .kdq-result__header {
  margin-bottom: 18px;
}

.kdq-popup .kd-game-quiz .kdq-result--popup-full .kdq-main-result {
  margin-bottom: 0;
}

@media (max-width: 650px) {
  .kdq-popup .kd-game-quiz .kdq-result--popup-full {
    padding: 18px 14px 14px;
  }

  .kdq-popup .kd-game-quiz .kdq-result--popup-full .kdq-result__header {
    margin-bottom: 12px;
  }
}

/* ============================================================
   v1.2.4 — dense rich result.
   Keeps the full recommendation, reasons, detective profile,
   email promo gate, two alternatives and 3-game bundle, while
   fitting the desktop result much closer to a single viewport.
   ============================================================ */
.kd-game-quiz .kdq-result,
.kdq-popup .kd-game-quiz .kdq-result--popup-full {
  padding: 16px 20px 14px;
}
.kd-game-quiz .kdq-result__header,
.kdq-popup .kd-game-quiz .kdq-result--popup-full .kdq-result__header {
  align-items: center;
  margin-bottom: 10px;
  gap: 18px;
}
.kd-game-quiz .kdq-result__header .kdq-kicker { margin-bottom: 5px; font-size: 10px; }
.kd-game-quiz .kdq-result__header h3 { margin-bottom: 2px; font-size: clamp(30px, 3.2vw, 42px); line-height: .95; }
.kd-game-quiz .kdq-result__header p { font-size: 11px; line-height: 1.25; }
.kd-game-quiz .kdq-match-badge { width: 72px; height: 72px; }
.kd-game-quiz .kdq-match-badge strong { font-size: 22px; }
.kd-game-quiz .kdq-match-badge small { margin-top: 3px; font-size: 7px; }

.kd-game-quiz .kdq-main-result { grid-template-columns: minmax(230px, .68fr) minmax(0, 1.32fr); border-radius: 20px; }
.kd-game-quiz .kdq-main-result__media { min-height: 345px; padding: 18px 22px; }
.kd-game-quiz .kdq-main-result__media::after { bottom: 20px; height: 18px; }
.kd-game-quiz .kdq-main-result__media img { width: min(100%, 280px); max-height: 305px; }
.kd-game-quiz .kdq-main-result__content { padding: 18px 24px 16px; }
.kd-game-quiz .kdq-label { margin-bottom: 6px; font-size: 9px; }
.kd-game-quiz .kdq-main-result h4 { margin-bottom: 6px; font-size: clamp(30px, 3.2vw, 39px); line-height: .98; }
.kd-game-quiz .kdq-result-summary { margin-bottom: 9px; font-size: 12px; line-height: 1.35; }
.kd-game-quiz .kdq-tags { gap: 5px; margin-bottom: 10px; }
.kd-game-quiz .kdq-tag { min-height: 26px; padding: 4px 8px; font-size: 10px; }

.kd-game-quiz .kdq-result-details { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(230px, .75fr); gap: 18px; align-items: start; margin-bottom: 10px; }
.kd-game-quiz .kdq-result-details .kdq-reasons,
.kd-game-quiz .kdq-result-details .kdq-ratings { margin: 0; }
.kd-game-quiz .kdq-reasons { gap: 5px; }
.kd-game-quiz .kdq-reasons li { grid-template-columns: 17px 1fr; gap: 7px; font-size: 10.5px; line-height: 1.24; }
.kd-game-quiz .kdq-reasons li::before { width: 16px; height: 16px; font-size: 9px; }
.kd-game-quiz .kdq-ratings { gap: 3px; }
.kd-game-quiz .kdq-rating { grid-template-columns: 82px 1fr 22px; gap: 5px; font-size: 9px; }
.kd-game-quiz .kdq-stars { gap: 1px; }
.kd-game-quiz .kdq-star { font-size: 12px; }
.kd-game-quiz .kdq-main-result .kdq-button { min-height: 38px; padding: 8px 15px; font-size: 11px; }

.kd-game-quiz .kdq-lead-gate { grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr); gap: 14px; margin: 10px 0 4px; padding: 10px 13px; border-radius: 14px; }
.kd-game-quiz .kdq-lead-gate__eyebrow { margin-bottom: 3px; font-size: 8px; }
.kd-game-quiz .kdq-lead-gate h4 { margin-bottom: 3px; font-size: clamp(21px, 2vw, 28px); line-height: .96; }
.kd-game-quiz .kdq-lead-gate__copy > p:last-child { font-size: 9.5px; line-height: 1.22; }
.kd-game-quiz .kdq-lead-form input[type="email"],
.kd-game-quiz .kdq-lead-form .kdq-button { min-height: 38px; }
.kd-game-quiz .kdq-lead-form input[type="email"] { font-size: 11px; }
.kd-game-quiz .kdq-lead-form .kdq-button { padding: 0 13px; font-size: 10px; }
.kd-game-quiz .kdq-consent { margin-top: 3px; font-size: 7.5px; line-height: 1.18; }
.kd-game-quiz .kdq-consent input { width: 11px; height: 11px; flex-basis: 11px; }
.kd-game-quiz .kdq-form-status { min-height: 8px; margin-top: 1px; font-size: 7.5px; }

.kd-game-quiz .kdq-alternatives-title { margin: 10px 0 5px; font-size: 15px; }
.kd-game-quiz .kdq-alternatives { gap: 9px; }
.kd-game-quiz .kdq-alt-card { grid-template-columns: 70px 1fr; gap: 9px; min-height: 96px; padding: 8px; border-radius: 14px; }
.kd-game-quiz .kdq-alt-card__image { min-height: 80px; border-radius: 10px; }
.kd-game-quiz .kdq-alt-card__image img { height: 78px; padding: 3px; }
.kd-game-quiz .kdq-alt-card__match { margin-bottom: 2px; font-size: 7.5px; }
.kd-game-quiz .kdq-alt-card h5 { margin-bottom: 2px; font-size: 12px; }
.kd-game-quiz .kdq-alt-card p { margin-bottom: 3px; font-size: 8.5px; line-height: 1.2; }
.kd-game-quiz .kdq-alt-card__link { font-size: 8.5px; }

.kd-game-quiz .kdq-bundle { gap: 13px; margin-top: 8px; padding: 11px 16px; border-radius: 15px; }
.kd-game-quiz .kdq-bundle::after { right: 165px; top: -35px; font-size: 110px; }
.kd-game-quiz .kdq-bundle h4 { margin-bottom: 1px; font-size: clamp(21px, 2.2vw, 29px); line-height: .98; }
.kd-game-quiz .kdq-bundle p { font-size: 9.5px; line-height: 1.2; }
.kd-game-quiz .kdq-bundle .kdq-button { min-height: 38px; padding: 8px 14px; font-size: 10px; }
.kd-game-quiz .kdq-result-footer { margin-top: 4px; }
.kd-game-quiz .kdq-result-footer .kdq-link-button { font-size: 8px; }

.kdq-popup__dialog,
.kdq-popup .kd-game-quiz .kdq-panel { max-height: 84dvh; }

@media (max-width: 900px) {
  .kd-game-quiz .kdq-result-details { grid-template-columns: 1fr; gap: 7px; }
  .kd-game-quiz .kdq-lead-gate { grid-template-columns: 1fr; }
}

@media (max-width: 650px) {
  .kdq-popup__dialog,
  .kdq-popup .kd-game-quiz .kdq-panel { max-height: 80dvh; }
  .kd-game-quiz .kdq-result,
  .kdq-popup .kd-game-quiz .kdq-result--popup-full { padding: 9px 8px 8px; }
  .kd-game-quiz .kdq-result__header,
  .kdq-popup .kd-game-quiz .kdq-result--popup-full .kdq-result__header { margin-bottom: 6px; }
  .kd-game-quiz .kdq-result__header h3 { font-size: 26px; }
  .kd-game-quiz .kdq-result__header p { font-size: 8px; }
  .kd-game-quiz .kdq-match-badge { width: 54px; height: 54px; }
  .kd-game-quiz .kdq-main-result { grid-template-columns: 108px minmax(0, 1fr); border-radius: 14px; }
  .kd-game-quiz .kdq-main-result__media { min-height: 232px; padding: 7px; }
  .kd-game-quiz .kdq-main-result__media img { max-height: 200px; }
  .kd-game-quiz .kdq-main-result__content { padding: 9px 8px; }
  .kd-game-quiz .kdq-label { font-size: 6.5px; }
  .kd-game-quiz .kdq-main-result h4 { font-size: 21px; }
  .kd-game-quiz .kdq-result-summary { font-size: 8px; line-height: 1.2; }
  .kd-game-quiz .kdq-tags { margin-bottom: 5px; gap: 3px; }
  .kd-game-quiz .kdq-tag { min-height: 19px; padding: 2px 4px; font-size: 6.3px; }
  .kd-game-quiz .kdq-result-details { gap: 5px; margin-bottom: 5px; }
  .kd-game-quiz .kdq-reasons { gap: 2px; }
  .kd-game-quiz .kdq-reasons li { font-size: 7px; line-height: 1.16; grid-template-columns: 13px 1fr; gap: 4px; }
  .kd-game-quiz .kdq-reasons li::before { width: 12px; height: 12px; font-size: 7px; }
  .kd-game-quiz .kdq-rating { grid-template-columns: 62px 1fr 18px; font-size: 6.5px; }
  .kd-game-quiz .kdq-star { font-size: 9px; }
  .kd-game-quiz .kdq-main-result .kdq-button { min-height: 30px; padding: 5px 9px; font-size: 8px; }
  .kd-game-quiz .kdq-lead-gate { gap: 5px; margin-top: 6px; padding: 7px; }
  .kd-game-quiz .kdq-lead-gate h4 { font-size: 18px; }
  .kd-game-quiz .kdq-lead-gate__copy > p:last-child { font-size: 7.5px; }
  .kd-game-quiz .kdq-lead-form input[type="email"],
  .kd-game-quiz .kdq-lead-form .kdq-button { min-height: 33px; }
  .kd-game-quiz .kdq-consent { font-size: 6.5px; }
  .kd-game-quiz .kdq-alternatives-title { margin: 7px 0 4px; font-size: 13px; }
  .kd-game-quiz .kdq-alternatives { grid-template-columns: 1fr 1fr; gap: 5px; }
  .kd-game-quiz .kdq-alt-card { grid-template-columns: 48px 1fr; gap: 5px; min-height: 75px; padding: 5px; }
  .kd-game-quiz .kdq-alt-card__image { min-height: 62px; }
  .kd-game-quiz .kdq-alt-card__image img { height: 60px; padding: 1px; }
  .kd-game-quiz .kdq-alt-card__match { font-size: 5.8px; }
  .kd-game-quiz .kdq-alt-card h5 { font-size: 9px; }
  .kd-game-quiz .kdq-alt-card p { font-size: 6.3px; }
  .kd-game-quiz .kdq-alt-card__link { font-size: 6.3px; }
  .kd-game-quiz .kdq-bundle { grid-template-columns: 1fr; gap: 5px; padding: 8px; }
  .kd-game-quiz .kdq-bundle h4 { font-size: 19px; }
  .kd-game-quiz .kdq-bundle p { font-size: 7px; }
  .kd-game-quiz .kdq-bundle .kdq-button { width: 100%; min-height: 31px; font-size: 8px; }
}

/* ============================================================
   v1.2.5 — readable lead capture + richer alternatives +
   natural mobile scrolling (no nested 80dvh panel scroll).
   ============================================================ */

/* Lead capture: keep the compact row, but make every element readable. */
.kd-game-quiz .kdq-lead-gate {
  grid-template-columns: minmax(0, .88fr) minmax(460px, 1.12fr);
  gap: 18px;
  padding: 14px 16px;
}
.kd-game-quiz .kdq-lead-gate__eyebrow {
  margin-bottom: 5px;
  font-size: 10px;
  line-height: 1.1;
}
.kd-game-quiz .kdq-lead-gate h4 {
  margin-bottom: 5px;
  font-size: clamp(24px, 2.15vw, 31px);
  line-height: 1;
}
.kd-game-quiz .kdq-lead-gate__copy > p:last-child {
  font-size: 12px;
  line-height: 1.35;
}
.kd-game-quiz .kdq-lead-form input[type="email"],
.kd-game-quiz .kdq-lead-form .kdq-button {
  min-height: 46px;
}
.kd-game-quiz .kdq-lead-form input[type="email"] {
  padding-inline: 15px;
  font-size: 15px;
}
.kd-game-quiz .kdq-lead-form .kdq-button {
  padding-inline: 18px;
  font-size: 12.5px;
}
.kd-game-quiz .kdq-consent {
  gap: 7px;
  margin-top: 6px;
  font-size: 10.5px;
  line-height: 1.3;
}
.kd-game-quiz .kdq-consent input {
  width: 15px;
  height: 15px;
  flex-basis: 15px;
}
.kd-game-quiz .kdq-form-status {
  min-height: 13px;
  margin-top: 3px;
  font-size: 10px;
}

/* Alternatives are deliberately larger; they begin the second viewport. */
.kd-game-quiz .kdq-alternatives-title {
  margin: 14px 0 7px;
  font-size: 18px;
}
.kd-game-quiz .kdq-alternatives {
  gap: 12px;
}
.kd-game-quiz .kdq-alt-card {
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 14px;
  min-height: 146px;
  padding: 10px 12px;
  border-radius: 16px;
  align-items: center;
}
.kd-game-quiz .kdq-alt-card__image {
  min-height: 124px;
  border-radius: 12px;
}
.kd-game-quiz .kdq-alt-card__image img {
  width: 100%;
  height: 120px;
  padding: 4px;
  object-fit: contain;
}
.kd-game-quiz .kdq-alt-card__match {
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: .08em;
}
.kd-game-quiz .kdq-alt-card h5 {
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.15;
}
.kd-game-quiz .kdq-alt-card p {
  margin-bottom: 7px;
  font-size: 11px;
  line-height: 1.3;
}
.kd-game-quiz .kdq-alt-card__link {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(23, 22, 19, .06);
  font-size: 10.5px;
  font-weight: 800;
}

/* Keep the bundle copy exactly as the stronger upsell. */
.kd-game-quiz .kdq-bundle {
  margin-top: 12px;
}

@media (max-width: 900px) {
  .kd-game-quiz .kdq-lead-gate {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 650px) {
  /* The quiz/result now expands naturally. No nested scroll frame. */
  .kd-game-quiz .kdq-panel {
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
  }

  /* For the modal, scroll the whole overlay rather than an inner card. */
  .kdq-popup {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0 28px;
    -webkit-overflow-scrolling: touch;
  }
  .kdq-popup__dialog {
    width: min(96vw, 560px);
    max-height: none !important;
    margin: 0 auto;
    border-radius: 20px;
  }
  .kdq-popup .kd-game-quiz .kdq-panel {
    max-height: none !important;
    overflow: visible !important;
  }

  /* Readable email capture on mobile. */
  .kd-game-quiz .kdq-lead-gate {
    gap: 8px;
    padding: 12px;
  }
  .kd-game-quiz .kdq-lead-gate__eyebrow {
    font-size: 9px;
  }
  .kd-game-quiz .kdq-lead-gate h4 {
    font-size: 22px;
    line-height: 1;
  }
  .kd-game-quiz .kdq-lead-gate__copy > p:last-child {
    font-size: 11px;
    line-height: 1.32;
  }
  .kd-game-quiz .kdq-lead-form__row {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .kd-game-quiz .kdq-lead-form input[type="email"],
  .kd-game-quiz .kdq-lead-form .kdq-button {
    min-height: 44px;
  }
  .kd-game-quiz .kdq-lead-form input[type="email"] {
    font-size: 15px;
  }
  .kd-game-quiz .kdq-lead-form .kdq-button {
    width: 100%;
    font-size: 12px;
  }
  .kd-game-quiz .kdq-consent {
    margin-top: 7px;
    font-size: 10px;
    line-height: 1.3;
  }
  .kd-game-quiz .kdq-consent input {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }

  /* Alternatives become proper large cards in the next scroll section. */
  .kd-game-quiz .kdq-alternatives-title {
    margin: 14px 0 8px;
    font-size: 17px;
  }
  .kd-game-quiz .kdq-alternatives {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .kd-game-quiz .kdq-alt-card {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 12px;
    min-height: 132px;
    padding: 10px;
  }
  .kd-game-quiz .kdq-alt-card__image {
    min-height: 112px;
  }
  .kd-game-quiz .kdq-alt-card__image img {
    height: 108px;
    padding: 3px;
  }
  .kd-game-quiz .kdq-alt-card__match {
    font-size: 9px;
  }
  .kd-game-quiz .kdq-alt-card h5 {
    font-size: 14px;
  }
  .kd-game-quiz .kdq-alt-card p {
    font-size: 10.5px;
  }
  .kd-game-quiz .kdq-alt-card__link {
    min-height: 29px;
    padding: 5px 9px;
    font-size: 10px;
  }

  .kd-game-quiz .kdq-bundle h4 {
    font-size: 23px;
  }
  .kd-game-quiz .kdq-bundle p {
    font-size: 10px;
    line-height: 1.3;
  }
  .kd-game-quiz .kdq-bundle .kdq-button {
    min-height: 40px;
    font-size: 11px;
  }
}

/* =========================================================
   v1.2.6 — mobile result stacking + white product backdrops
   ========================================================= */

/* Keep the product boxes visually separated from their transparent artwork. */
.kd-game-quiz .kdq-main-result__media {
  background: #ffffff;
}
.kd-game-quiz .kdq-main-result__media::after {
  background: rgba(0, 0, 0, .16);
  filter: blur(14px);
}
.kd-game-quiz .kdq-main-result__media img {
  filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .20));
}

/* The two secondary recommendations use the same clean product backdrop. */
.kd-game-quiz .kdq-alt-card__image {
  background: #ffffff;
  border: 1px solid rgba(25, 20, 16, .08);
}
.kd-game-quiz .kdq-alt-card__image img {
  filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .16));
}

/* Make the pre-selected marketing consent state obvious. */
.kd-game-quiz .kdq-consent input[type="checkbox"] {
  accent-color: var(--kdq-red, #d4143a);
}

@media (max-width: 650px) {
  /* Product image sits above ALL recommendation copy on mobile. */
  .kd-game-quiz .kdq-main-result {
    grid-template-columns: 1fr !important;
  }

  .kd-game-quiz .kdq-main-result__media {
    min-height: 270px !important;
    padding: 18px 18px 12px !important;
    border-radius: 14px 14px 0 0;
  }

  .kd-game-quiz .kdq-main-result__media::after {
    left: 24%;
    right: 24%;
    bottom: 16px;
    height: 18px;
  }

  .kd-game-quiz .kdq-main-result__media img {
    width: min(78vw, 300px) !important;
    max-height: 250px !important;
    transform: none !important;
  }

  .kd-game-quiz .kdq-main-result__content {
    padding: 16px 18px 18px !important;
  }

  /* Give the secondary boxes a little more breathing room on white. */
  .kd-game-quiz .kdq-alt-card__image {
    min-height: 118px;
  }
  .kd-game-quiz .kdq-alt-card__image img {
    height: 112px;
    padding: 5px;
  }
}

/* =========================================================
   v1.2.9 — mobile rebuild: no horizontal slider + readable result
   Replaces the v1.2.8 width hack. Mobile uses normal document flow,
   a single-column result and larger, readable detective-profile copy.
   ========================================================= */

/* Desktop/tablet: undo the over-compressed black recommendation copy. */
.kd-game-quiz .kdq-result-summary {
  font-size: 14px;
  line-height: 1.45;
}
.kd-game-quiz .kdq-tag {
  font-size: 11.5px;
}
.kd-game-quiz .kdq-reasons li {
  font-size: 12.5px;
  line-height: 1.36;
}
.kd-game-quiz .kdq-rating {
  grid-template-columns: 104px auto 30px;
  justify-content: start;
  column-gap: 8px;
  font-size: 11.5px;
}
.kd-game-quiz .kdq-rating__value {
  text-align: left;
}
.kd-game-quiz .kdq-star {
  font-size: 15px;
}

@media (max-width: 650px) {
  /* ---------------------------------------------------------
     1) HARD WIDTH RESET — no horizontal document/quiz slider.
     --------------------------------------------------------- */
  html,
  body {
    overflow-x: clip;
  }

  .kd-game-quiz {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px 12px !important;
    overflow: hidden !important;
  }

  .kd-game-quiz *,
  .kd-game-quiz *::before,
  .kd-game-quiz *::after {
    min-width: 0;
  }

  .kd-game-quiz .kdq-shell,
  .kd-game-quiz .kdq-stage,
  .kd-game-quiz .kdq-panel,
  .kd-game-quiz .kdq-intro,
  .kd-game-quiz .kdq-quiz,
  .kd-game-quiz .kdq-result,
  .kd-game-quiz .kdq-main-result,
  .kd-game-quiz .kdq-lead-gate,
  .kd-game-quiz .kdq-alternatives,
  .kd-game-quiz .kdq-bundle {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .kd-game-quiz .kdq-shell {
    margin: 0 auto !important;
  }

  .kd-game-quiz .kdq-panel {
    max-height: none !important;
    overflow: hidden !important;
    border-left: 1px solid rgba(118, 75, 36, .16) !important;
    border-right: 1px solid rgba(118, 75, 36, .16) !important;
  }

  /* Popup also grows naturally; only the page/overlay scrolls vertically. */
  .kdq-popup {
    display: block !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 10px !important;
  }
  .kdq-popup__dialog,
  .kdq-popup .kd-game-quiz,
  .kdq-popup .kd-game-quiz .kdq-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Intro / questions: normal width and readable support text. */
  .kd-game-quiz .kdq-intro {
    display: block !important;
  }
  .kd-game-quiz .kdq-intro__visual {
    display: none !important;
  }
  .kd-game-quiz .kdq-intro__copy {
    width: 100% !important;
    padding: 28px 24px 30px !important;
  }
  .kd-game-quiz .kdq-kicker {
    max-width: 100%;
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: .085em !important;
    white-space: normal !important;
  }
  .kd-game-quiz .kdq-intro h2 {
    max-width: 100%;
    font-size: clamp(36px, 10.5vw, 48px) !important;
    line-height: 1.03 !important;
    overflow-wrap: break-word;
  }
  .kd-game-quiz .kdq-intro__lead {
    max-width: 100%;
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
  .kd-game-quiz .kdq-intro__meta {
    max-width: 100%;
    gap: 9px 14px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  .kd-game-quiz .kdq-button {
    max-width: 100%;
  }

  .kd-game-quiz .kdq-quiz {
    padding: 24px 20px 22px !important;
  }
  .kd-game-quiz .kdq-progress-row,
  .kd-game-quiz .kdq-question-wrap,
  .kd-game-quiz .kdq-options,
  .kd-game-quiz .kdq-quiz-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .kd-game-quiz .kdq-question-wrap h3 {
    font-size: clamp(31px, 8.5vw, 38px) !important;
    line-height: 1.06 !important;
  }
  .kd-game-quiz .kdq-question-hint {
    font-size: 17px !important;
    line-height: 1.48 !important;
  }
  .kd-game-quiz .kdq-step-label,
  .kd-game-quiz .kdq-link-button,
  .kd-game-quiz .kdq-quiz-nav {
    font-size: 14px !important;
  }
  .kd-game-quiz .kdq-option {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 68px !important;
    padding: 12px 13px !important;
  }
  .kd-game-quiz .kdq-option__text {
    min-width: 0 !important;
    font-size: 17px !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere;
  }
  .kd-game-quiz .kdq-options--numbers {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .kd-game-quiz .kdq-options--numbers .kdq-option {
    min-height: 70px !important;
    padding: 8px 4px !important;
  }
  .kd-game-quiz .kdq-options--numbers .kdq-option__text {
    font-size: 27px !important;
    line-height: 1 !important;
  }

  /* ---------------------------------------------------------
     2) MOBILE RESULT STRUCTURE — image, then readable black copy.
     --------------------------------------------------------- */
  .kd-game-quiz .kdq-result,
  .kdq-popup .kd-game-quiz .kdq-result--popup-full {
    padding: 16px 12px 14px !important;
  }

  .kd-game-quiz .kdq-result__header,
  .kdq-popup .kd-game-quiz .kdq-result--popup-full .kdq-result__header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: start !important;
    margin-bottom: 14px !important;
  }
  .kd-game-quiz .kdq-result__header h3 {
    font-size: clamp(35px, 9vw, 43px) !important;
    line-height: 1 !important;
  }
  .kd-game-quiz .kdq-result__header p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  .kd-game-quiz .kdq-match-badge {
    width: 72px !important;
    height: 72px !important;
  }
  .kd-game-quiz .kdq-match-badge strong {
    font-size: 25px !important;
  }
  .kd-game-quiz .kdq-match-badge small {
    font-size: 8px !important;
  }

  .kd-game-quiz .kdq-main-result {
    display: grid !important;
    grid-template-columns: 1fr !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  .kd-game-quiz .kdq-main-result__media {
    width: 100% !important;
    min-height: 310px !important;
    padding: 22px 18px 16px !important;
    background: #fff !important;
  }
  .kd-game-quiz .kdq-main-result__media img {
    width: min(76vw, 290px) !important;
    max-width: 100% !important;
    max-height: 280px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  .kd-game-quiz .kdq-main-result__content {
    width: 100% !important;
    padding: 24px 20px 26px !important;
  }
  .kd-game-quiz .kdq-label {
    margin-bottom: 10px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    letter-spacing: .105em !important;
  }
  .kd-game-quiz .kdq-main-result h4 {
    margin-bottom: 10px !important;
    font-size: clamp(34px, 9vw, 42px) !important;
    line-height: 1.02 !important;
  }
  .kd-game-quiz .kdq-result-summary {
    margin-bottom: 15px !important;
    font-size: 15.5px !important;
    line-height: 1.48 !important;
  }
  .kd-game-quiz .kdq-tags {
    gap: 7px !important;
    margin-bottom: 18px !important;
  }
  .kd-game-quiz .kdq-tag {
    min-height: 32px !important;
    padding: 6px 9px !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
  }

  .kd-game-quiz .kdq-result-details {
    display: block !important;
    margin-bottom: 16px !important;
  }
  .kd-game-quiz .kdq-reasons {
    gap: 9px !important;
    margin: 0 0 18px !important;
  }
  .kd-game-quiz .kdq-reasons li {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    gap: 9px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }
  .kd-game-quiz .kdq-reasons li::before {
    width: 21px !important;
    height: 21px !important;
    font-size: 12px !important;
  }

  /* Detective profile gets its own readable row block. */
  .kd-game-quiz .kdq-ratings {
    gap: 9px !important;
    margin: 0 0 20px !important;
    padding-top: 15px !important;
    border-top: 1px solid rgba(255,255,255,.10);
  }
  .kd-game-quiz .kdq-rating {
    display: grid !important;
    grid-template-columns: 118px auto 32px !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    font-size: 13.5px !important;
  }
  .kd-game-quiz .kdq-rating__name {
    font-size: 13.5px !important;
    line-height: 1.2 !important;
  }
  .kd-game-quiz .kdq-stars {
    gap: 2px !important;
    width: auto !important;
  }
  .kd-game-quiz .kdq-star {
    font-size: 18px !important;
  }
  .kd-game-quiz .kdq-rating__value {
    width: auto !important;
    text-align: left !important;
    font-size: 13.5px !important;
  }
  .kd-game-quiz .kdq-main-result .kdq-button {
    min-height: 48px !important;
    padding: 11px 18px !important;
    font-size: 14px !important;
  }

  /* Lead gate remains readable and in normal page flow. */
  .kd-game-quiz .kdq-lead-gate {
    padding: 18px 16px !important;
  }
  .kd-game-quiz .kdq-lead-gate__eyebrow {
    font-size: 10px !important;
  }
  .kd-game-quiz .kdq-lead-gate h4 {
    font-size: 30px !important;
    line-height: 1.02 !important;
  }
  .kd-game-quiz .kdq-lead-gate__copy > p:last-child {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  .kd-game-quiz .kdq-lead-form input[type="email"] {
    min-width: 0 !important;
    font-size: 16px !important;
  }
  .kd-game-quiz .kdq-lead-form .kdq-button {
    font-size: 14px !important;
  }
  .kd-game-quiz .kdq-consent {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  /* Alternatives / bundle cannot create horizontal overflow. */
  .kd-game-quiz .kdq-alternatives {
    grid-template-columns: 1fr !important;
  }
  .kd-game-quiz .kdq-alt-card {
    grid-template-columns: 112px minmax(0, 1fr) !important;
    width: 100% !important;
  }
  .kd-game-quiz .kdq-alt-card__image img {
    max-width: 100% !important;
  }
  .kd-game-quiz .kdq-bundle {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 380px) {
  .kd-game-quiz {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .kd-game-quiz .kdq-intro__copy,
  .kd-game-quiz .kdq-quiz {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  .kd-game-quiz .kdq-rating {
    grid-template-columns: 108px auto 30px !important;
    gap: 6px !important;
  }
  .kd-game-quiz .kdq-star {
    font-size: 17px !important;
  }
}


/* ===== v1.3.0 tuning ===== */
.kd-game-quiz .kdq-tags {
  display: none !important;
}

.kd-game-quiz .kdq-lead-gate h4 {
  max-width: 30ch;
  font-size: clamp(24px, 2.6vw, 38px) !important;
  line-height: 1.08 !important;
}
.kd-game-quiz .kdq-lead-gate h4 .kdq-promo-game {
  font-weight: 900;
}

.kd-game-quiz .kdq-alt-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  background: #f3eee7;
  color: var(--kdq-ink);
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
}

.kd-game-quiz .kdq-alt-card__body {
  gap: 0;
}

@media (max-width: 650px) {
  .kd-game-quiz .kdq-main-result__content {
    padding: 24px 22px 26px !important;
  }

  .kd-game-quiz .kdq-main-result h4 {
    margin-bottom: 12px !important;
    font-size: clamp(35px, 9.4vw, 43px) !important;
  }

  .kd-game-quiz .kdq-result-summary {
    margin-bottom: 18px !important;
    font-size: 17px !important;
    line-height: 1.52 !important;
    color: rgba(255,255,255,.78) !important;
  }

  .kd-game-quiz .kdq-reasons {
    gap: 12px !important;
    margin: 0 0 18px !important;
  }

  .kd-game-quiz .kdq-reasons li {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 12px !important;
    font-size: 17px !important;
    line-height: 1.48 !important;
    color: rgba(255,255,255,.92) !important;
  }

  .kd-game-quiz .kdq-reasons li::before {
    width: 24px !important;
    height: 24px !important;
    font-size: 14px !important;
  }

  .kd-game-quiz .kdq-ratings {
    gap: 11px !important;
    padding-top: 16px !important;
  }

  .kd-game-quiz .kdq-rating {
    grid-template-columns: minmax(118px, 1fr) auto auto !important;
    gap: 10px !important;
    font-size: 16px !important;
  }

  .kd-game-quiz .kdq-rating__name {
    font-size: 16px !important;
    color: rgba(255,255,255,.9) !important;
  }

  .kd-game-quiz .kdq-stars {
    gap: 3px !important;
  }

  .kd-game-quiz .kdq-star {
    font-size: 20px !important;
  }

  .kd-game-quiz .kdq-rating__value {
    min-width: 30px;
    font-size: 16px !important;
    text-align: left !important;
    color: rgba(255,255,255,.92) !important;
  }

  .kd-game-quiz .kdq-main-result .kdq-button {
    min-height: 54px !important;
    padding: 13px 20px !important;
    font-size: 16px !important;
  }

  .kd-game-quiz .kdq-lead-gate h4 {
    max-width: 100%;
    font-size: 24px !important;
    line-height: 1.14 !important;
  }
  .kd-game-quiz .kdq-lead-gate h4 .kdq-promo-game {
    font-weight: 900;
  }

  .kd-game-quiz .kdq-alt-card {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 14px !important;
  }
  .kd-game-quiz .kdq-alt-card__image {
    min-height: 126px !important;
  }
  .kd-game-quiz .kdq-alt-card__image img {
    height: 118px !important;
    padding: 6px !important;
  }
  .kd-game-quiz .kdq-alt-card__match {
    margin-bottom: 7px !important;
    font-size: 11px !important;
  }
  .kd-game-quiz .kdq-alt-card h5 {
    margin-bottom: 8px !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }
  .kd-game-quiz .kdq-alt-card p {
    margin-bottom: 12px !important;
    font-size: 13px !important;
    line-height: 1.38 !important;
  }
  .kd-game-quiz .kdq-alt-card__link {
    width: 100%;
    min-height: 50px;
    padding: 0 16px;
    font-size: 15px !important;
  }
}

.kd-game-quiz .kdq-lead-gate h4 .kdq-promo-prefix,
.kd-game-quiz .kdq-lead-gate h4 .kdq-promo-game { display:block; }
.kd-game-quiz .kdq-lead-gate h4 .kdq-promo-prefix { font-weight: 800; }


/* ===== v1.3.1 alternative card button layout ===== */
.kd-game-quiz .kdq-alt-card {
  grid-template-columns: 122px minmax(0, 1fr) !important;
  grid-template-areas:
    "image body"
    "link  link" !important;
  align-items: start;
}
.kd-game-quiz .kdq-alt-card__image { grid-area: image; }
.kd-game-quiz .kdq-alt-card__body {
  grid-area: body;
  justify-content: flex-start !important;
  gap: 0 !important;
  min-width: 0;
}
.kd-game-quiz .kdq-alt-card__link {
  grid-area: link;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  margin-top: 12px;
  padding: 0 18px;
  border-radius: 999px;
  background: #f3eee7;
  color: var(--kdq-ink);
  font-size: 15px !important;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.kd-game-quiz .kdq-alt-card p {
  margin-bottom: 0 !important;
}

@media (max-width: 650px) {
  .kd-game-quiz .kdq-alt-card {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    grid-template-areas:
      "image body"
      "link  link" !important;
    align-items: start;
  }
  .kd-game-quiz .kdq-alt-card__link {
    min-height: 52px;
    margin-top: 12px;
    font-size: 16px !important;
  }
}


/* ===== v1.4.1 desktop/mobile CTA corrections ===== */
/* Desktop: keep alternative-game CTA in the right column, under the description. */
@media (min-width: 651px) {
  .kd-game-quiz .kdq-alt-card {
    grid-template-columns: 122px minmax(0, 1fr) !important;
    grid-template-areas:
      "image body"
      "image link" !important;
    column-gap: 17px !important;
    row-gap: 6px !important;
    align-items: start !important;
  }
  .kd-game-quiz .kdq-alt-card__image {
    grid-area: image !important;
    align-self: stretch;
  }
  .kd-game-quiz .kdq-alt-card__body {
    grid-area: body !important;
    justify-content: center !important;
  }
  .kd-game-quiz .kdq-alt-card__link {
    grid-area: link !important;
    justify-self: start !important;
    width: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    white-space: nowrap;
  }
}

/* Mobile: keep the large full-width CTA below image + description. */
@media (max-width: 650px) {
  .kd-game-quiz .kdq-alt-card {
    grid-template-areas:
      "image body"
      "link  link" !important;
  }
}

/* 3-pack CTA must remain prominent and readable. */
.kd-game-quiz .kdq-bundle .kdq-button {
  min-height: 54px !important;
  min-width: 230px;
  padding: 0 26px !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}
@media (max-width: 650px) {
  .kd-game-quiz .kdq-bundle .kdq-button {
    width: 100%;
    min-width: 0;
    min-height: 56px !important;
    font-size: 17px !important;
  }
}


/* ===== v1.4.2 alternative-game CTA visibility ===== */
/* Only the two "Разгледай играта" CTAs are changed. The 3-pack CTA is untouched. */
.kd-game-quiz .kdq-alt-card__link {
  background: #ffffff !important;
  color: #171613 !important;
  border: 1px solid #e6ddd2 !important;
  box-shadow: 0 5px 14px rgba(42, 28, 17, .06);
}

@media (min-width: 651px) {
  .kd-game-quiz .kdq-alt-card__link {
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 650px) {
  .kd-game-quiz .kdq-alt-card__link {
    background: #ffffff !important;
    border: 1px solid #e6ddd2 !important;
  }
}

/* ============================================================
   1.4.3 — BUNDLE QUIZ MODE
   Used by [killer_dinner_quiz bundle="yes"] on the 3-pack page.
============================================================ */
.kd-game-quiz--bundle .kdq-bundle--recommended {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: end;
  background:
    radial-gradient(circle at 90% 16%, rgba(201, 40, 78, .25), transparent 30%),
    linear-gradient(130deg, #19090e, #3a101b);
}

.kd-game-quiz--bundle .kdq-bundle--recommended::after {
  content: "3";
}

.kd-game-quiz--bundle .kdq-bundle--recommended .kdq-kicker {
  margin: 0 0 6px;
  color: #f08aa1;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}

.kd-game-quiz--bundle .kdq-bundle-picks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.kd-game-quiz--bundle .kdq-bundle-pick {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
}

.kd-game-quiz--bundle .kdq-bundle-pick__image {
  display: grid;
  width: 52px;
  height: 62px;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255,255,255,.95);
}

.kd-game-quiz--bundle .kdq-bundle-pick__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.kd-game-quiz--bundle .kdq-bundle-pick span,
.kd-game-quiz--bundle .kdq-bundle-pick small {
  display: block;
  color: rgba(255,255,255,.62);
  font-size: 7px;
  font-weight: 800;
  letter-spacing: .06em;
}

.kd-game-quiz--bundle .kdq-bundle-pick strong {
  display: block;
  margin: 3px 0;
  color: #fff;
  font-size: 11px;
  line-height: 1.15;
}

.kd-game-quiz--bundle .kdq-bundle__action {
  position: relative;
  z-index: 2;
  min-width: 235px;
}

.kd-game-quiz--bundle .kdq-bundle__action .kdq-button {
  width: 100%;
  min-height: 46px;
}

.kd-game-quiz--bundle .kdq-bundle-status {
  min-height: 16px;
  margin: 7px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 9px;
  text-align: center;
}

@media (max-width: 860px) {
  .kd-game-quiz--bundle .kdq-bundle--recommended {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .kd-game-quiz--bundle .kdq-bundle-picks {
    grid-template-columns: 1fr;
  }

  .kd-game-quiz--bundle .kdq-bundle__action {
    min-width: 0;
  }
}


/* ============================================================
   1.4.5 — BUNDLE CARD IMAGE + CLEAN SUCCESS STATE
============================================================ */
/* Never show WooCommerce's injected "View cart" link inside the quiz bundle. */
.kd-game-quiz--bundle .added_to_cart.wc-forward,
.kd-game-quiz--bundle a.added_to_cart,
.kd-game-quiz--bundle .wc-forward.added_to_cart {
  display: none !important;
}

/* Give each recommended box enough breathing room so none of the packaging
   looks clipped or cramped inside the small recommendation card. */
.kd-game-quiz--bundle .kdq-bundle-pick {
  grid-template-columns: 68px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 9px !important;
}

.kd-game-quiz--bundle .kdq-bundle-pick__image {
  width: 68px !important;
  height: 76px !important;
  padding: 5px !important;
  overflow: visible !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

.kd-game-quiz--bundle .kdq-bundle-pick__image img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (max-width: 860px) {
  .kd-game-quiz--bundle .kdq-bundle-pick {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 13px !important;
    padding: 11px !important;
  }

  .kd-game-quiz--bundle .kdq-bundle-pick__image {
    width: 82px !important;
    height: 94px !important;
    padding: 6px !important;
  }
}


/* ============================================================
   1.4.7 — 4-PACK BUNDLE QUIZ
   Same quiz/scoring; only expands the bundle recommendation set
   from 3 to 4 when data-bundle-count="4".
============================================================ */
.kd-game-quiz--bundle-4 .kdq-bundle--recommended::after {
  content: "4";
}

.kd-game-quiz--bundle-4 .kdq-bundle--recommended {
  grid-template-columns: 1fr;
  align-items: stretch;
}

.kd-game-quiz--bundle-4 .kdq-bundle-picks {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
}

.kd-game-quiz--bundle-4 .kdq-bundle__action {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.kd-game-quiz--bundle-4 .kdq-bundle__action .kdq-button {
  width: auto;
  min-width: 250px;
}

.kd-game-quiz--bundle-4 .kdq-bundle-status {
  flex: 1 1 auto;
  margin: 0;
  text-align: left;
}

@media (max-width: 1180px) {
  .kd-game-quiz--bundle-4 .kdq-bundle-picks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .kd-game-quiz--bundle-4 .kdq-bundle-picks {
    grid-template-columns: 1fr;
  }

  .kd-game-quiz--bundle-4 .kdq-bundle__action {
    display: block;
  }

  .kd-game-quiz--bundle-4 .kdq-bundle__action .kdq-button {
    width: 100%;
    min-width: 0;
  }

  .kd-game-quiz--bundle-4 .kdq-bundle-status {
    margin-top: 7px;
    text-align: center;
  }
}