/* =========================================================
   ТОПО / Живое обновление каталога
========================================================= */

.catalog-v2 [data-catalog-results-region]{
    position:relative;
}

.catalog-v2 [data-catalog-results-list],
.catalog-v2 [data-catalog-results-head-host],
.catalog-v2 [data-catalog-pagination-host],
.catalog-v2 .catalog-object-side{
    transition:opacity .16s ease;
}

.catalog-v2.is-updating [data-catalog-results-list],
.catalog-v2.is-updating [data-catalog-results-head-host],
.catalog-v2.is-updating [data-catalog-pagination-host]{
    opacity:.48;
    pointer-events:none;
}

.catalog-v2.is-updating [data-catalog-results-region]::before{
    content:"";
    position:absolute;
    z-index:20;
    top:-2px;
    left:0;
    width:34%;
    height:3px;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        transparent,
        var(--color-accent, #e7532f),
        transparent
    );
    animation:catalog-results-loading .85s ease-in-out infinite;
}

.catalog-object-side__ajax-empty{
    padding:22px 18px;
    border:1px solid var(--color-border);
    border-radius:14px;
    background:rgba(255,255,255,.72);
    color:var(--color-muted);
    text-align:center;
}

@keyframes catalog-results-loading{
    0%{
        left:0;
        opacity:.35;
    }

    50%{
        opacity:1;
    }

    100%{
        left:66%;
        opacity:.35;
    }
}

@media (prefers-reduced-motion:reduce){
    .catalog-v2 [data-catalog-results-list],
    .catalog-v2 [data-catalog-results-head-host],
    .catalog-v2 [data-catalog-pagination-host],
    .catalog-v2 .catalog-object-side{
        transition:none;
    }

    .catalog-v2.is-updating [data-catalog-results-region]::before{
        animation:none;
        left:0;
        width:100%;
    }
}