/* 2026-10-08 Промо-размещения лендингов (модуль igrostore.banners / Promo). Меню (десктоп А2 + бургер Б) + плашки (Г). */
:root{--igr-promo-grad:linear-gradient(100deg,#ff2d95,#ff8a3d 60%,#ffd36a)}

/* ── Десктоп (td.menu-item): показываем ТОЛЬКО desktop-пункт (в конце меню), градиентная ячейка ── */
td.menu-item.igr-promo-d{background:var(--igr-promo-grad)!important}
td.menu-item.igr-promo-d a,
td.menu-item.igr-promo-d .name{color:#1b0a14!important;-webkit-text-fill-color:#1b0a14!important;font-weight:800!important}
td.menu-item.igr-promo-d:hover{filter:brightness(1.06)}
td.menu-item.igr-promo-m{display:none!important}

/* ── Мобильный бургер (top_mobile li): показываем ТОЛЬКО mobile-пункт (вверху), ярко + бейдж ── */
li.igr-promo-m{background:linear-gradient(100deg,rgba(255,45,149,.18),rgba(255,138,61,.1))!important}
li.igr-promo-m > a{position:relative}
li.igr-promo-m > a > span:first-child{
  background:var(--igr-promo-grad);-webkit-background-clip:text;background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;font-weight:800!important;
}
li.igr-promo-d{display:none!important}
.igr-promo-badge{
  display:inline-block;margin-left:10px;vertical-align:middle;
  background:var(--igr-promo-grad);color:#1b0a14!important;-webkit-text-fill-color:#1b0a14;
  font-size:10px;font-weight:800;letter-spacing:.05em;padding:3px 9px;border-radius:999px;
}

/* Десктопный вариант бургера (div.menu-item, если используется mega) — симметрично */
div.menu-item.igr-promo-m{display:block}
div.menu-item.igr-promo-d{display:none!important}

/* ── Плашка (главная / каталог) ── */
.igr-promo-wrap{margin:16px 0}
.igr-promo-wrap--home{margin:14px 0 0}
/* когда плашка на главной — срезаем лишний верхний отступ у блока преимуществ */
.maxwidth-theme.only-on-front.igr-promo-tight{padding-top:16px!important}
.igr-promo-strip{
  display:block;position:relative;overflow:hidden;border-radius:16px;
  min-height:120px;background:#120a1f center/cover no-repeat;
  text-decoration:none;color:#fff;box-shadow:0 10px 30px -12px rgba(20,10,40,.5);
  transition:transform .3s,box-shadow .3s;
}
.igr-promo-strip:hover{transform:translateY(-3px);box-shadow:0 16px 38px -12px rgba(255,45,149,.4)}
.igr-promo-strip::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,6,18,.82),rgba(122,60,255,.35) 70%,rgba(255,138,61,.15))}
.igr-promo-strip__in{position:relative;z-index:2;display:flex;align-items:center;gap:20px;padding:18px 26px;min-height:120px}
.igr-promo-strip__logo{height:58px;width:auto;flex:none;filter:drop-shadow(0 6px 16px rgba(255,45,149,.4))}
.igr-promo-strip__txt{flex:1;min-width:0}
.igr-promo-strip__txt b{display:block;font-family:Oswald,Arial,sans-serif;font-size:clamp(18px,2.4vw,24px);text-transform:uppercase;letter-spacing:.01em;line-height:1.12}
.igr-promo-strip__txt span{display:block;margin-top:4px;font-size:14px;opacity:.9}
.igr-promo-strip__go{flex:none;background:var(--igr-promo-grad);color:#1b0a14;font-weight:700;font-family:Oswald,Arial,sans-serif;letter-spacing:.03em;padding:12px 24px;border-radius:999px;white-space:nowrap}
@media (max-width:640px){
  .igr-promo-strip__in{flex-wrap:wrap;gap:12px;padding:16px 18px}
  .igr-promo-strip__logo{height:44px}
  .igr-promo-strip__go{width:100%;text-align:center;padding:11px 20px}
}