.cookie-consent-app {
  position: fixed;
  inset: auto 16px 16px 16px;
  z-index: 12000;
  max-width: 520px;
  margin: 0 auto;
  padding: var(--gtos-space-4) 18px;
  border-radius: 12px;
  /* H5-THEME: burada `--gtos-surface-elevated` yaziliydi; boyle bir token yok
   * (tanimli olan `--gtos-color-surface-elevated`). Yanlis ad yuzunden zemin
   * her temada beyaz yedege dusuyor, yazi rengi ise tema tokeninden geldigi
   * icin koyu temada beyaza yaklasiyordu: olculen kontrast 1.09:1. Panel
   * pratikte okunamaz haldeydi ve bu, musterinin gordugu ilk yuzeydir. */
  background: var(--gtos-color-surface-elevated, var(--gtos-white));
  color: var(--gtos-color-text, var(--gtos-slate-900));
  box-shadow: var(--gtos-shadow-md, 0 12px 40px rgba(15, 23, 42, 0.18));
  border: 1px solid var(--gtos-color-border, rgba(15, 23, 42, 0.08));
  transform: translateY(120%);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.cookie-consent-app.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.cookie-consent-app__copy strong {
  display: block;
  margin-bottom: 6px;
  font-size: 0.95rem;
}

.cookie-consent-app__copy p {
  margin: 0 0 var(--gtos-space-2);
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--gtos-color-text-muted, var(--gtos-slate-600));
}

/* Baglanti rengi tanimsizdi ve tarayici varsayilanina dusuyordu (koyu temada
 * #9e9eff, beyaz zeminde 2.38:1). Marka birincil rengine baglandi. */
.cookie-consent-app__copy a {
  font-size: 0.82rem;
  color: var(--gtos-color-primary-text, var(--gtos-teal-700));
}

.cookie-consent-app__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gtos-space-2);
  margin-top: var(--gtos-space-3);
}

.cookie-consent-app__btn {
  border: 1px solid var(--gtos-color-border, rgba(15, 23, 42, 0.15));
  background: transparent;
  color: var(--gtos-color-text, inherit);
  border-radius: 8px;
  padding: var(--gtos-space-2) var(--gtos-space-3);
  font-size: 0.8rem;
  cursor: pointer;
}

.cookie-consent-app__btn--primary {
  background: var(--gtos-color-primary, var(--gtos-teal-700));
  border-color: var(--gtos-color-primary, var(--gtos-teal-700));
  color: var(--gtos-color-on-primary, var(--gtos-white));
}

.cookie-consent-app__btn:focus-visible {
  outline: 2px solid var(--gtos-teal-700);
  outline-offset: 2px;
}

.cookie-consent-app__copy a:focus-visible {
  outline: 2px solid var(--gtos-teal-700);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .cookie-consent-app {
    transition: none;
  }
}

@media (min-width: 640px) {
  .cookie-consent-app {
    inset: auto 24px 24px auto;
    margin: 0;
  }
}