/* ==========================================================================
   Баннер согласия на обработку ПД / cookies + веб-аналитику — Артемон.
   152-ФЗ: явное согласие («Принять») и отказ («Отклонить»), назван сервис
   аналитики (только Яндекс.Метрика — по решению проекта), до «Принять» метрика
   не грузится. Основа — модуль consent из 24btt; палитра переведена на токены
   Артемона (тёмная панель, как подвал), розовый 24btt убран.

   Тёмная панель-палитра (--panel-dark…) не зависит от светлой/тёмной темы —
   баннер выглядит одинаково в обеих. Кнопка «Принять» — фирменный пурпур
   (--accent), ссылка на политику — жёлтый акцент (--panel-dark-accent).

   z-index 100 — выше «бургера» (90) и контента, НИЖЕ модалок входа/звонка (110),
   чтобы открытая модалка перекрывала баннер.
   ========================================================================== */

.pdn-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: var(--panel-dark, #251D38);
  color: var(--panel-dark-ink, #F4F1FA);
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0 -6px 24px rgba(20, 21, 24, .28);
  padding: 16px 20px;
  /* безопасная зона снизу — «чёлки»/жесты на телефонах */
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}

.pdn-banner[hidden] { display: none; }

.pdn-banner__inner {
  max-width: 1240px;   /* .pagewrap шаблона — баннер по одной сетке с сайтом */
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.pdn-banner__text {
  flex: 1 1 480px;
  min-width: 260px;
  margin: 0;
}

.pdn-banner__text b { color: #fff; font-weight: 700; }

.pdn-banner__text a {
  color: var(--panel-dark-accent, #FFCE45);
  text-decoration: underline;
}

.pdn-banner__text a:hover { text-decoration: none; }

.pdn-banner__actions {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

/* Кнопки под .btn шаблона: радиус 11, вес 700, font:inherit */
.pdn-btn {
  cursor: pointer;
  border: 1.5px solid transparent;
  border-radius: 11px;
  padding: 10px 22px;
  font: inherit;
  font-weight: 700;
  font-size: 14.5px;
  white-space: nowrap;
  transition: background .15s ease, border-color .15s ease;
}

.pdn-btn--accept { background: var(--accent, #5E28D9); color: #fff; }
.pdn-btn--accept:hover { background: var(--accent-deep, #4B1FAF); color: #fff; }

.pdn-btn--reject {
  background: transparent;
  color: var(--panel-dark-ink, #F4F1FA);
  border-color: var(--panel-dark-border, #3B3058);
}
.pdn-btn--reject:hover { border-color: var(--panel-dark-muted, #B4ABCC); }

@media (max-width: 640px) {
  .pdn-banner { padding: 14px 16px; padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  .pdn-banner__inner { gap: 14px; }
  .pdn-banner__actions { width: 100%; }
  .pdn-btn { flex: 1 1 auto; text-align: center; }
}