/* ============================================================
   Единый рекламный баннер в сайдбаре карточек офферов
   Образец: CreditCardBank — 2026-08-17
   ============================================================ */

.offer_cat_right .offer-ad-card {
  position: relative;
  display: block;
  width: 100%;
  margin: 16px 0 30px;
  padding: 16px;
  box-sizing: border-box;
  overflow: visible;
  border: 1px solid rgba(209,250,229,.95);
  border-radius: 32px;
  background:
    radial-gradient(circle at 0 0, rgba(18,188,114,.18), transparent 34%),
    radial-gradient(circle at 100% 12%, rgba(125,211,252,.18), transparent 34%),
    linear-gradient(180deg, #fff 0%, #f7fffb 56%, #f8fafc 100%);
  box-shadow: 0 24px 64px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.98);
  font-family: Manrope, "Open Sans", Arial, sans-serif;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.offer_cat_right .offer-ad-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 32px;
  margin: 0 0 12px;
}

.offer_cat_right .offer-ad-card__special,
.offer_cat_right .offer-ad-card__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1;
}

.offer_cat_right .offer-ad-card__special {
  min-height: 32px;
  padding: 0 13px;
  border: 1px solid rgba(18,188,114,.22);
  background: linear-gradient(135deg, #ecfdf5 0%, #eff6ff 100%);
  color: #047857;
  box-shadow: 0 10px 22px rgba(18,188,114,.08);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: -.01em;
}

.offer_cat_right .offer-ad-card__label {
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(226,232,240,.86);
  background: rgba(255,255,255,.92);
  color: rgba(15,23,42,.62);
  box-shadow: 0 8px 18px rgba(15,23,42,.08);
  font-size: 10px;
  font-weight: 800;
}

.offer_cat_right .offer-ad-card__media {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid rgba(209,250,229,.95);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15,23,42,.08), inset 0 1px 0 #fff;
  line-height: 0;
}

/* Сбрасываем старое оформление DLE и локальных тем внутри новой карточки. */
.offer_cat_right .offer-ad-card .dle_b_header,
.offer_cat_right .offer-ad-card .aktiv-banner,
.offer_cat_right .offer-ad-card .aktiv-banner .inner {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 25px !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

.offer_cat_right .offer-ad-card .dle_b_header::before,
.offer_cat_right .offer-ad-card .dle_b_header::after,
.offer_cat_right .offer-ad-card .aktiv-banner::before,
.offer_cat_right .offer-ad-card .aktiv-banner::after,
.offer_cat_right .offer-ad-card .aktiv-banner .inner::before,
.offer_cat_right .offer-ad-card .aktiv-banner .inner::after {
  content: none !important;
  display: none !important;
}

.offer_cat_right .offer-ad-card a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 25px !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
}

.offer_cat_right .offer-ad-card img,
.offer_cat_right .offer-ad-card .aktiv-banner img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 25px !important;
  object-fit: cover !important;
  opacity: .92 !important;
  filter: brightness(1.28) saturate(.92) contrast(.86) !important;
  transform: translateZ(0) !important;
  transition: transform .35s ease, filter .35s ease, opacity .35s ease !important;
}

.offer_cat_right .offer-ad-card:hover {
  transform: translateY(-2px);
  border-color: rgba(18,188,114,.28);
  box-shadow: 0 28px 72px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.98);
}

.offer_cat_right .offer-ad-card:hover img,
.offer_cat_right .offer-ad-card:hover .aktiv-banner img {
  opacity: .96 !important;
  filter: brightness(1.34) saturate(.96) contrast(.88) !important;
  transform: scale(1.025) !important;
}

@media (max-width: 1100px) {
  /* Сохраняем штатное поведение шаблонов: сайдбар на узких экранах скрыт. */
  .offer_cat_right .offer-ad-card { margin: 12px 0 24px; }
}