#consent-banner {
    position: fixed; 
    inset: auto 0 0 0; 
    z-index: 9999;
    background: #0b0c0f; 
    color: #fff; 
    font-family: system-ui, sans-serif;
    box-shadow: 0 -8px 24px rgba(0,0,0,.35);
  }
  
  #consent-banner .wrap { max-width: 1200px; margin: 0 auto; padding: 16px; }
  #consent-banner h2 { margin: 0 0 6px; font-size: 16px; font-weight: 700; }
  #consent-banner p { margin: 0 0 12px; font-size: 14px; line-height: 1.45; color: #dbe1ea; }
  #consent-banner .btns { display: flex; gap: 8px; flex-wrap: wrap; }
  
  .cb-btn {
    border: 0; padding: 10px 14px; font-weight: 600; cursor: pointer;
    transition: transform .06s ease; border-radius: 6px;
  }
  
  .cb-accept { background: #2ecc71; color: #0b0c0f; }
  .cb-deny   { background: #cf3b3b; color: #fff; }
  .cb-more   { background: #1f2836; color: #fff; }
  .cb-link { color: #9ecbff; text-decoration: underline; }
  .cb-btn:active { transform: translateY(1px); }
    
  #consent-modal {
    position: fixed; inset: 0; background: rgba(4,8,12,.65); display: none; z-index: 10000;
  }
  
  #consent-modal .card {
    background: #0f1420; color: #fff; max-width: 720px; margin: 6vh auto; padding: 18px;
    border-radius: 10px; box-shadow: 0 12px 36px rgba(0,0,0,.5);
    font-family: system-ui, sans-serif;
  }
  
  .card h3 { margin: 0 0 8px; }
  .card p  { margin: 0 0 12px; color: #dbe1ea; }
  
  .row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #222a38; }
  .row:last-child { border-bottom: 0; }
  
  .toggle { appearance: none; width: 42px; height: 22px; background: #263246; border-radius: 22px; position: relative; outline: none; cursor: pointer; }
  .toggle:before { content: ""; position: absolute; width: 18px; height: 18px; background: #fff; border-radius: 50%; top: 2px; left: 2px; transition: left .2s; }
  .toggle:checked { background: #2ecc71; }
  .toggle:checked:before { left: 22px; }
  
  .actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 10px; }