.spfwsp-filter-container.spfwsp-initializing {
opacity: 0;
}
.spfwsp-filter-container {
background: #fff;
padding: 10px;
margin-bottom: 30px;
}
.spfwsp-filter-title {
font-size: 20px;
font-weight: 600;
margin: 0 0 20px 0;
padding-bottom: 10px;
border-bottom: 2px solid #eee;
} .spfwsp-filter-section {
border-bottom: 1px solid #cfcfcf;
padding-bottom: 10px;
}
.spfwsp-filter-section:last-child {
border-bottom: none;
}
.spfwsp-filter-section-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;	
}
.spfwsp-filter-section-title:hover {
color: #2271b1;
} .spfwsp-filter-arrow::before {
content: "\203A";
font-size: 24px;
display: inline-block;
transform: rotate(90deg);
} .spfwsp-transitions-enabled .spfwsp-filter-arrow::before {
transition: transform 0.3s ease;
}
.spfwsp-filter-section.collapsed .spfwsp-filter-arrow::before {
transform: rotate(0deg);
} .spfwsp-filter-content {
max-height: 400px;
overflow-y: auto;
scrollbar-width: thin;
padding-right: 5px;
padding-left: 5px;
} .spfwsp-transitions-enabled .spfwsp-filter-content {
transition: max-height 0.3s ease;
}
.spfwsp-filter-section.collapsed .spfwsp-filter-content {
max-height: 0;
} .spfwsp-filter-section.spfwsp-no-height-limit > .spfwsp-filter-content {
max-height: calc(-300px + 100vh);	
} .spfwsp-filter-items {
list-style: none;
padding: 0;
margin: 0;
}
.spfwsp-filter-item {
display: flex;
align-items: center;
padding: 5px 0;
}
.spfwsp-filter-item input[type="checkbox"] {
margin-right: 8px;
}
.spfwsp-filter-item label {
flex: 1;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
} .spfwsp-filter-item input[type="checkbox"]:disabled {
cursor: not-allowed;
opacity: 0.5;
}
.spfwsp-filter-item input[type="checkbox"]:disabled + label {
cursor: not-allowed;
opacity: 0.5;
}
.spfwsp-filter-count {
color: #999;
font-size: 13px;
margin-left: 5px;
}  .spfwsp-categories-tree .spfwsp-filter-item {
display: block;
padding: 5px 0 0;
} .spfwsp-subcategories {
margin: 5px 0 0 0;
padding-left: 15px;
} .spfwsp-category-level-0 {
padding-left: 0;
}
.spfwsp-category-level-1 {
padding-left: 20px;
}
.spfwsp-category-level-2 {
padding-left: 40px;
}
.spfwsp-category-level-3 {
padding-left: 60px;
}
.spfwsp-category-level-4 {
padding-left: 80px;
} .spfwsp-categories-tree {
line-height:1.2em !important;
}
.spfwsp-categories-tree a {
text-decoration: none;
color: #333;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0;
transition: color 0.2s ease;
}
.spfwsp-categories-tree a:hover {
color: #2271b1;
} .spfwsp-categories-tree a[style*="pointer-events: none"],
.spfwsp-categories-tree a.spfwsp-disabled-link {
opacity: 0.5 !important;
cursor: not-allowed !important;
pointer-events: none !important;
color: #999 !important;
}
.spfwsp-categories-tree a.spfwsp-disabled-link:hover {
color: #999 !important;
} .spfwsp-categories-tree > li > a {
font-weight: 400;
font-size: 16px;;
} .spfwsp-subcategories > li > a {
font-weight: 400;	
} .spfwsp-current-category > a,
.spfwsp-active-link {
color: #2271b1 !important;
font-weight: 500 !important;
} .spfwsp-price-range {
padding: 10px 0;
}
.spfwsp-price-inputs {
display: flex;
gap: 10px;	
}
.spfwsp-price-inputs input {
flex: 1;
min-width: 0;
width: 100%;
box-sizing: border-box;
padding: 8px;
border: 1px solid #ddd;
border-radius: 3px;
} .spfwsp-price-slider-container {
padding: 10px 0;
}
.spfwsp-price-slider {
position: relative;
height: 6px;
margin: 30px 15px 20px 15px;
}
.spfwsp-slider-track {
position: absolute;
width: 100%;
height: 6px;
background: #e0e0e0;
border-radius: 3px;
top: 0;
left: 0;
}
.spfwsp-slider-range {
position: absolute;
height: 6px;
background: #2271b1;
border-radius: 3px;
top: 0;
}
.spfwsp-slider-thumb {
position: absolute;
width: 20px;
height: 20px;
background: #fff;
border: 2px solid #2271b1;
border-radius: 50%;
top: -7px;
margin-left: -10px;
cursor: pointer;
z-index: 2;
transition: transform 0.1s ease, box-shadow 0.2s ease;
outline: none; }
.spfwsp-slider-thumb:hover {
transform: scale(1.15);
}
.spfwsp-slider-thumb:focus {
transform: scale(1.15);
box-shadow: 0 0 0 4px rgba(34, 113, 177, 0.3);
}
.spfwsp-slider-thumb:active {
transform: scale(1.25);
box-shadow: 0 0 0 4px rgba(34, 113, 177, 0.2);
}
.spfwsp-slider-values {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
font-size: 14px;
color: #666;
}
.spfwsp-slider-value-min,
.spfwsp-slider-value-max {
font-weight: 400;
color: #2271b1;
}
.spfwsp-slider-separator {
color: #999;
font-weight: 400;
} .spfwsp-filter-buttons {
display: flex;
gap: 10px;
margin-top: 20px;
padding-top: 15px;	
}
.spfwsp-filter-buttons button {
flex: 1;
padding: 10px 20px;
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
transition: background 0.3s ease;
}
.spfwsp-apply-button {
background: #2271b1;
color: #fff;
}
.spfwsp-apply-button:hover {
background: #135e96;
}
.spfwsp-reset-button {
background: #f0f0f1;
color: #333;
}
.spfwsp-reset-button:hover {
background: #ddd;
} .spfwsp-mobile-filter-button-wrap {
display: none;
}
.spfwsp-mobile-filter-button {
display: inline-flex;
padding: 10px 20px;
background: #2271b1;
color: #fff;
border: none;
border-radius: 3px;
cursor: pointer;
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
align-items: center;
justify-content: center;
gap: 8px;
} .spfwsp-filter-close {
display: none;
}
.spfwsp-mobile-filter-button .dashicons {
font-size: 18px;
} @media screen and (max-width: 782px) {
.spfwsp-mobile-filter-button-wrap {
display: block;
position: sticky;
top: 0;
z-index: 98;
margin-bottom: 0;
} .spfwsp-mobile-filter-button {
display: inline-flex;
width: 100%;
box-sizing: border-box;
margin-bottom: 0;
border-radius: 0;
background: #2271b1;
}
.spfwsp-filter-container {
position: fixed;
top: 0;
left: -100%;
width: 80%;
max-width: 320px;
height: 100%;
max-height: 100vh;
overflow: hidden;
z-index: 999;
transition: left 0.3s ease;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
margin: 0;
padding: 0;
border-radius: 0;
display: flex;
flex-direction: column;
} .spfwsp-filter-container .spfwsp-filter-title {
flex-shrink: 0;
padding: 15px 50px 10px 15px;
margin: 0;
min-height: 54px;
} .spfwsp-filter-container .spfwsp-filter-form {
display: flex;
flex-direction: column;
flex: 1 1 0;
overflow: hidden;
min-height: 0;
} .spfwsp-filter-container .spfwsp-filter-sections {
flex: 1 1 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
min-height: 0;
padding: 0 10px;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.spfwsp-filter-container .spfwsp-filter-sections::-webkit-scrollbar {
width: 4px;
}
.spfwsp-filter-container .spfwsp-filter-sections::-webkit-scrollbar-track {
background: transparent;
}
.spfwsp-filter-container .spfwsp-filter-sections::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
} .spfwsp-filter-container .spfwsp-filter-content {
max-height: 2000px;
overflow-y: hidden;
}
.spfwsp-filter-section.spfwsp-no-height-limit > .spfwsp-filter-content {
max-height: none;
overflow-y: visible;
}
.spfwsp-filter-container .spfwsp-filter-section.collapsed .spfwsp-filter-content {
max-height: 0;
} .spfwsp-filter-container .spfwsp-filter-buttons {
flex: 0 0 auto;
background: #fff;
padding: 12px 15px;
border-top: 1px solid #eee;
box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.08);
}
.spfwsp-filter-container.active {
left: 0;
} .spfwsp-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 998;
display: none;
}
.spfwsp-overlay.active {
display: block;
} .spfwsp-filter-close {
display: block;
position: absolute;
top: 15px;
right: 15px;
font-size: 24px;
cursor: pointer;
color: #333;
}
}  .spfwsp-orderby-reset-wrapper {
display: flex;
justify-content: flex-end;
width: 100%;
margin-bottom: 10px;
} .spfwsp-orderby-reset {
display: inline-flex;
align-items: center;
gap: 4px;
background: #f0f0f0;
border: 1px solid #ddd;
border-radius: 20px;
color: #333;
cursor: pointer;
font-size: 13px;
line-height: 1.4;
padding: 4px 8px 4px 12px;
transition: background 0.15s, border-color 0.15s;
white-space: nowrap;
}
.spfwsp-orderby-reset:hover {
background: #e8e8e8;
border-color: #bbb;
} .spfwsp-active-filters .spfwsp-orderby-reset {
margin-left: auto;
} .spfwsp-loading {
opacity: 0.5;
pointer-events: none;
}
.spfwsp-loader {
display: inline-block;
width: 20px;
height: 20px;
border: 3px solid #f3f3f3;
border-top: 3px solid #2271b1;
border-radius: 50%;
animation: spfwsp-spin 1s linear infinite;
}
@keyframes spfwsp-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}  html {
scrollbar-gutter: stable;
}   #secondary li {
margin-bottom: 0 !important;
line-height: 1.4em;
}
.ast-right-sidebar #secondary {
padding-left: 10px !important;
} .spfwsp-style-chips,
.spfwsp-style-buttons {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 4px 0;
}
.spfwsp-style-chips .spfwsp-filter-item,
.spfwsp-style-buttons .spfwsp-filter-item {
display: inline-flex;
padding: 0;
} .spfwsp-style-chips .spfwsp-filter-item input[type="checkbox"],
.spfwsp-style-buttons .spfwsp-filter-item input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
} .spfwsp-style-chips .spfwsp-filter-item label {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 4px 10px;
border: 1px solid #ccc;
border-radius: 20px;
background: #fff;
cursor: pointer;
font-size: 13px;
line-height: 1.4;
transition: background 0.15s, border-color 0.15s, color 0.15s;
user-select: none;
}
.spfwsp-style-chips .spfwsp-filter-item label:hover {
border-color: #555;
background: #f5f5f5;
}
.spfwsp-style-chips .spfwsp-filter-item.spfwsp-active label,
.spfwsp-style-chips .spfwsp-filter-item input[type="checkbox"]:checked + label {
background: #333;
border-color: #333;
color: #fff;
}
.spfwsp-style-chips .spfwsp-filter-item.spfwsp-active label .spfwsp-filter-count,
.spfwsp-style-chips .spfwsp-filter-item input[type="checkbox"]:checked + label .spfwsp-filter-count {
color: rgba(255,255,255,0.75);
} .spfwsp-style-chips .spfwsp-filter-item input[type="checkbox"]:disabled + label {
opacity: 0.4;
cursor: not-allowed;
} .spfwsp-style-buttons .spfwsp-filter-item label {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 7px 14px;
border: 2px solid #ddd;
border-radius: 4px;
background: #fff;
cursor: pointer;
font-size: 13px;
line-height: 1.4;
transition: background 0.15s, border-color 0.15s, color 0.15s;
user-select: none;
}
.spfwsp-style-buttons .spfwsp-filter-item label:hover {
border-color: #555;
background: #f5f5f5;
}
.spfwsp-style-buttons .spfwsp-filter-item.spfwsp-active label,
.spfwsp-style-buttons .spfwsp-filter-item input[type="checkbox"]:checked + label {
border-color: #333;
background: #333;
color: #fff;
}
.spfwsp-style-buttons .spfwsp-filter-item.spfwsp-active label::before,
.spfwsp-style-buttons .spfwsp-filter-item input[type="checkbox"]:checked + label::before {
content: "✓ ";
font-size: 12px;
}
.spfwsp-style-buttons .spfwsp-filter-item.spfwsp-active label .spfwsp-filter-count,
.spfwsp-style-buttons .spfwsp-filter-item input[type="checkbox"]:checked + label .spfwsp-filter-count {
color: rgba(255,255,255,0.75);
} .spfwsp-style-buttons .spfwsp-filter-item input[type="checkbox"]:disabled + label {
opacity: 0.4;
cursor: not-allowed;
} .spfwsp-style-swatches {
display: flex;
flex-wrap: wrap;
gap: 18px;
padding: 4px 0;
}
.spfwsp-style-swatches .spfwsp-filter-item {
display: inline-block;
text-align: center;
padding: 0;
} .spfwsp-style-swatches .spfwsp-filter-item input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
} .spfwsp-style-swatches .spfwsp-filter-item .spfwsp-swatch-label {
display: block;
width: 28px;
height: 28px;
margin: 0 auto 4px;
border-radius: 50%;
border: none;
cursor: pointer;
position: relative;
transition: transform 0.15s, box-shadow 0.15s;
box-sizing: content-box; box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, 0.2);
} .spfwsp-style-swatches .spfwsp-filter-item .spfwsp-swatch-label:hover {
transform: scale(1.15);
box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, 0.4);
} .spfwsp-style-swatches .spfwsp-filter-item.spfwsp-active .spfwsp-swatch-label,
.spfwsp-style-swatches .spfwsp-filter-item input[type="checkbox"]:checked + .spfwsp-swatch-label {
box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, 0.2);
} .spfwsp-style-swatches .spfwsp-filter-item.spfwsp-active .spfwsp-swatch-label::after,
.spfwsp-style-swatches .spfwsp-filter-item input[type="checkbox"]:checked + .spfwsp-swatch-label::after {
content: "✓";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
} .spfwsp-style-swatches .spfwsp-filter-item .spfwsp-swatch-name {
display: block;
font-size: 12px;
text-align: center;
color: #555;
line-height: 1.2;
word-break: break-word;
max-width: 52px;
} .spfwsp-style-swatches .spfwsp-filter-item input[type="checkbox"]:disabled + .spfwsp-swatch-label {
opacity: 0.3;
cursor: not-allowed;
transform: none;
}
.spfwsp-style-swatches .spfwsp-filter-item input[type="checkbox"]:disabled ~ .spfwsp-swatch-name {
opacity: 0.3;
} .nv-bc-count-wrap {
flex-wrap: wrap;
}
.spfwsp-neve-h1 {
width: 100%;
order: 10;
margin: 10px 0 0;
}  .woo-listing-top {
flex-wrap: wrap;
}
.woo-listing-top .spfwsp-active-filters {
flex: 1 0 100%;
width: 100%;
order: 1;
}
.woo-listing-top .woocommerce-result-count {
order: 2;
}
.woo-listing-top .woocommerce-ordering {
order: 3;
}  .spfwsp-style-images {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 4px 0;
}
.spfwsp-style-images .spfwsp-filter-item {
display: inline-flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0;
} .spfwsp-style-images .spfwsp-filter-item input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
pointer-events: none;
} .spfwsp-style-images .spfwsp-filter-item .spfwsp-image-label {
display: block;
width: 50px;
height: 50px;
border-radius: 6px;
border: 2px solid rgba(0, 0, 0, 0.12);
overflow: hidden;
cursor: pointer;
position: relative;
transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
box-sizing: content-box;
background-color: #fff;
}
.spfwsp-style-images .spfwsp-filter-item .spfwsp-image-label:hover {
border-color: rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
transform: scale(1.05);
} .spfwsp-style-images .spfwsp-filter-item .spfwsp-image-label-img {
display: block;
width: 50px;
height: 50px;
object-fit: contain;
} .spfwsp-style-images .spfwsp-filter-item .spfwsp-image-label-placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
font-size: 10px;
text-align: center;
color: #999;
background: #f5f5f5;
border: 1px solid #ccc;
border-radius: 6px;
line-height: 1.2;
padding: 4px;
box-sizing: border-box;
cursor: pointer;
} .spfwsp-style-images .spfwsp-filter-item.spfwsp-active .spfwsp-image-label,
.spfwsp-style-images .spfwsp-filter-item input[type="checkbox"]:checked + .spfwsp-image-label {
border-color: #2271b1;
box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.3);
} .spfwsp-style-images .spfwsp-filter-item.spfwsp-active .spfwsp-image-label::after,
.spfwsp-style-images .spfwsp-filter-item input[type="checkbox"]:checked + .spfwsp-image-label::after {
content: "\2713";
position: absolute;
bottom: 3px;
right: 3px;
width: 16px;
height: 16px;
background: #2271b1;
color: #fff;
font-size: 10px;
font-weight: 700;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
} .spfwsp-style-images .spfwsp-filter-item .spfwsp-swatch-name {
display: block;
font-size: 11px;
text-align: center;
color: #555;
line-height: 1.2;
margin-top: 4px;
word-break: break-word;
max-width: 54px;
} .spfwsp-style-images .spfwsp-filter-item input[type="checkbox"]:disabled + .spfwsp-image-label {
opacity: 0.35;
cursor: not-allowed;
transform: none;
}
.spfwsp-style-images .spfwsp-filter-item input[type="checkbox"]:disabled ~ .spfwsp-swatch-name {
opacity: 0.35;
} .spfwsp-active-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-bottom: 16px;
font-size: 14px;
}
.spfwsp-active-filter-label {
font-weight: 600;
color: #555;
white-space: nowrap;
}
.spfwsp-active-filter-chip {
display: inline-flex;
align-items: center;
gap: 4px;
background: #f0f0f0;
border: 1px solid #ddd;
border-radius: 20px;
padding: 4px 8px 4px 12px;
font-size: 13px;
color: #333;
line-height: 1.4;
}
.spfwsp-remove-filter {
display: inline-flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
font-size: 15px;
line-height: 1;
color: #666;
padding: 0;
width: 18px;
height: 18px;
border-radius: 50%;
transition: background 0.15s, color 0.15s;
flex-shrink: 0;
}
.spfwsp-remove-filter:hover {
background: #ccc;
color: #333;
}
.spfwsp-reset-all {
font-size: 13px;
color: #2271b1;
text-decoration: none;
white-space: nowrap;
}
.spfwsp-reset-all:hover {
text-decoration: underline;
}
@media screen and (max-width: 782px) {
.spfwsp-active-filters {
gap: 6px;
margin-bottom: 12px;
}
} .spfwsp-filter-search {
margin-bottom: 8px;
}
.spfwsp-search-input {
width: 100%;
box-sizing: border-box;
padding: 6px 10px;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 13px;
}
.spfwsp-search-input:focus {
border-color: #2271b1;
outline: none;
box-shadow: 0 0 0 1px #2271b1;
}
.spfwsp-search-no-results {
font-size: 13px;
color: #999;
padding: 4px 0;
margin: 0;
} .spfwsp-show-more-btn,
.spfwsp-show-more-btn:visited,
.spfwsp-show-more-btn:active,
.spfwsp-show-more-btn:focus {
background: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: #000 !important;
cursor: pointer;
font-size: 14px;
padding: 5px 0 !important;
text-decoration: none !important;
display: block;
outline: none;
}
.spfwsp-show-more-btn:hover {
background: none !important;
background-color: transparent !important;
box-shadow: none !important;
color: #000 !important;
opacity: 0.7;
} .spfwsp-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
z-index: 998;
display: none;
}
.spfwsp-overlay.active {
display: block;
} .spfwsp-desktop-filter-button-wrap {
display: none;
} @media screen and (min-width: 783px) { .spfwsp-desktop-filter-button-wrap {
display: block;
margin-bottom: 12px;
}
.spfwsp-desktop-btn-right {
text-align: right;
}
.spfwsp-desktop-filter-button {
display: inline-block;
text-align: center;
padding: 10px 24px;
background: #2271b1;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
line-height: 1;
}
.spfwsp-desktop-filter-button:hover {
background: #135e96;
}
.spfwsp-desktop-filter-button .dashicons {
font-size: 16px;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 4px;
} .spfwsp-filter-container.spfwsp-panel-left,
.spfwsp-filter-container.spfwsp-panel-right {
position: fixed;
top: 0;
width: 320px;
max-width: 90vw;
height: 100vh;
z-index: 999;
overflow-x: hidden;
overflow-y: auto;
display: flex;
flex-direction: column;
transition-duration: 0.3s;
transition-timing-function: ease;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.spfwsp-filter-container.spfwsp-panel-left::-webkit-scrollbar,
.spfwsp-filter-container.spfwsp-panel-right::-webkit-scrollbar {
width: 4px;
}
.spfwsp-filter-container.spfwsp-panel-left::-webkit-scrollbar-track,
.spfwsp-filter-container.spfwsp-panel-right::-webkit-scrollbar-track {
background: transparent;
}
.spfwsp-filter-container.spfwsp-panel-left::-webkit-scrollbar-thumb,
.spfwsp-filter-container.spfwsp-panel-right::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
} .spfwsp-filter-container.spfwsp-panel-left {
left: -340px;
right: auto;
transition-property: left;
}
.spfwsp-filter-container.spfwsp-panel-left.active {
left: 0;
} .spfwsp-filter-container.spfwsp-panel-right {
right: -340px;
left: auto;
transition-property: right;
}
.spfwsp-filter-container.spfwsp-panel-right.active {
right: 0;
} .spfwsp-filter-container.spfwsp-panel-left .spfwsp-filter-close,
.spfwsp-filter-container.spfwsp-panel-right .spfwsp-filter-close {
display: block;
position: absolute;
top: 15px;
right: 15px;
font-size: 24px;
cursor: pointer;
color: #333;
}
} .woocommerce-pagination ul.page-numbers.spfwsp-pagination-row {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
}
.woocommerce-pagination ul.page-numbers.spfwsp-pagination-row-ghost {
margin-top: 8px;
} .page-numbers.ghost {
opacity: 0.4;
}