/*
 * Paravital – Chinesisches Horoskop
 * Seitenspezifische CSS. Nur auf /chinesisches-horoskop und Unterseiten geladen.
 * v1.237: Wow-Hintergrund + Zeitraum-Motive + wiederhergestelltes Drachen-Titelbild; vollständig auf diese Seite gekapselt.
 */

/* Übersicht: Bild bleibt dominant, Textbereich nimmt nur den tatsächlich benötigten Raum ein. */
.v159-chinese-overview .v164-chinese-type-grid {
  align-items: start;
}

.v159-chinese-overview .v164-chinese-type-grid > a {
  grid-template-rows: auto auto !important;
  height: auto !important;
  align-self: start;
}

.v159-chinese-overview .v164-period-copy {
  height: auto !important;
  min-height: 0 !important;
  padding: 16px 20px 18px;
  justify-content: flex-start;
}

.v159-chinese-overview .v164-period-copy .horoscope-card-topline {
  margin-bottom: 6px;
}

.v159-chinese-overview .v164-period-copy h2 {
  margin-top: 4px;
  margin-bottom: 7px;
}

.v159-chinese-overview .v164-period-copy p {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.5 !important;
}

.v159-chinese-overview .v164-period-copy b {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* Tablet: gleiche natürliche Höhe, ohne die weiße Textfläche wieder aufzublähen. */
@media (max-width: 1150px) {
  .v159-chinese-overview .v164-period-copy {
    padding: 15px 18px 17px;
  }
}

/* Mobil: Bild unverändert lassen, Text kompakt aber gut lesbar. */
@media (max-width: 760px) {
  .v159-chinese-overview .v164-period-copy {
    padding: 15px 16px 17px;
  }

  .v159-chinese-overview .v164-period-copy h2 {
    margin-bottom: 6px;
  }

  .v159-chinese-overview .v164-period-copy p {
    margin-bottom: 7px;
  }
}

/* v1.229 – Reparatur des vollständigen Einstiegs aus v1.226.
 * Die bestehende Optik bleibt erhalten; die komplette Periodenkachel ist
 * garantiert der klickbare Link zur jeweiligen Berechnungsseite.
 */
.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link {
  position: relative;
  z-index: 4;
  pointer-events: auto !important;
  touch-action: manipulation;
}

.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link > * {
  pointer-events: none;
}

/* v1.235 – Zeitraumkacheln als eine gemeinsame Bild-/Textfläche.
 * Ausschließlich auf der Übersichtsseite des chinesischen Horoskops aktiv.
 * Die vier Quelldateien sind einheitlich 1200×800 (3:2); dieses Verhältnis
 * bleibt deshalb auf Desktop, Tablet und Mobil erhalten, ohne Motivbeschnitt.
 */
.v159-chinese-overview .v164-chinese-type-grid {
  gap: 22px;
}

.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link {
  position: relative;
  display: block !important;
  aspect-ratio: 3 / 2;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 189, 123, .9);
  border-radius: 20px;
  background: #160d21;
  box-shadow: 0 18px 38px rgba(44, 26, 50, .18);
  isolation: isolate;
}

.v159-chinese-overview .v164-period-thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto !important;
  overflow: hidden;
  background: #160d21;
  z-index: 0;
}

.v159-chinese-overview .v164-period-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  height: auto;
  background:
    linear-gradient(180deg,
      rgba(16, 8, 24, .04) 0%,
      rgba(16, 8, 24, .08) 34%,
      rgba(18, 9, 27, .48) 56%,
      rgba(18, 9, 27, .90) 78%,
      rgba(13, 7, 20, .98) 100%);
  pointer-events: none;
}

.v159-chinese-overview .v164-period-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  background: #160d21;
  transition: transform .32s ease, filter .32s ease;
}

.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link:hover .v164-period-image {
  transform: scale(1.012);
  filter: saturate(1.04) brightness(1.02);
}

.v159-chinese-overview .v164-period-copy {
  position: absolute;
  inset: auto 0 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 58%;
  height: auto !important;
  padding: clamp(20px, 2.2vw, 30px) clamp(20px, 2.4vw, 32px) clamp(22px, 2.5vw, 32px);
  color: #fff8ed;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .5);
  pointer-events: none;
}

.v159-chinese-overview .v164-period-copy .horoscope-card-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0 0 8px;
}

.v159-chinese-overview .v164-period-copy .horoscope-card-topline > small {
  margin: 0 !important;
  color: #f0dba8 !important;
  font-size: 11px !important;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.v159-chinese-overview .v164-period-copy .horoscope-price-badge {
  margin: 0;
  border-color: rgba(235, 205, 132, .52);
  background: rgba(26, 13, 36, .64);
  color: #f1d58f;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .16);
  backdrop-filter: blur(5px);
}

.v159-chinese-overview .v164-period-copy h2 {
  margin: 0 0 7px;
  color: #fff8eb !important;
  font-size: clamp(24px, 2.15vw, 34px) !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none;
}

.v159-chinese-overview .v164-period-copy p {
  max-width: 650px;
  margin: 0 0 10px;
  color: rgba(255, 249, 239, .91) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.v159-chinese-overview .v164-period-copy b {
  margin: 0 !important;
  padding: 0 !important;
  color: #f0cd77 !important;
  font-size: 13px;
  letter-spacing: .01em;
}

.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link:focus-visible {
  outline: 3px solid rgba(221, 184, 95, .9);
  outline-offset: 4px;
}

/* Tablet: 2×2 bleibt erhalten; das echte 3:2-Bildverhältnis bleibt unverändert. */
@media (max-width: 1150px) {
  .v159-chinese-overview .v164-chinese-type-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .v159-chinese-overview .v164-period-copy {
    min-height: 62%;
    padding: 18px 20px 21px;
  }

  .v159-chinese-overview .v164-period-copy h2 {
    font-size: clamp(22px, 3vw, 30px) !important;
  }

  .v159-chinese-overview .v164-period-copy p {
    font-size: 13px !important;
  }
}

/* Handy: eine Kachel pro Zeile, proportional mitwachsend ohne Motivbeschnitt. */
@media (max-width: 760px) {
  .v159-chinese-overview .v164-chinese-type-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link {
    aspect-ratio: 3 / 2;
    border-radius: 17px;
  }

  .v159-chinese-overview .v164-period-copy {
    min-height: 66%;
    padding: 16px 17px 18px;
  }

  .v159-chinese-overview .v164-period-copy .horoscope-card-topline {
    gap: 6px 8px;
    margin-bottom: 6px;
  }

  .v159-chinese-overview .v164-period-copy .horoscope-card-topline > small {
    font-size: 9.5px !important;
    letter-spacing: .1em;
  }

  .v159-chinese-overview .v164-period-copy .horoscope-price-badge {
    padding: 5px 8px;
    font-size: 9px;
  }

  .v159-chinese-overview .v164-period-copy h2 {
    margin-bottom: 5px;
    font-size: clamp(21px, 6.4vw, 28px) !important;
  }

  .v159-chinese-overview .v164-period-copy p {
    margin-bottom: 7px;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }

  .v159-chinese-overview .v164-period-copy b {
    font-size: 12px;
  }
}

/* Sehr schmale Geräte: Text bleibt innerhalb der 3:2-Kachel lesbar. */
@media (max-width: 430px) {
  .v159-chinese-overview .v164-period-copy {
    min-height: 72%;
    padding: 14px 15px 16px;
  }

  .v159-chinese-overview .v164-period-copy p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}


/* ==========================================================================
 * v1.236 – Freigegebene „Wow“-Welt für die Übersicht /chinesisches-horoskop
 * --------------------------------------------------------------------------
 * WICHTIG: Jeder Selektor ist unter .v159-chinese-overview gekapselt.
 * Detailseiten, westliche Horoskope, Startseite, Kundenkonto und Admin bleiben
 * dadurch unverändert.
 * ========================================================================== */

/* Vollflächige Atmosphäre nur hinter dieser Übersichtsseite. Das Bild läuft
 * oben stark und geht nach unten in eine ruhige violett-schwarze Fläche über,
 * damit die langen Inhaltsbereiche lesbar bleiben. */
.v159-chinese-overview {
  position: relative;
  isolation: isolate;
  width: min(1480px, calc(100% - 36px));
  max-width: 1480px;
  margin-inline: auto;
  padding-top: 20px;
  padding-bottom: 58px;
  color: #fff8eb;
}

.v159-chinese-overview::before {
  content: "";
  position: absolute;
  z-index: -3;
  top: -34px;
  bottom: -34px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: #100817;
  background-image:
    linear-gradient(180deg,
      rgba(12, 8, 23, .16) 0%,
      rgba(14, 8, 25, .34) 28%,
      rgba(16, 9, 27, .60) 64%,
      rgba(15, 8, 25, .78) 100%),
    url('chinese/chinese-overview-wow-v1236.webp');
  background-position: center top, center top;
  background-size: 100% 100%, cover;
  background-repeat: no-repeat, no-repeat;
  background-attachment: scroll, fixed;
  box-shadow: inset 0 28px 70px rgba(8, 4, 14, .12);
  pointer-events: none;
}

.v159-chinese-overview::after {
  content: "";
  position: absolute;
  z-index: -2;
  top: -34px;
  bottom: -34px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 78% 7%, rgba(247, 207, 116, .18), transparent 21%),
    radial-gradient(circle at 16% 18%, rgba(132, 73, 157, .16), transparent 25%);
  pointer-events: none;
}


@media (max-width: 820px) {
  .v159-chinese-overview::before {
    background-attachment: scroll, scroll;
    background-size: 100% 100%, cover;
    background-position: center top, center top;
  }
}

/* Hero: kein zweites konkurrierendes Hintergrundbild. Die große Landschaft
 * bleibt sichtbar und der Text erhält nur eine ruhige Glas-/Verlaufsfläche. */
.v159-chinese-overview .v159-chinese-hero {
  min-height: 430px;
  border: 1px solid rgba(231, 194, 105, .68);
  border-radius: 30px;
  background:
    linear-gradient(90deg,
      rgba(14, 8, 24, .92) 0%,
      rgba(18, 10, 29, .77) 36%,
      rgba(17, 9, 28, .24) 63%,
      rgba(12, 7, 20, .08) 100%) !important;
  box-shadow: 0 24px 62px rgba(6, 3, 12, .36), inset 0 0 0 1px rgba(255, 230, 164, .06);
  backdrop-filter: blur(1.3px);
}

.v159-chinese-overview .v159-chinese-hero-copy {
  width: min(650px, 54%);
  padding: clamp(42px, 5vw, 72px);
}

.v159-chinese-overview .v159-chinese-hero .eyebrow {
  color: #f0c96d;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

.v159-chinese-overview .v159-chinese-hero h1 {
  color: #fff4d6;
  text-shadow: 0 3px 22px rgba(0, 0, 0, .62);
}

.v159-chinese-overview .v159-chinese-hero .lead {
  color: rgba(255, 248, 235, .92);
  text-shadow: 0 2px 12px rgba(0, 0, 0, .46);
}

.v159-chinese-overview .v159-chinese-trust span {
  border-color: rgba(238, 198, 99, .68);
  background: rgba(20, 10, 31, .58);
  color: #f4d684;
  box-shadow: inset 0 0 0 1px rgba(255, 234, 176, .04), 0 8px 20px rgba(0, 0, 0, .14);
  backdrop-filter: blur(6px);
}

.v159-chinese-overview .v159-chinese-cta {
  border: 1px solid rgba(255, 226, 151, .56) !important;
  background: linear-gradient(135deg, #e9bd56, #ffe2a0) !important;
  color: #25142f !important;
  box-shadow: 0 12px 28px rgba(232, 187, 82, .26), 0 0 30px rgba(235, 194, 102, .12) !important;
}

/* Zeitraumkacheln: das neue 3:2-Motiv bleibt unverzerrt.
 * Der linke Bereich trägt den Text, das Tiermotiv bleibt rechts sichtbar. */
.v159-chinese-overview .v164-chinese-type-grid {
  position: relative;
  z-index: 3;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 30px 0 34px;
}

.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link {
  aspect-ratio: 3 / 2;
  border: 1px solid rgba(237, 199, 104, .92);
  border-radius: 20px;
  background: #13091f;
  box-shadow: 0 20px 44px rgba(4, 2, 10, .36), inset 0 0 0 1px rgba(255, 232, 166, .05);
}

.v159-chinese-overview .v164-period-thumb::after {
  background:
    linear-gradient(90deg,
      rgba(12, 6, 20, .96) 0%,
      rgba(14, 7, 23, .88) 24%,
      rgba(15, 8, 25, .60) 45%,
      rgba(15, 8, 25, .12) 70%,
      rgba(15, 8, 25, .02) 100%),
    linear-gradient(180deg,
      rgba(12, 6, 20, .02) 0%,
      rgba(12, 6, 20, .06) 48%,
      rgba(12, 6, 20, .66) 100%);
}

.v159-chinese-overview .v164-period-image {
  object-fit: cover;
  object-position: center center;
  background: #13091f;
  filter: saturate(1.02) contrast(1.02);
}

.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link:hover {
  border-color: #f3cf79;
  box-shadow: 0 24px 50px rgba(3, 1, 8, .44), 0 0 24px rgba(227, 180, 74, .12);
}

.v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link:hover .v164-period-image {
  transform: scale(1.018);
  filter: saturate(1.08) brightness(1.025) contrast(1.02);
}

.v159-chinese-overview .v164-period-copy {
  inset: 0 auto 0 0;
  width: 66%;
  min-height: 100%;
  justify-content: flex-end;
  padding: clamp(22px, 2.35vw, 34px) clamp(20px, 2.5vw, 34px);
  color: #fff8ec;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .66);
}

.v159-chinese-overview .v164-period-copy .horoscope-card-topline {
  justify-content: flex-start;
  gap: 8px 10px;
}

.v159-chinese-overview .v164-period-copy .horoscope-card-topline > small {
  color: #f1cf75 !important;
}

.v159-chinese-overview .v164-period-copy .horoscope-price-badge {
  border-color: rgba(238, 199, 103, .58);
  background: rgba(18, 8, 28, .70);
  color: #f4d583;
}

.v159-chinese-overview .v164-period-copy h2 {
  color: #fff6de !important;
  font-size: clamp(27px, 2.45vw, 38px) !important;
  text-shadow: 0 3px 16px rgba(0, 0, 0, .78);
}

.v159-chinese-overview .v164-period-copy p {
  color: rgba(255, 248, 236, .94) !important;
  font-size: 13.5px !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .72);
}

.v159-chinese-overview .v164-period-copy b {
  color: #f4cc67 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .72);
}

/* Geburtstagserklärung als ruhige dunkle Glasfläche. */
.v159-chinese-overview .v159-chinese-method {
  margin: 24px 0 34px;
  border-color: rgba(225, 190, 104, .52);
  background: linear-gradient(115deg, rgba(20, 10, 31, .88), rgba(45, 22, 55, .74));
  box-shadow: 0 16px 38px rgba(5, 2, 10, .24);
  backdrop-filter: blur(10px);
}

.v159-chinese-overview .v159-method-icon {
  border-color: #d8ad4c;
  background: rgba(23, 11, 33, .90);
  color: #f0c65d;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}

.v159-chinese-overview .v159-chinese-method h2 {
  color: #ffe5a3;
}

.v159-chinese-overview .v159-chinese-method p {
  color: rgba(255, 247, 235, .88);
}

/* Tierzeichen: vorhandene zwölf Tiermotive bleiben bestehen, erhalten aber
 * eine dunkle Bühne, damit die Goldmedaillons deutlich mehr „Pfiff“ haben. */
.v159-chinese-overview .v159-zodiac-section {
  margin: 36px 0 30px;
  padding: clamp(28px, 3vw, 42px);
  border: 1px solid rgba(221, 184, 91, .46);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 0%, rgba(103, 58, 128, .20), transparent 34%),
    linear-gradient(145deg, rgba(15, 8, 25, .90), rgba(26, 12, 37, .82));
  box-shadow: 0 20px 46px rgba(4, 2, 9, .30);
  backdrop-filter: blur(10px);
}

.v159-chinese-overview .v159-zodiac-section .section-title h2 {
  color: #ffe5a2;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .45);
}

.v159-chinese-overview .v159-zodiac-intro {
  color: rgba(255, 246, 233, .84);
}

.v159-chinese-overview .v170-animal-grid > a {
  border-color: rgba(220, 182, 91, .34) !important;
  background: linear-gradient(155deg, rgba(28, 13, 39, .90), rgba(16, 8, 25, .82)) !important;
  box-shadow: 0 12px 28px rgba(2, 1, 6, .24) !important;
}

.v159-chinese-overview .v170-animal-grid > a::before {
  border-color: rgba(232, 195, 106, .11);
}

.v159-chinese-overview .v170-animal-grid > a:hover {
  border-color: rgba(239, 199, 103, .72) !important;
  background: linear-gradient(155deg, rgba(48, 24, 61, .96), rgba(19, 9, 29, .90)) !important;
  box-shadow: 0 16px 34px rgba(2, 1, 6, .34), 0 0 22px rgba(219, 169, 63, .08) !important;
}

.v159-chinese-overview .v170-animal-grid span:not(.v170-zodiac-medallion) {
  color: #fff3d7;
}

.v159-chinese-overview .v170-animal-grid small {
  color: #dcb962;
}

/* Elemente: ebenfalls dunkle Glasbühne, aber bestehende Interaktion bleibt
 * unverändert. */
.v159-chinese-overview .v159-elements-section.v170-elements-section {
  margin: 30px 0 16px;
  border-color: rgba(222, 184, 91, .46);
  background:
    radial-gradient(circle at 88% 14%, rgba(217, 172, 66, .10), transparent 28%),
    linear-gradient(145deg, rgba(15, 8, 25, .92), rgba(33, 15, 43, .84));
  box-shadow: 0 20px 46px rgba(4, 2, 9, .30);
  backdrop-filter: blur(10px);
}

.v159-chinese-overview .v170-elements-intro .eyebrow {
  color: #e3bc61;
}

.v159-chinese-overview .v159-elements-section h2 {
  color: #ffe4a0;
}

.v159-chinese-overview .v159-elements-section p {
  color: rgba(255, 246, 233, .86);
}

.v159-chinese-overview .v170-elements-hint {
  color: #e6c46f !important;
}

.v159-chinese-overview .v170-element-chip {
  border-color: rgba(216, 178, 87, .58);
  background: rgba(19, 9, 29, .84);
  color: #f7e4b2;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .18);
}

.v159-chinese-overview .v170-element-chip:hover,
.v159-chinese-overview .v170-element-chip.is-active {
  border-color: #dfb95e;
  background: linear-gradient(135deg, #40224d, #704577);
  color: #fff8ed;
}

.v159-chinese-overview .v170-element-panel {
  border-color: rgba(218, 181, 92, .48);
  background: linear-gradient(145deg, rgba(29, 13, 39, .95), rgba(15, 8, 24, .94));
  box-shadow: 0 14px 30px rgba(0, 0, 0, .20);
}

.v159-chinese-overview .v170-element-panel .eyebrow {
  color: #dfb861;
}

.v159-chinese-overview .v170-element-panel h3 {
  color: #ffe6a8;
}

.v159-chinese-overview .v170-element-panel > p:not(.eyebrow) {
  color: rgba(255, 245, 232, .86);
}

.v159-chinese-overview .v170-element-panel .v170-element-why {
  border-top-color: rgba(232, 201, 128, .18);
}

.v159-chinese-overview .v170-element-traits span {
  border-color: rgba(222, 184, 91, .42);
  background: rgba(72, 42, 79, .48);
  color: #efd184;
}

@media (max-width: 1150px) {
  .v159-chinese-overview {
    width: min(100% - 28px, 1120px);
  }

  .v159-chinese-overview .v159-chinese-hero-copy {
    width: min(660px, 64%);
    padding: 42px;
  }

  .v159-chinese-overview .v164-period-copy {
    width: 72%;
    padding: 20px 22px 22px;
  }

  .v159-chinese-overview .v164-period-copy h2 {
    font-size: clamp(24px, 3vw, 32px) !important;
  }
}

@media (max-width: 820px) {
  .v159-chinese-overview::before,
  .v159-chinese-overview::after {
    top: -22px;
    bottom: -24px;
  }

  .v159-chinese-overview::before {
    background:
      linear-gradient(180deg, rgba(12, 8, 23, .12) 0%, rgba(14, 8, 25, .30) 22%, rgba(16, 9, 27, .90) 46%, #100817 70%),
      url('chinese/chinese-overview-wow-v1236.webp') top center / auto 740px no-repeat,
      #100817;
  }

  .v159-chinese-overview .v159-chinese-hero {
    min-height: 390px;
    background: linear-gradient(90deg, rgba(14, 8, 24, .90), rgba(17, 9, 28, .58) 72%, rgba(12, 7, 20, .20)) !important;
  }

  .v159-chinese-overview .v159-chinese-hero-copy {
    width: min(700px, 86%);
    padding: 36px 32px;
  }
}

@media (max-width: 760px) {
  .v159-chinese-overview {
    width: min(100% - 20px, 700px);
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .v159-chinese-overview .v159-chinese-hero {
    min-height: 0;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(14, 8, 24, .72), rgba(14, 8, 24, .92)) !important;
  }

  .v159-chinese-overview .v159-chinese-hero-copy {
    width: 100%;
    padding: 30px 22px 32px;
  }

  .v159-chinese-overview .v159-chinese-hero h1 {
    font-size: clamp(38px, 11vw, 50px);
  }

  .v159-chinese-overview .v159-chinese-hero .lead {
    font-size: 15px;
    line-height: 1.62;
  }

  .v159-chinese-overview .v164-chinese-type-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 18px;
  }

  .v159-chinese-overview .v164-chinese-type-grid > a.v226-chinese-period-link {
    border-radius: 17px;
  }

  .v159-chinese-overview .v164-period-thumb::after {
    background:
      linear-gradient(90deg, rgba(12, 6, 20, .92) 0%, rgba(14, 7, 23, .70) 46%, rgba(15, 8, 25, .12) 78%, rgba(15, 8, 25, .02) 100%),
      linear-gradient(180deg, rgba(12, 6, 20, .02) 0%, rgba(12, 6, 20, .12) 40%, rgba(12, 6, 20, .84) 100%);
  }

  .v159-chinese-overview .v164-period-copy {
    inset: 0;
    width: 78%;
    min-height: 100%;
    padding: 16px 17px 18px;
  }

  .v159-chinese-overview .v164-period-copy h2 {
    font-size: clamp(22px, 6.5vw, 28px) !important;
  }

  .v159-chinese-overview .v164-period-copy p {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }

  .v159-chinese-overview .v159-chinese-method,
  .v159-chinese-overview .v159-zodiac-section,
  .v159-chinese-overview .v159-elements-section.v170-elements-section {
    border-radius: 20px;
  }

  .v159-chinese-overview .v159-zodiac-section {
    padding: 24px 18px;
  }
}

@media (max-width: 430px) {
  .v159-chinese-overview .v164-period-copy {
    width: 82%;
    padding: 13px 14px 15px;
  }

  .v159-chinese-overview .v164-period-copy .horoscope-card-topline {
    margin-bottom: 5px;
  }

  .v159-chinese-overview .v164-period-copy .horoscope-price-badge {
    padding: 4px 7px;
    font-size: 8.5px;
  }

  .v159-chinese-overview .v164-period-copy h2 {
    font-size: clamp(20px, 6.2vw, 25px) !important;
  }

  .v159-chinese-overview .v164-period-copy p {
    -webkit-line-clamp: 2;
  }
}

/* ========================================================================== 
 * v1.237 – Titelbild/Hero wiederhergestellt
 * --------------------------------------------------------------------------
 * Das bereits vorhandene Drachen-Titelmotiv bleibt erhalten und wird nur auf
 * der Übersicht /chinesisches-horoskop in die neue violett-goldene Wow-Welt
 * eingebettet. Keine globalen Styles und keine Detailseiten werden verändert.
 * ========================================================================== */
.v159-chinese-overview .v159-chinese-hero {
  background:
    linear-gradient(90deg,
      rgba(14, 8, 24, .95) 0%,
      rgba(18, 10, 29, .84) 34%,
      rgba(17, 9, 28, .34) 58%,
      rgba(12, 7, 20, .08) 100%),
    radial-gradient(circle at 78% 36%, rgba(245, 199, 92, .10), transparent 35%),
    url('chinese/chinese-cosmic-hero.webp') center right / cover no-repeat !important;
}

@media (max-width: 820px) {
  .v159-chinese-overview .v159-chinese-hero {
    min-height: 410px;
    background:
      linear-gradient(90deg,
        rgba(14, 8, 24, .94) 0%,
        rgba(17, 9, 28, .74) 52%,
        rgba(12, 7, 20, .24) 100%),
      url('chinese/chinese-cosmic-hero.webp') 68% center / cover no-repeat !important;
  }
}

@media (max-width: 760px) {
  .v159-chinese-overview .v159-chinese-hero {
    min-height: 500px;
    background:
      linear-gradient(180deg,
        rgba(14, 8, 24, .62) 0%,
        rgba(14, 8, 24, .72) 44%,
        rgba(14, 8, 24, .95) 100%),
      url('chinese/chinese-cosmic-hero.webp') 70% center / cover no-repeat !important;
  }
}


/* ========================================================================== 
 * v1.251 – Chinesisches Tageshoroskop als kosmisch-edle Detailseite
 * --------------------------------------------------------------------------
 * Nur /chinesisches-horoskop/tag. Die Berechnungs- und Commerce-Logik bleibt
 * unverändert. Die Seite nutzt die bereits freigegebenen chinesischen Bilder
 * aus assets/chinese/ und integriert Hero, Formular und Ergebnis in eine
 * gemeinsame violett-goldene Welt.
 * ========================================================================== */
.v251-chinese-detail-daily {
  position: relative;
  isolation: isolate;
  padding-top: 34px;
  padding-bottom: 74px;
  color: #f8efea;
}

.v251-chinese-detail-daily::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(7, 6, 20, .78) 0%, rgba(8, 6, 22, .92) 42%, rgba(6, 5, 18, .97) 100%),
    url('chinese/chinese-overview-wow-v1236.webp') center top / cover fixed no-repeat;
}

.v251-chinese-detail-daily::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 16%, rgba(236, 191, 88, .16), transparent 23%),
    radial-gradient(circle at 14% 58%, rgba(113, 73, 139, .17), transparent 30%);
}

.v251-chinese-detail-daily > p:first-child {
  margin: 0 0 16px;
}

.v251-chinese-detail-daily .back-link {
  color: #f0d58b;
  font-weight: 700;
  text-decoration: none;
}

.v251-chinese-detail-daily .back-link:hover {
  color: #fff3c8;
}

.v251-chinese-detail-daily .v156-chinese-detail-hero {
  position: relative;
  display: block;
  min-height: clamp(430px, 43vw, 610px);
  margin: 0 0 28px;
  border: 1px solid rgba(227, 190, 91, .64);
  border-radius: 30px;
  overflow: hidden;
  background: #0d0918;
  color: #fff7ec;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.v251-chinese-detail-daily .v156-chinese-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg,
      rgba(8, 6, 20, .97) 0%,
      rgba(12, 7, 24, .91) 33%,
      rgba(14, 8, 25, .61) 53%,
      rgba(9, 6, 18, .12) 75%,
      rgba(7, 5, 15, .07) 100%),
    linear-gradient(180deg, rgba(8, 5, 16, .08), rgba(8, 5, 16, .24));
  pointer-events: none;
}

.v251-chinese-detail-daily .v156-chinese-detail-hero > div:first-child {
  position: relative;
  z-index: 2;
  width: min(58%, 760px);
  padding: clamp(44px, 5vw, 78px);
  align-self: auto;
}

.v251-chinese-detail-daily .v156-chinese-detail-hero .eyebrow {
  margin-bottom: 12px;
  color: #f0cd72;
  letter-spacing: .16em;
}

.v251-chinese-detail-daily .v156-chinese-detail-hero h1 {
  max-width: 720px;
  margin: .12em 0 .2em;
  color: #fff8ea;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(43px, 5vw, 72px);
  line-height: .98;
  text-shadow: 0 4px 26px rgba(0, 0, 0, .42);
}

.v251-chinese-detail-daily .v156-chinese-detail-hero p:not(.eyebrow) {
  max-width: 660px;
  margin-top: 17px;
  color: #eee2e8;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.7;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

.v251-chinese-detail-daily .v156-chinese-detail-hero .horoscope-price-badge {
  margin: 16px 0 2px;
  padding: 8px 13px;
  border-color: rgba(235, 196, 92, .72);
  background: rgba(18, 10, 28, .64);
  color: #f7d982;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

.v251-chinese-detail-daily .v164-chinese-period-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-height: 0;
  max-height: none;
}

.v251-chinese-detail-daily .v164-chinese-period-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: 64% center;
}

.v251-chinese-detail-daily .v156-chinese-form,
.v251-chinese-detail-daily .premium-access-gate {
  border: 1px solid rgba(226, 187, 87, .52);
  background:
    radial-gradient(circle at 86% 8%, rgba(226, 184, 82, .08), transparent 28%),
    linear-gradient(145deg, rgba(13, 10, 29, .96), rgba(20, 12, 37, .96) 55%, rgba(10, 8, 24, .97));
  color: #f6eceb;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28);
  backdrop-filter: blur(8px);
}

.v251-chinese-detail-daily .v156-chinese-form {
  gap: 20px;
  padding: clamp(24px, 3.2vw, 38px);
  border-radius: 27px;
}

.v251-chinese-detail-daily .v156-chinese-form .horoscope-personal-note {
  padding: 19px 21px;
  border: 1px solid rgba(231, 194, 96, .34);
  border-radius: 18px;
  background: rgba(255, 255, 255, .045);
  color: #eee3eb;
}

.v251-chinese-detail-daily .v156-chinese-form .horoscope-personal-note strong {
  color: #f6d782;
}

.v251-chinese-detail-daily .v156-chinese-form label {
  color: #f2dfb7;
}

.v251-chinese-detail-daily .v156-chinese-form input,
.v251-chinese-detail-daily .v156-chinese-form select {
  min-height: 50px;
  border: 1px solid rgba(223, 190, 111, .36);
  border-radius: 13px;
  background: rgba(5, 8, 24, .72);
  color: #fff8ec;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.v251-chinese-detail-daily .v156-chinese-form input:focus,
.v251-chinese-detail-daily .v156-chinese-form select:focus {
  outline: 2px solid rgba(232, 192, 91, .18);
  border-color: rgba(240, 202, 108, .76);
}

.v251-chinese-detail-daily .v156-chinese-form select option {
  background: #100b20;
  color: #fff8ec;
}

.v251-chinese-detail-daily .v156-chinese-form .button,
.v251-chinese-detail-daily .premium-access-gate .button {
  border: 1px solid #f1cd72;
  background: linear-gradient(135deg, #f5d983, #dca742);
  color: #211427;
  font-weight: 800;
  box-shadow: 0 12px 26px rgba(218, 166, 66, .2);
}

.v251-chinese-detail-daily .v156-chinese-result {
  margin-top: 34px;
  color: #eee3e9;
}

.v251-chinese-detail-daily .v156-chinese-result-head {
  border: 1px solid rgba(226, 187, 87, .48);
  background:
    radial-gradient(circle at 82% 16%, rgba(234, 190, 83, .16), transparent 25%),
    linear-gradient(140deg, rgba(14, 9, 30, .98), rgba(35, 17, 43, .97) 60%, rgba(11, 8, 25, .98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}

.v251-chinese-detail-daily .v156-chinese-profile-text,
.v251-chinese-detail-daily .v154-horoscope-timing,
.v251-chinese-detail-daily .v156-chinese-highlights,
.v251-chinese-detail-daily .horoscope-guidance,
.v251-chinese-detail-daily .v154-facts {
  border-color: rgba(225, 187, 90, .34) !important;
  background: linear-gradient(145deg, rgba(14, 10, 30, .94), rgba(24, 13, 38, .94)) !important;
  color: #eee2e8;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

.v251-chinese-detail-daily .v156-chinese-profile-text h2,
.v251-chinese-detail-daily .v154-horoscope-timing .section-title h2,
.v251-chinese-detail-daily .v154-life .section-title h2,
.v251-chinese-detail-daily .v156-chinese-highlights .section-title h2,
.v251-chinese-detail-daily .v154-life-list h3,
.v251-chinese-detail-daily .v154-timeline-copy h3,
.v251-chinese-detail-daily .v156-chinese-highlights h3,
.v251-chinese-detail-daily .horoscope-guidance strong,
.v251-chinese-detail-daily .v154-facts summary {
  color: #f5d782 !important;
}

.v251-chinese-detail-daily .v156-chinese-profile-text p,
.v251-chinese-detail-daily .v154-timeline-copy p,
.v251-chinese-detail-daily .v154-life-list p,
.v251-chinese-detail-daily .v156-chinese-highlights p,
.v251-chinese-detail-daily .horoscope-guidance p,
.v251-chinese-detail-daily .horoscope-disclaimer {
  color: #e8dce5 !important;
}

.v251-chinese-detail-daily .v154-horoscope-timing {
  border: 1px solid rgba(225, 187, 90, .34);
  border-radius: 25px;
}

.v251-chinese-detail-daily .v154-timeline::before {
  background: linear-gradient(#e2ba59, #815d9d, #e2ba59);
}

.v251-chinese-detail-daily .v154-timeline-dot {
  border-color: rgba(235, 197, 101, .62);
  background: #171027;
  color: #f3d374;
}

.v251-chinese-detail-daily .v154-life {
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(225, 187, 90, .28);
  border-radius: 25px;
  background: rgba(10, 8, 25, .78);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.v251-chinese-detail-daily .v154-life-list article {
  border-top-color: rgba(231, 197, 115, .17);
}

.v251-chinese-detail-daily .v154-life-list article::before {
  background: rgba(232, 193, 93, .58);
}

.v251-chinese-detail-daily .v156-chinese-highlights > div:last-child {
  gap: 14px;
}

.v251-chinese-detail-daily .v156-chinese-highlights article {
  border-color: rgba(231, 194, 96, .24);
  background: rgba(255, 255, 255, .035);
}

.v251-chinese-detail-daily .horoscope-guidance {
  border: 1px solid rgba(231, 194, 96, .38);
}

.v251-chinese-detail-daily .v154-facts summary {
  border-bottom-color: rgba(231, 194, 96, .18);
}

.v251-chinese-detail-daily .v154-facts pre {
  color: #e9dfe8;
  background: #080617;
}

.v251-chinese-detail-daily .v175-horoscope-saved-note {
  border-color: rgba(225, 187, 90, .34);
  background: rgba(14, 10, 30, .88);
  color: #f3e5e8;
}

.v251-chinese-detail-daily .v175-horoscope-saved-note a {
  color: #f2d276;
}

@media (max-width: 1000px) {
  .v251-chinese-detail-daily .v156-chinese-detail-hero {
    min-height: 540px;
  }

  .v251-chinese-detail-daily .v156-chinese-detail-hero > div:first-child {
    width: min(68%, 690px);
    padding: 48px 38px;
  }

  .v251-chinese-detail-daily .v164-chinese-period-hero-image {
    object-position: 64% center;
  }
}

@media (max-width: 760px) {
  .v251-chinese-detail-daily {
    padding-top: 22px;
    padding-bottom: 48px;
  }

  .v251-chinese-detail-daily::before,
  .v251-chinese-detail-daily::after {
    top: -36px;
    bottom: -60px;
  }

  .v251-chinese-detail-daily::before {
    background:
      linear-gradient(180deg, rgba(7, 6, 20, .82), rgba(8, 6, 22, .96)),
      url('chinese/chinese-overview-wow-v1236.webp') 58% top / auto 760px repeat-y;
  }

  .v251-chinese-detail-daily .v156-chinese-detail-hero {
    min-height: 610px;
    border-radius: 24px;
  }

  .v251-chinese-detail-daily .v156-chinese-detail-hero::after {
    background:
      linear-gradient(180deg,
        rgba(8, 5, 18, .18) 0%,
        rgba(8, 5, 18, .35) 39%,
        rgba(8, 5, 18, .88) 68%,
        rgba(8, 5, 18, .98) 100%);
  }

  .v251-chinese-detail-daily .v156-chinese-detail-hero > div:first-child {
    position: absolute;
    inset: auto 0 0;
    width: auto;
    padding: 28px 22px 31px;
  }

  .v251-chinese-detail-daily .v156-chinese-detail-hero h1 {
    font-size: clamp(36px, 10.5vw, 52px);
  }

  .v251-chinese-detail-daily .v156-chinese-detail-hero p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.58;
  }

  .v251-chinese-detail-daily .v164-chinese-period-hero-image {
    object-position: 68% 32%;
  }

  .v251-chinese-detail-daily .v156-chinese-form {
    padding: 20px 17px;
    border-radius: 22px;
  }

  .v251-chinese-detail-daily .v154-life {
    padding: 22px 18px;
  }

  .v251-chinese-detail-daily .v156-chinese-highlights {
    padding: 24px 18px;
  }
}

/* ========================================================================== 
 * v1.252 – Chinesisches Wochenhoroskop als kosmisch-edle Detailseite
 * --------------------------------------------------------------------------
 * Nur /chinesisches-horoskop/woche. Die Berechnungs- und Commerce-Logik bleibt
 * unverändert. Die Seite nutzt die bereits freigegebenen chinesischen Bilder
 * aus assets/chinese/ und integriert Hero, Formular und Ergebnis in eine
 * gemeinsame violett-goldene Welt.
 * ========================================================================== */
.v251-chinese-detail-weekly {
  position: relative;
  isolation: isolate;
  padding-top: 34px;
  padding-bottom: 74px;
  color: #f8efea;
}

.v251-chinese-detail-weekly::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(7, 6, 20, .78) 0%, rgba(8, 6, 22, .92) 42%, rgba(6, 5, 18, .97) 100%),
    url('chinese/chinese-overview-wow-v1236.webp') center top / cover fixed no-repeat;
}

.v251-chinese-detail-weekly::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(circle at 80% 15%, rgba(236, 191, 88, .18), transparent 23%),
    radial-gradient(circle at 18% 56%, rgba(90, 87, 158, .18), transparent 31%);
}

.v251-chinese-detail-weekly > p:first-child {
  margin: 0 0 16px;
}

.v251-chinese-detail-weekly .back-link {
  color: #f0d58b;
  font-weight: 700;
  text-decoration: none;
}

.v251-chinese-detail-weekly .back-link:hover {
  color: #fff3c8;
}

.v251-chinese-detail-weekly .v156-chinese-detail-hero {
  position: relative;
  display: block;
  min-height: clamp(430px, 43vw, 610px);
  margin: 0 0 28px;
  border: 1px solid rgba(227, 190, 91, .64);
  border-radius: 30px;
  overflow: hidden;
  background: #0d0918;
  color: #fff7ec;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.v251-chinese-detail-weekly .v156-chinese-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg,
      rgba(8, 6, 20, .97) 0%,
      rgba(12, 7, 24, .91) 33%,
      rgba(14, 8, 25, .61) 53%,
      rgba(9, 6, 18, .12) 75%,
      rgba(7, 5, 15, .07) 100%),
    linear-gradient(180deg, rgba(8, 5, 16, .08), rgba(8, 5, 16, .24));
  pointer-events: none;
}

.v251-chinese-detail-weekly .v156-chinese-detail-hero > div:first-child {
  position: relative;
  z-index: 2;
  width: min(58%, 760px);
  padding: clamp(44px, 5vw, 78px);
  align-self: auto;
}

.v251-chinese-detail-weekly .v156-chinese-detail-hero .eyebrow {
  margin-bottom: 12px;
  color: #f0cd72;
  letter-spacing: .16em;
}

.v251-chinese-detail-weekly .v156-chinese-detail-hero h1 {
  max-width: 720px;
  margin: .12em 0 .2em;
  color: #fff8ea;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(43px, 5vw, 72px);
  line-height: .98;
  text-shadow: 0 4px 26px rgba(0, 0, 0, .42);
}

.v251-chinese-detail-weekly .v156-chinese-detail-hero p:not(.eyebrow) {
  max-width: 660px;
  margin-top: 17px;
  color: #eee2e8;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.7;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

.v251-chinese-detail-weekly .v156-chinese-detail-hero .horoscope-price-badge {
  margin: 16px 0 2px;
  padding: 8px 13px;
  border-color: rgba(235, 196, 92, .72);
  background: rgba(18, 10, 28, .64);
  color: #f7d982;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

.v251-chinese-detail-weekly .v164-chinese-period-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-height: 0;
  max-height: none;
}

.v251-chinese-detail-weekly .v164-chinese-period-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: 68% center;
}

.v251-chinese-detail-weekly .v156-chinese-form,
.v251-chinese-detail-weekly .premium-access-gate {
  border: 1px solid rgba(226, 187, 87, .52);
  background:
    radial-gradient(circle at 86% 8%, rgba(226, 184, 82, .08), transparent 28%),
    linear-gradient(145deg, rgba(13, 10, 29, .96), rgba(20, 12, 37, .96) 55%, rgba(10, 8, 24, .97));
  color: #f6eceb;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28);
  backdrop-filter: blur(8px);
}

.v251-chinese-detail-weekly .v156-chinese-form {
  gap: 20px;
  padding: clamp(24px, 3.2vw, 38px);
  border-radius: 27px;
}

.v251-chinese-detail-weekly .v156-chinese-form .horoscope-personal-note {
  padding: 19px 21px;
  border: 1px solid rgba(231, 194, 96, .34);
  border-radius: 18px;
  background: rgba(255, 255, 255, .045);
  color: #eee3eb;
}

.v251-chinese-detail-weekly .v156-chinese-form .horoscope-personal-note strong {
  color: #f6d782;
}

.v251-chinese-detail-weekly .v156-chinese-form label {
  color: #f2dfb7;
}

.v251-chinese-detail-weekly .v156-chinese-form input,
.v251-chinese-detail-weekly .v156-chinese-form select {
  min-height: 50px;
  border: 1px solid rgba(223, 190, 111, .36);
  border-radius: 13px;
  background: rgba(5, 8, 24, .72);
  color: #fff8ec;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.v251-chinese-detail-weekly .v156-chinese-form input:focus,
.v251-chinese-detail-weekly .v156-chinese-form select:focus {
  outline: 2px solid rgba(232, 192, 91, .18);
  border-color: rgba(240, 202, 108, .76);
}

.v251-chinese-detail-weekly .v156-chinese-form select option {
  background: #100b20;
  color: #fff8ec;
}

.v251-chinese-detail-weekly .v156-chinese-form .button,
.v251-chinese-detail-weekly .premium-access-gate .button {
  border: 1px solid #f1cd72;
  background: linear-gradient(135deg, #f5d983, #dca742);
  color: #211427;
  font-weight: 800;
  box-shadow: 0 12px 26px rgba(218, 166, 66, .2);
}

.v251-chinese-detail-weekly .v156-chinese-result {
  margin-top: 34px;
  color: #eee3e9;
}

.v251-chinese-detail-weekly .v156-chinese-result-head {
  border: 1px solid rgba(226, 187, 87, .48);
  background:
    radial-gradient(circle at 82% 16%, rgba(234, 190, 83, .16), transparent 25%),
    linear-gradient(140deg, rgba(14, 9, 30, .98), rgba(35, 17, 43, .97) 60%, rgba(11, 8, 25, .98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}

.v251-chinese-detail-weekly .v156-chinese-profile-text,
.v251-chinese-detail-weekly .v154-horoscope-timing,
.v251-chinese-detail-weekly .v156-chinese-highlights,
.v251-chinese-detail-weekly .horoscope-guidance,
.v251-chinese-detail-weekly .v154-facts {
  border-color: rgba(225, 187, 90, .34) !important;
  background: linear-gradient(145deg, rgba(14, 10, 30, .94), rgba(24, 13, 38, .94)) !important;
  color: #eee2e8;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

.v251-chinese-detail-weekly .v156-chinese-profile-text h2,
.v251-chinese-detail-weekly .v154-horoscope-timing .section-title h2,
.v251-chinese-detail-weekly .v154-life .section-title h2,
.v251-chinese-detail-weekly .v156-chinese-highlights .section-title h2,
.v251-chinese-detail-weekly .v154-life-list h3,
.v251-chinese-detail-weekly .v154-timeline-copy h3,
.v251-chinese-detail-weekly .v156-chinese-highlights h3,
.v251-chinese-detail-weekly .horoscope-guidance strong,
.v251-chinese-detail-weekly .v154-facts summary {
  color: #f5d782 !important;
}

.v251-chinese-detail-weekly .v156-chinese-profile-text p,
.v251-chinese-detail-weekly .v154-timeline-copy p,
.v251-chinese-detail-weekly .v154-life-list p,
.v251-chinese-detail-weekly .v156-chinese-highlights p,
.v251-chinese-detail-weekly .horoscope-guidance p,
.v251-chinese-detail-weekly .horoscope-disclaimer {
  color: #e8dce5 !important;
}

.v251-chinese-detail-weekly .v154-horoscope-timing {
  border: 1px solid rgba(225, 187, 90, .34);
  border-radius: 25px;
}

.v251-chinese-detail-weekly .v154-timeline::before {
  background: linear-gradient(#e2ba59, #815d9d, #e2ba59);
}

.v251-chinese-detail-weekly .v154-timeline-dot {
  border-color: rgba(235, 197, 101, .62);
  background: #171027;
  color: #f3d374;
}

.v251-chinese-detail-weekly .v154-life {
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(225, 187, 90, .28);
  border-radius: 25px;
  background: rgba(10, 8, 25, .78);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.v251-chinese-detail-weekly .v154-life-list article {
  border-top-color: rgba(231, 197, 115, .17);
}

.v251-chinese-detail-weekly .v154-life-list article::before {
  background: rgba(232, 193, 93, .58);
}

.v251-chinese-detail-weekly .v156-chinese-highlights > div:last-child {
  gap: 14px;
}

.v251-chinese-detail-weekly .v156-chinese-highlights article {
  border-color: rgba(231, 194, 96, .24);
  background: rgba(255, 255, 255, .035);
}

.v251-chinese-detail-weekly .horoscope-guidance {
  border: 1px solid rgba(231, 194, 96, .38);
}

.v251-chinese-detail-weekly .v154-facts summary {
  border-bottom-color: rgba(231, 194, 96, .18);
}

.v251-chinese-detail-weekly .v154-facts pre {
  color: #e9dfe8;
  background: #080617;
}

.v251-chinese-detail-weekly .v175-horoscope-saved-note {
  border-color: rgba(225, 187, 90, .34);
  background: rgba(14, 10, 30, .88);
  color: #f3e5e8;
}

.v251-chinese-detail-weekly .v175-horoscope-saved-note a {
  color: #f2d276;
}

@media (max-width: 1000px) {
  .v251-chinese-detail-weekly .v156-chinese-detail-hero {
    min-height: 540px;
  }

  .v251-chinese-detail-weekly .v156-chinese-detail-hero > div:first-child {
    width: min(68%, 690px);
    padding: 48px 38px;
  }

  .v251-chinese-detail-weekly .v164-chinese-period-hero-image {
    object-position: 68% center;
  }
}

@media (max-width: 760px) {
  .v251-chinese-detail-weekly {
    padding-top: 22px;
    padding-bottom: 48px;
  }

  .v251-chinese-detail-weekly::before,
  .v251-chinese-detail-weekly::after {
    top: -36px;
    bottom: -60px;
  }

  .v251-chinese-detail-weekly::before {
    background:
      linear-gradient(180deg, rgba(7, 6, 20, .82), rgba(8, 6, 22, .96)),
      url('chinese/chinese-overview-wow-v1236.webp') 58% top / auto 760px repeat-y;
  }

  .v251-chinese-detail-weekly .v156-chinese-detail-hero {
    min-height: 610px;
    border-radius: 24px;
  }

  .v251-chinese-detail-weekly .v156-chinese-detail-hero::after {
    background:
      linear-gradient(180deg,
        rgba(8, 5, 18, .18) 0%,
        rgba(8, 5, 18, .35) 39%,
        rgba(8, 5, 18, .88) 68%,
        rgba(8, 5, 18, .98) 100%);
  }

  .v251-chinese-detail-weekly .v156-chinese-detail-hero > div:first-child {
    position: absolute;
    inset: auto 0 0;
    width: auto;
    padding: 28px 22px 31px;
  }

  .v251-chinese-detail-weekly .v156-chinese-detail-hero h1 {
    font-size: clamp(36px, 10.5vw, 52px);
  }

  .v251-chinese-detail-weekly .v156-chinese-detail-hero p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.58;
  }

  .v251-chinese-detail-weekly .v164-chinese-period-hero-image {
    object-position: 72% 30%;
  }

  .v251-chinese-detail-weekly .v156-chinese-form {
    padding: 20px 17px;
    border-radius: 22px;
  }

  .v251-chinese-detail-weekly .v154-life {
    padding: 22px 18px;
  }

  .v251-chinese-detail-weekly .v156-chinese-highlights {
    padding: 24px 18px;
  }
}

/* ========================================================================== 
 * v1.253 – Chinesisches Monatshoroskop als kosmisch-edle Detailseite
 * --------------------------------------------------------------------------
 * Nur /chinesisches-horoskop/monat. Die Berechnungs- und Commerce-Logik bleibt
 * unverändert. Die Seite nutzt die bereits freigegebenen chinesischen Bilder
 * aus assets/chinese/ und integriert Hero, Formular und Ergebnis in eine
 * gemeinsame violett-goldene Welt.
 * ========================================================================== */
.v251-chinese-detail-monthly {
  position: relative;
  isolation: isolate;
  padding-top: 34px;
  padding-bottom: 74px;
  color: #f8efea;
}

.v251-chinese-detail-monthly::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(7, 6, 20, .78) 0%, rgba(8, 6, 22, .92) 42%, rgba(6, 5, 18, .97) 100%),
    url('chinese/chinese-overview-wow-v1236.webp') center top / cover fixed no-repeat;
}

.v251-chinese-detail-monthly::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(circle at 80% 15%, rgba(236, 191, 88, .18), transparent 23%),
    radial-gradient(circle at 18% 56%, rgba(90, 87, 158, .18), transparent 31%);
}

.v251-chinese-detail-monthly > p:first-child {
  margin: 0 0 16px;
}

.v251-chinese-detail-monthly .back-link {
  color: #f0d58b;
  font-weight: 700;
  text-decoration: none;
}

.v251-chinese-detail-monthly .back-link:hover {
  color: #fff3c8;
}

.v251-chinese-detail-monthly .v156-chinese-detail-hero {
  position: relative;
  display: block;
  min-height: clamp(430px, 43vw, 610px);
  margin: 0 0 28px;
  border: 1px solid rgba(227, 190, 91, .64);
  border-radius: 30px;
  overflow: hidden;
  background: #0d0918;
  color: #fff7ec;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.v251-chinese-detail-monthly .v156-chinese-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg,
      rgba(8, 6, 20, .97) 0%,
      rgba(12, 7, 24, .91) 33%,
      rgba(14, 8, 25, .61) 53%,
      rgba(9, 6, 18, .12) 75%,
      rgba(7, 5, 15, .07) 100%),
    linear-gradient(180deg, rgba(8, 5, 16, .08), rgba(8, 5, 16, .24));
  pointer-events: none;
}

.v251-chinese-detail-monthly .v156-chinese-detail-hero > div:first-child {
  position: relative;
  z-index: 2;
  width: min(58%, 760px);
  padding: clamp(44px, 5vw, 78px);
  align-self: auto;
}

.v251-chinese-detail-monthly .v156-chinese-detail-hero .eyebrow {
  margin-bottom: 12px;
  color: #f0cd72;
  letter-spacing: .16em;
}

.v251-chinese-detail-monthly .v156-chinese-detail-hero h1 {
  max-width: 720px;
  margin: .12em 0 .2em;
  color: #fff8ea;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(43px, 5vw, 72px);
  line-height: .98;
  text-shadow: 0 4px 26px rgba(0, 0, 0, .42);
}

.v251-chinese-detail-monthly .v156-chinese-detail-hero p:not(.eyebrow) {
  max-width: 660px;
  margin-top: 17px;
  color: #eee2e8;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.7;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

.v251-chinese-detail-monthly .v156-chinese-detail-hero .horoscope-price-badge {
  margin: 16px 0 2px;
  padding: 8px 13px;
  border-color: rgba(235, 196, 92, .72);
  background: rgba(18, 10, 28, .64);
  color: #f7d982;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

.v251-chinese-detail-monthly .v164-chinese-period-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-height: 0;
  max-height: none;
}

.v251-chinese-detail-monthly .v164-chinese-period-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: 76% center;
}

.v251-chinese-detail-monthly .v156-chinese-form,
.v251-chinese-detail-monthly .premium-access-gate {
  border: 1px solid rgba(226, 187, 87, .52);
  background:
    radial-gradient(circle at 86% 8%, rgba(226, 184, 82, .08), transparent 28%),
    linear-gradient(145deg, rgba(13, 10, 29, .96), rgba(20, 12, 37, .96) 55%, rgba(10, 8, 24, .97));
  color: #f6eceb;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28);
  backdrop-filter: blur(8px);
}

.v251-chinese-detail-monthly .v156-chinese-form {
  gap: 20px;
  padding: clamp(24px, 3.2vw, 38px);
  border-radius: 27px;
}

.v251-chinese-detail-monthly .v156-chinese-form .horoscope-personal-note {
  padding: 19px 21px;
  border: 1px solid rgba(231, 194, 96, .34);
  border-radius: 18px;
  background: rgba(255, 255, 255, .045);
  color: #eee3eb;
}

.v251-chinese-detail-monthly .v156-chinese-form .horoscope-personal-note strong {
  color: #f6d782;
}

.v251-chinese-detail-monthly .v156-chinese-form label {
  color: #f2dfb7;
}

.v251-chinese-detail-monthly .v156-chinese-form input,
.v251-chinese-detail-monthly .v156-chinese-form select {
  min-height: 50px;
  border: 1px solid rgba(223, 190, 111, .36);
  border-radius: 13px;
  background: rgba(5, 8, 24, .72);
  color: #fff8ec;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.v251-chinese-detail-monthly .v156-chinese-form input:focus,
.v251-chinese-detail-monthly .v156-chinese-form select:focus {
  outline: 2px solid rgba(232, 192, 91, .18);
  border-color: rgba(240, 202, 108, .76);
}

.v251-chinese-detail-monthly .v156-chinese-form select option {
  background: #100b20;
  color: #fff8ec;
}

.v251-chinese-detail-monthly .v156-chinese-form .button,
.v251-chinese-detail-monthly .premium-access-gate .button {
  border: 1px solid #f1cd72;
  background: linear-gradient(135deg, #f5d983, #dca742);
  color: #211427;
  font-weight: 800;
  box-shadow: 0 12px 26px rgba(218, 166, 66, .2);
}

.v251-chinese-detail-monthly .v156-chinese-result {
  margin-top: 34px;
  color: #eee3e9;
}

.v251-chinese-detail-monthly .v156-chinese-result-head {
  border: 1px solid rgba(226, 187, 87, .48);
  background:
    radial-gradient(circle at 82% 16%, rgba(234, 190, 83, .16), transparent 25%),
    linear-gradient(140deg, rgba(14, 9, 30, .98), rgba(35, 17, 43, .97) 60%, rgba(11, 8, 25, .98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}

.v251-chinese-detail-monthly .v156-chinese-profile-text,
.v251-chinese-detail-monthly .v154-horoscope-timing,
.v251-chinese-detail-monthly .v156-chinese-highlights,
.v251-chinese-detail-monthly .horoscope-guidance,
.v251-chinese-detail-monthly .v154-facts {
  border-color: rgba(225, 187, 90, .34) !important;
  background: linear-gradient(145deg, rgba(14, 10, 30, .94), rgba(24, 13, 38, .94)) !important;
  color: #eee2e8;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

.v251-chinese-detail-monthly .v156-chinese-profile-text h2,
.v251-chinese-detail-monthly .v154-horoscope-timing .section-title h2,
.v251-chinese-detail-monthly .v154-life .section-title h2,
.v251-chinese-detail-monthly .v156-chinese-highlights .section-title h2,
.v251-chinese-detail-monthly .v154-life-list h3,
.v251-chinese-detail-monthly .v154-timeline-copy h3,
.v251-chinese-detail-monthly .v156-chinese-highlights h3,
.v251-chinese-detail-monthly .horoscope-guidance strong,
.v251-chinese-detail-monthly .v154-facts summary {
  color: #f5d782 !important;
}

.v251-chinese-detail-monthly .v156-chinese-profile-text p,
.v251-chinese-detail-monthly .v154-timeline-copy p,
.v251-chinese-detail-monthly .v154-life-list p,
.v251-chinese-detail-monthly .v156-chinese-highlights p,
.v251-chinese-detail-monthly .horoscope-guidance p,
.v251-chinese-detail-monthly .horoscope-disclaimer {
  color: #e8dce5 !important;
}

.v251-chinese-detail-monthly .v154-horoscope-timing {
  border: 1px solid rgba(225, 187, 90, .34);
  border-radius: 25px;
}

.v251-chinese-detail-monthly .v154-timeline::before {
  background: linear-gradient(#e2ba59, #815d9d, #e2ba59);
}

.v251-chinese-detail-monthly .v154-timeline-dot {
  border-color: rgba(235, 197, 101, .62);
  background: #171027;
  color: #f3d374;
}

.v251-chinese-detail-monthly .v154-life {
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(225, 187, 90, .28);
  border-radius: 25px;
  background: rgba(10, 8, 25, .78);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.v251-chinese-detail-monthly .v154-life-list article {
  border-top-color: rgba(231, 197, 115, .17);
}

.v251-chinese-detail-monthly .v154-life-list article::before {
  background: rgba(232, 193, 93, .58);
}

.v251-chinese-detail-monthly .v156-chinese-highlights > div:last-child {
  gap: 14px;
}

.v251-chinese-detail-monthly .v156-chinese-highlights article {
  border-color: rgba(231, 194, 96, .24);
  background: rgba(255, 255, 255, .035);
}

.v251-chinese-detail-monthly .horoscope-guidance {
  border: 1px solid rgba(231, 194, 96, .38);
}

.v251-chinese-detail-monthly .v154-facts summary {
  border-bottom-color: rgba(231, 194, 96, .18);
}

.v251-chinese-detail-monthly .v154-facts pre {
  color: #e9dfe8;
  background: #080617;
}

.v251-chinese-detail-monthly .v175-horoscope-saved-note {
  border-color: rgba(225, 187, 90, .34);
  background: rgba(14, 10, 30, .88);
  color: #f3e5e8;
}

.v251-chinese-detail-monthly .v175-horoscope-saved-note a {
  color: #f2d276;
}

@media (max-width: 1000px) {
  .v251-chinese-detail-monthly .v156-chinese-detail-hero {
    min-height: 540px;
  }

  .v251-chinese-detail-monthly .v156-chinese-detail-hero > div:first-child {
    width: min(68%, 690px);
    padding: 48px 38px;
  }

  .v251-chinese-detail-monthly .v164-chinese-period-hero-image {
    object-position: 76% center;
  }
}

@media (max-width: 760px) {
  .v251-chinese-detail-monthly {
    padding-top: 22px;
    padding-bottom: 48px;
  }

  .v251-chinese-detail-monthly::before,
  .v251-chinese-detail-monthly::after {
    top: -36px;
    bottom: -60px;
  }

  .v251-chinese-detail-monthly::before {
    background:
      linear-gradient(180deg, rgba(7, 6, 20, .82), rgba(8, 6, 22, .96)),
      url('chinese/chinese-overview-wow-v1236.webp') 58% top / auto 760px repeat-y;
  }

  .v251-chinese-detail-monthly .v156-chinese-detail-hero {
    min-height: 610px;
    border-radius: 24px;
  }

  .v251-chinese-detail-monthly .v156-chinese-detail-hero::after {
    background:
      linear-gradient(180deg,
        rgba(8, 5, 18, .18) 0%,
        rgba(8, 5, 18, .35) 39%,
        rgba(8, 5, 18, .88) 68%,
        rgba(8, 5, 18, .98) 100%);
  }

  .v251-chinese-detail-monthly .v156-chinese-detail-hero > div:first-child {
    position: absolute;
    inset: auto 0 0;
    width: auto;
    padding: 28px 22px 31px;
  }

  .v251-chinese-detail-monthly .v156-chinese-detail-hero h1 {
    font-size: clamp(36px, 10.5vw, 52px);
  }

  .v251-chinese-detail-monthly .v156-chinese-detail-hero p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.58;
  }

  .v251-chinese-detail-monthly .v164-chinese-period-hero-image {
    object-position: 79% 30%;
  }

  .v251-chinese-detail-monthly .v156-chinese-form {
    padding: 20px 17px;
    border-radius: 22px;
  }

  .v251-chinese-detail-monthly .v154-life {
    padding: 22px 18px;
  }

  .v251-chinese-detail-monthly .v156-chinese-highlights {
    padding: 24px 18px;
  }
}


/* ========================================================================== 
 * v1.254 – Chinesisches Jahreshoroskop als kosmisch-edle Detailseite
 * --------------------------------------------------------------------------
 * Nur /chinesisches-horoskop/jahr. Die Berechnungs- und Commerce-Logik bleibt
 * unverändert. Die Seite nutzt die bereits freigegebenen chinesischen Bilder
 * aus assets/chinese/ und integriert Hero, Formular und Ergebnis in eine
 * gemeinsame violett-goldene Welt.
 * ========================================================================== */
.v251-chinese-detail-yearly {
  position: relative;
  isolation: isolate;
  padding-top: 34px;
  padding-bottom: 74px;
  color: #f8efea;
}

.v251-chinese-detail-yearly::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background:
    linear-gradient(180deg, rgba(7, 6, 20, .78) 0%, rgba(8, 6, 22, .92) 42%, rgba(6, 5, 18, .97) 100%),
    url('chinese/chinese-overview-wow-v1236.webp') center top / cover fixed no-repeat;
}

.v251-chinese-detail-yearly::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -58px;
  bottom: -90px;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(circle at 80% 15%, rgba(236, 191, 88, .18), transparent 23%),
    radial-gradient(circle at 18% 56%, rgba(90, 87, 158, .18), transparent 31%);
}

.v251-chinese-detail-yearly > p:first-child {
  margin: 0 0 16px;
}

.v251-chinese-detail-yearly .back-link {
  color: #f0d58b;
  font-weight: 700;
  text-decoration: none;
}

.v251-chinese-detail-yearly .back-link:hover {
  color: #fff3c8;
}

.v251-chinese-detail-yearly .v156-chinese-detail-hero {
  position: relative;
  display: block;
  min-height: clamp(430px, 43vw, 610px);
  margin: 0 0 28px;
  border: 1px solid rgba(227, 190, 91, .64);
  border-radius: 30px;
  overflow: hidden;
  background: #0d0918;
  color: #fff7ec;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.v251-chinese-detail-yearly .v156-chinese-detail-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg,
      rgba(8, 6, 20, .97) 0%,
      rgba(12, 7, 24, .91) 33%,
      rgba(14, 8, 25, .61) 53%,
      rgba(9, 6, 18, .12) 75%,
      rgba(7, 5, 15, .07) 100%),
    linear-gradient(180deg, rgba(8, 5, 16, .08), rgba(8, 5, 16, .24));
  pointer-events: none;
}

.v251-chinese-detail-yearly .v156-chinese-detail-hero > div:first-child {
  position: relative;
  z-index: 2;
  width: min(58%, 760px);
  padding: clamp(44px, 5vw, 78px);
  align-self: auto;
}

.v251-chinese-detail-yearly .v156-chinese-detail-hero .eyebrow {
  margin-bottom: 12px;
  color: #f0cd72;
  letter-spacing: .16em;
}

.v251-chinese-detail-yearly .v156-chinese-detail-hero h1 {
  max-width: 720px;
  margin: .12em 0 .2em;
  color: #fff8ea;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(43px, 5vw, 72px);
  line-height: .98;
  text-shadow: 0 4px 26px rgba(0, 0, 0, .42);
}

.v251-chinese-detail-yearly .v156-chinese-detail-hero p:not(.eyebrow) {
  max-width: 660px;
  margin-top: 17px;
  color: #eee2e8;
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.7;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .55);
}

.v251-chinese-detail-yearly .v156-chinese-detail-hero .horoscope-price-badge {
  margin: 16px 0 2px;
  padding: 8px 13px;
  border-color: rgba(235, 196, 92, .72);
  background: rgba(18, 10, 28, .64);
  color: #f7d982;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .2);
}

.v251-chinese-detail-yearly .v164-chinese-period-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-height: 0;
  max-height: none;
}

.v251-chinese-detail-yearly .v164-chinese-period-hero-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  object-fit: cover;
  object-position: 72% center;
}

.v251-chinese-detail-yearly .v156-chinese-form,
.v251-chinese-detail-yearly .premium-access-gate {
  border: 1px solid rgba(226, 187, 87, .52);
  background:
    radial-gradient(circle at 86% 8%, rgba(226, 184, 82, .08), transparent 28%),
    linear-gradient(145deg, rgba(13, 10, 29, .96), rgba(20, 12, 37, .96) 55%, rgba(10, 8, 24, .97));
  color: #f6eceb;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .28);
  backdrop-filter: blur(8px);
}

.v251-chinese-detail-yearly .v156-chinese-form {
  gap: 20px;
  padding: clamp(24px, 3.2vw, 38px);
  border-radius: 27px;
}

.v251-chinese-detail-yearly .v156-chinese-form .horoscope-personal-note {
  padding: 19px 21px;
  border: 1px solid rgba(231, 194, 96, .34);
  border-radius: 18px;
  background: rgba(255, 255, 255, .045);
  color: #eee3eb;
}

.v251-chinese-detail-yearly .v156-chinese-form .horoscope-personal-note strong {
  color: #f6d782;
}

.v251-chinese-detail-yearly .v156-chinese-form label {
  color: #f2dfb7;
}

.v251-chinese-detail-yearly .v156-chinese-form input,
.v251-chinese-detail-yearly .v156-chinese-form select {
  min-height: 50px;
  border: 1px solid rgba(223, 190, 111, .36);
  border-radius: 13px;
  background: rgba(5, 8, 24, .72);
  color: #fff8ec;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.v251-chinese-detail-yearly .v156-chinese-form input:focus,
.v251-chinese-detail-yearly .v156-chinese-form select:focus {
  outline: 2px solid rgba(232, 192, 91, .18);
  border-color: rgba(240, 202, 108, .76);
}

.v251-chinese-detail-yearly .v156-chinese-form select option {
  background: #100b20;
  color: #fff8ec;
}

.v251-chinese-detail-yearly .v156-chinese-form .button,
.v251-chinese-detail-yearly .premium-access-gate .button {
  border: 1px solid #f1cd72;
  background: linear-gradient(135deg, #f5d983, #dca742);
  color: #211427;
  font-weight: 800;
  box-shadow: 0 12px 26px rgba(218, 166, 66, .2);
}

.v251-chinese-detail-yearly .v156-chinese-result {
  margin-top: 34px;
  color: #eee3e9;
}

.v251-chinese-detail-yearly .v156-chinese-result-head {
  border: 1px solid rgba(226, 187, 87, .48);
  background:
    radial-gradient(circle at 82% 16%, rgba(234, 190, 83, .16), transparent 25%),
    linear-gradient(140deg, rgba(14, 9, 30, .98), rgba(35, 17, 43, .97) 60%, rgba(11, 8, 25, .98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
}

.v251-chinese-detail-yearly .v156-chinese-profile-text,
.v251-chinese-detail-yearly .v154-horoscope-timing,
.v251-chinese-detail-yearly .v156-chinese-highlights,
.v251-chinese-detail-yearly .horoscope-guidance,
.v251-chinese-detail-yearly .v154-facts {
  border-color: rgba(225, 187, 90, .34) !important;
  background: linear-gradient(145deg, rgba(14, 10, 30, .94), rgba(24, 13, 38, .94)) !important;
  color: #eee2e8;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

.v251-chinese-detail-yearly .v156-chinese-profile-text h2,
.v251-chinese-detail-yearly .v154-horoscope-timing .section-title h2,
.v251-chinese-detail-yearly .v154-life .section-title h2,
.v251-chinese-detail-yearly .v156-chinese-highlights .section-title h2,
.v251-chinese-detail-yearly .v154-life-list h3,
.v251-chinese-detail-yearly .v154-timeline-copy h3,
.v251-chinese-detail-yearly .v156-chinese-highlights h3,
.v251-chinese-detail-yearly .horoscope-guidance strong,
.v251-chinese-detail-yearly .v154-facts summary {
  color: #f5d782 !important;
}

.v251-chinese-detail-yearly .v156-chinese-profile-text p,
.v251-chinese-detail-yearly .v154-timeline-copy p,
.v251-chinese-detail-yearly .v154-life-list p,
.v251-chinese-detail-yearly .v156-chinese-highlights p,
.v251-chinese-detail-yearly .horoscope-guidance p,
.v251-chinese-detail-yearly .horoscope-disclaimer {
  color: #e8dce5 !important;
}

.v251-chinese-detail-yearly .v154-horoscope-timing {
  border: 1px solid rgba(225, 187, 90, .34);
  border-radius: 25px;
}

.v251-chinese-detail-yearly .v154-timeline::before {
  background: linear-gradient(#e2ba59, #815d9d, #e2ba59);
}

.v251-chinese-detail-yearly .v154-timeline-dot {
  border-color: rgba(235, 197, 101, .62);
  background: #171027;
  color: #f3d374;
}

.v251-chinese-detail-yearly .v154-life {
  margin-top: 30px;
  padding: 28px 30px;
  border: 1px solid rgba(225, 187, 90, .28);
  border-radius: 25px;
  background: rgba(10, 8, 25, .78);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .18);
}

.v251-chinese-detail-yearly .v154-life-list article {
  border-top-color: rgba(231, 197, 115, .17);
}

.v251-chinese-detail-yearly .v154-life-list article::before {
  background: rgba(232, 193, 93, .58);
}

.v251-chinese-detail-yearly .v156-chinese-highlights > div:last-child {
  gap: 14px;
}

.v251-chinese-detail-yearly .v156-chinese-highlights article {
  border-color: rgba(231, 194, 96, .24);
  background: rgba(255, 255, 255, .035);
}

.v251-chinese-detail-yearly .horoscope-guidance {
  border: 1px solid rgba(231, 194, 96, .38);
}

.v251-chinese-detail-yearly .v154-facts summary {
  border-bottom-color: rgba(231, 194, 96, .18);
}

.v251-chinese-detail-yearly .v154-facts pre {
  color: #e9dfe8;
  background: #080617;
}

.v251-chinese-detail-yearly .v175-horoscope-saved-note {
  border-color: rgba(225, 187, 90, .34);
  background: rgba(14, 10, 30, .88);
  color: #f3e5e8;
}

.v251-chinese-detail-yearly .v175-horoscope-saved-note a {
  color: #f2d276;
}

@media (max-width: 1000px) {
  .v251-chinese-detail-yearly .v156-chinese-detail-hero {
    min-height: 540px;
  }

  .v251-chinese-detail-yearly .v156-chinese-detail-hero > div:first-child {
    width: min(68%, 690px);
    padding: 48px 38px;
  }

  .v251-chinese-detail-yearly .v164-chinese-period-hero-image {
    object-position: 72% center;
  }
}

@media (max-width: 760px) {
  .v251-chinese-detail-yearly {
    padding-top: 22px;
    padding-bottom: 48px;
  }

  .v251-chinese-detail-yearly::before,
  .v251-chinese-detail-yearly::after {
    top: -36px;
    bottom: -60px;
  }

  .v251-chinese-detail-yearly::before {
    background:
      linear-gradient(180deg, rgba(7, 6, 20, .82), rgba(8, 6, 22, .96)),
      url('chinese/chinese-overview-wow-v1236.webp') 58% top / auto 760px repeat-y;
  }

  .v251-chinese-detail-yearly .v156-chinese-detail-hero {
    min-height: 610px;
    border-radius: 24px;
  }

  .v251-chinese-detail-yearly .v156-chinese-detail-hero::after {
    background:
      linear-gradient(180deg,
        rgba(8, 5, 18, .18) 0%,
        rgba(8, 5, 18, .35) 39%,
        rgba(8, 5, 18, .88) 68%,
        rgba(8, 5, 18, .98) 100%);
  }

  .v251-chinese-detail-yearly .v156-chinese-detail-hero > div:first-child {
    position: absolute;
    inset: auto 0 0;
    width: auto;
    padding: 28px 22px 31px;
  }

  .v251-chinese-detail-yearly .v156-chinese-detail-hero h1 {
    font-size: clamp(36px, 10.5vw, 52px);
  }

  .v251-chinese-detail-yearly .v156-chinese-detail-hero p:not(.eyebrow) {
    font-size: 14px;
    line-height: 1.58;
  }

  .v251-chinese-detail-yearly .v164-chinese-period-hero-image {
    object-position: 74% 30%;
  }

  .v251-chinese-detail-yearly .v156-chinese-form {
    padding: 20px 17px;
    border-radius: 22px;
  }

  .v251-chinese-detail-yearly .v154-life {
    padding: 22px 18px;
  }

  .v251-chinese-detail-yearly .v156-chinese-highlights {
    padding: 24px 18px;
  }
}


/* --------------------------------------------------------------------------
 * v1.298 – persoenliches Tierzeichen + Element als grosse Ergebnisbuehne
 * -------------------------------------------------------------------------- */
.v298-chinese-promise { margin:34px 0 24px; }
.v298-chinese-promise .v298-promise-symbol { font-size:18px; letter-spacing:-2px; }

.v298-chinese-identity {
  --pv-element-accent:#e4c36e;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(300px,42%) minmax(0,1fr);
  min-height:430px;
  margin:34px 0 24px;
  border:1px solid rgba(229,190,92,.52);
  border-radius:31px;
  background:
    radial-gradient(circle at 18% 52%, color-mix(in srgb,var(--pv-element-accent) 21%, transparent), transparent 33%),
    radial-gradient(circle at 84% 18%, rgba(133,81,159,.18), transparent 30%),
    linear-gradient(138deg,#09071a 0%,#1c0f2e 58%,#080716 100%);
  box-shadow:0 26px 72px rgba(0,0,0,.34);
}
.v298-chinese-identity[data-element="wood"] { --pv-element-accent:#c8d78a; }
.v298-chinese-identity[data-element="fire"] { --pv-element-accent:#efb267; }
.v298-chinese-identity[data-element="earth"] { --pv-element-accent:#d7b16a; }
.v298-chinese-identity[data-element="metal"] { --pv-element-accent:#eee0aa; }
.v298-chinese-identity[data-element="water"] { --pv-element-accent:#b5cbe6; }
.v298-chinese-portrait { position:relative; min-height:430px; overflow:hidden; }
.v298-chinese-animal { width:100%; height:100%; min-height:430px; object-fit:cover; object-position:center; display:block; filter:saturate(.94) contrast(1.03); }
.v298-chinese-portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,6,18,.06) 0%,rgba(8,6,18,.10) 56%,rgba(11,7,24,.94) 100%),linear-gradient(0deg,rgba(8,6,18,.35),transparent 55%); }
.v298-element-watermark { position:absolute; z-index:2; left:24px; bottom:18px; color:var(--pv-element-accent); font-family:Georgia,"Times New Roman",serif; font-size:clamp(82px,8vw,128px); line-height:1; opacity:.80; text-shadow:0 0 28px color-mix(in srgb,var(--pv-element-accent) 40%, transparent); }
.v298-chinese-identity .v298-identity-copy { padding:48px clamp(28px,4vw,64px) 48px 20px; }
.v298-chinese-identity .v298-identity-copy h2 { color:#fff8ed; font-size:clamp(43px,5vw,72px); }
.v298-chinese-identity .v298-identity-copy .eyebrow { color:var(--pv-element-accent); }
.v298-chinese-identity .v298-identity-tags span { border-color:color-mix(in srgb,var(--pv-element-accent) 34%, transparent); color:#f2e3c7; }

@media (max-width:760px) {
  .v298-chinese-identity { grid-template-columns:1fr; min-height:0; border-radius:24px; }
  .v298-chinese-portrait { min-height:360px; }
  .v298-chinese-animal { min-height:360px; }
  .v298-chinese-portrait::after { background:linear-gradient(0deg,rgba(8,6,18,.96) 0%,rgba(8,6,18,.20) 52%,rgba(8,6,18,.04) 100%); }
  .v298-element-watermark { left:18px; bottom:12px; font-size:88px; }
  .v298-chinese-identity .v298-identity-copy { margin-top:-1px; padding:26px 22px 30px; text-align:center; }
}

/* v1.304 – Berechnungsgrundlage ist bereits VOR Kauf/Abo sichtbar. */
.v251-chinese-detail > .v298-chinese-promise {
  width:100%;
  max-width:none;
  margin:34px 0 24px !important;
}