/* LA MELA DI EVA - Fase 20E - anteprime profilo.
   Le miniature mantengono proporzioni stabili per il lazy-loading,
   senza ritagliare le fotografie e senza toccare gli URL privati. */
.detail-gallery {
    align-content: start;
    align-items: start;
}
.detail-gallery > .detail-photo:not(.detail-photo-missing) {
    position: relative;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 164px;
    height: auto;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: #f5eef1;
}
.detail-gallery > .detail-photo.detail-photo-primary:not(.detail-photo-missing) {
    min-height: 250px;
    aspect-ratio: 4 / 3;
}
.detail-gallery > .detail-photo > img.detail-listing-photo {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center;
    visibility: visible;
    opacity: 1;
    transform: none;
}
.detail-gallery > .detail-photo:hover > img.detail-listing-photo {
    transform: none;
}
.detail-gallery > .detail-photo > img.media-watermark {
    position: absolute;
    inset: auto 10px 10px auto;
    width: clamp(52px,18%,105px);
    height: auto;
    max-width: 105px;
    max-height: 22%;
    object-fit: contain;
    z-index: 5;
    pointer-events: none;
}
.detail-gallery > .detail-photo > .detail-no-photo-fallback[hidden] {
    display: none !important;
}
@media (max-width: 620px) {
    .detail-gallery > .detail-photo:not(.detail-photo-missing) {
        min-height: 130px;
    }
    .detail-gallery > .detail-photo.detail-photo-primary:not(.detail-photo-missing) {
        min-height: 210px;
    }
}