/* =========================================================
   ВСПЛЫВАЮЩИЙ БАННЕР ДОНАТА (АДАПТИВНЫЙ)
   ========================================================= */
.donate-popup {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9000;
  width: 400px; /* Ширина для ПК */
  padding: 10px;
  background: var(--c-paper, #fffdf8); 
  border: 1px solid var(--c-line, #e4d9c8);
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(44, 24, 16, 0.15);
  animation: slideInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes slideInUp {
  from { opacity: 0; transform: translateY(30px) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.donate-popup[hidden] { display: none !important; }

/* Кнопка закрытия */
.donate-close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #2c1810;
  color: #fff;
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  transition: transform 0.2s, background 0.2s;
  z-index: 10;
}

.donate-close:hover {
  transform: scale(1.1);
  background: #b91c1c;
}

/* Ссылка и картинка */
.donate-link {
  display: block;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  line-height: 0;
}

.donate-img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

.donate-link:hover .donate-img {
  transform: scale(1.03);
}

/* ================= МОБИЛЬНАЯ АДАПТАЦИЯ ================= */
@media (max-width: 640px) {
  .donate-popup {
    bottom: 16px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: 320px; /* Уже на мобилке */
    margin: 0 auto;
    padding: 8px;
    border-radius: 16px;
    
    /* Ограничиваем высоту, чтобы не перекрывать доску */
    max-height: 280px; 
  }
  
  /* Контейнер для картинки (чтобы обрезать) */
  .donate-link {
    height: 264px; /* Высота картинки + padding */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  /* Картинка заполняет блок, обрезая края */
  .donate-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center top; /* Фокус на верхней части (текст и кнопка) */
    border-radius: 10px;
  }

  .donate-close {
    top: -10px;
    right: -10px;
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .donate-popup {
    display: none !important;
  }
}