/* ============================================================================
 * PGS Einheit — v2.35.8
 * ----------------------------------------------------------------------------
 * Mert, 25.10.2026: „Mach alles außer echte bilder" – nach der Prüfung „Was
 * kann man im Theme ändern, was es professioneller macht".
 *
 * Gemessen vorher (1440 px, alle 51 deutschen Seiten): Die H1 war je nach
 * Seite 50 bis 66 px groß, in den Gewichten 700, 740 und 800. Über den
 * Abschnitten standen zwei Etikett-Familien – die Registerzeile auf den 26
 * Landingpages, eine Glas-Pille in sechs Varianten auf den Einzelseiten.
 * Knöpfe 45 bis 51 px hoch, der Hauptknopf der Echtheitsbewertung blau
 * gefüllt statt Glas, Einleitungen teils grau, teils hell. Dazu überall die
 * Systemschrift: SF Pro auf dem Mac, Segoe UI auf Windows, Roboto auf
 * Android – die Marke sah auf jedem Gerät anders aus.
 *
 * Diese Datei legt EINE Fassung fest. Sie ist additiv wie die Glas-Optik:
 * keine Sektionsdatei wird dafür umgeschrieben, nichts gelöscht. Sie gewinnt
 * über Spezifität („html body …" = 0,1,2 und mehr gegen die 0,1,0 bzw. 0,2,0
 * der Sektionsblöcke im Body), ohne !important. Zwei Ausnahmen: die H1 von
 * „Über uns" (dort selbst mit !important gesetzt, Teil 2) und der Glas-
 * Hauptknopf der Echtheitsbewertung, der über die Klasse btn-p aus Teil 4
 * der Glas-Optik kommt, die bewusst mit !important arbeitet.
 *
 * Teile:
 *   1. HAUSSCHRIFT   — Geist und Geist Mono, lokal im Theme (SIL OFL 1.1,
 *                      assets/fonts/OFL-geist.txt), auf Latein gekürzt (je
 *                      37 KB). Keine Verbindung zu Google oder anderen.
 *   2. TITEL         — eine H1-Skala für alle Seiten, eine etwas kleinere für
 *                      Dokumente (Rechtliches, News-Artikel).
 *   3. ÜBERSCHRIFTEN — Abschnitts-H2 und Abschluss-H2 je in einer Größe;
 *                      keine automatische Silbentrennung in Überschriften
 *                      (am Handy stand „Karten graden las-sen").
 *   4. ETIKETT       — die Registerzeile (Entscheidung in
 *                      theme-eyebrow-varianten.html, Variante A) jetzt auch
 *                      auf den Einzelseiten statt der Glas-Pillen.
 *   5. EINLEITUNG    — Einleitung unter dem Titel und gedämpfter Text in
 *                      denselben Tönen wie auf den übrigen Seiten.
 *   6. KNÖPFE        — eine Höhe (49 px), eine Schriftgröße.
 *
 * Das Slab-Bild der Startseite bleibt am Handy oben, so wie es ist (Mert,
 * 25.10.2026: „die slabs sollen oben bleiben") – diese Datei fasst
 * .pgs-slab-stage und .pgs-stack nicht an.
 *
 * Schalter: add_filter( 'pgs_einheit', '__return_false' ); – dann lädt
 * functions.php diese Datei und die Schrift-Vorladung nicht, und alles sieht
 * aus wie in 2.35.7. Die Kartenzahl unter den Hero-Knöpfen der Startseite liegt
 * bewusst NICHT hier, sondern in pgs-components.css – sie bleibt auch ohne diese
 * Datei gestaltet.
 * ==========================================================================*/


/* ============================ 1. HAUSSCHRIFT ============================== */

@font-face{
  font-family:"Geist";
  src:url("../fonts/geist.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Geist Mono";
  src:url("../fonts/geist-mono.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}

:root{
  --pgs-hausschrift:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --pgs-hausschrift-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* Die Bereiche setzen ihre Schrift über eigene Werte (--f, --mono,
   --pgs-font, --pgs-mono, --pvp-font) oder direkt an der Wurzel (Gradingprozess).
   Beides wird hier auf die Hausschrift gestellt – die Sektionsdateien bleiben
   unberührt. Liste wie in der Glas-Optik, ergänzt um FusionArt, Kopf und Fuß. */
html body{font-family:var(--pgs-hausschrift)}
html body :is(.pgs-hd,.pgs-ft,.pgs-home,.pgs-legal,.pgs-article,.pgs-status,.pgs-shop,.pgs-scale,
.pgs-pvp,.pgs-pdb,.pgs-news,.pgs-lgs,.pgs-faq,.pgs-eb,.pgs-about,.gp-grading,.pgs-shopwrap,
.pgs-portal,.pgs-fusionart,.pgs-fagal){
  --f:var(--pgs-hausschrift);
  --pgs-font:var(--pgs-hausschrift);
  --pvp-font:var(--pgs-hausschrift);
  --mono:var(--pgs-hausschrift-mono);
  --pgs-mono:var(--pgs-hausschrift-mono);
  font-family:var(--pgs-hausschrift);
}
/* Bildunterschriften der News-Artikel nannten „Source Code Pro" – die Schrift
   wurde nie geladen, gezeigt wurde die Systemschrift. */
html body .pgs-article .hero-bp figcaption{font-family:var(--pgs-hausschrift-mono)}


/* =============================== 2. TITEL ================================= */

html body .pgs-main :is(.pgs-home,.pgs-scale,.gp-grading,.pgs-faq,.pgs-about,.pgs-pvp,.pgs-shop,
.pgs-status,.pgs-eb,.pgs-fusionart,.pgs-news,.pgs-lgs,.pgs-pdb) h1{
  font-size:clamp(34px,5.2vw,58px);
  line-height:1.04;
  letter-spacing:-.03em;
  font-weight:700;
}
/* Über uns setzt seine H1 mit !important (ueber-uns.html: .pgs-about h1 … !important).
   Gegen ein !important hilft nur ein !important auf höherer Spezifität – die einzige
   solche Stelle in dieser Datei. */
html body .pgs-main .pgs-about h1{
  font-size:clamp(34px,5.2vw,58px) !important;
  line-height:1.04 !important;
}
/* Dokumente: Rechtliches und News-Artikel – lesen statt werben */
html body .pgs-main :is(.pgs-legal,.pgs-article) h1{
  font-size:clamp(32px,4.4vw,48px);
  line-height:1.06;
  letter-spacing:-.028em;
  font-weight:700;
}


/* ============================ 3. ÜBERSCHRIFTEN ============================ */

/* Abschnittsköpfe – je Bereich anders benannt, aber dieselbe Rolle */
html body .pgs-main :is(.pgs-sec-head,.sh,.pvp-sec-head,.fa-sec,.store-head,.eb-sec) > h2,
html body .pgs-main h2.pgs-sec-head{
  font-size:clamp(26px,3.4vw,40px);
  line-height:1.1;
  letter-spacing:-.02em;
  font-weight:700;
}
/* Abschluss-Kästen („Bereit, deine Karten zu graden?" und Verwandte) */
html body .pgs-main :is(.pgs-cta,.cta,.pvp-cta,.news-cta,.eb-cta) > h2{
  font-size:clamp(28px,4vw,44px);
  line-height:1.06;
  letter-spacing:-.02em;
  font-weight:700;
}
/* Keine automatische Silbentrennung in Überschriften. Bewusst OHNE
   text-wrap:balance: Das gleicht die Zeilen aus, bricht dafür aber an jedem
   Bindestrich („QR- | Code", „Same- | Day", „Yu-Gi- | Oh!", „Karten- |
   Zertifikat prüfen." – 26 Stellen auf 51 Seiten gemessen). */
html body .pgs-main :is(h1,h2,h3){
  -webkit-hyphens:manual;
  hyphens:manual;
}
/* 14ch war mit Silbentrennung gerechnet. Ohne sie braucht ein langes Wort
   etwas mehr Platz, sonst bricht es mitten im Wort um. */
html body .pgs-main .pgs-hero h1{max-width:16ch}
/* Am Handy steht der Titel zentriert über die volle Breite: „Karten graden
   lassen / in Deutschland" statt drei kurzer Zeilen. */
@media (max-width:920px){
  html body .pgs-main .pgs-hero h1{max-width:none}
}


/* =============================== 4. ETIKETT =============================== */

/* Die Registerzeile wie .pgs-eyebrow in pgs-components.css: Festbreitenschrift,
   gesperrte Versalien, auslaufende Haarlinie – kein Glas, kein Leuchtpunkt
   oder Symbol davor, keine Pillenform, die wie ein Knopf aussieht. */
html body .pgs-main :is(.eb,.gp-eyebrow,.eb-eyebrow,.lgs-eb,.pdb-eb,.pvp-eyebrow,.pgs-cc-eb){
  position:relative;
  display:flex;
  align-items:center;
  gap:15px;
  width:auto;
  margin-left:0;
  margin-right:0;
  font-family:var(--pgs-hausschrift-mono);
  font-size:11px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#DCDEE6;
  padding:0;
  border:0;
  border-radius:0;
  overflow:visible;
  background:none;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
html body .pgs-main :is(.eb,.gp-eyebrow,.eb-eyebrow,.lgs-eb,.pdb-eb,.pvp-eyebrow,.pgs-cc-eb)::before{display:none}
html body .pgs-main :is(.eb,.gp-eyebrow,.eb-eyebrow,.lgs-eb,.pdb-eb,.pvp-eyebrow,.pgs-cc-eb)::after{
  content:"";
  display:block;
  position:static;
  height:1px;
  flex:1;
  max-width:190px;
  background:rgba(255,255,255,.14);
}
html body .pgs-main :is(.eb,.gp-eyebrow,.eb-eyebrow,.lgs-eb,.pdb-eb,.pvp-eyebrow,.pgs-cc-eb) :is(i,.gp-dot,b:empty,svg){display:none}

/* Mittig gesetzte Köpfe (Shop, FusionArt-Galerie, Statusformular,
   Abschluss-Kästen): Haarlinie auf beiden Seiten, Text in der Mitte. */
html body .pgs-main :is(.pgs-shop .hero,.fg-kopf,.pgs-cc,.cta,.pgs-cta,.pvp-cta,.news-cta,.eb-cta)
  :is(.eb,.gp-eyebrow,.eb-eyebrow,.lgs-eb,.pdb-eb,.pvp-eyebrow,.pgs-cc-eb,.pgs-eyebrow){
  justify-content:center;
}
html body .pgs-main :is(.pgs-shop .hero,.fg-kopf,.pgs-cc,.cta,.pgs-cta,.pvp-cta,.news-cta,.eb-cta)
  :is(.eb,.gp-eyebrow,.eb-eyebrow,.lgs-eb,.pdb-eb,.pvp-eyebrow,.pgs-cc-eb,.pgs-eyebrow)::before{
  content:"";
  display:block;
  position:static;
  height:1px;
  flex:0 1 64px;
  background:linear-gradient(270deg,rgba(255,255,255,.14),transparent);
}
html body .pgs-main :is(.pgs-shop .hero,.fg-kopf,.pgs-cc,.cta,.pgs-cta,.pvp-cta,.news-cta,.eb-cta)
  :is(.eb,.gp-eyebrow,.eb-eyebrow,.lgs-eb,.pdb-eb,.pvp-eyebrow,.pgs-cc-eb,.pgs-eyebrow)::after{
  flex:0 1 64px;
  max-width:64px;
  background:linear-gradient(90deg,rgba(255,255,255,.14),transparent);
}


/* ============================== 5. EINLEITUNG ============================= */

/* Gedämpfter Text: Gradingprozess (#9a9aa2) und Echtheitsbewertung (#9aa3b6)
   bekommen den Ton der übrigen Seiten (--t3 bzw. --pgs-text-3). */
html body .gp-grading{--gp-muted:#DCDEE6}
html body .pgs-eb{--eb-mut:#DCDEE6}

/* Einleitung direkt unter dem Titel (bei FusionArt steht etwas dazwischen,
   dort trägt sie die Klasse lead) */
html body .pgs-main :is(.pgs-home,.pgs-scale,.gp-grading,.pgs-faq,.pgs-about,.pgs-pvp,.pgs-shop,
.pgs-status,.pgs-eb,.pgs-fusionart,.pgs-news,.pgs-lgs,.pgs-pdb) :is(h1 + p,p.lead){
  font-size:clamp(15px,1.7vw,19px);
  line-height:1.65;
  color:#F3F4F8;
}


/* =============================== 6. KNÖPFE ================================ */

/* Eine Höhe, eine Schrift. Der Shop (Karten-Knöpfe in den Preiskarten) und das
   Statusformular (Knopf neben dem Eingabefeld) behalten ihre Maße. */
html body .pgs-main :is(.pgs-home,.pgs-scale,.gp-grading,.pgs-faq,.pgs-about,.pgs-pvp,.pgs-eb,
.pgs-fusionart,.pgs-news,.pgs-article,.pgs-legal) :is(.pgs-btn,.btn,.gp-btn,.eb-btn),
html body .pgs-main .pgs-shop .cta .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:49px;
  padding-top:0;
  padding-bottom:0;
  font-size:15px;
  font-weight:650;
  line-height:1.2;
  border-radius:999px;
}