.catalog-body{background:#f7f8fa;color:#20283a}.catalog-body .catalog-header{background:rgba(255,255,255,.9);border-color:#fff;box-shadow:0 12px 30px rgba(25,35,52,.12)}.catalog-header nav .active{font-weight:800}.catalog-main{padding-top:130px}.catalog-intro{max-width:1280px;margin:auto;padding:55px 32px 42px;display:flex;justify-content:space-between;align-items:end}.catalog-kicker{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#007a87}.catalog-intro h1{margin:1rem 0 .7rem;font-size:clamp(3.5rem,5vw,5rem);line-height:.96;letter-spacing:-.05em}.catalog-intro p{color:#77808d}.catalog-counts{display:flex;gap:30px}.catalog-counts article{min-width:100px}.catalog-counts b{display:block;font-size:1.8rem}.catalog-counts span{font-size:.65rem;color:#7a8491}.catalog-filter{position:sticky;z-index:40;top:90px;max-width:1280px;margin:0 auto 36px;padding:8px;display:grid;grid-template-columns:1.4fr repeat(3,.75fr) auto auto;border:1px solid #e7e9ed;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(25,35,52,.1);backdrop-filter:blur(20px)}.keyword{display:flex;align-items:center;gap:10px;padding:0 16px;border-right:1px solid #e7e9ed}.keyword span{font-size:1.3rem}.keyword input{width:100%;border:0;outline:0;background:none;font-size:.78rem}.filter-select{position:relative;border-right:1px solid #e7e9ed}.filter-select>button{width:100%;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:0;background:none;font-size:.73rem;font-weight:700}.filter-select i{font-style:normal}.filter-select>div{position:absolute;left:5px;right:5px;top:calc(100% + 12px);padding:7px;border-radius:14px;background:white;box-shadow:0 20px 40px rgba(25,35,52,.18);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.25s}.filter-select.open>div{opacity:1;visibility:visible;transform:none}.filter-select>div button{width:100%;padding:.7rem;border:0;border-radius:9px;background:none;text-align:left;font-size:.72rem}.filter-select>div button:hover{background:#f0f3f5;color:#007a87}.more-filters{border:0;background:none;padding:0 16px;font-size:.7rem}.catalog-search{padding:0 22px;border:0;border-radius:12px;background:#243462;color:white;font-size:.72rem;font-weight:800}.catalog-toolbar{max-width:1280px;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#737d89}.catalog-toolbar>div{display:flex;gap:5px}.catalog-toolbar button{height:34px;padding:0 12px;border:1px solid #e1e4e8;border-radius:9px;background:white;color:#6c7683}.catalog-toolbar button.active{background:#243462;color:white}.featured-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.featured-estate{position:relative;height:530px;border-radius:22px;overflow:hidden;color:white;opacity:0;transform:translateY(25px);transition:.7s cubic-bezier(.16,1,.3,1);box-shadow:0 14px 32px rgba(20,29,43,.15)}.featured-estate.shown{opacity:1;transform:none}.featured-estate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}.featured-estate:hover>img{transform:scale(1.04)}.estate-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,15,25,.9),rgba(9,15,25,.08) 70%)}.estate-type,.estate-badge{position:absolute;top:20px;padding:.5rem .7rem;border-radius:999px;font-size:.55rem;font-weight:800;text-transform:uppercase}.estate-type{left:20px;background:rgba(255,255,255,.92);color:#20283a}.estate-badge{right:20px;background:#0fbf83}.featured-content{position:absolute;left:28px;right:28px;bottom:25px}.featured-content small{font-size:.65rem;color:#e4ce4a}.featured-content h2{margin:.6rem 0;font-size:2.4rem}.featured-content>p{max-width:470px;font-size:.73rem;line-height:1.55;color:rgba(255,255,255,.75)}.featured-content>div{display:flex;align-items:center;gap:28px;margin:1.3rem 0}.featured-content>div b{font-size:1.1rem;color:#e4ce4a}.featured-content>div span{font-size:.65rem}.featured-content>a{display:flex;justify-content:space-between;width:150px;padding:.75rem 1rem;border-radius:999px;background:#e4ce4a;color:#20283a;font-size:.65rem;font-weight:800;text-transform:uppercase}.featured-content i,.estate-card i{font-style:normal}.standard-grid{max-width:1280px;margin:28px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.estate-card{position:relative;padding-bottom:20px;border:1px solid #eaecf0;border-radius:18px;background:white;overflow:hidden;box-shadow:0 5px 18px rgba(25,35,52,.07);opacity:0;transform:translateY(20px);transition:.6s cubic-bezier(.16,1,.3,1)}.estate-card.shown{opacity:1;transform:none}.estate-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(25,35,52,.13)}.estate-card>div{position:relative;height:245px;overflow:hidden}.estate-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.estate-card:hover img{transform:scale(1.035)}.estate-card>div button{position:absolute;right:14px;top:14px;width:38px;aspect-ratio:1;border:0;border-radius:50%;background:white}.estate-card>div span{position:absolute;left:14px;top:14px;padding:.4rem .65rem;border-radius:999px;background:#243462;color:white;font-size:.52rem}.estate-card>small,.estate-card>h3,.estate-card>p,.estate-card>b{display:block;margin-left:20px;margin-right:20px}.estate-card>small{margin-top:18px;font-size:.58rem;color:#78828e}.estate-card h3{margin-top:.5rem;margin-bottom:.4rem;font-size:1.2rem}.estate-card p{font-size:.65rem;color:#7a8490}.estate-card>b{font-size:.9rem}.estate-card>a{display:flex;justify-content:space-between;margin:18px 20px 0;padding-top:14px;border-top:1px solid #eceef1;font-size:.65rem;font-weight:800}.estate-card>a i{display:grid;place-items:center;width:28px;aspect-ratio:1;border-radius:50%;background:#243462;color:white}.load-more{display:flex;gap:20px;align-items:center;margin:50px auto 90px;padding:1rem 1.4rem;border:1px solid #dfe3e8;border-radius:999px;background:white;font-size:.7rem;font-weight:800}.catalog-footer{padding:70px max(25px,5vw) 25px;background:white}.catalog-footer .footer-zones,.catalog-footer .footer-top,.catalog-footer .footer-bottom{max-width:1280px}.catalog-footer .footer-zones{margin-top:2rem;border-top:1px solid #e7e9ed}
@media(max-width:800px){.catalog-main{padding-top:90px}.catalog-intro{padding:50px 20px 30px;display:block}.catalog-intro h1{font-size:12vw}.catalog-counts{margin-top:2rem;gap:12px}.catalog-counts article{min-width:0}.catalog-counts b{font-size:1.4rem}.catalog-filter{position:relative;top:auto;margin:0 12px 25px;grid-template-columns:1fr 1fr;border-radius:17px}.keyword{grid-column:1/3;height:52px;border-right:0;border-bottom:1px solid #e7e9ed}.filter-select{border-bottom:1px solid #e7e9ed}.filter-select:nth-of-type(4){display:none}.more-filters{height:48px}.catalog-search{height:48px}.catalog-toolbar{padding:0 16px}.catalog-toolbar button span{display:none}.featured-grid{grid-template-columns:1fr;padding:0 12px}.featured-estate{height:510px}.featured-content h2{font-size:2rem}.standard-grid{grid-template-columns:1fr;padding:0 12px}.estate-card>div{height:260px}.catalog-footer{padding:60px 20px 20px}.catalog-footer .footer-top{grid-template-columns:1fr}.catalog-footer .footer-zones{grid-template-columns:1fr 1fr}}

/* Richer catalogue typography and property metadata */
.catalog-intro p{font-size:1rem;line-height:1.6}.catalog-filter{font-size:.86rem}.keyword input{font-size:.88rem;font-weight:500}.filter-select>button{font-size:.84rem;font-weight:600}.filter-select>div button{font-size:.82rem}.more-filters,.catalog-search{font-size:.8rem}.featured-content small{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700}.featured-content small:before,.estate-card>small:before{content:'●';color:#e4ce4a;font-size:.8rem}.featured-content>p{font-size:.86rem;line-height:1.65}.featured-content>div span{font-size:.74rem}.estate-card{padding-bottom:22px}.estate-card>div:first-child{height:245px;overflow:hidden}.estate-card>small{display:flex;align-items:center;gap:7px;margin-top:19px;font-size:.72rem;font-weight:700;color:#687483}.estate-card h3{font-size:1.35rem}.estate-card .card-description{min-height:42px;margin-top:.65rem;margin-bottom:.9rem;font-size:.78rem;line-height:1.5;color:#697584}.estate-card .card-facts{height:auto;min-height:48px;margin:0 20px 1rem;padding:.65rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:6px;overflow:visible;border:1px solid #edf0f3;border-radius:11px;background:#f7f8fa}.card-facts span{font-size:.62rem;font-weight:700;color:#657180;white-space:nowrap}.estate-card>b{font-size:1rem}.estate-card:after{content:attr(data-agent);position:absolute;right:20px;bottom:70px;width:38px;aspect-ratio:1;display:grid;place-items:center;border:3px solid white;border-radius:50%;background:linear-gradient(145deg,#344a60,#1a2638);color:white;font-size:.62rem;font-weight:800;box-shadow:0 5px 14px rgba(20,30,45,.2)}.estate-card>a{font-size:.72rem}.estate-card>a i{margin-left:auto}
@media(max-width:800px){.catalog-intro p{font-size:.88rem}.catalog-filter{font-size:.82rem}.keyword input,.filter-select>button{font-size:.8rem}.estate-card>div:first-child{height:260px}.estate-card .card-description{min-height:0}.estate-card .card-facts{height:auto}.card-facts span{font-size:.59rem}.featured-content>p{font-size:.8rem}}
.estate-card .card-facts span{position:static;display:inline;padding:0;border-radius:0;background:none;color:#657180;font-size:.62rem;font-weight:700;white-space:nowrap}

/* Property card hover response and clearer facts */
.estate-card .card-facts{min-height:58px;padding:.8rem 1rem;background:#f5f7f9;transition:background .35s,border-color .35s,transform .35s}.estate-card .card-facts span{font-size:.76rem;font-weight:800;letter-spacing:.005em}.estate-card h3{transition:color .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.estate-card:hover{transform:translateY(-7px);border-color:rgba(228,206,74,.5);box-shadow:0 22px 45px rgba(25,35,52,.16)}.estate-card:hover h3{color:#c3a900;transform:translateX(3px)}.estate-card:hover .card-facts{border-color:rgba(228,206,74,.42);background:rgba(228,206,74,.1);transform:translateY(-2px)}.estate-card:after{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.estate-card:hover:after{transform:translateY(-3px) scale(1.07);box-shadow:0 9px 20px rgba(20,30,45,.28)}
@media(max-width:800px){.estate-card .card-facts span{font-size:.7rem}.estate-card:hover{transform:none}.estate-card:hover h3{transform:none}}
