/* ================= TITLE ================= */
.dscr-title{
  font-size:22px;
  font-weight:700;
  color:#243634;
  padding:0;
  margin-bottom:20px !important;
  margin-top:0;
  text-align:center;
  display:flex;
}

/* ================= GRID ================= */

.discography-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  padding:0;
}

/* tablet */
@media (min-width:768px){
  .discography-grid{
    grid-template-columns:repeat(3,1fr);
    padding:0;
  }
}

/* desktop */
@media (min-width:1024px){
  .discography-grid{
    grid-template-columns:repeat(4,1fr);
  padding:0;
  }
}

/* ================= CARD ================= */

.album-card{
  text-decoration:none;
  color:inherit;
  display:block;
  cursor:pointer;
  transition:transform .15s ease;
}

.album-card:visited{
  text-decoration:none;
  color:inherit;
}

.album-card:active{
  transform:scale(.98);
}


/* ================= COVER ================= */

.album-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  display:block;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  margin-bottom:8px;
  border:1px solid rgba(0,0,0,0.10);
  backdrop-filter:blur(10px);
}

/* ================= INFO ================= */

.album-info{
  margin-top:6px;
}

/* TITLE */

.album-title{
  font-size:14px;
  font-weight:700;
  color:#243634;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin-bottom:2px;
  margin-top:8px;
}

/* ARTIST */

.album-artist{
  margin-top:2px;
  font-size:12px;
  color:#6f8682;
  line-height:1.2;
}

/* DATE */

.album-date{
  margin-top:2px;
  font-size:11px;
  color:#95aaa6;
  line-height:1.2;
}

/* ================= LOADING ================= */

.loading{
  grid-column:1/-1;
  text-align:center;
  padding:40px 0;
  font-size:14px;
  color:#4e6662;
}