/* Villa Tanya: galerija grupisana po kucama (redovi iste visine, bilo koji odnos stranica) */
.Villa-Gallery { width: 100%; max-width: 1600px; margin: 0 auto; padding: 36px 10px 0; box-sizing: border-box; }
.Villa-Gallery-title {
    text-align: center;
    margin: 56px 0 22px;
    font-size: 34px;
    font-weight: 600;
    color: #d8742d;
}
.Villa-Row { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.Villa-Row li {
    --h: 260px;
    flex: calc(var(--ar) * 100) 1 calc(var(--ar) * var(--h));
    min-width: 0;
    position: relative;
    overflow: hidden;
    background: #e8e2d8;
}
.Villa-Row li::before { content: ""; display: block; padding-bottom: calc(100% / var(--ar)); }
.Villa-Row li a { position: absolute; inset: 0; display: block; line-height: 0; }
.Villa-Row li img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; transition: transform 0.6s ease;
}
.Villa-Row li a:hover img { transform: scale(1.03); }
.Villa-Row li.Villa-fill { flex-grow: 120; flex-basis: 0; background: none; }
.Villa-Row li.Villa-fill::before { display: none; }
@media (min-width: 1300px) { .Villa-Row li { --h: 320px; } }
@media (max-width: 599px) {
    .Villa-Gallery { padding: 0 6px; }
    .Villa-Gallery-title { font-size: 28px; margin: 40px 0 16px; }
    .Villa-Row { gap: 6px; }
    .Villa-Row li { flex: 1 1 100%; --h: 220px; }
    .Villa-Row li.Villa-fill { display: none; }
}
@media (prefers-reduced-motion: reduce) { .Villa-Row li img { transition: none; } .Villa-Row li a:hover img { transform: none; } }