/* 21bit-bonus.com — ручные правки хозяина 27.09 (штатный канал manual-overrides). */

/* 1. Рамка плашек текстов и наших блоков (крошки, среднее и футерное меню,
      форма подписки — она тоже .x-text-plaque) — точная копия рамки
      баннера сайта: div.title-container::before, градиент 237.12deg,
      2px, радиус 8px, кольцо вырезано маской. Цвет самой рамки прозрачный:
      наши блоки копируют рамку плашки рантаймом и тоже станут прозрачными. */
.x-text-plaque,
x-menu-breadcrumb[id],
#x-menu-middle,
#x-menu-footer {
  position: relative;
  border-color: transparent !important;
  border-radius: 8px !important;
}
.x-text-plaque::before,
x-menu-breadcrumb[id]::before,
#x-menu-middle::before,
#x-menu-footer::before {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(237.12deg, rgb(255, 206, 168) 0%, rgb(195, 166, 252) 50.52%, rgb(128, 254, 247) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

/* 2. Карточки «Игровые акции» слипались: у слайдов карусели зазор 0, а
      ссылка-карточка (к ней прибита рамка) шириной во весь слайд. Сужаем
      саму карточку на 10px — между рамками соседних карточек зазор 10px. */
app-game-promotions .keen-slider__slide > a.game-promotion-card {
  width: calc(100% - 10px) !important;
}

/* 3. Огромная пустота над плашкой WINNERS: у секции бонусов снизу 100px. */
app-bonuses section.bonuses {
  padding-bottom: 0 !important;
}

/* 4. Громадина над плашкой PAYMENTS: у блока логотипов оплат снизу 100px. */
app-accordion-button.payments {
  margin-bottom: 0 !important;
}

/* 5. Низ страницы: подвал держал ~88px под текстом (padding app-footer 42px,
      footer 10px, пустой <p> 16+20px) — зазор до липкой панели был огромный.
      Теперь его задаёт распорка липкого меню (панель + 12px). 27.09. */
app-footer { padding-bottom: 0 !important; }
app-footer footer.footer { padding-bottom: 0 !important; }
/* хвостовой абзац с одним &nbsp; — :empty его не ловит */
app-footer .copyright > p + p:last-child { display: none !important; }