/* -------- Grid: >=2 per row on desktop; 1 per row on tablet/mobile -------- */
.vp-book-volumes { margin-top: 1rem; }
.vp-vols{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /* at least two when width allows */
  gap: 14px;
  margin: 0; padding: 0; list-style: none;
}
@media (max-width: 900px){
  .vp-vols{ grid-template-columns: 1fr; }
}

.vp-vol__card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: 0 1px 0 rgba(0,0,0,.03);
}

.vp-vol__title{
  font-weight: 700;
  margin-bottom: 6px;
  line-height: 1.35;
}
.vp-vol__meta{
  color: rgba(0,0,0,.65);
  line-height: 1.35;
  margin-bottom: 10px;
}
.vp-vol__actions{ margin-top: auto; }
.vp-btn.vp-btn--primary{
  display: inline-block;
  min-width: 120px;
  padding: 8px 14px;
  border-radius: 25px;
  background: #5757ce; ; 
  color:#fff; 
  text-decoration: none;
  text-align: center;
  border:none;
}
.vp-btn.vp-btn--primary:hover{ 
    background: #5757ce; ; 
    color:#fff; 
}

/* -------- Language-driven font swaps for Title line -------- */
.vp-vol.lang-TEL .vp-vol__title{ 
    font-family: "Mallanna", Arial, Helvetica, sans-serif; 
    font-size: 150%;
}
.vp-vol.lang-TEL .vp-vol__meta{ 
    font-family: "Mallanna", Arial, Helvetica, sans-serif; 
    font-size: 125%;
}
.vp-vol.lang-HIN .vp-vol__title{ 
    font-family: "Martel", Georgia, serif; 
    font-size: 150%;
    
}
.vp-vol.lang-HIN .vp-vol__meta{ 
    font-family: "Martel", Georgia, serif; 
    font-size: 125%;
}