.catalog {
    position: relative;
}

.catalog__head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}

.catalog__head h2 {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: var(--fluid-2);
    line-height: 110%;
}

.catalog__head p {
    font-weight: 500;
    font-size: var(--fluid-6);
    line-height: 140%;
    color: #262626;
}

.catalog__head blockquote {
    background-color: var(--bg-clr-2);
    border-radius: var(--main-chamfer);
    padding: 16px 24px 16px 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C13.9707 0 18 4.0293 18 9C18 13.9707 13.9707 18 9 18C4.0293 18 0 13.9707 0 9C0 4.0293 4.0293 0 9 0ZM9 1.8C7.09044 1.8 5.25909 2.55857 3.90883 3.90883C2.55857 5.25909 1.8 7.09044 1.8 9C1.8 10.9096 2.55857 12.7409 3.90883 14.0912C5.25909 15.4414 7.09044 16.2 9 16.2C10.9096 16.2 12.7409 15.4414 14.0912 14.0912C15.4414 12.7409 16.2 10.9096 16.2 9C16.2 7.09044 15.4414 5.25909 14.0912 3.90883C12.7409 2.55857 10.9096 1.8 9 1.8ZM8.991 7.2C9.4932 7.2 9.9 7.6068 9.9 8.109V12.7206C10.0716 12.8197 10.2057 12.9726 10.2815 13.1556C10.3573 13.3386 10.3706 13.5416 10.3193 13.7329C10.268 13.9243 10.155 14.0934 9.99786 14.214C9.84069 14.3346 9.64811 14.4 9.45 14.4H9.009C8.88963 14.4 8.77143 14.3765 8.66114 14.3308C8.55086 14.2851 8.45065 14.2182 8.36624 14.1338C8.28183 14.0494 8.21487 13.9491 8.16919 13.8389C8.12351 13.7286 8.1 13.6104 8.1 13.491V9C7.8613 9 7.63239 8.90518 7.4636 8.7364C7.29482 8.56761 7.2 8.33869 7.2 8.1C7.2 7.8613 7.29482 7.63239 7.4636 7.4636C7.63239 7.29482 7.8613 7.2 8.1 7.2H8.991ZM9 4.5C9.23869 4.5 9.46761 4.59482 9.6364 4.7636C9.80518 4.93239 9.9 5.1613 9.9 5.4C9.9 5.63869 9.80518 5.86761 9.6364 6.0364C9.46761 6.20518 9.23869 6.3 9 6.3C8.7613 6.3 8.53239 6.20518 8.3636 6.0364C8.19482 5.86761 8.1 5.63869 8.1 5.4C8.1 5.1613 8.19482 4.93239 8.3636 4.7636C8.53239 4.59482 8.7613 4.5 9 4.5Z' fill='%23FD4B12' /%3E%3C/svg%3E");
    background-position: 16px 19px;
    background-repeat: no-repeat;
}

.catalog__head_2 blockquote {
    background-color: #f6f1eb;
}

.catalog__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.catalog-card {
    position: relative;
    border-radius: var(--main-chamfer);
    height: 100%;
    overflow: hidden;
    background: var(--bg-clr-2);
    padding: 22px;
    display: grid;
    -ms-flex-align: end;
    align-items: end;
    aspect-ratio: 1.5714;
}

.catalog-card > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    font-size: 0;
}

.catalog-card__photo {
    position: absolute;
    inset: 0;
}

.catalog-card__photo > img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.catalog-card__title {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: var(--fluid-4);
    line-height: 120%;
    position: relative;
}

.catalog-card::before {
    content: "";
    display: block;
    width: 186px;
    height: 186px;
    border-radius: 50%;
    background: #e9eddc;
    position: absolute;
    right: -18px;
    top: -40px;
    transition: transform var(--animation-duration) var(--timing-func);
}

.catalog-card_2 {
    aspect-ratio: 1.388;
    background: #f6f1eb;
    transition: background var(--animation-duration) var(--timing-func);
}

.catalog-card_2::before {
    display: none;
}

.catalog-card_cb {
    aspect-ratio: 1.388;
    background: #75924d;
    -ms-flex-align: start;
    align-items: start;
}

.catalog-card_cb .catalog-card__title {
    color: #fff;
    transition: color var(--animation-duration) var(--timing-func);
}

.catalog-card_cb::before {
    display: block;
    top: auto;
    bottom: -75px;
    right: -58px;
    width: 207px;
    height: 207px;
}

.rs-catalog_2 .rs-catalog__wrapper {
    background: var(--bg-clr-2);
    border-radius: 30px;
    padding-top: 96px;
    padding-bottom: 96px;
}

@media (min-width: 767.98px) {
    .catalog__head .site-slide-icon {
        display: none;
    }
}

@media (min-width: 1023.98px) {
    .catalog__head h2 {
        max-width: 568px;
    }

    .catalog__head blockquote {
        max-width: 750px;
    }
}

@media (max-width: 1023.98px) {
    .catalog__head {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .catalog__items {
        display: grid;
        gap: 16px;
        grid-template-columns: 286px;
        grid-auto-flow: column;
        grid-auto-columns: 286px;
        overflow-x: auto;
        overflow-y: hidden;
        margin-right: -16px;
        padding-right: 16px;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    }

    .catalog__item {
        scroll-snap-align: start;
    }

    .rs-catalog_2 .rs-catalog__wrapper {
        padding-top: 42px;
        padding-bottom: 42px;
    }
}

@media (any-hover: hover) {
    .catalog-card_2:hover {
        background: #fed486;
    }

    .catalog-card_cb:hover .catalog-card__title {
        color: #0b0f19;
    }

    .catalog-card:hover::before {
        transform: scale(4);
    }
}