/* FilterPro WP — public stylesheet. All rules are scoped under .filterpro-wrap. */

.filterpro-wrap{position:relative;color:var(--fp-item-color);background:var(--fp-bg);box-sizing:border-box}
.filterpro-wrap *,.filterpro-wrap *::before,.filterpro-wrap *::after{box-sizing:border-box}
.filterpro-wrap button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}

/* Layout */
.filterpro-wrap .fp-layout{display:grid;gap:32px;align-items:start}
.filterpro-wrap.fp-layout--sidebar-left  .fp-layout{grid-template-columns:var(--fp-sidebar-w) 1fr}
.filterpro-wrap.fp-layout--sidebar-right .fp-layout{grid-template-columns:1fr var(--fp-sidebar-w)}
.filterpro-wrap.fp-layout--sidebar-right .fp-sidebar{order:2}
.filterpro-wrap.fp-layout--top .fp-layout{grid-template-columns:1fr}
.filterpro-wrap.fp-layout--top .fp-sidebar{display:flex;flex-wrap:wrap;gap:24px}

/* Active filter chips */
.filterpro-wrap .fp-active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.filterpro-wrap .fp-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}
.filterpro-wrap .fp-chip{display:inline-flex;align-items:center;gap:6px;background:var(--fp-chip-bg);color:var(--fp-chip-color);padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.05em}
.filterpro-wrap .fp-chip-remove{color:var(--fp-chip-close);font-size:14px;line-height:1}
.filterpro-wrap .fp-reset-all{background:var(--fp-reset-bg);color:var(--fp-reset-color);border:1px solid var(--fp-reset-border);padding:6px 14px;border-radius:0;font-family:var(--fp-font-origin);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.filterpro-wrap .fp-reset-all:hover{color:var(--fp-item-active);border-color:var(--fp-accent)}

/* Sidebar */
.filterpro-wrap .fp-sidebar{display:flex;flex-direction:column;gap:24px}
.filterpro-wrap .fp-filter-group{display:flex;flex-direction:column;gap:10px}
.filterpro-wrap .fp-group-label{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;font-family:var(--fp-font-label);font-size:9px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--fp-label-color)}
.filterpro-wrap .fp-group-toggle{display:inline-block;width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.filterpro-wrap .fp-filter-group.is-collapsed .fp-group-toggle{transform:rotate(-45deg)}
.filterpro-wrap .fp-filter-group.is-collapsed .fp-group-body{display:none}
.filterpro-wrap .fp-group-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.filterpro-wrap .fp-group-items.fp-style-pill{flex-direction:row;flex-wrap:wrap;gap:6px}
.filterpro-wrap .fp-group-search{width:100%;background:transparent;border:1px solid var(--fp-item-border);color:var(--fp-item-color);padding:6px 10px;font:inherit;font-size:12px;border-radius:0;margin-bottom:6px}

/* Items */
.filterpro-wrap .fp-item{font-family:var(--fp-font-item);font-size:12px;font-weight:300;letter-spacing:.03em;color:var(--fp-item-color);cursor:pointer;transition:color .15s;background:transparent;border:0;padding:0;text-align:left}
.filterpro-wrap .fp-item:hover{color:var(--fp-item-hover)}
.filterpro-wrap .fp-item--active{color:var(--fp-item-active)}
.filterpro-wrap .fp-count{font-family:var(--fp-font-origin);font-size:9px;color:var(--fp-label-color);margin-left:4px}
.filterpro-wrap .fp-style-pill .fp-item{font-family:var(--fp-font-origin);font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:6px 12px;border:1px solid var(--fp-pill-border);border-radius:0;background:var(--fp-item-active-bg)}
.filterpro-wrap .fp-style-pill .fp-item--active{border-color:var(--fp-pill-active-border);color:var(--fp-item-active)}

/* Price slider */
.filterpro-wrap .fp-price-slider{padding:14px 8px 6px}
.filterpro-wrap .fp-range-track{position:relative;height:2px;background:var(--fp-slider-track)}
.filterpro-wrap .fp-range-fill{position:absolute;top:0;bottom:0;background:var(--fp-slider-fill)}
.filterpro-wrap .fp-handle{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--fp-slider-handle);transform:translate(-50%,-50%);cursor:grab;border:0}
.filterpro-wrap .fp-handle:active{cursor:grabbing}
.filterpro-wrap .fp-price-inputs{display:flex;align-items:center;gap:8px;margin-top:14px}
.filterpro-wrap .fp-price-inputs input{flex:1;background:transparent;border:1px solid var(--fp-item-border);color:var(--fp-item-color);padding:6px 8px;font:inherit;font-size:12px;border-radius:0;-moz-appearance:textfield}
.filterpro-wrap .fp-price-inputs input::-webkit-outer-spin-button,
.filterpro-wrap .fp-price-inputs input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* Toolbar / grid */
.filterpro-wrap .fp-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}
.filterpro-wrap .fp-results-count{font-family:var(--fp-font-origin);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--fp-label-color)}
.filterpro-wrap .fp-sort{background:transparent;color:var(--fp-item-color);border:1px solid var(--fp-item-border);padding:6px 10px;font:inherit;font-size:12px;border-radius:0}
.filterpro-wrap .fp-grid{display:grid;gap:var(--fp-card-gap);grid-template-columns:repeat(var(--fp-cols-d),1fr)}
@media(max-width:1024px){.filterpro-wrap .fp-grid{grid-template-columns:repeat(var(--fp-cols-t),1fr)}}
@media(max-width:600px){.filterpro-wrap .fp-grid{grid-template-columns:repeat(var(--fp-cols-m),1fr)}}
.filterpro-wrap .fp-empty{padding:60px 20px;text-align:center;color:var(--fp-item-color)}

/* Card */
.filterpro-wrap .fp-card{background:var(--fp-card-bg);border:1px solid var(--fp-card-border);border-radius:var(--fp-card-radius);overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s, box-shadow .25s}
.filterpro-wrap .fp-card:hover{border-color:var(--fp-card-hover-border);box-shadow:0 12px 40px var(--fp-card-hover-shadow)}
.filterpro-wrap .fp-card__img-wrap{position:relative;aspect-ratio:var(--fp-aspect);overflow:hidden;background:var(--fp-card-bg)}
.filterpro-wrap .fp-card__img-link{display:block;width:100%;height:100%}
.filterpro-wrap .fp-card__img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.filterpro-wrap .fp-card--zoom:hover .fp-card__img-wrap img{transform:scale(1.04)}
.filterpro-wrap .fp-card__sale{position:absolute;top:10px;left:10px;background:var(--fp-sale-badge-bg);color:var(--fp-sale-badge-color);font-family:var(--fp-font-origin);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:4px 8px}
.filterpro-wrap .fp-card__wishlist{position:absolute;top:10px;right:10px;width:34px;height:34px;background:var(--fp-wishlist-bg);color:var(--fp-wishlist-color);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
.filterpro-wrap .fp-card__wishlist svg{width:16px;height:16px}
.filterpro-wrap .fp-card:hover .fp-card__wishlist{opacity:1}
.filterpro-wrap .fp-card__quick-add{position:absolute;bottom:0;left:0;right:0;background:var(--fp-qa-bg);color:var(--fp-qa-color);font-family:var(--fp-font-origin);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:12px;transform:translateY(100%);transition:transform .3s ease}
.filterpro-wrap .fp-card:hover .fp-card__quick-add{transform:translateY(0)}
.filterpro-wrap .fp-card__info{padding:14px;background:var(--fp-card-info-bg);display:flex;flex-direction:column;gap:4px}
.filterpro-wrap .fp-card__origin{font-family:var(--fp-font-origin);font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:var(--fp-origin-color)}
.filterpro-wrap .fp-card__name{font-family:var(--fp-font-name);font-size:1.05rem;font-style:italic;font-weight:300;letter-spacing:-.01em;color:var(--fp-name-color);text-decoration:none}
.filterpro-wrap .fp-card__brand{font-family:var(--fp-font-brand);font-size:10px;font-weight:200;letter-spacing:.05em;color:var(--fp-brand-color)}
.filterpro-wrap .fp-card__footer{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}
.filterpro-wrap .fp-card__price{font-family:var(--fp-font-price);font-size:12px;font-weight:300;color:var(--fp-price-color)}
.filterpro-wrap .fp-card__price ins{text-decoration:none;color:var(--fp-sale-price-color)}
.filterpro-wrap .fp-card__price del{opacity:.5;margin-right:4px}
.filterpro-wrap .fp-card__size{font-family:var(--fp-font-origin);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--fp-origin-color)}

/* Pagination */
.filterpro-wrap .fp-pagination-wrap{margin-top:32px;display:flex;justify-content:center}
.filterpro-wrap .fp-pagination{display:flex;gap:4px;align-items:center;background:var(--fp-pager-bg);padding:4px}
.filterpro-wrap .fp-page{font-family:var(--fp-font-item);font-size:12px;color:var(--fp-pager-color);padding:6px 10px;min-width:32px;border:1px solid transparent}
.filterpro-wrap .fp-page:hover{color:var(--fp-pager-hover)}
.filterpro-wrap .fp-page--active{color:var(--fp-pager-active);border-color:var(--fp-pager-active)}
.filterpro-wrap .fp-page-gap{color:var(--fp-pager-color);padding:0 4px}
.filterpro-wrap .fp-load-more,.filterpro-wrap .fp-end-msg{font-family:var(--fp-font-origin);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fp-pager-color);padding:14px 28px;border:1px solid var(--fp-item-border)}
.filterpro-wrap .fp-load-more:hover{color:var(--fp-pager-hover);border-color:var(--fp-pager-active)}

/* Loading overlay */
.filterpro-wrap .fp-loading-overlay{position:absolute;inset:0;background:var(--fp-overlay);display:none;align-items:center;justify-content:center;z-index:10}
.filterpro-wrap.is-loading .fp-loading-overlay{display:flex}
.filterpro-wrap .fp-spinner{width:32px;height:32px;border:2px solid var(--fp-item-border);border-top-color:var(--fp-accent);border-radius:50%;animation:fp-spin .8s linear infinite}
@keyframes fp-spin{to{transform:rotate(360deg)}}

/* Mobile */
.filterpro-wrap .fp-mobile-open{display:none;font-family:var(--fp-font-origin);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fp-item-active);background:var(--fp-card-bg);border:1px solid var(--fp-item-border);padding:12px 20px;align-items:center;gap:8px;justify-content:center}
.filterpro-wrap .fp-mobile-count:not(:empty){background:var(--fp-accent);color:var(--fp-bg);font-family:var(--fp-font-origin);font-size:9px;padding:2px 6px;border-radius:999px;margin-left:6px}
.filterpro-wrap .fp-mobile-pos--fixed-bottom{display:none}
.filterpro-wrap .fp-mobile-pos--top{display:none;margin-bottom:16px}
.filterpro-wrap .fp-mobile-pos--inline{display:none;margin-bottom:16px}

@media(max-width:768px){
	.filterpro-wrap .fp-layout{grid-template-columns:1fr !important}
	.filterpro-wrap .fp-sidebar{position:fixed;top:0;left:-90vw;width:85vw;max-width:360px;height:100vh;background:var(--fp-bg);padding:20px;z-index:10001;overflow-y:auto;transition:left .35s ease;box-shadow:0 0 40px rgba(0,0,0,.4)}
	.filterpro-wrap.fp-mobile-open .fp-sidebar{left:0}
	.filterpro-wrap.fp-mobile-open::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000}
	.filterpro-wrap .fp-mobile-open{display:inline-flex}
	.filterpro-wrap .fp-mobile-pos--fixed-bottom{display:inline-flex;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:9999}
	.filterpro-wrap .fp-mobile-pos--top,
	.filterpro-wrap .fp-mobile-pos--inline{display:inline-flex}
}
