.breadcrumbs-title .grid-container .round-blocks{
    margin: 0 -0.4em;
}

.breadcrumbs-title .grid-container .round-blocks .block__item{
    text-align: center;
    margin: 1em 0.4em;
    color: var(--main-color-anthracite);
    border-radius: 40px;
    padding: 10px 16px 11px 16px;
    background: var(--main-color-white);
    display: flex;
    align-items: center;
    box-shadow: 0 0 0 0 transparent;
    transition: box-shadow .3s;
}

.breadcrumbs-title .grid-container .round-blocks .block__item div{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
    text-transform: unset;
    margin: 0;
}

.breadcrumbs-title .grid-container .round-blocks .block__item div.num{
    color: #a7a29c;
}

.breadcrumbs-title .grid-container .round-blocks .block__item:hover{
    box-shadow: 0 13px 16px -8px #d9d9d9;
}

.breadcrumbs-title .grid-container .round-blocks .block__item:hover *{
    color: var(--main-color-anthracite);
}

.breadcrumbs-title .grid-container .round-blocks .block__item.active{
    box-shadow: inset 0 8px 8px -8px #a70000;
    background: var(--main-color-red);
}

.breadcrumbs-title .grid-container .round-blocks .block__item.active *{
    color: var(--main-color-white);
}

.breadcrumbs-title .grid-container .round-blocks .block__item.active .num {
    color: #ff9f9f;
}

.breadcrumbs-title .grid-container .round-blocks .block__item .photo {
    display: none;
}

.stocks {
    background-color: #f4f4f4;
    padding-top: 0;
}

.stocks .stocks__block {
    margin: -24px -8px 0;
}

.stocks .stocks__block .stocks__item {
    width: calc(100% / 4 - 16px);
    margin: 24px 8px 0;
    background-color: #fff;
}

.stocks .stocks__block .stocks__item a{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.stocks .stocks__block .stocks__item .photo{
    display: block;
    position: relative;
    aspect-ratio: 41/30;
    background-color: #d8d8d8;
}

.stocks .stocks__block .stocks__item .photo label{
    padding: 5px;
    background-color: var(--bg-color, #000);
    cursor: pointer;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-align: right;
    color: var(--color, #fff);
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.stocks .stocks__block .stocks__item .photo img {
    border-radius: 0;
    aspect-ratio: 41/30;
    object-fit: cover;
}

.stocks .stocks__block .stocks__item.completed .photo img,
.stocks .stocks__block .stocks__item.completed .name{
    opacity: 0.4;
    filter: grayscale(1);
    transition: opacity .3s;
}

.stocks .stocks__block .stocks__item .name {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 25px;
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--main-color-anthracite);
    padding: 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.stocks .stocks__block .stocks__item .name span{
    font-family: var(--second-family);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.1em;
    height: 2.2em;
}

.stocks .stocks__block .stocks__item .name:after{
    content: attr(data-text);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.72081 13.2826C8.65089 13.2129 8.59542 13.1301 8.55756 13.0389C8.51971 12.9478 8.50022 12.85 8.50022 12.7513C8.50022 12.6526 8.51971 12.5549 8.55756 12.4637C8.59542 12.3725 8.65089 12.2897 8.72081 12.2201L11.9389 9.00193H2.75144C2.55253 9.00193 2.36176 8.92291 2.22111 8.78226C2.08046 8.6416 2.00144 8.45084 2.00144 8.25193C2.00144 8.05301 2.08046 7.86225 2.22111 7.7216C2.36176 7.58094 2.55253 7.50193 2.75144 7.50193L11.9389 7.50193L8.72081 4.28255C8.57992 4.14165 8.50076 3.95056 8.50076 3.7513C8.50076 3.55204 8.57992 3.36095 8.72081 3.22005C8.86171 3.07915 9.05281 3 9.25206 3C9.45132 3 9.64242 3.07915 9.78331 3.22005L14.2833 7.72005C14.3532 7.78973 14.4087 7.87252 14.4466 7.96369C14.4844 8.05485 14.5039 8.15259 14.5039 8.2513C14.5039 8.35001 14.4844 8.44775 14.4466 8.53892C14.4087 8.63008 14.3532 8.71287 14.2833 8.78255L9.78331 13.2826C9.71364 13.3525 9.63084 13.4079 9.53968 13.4458C9.44851 13.4837 9.35077 13.5031 9.25206 13.5031C9.15335 13.5031 9.05561 13.4837 8.96445 13.4458C8.87329 13.4079 8.79049 13.3525 8.72081 13.2826Z' fill='%23232323' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right bottom -1px;
    background-size: 15px;
    text-transform: none;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 12px;
    line-height: 1.1;
    color: var(--main-color-anthracite);
    padding: 20px 20px 0 0;
    width: max-content;
    transition: padding .3s;
}

.stocks .stocks__block .stocks__item:hover .name:after{
    padding-right: 25px;
}

.stocks .stocks__block .stocks__item.completed:hover .name{
    opacity: 1;
}

.stocks .view-all{
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    padding: 16px 32px;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    color: var(--main-color-anthracite);
    /*display: block;*/
    height: unset;
    width: max-content;
    margin: 46px auto 0;
    display: none;
}

.stocks .pagination {
    justify-content: center;
}

.stocks .pagination li>*{
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    color: var(--main-color-anthracite);
    border-radius: 40px;
    width: 35px;
    height: 35px;
}

.stocks .pagination li.prev,
.stocks .pagination li.next{
    display: none;
}

.stocks .pagination li>span:not(.points){
    background: var(--main-color-anthracite);
    color: var(--main-color-white);
}

@media(max-width: 1440px){
    .breadcrumbs-title .grid-container {
        margin: 0 -16px;
    }

    .breadcrumbs-title .grid-container .round-blocks{
        padding: 0 8px;
    }
}

@media(max-width: 959px){
    .stocks .stocks__block .stocks__item {
        width: calc(100% / 3 - 16px);
    }
}

@media(max-width: 649px){
    .stocks .stocks__block .stocks__item {
        width: calc(100% / 2 - 16px);
    }
}

@media(max-width: 399px){
    .stocks .stocks__block .stocks__item {
        width: calc(100% - 16px);
    }
}