/* Villa page — picture-specific values only; the sections themselves live in /shared/css/solution-page.css */
.property-map{--pm-ratio:1500/695}
.zone-state{--zs-ratio:1672/941}
.pm-marker--main{left:48%;top:22%}
.pm-marker--perimeter{left:34%;top:76%}
.pm-marker--garage{left:76%;top:40%}
.pm-marker--technical{left:89%;top:70%}
.pm-marker--water{left:32%;top:58%}
.pm-marker--temp{left:18%;top:38%}
.zone-overlay--perimeter{inset:0;border:0;border-radius:0;clip-path:polygon(0 47%,8% 33%,32% 21%,66% 20%,79% 33%,100% 44%,100% 72%,72% 97%,41% 80%,0 59%);background:rgba(42,209,204,.2)}
.zone-overlay--house{left:32%;top:20.5%;width:34.5%;height:26%;background:rgba(44,147,255,.24);border-color:rgba(110,190,255,.7)}
.zone-overlay--storage{left:7.5%;top:30%;width:16.5%;height:16%;background:rgba(42,209,204,.24);border-color:rgba(100,236,228,.7)}
.zone-overlay--technical{left:78.5%;top:34%;width:12.5%;height:21%;background:rgba(110,220,100,.24);border-color:rgba(150,240,140,.7)}
.zone-marker--house{left:49%;top:20%}
.zone-marker--storage{left:15.5%;top:29%}
.zone-marker--technical{left:85%;top:33%}
.zone-marker--perimeter{left:25%;top:68%}
@media(max-width:700px){.zone-marker--house{top:25%}.zone-marker--storage{top:30%}.zone-marker--perimeter{top:70%}}