.lef-grid-wrapper{display:grid; gap:20px 12px; grid-template-columns:repeat(5,1fr)} .lef-carousel-wrapper{position:relative; display:flex; align-items:center} .lef-carousel-track{--lef-items:5; --lef-gap:12px; display:flex; gap:var(--lef-gap); overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; padding:10px 0} .lef-carousel-track::-webkit-scrollbar{display:none} .lef-carousel-track .lef-property-card{flex:0 0 calc((100% - (var(--lef-items) - 1) * var(--lef-gap)) / var(--lef-items)); scroll-snap-align:start; min-width:200px} .lef-carousel-nav{position:absolute; top:50%; transform:translateY(-50%); width:35px; height:35px; border-radius:50%; background:var(--leb-white); box-shadow:var(--leb-card-shadow); border:none; cursor:pointer; z-index:10; display:flex; align-items:center; justify-content:center; font-size:16px; color:var(--leb-secondary-color); transition:all 0.3s ease; opacity:0.8} .lef-carousel-nav:hover{opacity:1; background:var(--leb-bg-light)} .lef-carousel-nav.lef-nav-prev{left:-10px} .lef-carousel-nav.lef-nav-next{right:-10px} .lef-carousel-nav.is-hidden{display:none} .lef-property-card{background:var(--leb-white); border-radius:20px; overflow:hidden; cursor:pointer; border:1px solid var(--leb-border-color); display:flex; flex-direction:column} .lef-card-image-container{position:relative; width:100%; aspect-ratio:4/3; background:var(--leb-bg-light); display:flex; overflow:hidden} .lef-card-image,.lef-collage-item img{width:100%; height:100%; object-fit:cover} .lef-has-placeholder{display:flex; align-items:center; justify-content:center} .lef-is-placeholder{width:100%; height:100%; object-fit:cover} .lef-favorite-btn{position:absolute; top:12px; right:12px; background:var(--leb-overlay-bg); border:none; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:transform 0.2s ease} .lef-favorite-btn svg{width:18px; height:18px; fill:none; stroke:var(--leb-secondary-color); stroke-width:2} .lef-favorite-btn.is-active svg{fill:var(--leb-primary-color); stroke:var(--leb-primary-color)} .lef-favorite-btn.is-loading{opacity:0.6; pointer-events:none; animation:lefFavPulse 1s infinite alternate} @keyframes lefFavPulse{from{opacity:0.4; transform:scale(0.9)} to{opacity:0.8; transform:scale(1)}} .lef-card-body{padding:12px 10px; flex-grow:1; display:flex; flex-direction:column; gap:2px} .lef-property-title{font-size:1.4rem; font-weight:500; color:var(--leb-secondary-color); line-height:1.2} .lef-property-summary{font-size:1.35rem; color:var(--leb-text-muted); line-height:1.2} .lef-property-price{margin-top:auto; font-size:1.4rem; font-weight:500; margin-left:0.25rem} .lef-price-period{font-weight:400; font-size:13px; color:var(--leb-text-muted)} .lef-see-all-card{background:var(--leb-white); display:flex; align-items:center; justify-content:center; text-align:center; position:relative; border:1px dashed var(--leb-border-color)} .lef-see-all-content{display:flex; flex-direction:column; align-items:center; width:100%; padding:20px; gap:20px} .lef-see-all-collage{position:relative; width:120px; height:80px; margin-bottom:30px} .lef-collage-item{position:absolute; width:60px; height:75px; border-radius:8px; overflow:hidden; background:var(--leb-white); box-shadow:var(--leb-card-shadow); border:2px solid var(--leb-white); transition:transform 0.3s ease} .lef-collage-1{z-index:1; left:0; transform:rotate(-15deg) translateY(5px)} .lef-collage-2{z-index:3; left:30px; top:-5px} .lef-collage-3{z-index:2; left:60px; transform:rotate(15deg) translateY(5px)} .lef-see-all-card:hover .lef-collage-1{transform:rotate(-25deg) translate(-10px,0)} .lef-see-all-card:hover .lef-collage-2{transform:translateY(-8px) scale(1.05)} .lef-see-all-card:hover .lef-collage-3{transform:rotate(25deg) translate(10px,0)} .lef-see-all-footer{display:flex; align-items:center; gap:10px; background:var(--leb-primary-color); color:var(--leb-white); padding:5px 18px; border-radius:30px; transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275)} .lef-see-all-card:hover .lef-see-all-footer{transform:scale(1.05)} .lef-see-all-text{font-weight:500; font-size:14px} .lef-see-all-icon{display:flex} @media (max-width:1250px){.lef-grid-wrapper{grid-template-columns:repeat(4,1fr)} .lef-carousel-track{--lef-items:4}} @media (max-width:910px){.lef-grid-wrapper{grid-template-columns:repeat(3,1fr)} .lef-carousel-track{--lef-items:3}} @media (max-width:650px){.lef-grid-wrapper{grid-template-columns:repeat(2,1fr)} .lef-carousel-track{--lef-items:2} .lef-carousel-nav{width:30px; height:30px; font-size:12px} .lef-carousel-nav.lef-nav-next{right:0px} .lef-carousel-nav.lef-nav-prev{left:0px}} @media (max-width:440px){.lef-property-title{font-size:1.3rem} .lef-property-summary{font-size:1.1rem} .lef-property-price{font-size:1.15rem} .lef-see-all-text{font-size:1.3rem}} @media (max-width:340px){.lef-property-title{font-size:1.25rem}}