.novelsCont{
    justify-content: center;
    display: grid;
    gap:4px; /* مسافة بين البطاقات */
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    min-height: 1000px;
    max-height: fit-content;
    padding: 30px;
  }


  .novel{   
  background-color: rgba(94,13,90,0.8);
    border-radius: 10px;
    display: flex;
    height: fit-content;
    flex-direction: column;
    align-items: center;
    width: 158px;
    padding: 0px;
    transition: transform 0.3s;
  }
    .novel:hover { transform: scale(1.05); }
  .novel img{
    width: 158px;
    height: 200px;
    border-radius: 5px;
  }
  .novel-title-cont{
    direction: ltr;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 6px;
    width: 155px;
    line-height: 1;
  display: -webkit-box;      /* تمكين line-clamp */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;     /* أقصى عدد أسطر */
  overflow: hidden;          /* إخفاء النص الزائد */
  text-overflow: ellipsis; 
  }
  .novel-title{
    font-size: small;
    font-weight: 500;
  }

  .novel-update{
    font-size: x-small;
    margin-bottom: 8px;
    margin-top: 4px;
  }
  .recent-novel{
    color: white;
    display: flex;
    justify-content: center;
  }