<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media(max-width:600px){
.wrap-wc-custom-filter{
position: absolute;
left: 10px;
}
}
#wc-custom-filter-form {
margin-bottom: 20px;
}
#wc-custom-filter-form div.ui-slider {
margin-bottom: 80px;
}
#wc-custom-filter-form label {
display: block;
margin-bottom: 5px;
}
#wc-custom-filter-form input,
#wc-custom-filter-form select {
width: 100%;
padding: 5px;
margin-bottom: 10px;
}  #sidebar .price-range{
margin-top: 10px;
border: 1px solid #888;
width: 280px;
margin-right: 12px;
border-radius: 10px;
padding: 5px;
min-height: 200px;
background-color: whitesmoke;
}
#sidebar .price-range label{
margin-top: 20px;
font-size: 15px;
} #price-range-slider {
margin-bottom: 10px;
max-width: 250px;
}
#sidebar span.ui-slider-handle.ui-corner-all.ui-state-default{
color: #09caa7 !important;
background-color: #09caa7 !important;
font-size: 12px;
border-radius: 50px;
}
#sidebar .ui-widget.ui-widget-content{
height: 5px;
background-color: #ebebeb;
border: #ebebeb;
max-width: 250px;
margin-right: auto;
margin-left: auto;
}
#sidebar .ui-slider-range{
background-color: #cacaca;
}
#sidebar #wc-brand-filter{
margin-top: 10px;
border: 1px solid #888;
width: 280px;
margin-right: 12px;
border-radius: 10px;
padding: 0px;
min-height: 200px;
background-color: whitesmoke;
padding-top: 10px;
padding-bottom: 30px; margin-bottom: 0px;
}
#sidebar #wc-brand-filter label{
margin-top:20px;
font-size: 15px;
} #brand-filter {
display: flex;
flex-wrap: wrap;
overflow: auto;
max-height: 600px;
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1; 
}
.brand-item {
margin: 5px;
}
.brand-item input {
display: none;
}
.brand-item label {
cursor: pointer;
display: inline-block;
border: 2px solid transparent;
}
.brand-item input:checked + label {
border-color: #0073aa;
}
.brand-item img {
width: 50px;
height: 50px;
object-fit: cover;
}
#selected-filters {
margin-top: 20px;
}
.filter-item {
display: inline-block;
background: #0d6b5a;
padding: 5px 10px;
margin: 5px;
border-radius: 3px;
color:white;
direction: ltr;
}
.filter-item a.remove-filter {
margin-left: 10px;
color: #0073aa;
text-decoration: none;
cursor: pointer;
color: #ff2222;
border-radius: 50px;
background-color: white;
width: 17px;
height: 17px;
display: inline-block;
text-align: center;
direction: rtl;
margin-bottom: 10;
line-height: 18px;
background-color: whitesmoke;
}
.filter-item a.remove-filter:hover {
color: #005177;
}
.brand-image-button{
width: 120px !important;
min-width: 120px;
height: 80px !important;
min-height: 80px;
margin: 0 2px 2px 0 !important;
background-clip: border-box !important;
background-repeat: no-repeat;
background-position: center;
border: 2px solid #ccc !important;
padding: 2px;
color: #292f38 !important;
font-size: 0;
text-align: center;
cursor: pointer;
-webkit-border-radius: 8px;
border-radius: 8px !important;
-webkit-transition: border-color .35s ease;
transition: border-color .35s ease;
}
.brand-image-button:focus{
background-repeat: no-repeat !important;
background-position: center !important;
} .more-brand {
display: none;
}
.view-more {
cursor: pointer;
background-color: #09caa7;
color: #eee;
text-align: center;
width: 170px;
margin: auto;
padding:3px;
border-radius: 4px;
margin-top: 10px;
}
.wrap-wc-custom-filter details {
margin: 20px 0;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f9f9f9;
}
.wrap-wc-custom-filter summary {
font-weight: bold;
cursor: pointer;
outline: none;
list-style: none; position: relative;
}
.wrap-wc-custom-filter .wrap-wc-custom-filter summary::marker {
display: none; }
.wrap-wc-custom-filter summary::after {
content: "\003E"; font-size: 14px;
margin-right: 5px;
position: absolute;
left: 0; direction: rtl; }
.wrap-wc-custom-filter details[open] summary::after {
content: "\02C5"; font-size: 14px;
margin-right: 5px;
transform: rotate(0deg);
}
.filter-open-close {
overflow: hidden;
max-height: 0px;
transition: max-height 0.7s ease !important;
}
.filter-open-close ul.ul-filter-attr{
display: flex;
flex-wrap: wrap;
direction: rtl;
}
.filter-open-close ul.ul-filter-attr:first-child{
margin-top: 10px;
}
.filter-open-close ul.ul-filter-attr li{
display: flex;   
flex-wrap: nowrap;
min-width: 100px; 
direction: rtl;
}
.filter-open-close ul.ul-filter-attr li input{
width: 25px !important;
height: 25px;
margin-bottom: 20px !important;
}
.filter-open-close ul.ul-filter-attr li label {
width: 90px;
height: 50px;
margin-bottom: 10px;
overflow: hidden;    
}
@media(min-width:600){
.filter-open-close ul.ul-filter-attr li{
min-width: 120px; 
}
.filter-open-close ul.ul-filter-attr li label {
width: 100px;
}
}
#wc-attr-filter{
padding-bottom: 40px;
}
#wc-attr-filter .filter-open-close{
overflow: auto;
height: 600px;
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1; 
}</pre></body></html>