@media (width < 909px) {
  main .brands-container .swiper-navigation {
    margin-top: -22px;
  }
}
@media (width < 768px) {
  :root {
    --fs--base: 0.9375rem;
    --fs-medium-large: 1rem;
  }
  main .filter {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
  }
  .food-list {
    gap: 1rem;
  }
  main .swiper .swiper-wrapper .swiper-slide {
    max-width: 140px;
  }
  main .swiper-navigation {
    display: none;
  }
  .end-of-search {
    font-size: 1rem;
    padding: 10vh 5vw 20vh;
  }
  .end-of-search .img-wrap {
    max-width: 70px;
  }
  main .brands-container .swiper-navigation {
    margin-top: 0px;
  }
}
@media (width <= 576px) {
  main .title {
    font-size: 1.5rem;
  }
  main .swiper .swiper-wrapper .swiper-slide {
    max-width: 120px;
  }
  .end-of-search {
    font-size: 1rem;
    justify-content: center;
    gap: 0.25rem;
  }
  .end-of-search .img-wrap {
    max-width: 70px;
  }
  .selection-navbar .img-wrap {
    width: 50px;
    height: 50px;
  }
  .cuisine-search-wrap {
    width: 350px;
  }
  .cuisine-search-wrap .search-wrap {
    padding: 1.5rem;
  }
}
@media (width < 380px) {
  main .title {
    font-size: 1.25rem;
  }
  .cuisine-search-wrap {
    width: 280px;
  }
}