/* Consent-Prototyp (Screenshots aus App-Stores hinter Einwilligung).
   Nur aktiv, wo proto/app_detail den Gate setzt (aktuell: Staging). */
.mv-consent-ph{
    position:relative; display:inline-flex; align-items:center; justify-content:center;
    background:repeating-linear-gradient(45deg,#efe9dc,#efe9dc 10px,#e7e0cf 10px,#e7e0cf 20px);
    border:1px dashed #c9ba98; border-radius:12px; color:#8a7a52;
    font:600 12px/1.35 system-ui,-apple-system,sans-serif; text-align:center; cursor:default;
    min-width:150px; min-height:300px; vertical-align:top;
}
.mv-consent-ph .mv-consent-ph-label{ padding:14px; }
.mv-consent-ph .mv-consent-ph-label small{ font-weight:500; color:#9a6e08; }
/* Firefox 2026-09-07: img ohne src rendert dort den alt-Text sichtbar
   (Broken-Image-Icon + Text), Chrome/Safari unterdruecken das. Der Text
   ueberlappte in der Detailseite mit dem .mv-consent-ph-label. Loesung:
   img im Placeholder-Zustand hart verstecken, erst mit .loaded (data-
   consent-src -> src) wieder anzeigen. */
.mv-consent-ph > img{ display:none; }
.mv-consent-ph.loaded{ background:none; border:0; cursor:default; min-width:0; min-height:0; }
.mv-consent-ph.loaded > img{ display:block; max-width:100%; height:auto; }
.mv-consent-ph.loaded .mv-consent-ph-label{ display:none; }

#mvConsentBar{
    position:fixed; left:0; right:0; bottom:0; z-index:9999;
    background:#fff; border-top:1px solid #e6e0d4; box-shadow:0 -6px 24px rgba(40,32,12,.10);
    padding:14px 18px; font:14px/1.5 system-ui,-apple-system,sans-serif; color:#333;
    display:none; gap:14px; align-items:center; flex-wrap:wrap; justify-content:center;
}
#mvConsentBar .mv-consent-txt{ max-width:660px; }
#mvConsentBar strong{ color:#8a6b1e; }
#mvConsentBar .mv-consent-btns{ display:flex; gap:8px; }
#mvConsentBar button{ border:0; border-radius:8px; padding:10px 18px; font-weight:700; font-size:13px; cursor:pointer; }
#mvConsentYes{ background:#9a6e08; color:#fff; }
#mvConsentNo{ background:#efe9dc; color:#6b6152; }
#mvConsentBadge{
    position:fixed; left:10px; bottom:10px; z-index:9998; background:#9a6e08; color:#fff;
    font:700 10px/1 system-ui,sans-serif; padding:6px 9px; border-radius:20px; letter-spacing:.04em;
    text-transform:uppercase; opacity:.85;
}