.product-filter-native { --pfs-height:48px; --pfs-width:220px; --pfs-radius:14px; --pfs-gap:12px; --pfs-accent:#123674; --pfs-border:#e3e8ef; --pfs-text:#172132; --pfs-bg:#fff; --pfs-hover:#f5f7fb; }
.product-filter-native .ts-filter-wrapper { justify-content:flex-start!important; align-items:center!important; gap:var(--pfs-gap)!important; flex-wrap:wrap!important; }
.product-filter-native .ts-filter-wrapper>.ts-form-group { flex:0 1 var(--pfs-width)!important; width:var(--pfs-width)!important; max-width:100%!important; margin:0!important; }
.product-filter-native .ts-filter-wrapper>.ts-form-group>label { display:none!important; }
.product-filter-native .ts-filter { height:var(--pfs-height)!important; min-height:40px!important; padding:0 16px!important; border:1px solid var(--pfs-border)!important; border-radius:var(--pfs-radius)!important; background:var(--pfs-bg)!important; color:var(--pfs-text)!important; gap:12px!important; }
.product-filter-native .ts-filter.ts-filled { background:var(--pfs-bg)!important; border-color:var(--pfs-accent)!important; }
.product-filter-native .ts-filter>span:first-child { display:none!important; }
.product-filter-native .ts-filter-text { font-size:inherit!important; font-weight:400!important; min-width:0; }
.product-filter-native .ts-down-icon { border:0!important; width:8px!important; height:8px!important; border-right:1.5px solid #657086!important; border-bottom:1.5px solid #657086!important; transform:translateY(-2px) rotate(45deg)!important; }
.product-filter-native .ts-down-icon>* { display:none!important; }
.product-filter-native .pfs-chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.product-filter-native .pfs-chips:empty { display:none; }
.product-filter-native .pfs-chip { height:var(--pfs-height); min-height:40px; padding:0 14px; border:1px solid var(--pfs-border); border-radius:var(--pfs-radius); font:inherit; color:var(--pfs-accent); background:var(--pfs-hover); cursor:pointer; }
.product-filter-native .pfs-chip:focus-visible { outline:2px solid var(--pfs-accent); outline-offset:3px; }
.product-filter-native .pfs-result-count { margin-left:auto; color:#657086; font-size:14px; white-space:nowrap; }
.pfs-numbered-feed .feed-pagination { display:none!important; }
.pfs-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin-top:24px; color:#172132; }
.pfs-pagination[hidden], .product-filter-native .pfs-result-count[hidden] { display:none!important; }
.pfs-pagination button { display:inline-flex; align-items:center; justify-content:center; min-width:40px; min-height:40px; padding:8px 10px; border:1px solid #e3e8ef; border-radius:10px; color:#172132; background:#fff; font:inherit; cursor:pointer; line-height:1.3; }
.pfs-pagination button:hover:not(:disabled):not([aria-current]) { background:#f5f7fb; }
.pfs-pagination button[aria-current=page] { background:#123674; border-color:#123674; color:#fff; }
.pfs-pagination button:disabled { opacity:.5; cursor:default; }
.pfs-pagination button:focus-visible { outline:2px solid #123674; outline-offset:3px; }
.product-filter-native.pfs-no-controls .ts-filter-toggle { display:none!important; }
@media(min-width:768px) {
 .product-filter-native { display:flex; align-items:center; flex-wrap:wrap; gap:var(--pfs-gap); }
 .product-filter-native>.elementor-widget-container { display:contents; }
 .product-filter-native .pfs-chips { margin-top:0; }
}
@media(max-width:767px) {
 .product-filter-native .pfs-result-count { display:block; margin-top:12px; text-align:right; }
 .product-filter-native .ts-filter-toggle { width:100%; min-height:48px; border-radius:14px; }
 .pfs-portal { display:flex!important; align-items:flex-end!important; background:#17213266; }
 .pfs-portal.hidden { display:none!important; }
 .pfs-portal .ts-popup-root { position:static!important; inset:auto!important; transform:none!important; height:auto!important; width:100%!important; margin:0!important; }
 .pfs-portal .ts-field-popup-container { position:static!important; width:100%!important; height:auto!important; }
 .pfs-portal .ts-field-popup { position:relative!important; inset:auto!important; transform:none!important; margin:0!important; width:100%!important; display:flex!important; flex-direction:column; height:auto!important; max-height:75vh!important; max-height:min(75dvh,560px)!important; border-radius:20px 20px 0 0!important; overflow:hidden!important; background:#fff; }
 .pfs-portal .ts-popup-content-wrapper { flex:1 1 auto; min-height:0!important; overflow-y:auto!important; overscroll-behavior-y:contain; touch-action:pan-y; }
 .pfs-portal .ts-popup-controller { flex-shrink:0; padding-bottom:calc(16px + env(safe-area-inset-bottom))!important; }
 .pfs-portal .ts-filter-wrapper { display:block!important; padding:16px 20px!important; }
 .pfs-portal .ts-filter-wrapper>.ts-form-group { width:100%!important; max-width:100%!important; margin:0 0 16px!important; }
 .pfs-portal .ts-inline-filter, .pfs-portal .ts-term-dropdown { max-height:none!important; overflow:visible!important; }
 .pfs-portal .ts-inline-filter>label { display:block!important; font-weight:600; margin-bottom:8px; }
 .pfs-portal .ts-term-dropdown-list>li>a { padding:12px 8px!important; }
}
