#psdopedfinder-results .psdopedfinder-left-column {
  flex: 0 0 28%; /* Fixed width for the left column */
  max-width: 28%;
  padding: 15px;
  overflow-y: auto;
  background-color: #f9f9f9;
  border-right: 1px solid #ccc;
}

#psdopedfinder-results .psdopedfinder-left-column .search-context {
  flex-direction: column;
  margin-bottom: 1.5rem;
  font-size: 13px;
  color: #3e3e3e;
}

#psdopedfinder-results .psdopedfinder-left-column .search-context h4 {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .search-context
  .active-filter {
  display: flex;
  align-items: center;
  gap: 10px;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .search-context
  .active-filter
  .filter-icon {
  width: 35px;
  flex-shrink: 0;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .search-context
  .active-filter
  span {
  font-weight: bold;
  line-height: 1.2;
  white-space: normal;
  word-break: break-word;
  max-width: calc(100% - 45px);
}

#psdopedfinder-results .psdopedfinder-left-column h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

#psdopedfinder-results .psdopedfinder-left-column .categories-title {
  border-bottom: 1px solid #3e3e3e; /* Add a bottom border */
  padding-bottom: 5px; /* Optional: Space between text and border */
}

#psdopedfinder-results .psdopedfinder-left-column .title-sealed {
  color: #d65f00;
}

#psdopedfinder-results .psdopedfinder-left-column .title-single-cards {
  color: #009bac;
}

#psdopedfinder-results .psdopedfinder-left-column .category-table {
  width: 100%;
  border-collapse: separate; /* Change from collapse to separate for spacing */
  border-spacing: 0 8px; /* Add vertical spacing between rows */
  border-bottom: 1px #3e3e3e;
  margin-bottom: 1.5rem;
}

#psdopedfinder-results .psdopedfinder-left-column .dopedelement-row {
  cursor: pointer;
}

#psdopedfinder-results .psdopedfinder-left-column .dopedelement-row:hover {
  background-color: rgb(222, 124, 77, 0.05);
  cursor: pointer;
  font-weight: 700;
  color: black;
  font-size: 13px;
  line-height: 1.9rem;
  zoom: 1.05;
  transition: transform 0.1s ease;
  transform: scale(1.02);
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .dopedelement-row:hover
  .dopedelement-count {
  font-weight: 700;
  color: black;
  zoom: 1.05;
}

#psdopedfinder-results .psdopedfinder-left-column .dopedelement-name {
  line-height: 1.9rem;
  padding-left: 5px;
  font-size: 13px;
}

#psdopedfinder-results .psdopedfinder-left-column .availability-table {
  width: 100%;
  border-collapse: separate; /* Change from collapse to separate for spacing */
  border-spacing: 0 8px; /* Add vertical spacing between rows */
  border-bottom: 1px #3e3e3e;
}

#psdopedfinder-results .psdopedfinder-left-column .availability-title {
  border-bottom: 1px solid #3e3e3e; /* Add a bottom border */
  padding-bottom: 5px; /* Optional: Space between text and border */
}

#psdopedfinder-results .psdopedfinder-left-column .dopedelement-count {
  color: #aaaaaa;
  padding-right: 5px;
  font-size: 12px;
  text-align: right;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .dopedelement-active-products {
  background-color: rgb(222, 124, 77);
  color: white;
  font-weight: 700;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .dopedelement-row.dopedelement-active-products:hover {
  background-color: rgb(222, 124, 77);
  color: white;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .dopedelement-row.dopedelement-active-products
  .dopedelement-count {
  color: white;
  font-weight: 700;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .dopedelement-active-products-cards {
  background-color: #009bac;
  color: white;
  font-weight: 700;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .dopedelement-row.dopedelement-active-products-cards:hover {
  background-color: #007885;
  color: white;
}

#psdopedfinder-results
  .psdopedfinder-left-column
  .dopedelement-row.dopedelement-active-products-cards
  .dopedelement-count {
  color: white;
  font-weight: 700;
}

#alternate-question-sealed {
  color: #ffffff;
  display: none;
}

#alternate-question-single-cards {
  color: #ffffff;
}

#psdopedfinder-results #alternate-index-container {
  cursor: pointer;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
  gap: 10px;
  opacity: 1;
  margin-top: 15px;
  margin-bottom: 18px;
}

#psdopedfinder-results .alternate-index-color-single-cards {
  background: #009bac 0% 0% no-repeat padding-box;
}

#psdopedfinder-results .alternate-index-color-sealed {
  background: #d65f00 0% 0% no-repeat padding-box;
}

#psdopedfinder-results .alternate-index-invisible {
  display: none;
}

#psdopedfinder-results .alternate-index-visible {
  display: flex;
}

#psdopedfinder-results #alternate-index-container .alternate-icon {
  color: white;
  height: 30px;
  height: 30px; /* Ensures the icon has a fixed size */
  flex-shrink: 0; /* Prevents the icon from shrinking */
}

#psdopedfinder-results #alternate-index-container span {
  font-size: 13px; /* Adjust font size if needed */
  color: #ffffff; /* Ensures span text remains visible */
  font-weight: 600;
  line-height: 1.5; /* Optional: Adds better text readability */
}

#psdopedfinder-results .psdopedfinder-left-column .close-sidebar-icon {
  display: none;
}