/*
==================================================================
== CÓDIGO VISUAL OZONEVITTA - VERSÃO "CLEAN" (SEM BOTÃO DE OFERTA) ==
==================================================================
*/

/* --- 1: AUMENTA IMAGENS DA VITRINE --- */
.listagem-produto .produto-item .imagem-produto img {
    max-height: 300px !important;
    width: auto !important;
}
.listagem-produto .produto-item .imagem-produto {
    height: 320px !important;
}

/*
======================================================
== CABEÇALHO PROFISSIONAL OZONEVITTA ==
======================================================
*/

/* --- A: RESET TOTAL DO MENU (TIRA O AZUL DE "REVENDEDORES") --- */
/* Isto força TODOS os links do menu a serem links de texto. */
.menu.principal .nivel-um > li a {
    background-color: transparent !important;
    color: #004a99 !important; /* Texto azul padrão da marca */
    font-weight: 600 !important;
    padding: 5px !important;
    border-radius: 0 !important;
    font-size: 0.9em !important;
}

/* Garante que nenhum ícone (estrela) apareça */
.menu.principal .nivel-um > li a::before {
     content: "" !important;
     margin: 0 !important;
     font-size: 1em !important;
}


/* --- B: BARRA DE BUSCA ARREDONDADA (Estilo Rosa) --- */
.cabecalho .busca {
    border-radius: 25px !important;
    border: 1px solid #CCC !important;
    overflow: hidden; 
}

.cabecalho .busca .form-control {
    border: none !important;
}

.cabecalho .busca .btn-buscar {
     border: none !important;
     background-color: #004a99 !important; /* Botão de busca azul */
     color: #FFFFFF !important; /* Lupa branca */
}

/* --- C: REMOVER LINHA CINZA DO MENU --- */
.cabecalho .menu {
    border-bottom: none !important;
}
/*
==================================================================
== VÍDEO RESPONSIVO (YOUTUBE) ==
==================================================================
*/

/* Isto cria o "molde" (container) para que o vídeo 
se ajuste perfeitamente à tela (proporção 16:9).
*/

.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 700px; /* Largura máxima do vídeo */
    margin: 20px auto;  /* Centraliza o vídeo na seção */
    padding-top: 56.25%; /* Proporção 16:9 (9 / 16 = 0.5625) */
    border-radius: 5px; /* Borda arredondada */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); /* Sombra suave */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
==================================================================
== LIMPEZA DA VITRINE (OCULTA PREÇO PIX) ==
==================================================================
*/

/*
Isto oculta o texto "ou R$... via Pix" de TODOS os produtos
na vitrine, deixando o visual 100% "clean".
*/
.listagem-produto .produto-item .preco-pix {
    display: none !important;
}
/*
==================================================================
== ESTILO DOS TÍTULOS DE SEÇÃO (Lançamentos, Destaques, etc.) ==
==================================================================
*/

/* Isto muda a cor do TEXTO (ex: "LANÇAMENTOS") e das LINHAS 
ao lado dele para o nosso azul padrão.
*/
.titulo-secao,
.listagem .titulo-listagem,
.vitrine h2.titulo {
    color: #ffffff !important; /* NOSSO AZUL OZONEVITTA */
}

/* Muda a cor das LINHAS ao lado do título */
.titulo-secao::before,
.titulo-secao::after,
.listagem .titulo-listagem::before,
.listagem .titulo-listagem::after {
    background-color: #ffffff !important; /* Linhas em AZUL */
    border-color: #ffffff !important; /* Garantia extra */
}
/*
=====================================================
== AJUSTE: DIMINUINDO O VÍDEO (V3 - FORTE)
=====================================================
*/

/* 1. O container (A caixa) do vídeo */
#video-home,
.video-home,
.secao-video-home {
    max-width: 900px !important;
    margin: 40px auto !important;
    border-radius: 10px !important; 
    overflow: hidden !important; 
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1) !important;
    
    /* Força o re-dimensionamento */
    height: auto !important;
    padding-top: 0 !important;
}

/* 2. O iframe DENTRO do container */
/* Isto força o vídeo a ter a proporção correta (16:9) */
#video-home .video-container,
.video-home .video-container,
.secao-video-home .video-container {
    position: relative;
    padding-top: 56.25%; /* Proporção 16:9 */
    height: 0;
    overflow: hidden;
}

#video-home .video-container iframe,
.video-home .video-container iframe,
.secao-video-home .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*
=====================================================
== PERSONALIZANDO O BOTÃO "TOPO" (SUBIR)
=====================================================
*/

.bt-topo {
    background-color: #004a99 !important; /* Seu azul */
    border-color: #004a99 !important; /* Borda azul */
    transition: all 0.3s ease-in-out; /* Efeito suave */
}

.bt-topo .icon-seta-up {
    color: #FFFFFF !important; /* Cor da seta para branco */
}

/* Efeito ao passar o mouse (opcional: escurece um pouco) */
.bt-topo:hover {
    background-color: #003a7a !important; /* Um azul um pouco mais escuro */
    border-color: #003a7a !important; /* Borda também mais escura */
}
/*
=====================================================
== PASSO FINAL: "MATANDO" O FILTRO DA ANVISA (Alvo Certo)
=====================================================
*/

/* Isto "mira" no nome secreto do filtro da Anvisa 
e o esconde para sempre.
*/
.faceta-numero-do-documento-de-notificacaocomunicacao-previa-na-anvisa {
    display: none !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: 0 !important;
}