.cookie-card {
    max-width: 340px;
    padding: 1rem;
    background-color: var(--cookie-bg, #fff);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 9999;
    border: 1px solid var(--cookie-border, #eee);
    transition: background 0.3s, color 0.3s;
  }
  
  .cookie-card .title {
    font-weight: 600;
    color: var(--cookie-title, #1f2937);
  }
  
  .cookie-card .description {
    margin-top: 1rem;
    font-size: 0.95rem;
    color: var(--cookie-desc, #4b5563);
  }
  
  .cookie-card .description a {
    color: var(--cookie-link, #3b82f6);
  }
  
  .cookie-card .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1rem;
    column-gap: 1rem;
  }
  
  .cookie-card .pref {
    font-size: 0.8rem;
    color: var(--cookie-title, #1f2937);
    text-decoration: underline;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.2s;
  }
  
  .cookie-card .pref:hover {
    color: #9ca3af;
  }
  
  .cookie-card .accept {
    font-size: 0.8rem;
    background-color: var(--cookie-btn-bg, #111827);
    color: var(--cookie-btn-color, #fff);
    font-weight: 500;
    border-radius: 0.5rem;
    padding: 0.6rem 1.2rem;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
  }
  
  .cookie-card .accept:hover {
    background-color: var(--cookie-btn-hover, #374151);
  }
  
  /* Karanlık tema için */
  [data-theme="dark"] .cookie-card {
    --cookie-bg: #23272f;
    --cookie-border: #333;
    --cookie-title: #fff;
    --cookie-desc: #d1d5db;
    --cookie-link: #60a5fa;
    --cookie-btn-bg: #374151;
    --cookie-btn-color: #fff;
    --cookie-btn-hover: #111827;
  }