/* ===========================
   GLOBAL
   =========================== */
body .behomes-listings,
body .behomes-single-wrapper {
 
  color: #1c1c1c;
  background: #f9fafc;
  line-height: 1.5;
}

.behomes-loading { text-align:center; padding:40px 0; color:#666; }

/* ===========================
   FILTERS
   =========================== */
.behomes-filters {
  display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 30px;
  justify-content: space-between; background: #fff; padding: 15px 20px;
  border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
.behomes-filters select {
  flex:1; min-width:180px; padding:10px; border:1px solid #ddd; border-radius:6px;
  background:#fff; font-size:15px;
}

/* ===========================
   LIST CARDS
   =========================== */
.behomes-card {
  display:flex; gap:25px; border:1px solid #e0e0e0; border-radius:12px;
  overflow:hidden; margin-bottom:25px; background:#fff;
  box-shadow:0 4px 10px rgba(0,0,0,.05); transition:.2s;
}
.behomes-card:hover { transform: translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,.08); }

.behomes-card .card-left { width:30%; position:relative; }
.behomes-card .swiper { width:100%; height:343px; }
.behomes-card .swiper-slide img { width:100%; height:100%; object-fit:cover; }

.behomes-card .card-right { width:70%; padding:20px 25px; display:flex; flex-direction:column; justify-content:space-between; }

.card-top { display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#666; }
.card-top-left { font-family: 'Metropolis'; display:flex; align-items:center; gap:8px; color:#2EA7E0; font-weight:800; font-size:12px; text-transform: uppercase;}
.card-top-right { display:flex; align-items:center; gap:20px; font-family: 'Metropolis'; font-size:14px; }
.card-top-right div { display:flex; align-items:center; gap:5px; color:#929497; }

.card-title {font-family: 'Bodoni MT'!important; font-size:48px; text-transform: uppercase; font-weight:400; letter-spacing: -2px; margin-top:10px; color:#231F20; }
.card-desc { font-family: 'Metropolis'; font-size:16px; color:#231F20; margin:5px 0 15px; line-height:1.5; }

.card-mid { display:flex; justify-content:space-between; align-items:center; font-size:15px; }
.card-mid-left { display:flex; gap:15px; align-items:center; }
.card-mid-left span { display:flex; align-items:center; gap:6px; font-family: 'Metropolis'; font-size:16px; color:#231F20; }
.card-price {font-family: 'Bodoni MT'!important; font-weight:400; color:#231F20; font-size:48px; }

.card-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:15px; }
.card-actions { display:flex; gap:10px; }
.card-actions a { font-family: 'Metropolis';
  display:inline-flex; align-items:center; gap:4px; padding-right: 25px;
    font-size:12px; font-weight:800; color:#2EA7E0; transition:.2s; letter-spacing: 2px;
}

.btn-learn {  color:#2EA7E0;  font-weight:800; font-family: 'Metropolis'; font-size:12px; text-transform: uppercase; letter-spacing: 2px; }


/* ===========================
   PAGINATION
   =========================== */
.behomes-pagination { display:flex; justify-content:center; align-items:center; gap:8px; margin:25px 0 50px; flex-wrap:wrap; }
.behomes-pagination button {
  border:1px solid #ddd; background:#fff; color:#333; padding:8px 14px; border-radius:6px; cursor:pointer; transition:.2s; font-size:15px;
}
.behomes-pagination button:hover,
.behomes-pagination button.active { background:#0077ff; color:#fff; border-color:#0077ff; }
.behomes-pagination .page-arrow { font-weight:bold; padding:8px 12px; }
.behomes-pagination button[disabled]{ opacity:.4; cursor:not-allowed; }

/* ===========================
   SINGLE PROPERTY
   =========================== */
.behomes-single { background:#fff; max-width:none !important; padding:0 !important; }

/* Main gallery */
.single-gallery { width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; overflow:hidden; }
.single-gallery .swiper.main-gallery { width:100%; height:600px; margin-bottom:0; }
.single-gallery .swiper.main-gallery .swiper-slide img { width:100%; height:100%; object-fit:cover; display:block; }

/* Thumbnails */
.thumbs-wrapper { width:100%; display:flex; justify-content:center; align-items:center; gap:12px; margin: 30px 0px; }
.single-thumbs { width:auto; display:inline-block; }
.single-thumbs .swiper-slide {
  width:130px !important; height:90px !important; opacity:.6; cursor:pointer;
  border-radius:6px; overflow:hidden; border:2px solid transparent; transition:.2s;
}
.single-thumbs .swiper-slide:hover { opacity:.9; border-color:#0077ff; }
.single-thumbs .swiper-slide-thumb-active { opacity:1; border-color:#0077ff; }
.single-thumbs .swiper-slide img { width:100%; height:100%; object-fit:cover; }

/* Info */
.single-info { max-width:1200px; margin:0 auto; padding:40px 20px; }
.single-info-type { display:flex; align-items:center; justify-content: center; gap:8px; color:#2EA7E0; font-weight:700;  font-family: 'Metropolis'; font-size:16px; letter-spacing: 3px;
    text-transform: uppercase; padding: 100px 0px 40px 0px;}
.single-title { font-size: 84px;
    margin: 10px 0;
    font-weight: 400;
    color: #231F20;
    text-align: center;
    font-family: 'Bodoni MT';
    text-transform: uppercase;
    letter-spacing: -2px; }
.single-subtitle{
    font-family: 'metropolis';
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    color: #231F20;
    letter-spacing: 3px;
    padding: 20px 0px 100px 0px;
}
.single-meta { display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 15px 0px 80px 0px;
    color: #231F20;
    font-size: 16px;
    justify-content: center;
    border-top: 1px solid #F2F2F2;}
.single-meta span { display:flex; align-items:center; gap:6px; }

/* Overview + Price on one line */
.single-overview-line { display:flex; justify-content:space-between; align-items:center; margin-top:25px; margin-bottom:10px; }
.single-overview-line h3 { font-family:'Bodoni MT'; color:#231F20; letter-spacing:-2px; text-transform:uppercase; font-size:42px; margin:0; }
.single-overview-line .price { font-family: 'Bodoni MT';
    font-size: 42px;
    color: #231F20;
    font-weight: 400;
    letter-spacing: -2px; }
.single-description { font-family: 'Metropolis'; margin-top:15px; color:#231F20; font-size:16px; line-height:1.7; }

/* Developer (bg full, content in container) */
.single-developer { width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; color:#fff; overflow:hidden; }
.single-developer img.bg { width:100%; height:60%; object-fit:cover; display:block; }
.single-developer .overlay { position:absolute; inset:0; background:rgba(0,0,0,.6); }
.single-developer-content.container {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:100%; max-width:1200px; padding:0 20px; text-align:left;
}
.single-developer-content img{
    margin:0 auto;
}
.single-developer-logo { display:block; width:250px; margin-bottom:25px; }
.single-developer-content h2 { font-size: 48px;
    margin-top: 125px;
    margin-bottom: 10px;
    font-family: 'Bodoni MT';
    text-transform: uppercase; }
.single-developer-content p { font-family:'Metropolis'; font-size:16px; line-height:1.7; color:#fff; }


.swiper-button-next, .swiper-button-prev{
    color:#2EA7E0 !important;
     width:4px !important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 35px !important;
    
    
}



/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 992px) {
  .behomes-card { flex-direction:column; }
  .behomes-card .card-left, .behomes-card .card-right { width:100%; }
  .behomes-card .swiper, .behomes-card .swiper-slide img { height:220px; }

  .single-gallery .swiper.main-gallery { height:400px; }
  .single-developer img.bg { height:950px; }
  .single-developer-content.container { max-width:90%; }
  .single-overview-line { flex-direction:column; align-items:flex-start; gap:8px; }
}

@media (max-width: 600px) {
    .card-top{
        flex-direction: column;
        gap: 10px;
    }
    .card-title{
        font-size:30px;
    }
    .card-desc{
        font-size:14px;
    }
   .card-mid{
        flex-direction: column;
        gap: 10px;
   }
  .card-bottom{
      flex-direction: column;
        gap: 20px;
  }
 .card-price{
     font-size:30px;
     margin-top:15px;
 }
 
}