#sauer-product-filter .spf-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  margin-bottom: 15px;
}
#sauer-product-filter .spf-form .spf-row {
  width: 60%;
  display: grid;
  grid-template-columns: 200px 1fr 1fr;
  align-items: center;
  gap: 7.5px;
  grid-template-areas: 'label min max' 'none range range';
}
@media  all and (max-width: 1128px ) {
  #sauer-product-filter .spf-form .spf-row {
    width: 80%;
  }
}
@media  all and (max-width: 957px ) {
  #sauer-product-filter .spf-form .spf-row {
    width: 100%;
  }
}
@media  all and (max-width: 767px ) {
  #sauer-product-filter .spf-form .spf-row {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'label label' 'min max' 'range range';
  }
}
#sauer-product-filter .spf-form .spf-row label {
  font-weight: 600;
  grid-area: label;
}
#sauer-product-filter .spf-form .spf-row input[type=number] {
  width: 100%;
  padding: 6px 7.5px;
  border: 1px solid #727272;
  border-radius: 6px;
  font-weight: 500;
}
#sauer-product-filter .spf-form .spf-row .row-range {
  grid-area: range;
  font-size: 14px;
}
#sauer-product-filter .spf-form .spf-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 7.5px;
  margin-top: 7.5px;
}
#sauer-product-filter .spf-form .spf-actions button[type=submit] {
  padding: 7.5px 14px;
  border: 1px solid #003f68;
  background: #003f68;
  color: #ffffff;
  border-radius: 6px;
  cursor: pointer;
}
#sauer-product-filter .spf-form .spf-actions button[type=submit]:hover {
  background: #002035;
}
#sauer-product-filter .spf-form .spf-actions #spf-clear {
  border: 1px solid #5c5c5c;
  background: #ffffff;
  color: #1f2937;
}
#sauer-product-filter .spf-form .spf-actions #spf-clear:hover {
  background: #cccccc;
}
#sauer-product-filter .spf-summary {
  margin: 7.5px 0;
  font-style: italic;
  color: #475569;
  font-weight: 500;
}
#sauer-product-filter table {
  width: 100%;
  border-collapse: collapse;
}
@media  all and (max-width: 767px ) {
  #sauer-product-filter table {
    font-size: 14px;
  }
}
#sauer-product-filter table thead tr {
  border: 1px solid #00304f;
}
#sauer-product-filter table thead th {
  background-color: #00304f;
  color: white;
  text-align: left;
  font-weight: 700;
  padding: 7.5px;
}
@media  all and (max-width: 459px ) {
  #sauer-product-filter table thead th {
    padding: 2px;
  }
}
#sauer-product-filter table tbody tr {
  border: 1px solid #cccccc;
}
#sauer-product-filter table tbody tr:nth-child(2n) {
  background-color: #f0f0f0;
}
#sauer-product-filter table tbody tr:nth-child(2n-1) {
  background-color: white;
}
#sauer-product-filter table tbody td {
  padding: 7.5px;
}
@media  all and (max-width: 459px ) {
  #sauer-product-filter table tbody td {
    padding: 2px;
  }
}
#sauer-product-filter table a {
  text-decoration: none;
  color: #3098e3;
}
#sauer-product-filter table a:hover {
  text-decoration: underline;
}
.conv-table-label {
  font-weight: 600;
  grid-area: label;
}
.conv-table {
  display: inline-block;
  border-radius: 6px;
  border: 1px solid #727272;
}
.conv-table .conv-row {
  padding: 6px 10px;
}
.conv-table .conv-row:not(:first-child) {
  border-top: 1px solid #727272;
}
.conv-table sup {
  font-size: 0.8em;
}
/*# sourceMappingURL=product-filter.css.map */