.predictive-search-optimized {
  display: block !important;
  height: 100%;
  min-height: 60vh;
  position: absolute;
  top: calc(100% + 0.1rem);
  width: calc(100% + 0.2rem);
  left: -0.1rem;
  border: 0.1rem solid rgba(var(--color-foreground), 0.2);
  background-color: rgb(var(--color-background));
  z-index: 3;
}

@media screen and (max-width: 989px) {
  .predictive-search-optimized {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
    min-height: 100vh;
    padding-top: 20px;
  }
} 

@media screen and (min-width: 750px) {
  .predictive-search-optimized {
    border-top: none; 
  }

  .header predictive-search-optimized { 
    position: relative;
  }
}