.floorplan-card{box-sizing:border-box;background-color:#fff;border:1px solid #a9b79f;border-radius:4px;flex-direction:column;gap:16px;max-width:100%;max-height:371px;padding:8px 16px 16px;display:flex}.floorplan-card .floor-img-wrapper{justify-content:center;align-items:center;width:264px;height:184px;margin:0 auto;display:flex;overflow:hidden}.floorplan-card .floor-img-wrapper:hover .floor-img{transition:all .3s;transform:scale(1.1)}.floorplan-card .floor-img-wrapper .floor-img{cursor:pointer;width:180px;height:auto!important}.floorplan-card .floor-info{flex-direction:column;gap:8px;display:flex}.floorplan-card .floor-info .floor-title{color:#111;font-family:Montserrat;font-size:18px;font-weight:400}.floorplan-card .floor-info .floor-params-con{flex-direction:column;gap:12px;display:flex}.floorplan-card .floor-info .floor-params-con .floor-param{justify-content:space-between;display:flex}.floorplan-card .floor-info .floor-params-con .floor-param .param-badge{color:#727171;font-family:Montserrat}.floorplan-card .floor-info .floor-params-con .floor-param .status-text{color:#fff;border-radius:2px;padding:4px 8px}.floorplan-card .floor-info .floor-params-con .floor-param .status-text.Available{background-color:#52703f}.floorplan-card .floor-info .floor-params-con .floor-param .status-text.Reserved{background-color:#a3ac99}.floorplan-card .floor-info .floor-params-con .floor-param .status-text.Sold{background-color:#a20}.floorplan-card .floor-info .floor-params-con .floor-param .size-text{color:#727171;font-family:Montserrat}.floorplan-card .floor-btns{justify-content:space-between;display:flex}.floorplan-card .floor-btns .button-wrapper{align-items:center;display:flex;position:relative}.floorplan-card .floor-btns .button-wrapper .hint{opacity:0;pointer-events:none;background-color:#fffc;border:1px solid #fff3;border-radius:2px;width:max-content;padding:8px;font-family:Montserrat;font-size:12px;transition:all .3s;position:absolute;transform:translate(-110%)}.floorplan-card .floor-btns .button-wrapper .hint.active{opacity:1}.floorplan-card .floor-btns .floor-btn{color:#3e2b24;border:1px solid #3e2b24;border-radius:2px;font-family:Josefin Sans;font-size:16px;font-weight:400}.floorplan-card .floor-btns .floor-btn.fav{width:44px;height:44px}.floorplan-card .floor-btns .floor-btn.fav:hover .btn-icon path{fill:#d6cdb4;transition:all .3s}.floorplan-card .floor-btns .floor-btn.read-more{cursor:pointer;background-color:#0000;padding:12px 43px;transition:background-color .3s}.floorplan-card .floor-btns .floor-btn.read-more:hover{background-color:#f5f5f5}
.floor-card-wrapper{width:100%;margin:0 76px 0 0;position:relative}.floor-card-wrapper .unit-counter{color:#3f4042;font-family:Montserrat;position:absolute;top:-30px}.floor-card-wrapper .floor-card-grid{grid-gap:16px 24px;grid-template-columns:repeat(auto-fill,minmax(298px,1fr));align-content:start;width:100%;height:calc(100dvh - 110px);max-height:max-content;display:grid;overflow-y:auto}.floor-card-wrapper .floor-card-grid::-webkit-scrollbar{background-color:#000;width:4px}.floor-card-wrapper .floor-card-grid::-webkit-scrollbar-thumb{cursor:pointer;background-color:#777;height:100px}
@media screen and (max-width:10240px) and (orientation:portrait){.floor-card-grid{grid-template-columns:repeat(auto-fill,minmax(298px,450px));justify-content:center;margin:0 auto}}@media screen and (max-width:600px) and (orientation:portrait){.floor-card-wrapper .unit-counter{display:none}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.floor-card-wrapper .unit-counter{display:none}}