.tvcta-bar{
    position:fixed; inset:auto 0 0 0; z-index:9999;
    display:flex; align-items:center; gap:12px;
    padding:10px 14px;
    background:rgba(15,23,42,.92); /* semitransparent mørk */
    backdrop-filter:saturate(120%) blur(2px);
    color:#fff; font:14px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    box-shadow:0 8px 28px rgba(2,6,23,.18);
    transform:translateY(110%); opacity:.01; transition:transform .35s ease,opacity .35s ease;
  }
  .tvcta-bar.tvcta-show{ transform:translateY(0); opacity:1; }
  .tvcta-logo{ width:40px; height:auto; flex:0 0 auto; border-radius:6px; background:#fff; padding:3px; }
  .tvcta-copy{ min-width:0; display:flex; flex-direction:column; gap:2px; }
  .tvcta-title{ font-weight:700; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .tvcta-sub{ font-weight:600; opacity:.9; font-size:13px; }
  .tvcta-btn{
    margin-left:auto; flex:0 0 auto; text-decoration:none; font-weight:700;
    padding:9px 12px; border-radius:10px; background:#14a44d; color:#fff;
    box-shadow:0 4px 14px rgba(20,164,77,.35);
  }
  .tvcta-btn:focus{ outline:2px solid #fff3; outline-offset:2px; }

  .tvcta-close{
    border:0; background:transparent; color:#fff; opacity:.75;
    font-size:20px; line-height:1; cursor:pointer; padding:6px;
    margin-left:8px; flex:0 0 auto; /* ligger ikke over knappen */
  }
  .tvcta-close:hover{ opacity:1; }

  @media (min-width: 860px){
    .tvcta-bar{
      inset:auto auto 16px auto; left:50%; transform:translate(-50%,110%);
      width:min(980px, calc(100vw - 32px)); border-radius:14px;
    }
    .tvcta-bar.tvcta-show{ transform:translate(-50%,0); }
  }
  @media (prefers-reduced-motion: reduce){
    .tvcta-bar{ transition:none; }
  }