/* ONE HIT MUSIC — automatic smooth multi-banner slider v227 — Sawan edition */
#hero.ohm-auto-banner-slider{
  position:relative!important;
  isolation:isolate!important;
  background-image:none!important;
  background-color:#071522!important;
}
#hero.ohm-auto-banner-slider::before{
  z-index:3!important;
  background:none!important;
}
#hero .ohm-banner-slider-stage{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  border-radius:inherit;
  background:transparent;
}
#hero .ohm-banner-slide{
  position:absolute;
  inset:-1px;
  opacity:0;
  visibility:hidden;
  transform:scale(1.018);
  transition:opacity 1.15s cubic-bezier(.22,.61,.36,1),visibility 1.15s linear,transform 7s cubic-bezier(.2,.75,.25,1);
  will-change:opacity,transform;
  pointer-events:none;
}
#hero .ohm-banner-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  pointer-events:auto;
}
#hero .ohm-banner-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
}
#hero .ohm-banner-slider-ui{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
}
#hero .ohm-banner-slider-dots{
  position:absolute;
  left:50%;
  bottom:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  transform:translateX(-50%);
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(3,10,20,.42);
  box-shadow:0 8px 20px rgba(0,0,0,.24);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  pointer-events:auto;
}
#hero .ohm-banner-slider-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.5);
  cursor:pointer;
  transition:width .24s ease,background-color .24s ease,transform .24s ease;
}
#hero .ohm-banner-slider-dot:hover{transform:scale(1.15)}
#hero .ohm-banner-slider-dot.is-active{width:25px;background:#fff}
#hero .ohm-banner-slider-arrow{
  position:absolute;
  top:50%;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  background:rgba(3,10,20,.42);
  color:#fff;
  font:600 25px/1 Arial,sans-serif;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  opacity:0;
  cursor:pointer;
  transition:opacity .2s ease,background-color .2s ease,transform .2s ease;
  pointer-events:auto;
}
#hero .ohm-banner-slider-arrow.prev{left:13px}
#hero .ohm-banner-slider-arrow.next{right:13px}
#hero:hover .ohm-banner-slider-arrow,#hero:focus-within .ohm-banner-slider-arrow{opacity:1}
#hero .ohm-banner-slider-arrow:hover{background:rgba(4,14,28,.76);transform:translateY(-50%) scale(1.04)}
#hero .ohm-banner-slider-progress{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  overflow:hidden;
  background:rgba(255,255,255,.05);
}
#hero .ohm-banner-slider-progress span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#ffcc33,#ff3b96,#5ac8ff);
}
#hero.ohm-slider-running .ohm-banner-slider-progress span{
  animation:ohmBannerProgress var(--ohm-slide-interval,5000ms) linear forwards;
}
@keyframes ohmBannerProgress{from{width:0}to{width:100%}}
@media(max-width:700px){
  #hero .ohm-banner-slide img{object-fit:cover}
  #hero .ohm-banner-slider-arrow{width:34px;height:34px;font-size:21px;opacity:.72}
  #hero .ohm-banner-slider-arrow.prev{left:7px}
  #hero .ohm-banner-slider-arrow.next{right:7px}
  #hero .ohm-banner-slider-dots{bottom:7px;padding:5px 8px;gap:6px}
  #hero .ohm-banner-slider-dot{width:6px;height:6px}
  #hero .ohm-banner-slider-dot.is-active{width:19px}
}
@media(prefers-reduced-motion:reduce){
  #hero .ohm-banner-slide{transition:opacity .18s linear!important;transform:none!important}
  #hero .ohm-banner-slider-progress{display:none!important}
}


/* V227 — clean full-frame banner: image reaches the bottom, no old/extra UI visible */
#hero.ohm-auto-banner-slider{
  aspect-ratio:3 / 1!important;
  padding:0!important;
  background:transparent!important;
}
#hero.ohm-auto-banner-slider::before,
#hero.ohm-auto-banner-slider::after{background:none!important;display:none!important}
#hero .ohm-banner-slider-stage,
#hero .ohm-banner-slide{inset:0!important;border-radius:inherit!important;background:transparent!important}
#hero .ohm-banner-slide img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:inherit!important;
  margin:0!important;
  padding:0!important;
}
#hero .ohm-banner-slider-dots,
#hero .ohm-banner-slider-arrow,
#hero .ohm-banner-slider-progress{display:none!important}
@media(max-width:700px){
  #hero.ohm-auto-banner-slider{aspect-ratio:3 / 1!important;height:auto!important;min-height:0!important}
}

/* V229 — make the two standard promotional banners fill the hero more strongly */
#hero .ohm-banner-slide img[src*="ohm_banner_premium_hits.webp"],
#hero .ohm-banner-slide img[src*="ohm_banner_artist_launch.webp"]{
  transform:scale(1.055)!important;
  transform-origin:center center!important;
}
@media(max-width:700px){
  #hero .ohm-banner-slide img[src*="ohm_banner_premium_hits.webp"],
  #hero .ohm-banner-slide img[src*="ohm_banner_artist_launch.webp"]{
    transform:scale(1.07)!important;
  }
}


/* V231 — remove broken/blank banner cards completely */
#hero.ohm-auto-banner-slider{background-color:#071522!important;}
#hero.ohm-auto-banner-slider.ohm-banner-empty{
  display:none!important;
  height:0!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#hero .ohm-banner-slide.is-error{display:none!important;}


/* V235 — Bhojpuri Hits banner removed; slower clean cross-fade */
#hero .ohm-banner-slide{
  opacity:0!important;
  visibility:hidden!important;
  transform:scale(1.012)!important;
  transition:opacity 1.65s cubic-bezier(.22,.61,.36,1), transform 6.5s cubic-bezier(.2,.75,.25,1), visibility 0s linear 1.65s!important;
}
#hero .ohm-banner-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1)!important;
  transition-delay:0s!important;
}
#hero .ohm-banner-slide img[src*="ohm_banner_premium_hits.webp"]{display:none!important;}
@media(prefers-reduced-motion:reduce){
  #hero .ohm-banner-slide{transition:opacity .25s linear,visibility 0s linear .25s!important;}
}