:root{
    --nb-article-card-2-category-font-size: 14px;
    --nb-article-card-2-category-color: var(--nb-text-color-secondary);

    --nb-article-card-2-title-font-size: 16px;
    --nb-article-card-2-title-font-weight: var(--nb-font-regular);
    --nb-article-card-2-title-line-height: 1.3;
    --nb-article-card-2-title-hover-color: var(--nb-spec-color);

    --nb-article-card-2-subtitle-font-size: 20px;
    --nb-article-card-2-subtitle-font-weight: var(--nb-font-bold);
    --nb-article-card-2-subtitle-line-height: 1.3;

    --nb-article-card-2-description-font-size: 14px;
    --nb-article-card-2-description-color: var(--nb-text-color-secondary);
    --nb-article-card-2-description-border-color: var(--nb-border-color);

    --nb-article-card-2-date-font-size: 12px;
    --nb-article-card-2-date-color: var(--nb-color-white);
    --nb-article-card-2-date-bg-color: var(--nb-spec-color);
    --nb-article-card-2-date-border-radius: var(--nb-border-radius-xs);
    --nb-article-card-2-date-height: 26px;

    --nb-article-card-2-link-font-size: 14px;
    --nb-article-card-2-link-font-weight: var(--nb-font-semibold);

    --nb-article-card-2-border-radius: 0;
}
.nb-article-card-2{
    position: relative;
}
.nb-article-card-2 .nb-card{
    border-radius: var(--nb-article-card-2-border-radius);
}

.nb-article-card-2 .nb-card > .nb-img-wrapper{
    border-top-left-radius: var(--nb-article-card-2-border-radius);
    border-top-right-radius: var(--nb-article-card-2-border-radius);
}
.nb-article-card-2 .nb-article-category{
    margin-bottom: 10px;
}
.nb-article-card-2 .nb-article-category .nb-link{
    color: var(--nb-article-card-2-category-color);
    font-size: var(--nb-article-card-2-category-font-size);
}
.nb-article-card-2 .nb-date-wrapper{
    position: absolute;
    top: var(--nb-card-spacer-x);
    background-color: var(--nb-article-card-2-date-bg-color);
    padding: 0 15px;
    border-radius: var(--nb-article-card-2-date-border-radius);
    height: var(--nb-article-card-2-date-height);
    display: flex;
    align-items: center;
}
.nb-article-card-2 .nb-date-wrapper,
.nb-article-card-2 .nb-date-wrapper *{
    color: var(--nb-article-card-2-date-color);
    font-size: var(--nb-article-card-2-date-font-size);
}
.nb-article-card-2 .nb-article-name{
    font-size: var(--nb-article-card-2-title-font-size);
    font-weight: var(--nb-article-card-2-title-font-weight);
    line-height: var(--nb-article-card-2-title-line-height);
    height: calc(var(--nb-dt-rows) * var(--nb-article-card-2-title-line-height) * var(--nb-article-card-2-title-font-size))
}
.nb-article-card-2 .nb-link:has(.nb-article-name):hover .nb-article-name{
    color: var(--nb-article-card-2-title-hover-color);
}
.nb-article-card-2 .nb-article-subtitle,
.nb-article-card-2 .nb-article-price{
    font-size: var(--nb-article-card-2-subtitle-font-size);
    font-weight: var(--nb-article-card-2-subtitle-font-weight);
    line-height: var(--nb-article-card-2-subtitle-line-height);
}
.nb-article-card-2 .bottom-wrapper{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid var(--nb-article-card-2-description-border-color);
}
.nb-article-card-2 .bottom-wrapper .nb-article-short-description{
    color: var(--nb-article-card-2-description-color);
    font-size: var(--nb-article-card-2-description-font-size);
}
.nb-article-card-2 .nb-article-image .nb-img{
    width: 100%;
}