.home-properties{max-width:1192px;margin:0 auto;padding:64px 24px;box-sizing:border-box}
.home-properties .home-intro{padding:0;text-align:left;margin:0 0 32px;max-width:none}
.home-property-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;scrollbar-width:none;padding:0 0 16px}
.home-property-list::-webkit-scrollbar,.home-properties .related-images::-webkit-scrollbar{display:none}
.home-property-list>article{flex:0 0 calc(100% - 24px);scroll-snap-align:start;min-width:0;position:relative;background:#fff}
.home-properties .related-gallery{position:relative;z-index:2;aspect-ratio:3/2;overflow:hidden}
.home-properties .related-images{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}
.home-properties .related-images img{display:block;width:100%;height:100%;flex:0 0 100%;object-fit:cover;scroll-snap-align:start;user-select:none}
.home-properties .related-gallery>button{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;display:none;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#fff;color:#0d0d0d;box-shadow:0 4px 8px #0000003d;z-index:3}
.home-properties .related-image-prev{left:12px}.home-properties .related-image-next{right:12px}
.home-properties .related-image-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;max-width:80%;overflow:hidden;z-index:3}
.home-properties .related-image-dots button{width:24px;min-width:8px;height:16px;padding:0;border:0;background:transparent;position:relative}
.home-properties .related-image-dots button::after{content:'';position:absolute;top:7px;left:0;right:0;height:2px;background:#ffffff70}
.home-properties .related-image-dots button[aria-current=true]::after{background:#fff}
.home-properties .property-new{position:absolute;top:16px;left:16px;background:#427300;color:#fff;padding:5px 9px;font-size:12px;font-weight:700;letter-spacing:1.5px;pointer-events:none;z-index:4}
.home-properties [hidden]{display:none!important}
.home-properties [data-testid="search-components_result-card_favourite-button"]{z-index:5!important;pointer-events:auto!important}
.home-properties [data-testid="search-components_result-card_favourite-button"][aria-pressed=true] svg{fill:#ffa31a;stroke:#ffa31a}
.home-properties .property-open{position:absolute;inset:0;z-index:1}
.home-properties .property-open:focus-visible{outline:2px solid #ffa31a;outline-offset:3px}
@media(min-width:600px){.home-property-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;overflow:visible}.home-properties .property-new{font-size:14px;padding:8px 16px}}
@media(min-width:905px){.home-properties{padding:96px 24px}.home-property-list{grid-template-columns:repeat(3,minmax(0,1fr))}.home-properties .related-gallery>button{display:flex;opacity:0;transition:opacity .15s}.home-properties .related-gallery:hover>button,.home-properties .related-gallery:focus-within>button{opacity:1}}

.ms-commission-ribbon{position:absolute;top:0;right:0;width:160px;height:160px;overflow:hidden;pointer-events:none;z-index:3}.ms-commission-ribbon>span{position:absolute;top:35px;right:-52px;width:226px;padding:9px 0;background:#ffa31a;color:#292929;font-size:14px;font-weight:600;line-height:20px;text-align:center;transform:rotate(45deg);box-shadow:0 2px 5px #0003}

/* First-image card badges and contained image indicators. */

.related-images>.ms-card-slide{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;overflow:hidden}
.related-images>.ms-card-slide>img{display:block;width:100%;height:100%;object-fit:cover;user-select:none}
.related-gallery .related-image-dots{display:flex;justify-content:center;width:calc(100% - 32px);max-width:80%;gap:6px;overflow:hidden}
.related-gallery .related-image-dots>button{flex:1 1 0;min-width:0;max-width:24px;width:24px;height:16px;padding:0;border:0;background:transparent;position:relative}
.related-gallery .related-image-dots>button::after{content:'';position:absolute;top:7px;left:0;right:0;height:2px;background:#ffffff70}
.related-gallery .related-image-dots>button[aria-current=true]::after{background:#fff}
.related-gallery .ms-commission-ribbon{top:0;right:0;width:100px;height:100px;z-index:3;overflow:hidden}
.related-gallery .ms-commission-ribbon>span{top:22px;right:-52px;width:180px;padding:6px 0;font-size:13px;line-height:20px;transform:rotate(45deg)}
