body{font-family:Arial,sans-serif}.bien-container{margin:50px auto;max-width:1200px}.bien-item{border:1px solid #ddd;border-radius:8px;overflow:hidden;margin-bottom:30px;position:relative;transition:transform .3s , box-shadow .3s;height:450px;display:flex;flex-direction:column}.bien-item:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(0,0,0,.2)}.hover-details{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.hover-details p{margin:5px 0;text-align:center;font-size:.9rem}.hover-details button{background-color:#bb9058;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.hover-details button:hover{background-color:#a6784d}.bien-carousel img{width:100%;height:250px;object-fit:cover}.bien-details{padding:15px;background:#f9f9f9;flex-grow:1}.bien-details .detail-item{font-size:1rem;margin-bottom:15px;line-height:1.6}.bien-details h5{font-size:1.2rem;color:#333;margin-bottom:10px}.bien-details p{margin:0;color:#555;font-size:.9rem}.bien-details .price{font-size:1.3rem;font-weight:bold;color:#bb9058;margin-top:10px}.bien-details:hover ~ .hover-details,
.hover-details:hover {opacity:1;pointer-events:auto}.hover-details h6{font-size:1.2rem;margin-bottom:10px;text-align:center}.page-title{text-align:center;margin-top:50px;margin-bottom:30px}.page-title h1{font-size:2.5rem;color:#333}.page-title p{font-size:1.1rem;color:#555}.carousel-inner .carousel-item img{display:block;opacity:0;transition:opacity .3s ease-in-out}.carousel-inner .carousel-item.active img{opacity:1}