/* MEGA WERT consent UI — consent-banner-mockup.html v2 (navy panel, white text). */
.mw-cm,.mw-bar{--mw-navy:#0e1b37;--mw-navy-2:#0a1428;--mw-gold:#b88917;--mw-gold-bright:#d9a62c;--mw-line:rgba(184,137,23,.3);--mw-text:rgba(255,255,255,.88);
 box-sizing:border-box;color:#fff;font-family:'Poppins','Tajawal',system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6;text-align:start;letter-spacing:normal}
.mw-cm[lang=ar],.mw-bar[lang=ar]{font-family:'Tajawal','Poppins',system-ui,-apple-system,'Segoe UI',sans-serif}
.mw-cm *,.mw-bar *{box-sizing:border-box}
/* The pages style bare <section> (padding, margins); the consent UI must not inherit that. */
.mw-cm{margin:0;padding:0;min-height:0}
.mw-bar{margin:0}
html.mw-cm-open{overflow:hidden}
html.mw-bar-open body{padding-bottom:var(--mw-bar-h,0px)}
.mw-cm-overlay{position:fixed;inset:0;z-index:10000;background:rgba(3,7,16,.72)}
.mw-cm{position:fixed;z-index:10001;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);
 display:flex;flex-direction:column;background:var(--mw-navy);border:1px solid rgba(184,137,23,.55);border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.65)}
.mw-cm-head{display:flex;align-items:center;gap:12px;padding:22px 26px 16px;border-bottom:1px solid var(--mw-line)}
.mw-cm-mark{width:40px;height:40px;border-radius:10px;background:var(--mw-navy-2);border:1px solid rgba(184,137,23,.45);display:grid;place-items:center;flex:none}
.mw-cm-brand{font-size:12px;color:var(--mw-gold);font-weight:600;letter-spacing:.08em;line-height:1.3}
.mw-cm h2{margin:0;font-size:20px;line-height:1.3;color:#fff;font-weight:700}
.mw-cm-body{padding:16px 26px;overflow:auto;font-size:14px;color:var(--mw-text);overscroll-behavior:contain}
.mw-cm-body p{margin:0 0 10px}
.mw-cm-body p:last-child{margin-bottom:0}
.mw-cm b,.mw-bar b{color:#fff;font-weight:700}
.mw-cm-actions{display:grid;gap:10px;padding:16px 26px 18px;border-top:1px solid var(--mw-line)}
.mw-cm-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;padding:12px 16px 16px;font-size:13px;background:var(--mw-navy-2);border-radius:0 0 12px 12px}
.mw-cm a,.mw-bar a{color:#fff;text-decoration:underline;text-decoration-color:var(--mw-gold);text-underline-offset:3px}
.mw-btn{appearance:none;margin:0;box-sizing:border-box;width:100%;min-height:48px;padding:12px 18px;border-radius:6px;font:inherit;font-size:15px;font-weight:600;line-height:1.35;text-align:center;cursor:pointer;
 display:flex;align-items:center;justify-content:center;white-space:normal;overflow-wrap:anywhere;border:1.5px solid var(--mw-gold)}
.mw-btn-gold{background:var(--mw-gold);color:var(--mw-navy)}
.mw-btn-navy{background:var(--mw-navy-2);color:#fff}
.mw-btn:focus-visible,.mw-switch:focus-visible,.mw-cm a:focus-visible,.mw-bar a:focus-visible{outline:3px solid var(--mw-gold-bright);outline-offset:2px}
/* preferences */
.mw-cat{border:1px solid var(--mw-line);background:rgba(255,255,255,.03);border-radius:8px;padding:12px 14px;margin:0 0 10px}
.mw-cat:last-child{margin-bottom:0}
.mw-cat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mw-cat-top b{font-size:14.5px}
.mw-cat-name{cursor:pointer}
.mw-cat small{display:block;margin-top:6px;font-size:13px;line-height:1.55;color:rgba(255,255,255,.82)}
.mw-pill{font-size:11px;background:rgba(184,137,23,.18);color:#f1d48a;padding:2px 8px;border-radius:99px;white-space:nowrap}
.mw-switch{appearance:none;flex:none;position:relative;width:46px;height:26px;margin:0;padding:0;border:0;border-radius:99px;background:#3b4660;cursor:pointer}
.mw-switch::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff}
.mw-switch[aria-checked=true]{background:var(--mw-gold)}
.mw-switch[aria-checked=true]::after{inset-inline-start:23px}
/* bottom bar on Datenschutz / Impressum */
.mw-bar{position:fixed;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;gap:28px;padding:18px 48px;background:var(--mw-navy);border-top:2px solid var(--mw-gold);box-shadow:0 -10px 30px rgba(0,0,0,.35)}
.mw-bar p{margin:0;flex:1;font-size:14px;color:var(--mw-text)}
.mw-bar-acts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;flex:none}
.mw-bar .mw-btn{min-width:190px;font-size:14px}
@media (max-width:640px){
 .mw-cm{left:0;right:0;top:auto;bottom:0;transform:none;width:auto;max-height:88vh;max-height:88dvh;border-bottom:0;border-radius:16px 16px 0 0}
 .mw-cm-head{padding:18px 18px 12px}
 .mw-cm-body{padding:14px 18px;font-size:13.5px}
 .mw-cm-actions{padding:14px 18px 16px}
 .mw-cm-foot{border-radius:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}
}
/* Short viewports (landscape phones, 200–400% zoom): scroll the whole dialog so no button is cut off. */
@media (max-height:620px){
 .mw-cm{overflow:auto;overscroll-behavior:contain}
 .mw-cm-body{overflow:visible}
}
@media (max-width:900px){
 .mw-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px max(14px,env(safe-area-inset-bottom))}
 .mw-bar-acts{grid-auto-flow:row}
 .mw-bar .mw-btn{min-width:0}
}