@media (max-width: 1024px) {
  .dn-filter-toolbar { display: inline-flex; align-items: center; margin: 0; }
  .woo-listing-top > .woocommerce-result-count { display: none; }
  .dn-filter-toolbar .wc-block-product-filters__open-overlay {
    gap: 6px;
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
  }
  .dn-filter-toolbar .wc-block-product-filters__open-overlay:hover,
  .dn-filter-toolbar .wc-block-product-filters__open-overlay:focus {
    color: inherit;
    background: transparent;
    box-shadow: none;
  }
  .dn-filter-toolbar .wc-block-product-filters__open-overlay svg { width: 18px; height: 18px; }
  /* WooCommerce gives the Clear filters block its WordPress preset colour.
     Use the same inherited text/font styling as the rest of this site. */
  .dn-filter-toolbar .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link,
  .dn-filter-toolbar .wp-block-woocommerce-product-filter-clear-button button {
    color: var(--theme-button-text-initial-color, inherit) !important;
    font-family: inherit;
    background-color: var(--theme-button-background-initial-color, transparent) !important;
  }
  .dn-filter-toolbar .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link:hover,
  .dn-filter-toolbar .wp-block-woocommerce-product-filter-clear-button .wp-block-button__link:focus,
  .dn-filter-toolbar .wp-block-woocommerce-product-filter-clear-button button:hover,
  .dn-filter-toolbar .wp-block-woocommerce-product-filter-clear-button button:focus {
    color: var(--theme-button-text-hover-color, var(--theme-button-text-initial-color, inherit)) !important;
    background-color: var(--theme-button-background-hover-color, var(--theme-button-background-initial-color, transparent)) !important;
  }
}
@media (min-width: 1025px) { .dn-filter-toolbar { display: none !important; } }
/* WooCommerce uses its drawer only below 601px by default. Keep the same
   native button-and-overlay experience for tablets as well. */
@media (min-width: 601px) and (max-width: 1024px) {
  .dn-filter-toolbar .wc-block-product-filters { display: inline-flex; }
  .dn-filter-toolbar .wc-block-product-filters__open-overlay { display: flex; }
  .dn-filter-toolbar .wc-block-product-filters__overlay { background: transparent; inset: 0; pointer-events: none; position: fixed; top: var(--top-padding, 0); transition: background-color .5s; }
  .dn-filter-toolbar .wc-block-product-filters__overlay-wrapper { height: 100%; position: relative; width: 100%; }
  .dn-filter-toolbar .wc-block-product-filters__overlay-dialog { background: var(--wc-product-filters-overlay-background-color, #fff); color: var(--wc-product-filters-overlay-text-color, inherit); display: flex !important; flex-direction: column; inset: 0; max-height: 100%; position: absolute; transform: translateY(100vh); }
  .dn-filter-toolbar .wc-block-product-filters__overlay-header { display: flex; }
  .dn-filter-toolbar .wc-block-product-filters__overlay-content { overflow-y: scroll; padding: 0 var(--wp--preset--spacing--40, 1.5rem); }
  .dn-filter-toolbar .wc-block-product-filters__overlay-footer { display: block; }
  .dn-filter-toolbar .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay { background-color: rgba(95,95,95,.35); pointer-events: auto; z-index: 9999; }
  .dn-filter-toolbar .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog { transform: translateY(0); transition: transform .5s; }
}