.unit-detail-image-wrapper{position:relative;width:100%;height:clamp(420px,70vh,760px);border-radius:16px;overflow:hidden;background-color:#f3f4f6;box-shadow:0 8px 28px rgba(0,0,0,.08)}.unit-detail-image-wrapper.two-images{display:flex;overflow:hidden}.unit-detail-image-wrapper.two-images .ui-img,.unit-detail-image-wrapper.two-images img{flex:1;height:100%;object-fit:cover;border-radius:16px}.unit-detail-image-wrapper.collage{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;height:100%;align-items:stretch}.unit-detail-image-wrapper.collage.four-only{grid-template-columns:3fr 1.5fr}.collage-left{height:100%}.collage-left,.collage-right .tile{position:relative;width:100%;border-radius:16px;overflow:hidden}.ui-img,.unit-detail-image-wrapper .no-image,.unit-detail-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;cursor:pointer;transform:scale(1);transition:transform .22s ease}.collage-left:hover .ui-img,.collage-right .tile:hover .ui-img{transform:scale(1.03)}.unit-detail-image-wrapper.two-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%}.unit-detail-image-wrapper.two-images>.ui-img,.unit-detail-image-wrapper.two-images>img{width:100%;height:100%;object-fit:cover;border-radius:16px;min-width:0}.collage-right.stack-vertical{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:100%;min-height:0}.collage-right.stack-vertical-three{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;height:100%;min-height:0}.collage-right.grid-2x2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:100%}.collage-right.grid-2x2 .tile.last .ui-img{filter:brightness(.78)}.collage-right.grid-2x2 .more-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(18px,2.6vw,34px);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}.unit-detail-image-wrapper .image-slider{display:flex;height:100%;width:100%;transition:transform .3s ease-in-out}.unit-detail-image-wrapper .image-slider .ui-img,.unit-detail-image-wrapper .image-slider img{flex:0 0 100%}.unit-detail-image-wrapper .image-indicators{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:2}.unit-detail-image-wrapper .image-indicators .indicator{width:8px;height:8px;border-radius:50%;background-color:rgba(255,255,255,.55)}.unit-detail-image-wrapper .image-indicators .indicator.active{background-color:rgba(255,255,255,.95)}.unit-detail-image-wrapper .no-image{background-color:#e9d5ff}.unit-detail-image-wrapper .img-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.8);background-image:url(/property-card-left-icon.svg);background-repeat:no-repeat;background-position:50%;background-size:100%;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border-radius:50%;transition:background .2s,box-shadow .2s;padding:0;box-shadow:0 6px 20px rgba(0,0,0,.15)}.unit-detail-image-wrapper .img-arrow:hover{background-image:url(/property-card-left-icon-hover.svg);background-color:#fff}.unit-detail-image-wrapper .img-arrow.left{left:10px;transform:translateY(-50%) rotate(180deg)}.unit-detail-image-wrapper .img-arrow.right{right:10px}.ui-img.portrait{object-fit:contain;background:#f3f4f6}@media (max-width:768px){.unit-detail-image-wrapper{height:350px;width:calc(100% + 2rem);margin:0 -1rem;border-radius:12px}.unit-detail-image-wrapper .img-arrow.left{left:16px}.unit-detail-image-wrapper .img-arrow.right{right:16px}}