/* "Tekrar stokta" pop-up'ı. Modal kabuğu (overlay, odak tuzağı, kaydırma
   kilidi) sub-components/Modal'dan geliyor; burada yalnızca panelin içi var.

   Kategori sayfasındaki ince şeritle aynı dili konuşuyor: dolu gül kurusu
   bant + beyaz yazı + canlılık noktası. Müşteri şeridi gördüyse pop-up'ı
   yabancı bir şey olarak algılamıyor.

   Hiyerarşi tek şeye kilitli: TARİH. Gövde tek cümle. */

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__panel, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__panel {
  max-width: 400px;
  overflow: hidden;
}

/* Modal kabuğu başlık/gövde için kendi dolgusunu veriyor; bant panelin
   ÜSTÜNE dayansın diye bu panelde dolgular sıfırlanıp kapatma butonu bandın
   üzerine bindiriliyor. Yalnızca bu panele kapsamlı. */
.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__panel .ath-modal-header, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__panel .ath-modal-header {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 8px 8px 0 0;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__panel .ath-modal-close, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__panel .ath-modal-close {
  color: #fffdfb;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__panel .ath-modal-close:hover, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__panel .ath-modal-close:hover, .cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__panel .ath-modal-close:focus-visible, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__panel .ath-modal-close:focus-visible {
  color: #ffffff;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__panel .ath-modal-body, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__panel .ath-modal-body {
  padding: 0;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup {
  display: flex;
  flex-direction: column;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__banner, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 44px 18px 20px;
  color: #ffffff;
  background: var(--color-accent, #9e4664);
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__pulse, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__pulse {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #ffffff;
  animation: restock-popup-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes restock-popup-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__pulse, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__pulse {
    animation: none;
  }
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__title, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__title {
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 750;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__content, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 22px 20px 20px;
  text-align: center;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__body, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-body);
  line-height: 1.55;
  color: var(--color-text-primary);
  text-wrap: pretty;
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__cta, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__cta {
  width: 100%;
  min-height: 46px;
  padding: 12px 20px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: var(--color-accent, #9e4664);
  font-family: var(--font-label);
  font-size: var(--text-small);
  font-weight: 650;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition:
    background-color 180ms cubic-bezier(0.2, 0, 0, 1),
    transform 120ms cubic-bezier(0.2, 0, 0, 1);
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__cta:hover, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__cta:hover, .cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__cta:focus-visible, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__cta:focus-visible {
  background: var(--color-accent-dark, #7c3a50);
}

.cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__cta:active, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__cta:active {
  transform: scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
  .cc_liCOqq6YcZ_ZklZT4T7lv .restock-popup__cta, .cc_liCOqq6YcZ_APfMi3FPHZ .restock-popup__cta {
    transition: none;
  }
}