/* The data, URLs and filtering behaviour are the native ps_facetedsearch module.
   This layer only exposes it as an editorial trigger and one responsive drawer. */
body#category #search_filter_toggler {
  align-items: center;
  background: #fff !important;
  border: 1px solid #1d1d1d !important;
  border-radius: 0 !important;
  color: #1d1d1d !important;
  display: inline-flex !important;
  font-family: var(--jojo-sans, Arial, sans-serif);
  font-size: 10px;
  font-weight: 600;
  gap: 7px;
  letter-spacing: .13em;
  line-height: 1;
  min-height: 39px;
  padding: 0 15px;
  text-transform: uppercase;
}
body#category #search_filter_toggler:hover { background: #1d1d1d !important; color: #fff !important; }
body#category #search_filter_toggler .material-icons { font-size: 16px; margin: 0; }

body#category #offcanvas-faceted {
  background: #fff;
  border-left: 1px solid #e3dfd8;
  box-shadow: none;
  left: auto;
  max-width: 100vw;
  padding: 0;
  right: 0;
  width: min(430px, 100vw);
}
body#category #offcanvas-faceted.offcanvas-start { transform: translateX(100%); }
body#category #offcanvas-faceted.offcanvas-start.show,
body#category #offcanvas-faceted.offcanvas-start.showing { transform: none; }
body#category #offcanvas-faceted .offcanvas-header { align-items: center; border-bottom: 1px solid #e9e6e1; min-height: 69px; padding: 0 22px; }
body#category #offcanvas-faceted .offcanvas-title { font-family: var(--jojo-sans, Arial, sans-serif); font-size: 11px; font-weight: 600; letter-spacing: .13em; margin: 0; text-transform: uppercase; }
body#category #offcanvas-faceted .btn-close { background-size: 13px; border-radius: 0; box-shadow: none; opacity: 1; }
body#category #offcanvas-faceted .offcanvas-body { overflow-x: hidden; padding: 0 22px 38px; }
body#category #offcanvas-faceted #search-filters > .left-block__title { display: none !important; }
body#category #offcanvas-faceted .accordion-item { border: 0; border-bottom: 1px solid #e9e6e1; border-radius: 0; }
body#category #offcanvas-faceted .accordion-button { background: transparent; box-shadow: none; color: #1d1d1d; font-family: var(--jojo-sans, Arial, sans-serif); font-size: 10px; font-weight: 600; letter-spacing: .12em; min-height: 60px; padding: 0; text-transform: uppercase; }
body#category #offcanvas-faceted .accordion-button::after { background-size: 13px; height: 13px; width: 13px; }
body#category #offcanvas-faceted .accordion-body { padding: 0 0 18px; }
body#category #offcanvas-faceted .accordion-body ul { list-style: none; margin: 0; padding: 0; }
body#category #offcanvas-faceted .search-filters__item { margin: 0 0 11px; }
body#category #offcanvas-faceted .form-check { min-height: 0; padding-left: 24px; }
body#category #offcanvas-faceted .form-check-input { border-color: #1d1d1d; border-radius: 0; box-shadow: none; height: 14px; margin-left: -24px; margin-top: .18em; width: 14px; }
body#category #offcanvas-faceted .form-check-input:checked { background-color: #1d1d1d; }
body#category #offcanvas-faceted .form-check-label,
body#category #offcanvas-faceted .form-check-label a { color: #333; font-family: var(--jojo-sans, Arial, sans-serif); font-size: 12px; letter-spacing: .015em; text-decoration: none; }

@media (max-width: 767.98px) {
  body#category #search_filter_toggler { flex: 1; justify-content: center; min-height: 38px; }
  body#category #offcanvas-faceted { width: min(360px, 92vw); }
  body#category #offcanvas-faceted .offcanvas-header { min-height: 62px; padding-inline: 18px; }
  body#category #offcanvas-faceted .offcanvas-body { padding-inline: 18px; }
}