/* DemAsistan'in yanina takilan ek katman.
   Sekme, sitedeki "Sipariş takibi" ve "Şansını dene" kenar
   sekmeleriyle ayni dilde: sag kenara yapisik, dikey yazi, 42px
   genislik (mobilde 26px). Olculer canli siteden alindi.

   Marka degiskenleri global.css'ten geliyor; tema disinda da
   bozulmasin diye her birine yedek deger yazildi. */

.cc_malgdg6b_zK23fwWKgO .dae {
  /* Kendisi bir sey cizmiyor; icindekiler sabit konumlu. */
  display: contents;
}

/* ── butonun altindaki etiket ─────────────────────────────── */
/* Sohbet butonunun yatay merkezi sag kenardan 3rem iceride
   (1.25rem bosluk + 1.75rem yaricap). Etiketi oraya ortalamak icin
   sag kenari 3rem'e sabitleyip kendi genisliginin yarisi kadar
   kaydiriyoruz; boylece yazi uzayip kisalsa da ortali kaliyor. */
.cc_malgdg6b_zK23fwWKgO .dae__etiket {
  position: fixed;
  right: 3rem;
  bottom: 1rem;
  transform: translateX(50%);
  z-index: 59;

  /* Etiket butona ortali; merkezi sag kenardan 3rem iceride. Genislik
     5rem'i asarsa sag kenara dayaniyor, o yuzden sinirli ve iki
     satira sariyor ("DESTEK" / "MERKEZİ"). */
  max-width: 5rem;
  padding: 0.25rem 0.5rem;
  border: none;
  border-radius: 999px;
  background: var(--ivory, #fbf6f2);
  color: var(--deep-rose, #b25f6c);
  box-shadow: 0 2px 10px rgba(90, 59, 66, 0.18);
  cursor: pointer;

  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 200ms ease, box-shadow 200ms ease;
}

.cc_malgdg6b_zK23fwWKgO .dae__etiket:hover {
  box-shadow: 0 4px 14px rgba(90, 59, 66, 0.26);
}

/* Sohbet acilinca etiket sussun; buton zaten kapatma ikonuna donuyor. */
.cc_malgdg6b_zK23fwWKgO .dae__etiket--gizli {
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 640px) {
  .cc_malgdg6b_zK23fwWKgO .dae__etiket {
    bottom: 0.85rem;
    max-width: 4.75rem;
    font-size: 0.55rem;
    letter-spacing: 0.05em;
  }
}

/* ── butonun cevresindeki parilti ─────────────────────────── */
/* Buton 3.5rem genisliginde. Hale kutusu 5.5rem oldugu icin her
   yandan 1rem tasiyor; sag konum bu yuzden 1.25 - 1 = 0.25rem.
   Alt konum, butonu 4.5rem'e yukari aldigimiz icin 4.5 - 1 = 3.5rem.
   Opaklik kapsayicida: icerideki animasyon 0.85'e cikiyor, 0.6 ile
   carpilinca tepe ~0.5 — fark ediliyor ama one cikmiyor. */
.cc_malgdg6b_zK23fwWKgO .dae__parilti {
  position: fixed;
  right: 0.25rem;
  /* Buton 1.25rem yerine 3.25rem'e alindigi icin hale de 2rem yukarida. */
  bottom: 3.5rem;
  width: 5.5rem;
  height: 5.5rem;
  z-index: 59;
  color: var(--peony, #e0869d);
  opacity: 0.6;
  pointer-events: none;
  transition: opacity 200ms ease;
}

.cc_malgdg6b_zK23fwWKgO .dae__parilti--gizli { opacity: 0; }

.cc_malgdg6b_zK23fwWKgO .dae__parilti i {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--b);
  height: var(--b);
  /* dort kollu yildiz */
  background: currentColor;
  clip-path: polygon(
    50% 0%, 58% 42%, 100% 50%, 58% 58%,
    50% 100%, 42% 58%, 0% 50%, 42% 42%
  );
  opacity: 0;
  animation: cc_malgdg6b_zK23fwWKgO_daeParilda 4.4s ease-in-out infinite;
  animation-delay: var(--g);
}

@keyframes cc_malgdg6b_zK23fwWKgO_daeParilda {
  0%, 100% { opacity: 0;    transform: scale(0.5) rotate(0deg); }
  45%      { opacity: 0.85; transform: scale(1) rotate(20deg); }
  60%      { opacity: 0.35; transform: scale(0.9) rotate(28deg); }
}

@media (max-width: 640px) {
  .cc_malgdg6b_zK23fwWKgO .dae__parilti { right: 0; bottom: 3.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_malgdg6b_zK23fwWKgO .dae__etiket { transition: none; }
  .cc_malgdg6b_zK23fwWKgO .dae__parilti i { animation: none; opacity: 0.55; }
}