/* V420 - Desktop side ads become safe inline banners on phones. */
.v420-mobile-side-banner{display:none}
@media (max-width:900px){
  html body .v420-mobile-side-banner{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:20!important;
    width:100%!important;
    max-width:100%!important;
    min-height:92px!important;
    margin:12px 0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(60,214,255,.28)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(18,7,29,.96),rgba(8,4,15,.98))!important;
    box-shadow:0 16px 42px rgba(0,0,0,.30)!important;
    box-sizing:border-box!important;
  }
  html body .v420-mobile-side-banner .ad-box,
  html body .v420-mobile-side-banner .ad-v3-box,
  html body .v420-mobile-side-banner .ad-click,
  html body .v420-mobile-side-banner .ad-html,
  html body .v420-mobile-side-banner .ad-text-body{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:clamp(105px,34vw,190px)!important;
    min-height:105px!important;
    max-height:190px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:17px!important;
    background:#090411!important;
    box-sizing:border-box!important;
    text-decoration:none!important;
    pointer-events:auto!important;
  }
  html body .v420-mobile-side-banner img:not(.ad-tracking-pixel),
  html body .v420-mobile-side-banner video{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:190px!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#090411!important;
    border:0!important;
  }
  html body .v420-mobile-side-banner iframe,
  html body .v420-mobile-side-banner embed,
  html body .v420-mobile-side-banner object{
    display:block!important;
    width:100%!important;
    height:clamp(120px,38vw,190px)!important;
    min-height:120px!important;
    border:0!important;
    background:#090411!important;
  }
  html body .v420-mobile-side-banner .ad-sponsored,
  html body .v420-mobile-side-banner .ad-tracking-pixel,
  html body .v420-mobile-side-banner img[src*="ad-track.php"]{
    display:none!important;
  }
  html body .z401-player-col > .v420-mobile-side-left{order:-1!important}
  html body .z401-player-col > .v420-mobile-side-right{order:2!important}
  /* Original fixed desktop rails stay hidden on narrow screens. */
  html body .patron-side-rails-toplayer,
  html body .classic-side-rails,
  html body .v4-side-rails,
  html body .v376-side-rails{
    display:none!important;
  }
}
@media (max-width:480px){
  html body .v420-mobile-side-banner{margin:10px 0!important;border-radius:15px!important}
  html body .v420-mobile-side-banner .ad-box,
  html body .v420-mobile-side-banner .ad-v3-box,
  html body .v420-mobile-side-banner .ad-click,
  html body .v420-mobile-side-banner .ad-html,
  html body .v420-mobile-side-banner .ad-text-body{
    height:clamp(100px,36vw,158px)!important;
    min-height:100px!important;
    max-height:158px!important;
    border-radius:14px!important;
  }
  html body .v420-mobile-side-banner img:not(.ad-tracking-pixel),
  html body .v420-mobile-side-banner video{max-height:158px!important}
}