#pause-button{
  display: none;
}


.slider {
  font-size:12px;
  position: fixed;
  width: 100%;
  opacity: 0.6;
  padding: 10px;
  padding-left: 40px;
  padding-right: 40px;
  background: #fcfcfc;
  /*border-radius: 20px;*/
  display: flex;
  align-items: center;
  box-shadow: 0px 15px 40px #7E6D5766;
  bottom: 0;
}

.slider input[type="range"] {
-webkit-appearance:none !important;
width:90%;
height: 2px;
background: #e6c43c;
border: none;
outline: none;
}

#vol input[type="range"] {
-webkit-appearance:none !important;
width: 2px;
height: 60px;
border: none;
background: #e6c43c;
outline: none;
}


@media (max-width: 992px) {
  #volume{
      visibility: hidden;
  }
}

/* === UI Enhancements (hover effects) === */
.hover-card {
  transition: transform .3s ease, box-shadow .3s ease;
}
.hover-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 24px rgba(0,0,0,.2);
}
.img-zoom {
  overflow: hidden;
}
.img-zoom img {
  transition: transform .4s ease;
}
.img-zoom:hover img {
  transform: scale(1.06);
}
.badge:hover { opacity: .9; }