:root {
  --dj-pink: #fed9f8;
  --dj-white: #ffffff;
  --dj-plum: #4a3c44;
  --dj-black: #000000;
}

body {
  background-color: var(--dj-white);
}

#topo .cover.main {
  background-color: var(--dj-plum);
  background-blend-mode: multiply;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#topo .borda {
  border-top-color: var(--dj-pink) !important;
  background: var(--dj-pink);
}

#topo .info h1 {
  color: var(--dj-plum);
}

#topo .icones a i {
  color: var(--dj-plum);
}

#menuCategorias {
  background: var(--dj-plum) !important;
}

#menuCategorias .categorias a {
  color: var(--dj-white) !important;
}

#menuCategorias .categorias a.ativo,
#menuCategorias .categorias a:hover {
  color: var(--dj-pink) !important;
  border-bottom: 2px solid var(--dj-pink);
}

.categoria h2 {
  color: var(--dj-plum);
}

.produtos .item {
  border-color: var(--dj-pink) !important;
}

.produtos .item .preco {
  color: var(--dj-plum) !important;
  font-weight: 700;
}

.produtos .item .precoPromocao {
  color: #a58a9c;
}

.badge-produto {
  display: inline-block;
  background: var(--dj-pink);
  color: var(--dj-plum);
  font-weight: 700;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 8px;
  margin-bottom: 4px;
}

.btn,
button[type="submit"],
.btn-checkout,
.btn-adicionar {
  background-color: var(--dj-plum) !important;
  color: var(--dj-white) !important;
  border-color: var(--dj-plum) !important;
}

.btn:hover,
.btn-checkout:hover,
.btn-adicionar:hover {
  background-color: var(--dj-black) !important;
}

.aberto {
  color: var(--dj-plum);
}

.aberto .btn-pisca {
  color: #33a02c;
}

.cart-icon-link {
  position: relative;
  display: inline-flex;
}

.cart-count {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--dj-pink);
  color: var(--dj-plum);
  font-size: 11px;
  font-weight: 700;
  border: 1px solid var(--dj-plum);
}

.order-bump {
  border: 1px solid var(--dj-pink);
  background: #fff6fd;
}

.order-bump input[type="checkbox"]:checked + label,
.order-bump.selecionado {
  border-color: var(--dj-plum);
  background: var(--dj-pink);
}