.osv-home-player-info{
  display:flex !important;
  flex-direction:column !important;
  justify-content:stretch !important;
  gap:0 !important;
  overflow:hidden !important;
  min-width:0 !important;
  background:#fff !important;
  border:1px solid #e7e7e9 !important;
  border-left:0 !important;
  border-radius:0 26px 26px 0 !important;
  box-shadow:0 18px 48px rgba(0,0,0,.065) !important;
  color:#111 !important;
}

.osv-home-now-playing,
.osv-home-up-next,
.osv-home-insider{
  position:relative;
  padding:30px 32px;
}

.osv-home-up-next,
.osv-home-insider{
  border-top:1px solid #e9e9eb;
}

.osv-home-now-playing{
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:flex-start;
  min-height:auto;
}

.osv-home-player-info .osv-panel-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 17px;
  color:#e10600 !important;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.osv-home-player-info .osv-panel-eyebrow > span{
  width:8px;
  height:8px;
  flex:0 0 auto;
  background:#e10600;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(225,6,0,.11);
  animation:osvBlinkDot .9s ease-in-out infinite !important;
}

.osv-home-now-playing > h2{
  overflow:hidden;
  margin:0 0 6px;
  color:#767676 !important;
  font-size:16px !important;
  line-height:1.2;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.osv-home-now-playing > h1{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#111 !important;
  font-size:44px !important;
  line-height:.98;
  font-weight:950;
  letter-spacing:-.048em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.osv-home-track-summary{
  display:-webkit-box;
  overflow:hidden;
  max-width:520px;
  margin:14px 0 0;
  padding-bottom:10px;
  border-bottom:none;
  color:#6c6c6c !important;
  font-size:14px;
  line-height:1.68;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
}

.osv-home-track-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.osv-home-track-chips span{
  padding:8px 13px;
  background:#f0f0f2 !important;
  border:1px solid #dedee1 !important;
  border-radius:999px;
  color:#454545 !important;
  font-size:10px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

#osvHomeVideoType{
  display:none !important;
}


.osv-home-up-next{
  padding-top:24px;
  padding-bottom:24px;
}

.osv-home-up-next .osv-panel-eyebrow{
  margin-bottom:14px;
}

.osv-upnext-item{
  display:grid;
  grid-template-columns:34px 92px 1fr;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}

.osv-upnext-number{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#111;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:14px;
}

.osv-upnext-item img{
  width:92px;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:10px;
}

.osv-upnext-info{
  min-width:0;
}

.osv-upnext-info strong{
  display:block;
  color:#777;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.osv-upnext-info h3{
  margin:4px 0;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  color:#111;
}

.osv-upnext-info em{
  display:block;
  color:#e10600;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}


.osv-home-insider{
  position:relative;
  padding:30px 32px;
}

.osv-home-up-next,
.osv-home-insider{
  border-top:1px solid #e9e9eb;
}

.osv-home-now-playing{
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:flex-start;
  min-height:auto;
}

.osv-home-player-info .osv-panel-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 17px;
  color:#e10600 !important;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.osv-home-player-info .osv-panel-eyebrow > span{
  width:8px;
  height:8px;
  flex:0 0 auto;
  background:#e10600;
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(225,6,0,.11);
  animation:osvBlinkDot .9s ease-in-out infinite !important;
}

.osv-home-now-playing > h2{
  overflow:hidden;
  margin:0 0 6px;
  color:#767676 !important;
  font-size:16px !important;
  line-height:1.2;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.osv-home-now-playing > h1{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#111 !important;
  font-size:44px !important;
  line-height:.98;
  font-weight:950;
  letter-spacing:-.048em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.osv-home-track-summary{
  display:-webkit-box;
  overflow:hidden;
  max-width:520px;
  margin:14px 0 0;
  padding-bottom:10px;
  border-bottom:none;
  color:#6c6c6c !important;
  font-size:14px;
  line-height:1.68;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
}

.osv-home-track-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.osv-home-track-chips span{
  padding:8px 13px;
  background:#f0f0f2 !important;
  border:1px solid #dedee1 !important;
  border-radius:999px;
  color:#454545 !important;
  font-size:10px;
  line-height:1;
  font-weight:900;
  white-space:nowrap;
}

#osvHomeVideoType{
  display:none !important;
}

.osv-home-up-next{
  padding-top:27px;
  padding-bottom:27px;
}

.osv-home-up-next .osv-panel-eyebrow{
  margin-bottom:16px;
}

.osv-home-up-next .osv-upnext-inner{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:center;
}

.osv-home-up-next .osv-upnext-inner img{
  display:block;
  width:120px;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  background:#eee;
  border:1px solid #dfdfe1;
  border-radius:13px;
  box-shadow:0 8px 20px rgba(0,0,0,.09);
}

.osv-home-up-next strong{
  display:block;
  overflow:hidden;
  color:#777 !important;
  font-size:11px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.osv-home-up-next h3{
  display:-webkit-box;
  overflow:hidden;
  margin:6px 0 8px;
  color:#111 !important;
  font-size:18px;
  line-height:1.14;
  font-weight:950;
  letter-spacing:-.02em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.osv-home-up-next em{
  display:block;
  color:#e10600 !important;
  font-size:10px;
  line-height:1.2;
  font-style:normal;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:none;
}

.osv-home-insider{
  padding-top:27px;
  padding-bottom:30px;
  background:linear-gradient(180deg,#fff,#fafafa);
}

.osv-home-insider .osv-panel-eyebrow{
  margin-bottom:13px;
}

.osv-home-insider p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#656565 !important;
  font-size:13px;
  line-height:1.66;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:6;
}

@media(max-width:1100px){
  .osv-home-now-playing,
  .osv-home-up-next,
  .osv-home-insider{
    padding-left:26px;
    padding-right:26px;
  }

  .osv-home-now-playing > h1{
    font-size:37px !important;
  }

  .osv-home-up-next .osv-upnext-inner{
    grid-template-columns:108px minmax(0,1fr);
  }

  .osv-home-up-next .osv-upnext-inner img{
    width:108px;
  }
}

@media(max-width:900px){
  .osv-home-player-info{
    border-left:1px solid #e7e7e9 !important;
    border-top:0 !important;
    border-radius:0 0 24px 24px !important;
  }

  .osv-home-now-playing{
    min-height:auto;
  }
}

@media(max-width:650px){
  .osv-home-now-playing,
  .osv-home-up-next,
  .osv-home-insider{
    padding:22px;
  }

  .osv-home-now-playing > h2{
    font-size:14px !important;
  }

  .osv-home-now-playing > h1{
    font-size:31px !important;
  }

  .osv-home-track-summary{
    margin-top:12px;
    padding-bottom:8px;
    font-size:12px;
  }

  .osv-home-track-chips{
    gap:7px;
    margin-top:17px;
  }

  .osv-home-up-next .osv-upnext-inner{
    grid-template-columns:96px minmax(0,1fr);
    gap:14px;
  }

  .osv-home-up-next .osv-upnext-inner img{
    width:96px;
  }

  .osv-home-up-next h3{
    font-size:15px;
  }
}



/* ===== OSV PAGE WIDTH FIX ===== */

html,body{
overflow-x:hidden;
}

.container,
.container-fluid,
main,
.page,
.page-wrapper,
.content,
.content-wrapper{

max-width:1600px;
margin:0 auto;
padding-left:32px;
padding-right:32px;
box-sizing:border-box;

}

@media(max-width:991px){

.container,
.container-fluid,
main,
.page,
.page-wrapper,
.content,
.content-wrapper{

padding-left:16px;
padding-right:16px;

}

}



/* ===== NOW PLAYING BLINK ===== */

@keyframes osvBlinkDot{
    0%,100%{
        opacity:1;
        transform:scale(1);
    }
    50%{
        opacity:.2;
        transform:scale(.75);
    }
}

.now-playing-dot,
.live-dot,
.playing-dot,
.now-playing .dot{
    animation:osvBlinkDot .9s infinite;
}


/* ===== Compact Coming Up (live template) ===== */

.osv-upnext-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.osv-upnext-row{
  display:grid !important;
  grid-template-columns:34px 92px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
}

.osv-upnext-thumb{
  width:92px !important;
  height:auto !important;
  aspect-ratio:16/9;
  object-fit:cover;
  border-radius:10px;
}

.osv-upnext-info{
  min-width:0;
}

.osv-upnext-title{
  margin:4px 0 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.osv-upnext-artist{
  font-size:11px !important;
  color:#777 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.osv-upnext-time{
  font-size:10px !important;
  color:#e10600 !important;
  font-weight:900 !important;
}


/* Hide Coming Up numbers */
.osv-upnext-number{
    display:none !important;
}

.osv-upnext-row{
    grid-template-columns:92px 1fr !important;
}
