:root{--building-color:#ff9800;--house-color:#0288d1;--shop-color:#7b1fa2;--warehouse-color:#558b2f}body,html{height:100%;margin:0;padding:0}#map{height:800px;width:100%}.property{align-items:center;background-color:#fff;border-radius:50%;color:#263238;display:flex;font-size:14px;gap:15px;height:30px;justify-content:center;padding:4px;position:relative;transform:translateY(-9px);width:30px}.property,.property:after{transition:all .3s ease-out}.property:after{border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #fff;content:"";height:0;left:50%;position:absolute;top:95%;transform:translate(-50%);width:0;z-index:1}.property .icon{align-items:center;color:#fff;display:flex;justify-content:center}.property .icon svg{height:20px;width:auto}.property .details{display:none;flex:1;flex-direction:column}.property .address{color:#9e9e9e;font-size:10px;margin-bottom:10px;margin-top:5px}.property .features{align-items:flex-end;display:flex;flex-direction:row;gap:10px}.property .features>div{align-items:center;background:#f5f5f5;border:1px solid #ccc;border-radius:5px;display:flex;font-size:10px;gap:5px;padding:5px}.property.highlight{background-color:#fff;border-radius:8px;box-shadow:10px 10px 5px rgba(0,0,0,.2);height:80px;padding:8px 15px;width:auto}.property.highlight:after{border-top:9px solid #fff}.property.highlight .details{display:flex}.property.highlight .icon svg{height:50px;width:50px}.property .bed{color:#ffa000}.property .bath{color:#03a9f4}.property .size{color:#388e3c}.property.highlight:has(.fa-house) .icon{color:var(--house-color)}.property:not(.highlight):has(.fa-house){background-color:var(--house-color)}.property:not(.highlight):has(.fa-house):after{border-top:9px solid var(--house-color)}.property.highlight:has(.fa-building) .icon{color:var(--building-color)}.property:not(.highlight):has(.fa-building){background-color:var(--building-color)}.property:not(.highlight):has(.fa-building):after{border-top:9px solid var(--building-color)}.property.highlight:has(.fa-warehouse) .icon{color:var(--warehouse-color)}.property:not(.highlight):has(.fa-warehouse){background-color:var(--warehouse-color)}.property:not(.highlight):has(.fa-warehouse):after{border-top:9px solid var(--warehouse-color)}.property.highlight:has(.fa-shop) .icon{color:var(--shop-color)}.property:not(.highlight):has(.fa-shop){background-color:var(--shop-color)}.property:not(.highlight):has(.fa-shop):after{border-top:9px solid var(--shop-color)}.center-location-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.center-btn{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.center-btn:hover{background-color:#0052a3}.map-wrapper{position:relative}.property-modal{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:10}.modal-inner{padding:24px}.modal-content{background-color:#fefefe;border:none;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);margin:5% auto;max-width:1000px;opacity:0;padding:0;position:relative;width:90%}.close-modal{align-items:center;background-color:#d32f2f;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:400;height:32px;justify-content:center;line-height:1;position:absolute;right:15px;top:15px;transition:background-color .2s;width:32px;z-index:20}.close-modal:focus,.close-modal:hover{background-color:#b71c1c}#modal-body-{padding:20px 30px 30px}.modal-property-price{color:#06c;font-size:24px;font-weight:700;margin-bottom:10px}.modal-property-address{color:#333;font-size:16px;margin-bottom:15px}.modal-column-main{justify-content:space-between}.modal-property-title{font-family:Nexa;font-size:24px;font-style:normal;font-weight:700;letter-spacing:-.192px;line-height:36px;margin-bottom:3rem}.modal-column-intro{display:flex;flex-direction:column;gap:1rem}.modal-property-headline{font-family:Nexa;font-size:22px;letter-spacing:-.3px;line-height:34px}.modal-property-description,.modal-property-headline{color:var(--Dark-grey,#1d1a17);font-style:normal;font-weight:400}.modal-property-description{font-size:16px;line-height:30px}.modal-property-stats-title{font-family:Nexa;font-size:22px;font-style:normal;font-weight:400;letter-spacing:-.3px;line-height:34px}.modal-property-stats-description{font-size:16px;font-style:normal;font-weight:400;line-height:30px}.modal-property-type{background-color:#f0f0f0;border-radius:20px;color:#666;display:inline-block;font-size:12px;padding:5px 15px}.properties-list{max-height:100%;overflow-y:auto;padding:20px}.properties-list h3{font-size:1.5rem;margin-bottom:15px}.property-item{border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .3s ease}.property-item:hover{background-color:#f5f5f5;border-color:#06c;transform:translateX(5px)}.property-item-name{color:#333;font-weight:700;margin-bottom:5px}.property-item-price{color:#06c;font-size:1.1rem}.row{display:flex}.col-4{width:33%}.col-8{width:66%}.col-12{width:100%}.modal-grid-layout{display:flex;flex-wrap:wrap;gap:2rem;width:100%}.modal-column{display:flex;flex:1;flex-direction:column;gap:1rem;min-width:250px}.modal-column-image{display:flex;flex:1.5;min-width:300px}.modal-column-image img{border-radius:var(--br-img);display:block;height:100%;max-height:400px;object-fit:cover;width:100%}.modal-column .modal-property-button{display:flex}.scholt-content-top__button.modal-property-button--mobile{display:none}.property-modal.is-opening{animation:fadeIn .3s ease-out forwards}.property-modal.is-opening .modal-content{animation:slideUp .4s ease-out forwards}.property-modal.is-closing{animation:fadeOut .3s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.modal-column .modal-property-button{display:none}.scholt-content-top__button.modal-property-button--mobile{display:flex;margin-top:3rem}body.modal-is-open{height:100vh;overflow:hidden!important}.property-modal{bottom:0;position:fixed;top:auto}.modal-content{border-radius:16px 16px 0 0;bottom:0;margin:0;max-height:80vh;max-width:none;overflow-y:auto;padding:0;position:fixed;width:auto}.modal-grid-layout{flex-direction:column}}