:root{
  --csmk-rgpd-bg:#0f2f2f;
  --csmk-rgpd-text:#ffffff;
  --csmk-rgpd-primary:#1aa5a5;
  --csmk-rgpd-secondary:#244b4b;
  --csmk-rgpd-link:#9fe3df;
}

#csmk-rgpd-root[hidden]{display:none!important}
.csmk-rgpd-root{position:fixed;inset:0;z-index:999999;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;pointer-events:none}
.csmk-rgpd-overlay{position:absolute;inset:0;background:rgba(0,0,0,.42);display:none;pointer-events:auto}
.csmk-rgpd-panel{position:absolute;left:50%;transform:translateX(-50%);width:min(760px,calc(100vw - 24px));background:var(--csmk-rgpd-bg);color:var(--csmk-rgpd-text);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:22px 22px 18px;pointer-events:auto}
.csmk-rgpd-panel--modal{top:50%;transform:translate(-50%,-50%)}
.csmk-rgpd-panel--modal ~ .csmk-rgpd-overlay,.csmk-rgpd-root[data-current-mode="modal"] .csmk-rgpd-overlay{display:block}
.csmk-rgpd-panel--bar_bottom{left:50%;right:auto;bottom:12px;transform:translateX(-50%);width:min(1100px,calc(100vw - 24px));border-radius:14px}
.csmk-rgpd-panel--floating_box{left:auto;right:14px;bottom:14px;transform:none;width:min(420px,calc(100vw - 24px));border-radius:18px}
.csmk-rgpd-close{position:absolute;right:10px;top:10px;background:none;border:none;color:var(--csmk-rgpd-text);font-size:28px;line-height:1;cursor:pointer}
.csmk-rgpd-panel h2{margin:0 28px 10px 0;font-size:24px;line-height:1.2;color:var(--csmk-rgpd-text)}
.csmk-rgpd-message{font-size:15px;line-height:1.55;margin-bottom:16px}
.csmk-rgpd-message a,.csmk-rgpd-policy a{color:var(--csmk-rgpd-link)}
.csmk-rgpd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.csmk-rgpd-panel--bar_bottom .csmk-rgpd-message{max-width:none}
.csmk-rgpd-panel--floating_box .csmk-rgpd-message{font-size:14px}
.csmk-rgpd-panel--floating_box .csmk-rgpd-panel h2{}
.csmk-rgpd-actions .button{cursor:pointer}
.csmk-rgpd-actions .button.button-primary{background:var(--csmk-rgpd-primary);border-color:var(--csmk-rgpd-primary);color:#fff}
.csmk-rgpd-actions .button.button-secondary{background:#fff;color:#111;border-color:#fff}
.csmk-rgpd-categories{display:grid;gap:12px;margin-top:12px}
.csmk-rgpd-cat{display:flex;justify-content:space-between;gap:14px;background:rgba(255,255,255,.08);padding:12px 14px;border-radius:12px;align-items:center}
.csmk-rgpd-cat strong{display:block;margin-bottom:4px}
.csmk-rgpd-cat p{margin:0;font-size:13px;line-height:1.4;opacity:.95}
.csmk-rgpd-switch{position:relative;display:inline-flex;align-items:center;width:52px;flex:0 0 52px}
.csmk-rgpd-switch input{display:none}
.csmk-rgpd-switch span{display:block;width:52px;height:30px;border-radius:99px;background:rgba(255,255,255,.25);position:relative;transition:all .2s ease}
.csmk-rgpd-switch span::after{content:"";position:absolute;top:3px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:all .2s ease}
.csmk-rgpd-switch input:checked + span{background:var(--csmk-rgpd-primary)}
.csmk-rgpd-switch input:checked + span::after{left:24px}
.csmk-rgpd-policy{margin:14px 0 0;font-size:13px}
.csmk-rgpd-floating-btn{position:fixed;right:14px;bottom:14px;z-index:999998;background:var(--csmk-rgpd-bg);color:var(--csmk-rgpd-text);border:none;border-radius:999px;padding:11px 16px;box-shadow:0 10px 25px rgba(0,0,0,.18);cursor:pointer;font-weight:600}
.csmk-rgpd-floating-btn--desktop-only{display:inline-flex}
.csmk-cookie-settings-link,.csmk-cookie-settings-button{cursor:pointer}
.csmk-youtube-placeholder{position:relative;background:#111;color:#fff;border-radius:14px;overflow:hidden;padding:24px;margin:16px 0;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center}
.csmk-youtube-placeholder__inner{max-width:640px}
.csmk-youtube-placeholder strong{display:block;font-size:22px;margin-bottom:8px}
.csmk-youtube-placeholder p{margin:0 0 14px;line-height:1.5}
@media (max-width:640px){
  .csmk-rgpd-panel{padding:18px 16px 14px;width:calc(100vw - 16px)}
  .csmk-rgpd-panel--bar_bottom,.csmk-rgpd-panel--floating_box{left:8px;right:8px;bottom:8px;transform:none;width:auto}
  .csmk-rgpd-floating-btn--desktop-only{display:none}
  .csmk-rgpd-panel h2{font-size:20px}
  .csmk-rgpd-actions{display:grid;grid-template-columns:1fr}
  .csmk-rgpd-actions .button{width:100%;justify-content:center}
  .csmk-rgpd-cat{align-items:flex-start}
  .csmk-rgpd-floating-btn{right:10px;bottom:10px;padding:10px 14px}
}