.catalog {
    display:flex;
    gap:32px;
    width:90%;
    max-width:1280px;
    margin:56px auto 75px;
    position:relative;
    align-items:flex-start;
}
.catalog-main {
    flex:1;
    min-width:0;
}
.catalog-sidebar {
    width:280px;
    flex-shrink:0;
    min-width:0;
}
.catalog-loading {
    position:absolute;
    inset:0;
    z-index:80;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:14px;
    padding:110px 25px;
    background:#f1f4eceb;
}
.catalog-loading>span {
    position:sticky;
    top:120px;
}
#productList {
    overflow-anchor:none;
}
#productList.is-loading {
    pointer-events:none;
}
.catalog-error,.catalog-status {
    padding:28px;
    border:1px solid var(--line);
    background:white;
}
.catalog-error {
    border-left:3px solid #a34e37;
    color:#a34e37;
    margin-bottom:18px;
}
@media(max-width:1100px) {
    .catalog-sidebar {
        width:250px;
    }
    .catalog {
        gap:22px;
    }
}
@media(max-width:900px) {
    .catalog {
        flex-direction:column;
        margin-top:35px;
    }
    .catalog-main,.catalog-sidebar {
        width:100%;
    }
    .catalog-loading {
        padding-top:100px;
    }
}
@media(max-width:640px) {
    .catalog {
        width:calc(100% - 36px);
        margin-bottom:45px;
        gap:22px;
    }
}