.osv-search-page{
  padding:42px 0 80px;
  background:#fff;
}

.osv-search-page,
.osv-search-page section,
.osv-search-page article,
.osv-search-page main{
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}

.osv-search-header{
  padding:28px 0 26px;
}

.osv-search-header > span,
.osv-search-results-heading span,
.osv-search-start > div > span{
  display:block;
  color:#e10600;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.osv-search-header h1{
  margin:12px 0 14px;
  color:#111;
  font-size:58px;
  line-height:.96;
  font-weight:950;
  letter-spacing:-.05em;
}

.osv-search-header p{
  max-width:680px;
  margin:0;
  color:#666;
  font-size:16px;
  line-height:1.7;
}

.osv-search-panel{
  padding:18px;
  background:#fff;
  border:1px solid #e5e5e7;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.045);
}

.osv-search-panel form{
  display:grid;
  grid-template-columns:minmax(280px,1fr) 180px 180px auto;
  gap:12px;
  align-items:end;
}

.osv-search-panel label{
  display:grid;
  gap:8px;
}

.osv-search-panel label > span{
  color:#777;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.osv-search-panel input,
.osv-search-panel select{
  width:100%;
  min-height:50px;
  padding:0 15px;
  background:#fafafa;
  border:1px solid #dedee0;
  border-radius:12px;
  color:#111;
  font:inherit;
  font-size:13px;
  font-weight:700;
  outline:none;
}

.osv-search-panel input:focus,
.osv-search-panel select:focus{
  background:#fff;
  border-color:#e10600;
  box-shadow:0 0 0 3px rgba(225,6,0,.07);
}

.osv-search-panel button{
  min-height:50px;
  padding:0 25px;
  background:#e10600;
  border:0;
  border-radius:999px;
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

.osv-search-panel button:hover{
  background:#c30500;
}

.osv-search-results{
  margin-top:46px;
}

.osv-search-results-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:22px;
  padding-bottom:16px;
  border-bottom:1px solid #e5e5e7;
}

.osv-search-results-heading h2{
  margin:9px 0 0;
  color:#111;
  font-size:35px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
}

.osv-search-results-heading > strong{
  color:#777;
  font-size:11px;
  font-weight:850;
}

.osv-search-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.osv-search-card{
  overflow:hidden;
  min-width:0;
  background:#fff;
  border:1px solid #e5e5e7;
  border-radius:18px;
  box-shadow:0 7px 22px rgba(0,0,0,.035);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.osv-search-card:hover{
  transform:translateY(-5px) !important;
  border-color:#d5d5d7;
  box-shadow:0 17px 38px rgba(0,0,0,.085);
}

.osv-search-thumbnail{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#eee;
}

.osv-search-thumbnail img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.osv-search-card:hover img{
  transform:scale(1.035);
}

.osv-search-card-body{
  padding:18px 19px 20px;
}

.osv-search-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}

.osv-search-card-meta span{
  padding:5px 8px;
  background:#f4f4f5;
  border:1px solid #ececee;
  border-radius:999px;
  color:#666;
  font-size:8px;
  line-height:1;
  font-weight:850;
}

.osv-search-card h2{
  margin:12px 0 6px;
  font-size:19px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.025em;
}

.osv-search-card h2 a{
  color:#111;
  text-decoration:none;
}

.osv-search-card h2 a:hover{
  color:#e10600;
}

.osv-search-artist{
  color:#707070;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

.osv-search-artist:hover{
  color:#e10600;
}

.osv-search-empty{
  padding:75px 30px;
  background:#fafafa;
  border:1px solid #e5e5e7;
  border-radius:20px;
  text-align:center;
}

.osv-search-empty strong{
  display:block;
  color:#111;
  font-size:27px;
  font-weight:950;
}

.osv-search-empty p{
  color:#777;
}

.osv-search-empty a{
  display:inline-block;
  margin-top:12px;
  color:#e10600;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
}

.osv-search-start{
  display:grid;
  grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);
  gap:34px;
  align-items:center;
  margin-top:36px;
  padding:35px;
  background:#fafafa;
  border:1px solid #e5e5e7;
  border-radius:21px;
}

.osv-search-start h2{
  margin:9px 0 10px;
  color:#111;
  font-size:31px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.035em;
}

.osv-search-start p{
  margin:0;
  color:#777;
  font-size:13px;
}

.osv-search-start nav{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.osv-search-start nav a{
  display:flex;
  flex-direction:column;
  padding:18px;
  background:#fff;
  border:1px solid #e5e5e7;
  border-radius:14px;
  color:#111;
  text-decoration:none;
}

.osv-search-start nav a:hover{
  border-color:#e10600;
}

.osv-search-start nav strong{
  font-size:14px;
  font-weight:900;
}

.osv-search-start nav span{
  margin-top:5px;
  color:#777;
  font-size:10px;
}

@media(max-width:960px){
  .osv-search-panel form{
    grid-template-columns:1fr 1fr;
  }

  .osv-search-field{
    grid-column:1/-1;
  }

  .osv-search-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .osv-search-page{
    padding-top:20px;
  }

  .osv-search-header{
    padding-top:16px;
  }

  .osv-search-header h1{
    font-size:41px;
  }

  .osv-search-header p{
    font-size:14px;
  }

  .osv-search-panel form{
    grid-template-columns:1fr;
  }

  .osv-search-field{
    grid-column:auto;
  }

  .osv-search-panel button{
    width:100%;
  }

  .osv-search-results-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  .osv-search-grid{
    grid-template-columns:1fr;
  }

  .osv-search-start{
    grid-template-columns:1fr;
    padding:26px 22px;
  }

  .osv-search-start nav{
    grid-template-columns:1fr;
  }
}



/* ===== 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;
}