.items-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 23px;
}

.product-card {
    border-radius: 40px;
    width: 291px;
    height: 382px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card__content {
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--lightColor);
    width: 285px;
    height: 373px;
    box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0);
}

@media(min-width: 768px) {
    .product-card:hover .product-card__content{
        background-color: #fff;
        box-shadow: 10px 10px 50px 0px rgba(0, 0, 0, 0.1);
        width: 100%;
        height: 100%;
    }

    .product-card:hover .product-card__content::after{
        opacity: 0;
    }

    .product-card:hover .product-card__logo-img{
        top: 28px;
        translate: -50% 0;
    }

    .product-card:hover .product-card__logo-img_hover{
        opacity: 1;
    }

    .product-card:hover .product-card__logo-img_regular{
        opacity: 0;
    }

    .product-card:hover .product-card__image{
        opacity: 1;
        left: 50%;
        translate: -50% 0;
        bottom: 29px;
    }

    .product-card:hover .product-card__name {
        color: var(--greenColor);
        top: 39px;
        translate: -50% 0;
    }
}

.product-card__content::after {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: rgba(145, 147, 137, 0.25);
    z-index: 1;
    border-radius: 40px;
}

.product-card__image {
    position: absolute;
    left: -14px;
    bottom: -84px;
    opacity: 0.07;
    max-width: 600px;
    z-index: 2;
}

.product-card__image img {
    display: block;
    object-fit: cover;
}

.product-card__logo-img {
    max-width: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    z-index: 2;
    transition: .3s ease-out;
}

.product-card__logo-img_hover {
    opacity: 0;
}

.product-card__name {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 2;
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.24;
    color: #fff;
    transition: .5s ease-out;
}

.usual-slider {
    overflow: initial;
}

@media(max-width: 767px) {
    .items-grid {
        flex-wrap: initial;
        justify-content: flex-start;
        gap: 0;
    }

    .usual-slider {
        overflow: hidden;
    }
}

@media(max-width: 575px) {
    .product-card {
        height: auto;
        border-radius: 20px;
        aspect-ratio: 280 / 330;
    }

    .product-card__content {
        border-radius: 20px;
        height: 100%;
        width: 100%;
    }

    .product-card__content::after {
        border-radius: 20px;
    }

}