/* UNBOND focus layer: Hero-Breite, gleiche Zitatkarten, #angebot, #start. Lädt nach unbond-unified.css. */
:root { --uf-gold:#d2a63b; --uf-bord:#7d263f; --uf-line:rgba(226,232,228,.16); --uf-panel:rgba(8,13,20,.88); }

/* Hero: etwas breiter, Gesicht rechts bleibt frei */
html body .hero-inner { width:min(660px,calc(100% - 40px)) !important; max-width:660px !important; }
@media (max-width:760px){ html body .hero-inner { width:calc(100% - 30px) !important; max-width:none !important; } }

/* Zitatkarten: identische Maße */
html body .hero-quote-set { grid-auto-rows:1fr; }
html body .hero-quote-set > li { display:flex; min-width:0; }
html body .hero-quote-card { height:224px !important; min-height:224px !important; box-sizing:border-box; }
@media (max-width:900px){ html body .hero-quote-card { height:204px !important; min-height:204px !important; } }
@media (max-width:420px){ html body .hero-quote-card { height:224px !important; min-height:224px !important; } }

/* #angebot: Leistungsraster links, ein Kaufpanel rechts */
html body #angebot .price-card {
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  grid-template-areas:"copy action" "metrics action" "details action";
  gap:24px 48px !important; align-items:start;
  padding:clamp(24px,4vw,48px) !important;
  border:1px solid var(--uf-line); border-radius:8px;
  background:var(--uf-panel) !important;
}
html body #angebot .price-copy { grid-area:copy; grid-column:auto; }
html body #angebot .price-inclusions { grid-area:metrics; grid-column:auto; }
html body #angebot .price-details { grid-area:details; padding-top:0; }
html body #angebot .price-action { grid-area:action; align-self:stretch; justify-content:flex-start; align-items:stretch; text-align:left;
  padding:0 0 0 clamp(24px,3.4vw,44px) !important; border:0; border-left:1px solid var(--uf-line); border-radius:0; background:transparent !important; }

.core-metrics { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--uf-line); }
.core-metric { display:flex; flex-direction:column; gap:8px; padding:20px 16px 18px 0; border-bottom:1px solid var(--uf-line); }
.core-metric + .core-metric:not(.core-metric--wide) { padding-left:18px; border-left:1px solid var(--uf-line); }
.core-metric strong { font-family:'Poppins',system-ui,sans-serif !important; font-size:clamp(2.6rem,5.4vw,4.2rem); font-weight:800; line-height:.9; letter-spacing:-.045em; color:var(--uf-gold); font-variant-numeric:tabular-nums; }
.core-metric span { font-family:"Space Mono",ui-monospace,monospace !important; font-size:.72rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:rgba(241,243,240,.82); }
.core-metric--wide { grid-column:1 / -1; flex-direction:row; align-items:center; padding:16px 0; }
.core-metric--wide::before { content:""; width:28px; height:2px; background:var(--uf-bord); flex:none; }
.core-metric--wide span { font-size:.8rem; color:#f1f3f0; }

html body #angebot .price-features { gap:0; padding:0; list-style:none; }
html body #angebot .price-features li:not([hidden]):not(.price-feature-in-graphic) { padding:11px 0; border-bottom:1px solid var(--uf-line); }
html body #angebot .price-features li:not([hidden]):not(.price-feature-in-graphic)::before { color:var(--uf-gold); }

html body #angebot .price-action .eb-badge { align-self:flex-start; margin:0; padding:6px 10px; border:1px solid var(--uf-bord); border-radius:4px; font-family:"Space Mono",monospace !important; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; }
html body #angebot .price-action .price { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 14px; margin:18px 0 22px; padding-bottom:20px; border-bottom:1px solid var(--uf-line); }
html body #angebot .price-action .price > span { flex-basis:100%; font-family:"Space Mono",monospace !important; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(241,243,240,.7); }
html body[data-page] #angebot .price strong { font-size:clamp(3rem,5vw,4rem) !important; line-height:.9; color:#f1f3f0; letter-spacing:-.04em; }
html body #angebot .price-cta { width:100% !important; justify-content:center; padding:16px 24px !important; }
html body #angebot .price-secondary { align-self:flex-start; margin-top:16px; }
html body #angebot .safe-space-mini { margin-top:auto; padding:14px 0 0; border:0; border-top:1px solid var(--uf-line); border-radius:0; }

@media (max-width:860px){
  html body #angebot .price-card { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "metrics" "details" "action"; gap:22px !important; }
  html body #angebot .price-action { padding:24px 0 0 !important; border-left:0; border-top:1px solid var(--uf-line); }
  html body #angebot .price-secondary { align-self:center; }
  html body #angebot .safe-space-mini { margin-top:22px; }
}
@media (max-width:420px){ .core-metric strong { font-size:2.3rem; } .core-metric + .core-metric:not(.core-metric--wide) { padding-left:12px; } }

/* #start: linksbündiger Abschluss, Text links, Kauf rechts */
html body #start .final-inner {
  display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  grid-template-areas:"label action" "title action" "text action" "text note";
  column-gap:clamp(32px,6vw,80px); row-gap:12px; align-items:start; text-align:left;
  padding:clamp(28px,5vw,56px) 0 !important; border-top:1px solid var(--uf-line);
}
html body #start .final-inner > .product-label { grid-area:label; margin:0; }
html body #start .final-inner > h2 { grid-area:title; margin:0; }
html body #start .final-inner > p:not(.product-label):not(.checkout-note) { grid-area:text; margin:8px 0 0; max-width:36em; text-align:left; }
html body #start .final-inner > .core-cta { grid-area:action; align-self:end; justify-self:stretch; width:100% !important; justify-content:center; padding:18px 24px !important; }
html body #start .final-inner > .checkout-note { grid-area:note; margin:0; padding-top:12px; border-top:1px solid var(--uf-line); text-align:left; font-family:"Space Mono",monospace !important; font-size:.7rem; letter-spacing:.03em; }
@media (max-width:760px){
  html body #start .final-inner { grid-template-columns:minmax(0,1fr); grid-template-areas:"label" "title" "text" "action" "note"; }
  html body #start .final-inner > .core-cta { align-self:start; margin-top:12px; }
}

/* Finale, gezielt stärkere Regeln gegen die globale Alt-Kaskade. */
html body #angebot .core-metric strong {
  font-size:clamp(3rem,5.4vw,4.4rem) !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  color:var(--uf-gold) !important;
}
html body #angebot .price-features li:not([hidden]):not(.price-feature-in-graphic) {
  padding:14px 0 14px 24px !important;
}
html body #angebot .safe-space-mini {
  padding:18px 0 0 !important;
  border:0 !important;
  border-top:1px solid var(--uf-line) !important;
  border-radius:0 !important;
  background:none !important;
}
html body #angebot .price-cta,
html body #start .final-inner > .core-cta {
  background:#982e4d !important;
  border:1px solid #bc5470 !important;
  color:#fff !important;
  min-height:60px !important;
  border-radius:5px !important;
}
html body #angebot .price-cta:hover,
html body #start .final-inner > .core-cta:hover { background:#af3758 !important; }
html body #angebot .price-cta [data-price],
html body #start .core-cta [data-price] { color:#fff !important; }
html body #start .final-inner {
  padding:clamp(28px,4vw,48px) !important;
  background:rgba(8,13,20,.82) !important;
  border:1px solid var(--uf-line) !important;
  border-top:2px solid #159a82 !important;
  border-radius:8px !important;
  overflow:visible !important;
}
html body[data-page] #start #final-title,
html body[data-page] #start #final-title * {
  font-size:clamp(2.1rem,3.5vw,3rem) !important;
  line-height:1.16 !important;
}
@media (max-width:420px) {
  html body #angebot .core-metric strong { font-size:2.65rem !important; }
}