.mobile-filter-bar,.mobile-filter-heading,.mobile-filter-backdrop{display:none}

@media(max-width:900px){
  body.filter-open{overflow:hidden}
  .mobile-filter-bar{display:block;padding:24px 24px 22px;background:#f8f6f1}
  .mobile-filter-bar>button{display:flex;align-items:center;width:100%;min-height:64px;padding:12px 18px;border:1px solid #26342f;background:#26342f;color:#fff;text-align:left;cursor:pointer}
  .mobile-filter-bar span{display:block;color:#c9d2cd;font-size:9px;letter-spacing:.16em}
  .mobile-filter-bar b{display:block;margin-top:4px;font:500 15px var(--serif)}
  .mobile-filter-bar i{margin-left:auto;font-size:22px;font-style:normal}
  .catalog{display:block!important;padding-top:28px!important}
  .filters{position:fixed!important;z-index:70;inset:0 0 0 auto;width:min(92vw,430px);max-width:none!important;margin:0;padding:0 20px 110px!important;overflow-y:auto;border:0!important;border-radius:0!important;background:#faf8f3;box-shadow:-18px 0 50px rgba(20,31,26,.24)!important;visibility:hidden;transform:translateX(102%);transition:transform .28s ease,visibility 0s linear .28s}
  .filters.is-open{visibility:visible;transform:translateX(0);transition:transform .28s ease}
  .filters>h2{margin:0 -20px!important;padding:14px 20px!important;background:#eeeae2!important;color:#26342f!important}
  .filters fieldset{display:block!important}
  .filters fieldset label{font-size:13px}
  .filters form>button[type=submit]{position:fixed;z-index:2;right:0;bottom:0;width:min(92vw,430px);min-height:64px;margin:0;border:12px solid #faf8f3;background:#26342f;color:#fff}
  .mobile-filter-heading{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;margin:0 -20px;padding:18px 20px;background:#26342f;color:#fff}
  .mobile-filter-heading small{display:block;margin-bottom:4px;color:#c9d2cd;font-size:8px;letter-spacing:.18em}
  .mobile-filter-heading b{font:500 18px var(--serif)}
  .mobile-filter-heading button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:25px;cursor:pointer}
  .mobile-filter-backdrop{position:fixed;z-index:65;inset:0;display:block;border:0;background:rgba(17,27,23,.56);opacity:0;visibility:hidden;transition:opacity .28s,visibility 0s linear .28s}
  .mobile-filter-backdrop.is-open{opacity:1;visibility:visible;transition:opacity .28s}
  .mobile-filter-backdrop[hidden]{display:none}
}

@media(max-width:680px){.mobile-filter-bar{padding:22px 16px 18px}.catalog{padding-top:20px!important}}
@media(prefers-reduced-motion:reduce){.filters,.mobile-filter-backdrop{transition:none!important}}