:root {
    --space-19: 36px;
    --space-18: 34px;
    --space-16: 30px;
    --space-17: 32px;
    --space-14: 26px;
    --space-12: 22px;
    --space-24: 42px;
    --space-1: 0px;
    --space-13: 24px;
    --space-11: 20px;
    --space-22: 40px;
    --space-10: 18px;
    --space-20: 38px;
    --space-9: 16px;
    --space-2: 2px;
    --space-8: 14px;
    --space-15: 28px;
    --space-4: 6px;
    --space-7: 12px;
    --space-3: 4px;
    --space-6: 10px;
    --space-5: 8px;

    --fixed-white: var(--metal-fixed-white);
    --fixed-black: var(--metal-fixed-black);
    --radius-radi-12: 22px;
    --radius-radi-11: 20px;
    --radius-radi-10: 18px;
    --radius-radi-9: 16px;
    --radius-radi-8: 14px;
    --radius-radi-7: 12px;
    --radius-radi-6: 10px;
    --radius-radi-5: 8px;
    --radius-radi-4: 6px;
    --radius-radi-3: 4px;
    --radius-radi-2: 2px;
    --gray-neutral-900: var(--metal-neutral-900);
    --gray-neutral-800: var(--metal-neutral-800);
    --gray-neutral-700: var(--metal-neutral-700);
    --gray-neutral-600: var(--metal-neutral-600);
    --gray-neutral-500: var(--metal-neutral-500);
    --gray-neutral-400: var(--metal-neutral-400);
    --primary-900: var(--cyan-neutral-900);
    --primary-800: var(--cyan-neutral-800);
    --primary-700: var(--cyan-neutral-700);
    --primary-600: var(--cyan-neutral-600);
    --primary-500: var(--cyan-neutral-500);
    --primary-400: var(--cyan-neutral-400);
    --primary-300: var(--cyan-neutral-300);
    --primary-200: var(--cyan-neutral-200);
    --primary-100: var(--cyan-neutral-100);
    --gray-monochromatic-300: var(--metal-monochromatic-300);
    --gray-monochromatic-500: var(--metal-monochromatic-500);
    --gray-monochromatic-800: var(--metal-monochromatic-800);
    --gray-monochromatic-400: var(--metal-monochromatic-400);
    --primary-50: var(--cyan-neutral-50);
    --gray-monochromatic-200: var(--metal-monochromatic-200);
    --gray-monochromatic-900: var(--metal-monochromatic-900);
    --gray-monochromatic-600: var(--metal-monochromatic-600);
    --gray-monochromatic-50: var(--metal-monochromatic-50);
    --radius-radi-1: 0px;
    --gray-monochromatic-700: var(--metal-monochromatic-700);
    --gray-neutral-300: var(--metal-neutral-300);
    --gray-neutral-200: var(--metal-neutral-200);
    --gray-neutral-100: var(--metal-neutral-100);
    --gray-neutral-50: var(--metal-neutral-50);
    --gray-monochromatic-00: var(--metal-monochromatic-00);
    --gray-monochromatic-100: var(--metal-monochromatic-100);


    --radius-radi-15: 28;
    --radius-radi-14: 26;
    --radius-radi-13: 24;

    --gray-monochromatic-00-trans: var(--bronze-monochromatic-00-trans);
    --wishlist-btn-display: none;

    --red-monochromatic-900-r: #FF3B30;
    --red-monochromatic-800: #FF3B30CC;
    --red-monochromatic-700: #FF3B30B2;
    --red-monochromatic-600: #FF3B3099;
    --red-monochromatic-500: #FF3B307F;
    --red-monochromatic-400: #FF3B3066;
    --red-monochromatic-300: #FF3B304C;
    --red-monochromatic-200: #FF3B3033;
    --red-monochromatic-100: #FF3B3019;
    --red-monochromatic-50: #FF3B300C;
    --green-monochromatic-900: #28CD41;
    --green-monochromatic-800: #28CD41CC;
    --green-monochromatic-700: #28CD41B2;
    --green-monochromatic-600: #28CD4199;
    --green-monochromatic-500: #28CD417F;
    --green-monochromatic-400: #28CD4166;
    --green-monochromatic-300: #28CD414C;
    --green-monochromatic-200: #28CD4133;
    --green-monochromatic-100: #28CD4119;
    --green-monochromatic-50: #28CD410C;
    --blue-monochromatic-900: #1EB5FF;
    --blue-monochromatic-800: #1EB5FFCC;
    --blue-monochromatic-700: #1EB5FFB2;
    --blue-monochromatic-600: #1EB5FF99;
    --blue-monochromatic-500: #1EB5FF7F;
    --blue-monochromatic-400: #1EB5FF66;
    --blue-monochromatic-300: #1EB5FF4C;
    --blue-monochromatic-200: #1EB5FF33;
    --blue-monochromatic-100: #1EB5FF19;
    --blue-monochromatic-50: #1EB5FF0C;
    --metal-monochromatic-100: #11182719;
    --metal-monochromatic-200: #11182733;
    --metal-monochromatic-300: #1118274C;
    --metal-monochromatic-400: #11182766;
    --metal-monochromatic-700: #111827B2;
    --cyan-neutral-700: #0E7490;
    --cyan-neutral-600: #088EAF;
    --cyan-neutral-500: #07B6D5;
    --cyan-neutral-400: #20D3EE;
    --cyan-neutral-200: #A6F3FC;
    --cyan-neutral-100: #CDFAFE;
    --cyan-neutral-50: #EBFEFF;
    --metal-neutral-50: #F9FAFB;
    --metal-neutral-100: #F3F4F6;
    --metal-neutral-200: #E5E7EB;
    --metal-neutral-300: #D1D5DB;
    --metal-neutral-400: #9CA3B0;
    --metal-neutral-500: #6B7280;
    --metal-neutral-600: #4B5563;
    --metal-neutral-700: #384252;
    --metal-neutral-800: #1F2937;
    --metal-neutral-900: #111827;
    --red-neutral-900: #881A14;
    --red-neutral-800: #A5170F;
    --red-neutral-700: #C8170D;
    --red-neutral-600: #ED2015;
    --red-neutral-500: #FF3B30;
    --red-neutral-400: #FF6C64;
    --red-neutral-300: #FFA29D;
    --red-neutral-200: #FFC8C5;
    --red-neutral-100: #FFE1DF;
    --red-neutral-50: #FFF2F1;
    --yellow-neutral-900: #7C430B;
    --yellow-neutral-800: #985308;
    --yellow-neutral-700: #BB6B02;
    --yellow-neutral-600: #E29700;
    --yellow-neutral-500: #FFC300;
    --yellow-neutral-400: #FFE21B;
    --yellow-neutral-300: #FFF046;
    --yellow-neutral-200: #FFFA85;
    --yellow-neutral-100: #FFFCC5;
    --yellow-neutral-50: #FFFFEA;
    --green-neutral-900: #155220;
    --green-neutral-800: #186324;
    --green-neutral-700: #177E28;
    --green-neutral-600: #19A02E;
    --green-neutral-500: #28CD41;
    --green-neutral-400: #4DDB62;
    --green-neutral-300: #88ED97;
    --green-neutral-200: #BCF6C3;
    --cyan-monochromatic-400: #20D3EE66;
    --cyan-monochromatic-500: #20D3EE7F;
    --cyan-monochromatic-600: #20D3EE99;
    --cyan-monochromatic-700: #20D3EEB2;
    --cyan-monochromatic-50: #20D3EE0C;
    --green-neutral-50: #F0FDF1;
    --cyan-monochromatic-100: #20D3EE19;
    --green-neutral-100: #DDFBE1;
    --cyan-monochromatic-200: #20D3EE33;
    --cyan-monochromatic-300: #20D3EE4C;
    --cyan-monochromatic-800: #20D3EECC;
    --cyan-monochromatic-900: #20D3EE;
    --cyan-neutral-800: #155F75;
    --metal-monochromatic-600: #11182799;
    --metal-monochromatic-500: #1118277F;
    --cyan-neutral-900: #164F64;
    --metal-monochromatic-900: #111827;
    --blue-neutral-900: #0D569B;
    --metal-monochromatic-800: #111827CC;
    --blue-neutral-800: #0864C5;
    --blue-neutral-700: #0084FF;
    --bronze-monochromatic-900: #1A1A1A;
    --bronze-monochromatic-800: #1A1A1ACC;
    --blue-neutral-400: #48D2FF;
    --blue-neutral-200: #B5EDFF;
    --bronze-neutral-50: #E8E8E8;
    --blue-neutral-100: #D6F3FF;
    --blue-neutral-50: #EDFBFF;
    --bronze-monochromatic-200: #1A1A1A33;
    --bronze-neutral-800: #313131;
    --bronze-monochromatic-100: #1A1A1A19;
    --bronze-neutral-700: #484848;
    --bronze-monochromatic-50: #1A1A1A0C;
    --bronze-neutral-600: #5F5F5F;
    --bronze-monochromatic-00: #FFFFFF;
    --bronze-neutral-500: #767676;
    --metal-fixed-black: #111827;
    --bronze-monochromatic-600: #1A1A1A99;
    --bronze-neutral-400: #8D8D8D;
    --metal-fixed-white: #FFFFFF;
    --bronze-monochromatic-500: #1A1A1A7F;
    --bronze-neutral-300: #A3A3A3;
    --bronze-fixed-black: #1A1A1A;
    --bronze-monochromatic-400: #1A1A1A66;
    --bronze-neutral-200: #BABABA;
    --bronze-fixed-white: #FFFFFF;
    --bronze-monochromatic-300: #1A1A1A4C;
    --bronze-neutral-100: #D1D1D1;
    --cyan-neutral-300: #67E8F9;
    --bronze-monochromatic-700: #1A1A1AB2;
    --blue-neutral-300: #83E4FF;
    --metal-monochromatic-50: #1118270C;
    --bronze-neutral-900: #1A1A1A;
    --metal-monochromatic-00: #FFFFFF;
    --blue-neutral-600: #0698FF;
    --blue-neutral-500: #1EB5FF;

    --linear-gradient-1: linear-gradient(0, var(--gray-monochromatic-00) 0%, var(--gray-monochromatic-00-trans) 100%);
    --bronze-monochromatic-00-trans: #FFFFFF00;


    --green-monochromatic-900-r: #28CD41;
    --green-monochromatic-800-r: #28CD41CC;
    --green-monochromatic-700-r: #28CD41B2;
    --green-monochromatic-600-r: #28CD4199;
    --green-monochromatic-500-r: #28CD417F;
    --green-monochromatic-400-r: #28CD4166;
    --green-monochromatic-300-r: #28CD414C;
    --green-monochromatic-200-r: #28CD4133;
    --green-monochromatic-100-r: #28CD4119;
    --green-monochromatic-50-r: #28CD410C;
    --blue-monochromatic-900-r: #1EB5FFE5;
    --blue-monochromatic-800-r: #1EB5FFCC;
    --blue-monochromatic-700-r: #1EB5FFB2;
    --blue-monochromatic-600-r: #1EB5FF99;
    --blue-monochromatic-500-r: #1EB5FF7F;
    --blue-monochromatic-400-r: #1EB5FF66;
    --blue-monochromatic-300-r: #1EB5FF4C;
    --blue-monochromatic-200-r: #1EB5FF33;
    --blue-monochromatic-100-r: #1EB5FF19;
    --blue-monochromatic-50-r: #1EB5FF0C;
    --metal-monochromatic-100-r: #FFFFFF19;
    --metal-monochromatic-200-r: #FFFFFF33;
    --metal-monochromatic-300-r: #FFFFFF4C;
    --metal-monochromatic-400-r: #FFFFFF66;
    --metal-monochromatic-700-r: #FFFFFFB2;
    --cyan-neutral-700-r: #A6F3FC;
    --cyan-neutral-600-r: #67E8F9;
    --cyan-neutral-500-r: #20D3EE;
    --cyan-neutral-400-r: #07B6D5;
    --cyan-neutral-200-r: #0E7490;
    --cyan-neutral-100-r: #155F75;
    --cyan-neutral-50-r: #164F64;
    --metal-neutral-50-r: #111827;
    --metal-neutral-100-r: #1F2937;
    --metal-neutral-200-r: #384252;
    --metal-neutral-300-r: #4B5563;
    --metal-neutral-400-r: #6B7280;
    --metal-neutral-500-r: #9CA3B0;
    --metal-neutral-600-r: #D1D5DB;
    --metal-neutral-700-r: #E5E7EB;
    --metal-neutral-800-r: #F3F4F6;
    --metal-neutral-900-r: #F9FAFB;
    --red-neutral-900-r: #FFF2F1;
    --red-neutral-800-r: #FFE1DF;
    --red-neutral-700-r: #FFC8C5;
    --red-neutral-600-r: #FFA29D;
    --red-neutral-500-r: #FF6C64;
    --red-neutral-400-r: #FF3B30;
    --red-neutral-300-r: #ED2015;
    --red-neutral-200-r: #C8170D;
    --red-neutral-100-r: #A5170F;
    --red-neutral-50-r: #881A14;
    --yellow-neutral-900-r: #FFFFEA;
    --yellow-neutral-800-r: #FFFCC5;
    --yellow-neutral-700-r: #FFFA85;
    --yellow-neutral-600-r: #FFF046;
    --yellow-neutral-500-r: #FFE21B;
    --yellow-neutral-400-r: #FFC300;
    --yellow-neutral-300-r: #E29700;
    --yellow-neutral-200-r: #BB6B02;
    --yellow-neutral-100-r: #985308;
    --yellow-neutral-50-r: #7C430B;
    --green-neutral-900-r: #F0FDF1;
    --green-neutral-800-r: #DDFBE1;
    --green-neutral-700-r: #BCF6C3;
    --green-neutral-600-r: #88ED97;
    --green-neutral-500-r: #4ddb62;
    --green-neutral-400-r: #28CD41;
    --green-neutral-300-r: #19A02E;
    --green-neutral-200-r: #177E28;
    --green-neutral-50-r: #155220;
    --green-neutral-100-r: #186324;
    --cyan-neutral-800-r: #CDFAFE;
    --metal-monochromatic-600-r: #FFFFFF99;
    --metal-monochromatic-500-r: #FFFFFF7F;
    --cyan-neutral-900-r: #EBFEFF;
    --metal-monochromatic-900-r: #FFFFFF;
    --blue-neutral-900-r: #EDFBFF;
    --metal-monochromatic-800-r: #FFFFFFCC;
    --blue-neutral-800-r: #D6F3FF;
    --blue-neutral-700-r: #B5EDFF;
    --bronze-monochromatic-900-r: #FFFFFF;
    --bronze-monochromatic-800-r: #FFFFFFCC;
    --blue-neutral-400-r: #1EB5FF;
    --blue-neutral-200-r: #0084FF;
    --bronze-neutral-50-r: #1A1A1A;
    --blue-neutral-100-r: #0864C5;
    --blue-neutral-50-r: #0D569B;
    --bronze-monochromatic-200-r: #FFFFFF33;
    --bronze-neutral-800-r: #D1D1D1;
    --bronze-monochromatic-100-r: #FFFFFF19;
    --bronze-neutral-700-r: #BABABA;
    --bronze-monochromatic-50-r: #FFFFFF0C;
    --bronze-neutral-600-r: #A3A3A3;
    --bronze-monochromatic-00-r: #1A1A1A;
    --bronze-neutral-500-r: #8D8D8D;
    --metal-fixed-black-r: #111827;
    --bronze-monochromatic-600-r: #FFFFFF99;
    --bronze-neutral-400-r: #767676;
    --metal-fixed-white-r: #FFFFFF;
    --bronze-monochromatic-500-r: #FFFFFF7F;
    --bronze-neutral-300-r: #5F5F5F;
    --bronze-fixed-black-r: #1A1A1A;
    --bronze-monochromatic-400-r: #FFFFFF66;
    --bronze-neutral-200-r: #484848;
    --bronze-fixed-white-r: #FFFFFF;
    --bronze-monochromatic-300-r: #FFFFFF4C;
    --bronze-neutral-100-r: #313131;
    --cyan-neutral-300-r: #088EAF;
    --bronze-monochromatic-700-r: #FFFFFFB2;
    --blue-neutral-300-r: #0698FF;
    --metal-monochromatic-50-r: #FFFFFF0C;
    --bronze-neutral-900-r: #E8E8E8;
    --metal-monochromatic-00-r: #111827;
    --blue-neutral-600-r: #83E4FF;
    --blue-neutral-500-r: #48D2FF;
}

@media (max-width: 960px) {
    :root {
        --space-19: 34px;
        --space-18: 32px;
        --space-16: 28px;
        --space-17: 30px;
        --space-14: 24px;
        --space-12: 20px;
        --space-24: 40px;
        --space-1: 0px;
        --space-13: 22px;
        --space-11: 18px;
        --space-22: 38px;
        --space-10: 16px;
        --space-20: 32px;
        --space-9: 14px;
        --space-2: 1px;
        --space-8: 12px;
        --space-15: 26px;
        --space-4: 4px;
        --space-7: 10px;
        --space-3: 2px;
        --space-6: 8px;
        --space-5: 6px;
    }
}

.large {
    --space-19: 38px;
    --space-18: 36px;
    --space-16: 32px;
    --space-17: 34px;
    --space-14: 28px;
    --space-12: 24px;
    --space-24: 44px;
    --space-1: 0px;
    --space-13: 26px;
    --space-11: 22px;
    --space-22: 42px;
    --space-10: 20px;
    --space-20: 40px;
    --space-9: 18px;
    --space-2: 4px;
    --space-8: 16px;
    --space-15: 30px;
    --space-4: 8px;
    --space-7: 14px;
    --space-3: 6px;
    --space-6: 12px;
    --space-5: 10px;
}

.reverse {
    --fixed-white: var(--metal-fixed-black-r);
    --fixed-black: var(--metal-fixed-white-r);
    --radius-radi-12: 22px;
    --radius-radi-11: 20px;
    --radius-radi-10: 18px;
    --radius-radi-9: 16px;
    --radius-radi-8: 14px;
    --radius-radi-7: 12px;
    --radius-radi-6: 10px;
    --radius-radi-5: 8px;
    --radius-radi-4: 6px;
    --radius-radi-3: 4px;
    --radius-radi-2: 2px;
    --gray-neutral-900: var(--metal-neutral-900-r);
    --gray-neutral-800: var(--metal-neutral-800-r);
    --gray-neutral-700: var(--metal-neutral-700-r);
    --gray-neutral-600: var(--metal-neutral-600-r);
    --gray-neutral-500: var(--metal-neutral-500-r);
    --gray-neutral-400: var(--metal-neutral-400-r);
    --primary-900: var(--cyan-neutral-900-r);
    --primary-800: var(--cyan-neutral-800-r);
    --primary-700: var(--cyan-neutral-700-r);
    --primary-600: var(--cyan-neutral-600-r);
    --primary-500: var(--cyan-neutral-500-r);
    --primary-400: var(--cyan-neutral-400-r);
    --primary-300: var(--cyan-neutral-300-r);
    --primary-200: var(--cyan-neutral-200-r);
    --primary-100: var(--cyan-neutral-100-r);
    --gray-monochromatic-300: var(--metal-monochromatic-300-r);
    --gray-monochromatic-500: var(--metal-monochromatic-500-r);
    --gray-monochromatic-800: var(--metal-monochromatic-800-r);
    --gray-monochromatic-400: var(--metal-monochromatic-400-r);
    --primary-50: var(--cyan-neutral-50-r);
    --gray-monochromatic-200: var(--metal-monochromatic-200-r);
    --gray-monochromatic-900: var(--metal-monochromatic-900-r);
    --gray-monochromatic-600: var(--metal-monochromatic-600-r);
    --gray-monochromatic-50: var(--metal-monochromatic-50-r);
    --radius-radi-1: 0px;
    --gray-monochromatic-700: var(--metal-monochromatic-700-r);
    --gray-neutral-300: var(--metal-neutral-300-r);
    --gray-neutral-200: var(--metal-neutral-200-r);
    --gray-neutral-100: var(--metal-neutral-100-r);
    --gray-neutral-50: var(--metal-neutral-50-r);
    --gray-monochromatic-00: var(--metal-monochromatic-00-r);
    --gray-monochromatic-100: var(--metal-monochromatic-100-r);
}

@media (min-width: 768px) and (max-width: 1200px){
    .main-block {
        margin-left: 40px;
        margin-right: 40px;
    }
}

.main-block {
    max-width: 1300px;
    padding: 0 16px;
    margin: 0 auto;
}

.main-block::-webkit-scrollbar {
    width: 8px
}

.main-block::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px
}

.main-block::-webkit-scrollbar-thumb {
    background: var(--gray-monochromatic-200);
    border-radius: 4px
}

footer {
    background-color: white;
    position: relative;
    padding-top: 40px;
}

div {
    box-sizing: border-box;
}

.d-none {
    display: none !important;
}

.content-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 48px;
}

.mr-4 {
    margin-right: 1.5rem !important
}
.mr-5 {
    margin-right: 3rem !important
}

.filters-placeholder {
    width: 280px;
    flex-shrink: 0;
}

#filters-modal-wrapper {
    position: fixed;
    margin-top: -2.5rem;
}

.filters-wrapper {
    border-radius: var(--space-10);
    border: 1px solid #D4D4D8;
    display: flex;
    width: 280px;
    padding: var(--space-13);
    flex-direction: column;
    gap: var(--space-13);
    max-height: calc(100vh - 164px);
    background: var(--fixed-white);
    overflow: auto;
}

@media (min-width: 1200px) {
    .filters-wrapper {
        border-radius: var(--space-5);
    }
}

.filter-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: var(--space-13);
    flex-shrink: 100;
    max-height: calc(100% - 100px);
}

.filters-wrapper .modal-window-close {
    border-radius: 8px;
    border: 1px solid #E4E4E7;
    background-color: #FAFAFA;
    background-size: 14px;
}

@media (min-width: 1200px) {
    .filters-wrapper .modal-window-close {
        display: none;
    }
}

.filters-top {
    display: flex;
    flex-direction: column;
}

.filters-title {
    color: #212121;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
}

.filter-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

.filter-content-list {
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 10;
}

.filter-block-shrink .filter-content-list::-webkit-scrollbar {
    width: 4px
}

.filter-block-shrink .filter-content-list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px
}

.filter-block-shrink .filter-content-list::-webkit-scrollbar-thumb {
    background: var(--gray-monochromatic-100);
    border-radius: 2px
}

.filter-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-5);
    color: #212121;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.line-divider {
    height: 1px;
    width: 100%;
    background: var(--gray-monochromatic-100);
    flex-shrink: 0;
}

.results-cards-content .line-divider {
    margin: var(--space-13) 0;
}

.filter-content-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-7);
}

.filter-content-list label {
    overflow: hidden;
    color: #212121;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px !important;
    padding-left: calc(21px + var(--space-5)) !important;
}

.filter-content-list label:after {
    bottom: 2px;
}

.filter-buttons-wrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 53vh;
    flex-shrink: 100000;
    justify-content: flex-end;
}

.filter-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    gap: 10px;
}

#filters-modal-overlay {
    opacity: 0;
    left: 0;
    z-index: -10;
}
@media (min-width: 1241px) {
    #filters-modal-overlay {
        display: none;
    }
}

.filter-dropdown {
    display: none;
    position: absolute;
    padding: var(--space-6, 10px);
    border-radius: var(--space-8, 14px);
    background: #FFF;
    box-shadow: 0 64px 120px 0 rgba(0, 0, 0, 0.12);
    z-index: 10;
}

.results-wrapper {
    flex-basis: 100vw;
    flex-shrink: 10;
    display: flex;
    flex-direction: column;
    gap: var(--space-14);
    z-index: 2;
}

.results-title {
    color: #282828;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: var(--space-3);
}
@media (min-width: 768px) {
    .results-title {
        font-size: 30px;
    }
}

.results-found {
    color: var(--gray-monochromatic-600);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

.results-toolbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--space-5);
    overflow: visible;
}

.results-toolbar-top {
    transition: left 0.6s ease-out;
}

.results-actions {
    display: flex;
    flex-direction: row;
    gap: var(--space-5);
    position: relative;
    flex-shrink: 0;
}

@media (min-width: 1200px) {
    .results-actions .wox-button{
        height: 51px;
    }
}

.results-actions .wox-button.min-width .subitem-text {
    min-width: 80px;
}

.results-pagination {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--space-5);
}

.show-filters-button {
    display: none;
    flex-shrink: 0;
}

.results-pagination-pages button {
    width: 40px;
}

.current-page {
    background: var(--gray-monochromatic-100) !important;
    border: none !important;
    pointer-events: none;
}

.ellipsis-page {
    border: none !important;
    pointer-events: none;
}


.results-cards {
    display: flex;
    flex-direction: column;
    gap: var(--space-13);
}

.modal-photo {
    max-width: 70vw;
}

footer .row,
.find-banner-content .row {
    margin: 0 !important;
}
.woxpartsOffers {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #D4D4D8;
}
.breadcrumb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1rem 1rem;
    list-style: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem;
    margin-top:0;
}
@media (min-width: 1200px) {
    .breadcrumb {
        margin-bottom: 1.5rem;
        padding: 1.5rem 1rem;
    }
}
.breadcrumb-item {
    font-size: 1rem;
}
.breadcrumb-item a {
    color: #000;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 1rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.7rem;
    color: #000;
    content: "|";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #565f68;
}







.wox-button {
    height: 42px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--fixed-white);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    padding: 9px var(--space-8, 16px);
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-radi-6);
    background: #212121;
    position: relative;
}

.wox-button p.subitem-text {
    color: var(--gray-monochromatic-300);
    margin-left: 4px;
}

.wox-button.secondary {
    color: #0C0C0C;
    background: transparent;
    border: 1px solid var(--gray-monochromatic-100);
}

.wox-button.secondary:hover:not(:disabled) {
    background: var(--gray-monochromatic-50);
    border-color: transparent;
}

.wox-button.secondary:active:not(:disabled) {
    background: var(--gray-monochromatic-100);
}

.wox-button.ghost {
    color: var(--fixed-white);
    background-color: #212121
}

.wox-button:disabled {
    opacity: 0.3;
    cursor: auto;
}

.wox-button.icon {
    padding: var(--space-5) !important;
}

.wox-button-icon {
    width: 22px;
    height: 22px;
    background-size: cover;
    background-position: center;
}

@media (max-width: 960px) {
    .wox-button {
        height: 36px;
        font-size: 12px;
        line-height: 16px;
        padding: 10px 12px;
        border-radius: 8px;
    }

    .wox-button.icon {
        padding-right: 36px;
    }

    .wox-button.text-button {
        padding-left: 34px;
    }

    .wox-button.text-button.icon {
        padding-right: 36px;
    }

    .wox-button.icon:after {
        top: 5px;
    }
}

.wox-button.large {
    height: 44px;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 16px;
}

.wox-button.large.icon {
    padding-right: 36px;
}

.wox-button.icon.compact {
    height: 30px;
    font-size: 16px;
    line-height: 24px;
    padding: 6px !important;
    border-radius: 6px;
}

.wox-button.icon.compact .wox-button-icon {
    width: 18px;
    height: 18px;
}

@media (max-width: 768px) {
    .wox-button {
        padding: 6px;
    }
}





.wox-part-card {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    /*align-items: stretch;*/
    gap: var(--space-7);
    min-height: 260px;
    background: var(--gray-monochromatic-00);
}

.wox-part-card div {
    box-sizing: border-box;
}

.wox-part-card .wox-part-card-column-1 {
    flex-basis: 260px;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
}

.wox-part-card .wox-part-card-column-1 .wox-part-card-brand-logo {
    position: absolute;
    top: var(--space-5);;
    left: var(--space-5);;
    border-radius: var(--radius-radi-3);
    border: 1px solid var(--gray-monochromatic-50);
    background: var(--gray-monochromatic-00);
    height: 36px;
    overflow: hidden;
    padding: 2px 12px;
}

.wox-part-card .wox-part-card-column-1 img {
    width: 100%;
    display: block;
    height: 260px;
    object-fit: contain;
    border-radius: var(--radius-radi-5);

}

.wox-part-card .single-item-img {
    border: 1px solid var(--bronze-monochromatic-50, rgba(12, 12, 12, 0.05));
}

.wox-part-card.compact .wox-part-card-column-1 img {
    border-radius: var(--radius-radi-5, 10px);
    border: 1px solid var(--bronze-monochromatic-50, rgba(26, 26, 26, 0.05));
}

.wox-part-card .wox-part-card-column-1 .wox-part-card-brand-logo img {
    height: 100%;
    width: unset;
    object-fit: contain;
    object-position: center;
}

.wox-part-card .wox-part-card-column-2 {
    flex-basis: 100%;
    flex-shrink: 10;
    display: flex;
    flex-direction: column;
    position: relative;
}

.wox-part-card-column-2-header a {
    text-decoration: none !important;
}

.wox-part-card-column-2-header {
    padding: var(--space-4) var(--space-5);
}

.wox-part-card-column-2-header > div:first-child{
    margin-bottom: 4px;
}

.wox-part-card-column-2-header-text {
    color: #212121;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.wox-part-card-divider {
    height: 1px;
    width: 100%;
    background: var(--bronze-monochromatic-50);
    margin: 8px 0;
}

.wox-part-card-specs {
    flex-basis: 100%;
    flex-shrink: 10;
}

.wox-part-card-specs-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.wox-part-card-specs-wrap {
    position: absolute;
    width: 100%;
}

.wox-part-card-spec-line {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: var(--space-3) var(--space-5);
    gap: var(--space-2);
    font-size: 12px;
    line-height: 18px;
    width: 100%;
}

.wox-part-card-spec-line div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.wox-part-card-spec-name {
    flex-shrink: 0;
    display: inline-block;
    margin-right: var(--space-2);
    font-weight: 500;
    color: var(--bronze-monochromatic-600);
}

.wox-part-card-spec-value {
    flex-shrink: 10;
    display: inline-block;
    font-weight: 600;
    color: #212121;
}

.wox-part-card-specs-fade {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: var(--linear-gradient-1);
}

.wox-part-card .wox-part-card-column-3 {
    flex-basis: 220px;
}

.wox-part-card-column-3-block {
    padding: var(--space-4) var(--space-5);
}

.wox-part-card-price-header {
    height: 26px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-3);
}

.wox-part-card-price-text {
    color: var(--gray-monochromatic-600);
    font-size: 12px;
    font-weight: 500;
}

.wox-part-card-buttons {
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: var(--space-5);
    /*display: none;*/
}

.wox-part-card.part-add .wox-part-card-add-buttons {
    display: flex;
}

.wox-part-card.part-input .wox-part-card-add-input {
    display: flex;
}

.wox-part-card.part-out-of-stock .wox-part-card-request-buttons {
    display: flex;
}

.wox-part-card-sub-button-block {
    margin-top: 8px;
    color: var(--bronze-monochromatic-600);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.wox-part-card-dispatch-text {
    margin-bottom: 4px;
}

.wox-part-card-dispatch-date {
    color: var(--green-neutral-500);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.wox-part-card-availability-text {
    display: none;
    margin-bottom: 4px;
}

.wox-part-card-out-of-stock-text {
    color: var(--red-neutral-500);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: none;
}

.wox-part-card.part-out-of-stock .wox-part-card-dispatch-text,
.wox-part-card.part-out-of-stock .wox-part-card-dispatch-date {
    display: none;
}

.wox-part-card.part-out-of-stock .wox-part-card-availability-text,
.wox-part-card.part-out-of-stock .wox-part-card-out-of-stock-text {
    display: block;
}

.wox-part-card-core-charge-text {
    color: var(--bronze-monochromatic-600);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.wox-part-card.compact {
    flex-direction: column;
    width: 200px;
    justify-content: space-between;
    min-height: 412px;
}

.wox-part-card.compact .wox-part-card-column-1 {
    flex-basis: 200px;
}

.wox-part-card.compact .wox-part-card-column-3 {
    margin-top: calc(0px - var(--space-7));
    flex-basis: 0;
}

.wox-part-card.compact .wox-part-card-sub-button-block,
.wox-part-card.compact .wox-part-card-specs,
.wox-part-card.compact .wox-label,
.wox-part-card.compact .wox-part-card-core-charge-text,
.wox-part-card.compact .wox-part-card-column-3 .wox-part-card-divider {
    display: none;
}

.wox-part-card.compact .wox-part-card-divider {
    margin: var(--space-3) 0;
}

@media (max-width: 768px) {

    .wox-part-card {
        flex-direction: column;
        justify-content: flex-start;
        min-height: unset;
        position: relative;
    }

    .wox-part-card .wox-part-card-sub-button-block,
    .wox-part-card .wox-part-card-core-charge-text,
    .wox-part-card .wox-label,
    .wox-part-card .wox-part-card-brand-logo,
    .wox-part-card .wox-part-card-column-3 .wox-part-card-divider {
        display: none;
    }

    .wox-part-card .wox-part-card-column-1 {
        position: absolute;
        width: 80px;
        height: 80px;
    }

    .wox-part-card .wox-part-card-column-1 img {
        height: 80px;
    }

    .wox-part-card .wox-part-card-column-2,
    .wox-part-card .wox-part-card-column-3 {
        margin-left: calc(80px + var(--space-7));
        flex-basis: 0;
        width: calc(100% - 80px - var(--space-7));
    }

    .wox-part-card .wox-part-card-specs {
        flex-basis: 160px;
        flex-shrink: 0;
    }
}





.wox-label {
    padding: var(--space-3) var(--space-5);
    gap: var(--space-3);
    color: var(--fixed-white);

    font-family: Inter, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    border-radius: var(--radius-radi-4);

    width: fit-content;
}

.wox-label.white {
    color: var(--gray-neutral-900, #090E19);
    background: var(--fixed-white);
}

.wox-label.gray {
    background: var(--gray-neutral-900);
}

.wox-label.blue {
    background: var(--blue-neutral-600);
}

.wox-label.green {
    background: var(--green-neutral-500);
}

.wox-label.yellow {
    background: var(--yellow-neutral-500);
}

.wox-label.red {
    background: var(--red-neutral-500);
}

.wox-label.violet {
    background: #5146CA;
}

.wox-label.orange {
    background: #FF9500;
}





.wox-input-selector {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    height: 42px;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 0 8px;
    min-width: 82px;
    width: fit-content;
    box-sizing: border-box;
    border: 1px solid rgba(71, 85, 105, 0.1);;
}

.wox-input-selector-active {
    border: 1px solid #3B82F6;
    outline: 2px solid rgba(71, 85, 105, 0.1);;
    padding: 0 8px;
}

.wox-input-selector div {
    height: 16px;
    width: 16px;
    align-self: center;
    cursor: pointer;
    border-radius: 6px;
    box-sizing: border-box;
}

.wox-input-selector div:hover svg {
    filter: brightness(0) saturate(100%) invert(38%) sepia(96%) saturate(837%) hue-rotate(193deg) brightness(99%) contrast(95%);
}

.wox-input-selector-input {
    background-color: transparent;
    border: none !important;
    outline: none;
    color: #1E293B;
    width: fit-content;
    margin: 0 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -moz-appearance:textfield;
}

.wox-input-selector-input::-webkit-outer-spin-button,
.wox-input-selector-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

@media (max-width: 960px) {
    .wox-input-selector {
        height: 36px;
    }
}

@media (max-width: 1200px) {
    /*.wox-input-selector {*/
    /*    height: 36px;*/
    /*}*/

    .wox-input-selector-input {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
    }
}

@media (max-width: 768px) {
    .wox-input-selector-input {
        padding: 3px;
    }
}




.wox-input-wrapper {
    text-align: left;
    position: relative;
}

.wox-input:not(label) {
    height: 40px;
    width: 100%;
    border-radius: var(--radius-radi-4, 6px);
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    background-color: #FFFFFF;
    color: var(--gray-monochromatic-600, rgba(12, 12, 12, 0.60));
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid rgba(71, 85, 105, 0.1);
    outline: none;
}

.wox-input.solid {
    border: 1px solid rgba(71, 85, 105, 0.05);
    background-color: rgba(71, 85, 105, 0.05);
}

.wox-input:not(label):focus {
    border: 2px solid #3B82F6;
    outline: 4px solid rgba(37, 99, 235, 0.2);;
}

textarea.wox-input {
    height: 80px;
    resize: none;
}

label.wox-input {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
    color: #1E293B;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(71, 85, 105, 0.4);
    font-weight: 500;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: rgba(71, 85, 105, 0.4);
    font-weight: 500;
}

textarea.wox-input:hover,
input.wox-input:hover {
    background-color: rgba(100, 116, 139, 0.08);
}

textarea.wox-input:active:not(:disabled),
input.wox-input:active:not(:disabled) {
    background-color: rgba(100, 116, 139, 0.16);
}

textarea.wox-input:focus,
input.wox-input:focus {
    background-color: #FFFFFF;
    padding-left: 11px;
    background-position: center right 13.5px !important;
}

textarea.wox-input:focus {
    padding-top: 7px;
}

.wox-input.disabled,
.wox-input:disabled {
    opacity: 0.3;
}

input.wox-input.disabled:hover {
    background-color: #F1F5F9;
}

.wox-input.search {
    background-image: url("../../img/search-icon.svg");
    background-repeat: no-repeat;
    background-position: center left 15px;
    padding-left: 37px;
}

.wox-input.search:focus {
    background-position: center left 14px !important;
}

.wox-input.search:focus {
    padding-left: 36px;
}

.wox-input.calendar {
    background-image: url("../../img/calendar-icon.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.wox-input.dropdown {
    background-image: url("../../img/dropdown-icon.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.wox-input.password {
    background-image: url("../../img/eye-opend-icon.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.wox-input.email {
    background-image: url("../../img/emal-icon.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.wox-input.message + div,
.wox-input.success + div,
.wox-input.warning + div,
.wox-input.error + div {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #475569;
    margin-top: 4px;
}

.wox-input.success,
.wox-input.success:hover,
.wox-input.success:active,
.wox-input.success:focus {
    border-width: 2px;
    border-color: #4ADE80 !important;
    outline: 4px solid rgba(22, 163, 74, 0.2);
}

.wox-input.warning,
.wox-input.warning:hover,
.wox-input.warning:active,
.wox-input.warning:focus {
    border-width: 2px;
    border-color: #D97706!important;
}

.wox-input.error,
.wox-input.error:hover,
.wox-input.error:active,
.wox-input.error:focus {
    border-width: 2px;
    border-color: #F87171!important;
    outline: 4px solid rgba(220, 38, 38, 0.2);
}

.wox-input.message + div::before,
.wox-input.success + div::before,
.wox-input.warning + div::before,
.wox-input.error + div::before {
    position: relative;
    top: 3px;
    margin-right: 4px;
}

input.wox-input.large {
    height: 44px;
    font-size: 16px;
    border-radius: 12px;
}

textarea.wox-input.large {
    font-size: 16px;
    border-radius: 12px;
}

label.wox-input.large {
    font-size: 16px;
    line-height: 24px !important;
}

.large.wox-input.message + div,
.large.wox-input.success + div,
.large.wox-input.warning + div,
.large.wox-input.error + div {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 1200px) {
    .wox-input:not(label) {
        font-size: 12px;
        line-height: 16px;
        border-radius: 8px;
    }

    input.wox-input:not(label) {
        height: 36px;
    }

    .wox-input.message + div,
    .wox-input.success + div,
    .wox-input.warning + div,
    .wox-input.error + div {
        font-size: 12px;
        line-height: 16px;
    }

    label.wox-input {
        font-size: 12px;
        line-height: 16px !important;
    }
}





.wox-input-slider {
    width: 100%;
}

.wox-input-slider-bar-wrapper {
    height: 24px;
    width: 100%;
    position: relative;
}

.wox-input-slider-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 6px;
    align-items: stretch;
}

.wox-input-slider-bar-empty {
    flex-basis: 0;
    flex-shrink: 0;
    border: 1px solid #212121;
}

.wox-input-slider-bar-fill {
    flex-basis: 100%;
    flex-shrink: 10;
    background-color: #212121;
}

.wox-input-point {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    position: absolute;
    top: -10px;
    background-color: var(--gray-monochromatic-00);
    box-shadow: 0 2px 4px rgba(14, 14, 16, 0.12), 0 1px 6px rgba(14, 14, 16, 0.16);
    cursor: pointer;
}

.wox-input-point-min {
    left: 0;
}

.wox-input-point-max {
    right: 0;
}

.wox-input-fields {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--space-5);
}

.wox-input-fields > div {
    flex-shrink: 10;
}





.wox-checkbox input {
    display: none;
}

.wox-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
}

.wox-checkbox label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    border-radius: var(--space-5);
    border: 1px solid var(--gray-monochromatic-100);
}

.wox-checkbox input:not(:checked):not([indeterminate='true'])~label:hover::before {
    border: 1px solid var(--gray-monochromatic-200);
}

.wox-checkbox input:not(:checked):not([indeterminate='true']):active~label::before {
    border: 1px solid var(--gray-monochromatic-100);
}

.wox-checkbox input[indeterminate='true']~label::before,
.wox-checkbox input:checked~label::before {
    background: #212121;
    border: none;
}

.wox-checkbox input[indeterminate='true']~label:hover::before,
.wox-checkbox input:checked~label:hover::before {
    outline: 2px solid var(--gray-monochromatic-100);
}

.wox-checkbox input[indeterminate='true']~label:active::before,
.wox-checkbox input:checked~label:active::before {
    outline: 4px solid var(--gray-monochromatic-100);
}

.wox-checkbox input:checked~label:after {
    content: url("../../img/icons/check-solid.svg");
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translate(0, -50%);
}

.wox-checkbox input[indeterminate='true']~label:after {
    content: url("../../img/icons/minus.svg");
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translate(0, -50%);
}

.text-uppercase {
    text-transform: uppercase!important
}

/*inputs */

@media (max-width: 1200px) {
    .menu-drop-item-text {
        display: none !important;
    }
}




@media (max-width: 1200px) {
    .results-pagination-top,
    .filters-placeholder {
        display: none;
    }

    #filters-modal-wrapper {
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh;
        left: 0;
        bottom: -100%;
        z-index: -10;
        transition: bottom .6s ease-out;
        margin-top: 0;
    }

    .filters-wrapper {
        justify-content: space-between;
        position: relative;
        width: 560px;
        height: 820px;
    }

    .filters-header {
        width: 100%;
    }

    .filters-title {
       text-align: center;
    }

    .show-filters-button {
        display: block;
    }

    .filter-buttons {
        flex-direction: row;
        justify-content: flex-end;
        gap: var(--space-5);
    }

}

@media (max-width: 768px) {
    .content-wrapper {
        display: block;
    }

    .results-toolbar-top {
        min-width: 100%;
    }

    .filters-placeholder {
        display: none;
    }

    #filters-modal-wrapper {
        flex-direction: column;
        justify-content: flex-end;
    }

    .filters-wrapper {
        width: 100%;
        max-height: unset;
        height: 90%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .filter-buttons button {
        width: 100%;
    }

    .results-toolbar-view {
        overflow: visible;
        position: relative;
        height: 36px;
    }
    .results-toolbar-top::-webkit-scrollbar {
        width: 0;
    }

    .results-toolbar-top {
        position: absolute;
    }

    .results-toolbar-top > div:first-child {

    }
}