/* Isolated root /products toolbar. All three controls share one grid. */
@media (max-width: 1024px) {
    html body:not(.admin) section.all-products-page.rr-products-root-page .rr-products-listing-main > .rr-products-listing-toolbar {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
        margin: 0 0 12px !important;
        padding: 8px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page .rr-products-listing-main > .rr-products-listing-toolbar > #allProductsMobileSearchSortCard {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page .rr-products-listing-main > .rr-products-listing-toolbar > #allProductsMobileSearchSortCard > form#allProductsDynamicFilter {
        position: static !important;
        display: grid !important;
        grid-template-columns: 116px minmax(0, 1fr) 100px !important;
        grid-template-rows: 42px !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .rr-products-mobile-filter-toggle {
        position: static !important;
        display: inline-flex !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 9px !important;
        gap: 6px !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .rr-products-mobile-filter-toggle svg {
        width: 15px !important;
        height: 15px !important;
        min-width: 15px !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .rr-products-sort-by-label,
    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .all-products-field > label,
    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > input[type="hidden"] {
        display: none !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .all-products-sort-field,
    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .all-products-per-page-field {
        position: static !important;
        display: block !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .all-products-sort-field {
        grid-column: 2 !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .all-products-per-page-field {
        grid-column: 3 !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .all-products-field > select {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        margin: 0 !important;
        padding: 0 9px !important;
        clip: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        appearance: auto !important;
        -webkit-appearance: menulist !important;
        border-radius: 6px !important;
        background: #fff !important;
        background-image: none !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 640px) {
    html body:not(.admin) section.all-products-page.rr-products-root-page .rr-products-listing-main > .rr-products-listing-toolbar > #allProductsMobileSearchSortCard > form#allProductsDynamicFilter {
        grid-template-columns: 96px minmax(0, 1fr) 82px !important;
        gap: 6px !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .rr-products-mobile-filter-toggle {
        width: 96px !important;
        min-width: 96px !important;
        max-width: 96px !important;
    }
}

@media (max-width: 380px) {
    html body:not(.admin) section.all-products-page.rr-products-root-page .rr-products-listing-main > .rr-products-listing-toolbar {
        padding: 6px !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page .rr-products-listing-main > .rr-products-listing-toolbar > #allProductsMobileSearchSortCard > form#allProductsDynamicFilter {
        grid-template-columns: 84px minmax(0, 1fr) 72px !important;
        gap: 4px !important;
    }

    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .rr-products-mobile-filter-toggle {
        width: 84px !important;
        min-width: 84px !important;
        max-width: 84px !important;
        padding: 0 6px !important;
        font-size: 10px !important;
    }
}

@media (min-width: 1025px) {
    html body:not(.admin) section.all-products-page.rr-products-root-page form#allProductsDynamicFilter > .rr-products-mobile-filter-toggle {
        display: none !important;
    }
}