/* NKO: fundo transparente nas imagens da vitrine */
.listagem .imagem-produto {
  background: transparent !important;
}

/* NKO: fundo da area principal do produto igual ao cabecalho */
#corpo .produto-detalhes {
  background-color: #000000 !important;
}

/* NKO: sobrepor fundo claro do teste visual do Halo */
html body #corpo .listagem .listagem-item .imagem-produto {
  background: transparent !important;
}
html body #corpo .listagem .listagem-item .imagem-produto img {
  mix-blend-mode: normal !important;
}

/* NKO: descricao branca e legivel */
body.pagina-produto #descricao,
body.pagina-produto #descricao * {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}
body.pagina-produto #descricao p {
  margin-bottom: 16px;
}

/* NKO: cartoes da vitrine pretos, sem cantos brancos */
html body #corpo .listagem .listagem-item,
html body #corpo .listagem .listagem-item .listagem-item-wrap {
  background: #000000 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* NKO: controle Adicionar cinza e arredondado */
html body #corpo .listagem .listagem-item .acoes-produto {
  background: #242424 !important;
  border-radius: 18px !important;
  border-color: transparent !important;
}
html body #corpo .listagem .qtde-adicionar-carrinho {
  background: #242424 !important;
  border-color: #555555 !important;
  border-radius: 12px !important;
}
html body #corpo .listagem .qtde-carrinho {
  background: transparent !important;
  color: #ffffff !important;
}
html body #corpo .listagem .botao-quantidade {
  color: #ffffff !important;
}
html body #corpo .listagem .botao-quantidade svg {
  fill: #ffffff !important;
}
html body #corpo .listagem .botao-comprar {
  border-radius: 14px !important;
}

/* NKO: faixa abaixo das categorias na cor do fundo */
html body .breadcrumbs-wrap {
  background: #000000 !important;
}

/* NKO: rodape mobile simplificado */
@media (max-width: 767px) {
  html body #rodape .institucional { display: none !important; }
  html body #rodape .collapsible-rodape[data-target="#rodape-pagamento"] { display: none !important; }
  html body #rodape #rodape-pagamento {
    display: block !important; height: auto !important; max-height: none !important;
    overflow: visible !important; visibility: visible !important;
    width: 100% !important; margin: 0 !important; padding: 20px 0 !important;
  }
  html body #rodape #rodape-pagamento .rodape-titulo {
    display: block !important; margin-bottom: 14px !important; text-align: center !important;
  }
  html body #rodape #rodape-pagamento .bandeiras-pagamento {
    display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important;
  }
}


/* NKO: tamanho da capa de Beast na vitrine */
.listagem .prod-id-404934600 .imagem-produto {
  transform: scale(0.87);
  transform-origin: center;
}


/* NKO: contraste do calculador de frete */
body .cep.cep-real ul { background-color: #151b1e !important; border: 1px solid #4c6268 !important; border-radius: 8px; }
body .cep.cep-real ul li { border-color: #4c6268 !important; }
body .cep.cep-real ul li, body .cep.cep-real ul li span, body .cep.cep-real ul li strong { color: #f2f6f7 !important; }
body .cep.cep-real ul li .aviso { background-color: #243438 !important; color: #f2f6f7 !important; border-left: 3px solid #4fd9d2; border-radius: 4px; }
body #formCalcularCep button.btn { background: #4fd9d2 !important; color: #071d20 !important; text-shadow: none !important; font-weight: 700; }


/* NKO: tipografia do Beast na vitrine e na página de produto */
html body #corpo .prod-id-404934600 .info-produto .nome-produto,
html body.produto-404934600 #corpo .info-principal-produto .nome-produto { color: #fff !important; font-weight: 700 !important; }
html body #corpo .prod-id-404934600 .preco-parcela,
html body #corpo .prod-id-404934600 .preco-parcela *,
html body.produto-404934600 #corpo .preco-parcela,
html body.produto-404934600 #corpo .preco-parcela *,
html body.produto-404934600 #corpo .mais-formas a,
html body.produto-404934600 #corpo .marca-produto *,
html body.produto-404934600 #corpo .codigo-produto,
html body.produto-404934600 #corpo .codigo-produto * { color: #f2f6f7 !important; }


/* NKO: ocultar resumo flutuante de compra */
body .resumo-flutuante { display: none !important; }


/* NKO: botão Adicionar do Beast fixo na vitrine, como no Halo */
@media (min-width: 768px) {
  html body #corpo .listagem .prod-id-404934600 .acoes-produto.hidden-phone {
    position: relative !important;
    bottom: 0 !important;
    opacity: 1 !important;
    transition: none !important;
  }
}


/* NKO: botoes das categorias e filtros laterais */
#corpo .coluna .menu.lateral li > a,
#corpo .coluna .filtro-coluna li > a,
#corpo .recebe-filtros .filtro-coluna li > a {
  background-color: #232323 !important;
  color: #f2f6f7 !important;
  border: 1px solid #354347 !important;
  border-radius: 6px;
  box-sizing: border-box;
  margin: 3px 0;
  padding: 8px 10px !important;
}
#corpo .coluna .menu.lateral li > a:hover,
#corpo .coluna .menu.lateral li > a:focus-visible,
#corpo .coluna .filtro-coluna li > a:hover,
#corpo .coluna .filtro-coluna li > a:focus-visible,
#corpo .recebe-filtros .filtro-coluna li > a:hover,
#corpo .recebe-filtros .filtro-coluna li > a:focus-visible {
  background-color: #173033 !important;
  border-color: #4fd9d2 !important;
  color: #fff !important;
}


/* NKO: painel escuro para os submenus laterais */
#corpo .coluna .menu.lateral .nivel-tres { background: #151b1c !important; border: 1px solid #354347 !important; border-radius: 6px; }

/* NKO: menu lateral mobile */
html body .menu-mobile-wrap,
html body .menu-mobile-wrap .conta-mobile,
html body .menu-mobile-wrap .painel-mobile,
html body .menu-mobile-wrap .categorias-mobile,
html body .menu-mobile-wrap .menu,
html body .menu-mobile-wrap ul {
  background-color: #151b1c !important;
  border-color: #354347 !important;
  color: #f2f6f7 !important;
}
html body .menu-mobile-wrap a,
html body .menu-mobile-wrap .item-mobile,
html body .menu-mobile-wrap .categorias-titulo,
html body .menu-mobile-wrap .titulo,
html body .menu-mobile-wrap .conta-mobile strong,
html body .menu-mobile-wrap .conta-mobile span {
  color: #f2f6f7 !important;
}
html body .menu-mobile-wrap .menu li > a {
  background-color: #232323 !important;
  border: 1px solid #354347 !important;
  border-radius: 6px;
  margin-block: 4px;
  padding: 8px 10px !important;
}
html body .menu-mobile-wrap .menu li > a:focus-visible {
  outline: 2px solid #4fd9d2;
  outline-offset: -2px;
}
html body .menu-mobile-wrap svg path { fill: currentColor; }
html body .menu-mobile-wrap svg { color: #62d4d1; }

/* NKO: fundo dos paineis expandidos no menu mobile */
html body .menu-mobile-wrap .menu-mobile-categorias .menu .nivel-um > li.com-filho,
html body .menu-mobile-wrap .menu-mobile-categorias .menu .nivel-um > li.com-filho > .nivel-dois,
html body .menu-mobile-wrap .menu-mobile-categorias .menu .nivel-um > li.com-filho > .nivel-dois > li {
  background: #151b1c !important;
  border-color: #354347 !important;
}


/* NKO: ocultar Central de Atendimento do cabeçalho */
#cabecalho .painel-atendimento.painel-item { display: none !important; }

/* NKO: tipografia do Onimusha na vitrine e na página de produto */
html body #corpo .prod-id-404940927 .info-produto .nome-produto,
html body.produto-404940927 #corpo .info-principal-produto .nome-produto { color: #fff !important; font-weight: 700 !important; }
html body #corpo .prod-id-404940927 .preco-parcela,
html body #corpo .prod-id-404940927 .preco-parcela *,
html body.produto-404940927 #corpo .preco-parcela,
html body.produto-404940927 #corpo .preco-parcela *,
html body.produto-404940927 #corpo .mais-formas a,
html body.produto-404940927 #corpo .marca-produto *,
html body.produto-404940927 #corpo .codigo-produto,
html body.produto-404940927 #corpo .codigo-produto * { color: #f2f6f7 !important; }




/* NKO: capa e botão do Onimusha na vitrine */
.listagem .prod-id-404940927 .imagem-produto { transform: scale(0.90); transform-origin: center; }
@media (min-width: 768px) {
  html body #corpo .listagem .prod-id-404940927 .acoes-produto.hidden-phone { position: relative !important; bottom: 0 !important; opacity: 1 !important; transition: none !important; }
}


/* NKO: setas da vitrine no mesmo estilo do carrossel de banners */
#corpo .vitrine-carrossel > .slick-arrow:not(.slick-hidden):not([style*="display: none"]) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 43px;
  margin-top: -5px;
  background: linear-gradient(155deg, #28343c, #10181e 72%) !important;
  color: #79e5e4 !important;
  border: 1px solid #39757b !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.19), 0 3px 0 #060a0d, 0 5px 12px rgba(0,0,0,.55) !important;
}
#corpo .vitrine-carrossel > .slick-arrow svg {
  width: 17px;
  height: 17px;
  fill: currentColor !important;
}
#corpo .vitrine-carrossel > .slick-arrow:hover,
#corpo .vitrine-carrossel > .slick-arrow:focus-visible {
  background: linear-gradient(155deg, #30535b, #11262c 72%) !important;
  border-color: #72dedf !important;
  color: #fff !important;
}
#corpo .vitrine-carrossel > .slick-arrow:active {
  box-shadow: inset 0 2px 5px rgba(0,0,0,.65), 0 1px 0 #060a0d !important;
}


/* NKO: setas da vitrine no estilo do carrossel de banners */
#corpo .vitrine-carrossel > .slick-arrow {
  box-sizing: border-box;
  height: 43px;
  margin-top: -5px;
  padding: 12px 7px;
  background: linear-gradient(155deg, #28343c, #10181e 72%) !important;
  color: #79e5e4 !important;
  border: 1px solid #39757b !important;
  border-radius: 11px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.19), 0 3px 0 #060a0d, 0 5px 12px rgba(0,0,0,.55) !important;
}
#corpo .vitrine-carrossel > .slick-arrow svg {
  width: 17px;
  height: 17px;
  fill: currentColor !important;
}
#corpo .vitrine-carrossel > .slick-arrow:hover,
#corpo .vitrine-carrossel > .slick-arrow:focus-visible {
  background: linear-gradient(155deg, #30535b, #11262c 72%) !important;
  border-color: #72dedf !important;
  color: #fff !important;
}
#corpo .vitrine-carrossel > .slick-arrow:active {
  box-shadow: inset 0 2px 5px rgba(0,0,0,.65), 0 1px 0 #060a0d !important;
}


/* NKO: brilho ao passar o mouse nos banners e nas setas da vitrine */
@media (hover: hover) and (pointer: fine) {
  #corpo .banners-full .banner-full > a:hover {
    opacity: 1 !important;
  }
  #corpo .banners-full .banner-full img {
    transition: filter 0.25s ease-in-out;
  }
  #corpo .banners-full .banner-full.slick-active:hover img {
    filter: brightness(1.15);
  }
  #corpo .vitrine-carrossel > .slick-arrow {
    transition: filter 0.25s ease-in-out;
  }
  #corpo .vitrine-carrossel > .slick-arrow:hover {
    filter: brightness(1.25);
  }
}


/* NKO: brilho ao passar o mouse nos banners e nas setas da vitrine */
@media (hover: hover) and (pointer: fine) {
  #corpo .banners-full .banner-full > a:hover {
    opacity: 1 !important;
  }
  #corpo .banners-full .banner-full img {
    transition: filter 0.25s ease-in-out;
  }
  #corpo .banners-full .banner-full.slick-active:hover img {
    filter: brightness(1.30);
  }
  #corpo .vitrine-carrossel > .slick-arrow {
    transition: filter 0.25s ease-in-out;
  }
  #corpo .vitrine-carrossel > .slick-arrow:hover {
    filter: brightness(1.25);
  }
}


/* NKO: alinhar os botões das lojas no rodapé */
#nko-loja-ml > a[href*="mercadolivre.com.br"] img {
  transform: scaleY(1.09);
  transform-origin: center 92%;
}


/* NKO: botões dos marketplaces com o mesmo brilho dos banners */
@media (hover: hover) and (pointer: fine) {
  #nko-loja-ml > a img {
    transition: filter 0.25s ease-in-out;
  }
  #nko-loja-ml > a:hover {
    transform: none;
    opacity: 1 !important;
  }
  #nko-loja-ml > a:hover img {
    filter: brightness(1.30);
  }
}


/* NKO: igualar a altura da caixa do Death Stranding 2 à do 007 na vitrine */
#corpo .listagem-item.prod-id-405046674 .imagem-produto img {
  scale: 0.86;
  transform-origin: center;
}


/* NKO: logos das categorias no menu principal */
.menu-desktop .menu .nivel-um > li.menu-categoria.categoria-id-24486679 > a > .titulo::before,
.menu-desktop .menu .nivel-um > li.menu-categoria.categoria-id-24486379 > a > .titulo::before,
.menu-desktop .menu .nivel-um > li.menu-categoria.categoria-id-24486680 > a > .titulo::before {
  width: 32px !important;
  height: 32px !important;
  background-size: contain !important;
}


/* NKO: mensagem acima do título do carrinho vazio */
body.pagina-carrinho .caixa-destaque > h1::before {
  content: "GAME OVER";
  display: block;
  margin-bottom: 0.35em;
}


/* NKO: menu da conta com a paleta do menu de categorias */
#cabecalho .painel-conta .dir-inside {
  background: #141b1c !important;
  color: #fff !important;
  border: 1px solid #285254 !important;
  border-top: 3px solid #36c5c4 !important;
  border-radius: 0;
}
#cabecalho .painel-conta .dir-inside:before,
#cabecalho .painel-conta .dir-inside:after { border-bottom-color: #36c5c4 !important; }
#cabecalho .painel-conta .dir-inside .e { border-bottom-color: #285254 !important; }
#cabecalho .painel-conta .dir-inside .e .g,
#cabecalho .painel-conta .painel-acesso a,
#cabecalho .painel-conta .painel-acesso a span { color: #fff !important; }
#cabecalho .painel-conta .painel-acesso a svg { fill: #36c5c4 !important; }
#cabecalho .painel-conta .painel-acesso a:hover,
#cabecalho .painel-conta .painel-acesso a:focus-visible { background: #203536 !important; }