/* Mobile filter drawer. */
.r1-mobile-filters{display:none}
@media(max-width:989px){
.r1-mobile-filters{display:block;width:100%;margin:0 0 14px}
.r1-mobile-filters__toggle{appearance:none;display:inline-flex;align-items:center;gap:8px;width:auto;min-height:30px;margin:0;padding:0;border:0!important;background:transparent!important;color:#767676!important;font:inherit;font-size:14px;font-weight:400;line-height:1.2;box-shadow:none!important;cursor:pointer}
.r1-mobile-filters__toggle:hover,.r1-mobile-filters__toggle:focus{color:#767676!important;background:transparent!important;box-shadow:none!important;outline:none}
/* Canonical 1R +/- control: same geometry and motion as Header settings. Reuse these r1-ui-circle-toggle classes. */
.r1-ui-circle-toggle{position:relative;display:block;width:22px;height:22px;min-width:22px;flex:0 0 22px;border:1px solid #9eabb8;border-radius:50%;background:#fff;box-sizing:border-box;color:#9eabb8}
.r1-ui-circle-toggle__h,.r1-ui-circle-toggle__v{position:absolute;display:block;left:50%;top:50%;background:#9eabb8;transform:translate(-50%,-50%);transform-origin:center;border-radius:1px;transition:transform .22s ease,opacity .22s ease}
.r1-ui-circle-toggle__h{width:9px;height:1.25px}.r1-ui-circle-toggle__v{width:1.25px;height:9px}
.r1-mobile-filters__toggle[aria-expanded="true"] .r1-ui-circle-toggle__v{transform:translate(-50%,-50%) rotate(90deg);opacity:0}
.r1-mobile-filters__panel{margin-top:10px;padding:12px 0 0;border:0;border-top:1px solid var(--r1-border,#e5e7eb);background:transparent}.r1-mobile-filters__panel[hidden]{display:none!important}
.r1-mobile-filters__panel:not([hidden]){display:block!important}
.r1-mobile-filters__panel>.r1-filters{display:block!important;width:100%!important}
}