:root {
    --knigoed-net-black: #1a1a1a;
    --color-black-solid: #000000;
    --heading-size-base: 24px;
    --heading-font-weight:600;
    --font-weight-regular:400;
    --knigoed-net-bondi-blue:#00A0B0;
    --knigoed-net-black-50: rgba(0, 0, 0, 0.50);
    --body-size-medium:16px;
    --body-size-small: 14px;
    --label-Small-Size: 11px;
    --body-size-extra-small: 12px;
    --knigoed-net-tundora: #444444;
    --color-white-solid: #fff;
    --color-azure-solid: #2163EF;
    --knigoed-net-monza:#C20724;

}

.book-item{
    display: flex;
    flex-direction: row;
    padding-bottom: 30px;
    height: 310px;
    gap: 15px;
    align-items: stretch;
}
.book-img{
    width:200px;
    flex-shrink: 0;
    display: flex;
}
.book-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.book-main-content{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.book-info{
    flex: 1;
    /*width: calc(100% - 230px);*/
    align-items: start;
    justify-content: space-between;
    display: flex;
    flex-direction: column;

}
.book-title{
    color: var(--knigoed-net-black);
    /* Heading */
    font-size: var(--heading-size-base);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.48px;
}
.book-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}
.book-heading > .need-reg{
    cursor:pointer;
}
.book-author, .book-author > a{
    color: var(--knigoed-net-bondi-blue);
    text-align: left;
    /* Body Strong */
    font-size: var(--body-size-medium);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 140%; /* 22.4px */
}
.book-category, .book-category > a{
    color: var(--knigoed-net-black-50);
    /* Body Small Strong */
    font-size: var(--body-size-small);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 140%; /* 19.6px */
}
.book-pages{
    color: var(--knigoed-net-black-50);
    /* Body Small Strong */
    font-size: var(--body-size-small);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 140%; /* 19.6px */
}
.book-description{
    overflow: hidden;
    color: var(--knigoed-net-tundora);
    text-overflow: ellipsis;
    font-size: var(--body-size-medium);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: 140%; /* 22.4px */
    padding-bottom: 10px;
    padding-top: 15px;
}
.book-date{
    color: var(--knigoed-net-black-50);
    /* Body Small Strong */
    font-size: var(--body-size-small);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: 140%; /* 19.6px */
}

.book-read{
    display: inline-flex;
    padding: 9px 18px;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--knigoed-net-bondi-blue);
    color: var(--knigoed-net-bondi-blue);
    text-align: center;
    font-size: var(--body-size-small);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 100%; /* 14px */
    cursor: pointer;
}
.book-read:hover{
    background: var(--knigoed-net-bondi-blue);
    color:var(--color-white-solid);
    /*border: none;*/
}

.book-download{
    display: inline-flex;
    padding: 9px 18px;
    align-items: center;
    gap: 8px;
    border: 1px solid var( --color-azure-solid);
    color: var( --color-azure-solid);
    text-align: center;
    font-size: var(--body-size-small);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 100%; /* 14px */
    cursor: pointer;
}
.book-download:hover{
    background: var( --color-azure-solid);
    color:var(--color-white-solid);
}

.book-download:hover svg path, .book-read:hover svg path {
    fill: #ffffff;

}
.book-read:hover svg path {
    fill: var(--knigoed-net-bondi-blue);
    stroke: #ffffff;
}
.favorites{
    display: flex;
    align-items: center;
    color: var(--knigoed-net-monza);
    font-size: var(--body-size-medium);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 140%; /* 22.4px */
}
.favorites svg, .rating svg{
    padding-right: 8px;
}

.comments-total, .views-total{
    display: flex;
    align-items: center;
    color: var(--knigoed-net-black);
    font-size: var(--body-size-medium);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 140%; /* 22.4px */
}

.comments-total svg, .views-total svg{
    padding-right: 5px;
}

.book-additional-info{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 10px;
}

.social{
    display: flex;
    flex-direction: row;
    gap: 30px;
}
.rating{
    display: flex;
    align-items: center;
    color: var(--knigoed-net-bondi-blue);
    font-size: var(--body-size-medium);
    font-style: normal;
    font-weight: var(--heading-font-weight);
    line-height: 140%; /* 22.4px */
}

.add-mylists{
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    border: 0.847px solid var(--knigoed-net-bondi-blue);
    cursor: pointer;
}
.add-mylists.added{
    background: var(--knigoed-net-bondi-blue);
    padding: 8px 9px;
}

.buttons{
    display: flex;
    flex-direction: row;
    gap:5px;
}

@media screen and (max-width: 760px) {
    .book-download, .book-read{
        padding: 6px 12px;
    }
    .social{
        gap:12px;
    }
    .book-item{
        height: auto;
    }

}
@media screen and (max-width: 600px) {
    .social{
        gap: 30px;
    }
    .book-additional-info{
        flex-direction: column;
        gap: 15px;
        padding-top: 10px;
    }

    .book-title{
        font-size: var(--body-size-medium);
    }

    .book-author > a{
        font-size: var(--body-size-extra-small);
        padding-bottom: 10px;

    }
    .book-category > a, .book-pages{
        font-size: var(--label-Small-Size, 11px);
    }

}
@media screen and (max-width: 480px) {
    .book-item{
        flex-direction: column;
    }
    .book-info, .book-img{
        width: 100%;
    }
}