.property__host{background-color:var(--white);border:solid .1rem var(--light-gray);border-radius:1rem;flex-direction:column;gap:.8rem;width:34.5rem;height:min-content;padding:2.4rem;display:flex}.property__host h2{font-weight:var(--font-weight-500);font-size:1.6rem}.property__host div{align-items:center;gap:1.8rem;padding-block:1.6rem;font-size:1.6rem;display:flex}.property__host img{border-radius:1rem}.property__host span{background:var(--light-gray);border-radius:1rem;justify-content:center;align-items:center;gap:.4rem;padding:.8rem;display:flex}.property__host a{width:auto}@media (max-width:768px){.property__host{width:auto}}
.image-gallery{--transition-timing:.25s;--button-position-size:3rem;-webkit-backdrop-filter:blur(.25rem)saturate(150%);backdrop-filter:blur(.25rem)saturate(150%);overscroll-behavior:contain;opacity:0;width:100%;max-width:97.1rem;height:70%;transition:opacity var(--transition-timing) ease, transform var(--transition-timing) ease, overlay var(--transition-timing) ease allow-discrete, display var(--transition-timing) ease allow-discrete;background-color:#e0c1ba4f;border:none;border-radius:1rem;justify-content:center;align-items:center;margin:auto;padding:1rem;display:none;transform:scale(.92)}.image-gallery::backdrop{-webkit-backdrop-filter:blur(.25rem)saturate(150%);backdrop-filter:blur(.25rem)saturate(150%);opacity:0;transition:opacity var(--transition-timing) ease, overlay var(--transition-timing) ease allow-discrete, display var(--transition-timing) ease allow-discrete;background-color:#e0c1ba4f}.image-gallery[open]{opacity:1;display:flex;transform:scale(1)}.image-gallery[open]::backdrop{opacity:.7}@starting-style{.image-gallery[open]{opacity:0;transform:scale(.92)}.image-gallery[open]::backdrop{opacity:0}}.image-gallery button{cursor:pointer;transition:background-color var(--transition-timing) ease;background-color:#fff4;border:none;border-radius:100%;justify-content:center;align-items:center;padding:1rem;display:flex}.image-gallery button:not(.close){-webkit-backdrop-filter:blur(.25rem)saturate(150%);backdrop-filter:blur(.25rem)saturate(150%)}.image-gallery button:hover{background-color:#e0c1ba4f}.image-gallery button:not(.close):disabled{opacity:.3;cursor:wait}.image-gallery svg{width:3rem;height:3rem}.image-gallery .close{position:absolute;top:1rem}.image-gallery .previous{left:var(--button-position-size);width:fit-content;height:fit-content;position:absolute}.image-gallery .next{right:var(--button-position-size);width:fit-content;height:fit-content;position:absolute;transform:rotate(180deg)}.image-gallery img{object-fit:cover;object-fit:cover;aspect-ratio:1;-webkit-user-select:none;user-select:none;opacity:0;border-radius:1rem;max-width:100%;max-height:100%;transition:opacity .5s}.image-gallery img.is-loaded{opacity:1}.image-gallery .loading-spinner{border:.3rem solid var(--medium-orange);border-top-color:var(--main-red,#ff6060);border-radius:50%;width:4rem;height:4rem;margin:auto;animation:.8s linear infinite spin,.2s .2s both fadeInLoader;position:absolute;inset:0}.image-gallery .image-counter{color:var(--dark-gray);background-color:var(--light-gray);border-radius:1rem;padding:.8rem 1.6rem;position:absolute;bottom:2rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInLoader{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.image-gallery button{--button-position-size:2rem}}@media (max-width:576px){.image-gallery button{--button-position-size:0;align-self:end}}
.property__pictures{grid-template-rows:repeat(2,17.4rem);grid-template-columns:repeat(4,minmax(auto,14.6rem));gap:1rem;display:grid}.property__pictures a{border-radius:1rem}.property__pictures a:first-child{grid-area:1/1/3/3}.property__pictures img{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:1rem;width:100%;height:100%}@media (max-width:768px){.property__pictures{grid-template-rows:minmax(auto,42.1rem) minmax(auto,10.9rem);grid-template-columns:repeat(4,auto)}.property__pictures a:first-child{grid-area:1/1/2/-1}}
.property{grid-template-rows:repeat(3,minmax(auto,max-content));grid-template-columns:repeat(3,1fr);gap:2.4rem 1rem;max-width:97.1rem;margin-block:4.6rem;display:grid}.property>a{width:fit-content;color:var(--dark-gray);background-color:var(--light-gray);border-radius:1rem;grid-area:1/1/2/4;align-items:center;gap:.7rem;padding:.8rem 1.6rem;text-decoration:none;display:flex}.property .property__pictures{grid-area:2/1/2/3}.property .property__host{grid-area:2/3/3/4}.property .property__details{grid-area:3/1/4/3}@media (max-width:768px){.property{margin-block:0;display:flex}}