body{margin:0;font-family:Arial,sans-serif;background:#f5f5f5;color:#333;}
a{text-decoration:none;color:inherit;}
header{background:#A47864;padding:15px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:relative;z-index:101;}
header img{height:60px;}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap;}
nav a{color:#fff;font-weight:bold;padding:6px 8px;display:block;}
nav a.active{color:#D9BFAF;font-weight:bold;}
.hero{position:relative;height:550px;background:url("images/hero-banner.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.hero h1{position:relative;z-index:2;color:#fff;font-size:2.2rem;font-weight:bold;text-shadow:none;}
#searchWrapper{position:relative;top:-60px;max-width:1200px;margin:auto;z-index:102;background:#A47864;padding:20px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.25);}
.search-bar{display:flex;flex-direction:column;gap:12px;}
.sale-rent-toggle{display:flex;gap:6px;}
.sale-rent-toggle button{flex:1;padding:12px;font-weight:bold;border-radius:8px;border:2px solid #fff;background:#A47864;color:#fff;cursor:pointer;}
.sale-rent-toggle button.active{background:#fff;color:#64313E;}
.keyword-wrapper{position:relative;display:flex;}
#keyword{flex:1;padding:12px 100px 12px 12px;border-radius:8px;border:2px solid #fff;background:#A47864;color:#fff;font-weight:bold;}
#keyword::placeholder{color:#fff;}
#searchBtn{position:absolute;right:0;top:0;height:100%;border:none;padding:0 20px;border-radius:0 8px 8px 0;background:#fff;color:#64313E;font-weight:bold;cursor:pointer;}
#searchBtn:hover{background:#D9BFAF;}
.filters-row{display:flex;gap:6px;flex-wrap:wrap;}
input,select,button{padding:12px;border-radius:8px;border:2px solid #fff;background:#A47864;color:#fff;font-weight:bold;}
#size{color:#fff;}
#size::placeholder{color:#fff;}
.more-filters-panel{max-height:0;overflow:hidden;transition:max-height .4s ease;display:flex;gap:6px;flex-wrap:wrap;}
.more-filters-panel.show{max-height:200px;}
.slider-container label{color:#fff;font-weight:bold;}
#priceSlider{width:100%;-webkit-appearance:none;height:12px;border-radius:6px;background:#D9BFAF;outline:none;cursor:pointer;}
#priceSlider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#64313E;cursor:pointer;}
#priceSlider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#64313E;cursor:pointer;}
.slider-value{color:#fff;font-weight:bold;text-align:right;}
#listing-carousel{display:flex;gap:15px;overflow:hidden;padding:20px 0;position:relative;}
.carousel-item{min-width:260px;background:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.15);flex-shrink:0;}
.carousel-item img{width:100%;height:160px;object-fit:cover;border-radius:12px 12px 0 0;}
.carousel-info{padding:10px;text-align:left;}
.carousel-info h3{font-size:16px;margin:0 0 5px;}
.carousel-info p{font-size:14px;margin:0;}
footer{background:#A47864;color:#fff;text-align:center;padding:25px;}
@media(max-width:768px){
  .filters-row{flex-direction:column;}
  .sale-rent-toggle{flex-direction:column;}
  .keyword-wrapper{flex-direction:column;}
  #keyword{padding-right:12px;}
  #searchBtn{position:static;width:100%;border-radius:8px;}
  .hero{height:350px;}
  #searchWrapper{top:-40px;}
}