.jwf-wrap{--jwf-accent:#0002CE;--jwf-accent-hover:#0001a8;--jwf-accent-soft:rgba(0,2,206,.07);--jwf-border:#e5e7eb;--jwf-text:#171923;--jwf-muted:#6b7280;--jwf-surface:#fff;font-family:inherit!important;color:var(--jwf-text)!important;width:100%;box-sizing:border-box}
.jwf-wrap *{box-sizing:border-box}
.jwf-panel{background:#fff!important;border:1px solid var(--jwf-border)!important;border-radius:16px!important;padding:20px!important;box-shadow:0 10px 30px rgba(17,24,39,.06)!important;width:100%!important;max-width:100%!important}
.jwf-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 2px!important}.jwf-panel-head h3{font-size:21px!important;line-height:1.25!important;margin:0!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--jwf-text)!important;text-transform:none!important}
.jwf-close{display:none!important;width:40px!important;height:40px!important;align-items:center!important;justify-content:center!important;border:1px solid var(--jwf-border)!important;border-radius:10px!important;background:#fff!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;color:#374151!important;padding:0!important;min-width:40px!important;box-shadow:none!important}
.jwf-section{padding:17px 0!important;border-bottom:1px solid #edf0f4!important;margin:0!important}.jwf-section:last-of-type{border-bottom:0!important}
.jwf-section-title,.jwf-wrap button.jwf-section-title,.jwf-wrap label.jwf-section-title,.jwf-wrap div.jwf-section-title{appearance:none!important;-webkit-appearance:none!important;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--jwf-text)!important;display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;padding:0!important;margin:0 0 11px!important;font-family:inherit!important;font-size:15px!important;line-height:1.35!important;font-weight:700!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;min-height:0!important}
.jwf-wrap button.jwf-section-title:hover,.jwf-wrap button.jwf-section-title:focus{background:transparent!important;color:var(--jwf-text)!important;box-shadow:none!important;outline:none!important}
.jwf-collapse{cursor:pointer!important}.jwf-chevron{font-size:16px!important;color:#7c8493!important;transition:transform .2s ease!important;line-height:1!important}.jwf-collapse[aria-expanded=false] .jwf-chevron{transform:rotate(-90deg)!important}.jwf-collapse[aria-expanded=false]+.jwf-options{display:none!important}
.jwf-search-box{position:relative!important}.jwf-search-box input,.jwf-option-search input,.jwf-section select,.jwf-price-row input{width:100%!important;max-width:100%!important;min-height:42px!important;height:42px!important;border:1px solid #d8dce5!important;border-radius:9px!important;background:#fff!important;padding:9px 11px!important;outline:none!important;font-family:inherit!important;font-size:14px!important;line-height:1.2!important;font-weight:400!important;color:var(--jwf-text)!important;box-shadow:none!important;text-transform:none!important}.jwf-search-box input{padding-right:38px!important}.jwf-search-box span{position:absolute!important;right:13px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--jwf-muted)!important;font-size:16px!important}.jwf-search-box input:focus,.jwf-option-search input:focus,.jwf-section select:focus,.jwf-price-row input:focus{border-color:var(--jwf-accent)!important;box-shadow:0 0 0 3px rgba(0,2,206,.08)!important}
.jwf-option-search{margin:0 0 8px!important}.jwf-option-search input{min-height:40px!important;height:40px!important;font-size:13px!important;background:#fafbfc!important}.jwf-option-scroll{max-height:260px!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important;scrollbar-width:thin!important;scrollbar-color:#c7ccd6 transparent!important}.jwf-check{display:grid!important;grid-template-columns:18px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:8px 2px!important;margin:0!important;cursor:pointer!important;color:#4b5563!important;border-radius:7px!important;min-width:0!important}.jwf-check input{position:absolute!important;opacity:0!important;pointer-events:none!important}.jwf-box{width:17px!important;height:17px!important;border:1.5px solid #aeb6c3!important;border-radius:4px!important;display:block!important;position:relative!important;background:#fff!important;flex:none!important}.jwf-check input:checked+.jwf-box{border-color:var(--jwf-accent)!important;background:var(--jwf-accent)!important}.jwf-check input:checked+.jwf-box:after{content:""!important;position:absolute!important;left:4px!important;top:1px!important;width:5px!important;height:9px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important}.jwf-name{display:block!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;font-size:14px!important;line-height:1.35!important;font-weight:500!important;color:#2f3441!important;text-transform:none!important;letter-spacing:0!important}.jwf-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#747c89!important;font-size:11px!important;line-height:1!important;background:#f2f4f7!important;border-radius:999px!important;min-width:24px!important;padding:4px 7px!important;font-weight:600!important;white-space:nowrap!important}
.jwf-price-row{display:grid!important;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr)!important;gap:7px!important;align-items:center!important}.jwf-price-row label{position:relative!important;margin:0!important}.jwf-price-row label span{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--jwf-muted)!important;font-size:12px!important;z-index:1!important}.jwf-price-row input{padding-left:25px!important;min-width:0!important}.jwf-price-dash{color:#9ca3af!important;text-align:center!important;font-size:13px!important}
.jwf-chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.jwf-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 9px!important;border:1px solid rgba(0,2,206,.14)!important;border-radius:999px!important;background:var(--jwf-accent-soft)!important;color:var(--jwf-accent)!important;text-decoration:none!important;font-size:12px!important;font-weight:600!important}
.jwf-actions{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:9px!important;padding-top:17px!important}.jwf-reset,.jwf-apply{min-height:44px!important;height:44px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-family:inherit!important;font-size:13px!important;line-height:1!important;font-weight:700!important;cursor:pointer!important;text-transform:none!important;letter-spacing:0!important;margin:0!important;padding:0 12px!important}.jwf-reset{border:1px solid #d7dce5!important;background:#fff!important;color:#374151!important}.jwf-apply{border:1px solid var(--jwf-accent)!important;background:var(--jwf-accent)!important;color:#fff!important;box-shadow:0 6px 16px rgba(0,2,206,.16)!important}.jwf-apply:hover{background:var(--jwf-accent-hover)!important;border-color:var(--jwf-accent-hover)!important;color:#fff!important}
.jwf-mobile-toggle{display:none!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;border-radius:999px!important;background:var(--jwf-accent)!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;line-height:1!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 8px 24px rgba(0,2,206,.28)!important;text-transform:none!important;letter-spacing:0!important}.jwf-filter-icon{display:inline-flex!important;width:18px!important;height:18px!important}.jwf-filter-icon svg{width:18px!important;height:18px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}.jwf-overlay{display:none}.jwf-loading{display:none!important;padding-top:12px!important;text-align:center!important}.jwf-loading span{width:22px!important;height:22px!important;border:2px solid #d9dce8!important;border-top-color:var(--jwf-accent)!important;border-radius:50%!important;display:inline-block!important;animation:jwfspin .65s linear infinite!important}@keyframes jwfspin{to{transform:rotate(360deg)}}.jwf-wrap.is-loading .jwf-loading{display:block!important}.jwf-wrap.is-loading .jwf-apply{opacity:.62!important;pointer-events:none!important}
@media(max-width:1024px){
 .jwf-wrap.jwf-mobile-portaled{position:static!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
 .jwf-mobile-toggle{display:flex!important;position:fixed!important;right:18px!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;z-index:99989!important;width:auto!important;min-width:118px!important;height:48px!important;padding:0 18px!important}
 .jwf-panel{position:fixed!important;z-index:99992!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(92vw,390px)!important;max-width:390px!important;height:100dvh!important;border:0!important;border-left:1px solid var(--jwf-border)!important;border-radius:0!important;padding:0!important;transform:translateX(105%)!important;transition:transform .26s ease!important;overflow:hidden!important;box-shadow:-20px 0 55px rgba(0,0,0,.18)!important;display:flex!important;flex-direction:column!important;background:#fff!important;visibility:visible!important}
 .jwf-panel-head{position:sticky!important;top:0!important;z-index:3!important;background:#fff!important;padding:17px 17px 14px!important;border-bottom:1px solid #edf0f5!important;margin:0!important}.jwf-panel-head h3{font-size:19px!important}.jwf-close{display:inline-flex!important}
 .jwf-form{overflow-y:auto!important;overscroll-behavior:contain!important;padding:0 17px 94px!important;flex:1!important;-webkit-overflow-scrolling:touch!important}.jwf-section{padding:15px 0!important}.jwf-option-scroll{max-height:235px!important}.jwf-name{font-size:14px!important}.jwf-check{padding:8px 1px!important}
 .jwf-actions{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:4!important;background:#fff!important;border-top:1px solid #e7eaf0!important;padding:11px 14px calc(11px + env(safe-area-inset-bottom))!important;grid-template-columns:.9fr 1.35fr!important;box-shadow:0 -7px 24px rgba(17,24,39,.07)!important}
 .jwf-reset,.jwf-apply{min-height:46px!important;height:46px!important}
 .jwf-overlay{position:fixed!important;z-index:99991!important;inset:0!important;background:rgba(17,24,39,.42)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
 .jwf-wrap.is-open .jwf-panel{transform:translateX(0)!important}.jwf-wrap.is-open .jwf-overlay{display:block!important}body.jwf-lock{overflow:hidden!important;touch-action:none!important}
}
@media(max-width:380px){.jwf-panel{width:94vw!important}.jwf-form{padding-left:14px!important;padding-right:14px!important}.jwf-panel-head{padding-left:14px!important;padding-right:14px!important}.jwf-actions{padding-left:12px!important;padding-right:12px!important;gap:8px!important}.jwf-reset,.jwf-apply{font-size:12px!important}.jwf-mobile-toggle{right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;min-width:108px!important;height:46px!important;padding:0 15px!important}}
@media(prefers-reduced-motion:reduce){.jwf-panel,.jwf-chevron{transition:none!important}.jwf-loading span{animation-duration:1.2s!important}}

/* v1.4: hierarchical WooCommerce categories + cleaner brand/category hierarchy */
.jwf-hierarchical .jwf-check{padding-left:calc(1px + (var(--jwf-depth,0) * 14px))!important}
.jwf-child-term .jwf-name{font-weight:500!important}
.jwf-tree-mark{display:inline-block!important;color:#a2a8b4!important;margin-right:5px!important;font-size:12px!important;line-height:1!important;transform:translateY(-1px)!important}

/* v1.4 mobile placement: sit above common fixed bottom navigation bars and away from right-side chat widgets */
@media(max-width:1024px){
 .jwf-mobile-toggle{left:16px!important;right:auto!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;min-width:104px!important;height:46px!important;padding:0 16px!important;z-index:99989!important}
}
@media(max-width:380px){
 .jwf-mobile-toggle{left:12px!important;right:auto!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;min-width:100px!important;height:44px!important;padding:0 14px!important}
}

/* v1.5 desktop integration: use the theme/sidebar card as the visual container.
   This removes the nested white card so the filter feels native to Pratza. */
@media(min-width:1025px){
 .jwf-wrap{background:transparent!important;margin:0!important;padding:0!important}
 .jwf-panel{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
 .jwf-panel-head{padding:0!important;margin:0 0 4px!important;background:transparent!important;border:0!important}
 .jwf-panel-head h3{font-size:20px!important}
 .jwf-section{padding:16px 0!important}
 .jwf-actions{padding-top:16px!important;padding-bottom:0!important}
}

/* v1.6 – larger, clearer filters + WooCommerce Brands + Dokan vendors */
.jwf-wrap{--jwf-accent-hover:#0002CE}
.jwf-section-title,.jwf-wrap button.jwf-section-title,.jwf-wrap label.jwf-section-title,.jwf-wrap div.jwf-section-title{font-size:17px!important;line-height:1.35!important;margin-bottom:13px!important}
.jwf-search-box input,.jwf-option-search input,.jwf-section select,.jwf-price-row input{font-size:15px!important;min-height:46px!important;height:46px!important}
.jwf-option-search{margin-bottom:10px!important}.jwf-option-search input{font-size:14px!important;min-height:43px!important;height:43px!important}
.jwf-check{grid-template-columns:19px minmax(0,1fr) auto!important;gap:10px!important;padding:9px 2px!important}
.jwf-box{width:18px!important;height:18px!important}.jwf-check input:checked+.jwf-box:after{left:4px!important;top:1px!important;width:5px!important;height:10px!important}
.jwf-name{font-size:15.5px!important;line-height:1.42!important;font-weight:500!important}.jwf-count{font-size:12px!important;min-width:25px!important;padding:5px 8px!important}
.jwf-option-scroll{max-height:310px!important}.jwf-section{padding:19px 0!important}.jwf-panel-head h3{font-size:21px!important}
.jwf-reset,.jwf-apply{font-size:14px!important}.jwf-apply:hover,.jwf-apply:focus,.jwf-mobile-toggle:hover,.jwf-mobile-toggle:focus{background:#0002CE!important;border-color:#0002CE!important;color:#fff!important}

/* Dokan store filter */
.jwf-vendor-check{grid-template-columns:19px minmax(0,1fr) auto!important}
.jwf-vendor-name-wrap{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.jwf-vendor-avatar{width:30px!important;height:30px!important;border-radius:50%!important;overflow:hidden!important;background:#f1f3f6!important;border:1px solid #e1e5eb!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 30px!important}
.jwf-vendor-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;margin:0!important;border:0!important}
.jwf-vendor-scroll{max-height:300px!important}

/* Dokan store identity inside WooCommerce product cards */
.jwf-product-vendor{margin:8px 0 6px!important;font-family:inherit!important;line-height:1.2!important}
.jwf-product-vendor-link{display:inline-flex!important;align-items:center!important;gap:7px!important;max-width:100%!important;color:#444b5a!important;text-decoration:none!important;border:0!important;box-shadow:none!important;background:transparent!important}
.jwf-product-vendor-link:hover,.jwf-product-vendor-link:focus{color:#0002CE!important;text-decoration:none!important}
.jwf-product-vendor-link img{width:25px!important;height:25px!important;min-width:25px!important;border-radius:50%!important;object-fit:cover!important;margin:0!important;border:1px solid #e2e5eb!important;box-shadow:none!important}
.jwf-product-vendor-link span{display:flex!important;flex-direction:column!important;min-width:0!important;text-align:left!important}
.jwf-product-vendor-link small{display:block!important;color:#8a909c!important;font-size:10px!important;font-weight:500!important;line-height:1.15!important;margin:0 0 1px!important;text-transform:none!important;letter-spacing:0!important}
.jwf-product-vendor-link strong{display:block!important;color:inherit!important;font-size:12.5px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:190px!important}

@media(max-width:1024px){
 .jwf-section-title,.jwf-wrap button.jwf-section-title,.jwf-wrap label.jwf-section-title,.jwf-wrap div.jwf-section-title{font-size:16px!important}
 .jwf-name{font-size:15px!important}.jwf-check{padding:9px 1px!important}.jwf-option-scroll{max-height:275px!important}
 .jwf-search-box input,.jwf-option-search input,.jwf-section select,.jwf-price-row input{font-size:15px!important}
}