.header {
  margin: 30px auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: minmax(160px, auto) minmax(auto, 600px) minmax(280px, auto);
  justify-content: space-between;
  align-items: center;
  grid-gap: 40px;

}



@media (max-width: 800px) {
  .header {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  
  }
}

.busca {
  form {
    display: grid;

  }

  #s {
    border: 2px solid black;
    font-size: 1.125rem;
    border-radius: 4px;
    padding: 12px 40px 12px 20px;
    grid-area: 1/1;
  }

  #searchbutton {
    grid-area: 1/1;
    width: 50px;
    justify-self: end;
    text-indent: -100px;
    background: transparent url('../img/icons/search.svg') no-repeat center center;
    cursor: pointer;
    border: none;
  }

}

.conta {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: auto auto;


  .minha-conta,
  .carrinho {
    padding: 5px 0px 5px 34px;
    background-repeat: no-repeat;
    background-position: center left;
  }

  .minha-conta {
    background: url('../img/icons/user.svg') no-repeat center left;

  }

  .carrinho {
    background: url('../img/icons/cart.svg') no-repeat center left;
    position: relative;
  }

  .carrinho-count {
    display: block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: #C622E0;
    font-size: .7rem;
    font-weight: bolder;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: absolute;
    top: -3px;
    left: 5px;
  }

}

@media (max-width: 800px) {
  .conta {
    grid-gap: 40px;
    justify-content: center;
  }
}

.menu-categorias {
  background-color: black;
  padding: 5px;


  a {
    color: white;
    padding: 10px;
  }

  & a:hover, .current-menu-item a {
  color: #C622E0;
  }

  ul{
    display: flex;
    justify-content: center;
  }

  ul , li{
    margin: 10px 15px;
  }
}

@media (max-width: 800px) {
.menu-categorias{
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  ul{
    justify-content: initial;
  }
}

.logo_centro{
  display: flex;
  justify-content: center;
}
}