.item-default,
.item-default__link {
    gap: 0.55em;
    display: flex;
    width: fit-content;
    align-items: center;
    /*aspect-ratio: 308/390;*/
    flex-direction: column;
    justify-content: flex-start;
}

.item-default__link {
    color: inherit;
    text-decoration: none;
}

.item-default__image {
    width: 308px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: center;
    aspect-ratio: 1/1.125;
    justify-content: center;
    background-color: #E9E9E9;
}

.item-default__image-bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.8s ease-in-out;
}

.item-default:hover .item-default__image-bg {
    transform: scale(1.1);
}

.item-default__image-bg::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    background: transparent;
}

.item-default__infos {
    gap: 0.5em;
    z-index: 10;
    display: flex;
    position: relative;
    flex-direction: column;
}

.item-default__infos h2,
.item-default__infos h3,
.item-default__infos h4,
.item-default__infos h5,
.item-default__infos h6 {
    --line-clamp: 2;
    overflow: hidden;
    font-weight: 700;
    margin: 0 !important;
    font-size: 1.25rem;
    display: -webkit-box;
    line-height: 1.95263rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp);
}

/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {

    .item-default__infos h2,
    .item-default__infos h3,
    .item-default__infos h4,
    .item-default__infos h5,
    .item-default__infos h6 {
        font-size: 0.95rem;
        line-height: 1.8263rem;
    }

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1023px) {

    .item-default__infos h2,
    .item-default__infos h3,
    .item-default__infos h4,
    .item-default__infos h5,
    .item-default__infos h6 {
        font-size: 0.95rem;
        line-height: 1.8263rem;
    }

}

/*mobile and tablet*/
@media (max-width: 1023px) {

}

/*desktop*/
@media (min-width: 1025px) {

}

/*laptop 1*/
@media (min-width: 1024px) and (max-width: 1439px) {

    .item-default__image {
        width: 200px;
    }

    .item-default__infos h2,
    .item-default__infos h3,
    .item-default__infos h4,
    .item-default__infos h5,
    .item-default__infos h6 {
        font-size: 0.85rem;
        line-height: 1.8263rem;
    }

}

/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {

    .item-default__image {
        width: 305px;
    }

    .item-default__infos h2,
    .item-default__infos h3,
    .item-default__infos h4,
    .item-default__infos h5,
    .item-default__infos h6 {
        font-size: 0.95rem;
        line-height: 1.8263rem;
    }

}

/*RESPONSIVE*/