/* =================================================================== */
/* CÓDIGO CSS ATUALIZADO E OTIMIZADO PARA PERFORMANCE */
/* =================================================================== */

.insta-sel {
    display: none !important;
}

/* --- ESTILOS DO CARROSSEL DE CATEGORIAS --- */
.devrocket-carrossel-categorias-img {
    width: 100px; /* Tamanho desejado */
    height: 100px; /* Tamanho desejado */
    border-radius: 100%; /* Torna a imagem circular */
    display: block;
    margin: 0 auto; /* Centraliza a imagem */
}

.devrocket-carrossel-categorias-titulo {
    text-align: center; /* Centraliza o texto */
    font-size: 14px;
    color: #333;
    margin-top: 10px; /* Espaçamento superior (valor duplicado removido) */
}

.devrocket-carrossel-categorias-item {
    margin: 10px;
}

#carrossel-categorias {
    margin-top: 100px;
    margin-bottom: 100px;
}


/* --- ESTILOS DOS BANNERS --- */
.carrossel-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.banner-item {
    flex: 1 1 auto;
    max-width: calc(33.333% - 20px);
    box-sizing: border-box;
    padding: 10px;
}

.banner-img {
    width: 100%;
    height: auto;
}

.banners-fixo-desktop-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.banner-fixo-desktop-item {
    text-align: center;
    margin: 0;
}

.banner-fixo-desktop-img {
    max-width: 30%;
    height: auto;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    margin: 0 20px;
}


/* --- ESTILOS DA LISTAGEM DE PRODUTOS --- */
.listagem-linha ul {
    display: flex;
    flex-wrap: wrap;
}

.listagem-linha .span3 {
    flex: 1 1 auto;
    max-width: calc(50% - 10px);
    margin: 10px;
}

.info-produto .nome-produto {
    font-size: 10px; /* Tamanho padrão para desktop */
    font-family: 'Raleway', sans-serif;
}

.botao-comprar, .tag-comprar {
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}


/* --- CORREÇÃO DE CLS: VÍDEO COM PROPORÇÃO FIXA --- */
/* Esta seção substitui o código de animação anterior para eliminar o CLS */
.produto-video {
    position: relative;
    width: 100%;
    max-width: 560px; /* Largura máxima do seu vídeo */
    height: 0;
    padding-top: 56.25%; /* Proporção 16:9 (9 / 16 * 100), mantém o espaço reservado */
    margin: 20px auto; /* Centraliza e adiciona espaço */
}

.produto-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Remove bordas do iframe */
}


/* =================================================================== */
/* --- CÓDIGO OTIMIZADO E AGRUPADO PARA TELAS MENORES (ATÉ 768px) --- */
/* =================================================================== */
@media (max-width: 768px) {

    /* --- CORREÇÃO DE CLS: CARROSSEL SMARTHINT --- */
    /* Garante que o container do carrossel tenha uma altura mínima para não causar "pulos" */
    #smarthint-home-position1 {
        min-height: 250px; /* IMPORTANTE: Altere 250px para a altura exata dos seus banners de celular */
    }

    #smarthint-home-position1 img {
        max-width: 100%;
        height: auto;
        display: none; /* Esconde todas as imagens inicialmente */
    }
    #smarthint-home-position1 img.active {
        display: block; /* Mostra apenas a imagem ativa */
    }

    /* Ajuste de layout dos banners */
    .carrossel-container {
        display: block;
    }
    .banner-item {
        max-width: none;
        padding: 0;
    }

    /* Ajuste da listagem de produtos para 2 colunas */
    .listagem-linha .span3 {
        width: 50% !important;
        float: left !important;
    }

    /* Ajuste do tamanho da fonte do título dos produtos */
    .info-produto .nome-produto {
        font-size: 8px; /* Tamanho do título do produto para dispositivos móveis */
    }

}