.cards { 
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:var(--spacer-1);
    background: var(--bg1);
}

.feed_card{
    display: flex;
    flex-direction: column;
    gap: 0;
}

.card-fav{
    position: absolute;
    right: 6px;
    top:6px;
}


.card {
    position: relative;
    width: 100%;
    height:340px;
    background: var(--bg1);
    display: flex;
    flex-direction: column;
    gap: 0px;
    overflow:hidden; 
    margin-bottom: var(--spacer-3);
}

.feed_card{
    position: relative;
    width: 100%;
    background: var(--bg1);
    display: flex;
    flex-direction: column;
    gap: 0px;
    overflow:hidden; 
    margin-bottom: var(--spacer-3);
    padding-bottom: var(--spacer-4);
}

.card a{
    height: 340px;
}

.thumb {
    width: 100%;
    aspect-ratio: 2/3;
    max-height:220px; 
    overflow:hidden; 
}
.thumb img { width:100%; height:100%; object-fit:cover; }

.feed_thumb{
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
}

.feed_thumb img{ width: 100%; height: 100%; object-fit: cover;}

.card-body {

    padding-top: var(--spacer-3);
    padding-left: var(--spacer-4);
    padding-right: var(--spacer-4);
    position: relative;

}   
.card-body h3 {
    
    color: var(--black1);
    font-size: var(--spacer-4);
    line-height: var(--spacer-4);
    font-weight: 500;
    letter-spacing: 0px;
    line-break: auto;
    max-lines: 2;
    height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;      /* количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.card-body .price {
    font-weight: 700;
    font-size: var(--spacer-5);
    line-height: var(--spacer-5);
    color: var(--black1);


    margin-top: var(--spacer-2);
    margin-bottom: var(--spacer-2);
}

.meta{
    display: flex;
    color: var(--gray1);
    align-items: center;
    font-size: var(--spacer-4);
}

.meta img{
    width: var(--spacer-4);
    height: var(--spacer-4);
}


.photo-placeholder { background:#e5e7eb; color:#6b7280; display:flex; align-items:center; justify-content:center; font-size:13px; }
.photo-placeholder { height:100%; width:100%;}
.gallery .photo-placeholder { height:160px; }
