/* Start:/local/templates/lenapillars/components/bitrix/news/houses-for-rent/bitrix/news.list/.default/style.css?17755498773725*/
/* ===== Каталог жилья в стиле баннеров маршрутов ===== */

.app-catalog .banner {
  position: relative;
  margin: 3% 0;
  border-radius: 16px;
  overflow: hidden;
}

.app-catalog .banner-image {
  position: relative;
}

.app-catalog .banner-image img {
  display: block;
  width: 100%;
  border-radius: 16px;
  max-height: 420px;
  object-fit: cover;
}

/* Затемнение только на левых 3/4 — там где текст, цена и кнопка */
.app-catalog .banner-image::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.60) 0%,
    rgba(0, 0, 0, 0.55) 40%,
    rgba(0, 0, 0, 0.40) 60%,
    rgba(0, 0, 0, 0.10) 75%,
    rgba(0, 0, 0, 0.00) 100%
  );
  pointer-events: none;
}

.app-catalog .banner-content {
  position: absolute;
  top: 10%;
  left: 4%;
  /* контент занимает только левые 3/4 */
  right: 25%;
  z-index: 2;
}

.app-catalog .banner-title {
  max-width: 550px;
  margin-bottom: 15px;
}

.app-catalog .banner-title h2 {
  font-size: clamp(16px, 2.8vw, 30px);
  margin: 0 0 15px 0;
  font-family: 'Museo Cyrl 700', sans-serif;
  color: #fff;
  text-shadow: 0 1px 6px rgba(0,0,0,0.4);
  line-height: 1.3;
}

.app-catalog .banner-title a {
  text-decoration: none;
  color: #fff;
}

.app-catalog .banner-title a:hover {
  text-decoration: underline;
}

.app-catalog .banner-desc {
  max-width: 550px;
  max-height: 360px;
  margin-bottom: 20px;
}

.app-catalog .banner-desc p {
  margin: 0;
  line-height: 1.6;
  text-align: justify;
  font-family: 'Museo Cyrl 500', sans-serif;
  font-size: clamp(12px, 1.8vw, 16px);
  color: rgba(255,255,255,0.92);
  text-shadow: 0 1px 4px rgba(0,0,0,0.35);
}

/* Блок с ценой и кнопкой */
.app-catalog .banner-meta {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 12px;
}

.app-catalog .banner-price {
  font-family: 'Museo Cyrl 500', sans-serif;
  font-size: clamp(13px, 1.8vw, 18px);
  color: #fff;
  font-weight: 700;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

.app-catalog .banner-buy {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #fff;
  background: var(--accent, #006400);
  padding: 6px 16px 6px 14px;
  border-radius: 20px;
  font-weight: 700;
  font-size: clamp(12px, 1.6vw, 16px);
  font-family: 'Museo Cyrl 500', sans-serif;
  transition: opacity 0.2s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

.app-catalog .banner-buy:hover {
  opacity: 0.85;
}

/* Прозрачная зона для скачивания паспорта */
.app-catalog .passport-overlay {
  position: absolute;
  left: 4%;
  bottom: 17%;
  width: 18%;
  height: 12%;
  display: block;
  cursor: pointer;
  background: transparent;
  z-index: 2;
}

@media (max-width: 768px) {
  .app-catalog .banner-content {
    top: 6%;
    left: 3%;
    right: 5%;
  }

  .app-catalog .banner-image::after {
    background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.60) 0%,
      rgba(0, 0, 0, 0.50) 60%,
      rgba(0, 0, 0, 0.10) 85%,
      rgba(0, 0, 0, 0.00) 100%
    );
  }

  .app-catalog .banner-image img {
    max-height: 260px;
  }

  .app-catalog .banner-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

   .app-catalog .banner-image .banner-content .banner-text p.banner-text-content{
  max-height: 120px !important;
padding-top: 10px !important;
  line-height: 0.9 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  font-family: inherit !important;
  color:#fff !important;
}
}
/* End */
/* /local/templates/lenapillars/components/bitrix/news/houses-for-rent/bitrix/news.list/.default/style.css?17755498773725 */