.hit-image {
  position: relative;
}

.supplier-label {
  position: absolute;
  top: 2px;
  right: -10px;
  color: #888;
  font-size: 10px;
  z-index: 0;
  pointer-events: none;
}


  .custom-search-page {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-top:20px;
}

  .facet-container {
    margin-bottom: 20px;
    padding:10px;
    background-color:#2b2024;
    border-radius:10px;
    color:#EEE;
  }
  

  #facet-category {
    margin-top: 30px;
  }
  
  .hit-radio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  text-align: center;
  margin-top: 8px;
  font-size: 0.85em;
  height:35px;
  }
  
  .radioCell0 a {
    color:white;
  }
  
    .radioCell1 a {
    color:#555555;
  }
  
  .radioP0 {
    background:#91bf23;
    color:white;
    padding-top:2px;
  }
  
  .radioP1{
    background:#91bf23;
    color:white;
    padding-top:2px;
  }
  
  .radioP2{;
    background:#91bf23;
    color:white;
    padding-top:2px;
  }
  
  .radioP3{
    background:#049000;
    color:white;
    padding-top:2px;
  }
  
  .radioP4{
    background:#555555;
    color:white;
    padding-top:2px;
  }
  
  .radioP5{
    background:#ffca01;
    color:#555555;
    padding-top:2px;
  }


  .ais-SearchBox-input {
    margin-top:1px;
    color:#06233a;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 6px 0px 0px 6px;
  }
  
  
  .air-MenuSelect {

  }
  
  .ais-MenuSelect-select{
    height:30px;
    color:#06233a;
    border-radius:6px;
  }
  
  .ais-SearchBox-submit{
  	height: 30px;
    border: 1px solid #ccc;
    border-radius: 0px;
    width:30px;
  }
  
  .ais-SearchBox-reset{
  	height: 30px;
    border: 1px solid #ccc;
    border-radius: 0px 6px 6px 0px;
    width:30px;
  }

  .ais-Pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 30px;
    list-style: none;
    padding: 0;
  }

  .ais-Pagination-item {
    display: inline-block;
  }

  .ais-Pagination-link {
    padding: 8px 12px;
    text-decoration: none;
    background-color: #EEE;
    border: 1px solid #DDD;
    border-radius: 4px;
    font-size: 12px;
    color:#2b2024;
  }
  
  .ais-Pagination-link:hover {
    background-color: #DDD;
    color:#2b2024;
    font-weight:900;
  }

  .ais-Pagination-item--selected .ais-Pagination-link {
    background-color: #ffc60b;
    color: #2b2024;
    font-weight: bold;
    border-color: #ffc60b;
  }
  

  .ais-Pagination-item--disabled .ais-Pagination-link {
    opacity: 0.4;
    pointer-events: none;
  }


  .supplier-refinement-list .ais-RefinementList-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0px;
    list-style: none;
    padding: 0;
  }

  .category-refinement-list .ais-RefinementList-list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0px;
    list-style: none;
    padding: 0;
    margin: -20px 10px 0 0;
  }

  .ais-RefinementList-item {
    margin: 0px 2px -10px 2px;
  }

  .ais-RefinementList-labelText {
    margin-left: 10px;
    font-weight: 100;
  }

  .ais-RefinementList-count {
    margin-left: 8px;
  }
  
  

  #hits .ais-Hits-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 8px;
    padding: 0;
    list-style: none;
    margin: 20px 0 0 0;
  }

  .ais-Hits-item {
    padding: 0;
    margin: 0;
  }

  .hit-card {
    background: #EEE;
    border-radius: 5px;
    overflow: hidden;
    display: block;
  }
  
  .hit-card:hover {
    background: #FFF;
  }


  .category-gen {
   color:black;
   background-color:#CCC;
   padding:4px 10px 2px 10px;
   font-size:11px;
   font-weight:700;
   border-radius:5px 5px 0px 0px;
}

  .category-glider{
    border-bottom:4px solid #5da20b;
  }
  .category-plane{
    border-bottom:4px solid #046ba1;
  }
  .category-helicopter{
    border-bottom:4px solid #e8a400;
  }
  
  .category-multirotor{
    border-bottom:4px solid #bf2704;
  }  
  
  .category-misc{
    border-bottom:4px solid #000;
  }
  
  .category-simulator{
    background-color:#2a2a2a;
    color:white;
  }
  
  .hit-card {
    padding: 0px;
    margin:0px;
  }
  
  .hit-image {
    max-width: 90%;
    height: auto;
    text-align:center;
    object-fit: contain;
  }
  
  .hit-supplier {
    padding: 3px 6px 2px 6px;
    background-color: #333;
    color:#EEE;
    font-size:10px;
    text-align:right;
  }

  
  @media (max-width: 768px) {
  .custom-search-page {
    padding-left: 10px;
    padding-right: 10px;
  }

  .category-refinement-list .ais-RefinementList-list,
  .supplier-refinement-list .ais-RefinementList-list {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
    gap: 6px;
  }

  #hits .ais-Hits-list {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
  }



  .hit-link {
    font-size: 12px;
    text-align: left; /* Optionally left-align on mobile */
  }

  .ais-Pagination {
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
  }
  
  
  
}