.cataloguelist{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--wp--preset--spacing--60);
}
    .cataloguelist_header{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        width: 100%;
        padding: var(--wp--preset--spacing--65);
        background: var(--wp--preset--color--nv-grey-light);
    }
        .cataloguelist_title{
            text-align: center;
        }
        .cataloguelist_ship{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: flex-end;
            gap: 10px;
            width: 100%;
        }
            .cataloguelist_ship-field{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 5px;
            }
                .cataloguelist_ship-field-label{
                    color: var(--wp--preset--color--nv-blue-dark);
                    font-size: 12px;
                    font-weight: 600;
                    text-transform: uppercase;
                }
                .cataloguelist_ship-field-select{
                    width: 300px;
                    height: 40px;
                    border: 0;
                    padding: 0 10px;
                    background: var(--wp--preset--color--nv-white);
                }
                .cataloguelist_ship-field-submit{
                    height: 40px;
                    padding: 0 20px;
                    border: 0;
                    background: var(--wp--preset--color--nv-grey);
                    color: var(--wp--preset--color--nv-white);
                    font-size: 15px;
                    font-weight: 800;
                    text-transform: uppercase;
                    cursor: pointer;
                    transition: background .2s ease-in-out;
                }
                .cataloguelist_ship-field-submit:not([disabled]):hover{
                    background: var(--wp--preset--color--nv-blue-cyan);
                }
                .cataloguelist_ship-field-submit[disabled]{
                    cursor: default;
                    opacity: 0.5;
                }
    .cataloguelist_main{
        display: flex;
        flex-direction: row;
        width: 100%;
    }
        .cataloguelist_filters{
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            gap: 20px;
            width: 300px;
            padding-right: 30px;
            border-right: 1px solid rgba(0, 0, 0, 0.3);
            margin-right: 30px;
        }
            .cataloguelist_filter{
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
                .cataloguelist_filter-title{
                    font-size: 20px;
                    font-weight: bold;
                }
                .cataloguelist_filter-checkboxes{
                    display: flex;
                    flex-direction: column;
                }
                    .cataloguelist_filter-checkbox{
                    }
                        .cataloguelist_filter-checkbox input{
                        }
                        .cataloguelist_filter-checkbox label{
                        }
        .cataloguelist_items{
            flex-grow: 1;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 30px;
        }
            .cataloguelist_item{
                width: calc((100% - (2 * 30px)) / 3);
            }
                .cataloguelist_item > *{
                    height: 100%;
                }

@media (max-width: 1280px) {

    .cataloguelist_ship{
        flex-wrap: wrap;
    }
    .cataloguelist_ship-field-select{
        width: 280px;
    }
    .cataloguelist_item{
        width: calc((100% - 30px) / 2);
    }

}

@media (max-width: 1024px) {

    .cataloguelist_header{
        margin-bottom: 30px;
    }
    .cataloguelist_ship{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .cataloguelist_ship-field{
        max-width: 100%;
    }
    .cataloguelist_ship-field-select{
        max-width: 100%;
    }
    .cataloguelist_filters{
        display: none;
    }

}

@media (max-width: 600px) {

    .cataloguelist_item{
        width: 100%;
    }

}