:root {
    --accent-color: #F5A700;
}

.cats__entry.cats__nd__entry {
    width: 380px;
    height: 460px;
}

.cats__entry .entry__name {
    position: absolute;
    bottom: 0;
    left: 2px;
    top: 132px;
    font-size: 24px;
    text-indent: 20px;
    color: #FFFFFF;
    font-weight: 600;
    transition: all 200ms linear;
    z-index: 1;
}

.cats__list.cats__nd__list {
    width: 100%;
}

.entry__lnk entry__nd__link {
    position: relative;
}

.catalog-on-main-page--new_design .main-container .cats__nd__list {
    margin: 0;
    padding: 0;
}

.cats__nd__entry .entry__photo.entry__nd__photo {
    max-height: 460px;
    height: 100%;
    max-width: 380px;
    width: 100%;
}

.cats__nd__list .cats__entry.cats__nd__entry {
    margin: 0;
}

.cats__nd__list .cats__nd__entry .entry__nd__name {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: 20px;
    left: 20px;
    text-decoration: none;
    color: #fff;
    font-size: 25px;
}

.entry__nd__arrow,
.button__arrow {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    z-index: 10;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    transition: 0.5s;
    z-index: 10;
}

.entry__nd__arrow {
    background-image: url("/local/templates/arde-new/images/white-arrow.svg");
    bottom: 13px;
    right: 12px;
    transform: rotate(360deg);
}

.cats__nd__entry:hover .entry__nd__arrow,
.cats__nd__button:hover .button__arrow {
    background-image: url("img/svg/arrow-accent.svg");
    transform: rotate(0deg);
    transition: 0.5s;
}

.cats.cats__nd .cats__list.cats__nd__list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-column-gap: 24px;
    row-gap: 24px;
    margin: 0px;
}

.cats__button.cats__nd__button {
    justify-content: flex-start;
    height: 76px;
    margin-top: 52px;
}

.cats__list.cats__nd__list .cats__entry {
    margin: 0px;
}

.cats__entry .entry__photo img {
    width: 100%;
}

.cats__entry.cats__nd__entry_catalog:hover .entry__name {
    color: #F5A700;
}

.cats__entry.cats__nd__entry_catalog:hover .entry__nd__arrow {
    background-image: url("/local/templates/arde-new/images/arrow-down-right.svg");
    transform: rotate(360deg);
}

.cats__nd__button .cats_link.cats__nd__link {
    background-color: #fff;
    text-transform: uppercase;
    color: #1A1B27;
    border: 2px solid #1A1B27;
    width: auto;
    max-height: 76px;
    height: auto;
    text-decoration: none;
    border-radius: 0;
    font-size: 28px;
    padding: 24px 88px 25px 52px;
    line-height: 95%;
}

.cats__nd__button .cats_link.cats__nd__link:hover {
    color: var(--accent-color);
    border-color: var(--accent-color);
    transition: 0.4s;
}

.cats__entry .entry__photo {
    height: auto !important;
}

.button__arrow {
    background-image: url("img/svg/arrow-black.svg");
    bottom: 15px;
    right: 40px;
}

@media (max-width: 1595px) {
    .cats__list.cats__nd__list {
        justify-content: start;

    }
}

@media (max-width: 1300px) {
    .body .block:last-child {
        width: calc(100% - 40px);
        padding: 30px 20px;
    }

    .body .block.block_padding {
        width: 100%;
        padding: 0px;
    }

    .block_padding .cats .cats__list {
        margin: 0px;
        justify-content: center;
    }
}
@media(max-width: 1590px){
    .cats__entry .entry__name{
        top: 115px;
    }

}
@media(max-width: 1400px){
    .cats__entry .entry__name{
        top: 100px;
    }
}
@media (max-width: 1300px) {
    .cats.cats__nd .cats__list.cats__nd__list {
        grid-template-columns:  1fr 1fr 1fr;

    }
    .cats__entry .entry__name{
        top: 126px;
    }
}

@media (max-width: 1200px) {
    .catalog-on-main-page--new_design .catalog-on-main-container .catalog-on-main-page__title {
        margin-left: 0;
        padding-bottom: 30px;
    }
}
@media (max-width: 1150px) {
    .cats__entry .entry__name{
        top: 107px;
    }
}
@media (max-width: 1150px) {
    .cats__entry .entry__name{
        top: 107px;
    }
}
@media (max-width: 1050px) {
    .cats__entry .entry__name{
        top: 90px;
    }
}
@media (max-width: 1000px) {
    .block.block_padding .cats {
        width: 100%;
    }


}


@media (max-width: 992px) {
    .cats__entry .entry__name {
        top: 75px;
        font-size: 20px;
    }
}
@media (max-width: 800px) {

    .cats__entry .entry__name{
        top: 65px;
    }
}
@media (max-width: 768px) {
    .cats .cats__list .cats__entry {
        width: 100%;
    }
    .cats__entry .entry__name{
        top: 65px;
        font-size: 17px;
    }
    .entry__nd__arrow{
        width: 20px;
        height: 20px;
        bottom: 15px;
    }
  
}
@media(max-width:700px){
    .cats__entry .entry__name{
        top: 56px;
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .main_title {
        font-size: 24px;
        padding-bottom: 0px;
    }

    .entry__nd__arrow {
        background-image: url("/local/templates/arde-new/images/arrow_white_right_10px.svg");
    }

    .cats.cats__nd {
        padding-bottom: 40px;
    }

    .entry__nd__arrow {
        z-index: 10;
        width: 20px;
        height: 20px;
        transition: 0.5s;
        z-index: 10;
    }

    .cats.cats__nd .cats__list.cats__nd__list {
        grid-template-columns:1fr 1fr;
        grid-column-gap: 4px;
        row-gap: 4px;
    }

    .cats.cats__nd {
        width: 100%
    }

    .cats .cats__list .cats__entry {
        width: 100%;
        margin-bottom: 0px;
        height: fit-content;
    }

    .cats__nd__entry_catalog {
        height: 100%
    }

    .cats__list.cats__nd__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .cats__entry .entry__name {
        text-indent: 8px;
        font-size: 14px;
        top: 85px;
    }

    .entry__nd__arrow {
        bottom: 13px;
        right: 12px;
    }

    .cats__list.cats__nd__list {
        gap: 4px;
    }

    .body .block:last-child {
        padding: 7px;
    }

}

@media (max-width: 440px) {
    .catalog-on-main-page.catalog-on-main-page--new_design .cats {
        width: 330px;
    }

    .catalog-on-main-page .cats__list.cats__nd__list {
        max-width: 440px;
        width: 100%;
    }
    .cats__entry .entry__name{
        top: 46px;
    }
    .catalog-on-main-page--new_design .catalog-on-main-container .catalog-on-main-page__title {
        margin-left: 0;
        padding-bottom: 30px;
        font-size: 24px;
        text-align: center;
    }

    .catalog-on-main-page .cats__list .cats__entry.cats__nd__entry {
        min-height: 190px;
        height: 100%;
        max-width: 200px;
        width: 100%;
    }

    .catalog-on-main-page .cats__list .cats__entry.cats__nd__entry .entry__nd__link {
        min-height: 190px;
        height: 100%;
    }

    .cats__nd__list .cats__entry.cats__nd__entry.cats__nd__entry--mobile {
        max-width: 140px;
    }

    .cats__entry .entry__photo.entry__nd__photo {
        margin: 0;
    }


    .cats__nd .cats__nd__list .cats__entry.cats__nd__entry.cats__nd__entry--mobile,
    .cats__nd .cats__nd__list .cats__nd__entry--mobile .entry__lnk.entry__nd__link {
        min-height: 168px;
        max-width: 138px;
        width: 100%;
    }

    .cats__nd__list .cats__nd__entry .entry__nd__name {
        max-width: 100px;
        left: 5px;
        bottom: 5px;
        font-size: 14px;
        text-align: left;
        text-indent: 0;
    }


    .cats__nd__entry:hover .entry__nd__arrow {
        background-image: url("img/svg/arrow-bold-accent.svg");
    }


    .catalog-on-main-page--new_design .cats__button.cats__nd__button {
        margin-top: 0;
        justify-content: center;
    }

    .cats__nd__button .cats_link.cats__nd__link {
        font-size: 16px;
    }

    .cats__nd__button .cats_link.cats__nd__link:hover {
        color: var(--accent-color);
        border-color: var(--accent-color);
        transition: 0.4s;
    }

    .button__arrow {
        width: 30px;
        height: 30px;
    }

    .button__arrow {
        bottom: 9px;
        right: 50px;
    }

}
@media(max-width:360px){
    .cats__entry .entry__name{
        top: 49px;
    }
}
@media (max-width: 330px) {
    .main-container .catalog-on-main-container {
        padding: 0 15px;
    }
    .cats.cats__nd{
        padding-bottom:7px;
    }
    .entry__nd__arrow {
        top: 31px;
        right: 5px;
    }

    .cats__entry .entry__photo, .cats .cats__list .cats__entry {
        height: 52px !important;
    }

    .cats__entry .entry__name {
        max-width: 100px;
        text-indent: 0px;
        left: 11px;
        top: 10px;
    }

    .catalog-on-main-page--new_design .catalog-on-main-container .catalog-on-main-page__title {
        text-align: left;
    }

    .catalog-on-main-page--new_design .main-container .cats__nd__list {
        margin-left: -25px;
    }

    .cats__list.cats__nd__list {
        gap: 4px;
    }

    .catalog-on-main-page--new_design .cats__button.cats__nd__button {
        margin: 0;
    }

    .cats__nd__button .cats_link.cats__nd__link {
        font-size: 15px;
    }

    .button__arrow {
        width: 29px;
        height: 29px;
    }

    .button__arrow {
        bottom: 10px;
    }

    .entry__photo.entry__nd__photo {
        position: absolute !important;
        top: 0px;
        left: 0px;
    }

    .entry__name.entry__nd__name {
        z-index: 6;
        display: flex;
        line-height:14px;
        position: relative;
        /* top: 0px; */
        height: 69%;
        align-items: flex-end;
    }
}