.cp_actual-category {
    display: flex;
    flex-direction: column;
    gap: 20px;

    width: 100%;
}

.cp_actual-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.cp_actual-category-header__title {
    display: flex;
    align-items: baseline;
    gap: 32px;
}
@media (max-width: 768px) {
    .cp_actual-category-header__title {
        flex-wrap: wrap;
        gap: 4px;
    }
}

.cp_actual-category-navigation {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 768px) {
    .cp_actual-category-navigation {
        display: none;
    }
}

.cp_actual-category-navigation__prev,
.cp_actual-category-navigation__next {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 29px;
    width: 29px;

    cursor: pointer;
}

.cp_actual-category-navigation__prev svg,
.cp_actual-category-navigation__next svg {
    fill: #888;
}
.cp_actual-category-navigation__prev:hover svg,
.cp_actual-category-navigation__next:hover svg {
    fill: #333;
}

.cp_actual-category-body {
    width: 100%;
}

.cp_actual-category-container--skeleton {
    display: flex;
    justify-content: space-between;

    width: 100%;
}

.cp_actual-category-content__item {
    flex-direction: column;
    flex-shrink: 0;
    gap: 12px;

    width: auto;
    height: 100%;
    max-height: 100%;
}
.cp_actual-category-content__item.swiper-slide,
.cp_actual-category-content__item--skeleton {
    display: flex;
}
.cp_actual-category-content__item--skeleton {
    flex-basis: calc(20% - (80px / 5));
}
@media (max-width: calc(1100px + 60px)) {
    .cp_actual-category-content__item--skeleton {
        flex-basis: calc(25% - (60px / 4));
    }
    .cp_actual-category-content__item--skeleton:nth-child(5) {
        display: none;
    }
}
@media (max-width: calc(850px + 60px)) {
    .cp_actual-category-content__item--skeleton {
        flex-basis: calc(33.3% - (40px / 3));
    }
    .cp_actual-category-content__item--skeleton:nth-child(4) {
        display: none;
    }
}
@media (max-width: calc(550px + 30px)) {
    .cp_actual-category-content__item--skeleton {
        flex-basis: calc(50% - 10px);
    }
    .cp_actual-category-content__item--skeleton:nth-child(3) {
        display: none;
    }
}

.cp_actual-category-content__image {
    display: block;

    max-width: 242px;
    width: 100%;
    aspect-ratio: 121 / 90;

    border-radius: 4px;
    object-fit: cover;
}

.cp_actual-category-content__image.cp_skeleton {
    height: 150px;
}