.vr-immo-loading-host { position: relative; }

.vr-immo-loading-host.is-loading > .inx-property-list {
    opacity: .35;
    filter: blur(1.5px);
    transition: opacity .18s ease, filter .18s ease;
    pointer-events: none;
}

.vr-immo-loader {
    position: absolute;
    inset: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: clamp(40px, 12vh, 140px);
    gap: 14px;
    z-index: 20;
}

.vr-immo-loading-host.is-loading > .vr-immo-loader { display: flex; }

.vr-immo-loader__spinner {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 3px solid rgba(13, 69, 140, .18);
    border-top-color: #ff7a1a;
    animation: vrImmoSpin .7s linear infinite;
}

.vr-immo-loader__text {
    font-size: 14px;
    font-weight: 600;
    color: #0d458c;
    background: rgba(255, 255, 255, .92);
    padding: 7px 16px;
    border-radius: 999px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .08);
}

@keyframes vrImmoSpin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .vr-immo-loader__spinner { animation-duration: 2.4s; }
    .vr-immo-loading-host.is-loading > .inx-property-list { filter: none; }
}
