.etw-filter-wrapper{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;width:100%;max-width:100%;margin:0 auto 10px auto;padding:0;box-sizing:border-box;}
.etw-filter-wrapper > *{box-sizing:border-box;}
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"]{height:48px;line-height:48px;padding:0 10px;background:#ffffff;border:1px solid #81d742;border-radius:5px;font-size:14px;display:block;width:100%;box-sizing:border-box;appearance:auto;}
.etw-filter-wrapper select{flex:2;}
.etw-filter-wrapper input[type="number"]{flex:1;}
.etw-filter-wrapper select optgroup{color:#000000;font-weight:bold;}
.etw-filter-wrapper select option{color:#444444;font-weight:normal;}
.etw-products-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;padding:0;margin:0;width:100%;box-sizing:border-box;}
.etw-products-grid > *,
.etw-products-grid .product, .etw-products-grid .col, .etw-products-grid .box, .etw-products-grid .product-small, .etw-products-grid .product-inner, .etw-products-grid .product-content{margin:0 !important;padding:0 !important;box-sizing:border-box;}
.etw-filter-wrapper button{height:48px;line-height:48px;padding:0 20px;font-size:16px;border-radius:5px;border:1px solid #81d742;background-color:white;cursor:pointer;box-sizing:border-box;flex:1;}
.etw-filter-wrapper{flex-direction:column;gap:12px;}
.etw-filter-wrapper > *{width:100%;}
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"],
.etw-filter-wrapper button{height:48px !important;line-height:48px !important;padding-top:0 !important;padding-bottom:0 !important;}}
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"],
.etw-filter-wrapper button{margin: 0 !important;
}
.etw-filter-wrapper{flex-direction: column;
gap: 2px; }
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"]{appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
line-height: 44px !important;
font-size: 16px !important;
padding: 0 10px !important;
box-sizing: border-box;
}
.etw-filter-wrapper select{background-image: url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
}
}
}
}
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
line-height: 44px !important;
font-size: 16px !important;
padding: 0 10px !important;
box-sizing: border-box;
}
.etw-filter-wrapper select {
background-image: url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
}
.etw-filter-wrapper > * + * {
margin-top: -2px;
}
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"],
.etw-filter-wrapper button {
margin: 0 !important;
}
.etw-filter-wrapper {
margin-bottom: 20px !important;
}
}
.etw-filter-wrapper > * {
width: auto;
flex: 1;
}
}
@media(max-width:768px){
.etw-filter-wrapper {
margin-top: -30px !important;
flex-direction: column;
gap: 3px;
}
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
line-height: 44px !important;
font-size: 16px !important;
padding: 0 10px !important;
box-sizing: border-box;
}
.etw-filter-wrapper select {
background-image: url("data:image/svg+xml,%3Csvg fill='gray' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px 16px;
}
.etw-filter-wrapper > * + * {
margin-top: -2px;
}
.etw-filter-wrapper select, .etw-filter-wrapper input[type="text"],
.etw-filter-wrapper input[type="number"],
.etw-filter-wrapper button {
margin: 0 !important;
}
.etw-filter-wrapper {
margin-bottom: 20px !important;
}
}
@media(min-width:769px){
.etw-filter-wrapper {
flex-direction: row !important;
flex-wrap: wrap;
gap: 10px;
}
.etw-filter-wrapper > * {
width: auto;
flex: 1;
}
}
@media(max-width:768px){
.etw-filter-wrapper {
margin-top: -30px !important;
}
}
@media(min-width:769px){
.etw-filter-wrapper {
margin-top: 0px !important;
}
}
@media(max-width:768px){
.etw-products-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}