/* Scoped Overdosed Zodiac Test styles for Shoptet/Firebase. */
#overdosed-test-app .overdosed-zodiac-test *::before,
#overdosed-test-app .overdosed-zodiac-test *::after {
  pointer-events: none;
}

#overdosed-test-app .overdosed-zodiac-test {
    --odz-bg: #0a0911;
    --odz-bg-2: #11101a;
    --odz-panel: rgba(20, 18, 30, 0.82);
    --odz-panel-strong: rgba(27, 24, 40, 0.92);
    --odz-card: rgba(255, 255, 255, 0.055);
    --odz-card-hover: rgba(255, 255, 255, 0.08);
    --odz-text: #f4f1f8;
    --odz-muted: rgba(233, 228, 239, 0.76);
    --odz-soft-muted: rgba(233, 228, 239, 0.56);
    --odz-line: rgba(192, 180, 208, 0.16);
    --odz-line-strong: rgba(192, 180, 208, 0.28);
    --odz-plum: #8e6f97;
    --odz-violet: #70638a;
    --odz-moon: #d9d2e3;
    --odz-teal-soft: #8eb8be;
    --odz-accent: #b9a3c8;
    --odz-gold-soft: #c9b489;
    --odz-radius-xl: 32px;
    --odz-radius-lg: 24px;
    --odz-radius-md: 18px;
    --odz-radius-sm: 14px;
    --odz-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
    --odz-gradient: linear-gradient(135deg, #675975, #7b7296 48%, #8aa8b2 100%);
    box-sizing: border-box;
    isolation: isolate;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 28px 0;
    padding: clamp(18px, 3.1vw, 42px);
    color: var(--odz-text);
    font-family: inherit;
    background:
      radial-gradient(circle at 12% 7%, rgba(142, 111, 151, 0.18), transparent 28%),
      radial-gradient(circle at 90% 10%, rgba(142, 184, 190, 0.12), transparent 24%),
      linear-gradient(145deg, #0a0911 0%, #11101a 48%, #151222 100%);
    border: 1px solid rgba(192, 180, 208, 0.18);
    border-radius: var(--odz-radius-xl);
    box-shadow: var(--odz-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  #overdosed-test-app .overdosed-zodiac-test::before,
  #overdosed-test-app .overdosed-zodiac-test::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
  }

  #overdosed-test-app .overdosed-zodiac-test::before {
    width: 540px;
    height: 540px;
    top: -280px;
    right: -160px;
    background: radial-gradient(circle, rgba(185, 163, 200, 0.16) 0%, rgba(142, 184, 190, 0.08) 42%, transparent 70%);
    border-radius: 50%;
    filter: blur(22px);
    opacity: 0.75;
  }

  #overdosed-test-app .overdosed-zodiac-test::after {
    inset: 0;
    background-image:
      radial-gradient(circle, rgba(255, 255, 255, 0.24) 0 1px, transparent 1.6px);
    background-size: 90px 90px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.85), transparent 72%);
    opacity: 0.16;
  }

  #overdosed-test-app .overdosed-zodiac-test,
  #overdosed-test-app .overdosed-zodiac-test *,
  #overdosed-test-app .overdosed-zodiac-test *::before,
  #overdosed-test-app .overdosed-zodiac-test *::after {
    box-sizing: border-box;
    min-width: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test [hidden] {
    display: none !important;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(250px, 0.7fr);
    gap: clamp(18px, 3vw, 28px);
    align-items: stretch;
    margin-bottom: 20px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test .odz-info,
  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell,
  #overdosed-test-app .overdosed-zodiac-test .odz-result,
  #overdosed-test-app .overdosed-zodiac-test .odz-disclaimer,
  #overdosed-test-app .overdosed-zodiac-test .odz-article {
    position: relative;
    border: 1px solid var(--odz-line);
    border-radius: var(--odz-radius-lg);
    background: var(--odz-panel);
    backdrop-filter: blur(18px) saturate(1.08);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
    box-shadow:
      0 18px 45px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell,
  #overdosed-test-app .overdosed-zodiac-test .odz-result,
  #overdosed-test-app .overdosed-zodiac-test .odz-article {
    overflow: hidden;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-result::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-article::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(185, 163, 200, 0.34), transparent 40%, rgba(142, 184, 190, 0.22) 82%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.6;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy {
    padding: clamp(26px, 5vw, 56px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy::after {
    content: "✦";
    position: absolute;
    right: clamp(18px, 4vw, 40px);
    top: clamp(18px, 4vw, 36px);
    color: rgba(255, 255, 255, 0.1);
    font-size: clamp(44px, 7vw, 92px);
    line-height: 1;
    pointer-events: none;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    margin: 0 0 16px;
    padding: 8px 12px;
    color: #efeaf4;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(210, 201, 221, 0.18);
    border-radius: 999px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-kicker::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--odz-gradient);
    opacity: 0.9;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__title {
    max-width: 820px;
    margin: 0;
    color: #fbf9fd;
    font-size: clamp(40px, 6.4vw, 80px);
    line-height: 0.96;
    font-weight: 950;
    letter-spacing: -0.06em;
    text-wrap: balance;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__text {
    max-width: 760px;
    margin: 22px 0 0;
    color: var(--odz-muted);
    font-size: clamp(16px, 1.6vw, 19px);
    line-height: 1.72;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual {
    min-height: 340px;
    padding: clamp(20px, 3vw, 28px);
    display: grid;
    gap: 12px;
    align-content: center;
    pointer-events: none;
    background:
      radial-gradient(circle at 24% 18%, rgba(142, 111, 151, 0.14), transparent 28%),
      linear-gradient(145deg, rgba(26, 22, 38, 0.92), rgba(18, 16, 28, 0.8));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background:
      repeating-conic-gradient(from 8deg, rgba(255,255,255,0.08) 0deg 1deg, transparent 1deg 16deg),
      radial-gradient(circle, transparent 0 38%, rgba(255,255,255,0.05) 39% 40%, transparent 41% 100%);
    border-radius: 50%;
    opacity: 0.14;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__trait {
    position: relative;
    z-index: 1;
    display: block;
    padding: 14px 16px;
    color: #f7f4fb;
    font-size: clamp(26px, 3.8vw, 40px);
    line-height: 0.92;
    font-weight: 950;
    letter-spacing: -0.045em;
    text-transform: uppercase;
    border: 1px solid rgba(210, 201, 221, 0.14);
    border-radius: var(--odz-radius-md);
    background: rgba(255, 255, 255, 0.05);
    transform: rotate(-1deg);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__trait:nth-of-type(even) {
    transform: rotate(1deg) translateX(8px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__label,
  #overdosed-test-app .overdosed-zodiac-test .odz-hero__note {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--odz-soft-muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    margin: 0;
    min-height: 50px;
    padding: 14px 22px;
    color: #ffffff;
    font: inherit;
    font-weight: 900;
    line-height: 1.18;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      background 0.18s ease,
      box-shadow 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn:hover,
  #overdosed-test-app .overdosed-zodiac-test .odz-btn:focus-visible {
    transform: translateY(-2px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn:focus-visible,
  #overdosed-test-app .overdosed-zodiac-test .odz-answer:focus-visible {
    outline: 3px solid rgba(185, 163, 200, 0.34);
    outline-offset: 3px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn--primary {
    margin-top: 28px;
    background: var(--odz-gradient);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.25);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn--secondary {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--odz-line-strong);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn--ghost {
    min-height: 42px;
    padding: 10px 16px;
    color: var(--odz-muted);
    background: rgba(255, 255, 255, 0.03);
    border-color: var(--odz-line);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn--ghost:disabled {
    opacity: 0.42;
    cursor: not-allowed;
    transform: none;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info {
    margin-bottom: 20px;
    padding: clamp(18px, 2.6vw, 26px);
    color: #ffffff;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.03)),
      rgba(16, 14, 24, 0.82);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-section-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(27px, 3.2vw, 40px);
    line-height: 1.04;
    font-weight: 950;
    letter-spacing: -0.045em;
    text-wrap: balance;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info__title {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(19px, 2vw, 24px);
    line-height: 1.16;
    font-weight: 950;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info__item {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 4px;
    align-items: start;
    min-height: 112px;
    padding: 16px;
    border: 1px solid var(--odz-line);
    border-radius: var(--odz-radius-md);
    background: rgba(255, 255, 255, 0.035);
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info__item:hover {
    transform: translateY(-2px);
    border-color: rgba(185, 163, 200, 0.26);
    background: rgba(255, 255, 255, 0.05);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info__number {
    grid-row: span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #18141f;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--odz-moon), var(--odz-teal-soft));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info__item-title {
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.22;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-info__item-text {
    margin: 0;
    color: var(--odz-muted);
    font-size: 13px;
    line-height: 1.52;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell,
  #overdosed-test-app .overdosed-zodiac-test .odz-result {
    margin: 20px 0;
    padding: clamp(20px, 3.4vw, 34px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-progress {
    height: 12px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.22);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-progress__bar {
    display: block;
    width: 0;
    height: 100%;
    background: var(--odz-gradient);
    border-radius: inherit;
    transition: width 0.25s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin: 18px 0 12px;
    color: var(--odz-soft-muted);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-question__title {
    max-width: 920px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(28px, 4vw, 48px);
    line-height: 1.03;
    font-weight: 950;
    letter-spacing: -0.05em;
    text-wrap: balance;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answers {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    margin: 0;
    min-height: 68px;
    padding: 17px 18px;
    color: #ffffff;
    font: inherit;
    font-weight: 900;
    text-align: left;
    overflow-wrap: break-word;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid var(--odz-line);
    border-radius: var(--odz-radius-md);
    cursor: pointer;
    transition:
      transform 0.18s ease,
      background 0.18s ease,
      border-color 0.18s ease,
      box-shadow 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answer::after {
    content: "";
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 4px rgba(16, 14, 24, 0.72);
    transition: background 0.18s ease, transform 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answer:hover,
  #overdosed-test-app .overdosed-zodiac-test .odz-answer.is-selected {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(185, 163, 200, 0.28);
    box-shadow: 0 12px 26px rgba(0,0,0,0.18);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answer.is-selected::after {
    background: linear-gradient(135deg, var(--odz-accent), var(--odz-teal-soft));
    transform: scale(1.06);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-grid {
    display: grid;
    grid-template-columns: minmax(220px, 0.39fr) minmax(0, 0.61fr);
    gap: clamp(18px, 3vw, 32px);
    align-items: start;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-media {
    position: sticky;
    top: 18px;
    overflow: hidden;
    min-height: 340px;
    border: 1px solid var(--odz-line-strong);
    border-radius: var(--odz-radius-lg);
    background:
      radial-gradient(circle at 28% 18%, rgba(142, 111, 151, 0.16), transparent 30%),
      rgba(255, 255, 255, 0.04);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: contain;
    background: transparent;
    filter: drop-shadow(0 20px 28px rgba(0, 0, 0, 0.34));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-fallback {
    display: grid;
    min-height: 340px;
    place-items: center;
    padding: 24px;
    color: #ffffff;
    font-size: clamp(42px, 7vw, 80px);
    font-weight: 950;
    line-height: 0.95;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(34px, 4.8vw, 60px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.055em;
    text-wrap: balance;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-horoscope {
    margin: 14px 0 0;
    color: var(--odz-muted);
    font-size: 16px;
    line-height: 1.72;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid {
    position: relative;
    margin: 22px 0 0;
    padding: clamp(18px, 2.4vw, 26px);
    border: 1px solid rgba(192, 180, 208, 0.18);
    border-radius: var(--odz-radius-lg);
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255,255,255,0.03)),
      rgba(255, 255, 255, 0.03);
    box-shadow: 0 18px 40px rgba(0,0,0,0.18);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-card-label {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 9px;
    padding: 6px 9px;
    color: #e6deee;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(210, 201, 221, 0.14);
    border-radius: 999px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-card-title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(19px, 2vw, 24px);
    line-height: 1.15;
    font-weight: 950;
    letter-spacing: -0.025em;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-card-text {
    margin: 9px 0 0;
    color: var(--odz-muted);
    font-size: 14px;
    line-height: 1.62;
  }

#overdosed-test-app .overdosed-zodiac-test .odz-liquid-media {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 158px;
  margin: 14px 0;
  padding: 12px;
  overflow: hidden;
  border: 0;
  border-radius: var(--odz-radius-md);
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.13), transparent 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

  #overdosed-test-app .overdosed-zodiac-test .odz-liquid-link {
    display: block;
    color: inherit;
    text-decoration: none;
    border-radius: var(--odz-radius-md);
    -webkit-tap-highlight-color: transparent;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-liquid-link:focus-visible,
  #overdosed-test-app .overdosed-zodiac-test .odz-product-link:focus-visible {
    outline: 3px solid rgba(185, 163, 200, 0.34);
    outline-offset: 3px;
  }

#overdosed-test-app .overdosed-zodiac-test .odz-liquid-image {
  display: block;
  width: auto;
  max-width: min(72%, 260px);
  height: 128px;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 18px;
  filter: none;
  transition: transform 0.2s ease;
}

  #overdosed-test-app .overdosed-zodiac-test .odz-liquid-link:hover .odz-liquid-image {
    transform: translateY(-2px);
  }

#overdosed-test-app .overdosed-zodiac-test .odz-liquid-fallback {
  display: grid;
  width: min(72%, 260px);
  min-height: 128px;
  place-items: center;
  padding: 16px;
  color: #17141f;
    font-size: 17px;
    font-weight: 950;
    line-height: 1.2;
    text-align: center;
    background: #ffffff;
    border-radius: var(--odz-radius-md);
  }

#overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-media,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-media {
  min-height: 120px;
  padding: 10px;
}

#overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-image,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-image,
#overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-fallback,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-fallback {
  height: 98px;
  min-height: 98px;
  max-width: min(66%, 220px);
}

  #overdosed-test-app .overdosed-zodiac-test .odz-product-link {
    color: #f4f1f8;
    font-weight: 950;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-product-link:hover {
    color: #ffffff;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alt-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 12px 0 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alt-card,
  #overdosed-test-app .overdosed-zodiac-test .odz-profile,
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card {
    padding: 18px;
    border: 1px solid var(--odz-line);
    border-radius: var(--odz-radius-md);
    background: rgba(255, 255, 255, 0.04);
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alt-card:hover,
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card:hover {
    transform: translateY(-2px);
    border-color: rgba(185, 163, 200, 0.26);
    background: rgba(255, 255, 255, 0.055);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-profile {
    margin: 14px 0 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-profile-title {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 950;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-chip {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    color: #f2ecf6;
    font-size: 13px;
    font-weight: 900;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(210, 201, 221, 0.16);
    border-radius: 999px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 12px 0 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tag {
    padding: 6px 9px;
    color: #1d1726;
    font-size: 12px;
    font-weight: 950;
    background: linear-gradient(135deg, #b7cbd0, #d9d2e3);
    border-radius: 999px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin: 22px 0 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-article {
    margin: 26px 0 0;
    padding: clamp(20px, 3vw, 30px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-section-head__copy {
    min-width: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-section-head__actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    max-width: 100%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-toggle {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    min-height: 46px;
    margin: 0;
    padding: 12px 16px;
    color: #ffffff;
    font: inherit;
    font-size: 14px;
    font-weight: 950;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
    appearance: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--odz-line-strong);
    border-radius: 999px;
    cursor: pointer;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-toggle:hover,
  #overdosed-test-app .overdosed-zodiac-test .odz-toggle:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(185, 163, 200, 0.32);
    background: rgba(255, 255, 255, 0.07);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-toggle:focus-visible {
    outline: 3px solid rgba(185, 163, 200, 0.34);
    outline-offset: 3px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-toggle--home {
    color: var(--odz-muted);
    background: rgba(255, 255, 255, 0.025);
    border-color: var(--odz-line);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-toggle__icon {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
    transition: transform 0.18s ease;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-toggle[aria-expanded="true"] .odz-toggle__icon {
    transform: rotate(225deg) translateY(-1px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-panel {
    margin-top: 16px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card {
    min-height: 230px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-note {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-top: 12px;
    padding: 6px 9px;
    color: #1d1726;
    font-size: 12px;
    font-weight: 950;
    background: linear-gradient(135deg, #c9b489, #d9d2e3);
    border-radius: 999px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-disclaimer {
    margin: 20px 0 0;
    padding: 16px 18px;
    color: var(--odz-soft-muted);
    font-size: 13px;
    line-height: 1.65;
    background: rgba(255, 255, 255, 0.035);
  }

  @media (max-width: 980px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test {
      padding: 14px;
      margin: 18px 0;
      border-radius: 26px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero,
    #overdosed-test-app .overdosed-zodiac-test .odz-result-grid {
      grid-template-columns: 1fr;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual,
    #overdosed-test-app .overdosed-zodiac-test .odz-info,
    #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell,
    #overdosed-test-app .overdosed-zodiac-test .odz-result,
    #overdosed-test-app .overdosed-zodiac-test .odz-article,
    #overdosed-test-app .overdosed-zodiac-test .odz-disclaimer {
      border-radius: 22px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__title {
      font-size: clamp(36px, 11vw, 54px);
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__text {
      font-size: 15px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual {
      min-height: auto;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__trait {
      font-size: 28px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-section-title {
      font-size: 28px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-info__grid,
    #overdosed-test-app .overdosed-zodiac-test .odz-answers,
    #overdosed-test-app .overdosed-zodiac-test .odz-alt-grid,
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-grid {
      grid-template-columns: 1fr;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-info__item {
      min-height: auto;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-question__title {
      font-size: 29px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-media {
      position: relative;
      top: auto;
      min-height: 300px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-image,
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-fallback {
      min-height: 300px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-result-title {
      font-size: 34px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-answer {
      min-height: 58px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-result-actions .odz-btn {
      width: 100%;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-section-head {
      align-items: stretch;
      flex-direction: column;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-section-head__actions {
      width: 100%;
      justify-content: stretch;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-toggle {
      width: 100%;
    }
  }

  @media (max-width: 420px) {
    #overdosed-test-app .overdosed-zodiac-test {
      padding: 10px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell,
    #overdosed-test-app .overdosed-zodiac-test .odz-result,
    #overdosed-test-app .overdosed-zodiac-test .odz-article {
      padding: 18px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__title {
      font-size: 34px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-question__title {
      font-size: 26px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-answer {
      padding: 14px 15px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-liquid-media,
    #overdosed-test-app .overdosed-zodiac-test .odz-liquid-image,
    #overdosed-test-app .overdosed-zodiac-test .odz-liquid-fallback {
      min-height: 130px;
      height: 130px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #overdosed-test-app .overdosed-zodiac-test .odz-btn,
    #overdosed-test-app .overdosed-zodiac-test .odz-answer,
    #overdosed-test-app .overdosed-zodiac-test .odz-progress__bar,
    #overdosed-test-app .overdosed-zodiac-test .odz-toggle,
    #overdosed-test-app .overdosed-zodiac-test .odz-toggle__icon,
    #overdosed-test-app .overdosed-zodiac-test .odz-liquid-image,
    #overdosed-test-app .overdosed-zodiac-test .odz-info__item,
    #overdosed-test-app .overdosed-zodiac-test .odz-alt-card,
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card {
      transition: none;
    }
  }

  /* Deluxe landing-page layer */
  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    gap: 16px;
    min-height: 100%;
    padding: clamp(18px, 3vw, 28px);
    text-align: center;
    border: 1px solid rgba(210, 201, 221, 0.16);
    border-radius: 28px;
    background:
      radial-gradient(circle at 50% 28%, rgba(185, 163, 200, 0.16), transparent 32%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card__eyebrow,
  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card__note {
    color: var(--odz-soft-muted);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.13em;
    text-transform: uppercase;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card__title {
    max-width: 280px;
    color: #ffffff;
    font-size: clamp(23px, 3vw, 34px);
    font-weight: 950;
    line-height: 1.02;
    letter-spacing: -0.045em;
    text-wrap: balance;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb {
    position: relative;
    width: min(260px, 72vw);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 50%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring {
    position: absolute;
    inset: 10%;
    border: 1px solid rgba(217, 210, 227, 0.20);
    border-radius: 50%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring:first-child {
    inset: 0;
    background:
      repeating-conic-gradient(from 0deg, rgba(217, 210, 227, 0.18) 0deg 1deg, transparent 1deg 14deg);
    -webkit-mask: radial-gradient(circle, transparent 0 64%, #000 65% 66%, transparent 67%);
    mask: radial-gradient(circle, transparent 0 64%, #000 65% 66%, transparent 67%);
    animation: odz-orb-spin 42s linear infinite;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring:nth-child(2) {
    inset: 17%;
    border-color: rgba(142, 184, 190, 0.22);
    animation: odz-orb-spin 56s linear infinite reverse;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core {
    width: 42%;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    color: #1d1726;
    font-size: clamp(36px, 5vw, 54px);
    border-radius: 50%;
    background:
      radial-gradient(circle at 35% 28%, #ffffff, #d9d2e3 54%, #8eb8be 100%);
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign {
    position: absolute;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: rgba(244, 241, 248, 0.86);
    font-size: 20px;
    border: 1px solid rgba(210, 201, 221, 0.16);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.045);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--a { top: 6%; left: 50%; transform: translateX(-50%); }
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--b { right: 8%; top: 50%; transform: translateY(-50%); }
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--c { bottom: 6%; left: 50%; transform: translateX(-50%); }
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--d { left: 8%; top: 50%; transform: translateY(-50%); }

  #overdosed-test-app .overdosed-zodiac-test .odz-question.is-entering {
    animation: odz-question-in 0.28s ease both;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answers.is-entering {
    animation: odz-answers-in 0.32s ease both;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-progress__bar {
    position: relative;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-progress__bar::after {
    content: "";
    position: absolute;
    inset: -4px 0;
    background: rgba(255, 255, 255, 0.24);
    filter: blur(8px);
    opacity: 0.28;
    animation: odz-progress-pulse 1.8s ease-in-out infinite;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 18px 0 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-pill {
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(210, 201, 221, 0.14);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-pill span,
  #overdosed-test-app .overdosed-zodiac-test .odz-mini-section-head small {
    display: block;
    color: var(--odz-soft-muted);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-pill strong {
    display: block;
    margin-top: 6px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 950;
    line-height: 1.16;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-premium-result-card {
    display: grid;
    gap: 14px;
    margin-top: 18px;
    padding: clamp(14px, 2vw, 18px);
    border: 1px solid rgba(210, 201, 221, 0.13);
    border-radius: 24px;
    background:
      radial-gradient(circle at 8% 0%, rgba(185, 163, 200, 0.1), transparent 32%),
      rgba(255, 255, 255, 0.03);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-premium-result-card__copy {
    padding: 4px 2px 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alternatives-section {
    margin-top: 16px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-mini-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-mini-section-head span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -0.02em;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-mini-section-head small {
    max-width: 280px;
    text-align: right;
    letter-spacing: 0.04em;
    text-transform: none;
  }

  @keyframes odz-orb-spin {
    to { transform: rotate(360deg); }
  }

  @keyframes odz-question-in {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes odz-answers-in {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes odz-progress-pulse {
    0%, 100% { opacity: 0.16; }
    50% { opacity: 0.38; }
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-result-summary {
      grid-template-columns: 1fr;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-mini-section-head {
      align-items: start;
      flex-direction: column;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-mini-section-head small {
      text-align: left;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb {
      width: min(230px, 74vw);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring,
    #overdosed-test-app .overdosed-zodiac-test .odz-question.is-entering,
    #overdosed-test-app .overdosed-zodiac-test .odz-answers.is-entering,
    #overdosed-test-app .overdosed-zodiac-test .odz-progress__bar::after {
      animation: none;
    }
  }

/* v9 curiosity + tarot zodiac upgrade */
  #overdosed-test-app .overdosed-zodiac-test .odz-hero__title {
    max-width: 920px;
    font-size: clamp(46px, 6.4vw, 88px);
    line-height: 0.92;
    text-shadow:
      0 0 26px rgba(183, 132, 255, 0.22),
      0 0 52px rgba(113, 209, 255, 0.10);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__text {
    max-width: 780px;
    font-size: clamp(16px, 1.45vw, 21px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser,
  #overdosed-test-app .overdosed-zodiac-test .odz-preview {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--odz-line);
    border-radius: var(--odz-radius-lg);
    background:
      radial-gradient(circle at 8% 0%, rgba(183, 132, 255, 0.13), transparent 30%),
      radial-gradient(circle at 92% 100%, rgba(113, 209, 255, 0.09), transparent 26%),
      rgba(255, 255, 255, 0.04);
    box-shadow:
      0 18px 45px rgba(0, 0, 0, 0.22),
      0 0 34px rgba(144, 122, 255, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(18px) saturate(1.08);
    -webkit-backdrop-filter: blur(18px) saturate(1.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser {
    display: grid;
    grid-template-columns: minmax(0, 0.46fr) minmax(0, 1fr);
    gap: clamp(12px, 2vw, 22px);
    align-items: center;
    margin: 0 0 16px;
    padding: clamp(16px, 2.4vw, 26px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser__eyebrow,
  #overdosed-test-app .overdosed-zodiac-test .odz-preview__eyebrow,
  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__eyebrow,
  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid-label {
    display: inline-flex;
    width: fit-content;
    color: rgba(245, 239, 255, 0.72);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser__eyebrow {
    padding: 9px 11px;
    color: #f5efff;
    background:
      linear-gradient(135deg, rgba(183, 132, 255, 0.18), rgba(113, 209, 255, 0.08)),
      rgba(255,255,255,0.05);
    border: 1px solid rgba(210, 201, 221, 0.16);
    border-radius: 999px;
    box-shadow: 0 0 22px rgba(144, 122, 255, 0.10);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser__title,
  #overdosed-test-app .overdosed-zodiac-test .odz-preview__title {
    margin: 0;
    color: #ffffff;
    font-weight: 950;
    letter-spacing: -0.045em;
    text-wrap: balance;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser__title {
    font-size: clamp(26px, 3vw, 42px);
    line-height: 0.98;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser__text {
    margin: 10px 0 0;
    color: var(--odz-muted);
    font-size: 15px;
    line-height: 1.62;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview {
    display: grid;
    grid-template-columns: minmax(210px, 0.34fr) minmax(0, 0.66fr);
    gap: clamp(14px, 2.4vw, 26px);
    align-items: stretch;
    margin: 0 0 16px;
    padding: clamp(16px, 2.2vw, 24px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__head {
    display: grid;
    align-content: center;
    gap: 10px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__title {
    font-size: clamp(24px, 2.6vw, 36px);
    line-height: 1;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__item {
    min-height: 138px;
    padding: 15px;
    border: 1px solid rgba(210, 201, 221, 0.14);
    border-radius: var(--odz-radius-md);
    background:
      linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.025)),
      rgba(255,255,255,0.03);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__number {
    display: block;
    margin-bottom: 18px;
    color: #b483ff;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.1em;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__item-title {
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.18;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__item-text {
    margin: 8px 0 0;
    color: var(--odz-muted);
    font-size: 13px;
    line-height: 1.5;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin: 18px 0 0;
    padding: clamp(16px, 2.4vw, 24px);
    border: 1px solid rgba(210, 201, 221, 0.18);
    border-radius: var(--odz-radius-lg);
    background:
      radial-gradient(circle at 12% 18%, rgba(180, 131, 255, 0.22), transparent 32%),
      radial-gradient(circle at 90% 90%, rgba(113, 209, 255, 0.11), transparent 28%),
      linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.035));
    box-shadow:
      0 18px 42px rgba(0,0,0,0.22),
      0 0 30px rgba(144, 122, 255, 0.10);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__symbol {
    display: grid;
    width: clamp(62px, 8vw, 88px);
    aspect-ratio: 1;
    place-items: center;
    color: #171229;
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 950;
    border-radius: 50%;
    background:
      radial-gradient(circle at 36% 28%, #ffffff, #ece7f8 48%, #b9dfff 100%);
    box-shadow:
      0 0 28px rgba(183, 132, 255, 0.26),
      0 0 44px rgba(113, 209, 255, 0.15);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__title {
    margin: 7px 0 0;
    color: #ffffff;
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: -0.045em;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__text {
    margin: 10px 0 0;
    color: var(--odz-muted);
    font-size: 15px;
    line-height: 1.65;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__meta span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 6px 9px;
    color: #f4f1f8;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid rgba(210, 201, 221, 0.15);
    border-radius: 999px;
    background: rgba(255,255,255,0.045);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    border-radius: 22px;
    background:
      radial-gradient(circle at 12% 0%, rgba(183, 132, 255, 0.14), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.028)),
      rgba(12, 10, 24, 0.86);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card::before {
    content: "";
    position: absolute;
    inset: 10px;
    pointer-events: none;
    border: 1px solid rgba(210, 201, 221, 0.10);
    border-radius: 18px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__symbol {
    display: grid;
    width: 52px;
    aspect-ratio: 1;
    place-items: center;
    color: #171229;
    font-size: 27px;
    font-weight: 950;
    border-radius: 50%;
    background:
      radial-gradient(circle at 35% 25%, #ffffff, #e9e3f4 52%, #a9d8f4 100%);
    box-shadow: 0 0 24px rgba(183, 132, 255, 0.18);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__sign {
    color: rgba(245, 239, 255, 0.62);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__body {
    position: relative;
    z-index: 1;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(96px, 0.45fr) minmax(0, 0.55fr);
    gap: 12px;
    align-items: center;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(210, 201, 221, 0.12);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-media {
    margin: 0;
    min-height: 104px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-fallback {
    height: 104px;
    min-height: 104px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid strong,
  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid small {
    display: block;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid strong {
    margin-top: 7px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.15;
    font-weight: 950;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid small {
    margin-top: 7px;
    color: var(--odz-soft-muted);
    font-size: 12px;
    line-height: 1.35;
  }

  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-magazine-teaser,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-magazine-teaser,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-magazine-teaser,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-preview,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-preview,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-preview {
    display: none;
  }

  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test {
      grid-template-rows: auto auto auto auto auto auto;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-card {
      padding: 20px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-card-text {
      font-size: 13px;
      line-height: 1.58;
    }
  }

  @media (max-width: 1039px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser,
    #overdosed-test-app .overdosed-zodiac-test .odz-preview {
      margin-bottom: 14px;
    }
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-hero__title {
      font-size: clamp(38px, 11vw, 56px);
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-magazine-teaser,
    #overdosed-test-app .overdosed-zodiac-test .odz-preview,
    #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary,
    #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid {
      grid-template-columns: 1fr;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-preview__grid {
      grid-template-columns: 1fr;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-preview__item {
      min-height: auto;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__symbol {
      width: 68px;
    }
  }

/* Neon cosmic upgrade v4 */
  #overdosed-test-app .overdosed-zodiac-test {
    background:
      radial-gradient(circle at 16% 10%, rgba(188, 130, 255, 0.18), transparent 24%),
      radial-gradient(circle at 84% 16%, rgba(113, 209, 255, 0.16), transparent 22%),
      radial-gradient(circle at 52% 102%, rgba(154, 238, 255, 0.12), transparent 28%),
      linear-gradient(145deg, #080813 0%, #0d0c1d 38%, #14112a 100%);
  }

  #overdosed-test-app .overdosed-zodiac-test::before {
    width: 620px;
    height: 620px;
    top: -300px;
    right: -140px;
    background:
      radial-gradient(circle, rgba(187, 131, 255, 0.26) 0%, rgba(113, 209, 255, 0.16) 36%, transparent 68%);
    filter: blur(26px);
    opacity: 0.92;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test .odz-info,
  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell,
  #overdosed-test-app .overdosed-zodiac-test .odz-result,
  #overdosed-test-app .overdosed-zodiac-test .odz-article,
  #overdosed-test-app .overdosed-zodiac-test .odz-disclaimer {
    box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.26),
      0 0 0 1px rgba(255,255,255,0.025),
      0 0 34px rgba(144, 122, 255, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-result::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-article::before {
    background: linear-gradient(
      135deg,
      rgba(201, 170, 255, 0.54),
      transparent 34%,
      rgba(135, 220, 255, 0.36) 72%,
      rgba(214, 228, 255, 0.16)
    );
    opacity: 0.82;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-kicker {
    background:
      linear-gradient(135deg, rgba(186, 132, 255, 0.18), rgba(120, 199, 255, 0.08)),
      rgba(255,255,255,0.05);
    border-color: rgba(202, 186, 231, 0.22);
    box-shadow: 0 0 22px rgba(144, 122, 255, 0.12);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__title {
    text-shadow:
      0 0 22px rgba(186, 132, 255, 0.14),
      0 0 36px rgba(119, 206, 255, 0.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual {
    background:
      radial-gradient(circle at 50% 0%, rgba(197, 146, 255, 0.18), transparent 26%),
      radial-gradient(circle at 80% 78%, rgba(113, 209, 255, 0.12), transparent 22%),
      linear-gradient(145deg, rgba(23, 18, 39, 0.96), rgba(16, 14, 31, 0.88));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card {
    background:
      radial-gradient(circle at 50% 22%, rgba(183, 132, 255, 0.20), transparent 30%),
      radial-gradient(circle at 50% 100%, rgba(113, 209, 255, 0.12), transparent 28%),
      linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.06),
      0 0 34px rgba(151, 124, 255, 0.10);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card__title {
    text-shadow:
      0 0 16px rgba(186, 132, 255, 0.16),
      0 0 32px rgba(113, 209, 255, 0.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb {
    filter: drop-shadow(0 0 16px rgba(182, 142, 255, 0.18));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb::before {
    content: "";
    position: absolute;
    inset: -14%;
    border-radius: 50%;
    background:
      radial-gradient(circle, rgba(191, 142, 255, 0.20) 0%, rgba(113, 209, 255, 0.10) 42%, transparent 66%);
    filter: blur(22px);
    opacity: 0.92;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb::after {
    content: "";
    position: absolute;
    inset: 6%;
    border-radius: 50%;
    background:
      repeating-conic-gradient(
        from 0deg,
        rgba(255,255,255,0.18) 0deg 1.1deg,
        transparent 1.1deg 14deg
      );
    -webkit-mask: radial-gradient(circle, transparent 0 71%, #000 72% 73%, transparent 74%);
    mask: radial-gradient(circle, transparent 0 71%, #000 72% 73%, transparent 74%);
    opacity: 0.48;
    animation: odz-orb-spin 36s linear infinite reverse;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring {
    box-shadow:
      0 0 22px rgba(183, 132, 255, 0.12),
      inset 0 0 18px rgba(113, 209, 255, 0.06);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring:first-child {
    background:
      repeating-conic-gradient(from 0deg, rgba(234, 224, 255, 0.26) 0deg 1deg, transparent 1deg 14deg);
    opacity: 0.95;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring:nth-child(2) {
    border-color: rgba(120, 199, 255, 0.28);
    box-shadow:
      0 0 18px rgba(113, 209, 255, 0.12),
      inset 0 0 24px rgba(186, 132, 255, 0.06);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core {
    color: #1b1630;
    background:
      radial-gradient(circle at 36% 28%, #ffffff, #ede9f5 48%, #cddcf0 78%, #9fd6ef 100%);
    box-shadow:
      0 0 34px rgba(229, 218, 255, 0.28),
      0 0 60px rgba(141, 205, 255, 0.14),
      0 18px 48px rgba(0, 0, 0, 0.24);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign {
    color: rgba(248, 245, 255, 0.94);
    border-color: rgba(214, 198, 241, 0.24);
    background:
      linear-gradient(135deg, rgba(153, 104, 255, 0.66), rgba(121, 194, 255, 0.28)),
      rgba(255,255,255,0.06);
    box-shadow:
      0 0 18px rgba(153, 104, 255, 0.20),
      0 0 28px rgba(121, 194, 255, 0.08),
      inset 0 1px 0 rgba(255,255,255,0.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn--primary {
    background: linear-gradient(135deg, #9361ff 0%, #7768ff 36%, #75c6ff 100%);
    box-shadow:
      0 18px 42px rgba(0, 0, 0, 0.26),
      0 0 28px rgba(147, 97, 255, 0.22),
      0 0 42px rgba(117, 198, 255, 0.10);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn--secondary,
  #overdosed-test-app .overdosed-zodiac-test .odz-btn--ghost,
  #overdosed-test-app .overdosed-zodiac-test .odz-toggle {
    background:
      linear-gradient(135deg, rgba(187, 131, 255, 0.10), rgba(113, 209, 255, 0.06)),
      rgba(255,255,255,0.04);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-progress {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04)),
      rgba(255,255,255,0.04);
    box-shadow:
      inset 0 2px 8px rgba(0, 0, 0, 0.22),
      0 0 16px rgba(144, 122, 255, 0.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-progress__bar {
    background: linear-gradient(90deg, #8f63ff 0%, #a87aff 34%, #74c8ff 100%);
    box-shadow:
      0 0 14px rgba(145, 99, 255, 0.28),
      0 0 24px rgba(116, 200, 255, 0.18);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-progress__bar::after {
    background: rgba(255,255,255,0.28);
    opacity: 0.42;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answer:hover,
  #overdosed-test-app .overdosed-zodiac-test .odz-answer.is-selected {
    border-color: rgba(183, 132, 255, 0.34);
    background:
      linear-gradient(135deg, rgba(183, 132, 255, 0.13), rgba(113, 209, 255, 0.07)),
      rgba(255,255,255,0.06);
    box-shadow:
      0 12px 26px rgba(0,0,0,0.18),
      0 0 20px rgba(183, 132, 255, 0.10);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answer.is-selected::after {
    background: linear-gradient(135deg, #b483ff, #79c7ff);
    box-shadow:
      0 0 14px rgba(180, 131, 255, 0.24),
      0 0 22px rgba(121, 199, 255, 0.14);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-pill,
  #overdosed-test-app .overdosed-zodiac-test .odz-premium-result-card,
  #overdosed-test-app .overdosed-zodiac-test .odz-alt-card,
  #overdosed-test-app .overdosed-zodiac-test .odz-profile,
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card {
    box-shadow:
      0 12px 28px rgba(0, 0, 0, 0.16),
      0 0 22px rgba(144, 122, 255, 0.06);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-pill {
    background:
      linear-gradient(135deg, rgba(179, 130, 255, 0.10), rgba(113, 209, 255, 0.05)),
      rgba(255,255,255,0.04);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-card-label {
    background:
      linear-gradient(135deg, rgba(182, 132, 255, 0.14), rgba(113, 209, 255, 0.08)),
      rgba(255,255,255,0.03);
    box-shadow: 0 0 18px rgba(144, 122, 255, 0.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid {
    background:
      radial-gradient(circle at 10% 0%, rgba(184, 132, 255, 0.10), transparent 30%),
      linear-gradient(145deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03)),
      rgba(255,255,255,0.03);
    box-shadow:
      0 18px 42px rgba(0,0,0,0.20),
      0 0 26px rgba(144, 122, 255, 0.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-product-link {
    text-shadow: 0 0 12px rgba(180, 131, 255, 0.10);
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb::before {
      inset: -10%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb::after {
      animation: none;
    }
  }

/* Homepage desktop layout + compressed horoscope mode v5 */
  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test {
      min-height: min(920px, calc(100vh - 36px));
      display: grid;
      grid-template-rows: auto auto 1fr auto;
      align-content: stretch;
      gap: 16px;
      padding: clamp(18px, 2.2vw, 34px);
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero {
      min-height: clamp(390px, 48vh, 560px);
      margin-bottom: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual {
      min-height: 100%;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-info {
      margin-bottom: 0;
      padding: 16px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-info__title {
      margin-bottom: 10px;
      font-size: 18px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-info__item {
      min-height: 78px;
      padding: 12px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-info__item-text {
      font-size: 12px;
      line-height: 1.4;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-article {
      margin-top: 0;
      align-self: end;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-disclaimer {
      margin-top: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded {
      min-height: auto;
      grid-template-rows: auto auto auto auto;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero {
      min-height: 160px;
      grid-template-columns: minmax(0, 1fr) 260px;
      gap: 14px;
      margin-bottom: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__copy {
      padding: 22px 26px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__title {
      max-width: 760px;
      font-size: clamp(30px, 3vw, 44px);
      line-height: 1;
      letter-spacing: -0.045em;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__text {
      max-width: 760px;
      margin-top: 10px;
      font-size: 14px;
      line-height: 1.48;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-btn--primary {
      margin-top: 14px;
      min-height: 42px;
      padding: 10px 16px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
      min-height: 160px;
      padding: 12px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card {
      min-height: 136px;
      gap: 6px;
      padding: 10px;
      border-radius: 18px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__eyebrow,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__note {
      display: none;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__title {
      max-width: 220px;
      font-size: 15px;
      line-height: 1.05;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
      width: 92px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb__sign {
      width: 24px;
      height: 24px;
      font-size: 14px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-info {
      display: none;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-card {
      min-height: 0;
      padding: 16px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-card .odz-liquid-media {
      min-height: 104px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-card .odz-liquid-image,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-card .odz-liquid-fallback {
      height: 104px;
      min-height: 104px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-card-text {
      font-size: 13px;
      line-height: 1.52;
    }
  }

  @media (min-width: 1320px) {
    #overdosed-test-app .overdosed-zodiac-test {
      padding-left: clamp(34px, 4vw, 64px);
      padding-right: clamp(34px, 4vw, 64px);
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (max-width: 1039px) {
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero {
      margin-bottom: 14px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-info {
      display: none;
    }
  }

/* v6 orbit overlap fix */
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb {
    width: min(300px, 78vw);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core {
    width: 34%;
    font-size: clamp(32px, 4.4vw, 48px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring:first-child {
    inset: -2%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring:nth-child(2) {
    inset: 12%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign {
    width: 42px;
    height: 42px;
    font-size: 21px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--a {
    top: 0%;
    left: 50%;
    transform: translate(-50%, -4%);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--b {
    right: 0%;
    top: 50%;
    transform: translate(4%, -50%);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--c {
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 4%);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign--d {
    left: 0%;
    top: 50%;
    transform: translate(-4%, -50%);
  }

  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual {
      min-width: 360px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card {
      overflow: hidden;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
      width: 118px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb__core {
      width: 30%;
      font-size: 24px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb__sign {
      width: 25px;
      height: 25px;
      font-size: 14px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb__ring:first-child {
      inset: -6%;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb__ring:nth-child(2) {
      inset: 10%;
    }
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb {
      width: min(260px, 72vw);
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core {
      width: 34%;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign {
      width: 38px;
      height: 38px;
      font-size: 19px;
    }
  }

/* v7 compressed hero stability fix */
  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero {
      min-height: 190px;
      align-items: stretch;
      overflow: visible;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
      min-height: 190px;
      overflow: hidden;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
      display: grid;
      align-items: center;
      justify-items: center;
      padding: 14px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card {
      width: 100%;
      height: 100%;
      min-height: 150px;
      display: grid;
      grid-template-rows: 1fr auto;
      align-content: center;
      justify-items: center;
      gap: 8px;
      padding: 12px;
      overflow: hidden;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
      width: 104px;
      margin: 0 auto;
      align-self: end;
      transform: translateY(2px);
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__title {
      align-self: start;
      margin: 0;
      max-width: 230px;
      font-size: 14px;
      line-height: 1.08;
      text-align: center;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb::before {
      inset: -16%;
      filter: blur(18px);
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb::after {
      inset: 2%;
    }
  }

  @media (min-width: 1040px) and (max-width: 1230px) {
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero {
      grid-template-columns: minmax(0, 1fr) 300px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
      width: 96px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__title {
      font-size: 13px;
    }
  }

/* v9 final cascade guard */
  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test {
      grid-template-rows: auto auto auto auto auto auto;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-card {
      padding: 20px;
    }
  }

  @media (min-width: 1320px) {
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    background:
      radial-gradient(circle at 12% 0%, rgba(183, 132, 255, 0.14), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.028)),
      rgba(12, 10, 24, 0.86);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card::before {
    content: "";
    position: absolute;
    inset: 10px;
    pointer-events: none;
    border: 1px solid rgba(210, 201, 221, 0.10);
    border-radius: 18px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid {
    display: grid;
    grid-template-columns: minmax(96px, 0.45fr) minmax(0, 0.55fr);
    gap: 12px;
    align-items: center;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(210, 201, 221, 0.12);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-media {
    margin: 0;
    min-height: 104px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-fallback {
    height: 104px;
    min-height: 104px;
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid {
      grid-template-columns: 1fr;
    }
  }

/* v8 stable compressed top hero for quiz/result/horoscope states */
  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero {
      min-height: 190px;
      height: 190px;
      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.28fr);
      align-items: stretch;
      overflow: visible;
      margin-bottom: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__visual,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__visual,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
      min-height: 190px;
      height: 190px;
      overflow: hidden;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__copy,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__copy {
      padding: 22px 26px;
      justify-content: center;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__title,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__title,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__title {
      max-width: 780px;
      font-size: clamp(30px, 3vw, 44px);
      line-height: 1;
      letter-spacing: -0.045em;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__text,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__text,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__text {
      max-width: 780px;
      margin-top: 10px;
      font-size: 14px;
      line-height: 1.48;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-btn--primary,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-btn--primary,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-btn--primary {
      margin-top: 14px;
      min-height: 42px;
      padding: 10px 16px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__visual,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__visual,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
      display: grid;
      place-items: center;
      padding: 14px;
      min-width: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card {
      width: 100%;
      height: 100%;
      min-height: 0;
      display: grid;
      grid-template-rows: 1fr auto;
      place-items: center;
      align-content: center;
      gap: 6px;
      padding: 10px;
      overflow: hidden;
      border-radius: 18px;
      transform: none;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card__eyebrow,
    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card__note,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card__eyebrow,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card__note,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__eyebrow,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__note {
      display: none;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-zodiac-orb,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-zodiac-orb,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
      width: 108px;
      align-self: center;
      justify-self: center;
      margin: 0;
      transform: none;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-zodiac-orb__core,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-zodiac-orb__core,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb__core {
      width: 30%;
      font-size: 24px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-zodiac-orb__sign,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-zodiac-orb__sign,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb__sign {
      width: 25px;
      height: 25px;
      font-size: 14px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card__title,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card__title,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__title {
      align-self: center;
      justify-self: center;
      margin: 0;
      max-width: 230px;
      font-size: 14px;
      line-height: 1.08;
      text-align: center;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-info,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-info,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-info {
      display: none;
    }
  }

  @media (min-width: 1040px) and (max-width: 1230px) {
    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero {
      grid-template-columns: minmax(0, 1fr) 320px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-zodiac-orb,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-zodiac-orb,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
      width: 96px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card__title,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card__title,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__title {
      font-size: 13px;
    }
  }

/* v9 final-final cascade guard */
  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test {
      grid-template-rows: auto auto auto auto auto auto;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-card {
      padding: 20px;
    }
  }

  @media (min-width: 1320px) {
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    background:
      radial-gradient(circle at 12% 0%, rgba(183, 132, 255, 0.14), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.028)),
      rgba(12, 10, 24, 0.86);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card::before {
    content: "";
    position: absolute;
    inset: 10px;
    pointer-events: none;
    border: 1px solid rgba(210, 201, 221, 0.10);
    border-radius: 18px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid {
    display: grid;
    grid-template-columns: minmax(96px, 0.45fr) minmax(0, 0.55fr);
    gap: 12px;
    align-items: center;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(210, 201, 221, 0.12);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-media {
    margin: 0;
    min-height: 104px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid .odz-liquid-fallback {
    height: 104px;
    min-height: 104px;
  }

  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-magazine-teaser,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-magazine-teaser,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-magazine-teaser,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-preview,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-preview,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-preview {
    display: none;
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__liquid {
      grid-template-columns: 1fr;
    }
  }

/* v10 result density + CTA frame cleanup + product image block refinement */

  /* 1) Méně rušivé dvojité rámečky kolem horních CTA/bloků */
  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-result::before,
  #overdosed-test-app .overdosed-zodiac-test .odz-article::before {
    opacity: 0.38;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual {
    border-color: rgba(210, 201, 221, 0.12);
    box-shadow:
      0 18px 42px rgba(0, 0, 0, 0.22),
      0 0 24px rgba(144, 122, 255, 0.055),
      inset 0 1px 0 rgba(255, 255, 255, 0.045);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-btn--primary {
    border-radius: 18px;
    border: 0;
    box-shadow:
      0 14px 34px rgba(0, 0, 0, 0.24),
      0 0 24px rgba(147, 97, 255, 0.20),
      0 0 36px rgba(117, 198, 255, 0.10);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy .odz-btn--primary {
    width: min(100%, 520px);
  }

  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__copy .odz-btn--primary,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__copy .odz-btn--primary,
    #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__copy .odz-btn--primary {
      width: min(100%, 360px);
    }
  }

  /* 2) Výsledek: zhutnit a víc ukotvit vizuál nahoru */
  #overdosed-test-app .overdosed-zodiac-test .odz-result {
    padding: clamp(16px, 2.2vw, 26px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-grid {
    grid-template-columns: minmax(270px, 0.34fr) minmax(0, 0.66fr);
    gap: clamp(14px, 2vw, 24px);
    align-items: start;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-media {
    position: sticky;
    top: 10px;
    display: flex;
    align-items: flex-start;
    align-self: start;
    min-height: 0;
    height: clamp(360px, 42vw, 540px);
    max-height: min(540px, calc(100vh - 34px));
    border-radius: 22px;
    background:
      radial-gradient(circle at 52% 20%, rgba(183, 132, 255, 0.14), transparent 32%),
      radial-gradient(circle at 54% 68%, rgba(113, 209, 255, 0.08), transparent 32%),
      rgba(255, 255, 255, 0.035);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-image {
    min-height: 0;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
    transform: translateY(-3%) scale(1.035);
    transform-origin: top center;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-fallback {
    min-height: 0;
    height: 100%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-content {
    display: grid;
    gap: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-content > .odz-kicker {
    margin-bottom: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-title {
    margin-top: -2px;
    font-size: clamp(36px, 4.4vw, 64px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-summary {
    margin: 4px 0 0;
    gap: 8px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-pill {
    padding: 12px 13px;
    border-radius: 14px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-pill strong {
    font-size: 15px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary {
    margin-top: 2px;
    padding: clamp(13px, 1.8vw, 18px);
    gap: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__symbol {
    width: clamp(52px, 5.4vw, 70px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__title {
    font-size: clamp(22px, 2.2vw, 32px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__text {
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.52;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__meta {
    margin-top: 9px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-premium-result-card {
    margin-top: 2px;
    gap: 12px;
    padding: clamp(13px, 1.7vw, 18px);
    border-radius: 22px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-premium-result-card__copy {
    padding: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-horoscope {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid {
    margin-top: 6px;
    padding: clamp(14px, 1.8vw, 20px);
    border-radius: 20px;
  }

  /* 3) Liquid image: užší, menší bílý blok, připravený pro pozdější dekor */
  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-media {
    width: min(100%, 520px);
    min-height: 126px;
    height: 126px;
    margin: 12px auto 14px;
    padding: 8px 18px;
    border-radius: 18px;
    background:
      linear-gradient(90deg, #ffffff 0%, #ffffff 72%, #f1eef7 100%);
    position: relative;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-media::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 86px;
    height: 86px;
    transform: translateY(-50%);
    border-radius: 50%;
    background:
      radial-gradient(circle, rgba(147, 97, 255, 0.16), transparent 66%);
    pointer-events: none;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-fallback {
    height: 108px;
    min-height: 108px;
    position: relative;
    z-index: 1;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-media,
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-media {
    min-height: 96px;
    height: 96px;
    border-radius: 14px;
    padding: 4px 10px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-fallback,
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-fallback {
    height: 88px;
    min-height: 88px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-card-title {
    font-size: clamp(18px, 1.7vw, 23px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-card-text {
    font-size: 13px;
    line-height: 1.5;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tags {
    margin-top: 9px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tag {
    padding: 5px 8px;
    font-size: 11px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alternatives-section {
    margin-top: 4px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-mini-section-head {
    margin-bottom: 8px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alt-grid {
    margin-top: 0;
    gap: 10px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-alt-card {
    padding: 14px;
    border-radius: 18px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-profile {
    margin-top: 2px;
    padding: 14px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-profile-title {
    margin-bottom: 8px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-chip {
    min-height: 29px;
    padding: 5px 9px;
    font-size: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-actions {
    margin-top: 4px;
  }

  /* 4) Desktop: výsledek a obrázek hned nahoře bez zbytečného prázdna */
  @media (min-width: 1040px) {
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-result {
      margin-top: 14px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-result-grid {
      grid-template-columns: minmax(300px, 0.34fr) minmax(0, 0.66fr);
    }

    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-zodiac-media {
      top: 8px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-premium-result-card {
      grid-template-columns: minmax(0, 1fr) minmax(230px, 0.75fr);
      align-items: start;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-main-liquid {
      margin-top: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-main-liquid .odz-liquid-media {
      width: 100%;
      min-height: 112px;
      height: 112px;
      margin: 10px 0 12px;
      padding-inline: 12px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-main-liquid .odz-liquid-image,
    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-main-liquid .odz-liquid-fallback {
      height: 96px;
      min-height: 96px;
    }

    #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-result-summary {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 1039px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-result-grid {
      grid-template-columns: 1fr;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-media {
      position: relative;
      top: auto;
      min-height: 0;
      height: clamp(340px, 58vw, 420px);
      max-height: none;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-image,
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-fallback {
      height: 100%;
      min-height: 0;
    }
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-media {
      height: 330px;
      min-height: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-image,
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-fallback {
      height: 100%;
      min-height: 0;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-media {
      width: 100%;
      min-height: 116px;
      height: 116px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-image,
    #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-fallback {
      height: 100px;
      min-height: 100px;
    }
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core {
    overflow: hidden;
    background: rgba(255, 255, 255, 0.12);
    box-shadow:
      0 0 34px rgba(229, 218, 255, 0.36),
      0 0 64px rgba(141, 205, 255, 0.18),
      0 18px 48px rgba(0, 0, 0, 0.22);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(1.18) contrast(1.08) saturate(1.08);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__top {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 6px;
    margin: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__sign {
    order: 0;
    font-size: 14px;
    line-height: 1;
    text-align: center;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__head {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(58px, 5vw, 76px);
    align-items: start;
    gap: clamp(12px, 2vw, 18px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__head .odz-tarot-card__body {
    padding-top: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__head .odz-card-label {
    margin-top: 0;
    margin-bottom: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__head .odz-card-title {
    margin-top: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__symbol,
  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__symbol {
    overflow: hidden;
    padding: 7px;
    background:
      radial-gradient(circle at 36% 28%, #ffffff, #ece7f8 52%, #b9dfff 100%);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__symbol {
    order: 1;
    width: clamp(46px, 4.2vw, 62px);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  @media (max-width: 560px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__head {
      grid-template-columns: minmax(0, 1fr) 56px;
      gap: 10px;
    }

    #overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__sign {
      font-size: 12px;
    }
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-symbol-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign {
    width: clamp(42px, 4.2vw, 56px);
    height: clamp(42px, 4.2vw, 56px);
    padding: 5px;
    overflow: hidden;
    border: 1px solid rgba(210, 201, 221, 0.22);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    box-shadow:
      0 0 18px rgba(185, 163, 200, 0.22),
      0 10px 20px rgba(0, 0, 0, 0.24);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign-image {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: contain;
    object-position: center;
    filter: brightness(1.12) contrast(1.06) saturate(1.08)
      drop-shadow(0 0 10px rgba(185, 163, 200, 0.26))
      drop-shadow(0 8px 14px rgba(0, 0, 0, 0.28));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview {
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 0.58fr);
    margin-top: 0;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__head {
    align-content: start;
    gap: 12px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__intro {
    max-width: 680px;
    margin: 0;
    color: var(--odz-muted);
    font-size: 15px;
    line-height: 1.65;
  }

  @media (max-width: 820px) {
    #overdosed-test-app .overdosed-zodiac-test .odz-preview {
      grid-template-columns: 1fr;
    }
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy::after {
    content: "";
    width: clamp(74px, 9vw, 124px);
    height: clamp(74px, 9vw, 124px);
    right: clamp(16px, 3.4vw, 34px);
    top: clamp(16px, 3.2vw, 30px);
    border-radius: 50%;
    background:
      linear-gradient(rgba(10, 9, 17, 0.02), rgba(10, 9, 17, 0.02)),
      url("https://www.vapoland.cz/user/documents/upload/Blog/zverokruh/symboly/horosk-cca-05mb.png") center / cover no-repeat;
    opacity: 0.78;
    box-shadow:
      0 0 28px rgba(185, 163, 200, 0.28),
      0 12px 34px rgba(0, 0, 0, 0.24);
  }

/* Shoptet click-safety layer. Keep this at the end so template CSS cannot steal pointer events. */
#overdosed-test-app,
#overdosed-test-app.odz-root,
#overdosed-test-app[data-odz-root] {
  position: relative;
  z-index: 1;
  pointer-events: auto;
  isolation: isolate;
}

#overdosed-test-app *,
#overdosed-test-app.odz-root *,
#overdosed-test-app[data-odz-root] * {
  pointer-events: auto;
}

#overdosed-test-app button,
#overdosed-test-app [role="button"],
#overdosed-test-app [data-odz-action],
#overdosed-test-app [data-odz-answer],
#overdosed-test-app [data-odz-zodiac-toggle] {
  position: relative;
  z-index: 5;
  pointer-events: auto;
  cursor: pointer;
}

#overdosed-test-app::before,
#overdosed-test-app::after,
#overdosed-test-app.odz-root::before,
#overdosed-test-app.odz-root::after,
#overdosed-test-app[data-odz-root]::before,
#overdosed-test-app[data-odz-root]::after,
#overdosed-test-app .overdosed-zodiac-test::before,
#overdosed-test-app .overdosed-zodiac-test::after {
  pointer-events: none;
}

#overdosed-test-app .overdosed-zodiac-test .odz-hero__visual,
#overdosed-test-app .overdosed-zodiac-test .odz-hero__visual *,
#overdosed-test-app .overdosed-zodiac-test .odz-hero__visual::before,
#overdosed-test-app .overdosed-zodiac-test .odz-hero__visual::after {
  pointer-events: none;
}

/* Shoptet embed width resilience. These rules react to the embedded block width, not only to the viewport. */
#overdosed-test-app,
#overdosed-test-app.odz-root,
#overdosed-test-app[data-odz-root] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  container-type: inline-size;
  container-name: odz-root;
}

@supports not (overflow: clip) {
  #overdosed-test-app,
  #overdosed-test-app.odz-root,
  #overdosed-test-app[data-odz-root] {
    overflow-x: hidden;
  }
}

#overdosed-test-app .odz-open-full {
  display: none;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 42px;
  margin: 0 0 12px;
  padding: 10px 14px;
  color: #ffffff;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: linear-gradient(135deg, #675975, #8aa8b2);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}

#overdosed-test-app .overdosed-zodiac-test {
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
}

@supports not (overflow: clip) {
  #overdosed-test-app .overdosed-zodiac-test {
    overflow-x: hidden;
  }
}

@container odz-root (max-width: 1080px) {
  #overdosed-test-app .odz-open-full {
    display: inline-flex;
  }

  #overdosed-test-app .overdosed-zodiac-test {
    display: block !important;
    min-height: 0 !important;
    padding: clamp(16px, 3.4cqw, 30px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
    gap: clamp(14px, 2.8cqw, 22px);
    align-items: stretch;
    margin-bottom: 16px;
    overflow: visible;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
    width: 100%;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__copy {
    justify-content: flex-start;
    padding: clamp(20px, 4cqw, 34px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__title,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__title,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__title,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__title {
    max-width: 100%;
    font-size: clamp(34px, 6.6cqw, 58px);
    line-height: 1.02;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__text,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__text,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__text,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__text {
    max-width: 70ch;
    display: block;
    -webkit-line-clamp: initial;
    overflow: visible;
    font-size: clamp(14px, 1.7cqw, 16px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
    display: grid;
    place-items: center;
    padding: clamp(14px, 3cqw, 22px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card {
    width: min(100%, 430px);
    height: auto !important;
    min-height: clamp(260px, 48cqw, 390px);
    margin-inline: auto;
    grid-template-rows: auto 1fr auto auto;
    gap: clamp(8px, 1.8cqw, 14px);
    padding: clamp(14px, 3cqw, 22px);
    transform: none;
  }

  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card__eyebrow,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card__note,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card__eyebrow,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card__note,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__eyebrow,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__note {
    display: inline-flex;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-zodiac-orb,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-zodiac-orb,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
    width: min(64cqw, 260px);
    max-width: 260px;
    margin: 0 auto;
    transform: none;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card__title,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card__title,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card__title,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card__title {
    max-width: 24ch;
    margin: 0 auto;
    font-size: clamp(18px, 3cqw, 26px);
    line-height: 1.08;
    text-align: center;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview,
  #overdosed-test-app .overdosed-zodiac-test .odz-info,
  #overdosed-test-app .overdosed-zodiac-test .odz-article,
  #overdosed-test-app .overdosed-zodiac-test .odz-disclaimer {
    max-width: 100%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-preview__grid,
  #overdosed-test-app .overdosed-zodiac-test .odz-info__grid,
  #overdosed-test-app .overdosed-zodiac-test .odz-alt-grid,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)) !important;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-result-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: clamp(16px, 3cqw, 26px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-media {
    position: relative;
    top: auto;
    width: min(100%, 440px);
    min-height: clamp(280px, 56cqw, 420px);
    margin-inline: auto;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-fallback {
    min-height: clamp(280px, 56cqw, 420px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-liquid-fallback,
  #overdosed-test-app .overdosed-zodiac-test .odz-device-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-device-fallback {
    max-width: 100%;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answers {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-question__title,
  #overdosed-test-app .overdosed-zodiac-test .odz-result-title,
  #overdosed-test-app .overdosed-zodiac-test .odz-section-title,
  #overdosed-test-app .overdosed-zodiac-test .odz-preview__title {
    max-width: 100%;
    overflow-wrap: anywhere;
    text-wrap: balance;
  }
}

@container odz-root (max-width: 760px) {
  #overdosed-test-app .overdosed-zodiac-test {
    margin: 18px 0;
    padding: clamp(12px, 4cqw, 20px);
    border-radius: 22px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__copy,
  #overdosed-test-app .overdosed-zodiac-test .odz-quiz-shell,
  #overdosed-test-app .overdosed-zodiac-test .odz-result,
  #overdosed-test-app .overdosed-zodiac-test .odz-article,
  #overdosed-test-app .overdosed-zodiac-test .odz-info,
  #overdosed-test-app .overdosed-zodiac-test .odz-preview {
    border-radius: 18px;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__title,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__title,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__title,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__title {
    font-size: clamp(30px, 8.2cqw, 44px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-section-head {
    align-items: flex-start;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-answers,
  #overdosed-test-app .overdosed-zodiac-test .odz-preview__grid,
  #overdosed-test-app .overdosed-zodiac-test .odz-info__grid,
  #overdosed-test-app .overdosed-zodiac-test .odz-alt-grid,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-oracle-card,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-oracle-card,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-oracle-card,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-oracle-card {
    min-height: clamp(240px, 78cqw, 340px);
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-zodiac-orb,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-zodiac-orb,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-zodiac-orb {
    width: min(68cqw, 230px);
  }
}

@media (max-width: 1080px) {
  #overdosed-test-app .odz-open-full {
    display: inline-flex;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero,
  #overdosed-test-app .overdosed-zodiac-test .odz-result-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-quiz-active .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-result-active .odz-hero__visual,
  #overdosed-test-app .overdosed-zodiac-test.is-zodiac-expanded .odz-hero__visual {
    min-width: 0 !important;
  }
}

/* Zodiac asset and per-sign accordion stabilization. */
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb {
  isolation: isolate;
  overflow: visible;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb::before,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb::after,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__ring {
  z-index: 1;
  pointer-events: none;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core {
  position: relative;
  z-index: 3;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign {
  position: absolute;
  z-index: 4;
  width: clamp(46px, 4.8cqw, 62px);
  height: clamp(46px, 4.8cqw, 62px);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 45%, rgba(150, 110, 255, 0.42), rgba(40, 20, 80, 0.62) 58%, rgba(10, 8, 24, 0.92));
  box-shadow:
    0 0 18px rgba(185, 163, 200, 0.22),
    0 10px 20px rgba(0, 0, 0, 0.24);
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign-image,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-symbol-img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
  object-position: center;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign-image {
  position: relative;
  z-index: 1;
  filter:
    brightness(1.08)
    contrast(1.06)
    saturate(1.08)
    drop-shadow(0 6px 12px rgba(0, 0, 0, 0.24));
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__image.is-missing,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign-image.is-missing,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-symbol-img.is-missing {
  display: none;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core.is-missing,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign.is-missing,
#overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__symbol.is-missing,
#overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__symbol.is-missing {
  background:
    radial-gradient(circle at 50% 45%, rgba(150, 110, 255, 0.82), rgba(40, 20, 80, 0.92) 55%, rgba(10, 8, 24, 1));
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle-text,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle-title {
  display: block;
  min-width: 0;
  grid-column: 1;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle-text {
  grid-row: 1;
  color: rgba(245, 239, 255, 0.64);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle-title {
  grid-row: 2;
  margin-top: 4px;
  color: #ffffff;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 950;
  line-height: 1.08;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle-symbol {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: grid;
  width: clamp(46px, 4.2vw, 62px);
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle-icon {
  grid-column: 3;
  grid-row: 1 / span 2;
  display: inline-block;
  width: 11px;
  height: 11px;
  border-right: 2px solid rgba(244, 241, 248, 0.74);
  border-bottom: 2px solid rgba(244, 241, 248, 0.74);
  transform: rotate(45deg);
  transition: transform 0.18s ease;
}

#overdosed-test-app .overdosed-zodiac-test [data-odz-zodiac-item].is-open .odz-zodiac-card__toggle-icon {
  transform: rotate(225deg);
}

#overdosed-test-app .overdosed-zodiac-test [data-odz-zodiac-item] [data-odz-zodiac-panel][hidden] {
  display: none !important;
}

#overdosed-test-app .overdosed-zodiac-test [data-odz-zodiac-item].is-open [data-odz-zodiac-panel] {
  display: block;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__panel {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(210, 201, 221, 0.12);
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__panel .odz-zodiac-card__head {
  margin-bottom: 14px;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle:focus-visible {
  outline: 3px solid rgba(185, 163, 200, 0.34);
  outline-offset: 5px;
  border-radius: 16px;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__core,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign,
#overdosed-test-app .overdosed-zodiac-test .odz-tarot-card__symbol,
#overdosed-test-app .overdosed-zodiac-test .odz-vibe-summary__symbol {
  overflow: hidden;
  border-radius: 999px;
  line-height: 0;
  flex: 0 0 auto;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__image,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-orb__sign-image,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-symbol-img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 0;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}

#overdosed-test-app .overdosed-zodiac-test [data-odz-zodiac-panel][hidden] {
  display: none !important;
}

#overdosed-test-app .overdosed-zodiac-test [data-odz-zodiac-panel]:not([hidden]) {
  display: block;
  visibility: visible;
  opacity: 1;
  max-height: none;
  pointer-events: auto;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-grid > .odz-zodiac-card {
  flex: 1 1 calc((100% - 24px) / 3);
  align-self: flex-start;
  max-width: calc((100% - 24px) / 3);
  min-width: min(100%, 260px);
  min-height: 0;
  height: auto;
}

#overdosed-test-app .overdosed-zodiac-test [data-odz-zodiac-item].is-open {
  border-color: rgba(185, 163, 200, 0.34);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.035)),
    rgba(18, 14, 30, 0.82);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

#overdosed-test-app .overdosed-zodiac-test .odz-card-text--forecast {
  margin-top: 12px;
  color: rgba(245, 239, 255, 0.78);
}

#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__panel {
  animation: odz-zodiac-panel-in 0.2s ease both;
}

@keyframes odz-zodiac-panel-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@container odz-root (max-width: 980px) {
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-grid > .odz-zodiac-card {
    flex-basis: calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
  }
}

@container odz-root (max-width: 760px) {
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-grid > .odz-zodiac-card {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@container odz-root (max-width: 760px) {
  #overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card__toggle {
    grid-template-columns: minmax(0, 1fr) 52px auto;
    gap: 10px;
  }
}

/* Final product-media polish: keep products visible without wide white strips. */
#overdosed-test-app .overdosed-zodiac-test .odz-liquid-media {
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 255, 255, 0.13), transparent 44%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)) !important;
  border: 1px solid rgba(210, 201, 221, 0.10);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.12);
}

#overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-media {
  width: min(100%, 360px) !important;
  min-height: 118px !important;
  height: 118px !important;
  margin: 12px auto 14px !important;
  padding: 12px !important;
}

#overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-media,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-media {
  min-height: 104px !important;
  height: 104px !important;
  padding: 10px !important;
}

#overdosed-test-app .overdosed-zodiac-test .odz-liquid-image,
#overdosed-test-app .overdosed-zodiac-test .odz-liquid-fallback {
  width: auto !important;
  max-width: min(70%, 240px) !important;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 16px;
}

#overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-image,
#overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-fallback {
  height: 92px !important;
  min-height: 92px !important;
  max-width: min(72%, 230px) !important;
}

#overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-image,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-image,
#overdosed-test-app .overdosed-zodiac-test .odz-alt-card .odz-liquid-fallback,
#overdosed-test-app .overdosed-zodiac-test .odz-zodiac-card .odz-liquid-fallback {
  height: 82px !important;
  min-height: 82px !important;
  max-width: min(66%, 210px) !important;
}

@media (max-width: 820px) {
  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-media {
    width: min(100%, 340px) !important;
    min-height: 108px !important;
    height: 108px !important;
  }

  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-image,
  #overdosed-test-app .overdosed-zodiac-test .odz-main-liquid .odz-liquid-fallback {
    height: 84px !important;
    min-height: 84px !important;
  }
}