/* Use the supplied cutouts with their original transparency and colour. */
.amenity.compact .amenity-photo>img,.product-pair img{mix-blend-mode:normal}

/* The introductory map follows each device's supplied artwork. */
#mapOverview{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;padding:0;border:0;border-radius:0;overflow:hidden;background:#fff;cursor:zoom-in}
#mapOverview picture{display:block;width:100%}
#mapOverview img{display:block;width:100%;height:auto;aspect-ratio:1784/882;object-fit:contain;filter:none}

/* Full viewport map, without the photograph viewer's header or controls. */
#mapDetail{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;overflow:hidden;overscroll-behavior:contain}
#mapDetail[open]{display:block}
#mapDetail::backdrop{background:#fff}
#mapDetailSurface{display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:#fff;cursor:zoom-out;touch-action:pinch-zoom;-webkit-tap-highlight-color:transparent}
#mapDetailSurface:focus-visible{outline-offset:-3px}
#mapDetail picture{display:block;width:100%;height:100%}
#mapDetailImage{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:none;pointer-events:none;user-select:none;-webkit-user-drag:none}
@media(max-width:700px), (max-width:1000px) and (pointer:coarse){
 #mapOverview img{aspect-ratio:1024/1536}
}