/*
 * AnimeRadar v2.4.226 - AnimeRadar Premium (#view-premium.premium-2026)
 *
 * Umsetzung der Referenz Referenzbilder/Seitendesigns/Premium.png
 * (1484 x 1060, Desktop links, Mobil rechts). Bildkoordinaten der Vorlage
 * entsprechen CSS-Pixeln: Inhaltsspalte 824 px, Hero 188 hoch, Zeile 2 und 3
 * als Raster 1fr + 260 px mit 12 px Abstand, unterer Banner 120 hoch.
 * Mobilseite der Vorlage ist 360 px breit und wird 1:1 uebernommen.
 *
 * Alle Regeln sind auf #view-premium.premium-2026 begrenzt. Die alte Datei
 * material-reference-premium-v2-4-194.css bleibt geladen, ihre Selektoren
 * (.premium-hero, .premium-block, .premium-feature ...) kommen im neuen
 * Markup nicht mehr vor.
 *
 * Artwork-Ebene: .pm-hero-art (--pm-hero-art) ist bewusst leer. Das
 * Premium-Hero-Bannerbild wurde absichtlich noch nicht eingesetzt; ein
 * spaeteres Bild wird ueber die Custom Property auf #view-premium gesetzt,
 * ohne das Layout zu veraendern:
 *   #view-premium.premium-2026 { --pm-hero-art: url("assets/...webp"); }
 *
 * Stand V2.4.245: Die rechte Spalte "Werde jetzt Premium", der untere Banner
 * "Bereit fuer mehr Anime?", das Lifetime-Paket und der Hinweis zur noch
 * fehlenden Buchung sind entfernt. Uebrig bleiben zwei gleichwertige Pakete -
 * "AnimeRadar 7 Tage testen" und "AnimeRadar Premium" fuer 1,99 Euro pro
 * Monat - die sich auswaehlen lassen. Der Auswahlzustand uebernimmt exakt die
 * Werte, die zuvor die hervorgehobene Lifetime-Karte trug; es ist also kein
 * neuer Stil, sondern derselbe in neuer Rolle. Eine Buchung gibt es
 * weiterhin nicht, die Paketknoepfe bleiben deaktiviert.
 */

/* ========================================================================== */
/* Grundwerte                                                                 */
/* ========================================================================== */

#view-premium.premium-2026 {
  --pm-radius: 12px;
  --pm-line: rgba(255, 255, 255, .07);
  --pm-line-strong: rgba(255, 255, 255, .14);
  --pm-hero-bg: #1e070f;
  --pm-panel-bg: #11161b;
  --pm-card-bg: #0f141a;
  --pm-card-bg-deep: #0e1318;
  --pm-quote-bg: #13181d;
  --pm-text: #ffffff;
  --pm-soft: #c7ccd0;
  --pm-muted: #b7bfc4;
  --pm-dim: #8d949a;
  --pm-red: #e42233;
  --pm-red-strong: #f52037;
  --pm-red-soft: #ff3b4b;
  --pm-red-icon-top: #d1202c;
  --pm-red-icon-bottom: #a8171f;
  --pm-gold: #f5c247;
  --pm-gold-light: #ffe45a;
  --pm-gold-deep: #f0a62c;
  /* Reservierte Artwork-Ebene, absichtlich leer. */
  --pm-hero-art: none;
  width: 100%;
  min-width: 0;
  color: var(--pm-text);
}

#view-premium.premium-2026.active {
  display: grid;
  gap: 12px;
  align-content: start;
}

#view-premium.premium-2026 *,
#view-premium.premium-2026 *::before,
#view-premium.premium-2026 *::after {
  box-sizing: border-box;
}

#view-premium.premium-2026 :where(h2, h3, p, ul, li, figure, blockquote, figcaption) {
  margin: 0;
  padding: 0;
}

#view-premium.premium-2026 ul {
  list-style: none;
}

#view-premium.premium-2026 svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ========================================================================== */
/* Hero                                                                       */
/* ========================================================================== */

#view-premium.premium-2026 .pm-hero {
  position: relative;
  display: flex;
  align-items: center;
  gap: 25px;
  min-height: 188px;
  padding: 20px 24px 20px 40px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 90, 100, .16);
  border-radius: var(--pm-radius);
  background: linear-gradient(90deg, #1e070f 0%, #240811 45%, #330a15 100%);
}

/* Rote Lichtkante der Vorlage. Liegt auf dem Hero selbst, nicht auf der
   Bildebene, damit ein spaeter eingesetztes Banner sie einfach ueberdeckt.
   Dadurch wirkt der Hero auch ohne Artwork vollstaendig. */
#view-premium.premium-2026 .pm-hero::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0 0 0 auto;
  width: 60%;
  background:
    radial-gradient(64% 120% at 76% 50%, rgba(224, 34, 56, .58) 0%, rgba(160, 18, 42, .34) 42%, rgba(30, 6, 14, 0) 76%),
    radial-gradient(40% 80% at 34% 18%, rgba(255, 86, 96, .22) 0%, rgba(255, 86, 96, 0) 72%),
    radial-gradient(46% 90% at 92% 84%, rgba(214, 24, 50, .34) 0%, rgba(214, 24, 50, 0) 72%);
}

/* Leere Artwork-Ebene rechts. Ohne Bild unsichtbar, Layout bleibt gleich. */
#view-premium.premium-2026 .pm-hero-art {
  position: absolute;
  z-index: -1;
  inset: 0 0 0 auto;
  width: 50%;
  display: block;
  overflow: hidden;
  background-image: var(--pm-hero-art);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}

/* Weicher Uebergang nach links, damit der Text auf dunklem Grund steht. */
#view-premium.premium-2026 .pm-hero-art::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, var(--pm-hero-bg) 0%, rgba(30, 7, 15, .66) 22%, rgba(30, 7, 15, .10) 56%, rgba(30, 7, 15, 0) 82%);
}

#view-premium.premium-2026 .pm-hero-crown {
  position: relative;
  z-index: 1;
  flex: 0 0 106px;
  display: grid;
  place-items: center;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  background:
    radial-gradient(closest-side, rgba(44, 16, 20, .92) 0%, rgba(44, 16, 20, .92) 95%, transparent 96%),
    linear-gradient(180deg, var(--pm-gold-light) 0%, var(--pm-gold) 55%, var(--pm-gold-deep) 100%);
  box-shadow: 0 0 22px rgba(245, 194, 71, .18);
  color: var(--pm-gold);
}

#view-premium.premium-2026 .pm-hero-crown::before {
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, #2c1014 0%, #24090e 100%);
}

#view-premium.premium-2026 .pm-hero-crown svg {
  position: relative;
  width: 62px;
  height: 62px;
  stroke-width: 1.9;
  stroke: var(--pm-gold);
  filter: drop-shadow(0 0 6px rgba(245, 194, 71, .35));
}

#view-premium.premium-2026 .pm-hero-copy {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
}

#view-premium.premium-2026 .pm-hero-title {
  margin: 0;
  padding: 0;
  font-family: var(--font-display);
  font-size: 41px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: var(--pm-text);
  text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}

#view-premium.premium-2026 .pm-gold {
  background: linear-gradient(180deg, var(--pm-gold-light) 0%, #f7c53b 55%, var(--pm-gold-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--pm-gold);
}

#view-premium.premium-2026 .pm-hero-sub {
  margin: 3px 0 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  color: var(--pm-gold);
}

#view-premium.premium-2026 .pm-hero-lead {
  margin: 3px 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: rgba(255, 255, 255, .9);
}

/* ========================================================================== */
/* Zeilen und Panels                                                          */
/* ========================================================================== */

#view-premium.premium-2026 .pm-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 12px;
  align-items: stretch;
}

/* Die Vorteilszeile hatte rechts die Spalte "Werde jetzt Premium". Seit
   V2.4.245 gibt es sie nicht mehr, die Vorteile nutzen die volle Breite. Die
   Paketzeile behaelt ihre rechte Spalte mit dem Community-Text. */
#view-premium.premium-2026 .pm-row-benefits {
  grid-template-columns: minmax(0, 1fr);
}

#view-premium.premium-2026 .pm-panel {
  position: relative;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--pm-line);
  border-radius: var(--pm-radius);
  background: var(--pm-panel-bg);
}

#view-premium.premium-2026 .pm-community {
  padding: 10px 12px 12px;
}

#view-premium.premium-2026 .pm-panel-head h2,
#view-premium.premium-2026 .pm-community h2 {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
  color: var(--pm-text);
}

#view-premium.premium-2026 .pm-panel-head p {
  margin-top: 2px;
  font-size: 12.5px;
  line-height: 17px;
  color: var(--pm-soft);
}

/* ========================================================================== */
/* Vorteile auf einen Blick                                                   */
/* ========================================================================== */

#view-premium.premium-2026 .pm-benefits {
  display: flex;
  flex-direction: column;
}

/* Karten einer Reihe sind gleich hoch (Grid-Zeile), mindestens 80 px wie
   in der Vorlage. Das Panel selbst folgt der Hoehe des rechten Panels. */
#view-premium.premium-2026 .pm-benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(80px, auto);
  align-content: start;
  gap: 10px;
  margin-top: 8px;
}

#view-premium.premium-2026 .pm-benefit {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  padding: 9px 8px 9px 10px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 9px;
  background: var(--pm-card-bg);
}

#view-premium.premium-2026 .pm-benefit-wide {
  grid-column: span 2;
}

#view-premium.premium-2026 .pm-benefit-icon {
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--pm-red-icon-top) 0%, var(--pm-red-icon-bottom) 100%);
  box-shadow: 0 0 12px rgba(229, 32, 46, .28);
  color: #fff;
}

#view-premium.premium-2026 .pm-benefit-icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.9;
}

#view-premium.premium-2026 .pm-benefit-body {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 2px;
}

#view-premium.premium-2026 .pm-benefit h3 {
  font-family: var(--font-display);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 15px;
  color: var(--pm-text);
}

#view-premium.premium-2026 .pm-benefit p {
  margin-top: 3px;
  font-size: 11px;
  line-height: 13.5px;
  color: var(--pm-muted);
}

/* Umschalter existiert nur mobil. */
#view-premium.premium-2026 .pm-benefits-toggle {
  display: none;
}


#view-premium.premium-2026 .pm-check {
  flex: 0 0 17px;
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-top: 0;
  border-radius: 50%;
  background: var(--pm-red-strong);
  color: #fff;
}

#view-premium.premium-2026 .pm-check svg {
  width: 11px;
  height: 11px;
  stroke-width: 2.6;
}

/* ========================================================================== */
/* Unsere Premium Pakete                                                      */
/* ========================================================================== */

#view-premium.premium-2026 .pm-plans {
  display: flex;
  flex-direction: column;
  scroll-margin-top: 84px;
}

/* Das Raster fuellte bisher die Resthoehe des Panels, weil darunter noch der
   Buchungshinweis stand. Ohne diesen Hinweis wuerde die gestreckte Hoehe im
   Inneren der Karten landen: gemessen 66 px Leere zwischen Aufzaehlung und
   Knopf, weil dieser mit "margin: auto 0 0" am Kartenboden haengt. Die Karten
   behalten deshalb ihre Inhaltshoehe; die Restflaeche liegt am Panelboden und
   liest sich dort als Innenabstand. */
#view-premium.premium-2026 .pm-plan-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 12px;
  flex: 0 0 auto;
}

#view-premium.premium-2026 .pm-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px 13px 13px;
  border: 1px solid var(--pm-line);
  border-radius: 10px;
  background: var(--pm-card-bg-deep);
}
#view-premium.premium-2026 .pm-plan-head {
  display: flex;
  align-items: center;
  gap: 13px;
}

#view-premium.premium-2026 .pm-plan-radio {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 2px solid #3a3f46;
  border-radius: 50%;
}

/* Auswahlzustand der Paketkarte. Die Werte sind unveraendert die der frueher
   hervorgehobenen Lifetime-Karte: roter Rand, dunkelrote Flaeche, weicher
   Schein und der gefuellte Auswahlpunkt. Beide Karten koennen ihn tragen,
   vorausgewaehlt ist keine. */
#view-premium.premium-2026 .pm-plan.is-selected {
  border: 2px solid #fb1e38;
  background: #1a1319;
  box-shadow: 0 0 22px rgba(251, 30, 56, .18);
}

#view-premium.premium-2026 .pm-plan.is-selected .pm-plan-radio {
  border-color: #f43046;
}

#view-premium.premium-2026 .pm-plan.is-selected .pm-plan-radio::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #f43046;
}

/* Die Karte ist per Maus und Tastatur bedienbar. Der Fokusrahmen ist derselbe
   wie beim Umschalter der Vorteile. */
#view-premium.premium-2026 .pm-plan {
  cursor: pointer;
}

#view-premium.premium-2026 .pm-plan:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
#view-premium.premium-2026 .pm-plan h3 {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: var(--pm-text);
}

#view-premium.premium-2026 .pm-plan-price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 12px;
}

#view-premium.premium-2026 .pm-plan-price b {
  font-family: var(--font-display);
  font-size: 25px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -.01em;
  color: var(--pm-text);
}

#view-premium.premium-2026 .pm-plan-price small {
  font-size: 11px;
  line-height: 14px;
  color: var(--pm-dim);
}

#view-premium.premium-2026 .pm-plan-points {
  display: grid;
  gap: 12px;
  margin: 14px 0 16px;
}

#view-premium.premium-2026 .pm-plan-points li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 14px;
  color: #d3d8dc;
}

#view-premium.premium-2026 .pm-plan-points .pm-check {
  flex-basis: 16px;
  width: 16px;
  height: 16px;
}

#view-premium.premium-2026 .pm-plan-points .pm-check svg {
  width: 10px;
  height: 10px;
}

#view-premium.premium-2026 .pm-plan-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 33px;
  margin: auto 0 0;
  padding: 0 12px;
  border: 1px solid rgba(255, 64, 78, .55);
  border-radius: 8px;
  background: transparent;
  color: #fff;
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
/* Premium ist noch nicht buchbar: die echten Buttons bleiben deaktiviert. */
#view-premium.premium-2026 .pm-plan-cta:disabled {
  opacity: .62;
  cursor: not-allowed;
}
/* ========================================================================== */
/* Gemeinsam fuer die Anime-Community                                         */
/* ========================================================================== */

#view-premium.premium-2026 .pm-community {
  display: flex;
  flex-direction: column;
}

#view-premium.premium-2026 .pm-community h2 {
  line-height: 23px;
}

#view-premium.premium-2026 .pm-community-text {
  margin-top: 7px;
  font-size: 12px;
  line-height: 16px;
  color: var(--pm-soft);
}

#view-premium.premium-2026 .pm-quote {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 0;
  margin: auto 0 0;
  padding: 15px 16px 15px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
  background: var(--pm-quote-bg);
}

#view-premium.premium-2026 .pm-quote-mark {
  grid-row: 1 / span 2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 24px;
  color: var(--pm-red-strong);
}

#view-premium.premium-2026 .pm-quote blockquote p {
  font-size: 12px;
  line-height: 17px;
  color: #d5dbe0;
}

#view-premium.premium-2026 .pm-quote figcaption {
  grid-column: 2;
  margin-top: 12px;
  font-size: 12px;
  line-height: 15px;
  color: #e6e9ec;
}


/* ========================================================================== */
/* Schmaler Desktop (960 - 1040)                                              */
/* ========================================================================== */

@media (min-width: 960px) and (max-width: 1040px) {
  /* Nur noch die Paketzeile hat eine rechte Spalte. */
  #view-premium.premium-2026 .pm-row-plans {
    grid-template-columns: minmax(0, 1fr) 240px;
  }

  #view-premium.premium-2026 .pm-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-premium.premium-2026 .pm-hero {
    padding-left: 28px;
  }
}

/* ========================================================================== */
/* Mobil (Referenz: Telefon 360 px breit)                                     */
/* ========================================================================== */

@media (max-width: 959px) {
  #view-premium.premium-2026.active {
    gap: 12px;
  }

  #view-premium.premium-2026 .pm-hero {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    grid-template-areas:
      "crown title"
      "sub sub"
      "lead lead";
    grid-template-rows: auto auto auto;
    column-gap: 14px;
    row-gap: 0;
    align-items: center;
    align-content: center;
    min-height: 155px;
    padding: 14px 9px 13px;
  }

  #view-premium.premium-2026 .pm-hero-art {
    width: 40%;
  }

  #view-premium.premium-2026 .pm-hero-crown {
    grid-area: crown;
    flex-basis: 70px;
    width: 70px;
    height: 70px;
  }

  #view-premium.premium-2026 .pm-hero-crown svg {
    width: 42px;
    height: 42px;
  }

  #view-premium.premium-2026 .pm-hero-copy {
    display: contents;
  }

  #view-premium.premium-2026 .pm-hero-title {
    grid-area: title;
    align-self: center;
    font-size: 21px;
    line-height: 24px;
  }

  #view-premium.premium-2026 .pm-gold {
    display: block;
  }

  #view-premium.premium-2026 .pm-hero-sub {
    grid-area: sub;
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: rgba(255, 255, 255, .92);
  }

  #view-premium.premium-2026 .pm-hero-lead {
    grid-area: lead;
    margin: 2px 0 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    color: var(--pm-gold);
  }

  #view-premium.premium-2026 .pm-row {
    grid-template-columns: minmax(0, 1fr);
  }

  #view-premium.premium-2026 .pm-panel,
  #view-premium.premium-2026 .pm-community {
    padding: 12px;
  }

  #view-premium.premium-2026 .pm-panel-head h2,
  #view-premium.premium-2026 .pm-community h2 {
    font-size: 16px;
    line-height: 21px;
  }

  #view-premium.premium-2026 .pm-panel-head p {
    font-size: 11.5px;
    line-height: 14.5px;
  }

  #view-premium.premium-2026 .pm-benefit-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: minmax(52px, auto);
    gap: 9px;
    margin-top: 7px;
  }

  #view-premium.premium-2026 .pm-benefit,
  #view-premium.premium-2026 .pm-benefit-wide {
    grid-column: auto;
    align-items: center;
    padding: 6px 10px 6px 6px;
  }

  #view-premium.premium-2026 .pm-benefit-icon {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
  }

  #view-premium.premium-2026 .pm-benefit-icon svg {
    width: 20px;
    height: 20px;
  }

  #view-premium.premium-2026 .pm-benefit-body {
    padding-top: 0;
  }

  #view-premium.premium-2026 .pm-benefit h3 {
    font-size: 12.5px;
    line-height: 15px;
  }

  #view-premium.premium-2026 .pm-benefit p {
    margin-top: 2px;
    font-size: 11.5px;
    line-height: 14px;
  }

  /* Eingeklappt: nur die ersten vier Vorteile, Rest ueber den Umschalter. */
  #view-premium.premium-2026[data-benefits-expanded="false"] .pm-benefit:nth-child(n + 5) {
    display: none;
  }

  #view-premium.premium-2026 .pm-benefits-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 29px;
    margin-top: 9px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    background: #12181d;
    color: #fff;
    font-family: var(--font-body);
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
  }

  #view-premium.premium-2026 .pm-benefits-toggle svg {
    width: 13px;
    height: 13px;
    stroke-width: 2.2;
    transition: transform .18s ease;
  }

  #view-premium.premium-2026[data-benefits-expanded="true"] .pm-benefits-toggle svg {
    transform: rotate(180deg);
  }

  #view-premium.premium-2026 .pm-benefits-toggle:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
  }
  #view-premium.premium-2026 .pm-plan-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }
}

/* Tablet: Vorteile und Pakete zweispaltig. */
@media (min-width: 600px) and (max-width: 959px) {
  #view-premium.premium-2026 .pm-benefit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-premium.premium-2026 .pm-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Sehr schmal (bis 344 px): Hero-Titel und Buttons etwas kleiner. */
@media (max-width: 344px) {
  #view-premium.premium-2026 .pm-hero {
    grid-template-columns: 60px minmax(0, 1fr);
    column-gap: 10px;
  }

  #view-premium.premium-2026 .pm-hero-crown {
    flex-basis: 60px;
    width: 60px;
    height: 60px;
  }

  #view-premium.premium-2026 .pm-hero-crown svg {
    width: 36px;
    height: 36px;
  }

  #view-premium.premium-2026 .pm-hero-title {
    font-size: 19px;
    line-height: 22px;
  }

  #view-premium.premium-2026 .pm-plan-cta {
    font-size: 12.5px;
  }
}