.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}@media (hover:hover){.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}
@media screen and (max-width:950px) and (max-height:600px) and (orientation:landscape){.floorplan-card .floor-img-wrapper{width:220px}}@media screen and (max-width:850px) and (max-height:600px) and (orientation:landscape){.floorplan-card .floor-btns .floor-btn.read-more{padding:12px}}@media screen and (max-width:810px) and (max-height:600px) and (orientation:landscape){.floorplan-card .floor-img-wrapper{width:180px}.floorplan-card .floor-img-wrapper .floor-img{width:150px}}@media screen and (max-width:700px) and (max-height:600px) and (orientation:landscape){.floorplan-card .floor-img-wrapper{width:170px}.floorplan-card .floor-img-wrapper .floor-img{width:150px}}
.floorplan-card-skeleton{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-skeleton .skeleton-image{background:linear-gradient(90deg,#d7dfdf 25%,#c3caca 50%,#d8dfdf 75%) 0 0/200% 100%;border-radius:2px;width:264px;height:184px;margin:0 auto;animation:1.5s infinite shimmer}.floorplan-card-skeleton .skeleton-info{flex-direction:column;gap:8px;display:flex}.floorplan-card-skeleton .skeleton-info .skeleton-title{background:linear-gradient(90deg,#d7dfdf 25%,#c3caca 50%,#d8dfdf 75%) 0 0/200% 100%;border-radius:2px;width:70%;height:24px;animation:1.5s infinite shimmer}.floorplan-card-skeleton .skeleton-info .skeleton-params{flex-direction:column;gap:12px;display:flex}.floorplan-card-skeleton .skeleton-info .skeleton-params .skeleton-param{background:linear-gradient(90deg,#d7dfdf 25%,#c3caca 50%,#d8dfdf 75%) 0 0/200% 100%;border-radius:2px;width:100%;height:20px;animation:1.5s infinite shimmer}.floorplan-card-skeleton .skeleton-buttons{justify-content:space-between;gap:8px;display:flex}.floorplan-card-skeleton .skeleton-buttons .skeleton-btn-icon{background:linear-gradient(90deg,#d7dfdf 25%,#c3caca 50%,#d8dfdf 75%) 0 0/200% 100%;border-radius:2px;width:44px;height:44px;animation:1.5s infinite shimmer}.floorplan-card-skeleton .skeleton-buttons .skeleton-btn-readmore{background:linear-gradient(90deg,#d7dfdf 25%,#c3caca 50%,#d8dfdf 75%) 0 0/200% 100%;border-radius:2px;flex:1;height:44px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
.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}.floor-card-wrapper .floor-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media screen and (max-width:760px) and (max-height:600px) and (orientation:landscape){.floor-card-wrapper .floor-card-grid{grid-gap:10px 12px;grid-template-columns:repeat(auto-fill,minmax(189px,1fr))}}