/* Seite 2: Dein Deal (Bildschirm 2, onb2). Eigene Regeln dieser Seite; wird nach cp.css geladen.
 * Auf allen Seiten eingebunden: Regeln mit .cp[data-screen="onb2"] oder seiten-eigenen Klassen einschränken. */
/* Seite 2: zwei klar nummerierte Stufen (1 Testmonat, 2 danach) und edle Tafeln mit dezentem Glanz (Milan, 09.10.2026). */
[data-screen="onb2"] .cp-eyebrow{display:flex;align-items:center;gap:10px}
[data-screen="onb2"] .cp-eyebrow::before,.cp-vd-ey::before{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font:800 12px/1 var(--cp-sans);letter-spacing:0}
[data-screen="onb2"] .cp-eyebrow::before{content:"1";background:var(--cp-fire);color:#fff}
.cp-vd-ey{display:flex;align-items:center;gap:10px}
.cp-vd-ey::before{content:"2";background:var(--cp-up);color:#06140c}
/* Tafeln: feine Lichtkante oben, leichter Verlauf, einmaliger Schimmer beim Erscheinen. */
.cp-deal-in,.cp-vd{background-image:linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,0) 42%)}
.cp-deal input:checked+.cp-deal-in{background:linear-gradient(165deg,rgba(255,255,255,.08),rgba(255,255,255,0) 42%),var(--cp-sel-bg),var(--cp-card)}
.cp-vd{background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,0) 42%),linear-gradient(180deg,rgba(39,208,122,.15),rgba(39,208,122,.04)),var(--cp-card)}
.cp-deal-in::after,.cp-vd::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.13) 50%,rgba(255,255,255,0) 60%) no-repeat;background-size:300% 100%;background-position:120% 0;animation:cp-schimmer 1.5s cubic-bezier(.4,0,.2,1) .7s 1 both}
.cp-deals .cp-deal:nth-child(3) .cp-deal-in::after{animation-delay:.9s}
.cp-vd::after{animation-delay:1.15s}
@keyframes cp-schimmer{from{background-position:120% 0}to{background-position:-20% 0}}
@media (prefers-reduced-motion:reduce){.cp-deal-in::after,.cp-vd::after{display:none}}
/* Land (Milan, 16.10.2026): kleines Pflichtfeld über den Karten, Auswahl im Feld-Stil von Bildschirm 3. */
.cp-land{margin-top:22px}
.cp-land .cp-field-l .cp-ic{width:16px;height:16px}
.cp-land-in{position:relative;padding:0}
.cp-land-in select{flex:1;min-width:0;height:100%;margin:0;padding:0 44px 0 14px;border:0;outline:0;background:transparent;font:600 17px/1 var(--cp-sans);color:var(--cp-text);-webkit-appearance:none;appearance:none;cursor:pointer}
.cp-land-in select:invalid{color:var(--cp-mute)}
.cp-land-in select option{color:#111;background:#fff}
.cp-land-in>.cp-ic{position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;transform:rotate(90deg);color:var(--cp-dim);pointer-events:none}
.cp-land .cp-err:not(:empty){margin-top:8px}
.cp-land-nurp{margin:10px 0 0}