/* ═══════════════════════════════════════════════════════════════
   MEINEPACKS — ULTRA CHECKOUT SKIN v1 (reine Optik-Schicht)
   Ziele: mpe/mpd/pp-Sheets, .mp-input, Submit-CTAs, Bank-Overlay
   Ambiente-fähig via var(--gold)/var(--gold-dk) mit Gold-Fallbacks
   ═══════════════════════════════════════════════════════════════ */
#mpe-sheet, #mpd-sheet, #pp-sheet,
#mpe-ov > div:last-child, #mpd-ov > div:last-child, #pp-ov > div:last-child {
  background: linear-gradient(180deg, #FFFFFF 0%, #FFF8EC 100%) !important;
  box-shadow: 0 -18px 60px rgba(60,44,12,.30) !important;
}
#mpe-sheet::before, #mpd-sheet::before, #pp-sheet::before {
  content: ""; position: absolute; top: 0; left: 24px; right: 24px; height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold, #D4AF37), transparent);
  border-radius: 2px; pointer-events: none;
}
/* Felder — von Null auf Ultra */
.mp-input {
  width: 100%; box-sizing: border-box; height: 50px; padding: 0 15px;
  border: 1.5px solid #EDE2C6; border-radius: 14px; background: #FFFFFF;
  font-family: Outfit, system-ui, sans-serif; font-size: 14.5px; font-weight: 600;
  color: #241C10; outline: none; -webkit-appearance: none; appearance: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.mp-input::placeholder { color: #B9AC8C; font-weight: 500; }
.mp-input:focus {
  border-color: var(--gold, #C8A84E);
  box-shadow: 0 0 0 3.5px rgba(200,168,78,.18);
}
select.mp-input {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%238A7A55' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat; background-position: right 14px center;
  padding-right: 38px;
}
/* Kauf-CTAs — satter Gold-Verlauf + zweifacher Glanz-Sweep, dann Ruhe */
#mpe-submit-btn, #mpd-submit-btn, #pp-submit-btn {
  position: relative; overflow: hidden;
  border-radius: 16px !important;
  background: linear-gradient(135deg, var(--gold, #C8A84E) 0%, #EAD187 45%, var(--gold-dk, #B8941F) 100%) !important;
  box-shadow: 0 12px 30px rgba(178,140,44,.38) !important;
  letter-spacing: .04em;
  transition: transform .12s ease, box-shadow .2s ease;
}
#mpe-submit-btn:active, #mpd-submit-btn:active, #pp-submit-btn:active {
  transform: scale(.975); box-shadow: 0 6px 18px rgba(178,140,44,.30) !important;
}
#mpe-submit-btn::after, #mpd-submit-btn::after, #pp-submit-btn::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(115deg, transparent 32%, rgba(255,255,255,.55) 50%, transparent 68%);
  transform: translateX(-130%);
  animation: mpSkinShine 2.4s ease .7s 2;
  pointer-events: none;
}
@keyframes mpSkinShine { to { transform: translateX(130%); } }
/* Bank-/Erfolgs-Overlays: gleiche Bühne */
#mpe-bank-overlay .mp-input { font-family: "JetBrains Mono", ui-monospace, monospace; letter-spacing: .03em; }
#mpe-copy-iban, #mpe-copy-amount, #mpe-copy-ref {
  border-radius: 12px !important; font-family: Outfit, system-ui, sans-serif !important;
}
/* Sheet-Scrollbar dezent */
#mpe-sheet::-webkit-scrollbar, #mpd-sheet::-webkit-scrollbar, #pp-sheet::-webkit-scrollbar { width: 0; height: 0; }