@font-face {
    font-family: "Vazir";
    src: url("../fonts/Vazir.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Vazir.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Vazir.woff2") format("woff2"),
    url("../fonts/Vazir.woff") format("woff"),
    url("../fonts/Vazir.ttf") format("truetype");
    /* Safari, Android, iOS */
}

body {
    font-family: "Vazir" !important;
    background: linear-gradient(to right, #F5FCFF, #DBF3FA);
    min-height: 100vh;
}




.card {
    width: 210px;
    height: 400px;
    background: rgb(236, 236, 236);
    /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
    display: flex;
    align-items: center;
    margin: 5px;
}
.card-img{
    width: 170px;
    height: 220px;
    object-fit: cover;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.card:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}



/*.book-title {*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*}*/

.responsive-title {
    font-size: clamp(0.8rem, 2vw, 1rem); /* حداقل، واکنشگر، حداکثر */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* برای اطمینان */
}






.route-header {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}

.header-img {
    width: 100%;
    height: auto;   /* تصویر همیشه کامل */
    display: block;
}

.route-header h5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}