/* NEMAZING V89 — smaller trade/roulette items + centered roulette nav */

/* =========================================================
   TRADES — предметы компактнее, иконка не заполняет карточку
   ========================================================= */
body.trades-page .nm83-item-card{
  min-height:178px!important;
}
body.trades-page .nm83-item-media{
  height:90px!important;
  min-height:90px!important;
  padding:10px!important;
}
body.trades-page .nm83-item-media>img{
  width:auto!important;
  height:auto!important;
  max-width:76%!important;
  max-height:76%!important;
  object-fit:contain!important;
}
body.trades-page .nm83-item-body{
  padding:8px 10px 3px!important;
}
body.trades-page .nm83-stepper{
  margin:7px 10px 10px!important;
}

/* Маленькие предметы в просмотре текущего предложения */
body.trades-page .nm83-offer-item{
  grid-template-columns:42px minmax(0,1fr) auto!important;
}
body.trades-page .nm83-offer-img{
  width:42px!important;
  height:42px!important;
}
body.trades-page .nm83-offer-img img{
  max-width:78%!important;
  max-height:78%!important;
}

/* =========================================================
   ROULETTE — карточки/предметы немного меньше
   ========================================================= */
body.roulette-page .roulette-v4-window{
  height:220px!important;
}
body.roulette-page .roulette-v4-window .roulette-item{
  flex:0 0 156px!important;
  height:174px!important;
  padding:12px!important;
  gap:6px!important;
}
body.roulette-page .roulette-v4-window .roulette-item img{
  width:96px!important;
  height:94px!important;
  max-width:96px!important;
  max-height:94px!important;
  object-fit:contain!important;
}
body.roulette-page .roulette-v4-window .roulette-item strong{
  font-size:12px!important;
}
body.roulette-page .roulette-v4-window .roulette-item small{
  font-size:9px!important;
}

/* Последние выигранные предметы тоже чуть компактнее */
body.roulette-page .roulette-recent-image{
  height:58px!important;
}
body.roulette-page .roulette-recent-image img{
  max-width:58px!important;
  max-height:56px!important;
}

/* =========================================================
   ROULETTE HEADER — после удаления аккаунта V86 ставил
   nav margin-left:auto, поэтому меню уезжало вправо.
   На desktop центрируем его относительно всего viewport/header.
   ========================================================= */
@media (min-width:901px){
  body.roulette-page.roulette-no-account-v86 .site-header .container.header-inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  body.roulette-page.roulette-no-account-v86 .site-header .brand{
    position:relative!important;
    z-index:3!important;
    margin:0!important;
  }

  body.roulette-page.roulette-no-account-v86 .site-header .nav,
  body.roulette-page.roulette-no-account-v86 .site-header .nm23-nav{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:2!important;
  }

  body.roulette-page.roulette-no-account-v86 .site-header .header-actions,
  body.roulette-page.roulette-no-account-v86 .site-header .account-menu-wrap{
    display:none!important;
  }
}

/* Mobile: оставляем штатную адаптивную навигацию */
@media(max-width:900px){
  body.roulette-page .roulette-v4-window{
    height:196px!important;
  }
  body.roulette-page .roulette-v4-window .roulette-item{
    flex-basis:138px!important;
    height:156px!important;
    padding:9px!important;
  }
  body.roulette-page .roulette-v4-window .roulette-item img{
    width:84px!important;
    height:82px!important;
    max-width:84px!important;
    max-height:82px!important;
  }

  body.trades-page .nm83-item-media{
    height:82px!important;
    min-height:82px!important;
  }
  body.trades-page .nm83-item-media>img{
    max-width:72%!important;
    max-height:72%!important;
  }
}