/* SendlyMe çerez/izin bandı (tüm pazarlama sayfaları ortak) — "gece ve şampanya"
   tokenları (assets/anasayfa/anasayfa.css ile aynı değerler). Sayfanın kendi
   değişkenlerine bağımlı değildir; mantıksal özellikler (RTL hazır). */
.consent {
  --ck-card: #1A1A1D; --ck-card-2: #202024; --ck-ink: #F4EFE6; --ck-soft: #CFC9BE;
  --ck-gold: #C8A96A; --ck-gold-hi: #D6BA80; --ck-gold-line: #5A4C33; --ck-charcoal: #1C1B19;
  position: fixed; z-index: 95;
  inset-inline: 12px; inset-block-end: 12px;
  display: flex; flex-direction: column; gap: 14px;
  padding: 16px 16px 14px;
  background: var(--ck-card); color: var(--ck-ink);
  border: 0.5px solid var(--ck-gold-line); border-block-start: 1px solid var(--ck-gold);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,.35), 0 24px 48px -16px rgba(0,0,0,.85);
  font-family: 'Inter', ui-sans-serif, -apple-system, 'Segoe UI', sans-serif;
  font-size: .875rem; line-height: 1.55; text-align: start;
  -webkit-font-smoothing: antialiased;
}
.consent[hidden] { display: none; }
.consent__text { margin: 0; color: var(--ck-soft); }
.consent__link { color: var(--ck-gold); font-weight: 600; text-decoration: underline; text-decoration-color: var(--ck-gold-line); text-underline-offset: 3px; white-space: nowrap; }
.consent__link:hover { text-decoration-color: var(--ck-gold); }
.consent__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.consent__btn {
  flex: 1 1 140px; display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; margin: 0; padding: 10px 18px; border-radius: 12px; border: 1px solid transparent;
  font: inherit; font-weight: 600; font-size: .9rem; line-height: 1.2; letter-spacing: .01em;
  cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.consent__btn--primary { background: var(--ck-gold); color: var(--ck-charcoal); }
.consent__btn--primary:hover { background: var(--ck-gold-hi); }
.consent__btn--secondary { background: transparent; color: var(--ck-ink); border-color: var(--ck-gold-line); }
.consent__btn--secondary:hover { border-color: var(--ck-gold); color: var(--ck-gold); }
.consent a:focus-visible, .consent__btn:focus-visible { outline: 2px solid var(--ck-gold); outline-offset: 3px; }

/* Tablet/masaüstü: sol-altta (RTL'de sağ-altta) kart; WhatsApp düğmesi
   karşı köşede kalır, üst üste binmez. */
@media (min-width: 720px) {
  .consent {
    inset-inline-end: auto; inset-inline-start: 24px; inset-block-end: 24px;
    width: min(660px, calc(100vw - 48px - 96px));
    flex-direction: row; align-items: center; gap: 18px; padding: 16px 18px;
  }
  .consent__actions { flex-wrap: nowrap; flex-shrink: 0; }
  .consent__btn { flex: 0 0 auto; }
}

/* Bant açıkken sabit alt öğeleri bandın üstüne kaydır (--consent-h JS'ten). */
html.consent-visible body { padding-block-end: calc(var(--consent-h, 0px) + 12px); }
html.consent-visible .demo-continue-bar { bottom: calc(var(--consent-h, 0px) + 12px); }
@media (max-width: 719px) {
  html.consent-visible .wa-float,
  html.consent-visible .demo-toast { inset-block-end: calc(var(--consent-h, 0px) + 24px); bottom: calc(var(--consent-h, 0px) + 24px); }
}

/* İzinli ziyaret pikseli: görünmez, düzeni etkilemez. */
.consent-pixel { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }

/* Altbilgideki "Çerez tercihleri" düğmesi — bulunduğu link listesine uyar. */
.consent-open {
  display: inline; margin: 0; padding: 0; background: none; border: 0;
  font: inherit; color: inherit; text-align: inherit; text-decoration: none; cursor: pointer;
}
.consent-open:hover { color: #C8A96A; }
.consent-open:focus-visible { outline: 2px solid #C8A96A; outline-offset: 3px; border-radius: 4px; }
.footer__top .footer__links .consent-open { display: inline-block; padding-block: 8px; font-size: .9rem; color: var(--soft); }
.footer__top .footer__links .consent-open:hover { color: var(--gold); }

/* Altbilgisi olmayan demo sayfaları için küçük yasal satır. */
.consent-footer {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 12px;
  padding: 28px 16px 36px; font-family: 'Inter', ui-sans-serif, -apple-system, 'Segoe UI', sans-serif;
  font-size: .8rem; color: #8E8A82; text-align: center;
}
.consent-footer a { color: #CFC9BE; text-decoration: none; padding-block: 8px; }
.consent-footer a:hover { color: #C8A96A; }
.consent-footer .consent-open { padding-block: 8px; color: #CFC9BE; }
.consent-footer .consent-open:hover { color: #C8A96A; }
.consent-footer span { color: #5A4C33; }

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