.b_catalog{
    .catalog_search_form{
        margin-bottom: 10px;

        position: sticky;
        z-index: 50;
        top: var(--header-height);
        background: #fff;

        @media(min-width: 1024px){
            .secondary_btn{
                display: none;
            }
        }

        @media(max-width: 1024px){
            .secondary_btn{
                height: 34px;
                --padding: 6px 9px;
                position: relative;
            }
            .secondary_btn[data-count]::after{
                content: attr(data-count);

                background: #ff0000;
                border-radius: 50%;

                position: absolute;
                inset: -2px 27px auto auto;

                width: 15px;
                height: 15px;

                font-size: 10px;
                color: #fff;

                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .field_container[data-name="search_txt"]{
            flex-grow: 1;
            --btn-width: 28px;

            .s_input_icon_i_btn{
                border: none;
                border-bottom: 1px solid var(--green-darker-clr);
                border-radius: 0;
                box-shadow: none;

                /*&:hover{
                    border-bottom: 1px solid var(--green-darker-clr);
                }*/
            }
            /*.s_input_icon_i_btn::after{
                content: '';
                position: absolute;

                inset: 39px auto auto 0;
                width: 100%;
                height: 10px;

                background: linear-gradient(#d6ffc9 0%, transparent 70%);
            }*/

            .primary_btn{
                --padding: 6px;
                border-radius: 10px;
            }
        }
    }

    .catalog_items{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
        /*grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));*/
        /*grid-template-columns: repeat(2, 1fr);*/
        gap: 20px;

        .not_found{
            font-size: 18px;
            font-weight: 600;
            color: var(--error-clr);

            margin-top: 10px;

            width: 100%;
            text-align: center;
        }

        .not_found_404{
            font-size: 18px;
            color: var(--black-clr);

            margin-top: 10px;

            width: 100%;
            text-align: center;

            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;

            height: calc(100svh - var(--header-height) - 140px);

            b{
                font-size: 100px;
                color: var(--green-clr);
                display: block;
            }
        }

        &:has(.linckage_objs):has(.expand_mobile_calc_form){
            .linckage_objs:not(:has(.expand_mobile_calc_form)) {
                filter: grayscale(1);
                opacity: 0.8;
            }
        }

        .linckage_objs{
            width: calc(50% - 10px);
            @media (max-width: 1510px) {
                width: 100%;
            }

            display: flex;
            flex-wrap: wrap;
            justify-content: left;

            &:has(> .catalog_leasing_obj__c_leasing_calc:nth-child(2)) {
                justify-content: center;
            }

            transition: 0.3s ease all;

            @media(min-width: 900px){
                &:has(.c_leasing_calc.expand_mobile_calc_form){
                    gap: 0;

                    .catalog_leasing_obj__c_leasing_calc:not(:has(.expand_mobile_calc_form)){
                        width: 0;
                        height: 0;
                        overflow: hidden;
                    }
                }
            } @media (max-width: 900px){
                &:has(.c_leasing_calc.expand_mobile_calc_form){
                    .catalog_leasing_obj__c_leasing_calc:not(:has(.expand_mobile_calc_form)){
                        filter: grayscale(1);
                        opacity: 0.8;
                    }
                }
            }

            gap: 20px;
        }
    }
}