/* Bits mietradar ships inline (not in its compiled stylesheet). */
@keyframes mr-float { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-14px) } }
@keyframes mr-pop { 0% { opacity: 0; transform: translateY(10px) scale(.96) } 100% { opacity: 1; transform: translateY(0) scale(1) } }
@media (prefers-reduced-motion: reduce) { .mr-float, .mr-pop { animation: none !important } }
[data-gallery-track] { transition: transform .5s cubic-bezier(.22,1,.36,1); }
[data-gallery-item] { min-width: 0; }

/* Price pins on the maps (copied from mietradar's leaflet divIcon inline style). */
.mr-pin { display:inline-flex; align-items:center; white-space:nowrap; padding:4px 10px; border-radius:9999px; font-weight:700; font-size:12px; font-family:var(--font-sans),sans-serif; background:var(--color-card); color:var(--color-foreground); border:1px solid var(--color-primary); box-shadow:0 2px 8px rgba(0,0,0,0.18); transform:translate(-50%,-50%); }
.mr-pin--active { background:var(--color-primary); color:var(--color-primary-foreground); }
.leaflet-div-icon { background: transparent; border: 0; }
.leaflet-popup-content-wrapper { border-radius: 12px; }
.leaflet-popup-content { margin: 10px; }

/* Locked content (photos / description) until the visitor completes the access modal. */
html.mr-unlocked [data-gate] { display: none !important; }
html.mr-unlocked [data-gated] { filter: none !important; transform: none !important; pointer-events: auto !important; user-select: auto !important; }