/* ===== СТРОГО ЛОКАЛЬНО ДЛЯ СТРАНИЦЫ СКИДОК ===== */
/* Важно: в шаблоне у корневого контейнера должен быть id="discounts-page" */

#discounts-page {}

/* ——— Чип-бар ——— */
#discounts-page .df-chipbar{
  display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin:12px 0;
  position:relative; z-index:10; /* чип-бар не обрезает поповер */
}
#discounts-page .df-chip{
  padding:.375rem .625rem; border:1px solid #E4E6EB; border-radius:8px;
  background:#fff; line-height:1.2; font-size:14px; cursor:pointer;
}
#discounts-page .df-chip--all{ font-weight:600; }

/* ——— Поповер — поверх всего, привязан к вьюпорту ——— */
#discounts-page .df-popover{
  position: fixed;                 /* ключ: больше не зависит от потока */
  top: -9999px; left: -9999px;     /* прячем до открытия */
  display: none;
  z-index: 3000;
  min-width: 260px;
  max-width: min(92vw, 420px);
  background:#fff;
  border:1px solid rgba(0,0,0,.1);
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  padding:12px;
}
#discounts-page .df-popover.is-open{ display:block; }
#discounts-page .df-popover__body{ max-height:60vh; overflow:auto; }

/* маленькая «стрелка» (опционально) */
#discounts-page .df-popover__arrow{
  position:absolute; top:-8px; left:50%;
  width:16px; height:16px; background:#fff;
  border-left:1px solid rgba(0,0,0,.1);
  border-top:1px solid rgba(0,0,0,.1);
  transform:translateX(-50%) rotate(45deg);
}

/* ——— Мобильный оверлей нового фильтра ——— */
#discounts-page #df-overlay[aria-hidden="true"]{ display:none; }
#discounts-page #df-overlay{
  position:fixed; inset:0; z-index:3060; background:#fff;
  display:flex; flex-direction:column;
}
#discounts-page .df-overlay__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 16px; border-bottom:1px solid #EDEEF1;
}
#discounts-page .df-overlay__body{ padding:12px 16px; overflow:auto; flex:1; }
#discounts-page .df-overlay__foot{
  padding:10px 16px; border-top:1px solid #EDEEF1; display:flex; gap:8px;
}

/* ——— Кнопки ——— */
#discounts-page .df-btn{ border-radius:8px; padding:.5rem .75rem; border:1px solid #E4E6EB; background:#fff; }
#discounts-page .df-btn--primary{ background:#2563eb; border-color:#2563eb; color:#fff; }
#discounts-page .df-btn--light{ background:#f7f8fa; }
#discounts-page .df-btn--ghost{ background:#fff; }

/* На десктопе оверлей не показываем */
@media (min-width: 992px){
  #discounts-page #df-overlay{ display:none !important; }
}

/* Узкие экраны — позволяем поповеру быть шире */
@media (max-width: 576px){
  #discounts-page .df-popover{ max-width: min(96vw, 420px); }
}

/* НИКАКИХ глобальных .card/.layout/.content/.btn тут быть не должно! */