.container {
  justify-content: center;
  gap: 12rem;
  height: 100vh;
}
@media (max-width: 768px) {
  .container {
    gap: 4rem;
  }
}

.brand {
  height: 9.6rem;
}
@media (max-width: 768px) {
  .brand {
    width: 45vw;
    max-width: 48rem;
    height: auto;
  }
  .brand img {
    width: 100%;
    height: auto;
  }
}

.category {
  gap: 1rem;
  margin-bottom: -8.8rem;
}
@media (max-width: 768px) {
  .category {
    gap: 0.8rem;
    margin-bottom: -1.6rem;
  }
}
.category__item {
  padding: 0.8rem 1.4rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
}
@media (max-width: 768px) {
  .category__item {
    padding: 0.6rem 1rem;
    border-radius: 0.4rem;
    font-size: 1.2rem;
  }
}

/*# sourceMappingURL=index.css.map */