.filters-container {
    margin-bottom: 10px; /* Spacing below filters */
}

.filters-row {
    display: flex;
    flex-wrap: wrap; /* Allow elements to wrap on smaller screens */
    gap: 10px; /* Spacing between filter groups */
    justify-content: flex-start; /* Align items to the start of the container */
    margin-bottom: 5px;
}

.filter-group {
     display: flex; /* Enable flexbox for the individual groups */
    flex-direction: column; /* Stack label and select vertically */
     margin-right: 10px;
     margin-bottom: 10px;
}

.filter-group label {
    margin-bottom: 5px;
}

.search-select {
      width: 150px;
}


.price-row {
      display: flex; /* Enable flexbox for the individual groups */
    flex-direction: row; /* Stack label and select vertically */
}
.price-row input {
    width: 100px;
     margin-left: 5px;
}

.results-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    justify-content: flex-start;
}

.result-item {
    flex: 0 1 calc(20% - 20px); /* Adjust the width as needed (e.g., 25% for 4 items per row) */
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
     text-align: center;
}

.result-link {
        text-decoration: none;
        display: block;
}

.result-image {
     display: block;
    margin: 0 auto; /* Center the image horizontally */
    max-width: 150px; /* Set a maximum width */
    height: auto;
    border: 1px solid #ddd; /* You can change border properties as needed */
  }

.result-details {
      margin-top: 10px; /* Add some spacing above the details */
    text-align:

       .product-image {
            max-width: 600px;
            display: block;
            margin: 20px auto;
           border: 1px solid #eee;
           padding: 5px;
        }
         .comparison-table {
             width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        .comparison-table th, .comparison-table td {
             border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
          .comparison-table th {
            background-color: #f2f2f2;
        }
      .packaging-table {
           width: 100%;
           border-collapse: collapse;
           margin: 20px 0;
      }
      .packaging-table th, .packaging-table td {
          border: 1px solid #ddd;
         padding: 8px;
          text-align: left;
      }
       .packaging-table th {
          background-color: #f2f2f2;
       }

        .results-table img {
            max-width: 250px;
           max-height: 250px;
           display: block;
        }