/* FUNDO GERAL - preto com azul gamer */
html, body {
    background: linear-gradient(180deg, #000000 0%, #01040f 40%, #020817 70%, #031033 100%) !important;
}

/* REMOVE QUALQUER FUNDO BRANCO DO SITE */
div, section, main, aside, header, footer, nav {
    background-color: transparent !important;
}

/* TOPO (logo + busca) */
header, .header {
    background: linear-gradient(90deg, #000000, #020817) !important;
}

/* MENU */
nav, .menu {
    background: linear-gradient(90deg, #020817, #031033) !important;
}

/* BANNER */
.banner, .slideshow, .owl-carousel {
    background: transparent !important;
}

/* ÁREA NEWSLETTER (essa azul clara do print) */
.newsletter, .barra-newsletter {
    background: linear-gradient(90deg, #020817, #031033) !important;
}

/* RODAPÉ CINZA (categorias / conteúdo) */
.footer, .rodape, .institucional {
    background: linear-gradient(180deg, #01040f, #000000) !important;
}

/* FUNDO FINAL (parte mais escura lá embaixo) */
.bottom-footer, .copyright {
    background: #000000 !important;
}

/* CARDS DE PRODUTO */
.product, .box-produto {
    background: rgba(5, 10, 25, 0.85) !important;
    border-radius: 10px;
}

/* FORÇA remover QUALQUER fundo inline branco */
[style*="background"] {
    background: transparent !important;
}

/* FUNDO GERAL (preto + cinza escuro, sem roxo) */
html, body {
    background: linear-gradient(180deg, #000000 0%, #0a0a0a 50%, #111111 100%) !important;
}

/* REMOVE ROXO / AZUL FORTE */
header, nav, .menu, .barra-newsletter {
    background: linear-gradient(90deg, #000000, #0a0a0a) !important;
}

/* MENU LATERAL (remove branco) */
.sidebar, .menu-lateral, aside {
    background: #0a0a0a !important;
}

/* ITENS DO MENU */
.sidebar a, .menu-lateral a {
    background: transparent !important;
    color: #ccc !important;
}

.sidebar a:hover, .menu-lateral a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* FUNDO DOS PRODUTOS (remove branco das imagens) */
.product img, .box-produto img {
    background: #0a0a0a !important;
    padding: 10px;
    border-radius: 8px;
}

/* CARD PRODUTO */
.product, .box-produto {
    background: #0a0a0a !important;
}

/* INPUT NEWSLETTER */
input, .newsletter input {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #222 !important;
}

/* RODAPÉ (preto com cinza escuro) */
footer, .footer, .rodape, .institucional {
    background: linear-gradient(180deg, #0a0a0a, #000000) !important;
}

/* PARTE FINAL DO RODAPÉ */
.bottom-footer, .copyright {
    background: #000000 !important;
}

/* REMOVE QUALQUER FUNDO BRANCO FORÇADO */
div[style*="background: #fff"],
div[style*="background:#fff"],
section[style*="background: #fff"] {
    background: #0a0a0a !important;
}
/* BARRA DE MENU */
nav, .menu, .menu-superior {
    background: linear-gradient(90deg, #000000, #0a0a0a) !important;
    border: none !important;
}

/* ITENS DO MENU */
nav a, .menu a {
    color: #ccc !important;
    font-weight: 500;
    transition: 0.3s;
}

/* HOVER DO MENU (efeito gamer) */
nav a:hover, .menu a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 5px #fff;
}

/* ITEM ATIVO */
nav .active, .menu .active {
    color: #ffffff !important;
    border-bottom: 2px solid #444 !important;
}


/* MENU PRINCIPAL */
nav, .menu, .menu-superior {
    background: #000 !important;
}

/* LINKS DO MENU */
nav a, .menu a {
    color: #ccc !important;
    background: transparent !important;
}

/* HOVER (remove branco) */
nav a:hover, .menu a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* SUBMENU (dropdown que abre) */
nav ul ul, .menu ul ul {
    background: #0a0a0a !important;
    border: 1px solid #111 !important;
}

/* ITENS DO SUBMENU */
nav ul ul li a, .menu ul ul li a {
    background: transparent !important;
    color: #ccc !important;
}

/* HOVER NO SUBMENU */
nav ul ul li a:hover, .menu ul ul li a:hover {
    background: #111 !important;
    color: #fff !important;
}
.product img {
    background: #0a0a0a !important;
    padding: 10px;
}
li.product,
.product,
.produto,
.produto-imagem {
  background-color: #000 !important;
}