/* /v2/assets/css/listing.css */

.listing-filters{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin: 18px 0 18px;
}

.pill{
  text-decoration:none;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid #e6e6e6;
  color:#111;
  font-weight: 800;
  letter-spacing: .3px;
  background:#fff;
}
.pill.active{
  background:#c77a43;
  border-color:#c77a43;
  color:#fff;
}

/* cards grid */
.cards{
  display:flex;
  flex-wrap:wrap;
  gap: 18px;
  align-items:stretch;
}

.card{
  flex: 1 1 calc(33.333% - 18px);
  max-width: calc(33.333% - 18px);
  border: 1px solid #e7e0d8;
  border-radius: 18px;
  overflow:hidden;
  background: #f3e6da;
  transition: transform .15s ease, box-shadow .15s ease;
}
.card:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

/* image */
.card__img{
  display:block;
  background:#fff;
}

.card__img img{
  display:block;
  width:100%;
  height: 175px;        /* ավելի կոմպակտ */
  object-fit: contain;  /* ամբողջությամբ երևա */
  background:#fff;
  transition: transform .18s ease;
}

/* փոքր zoom hover desktop-ում */
@media (hover:hover){
  .card__img:hover img{ transform: scale(1.03); }
}


.card__body{ padding: 14px; }

.card__num{ display:none; } /* եթե դեռ ունես id-ը ցույց տվողը */

.card__type{ font-weight: 800; color:#c77a43; margin-top: 2px; }

.card__prices{
  margin-top: 10px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.card__line{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}

.card__label{
  font-weight: 800;
  opacity:.75;
  font-size: 13px;
}

.card__value{
  font-weight: 900;
  font-size: 15px;
}


.card__floor{
  margin-top: 8px;
  font-weight: 800;
  opacity:.85;
}

/* meta row */
.card__meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top: 12px;
  font-weight: 800;
  flex-wrap:wrap;
}

.meta{
  display:flex;
  gap: 6px;
  align-items:baseline;
}
.meta__v{ color:#c77a43; }

.card__btn{
  display:inline-block;
  margin-top: 12px;
  text-decoration:none;
  font-weight: 900;
  padding: 9px 14px;
  border-radius: 12px;
  background:#fff;
  border: 1px solid #e6e6e6;
  color:#111;
}

/* pager */
.pager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin: 22px 0 10px;
}
.btn{
  text-decoration:none;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid #e6e6e6;
  background:#c77a43;
  color:#fff;
  font-weight: 900;
}
.pager__info{
  font-weight: 800;
  opacity:.75;
}

/* responsive */
@media (max-width: 980px){
  .card{ flex: 1 1 calc(50% - 18px); max-width: calc(50% - 18px); }
  .card__img img{ height: 165px; }
}
@media (max-width: 620px){
  .cards{ gap: 14px; }
  .card{ flex: 1 1 100%; max-width: 100%; }
  .card__img img{ height: 190px; } /* մոբայլում մի քիչ մեծ՝ որ լավ երևա */
  .card__body{ padding: 14px; }
}