?php
// Rastreamento básico das páginas públicas. Este arquivo deve ser incluído pelo header.php.

$arquivoExecutado = isset($_SERVER['SCRIPT_FILENAME'])
    ? realpath((string)$_SERVER['SCRIPT_FILENAME'])
    : false;

if (PHP_SAPI !== 'cli' && $arquivoExecutado !== false && $arquivoExecutado === __FILE__) {
    http_response_code(404);
    exit;
}

require_once __DIR__ . '/config.php';

function trackerLimitarTexto($valor, $limite, $padrao = '')
{
    if (!is_scalar($valor)) {
        return $padrao;
    }

    $texto = trim(preg_replace('/[\x00-\x1F\x7F]/u', ' ', (string)$valor) ?? '');
    if ($texto === '') {
        return $padrao;
    }

    return function_exists('mb_substr')
        ? mb_substr($texto, 0, $limite, 'UTF-8')
        : substr($texto, 0, $limite);
}

function trackerPaginaAtual()
{
    $uri = is_string($_SERVER['REQUEST_URI'] ?? null) ? $_SERVER['REQUEST_URI'] : '/';
    $caminho = parse_url($uri, PHP_URL_PATH);
    if (!is_string($caminho) || $caminho === '' || $caminho[0] !== '/') {
        $caminho = '/';
    }

    if ($caminho === '/') {
        $caminho = '/index.php';
    }

    return trackerLimitarTexto($caminho, 190, '/index.php');
}

function trackerRefererSeguro()
{
    $referer = is_string($_SERVER['HTTP_REFERER'] ?? null) ? trim($_SERVER['HTTP_REFERER']) : '';
    if ($referer === '' || strlen($referer) > 2000) {
        return 'Direto';
    }

    $partes = parse_url($referer);
    if (!is_array($partes) ||
        !in_array(strtolower((string)($partes['scheme'] ?? '')), ['http', 'https'], true) ||
        empty($partes['host']) || isset($partes['user']) || isset($partes['pass'])) {
        return 'Direto';
    }

    $hostReferer = strtolower((string)$partes['host']);
    $hostSite = strtolower((string)(parse_url(SITE_URL, PHP_URL_HOST) ?? ''));

    if ($hostReferer === $hostSite) {
        $caminho = (string)($partes['path'] ?? '/');
        return trackerLimitarTexto($caminho !== '' ? $caminho : '/', 190, '/');
    }

    // Para referências externas, registra somente a origem, nunca caminhos ou parâmetros.
    return trackerLimitarTexto(
        strtolower((string)$partes['scheme']) . '://' . $hostReferer,
        190,
        'Direto'
    );
}

function trackerVisitorIdValido($valor)
{
    return is_string($valor) && preg_match('/^[a-f0-9]{32}$/', $valor) === 1;
}

function trackerConexaoSegura()
{
    $https = strtolower((string)($_SERVER['HTTPS'] ?? ''));
    if ($https !== '' && $https !== 'off' && $https !== '0') {
        return true;
    }

    // Aceita o cabeçalho somente quando o site estiver atrás de proxy HTTPS.
    $protocoloProxy = strtolower(trim(explode(',', (string)($_SERVER['HTTP_X_FORWARDED_PROTO'] ?? ''))[0]));
    return $protocoloProxy === 'https';
}

function trackerGravarCookie($nome, $valor)
{
    if (headers_sent()) {
        return false;
    }

    return setcookie($nome, $valor, [
        'expires' => time() + (180 * 24 * 60 * 60),
        'path' => '/',
        'secure' => trackerConexaoSegura(),
        'httponly' => true,
        'samesite' => 'Lax',
    ]);
}

function trackerIpEmCidr($ip, $cidr)
{
    $partes = explode('/', $cidr, 2);
    if (count($partes) !== 2) {
        return false;
    }

    $ipBinario = @inet_pton($ip);
    $redeBinaria = @inet_pton($partes[0]);
    if ($ipBinario === false || $redeBinaria === false || strlen($ipBinario) !== strlen($redeBinaria)) {
        return false;
    }

    $totalBits = strlen($ipBinario) * 8;
    $prefixo = filter_var($partes[1], FILTER_VALIDATE_INT);
    if ($prefixo === false || $prefixo < 0 || $prefixo > $totalBits) {
        return false;
    }

    $bytesCompletos = intdiv($prefixo, 8);
    $bitsRestantes = $prefixo % 8;

    if ($bytesCompletos > 0 &&
        substr($ipBinario, 0, $bytesCompletos) !== substr($redeBinaria, 0, $bytesCompletos)) {
        return false;
    }

    if ($bitsRestantes === 0) {
        return true;
    }

    $mascara = (0xFF << (8 - $bitsRestantes)) & 0xFF;
    return (ord($ipBinario[$bytesCompletos]) & $mascara) ===
        (ord($redeBinaria[$bytesCompletos]) & $mascara);
}

function trackerAcessoAutomatizado($userAgent, $ip)
{
    $ua = strtolower((string)$userAgent);
    $marcadores = [
        'bot',
        'crawler',
        'spider',
        'slurp',
        'headless',
        'preview',
        'facebookexternalhit',
        'whatsapp',
        'telegrambot',
        'discordbot',
        'curl/',
        'wget/',
        'python-requests',
        'go-http-client',
        'anthropic',
        'claude',
        'gptbot',
        'chatgpt-user',
        'perplexity',
        'bytespider',
        'semrush',
        'ahrefs',
        'mj12bot',
    ];

    foreach ($marcadores as $marcador) {
        if ($ua !== '' && strpos($ua, $marcador) !== false) {
            return true;
        }
    }

    // Faixa utilizada por infraestrutura de crawler/IA da Anthropic em AWS.
    // O filtro afeta somente as estatísticas; o acesso ao site continua liberado.
    return trackerIpEmCidr($ip, '216.73.216.0/22');
}

if (PHP_SAPI === 'cli') {
    return;
}

$pagina_exibicao = trackerPaginaAtual();
$prefixosIgnorados = ['/admin/', '/painel/', '/api/', '/webhook_', '/cron'];
foreach ($prefixosIgnorados as $prefixo) {
    if (strpos($pagina_exibicao, $prefixo) === 0) {
        return;
    }
}

$ipRecebido = is_string($_SERVER['REMOTE_ADDR'] ?? null) ? $_SERVER['REMOTE_ADDR'] : '';
$ip = filter_var($ipRecebido, FILTER_VALIDATE_IP) ? $ipRecebido : '0.0.0.0';
$ip = trackerLimitarTexto($ip, 45, '0.0.0.0');
$user_agent = trackerLimitarTexto($_SERVER['HTTP_USER_AGENT'] ?? '', 255, 'Não informado');
$referer = trackerRefererSeguro();

// Não contabiliza robôs, pré-visualizadores e crawlers de IA como visitantes.
if (trackerAcessoAutomatizado($user_agent, $ip)) {
    try {
        // Remove também eventuais linhas recentes que esse mesmo acesso automatizado
        // tenha criado antes da instalação deste filtro.
        $stmt = $pdo->prepare("DELETE FROM visitantes_online WHERE ip = ? AND user_agent = ?");
        $stmt->execute([$ip, $user_agent]);
    } catch (Throwable $e) {
        error_log('Tracker: não foi possível limpar o acesso automatizado - ' . $e->getMessage());
    }
    return;
}

// O cookie próprio é a fonte principal do identificador. A sessão PHP permanece
// apenas como apoio, evitando que uma falha na persistência da sessão transforme
// cada atualização do mesmo navegador em um novo visitante.
$nomeCookieVisitante = 'luciane_visitor_id';
$visitorIdCookie = $_COOKIE[$nomeCookieVisitante] ?? '';
$visitorIdSessao = $_SESSION['visitor_id'] ?? '';
$novoVisitante = false;

if (trackerVisitorIdValido($visitorIdCookie)) {
    $visitor_id = strtolower($visitorIdCookie);
} elseif (trackerVisitorIdValido($visitorIdSessao)) {
    $visitor_id = strtolower($visitorIdSessao);
} else {
    $visitor_id = bin2hex(random_bytes(16));
    $novoVisitante = true;
}

$_SESSION['visitor_id'] = $visitor_id;

if (!trackerVisitorIdValido($visitorIdCookie) || !hash_equals(strtolower($visitorIdCookie), $visitor_id)) {
    if (trackerGravarCookie($nomeCookieVisitante, $visitor_id)) {
        // Disponibiliza o valor também durante a requisição atual.
        $_COOKIE[$nomeCookieVisitante] = $visitor_id;
    } elseif (empty($_SESSION['tracker_cookie_erro_registrado'])) {
        error_log('Tracker: não foi possível gravar o cookie persistente do visitante. Verifique se tracker.php é incluído antes de qualquer HTML.');
        $_SESSION['tracker_cookie_erro_registrado'] = true;
    }
}

try {
    $stmt = $pdo->prepare("
        INSERT INTO visitantes_online
            (visitor_id, ip, user_agent, pagina_atual, ultima_atividade)
        VALUES
            (?, ?, ?, ?, NOW())
        ON DUPLICATE KEY UPDATE
            ip = VALUES(ip),
            user_agent = VALUES(user_agent),
            pagina_atual = VALUES(pagina_atual),
            ultima_atividade = NOW()
    ");
    $stmt->execute([$visitor_id, $ip, $user_agent, $pagina_exibicao]);

    if ($novoVisitante) {
        try {
            $stmt = $pdo->prepare("
                INSERT INTO estatisticas
                    (data, ip, visitor_id, user_agent, pagina_entrada, referer)
                VALUES
                    (CURDATE(), ?, ?, ?, ?, ?)
            ");
            $stmt->execute([$ip, $visitor_id, $user_agent, $pagina_exibicao, $referer]);
        } catch (PDOException $e) {
            // Compatibilidade restrita a bancos que ainda não receberam a coluna visitor_id.
            if ($e->getCode() !== '42S22') {
                throw $e;
            }

            $stmt = $pdo->prepare("
                INSERT INTO estatisticas
                    (data, ip, user_agent, pagina_entrada, referer)
                VALUES
                    (CURDATE(), ?, ?, ?, ?)
            ");
            $stmt->execute([$ip, $user_agent, $pagina_exibicao, $referer]);
        }
    }

    // A limpeza deixa de rodar em toda visualização para reduzir bloqueios e carga no banco.
    if (random_int(1, 50) === 1) {
        $stmt = $pdo->prepare("
            DELETE FROM visitantes_online
            WHERE ultima_atividade < DATE_SUB(NOW(), INTERVAL 5 MINUTE)
        ");
        $stmt->execute();
    }
} catch (Throwable $e) {
    if (empty($_SESSION['tracker_erro_registrado'])) {
        error_log('Tracker: não foi possível registrar a visita - ' . $e->getMessage());
        $_SESSION['tracker_erro_registrado'] = true;
    }
}
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todos os Produtos - Luciane Rodrigues Bebês Reborn</title>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #ffeef8 0%, #ffe4f3 100%);
            min-height: 100vh;
        }
        
        /* Barra Superior */
        .top-bar {
            background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%);
            color: white;
            padding: 10px 0;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
        }
        
        /* Header */
        header {
            background: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        
        .header-content {
            max-width: 1400px;
            margin: 0 auto;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        /* LOGO AUMENTADA E MELHORADA */
        .logo-img {
            height: 80px; /* Aumentei de 60px para 80px */
            width: auto;
            max-width: 300px; /* Aumentei de 250px para 300px */
            object-fit: contain;
            transition: all 0.3s ease;
            filter: drop-shadow(0 2px 5px rgba(0,0,0,0.1));
        }
        
        .logo-img:hover {
            transform: scale(1.05);
            filter: drop-shadow(0 3px 8px rgba(0,0,0,0.15));
        }
        
        .cart-icon {
            position: relative;
            font-size: 28px;
            color: #ff1493;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .cart-icon:hover {
            transform: scale(1.1);
        }
        
        .cart-count {
            position: absolute;
            top: -8px;
            right: -8px;
            background: #ff1493;
            color: white;
            font-size: 12px;
            font-weight: bold;
            width: 22px;
            height: 22px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .cart-count.bounce {
            animation: bounce 0.5s ease;
        }
        
        @keyframes bounce {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.3); }
        }
        
        .nav-links {
            display: flex;
            gap: 20px;
            align-items: center;
        }
        
        .nav-link {
            color: #333;
            text-decoration: none;
            font-weight: 500;
            padding: 8px 15px;
            border-radius: 5px;
            transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
        }
        
        .nav-link:hover {
            background: #fff5f8;
            color: #ff1493;
            transform: translateY(-2px);
        }
        
        .nav-link i {
            font-size: 16px;
        }
        
        .btn-voltar {
            padding: 8px 15px;
            background: #fff5f8;
            color: #ff1493;
            text-decoration: none;
            border-radius: 5px;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .btn-voltar:hover {
            background: #ff1493;
            color: white;
        }
        
        @media (max-width: 992px) {
            .header-content {
                flex-direction: column;
                gap: 15px;
                padding: 10px;
            }
            
            .logo-img {
                height: 70px; /* Um pouco menor em mobile */
                max-width: 250px;
            }
            
            .nav-links {
                width: 100%;
                justify-content: center;
                flex-wrap: wrap;
                gap: 10px;
            }
            
            .nav-link {
                font-size: 14px;
                padding: 6px 12px;
            }
            
            .nav-link i {
                font-size: 14px;
            }
        }
        
        @media (max-width: 576px) {
            .logo-img {
                height: 60px;
                max-width: 200px;
            }
            
            .nav-links {
                gap: 5px;
            }
            
            .nav-link span {
                display: none; /* Esconde o texto, mostra apenas ícones */
            }
            
            .nav-link i {
                font-size: 18px;
            }
        }
    </style>
</head>
<body>
    <!-- Barra Superior -->
    <div class="top-bar">
        <script language="JavaScript" type="text/JavaScript">
        <!--
        var dataHora, xHora, xDia, dia, mes, ano, saudacao;
        dataHora = new Date();
        xHora = dataHora.getHours();
        if (xHora >= 0 && xHora <12) {saudacao = "Bom Dia -"}
        if (xHora >= 12 && xHora < 18) {saudacao = "Boa Tarde -"}
        if (xHora >= 18 && xHora <= 23) {saudacao = "Boa Noite -"}
        xDia = dataHora.getDay();
        diaSem = new Array(7);
        diaSem[0] = "Domingo";
        diaSem[1] = "Segunda-feira";
        diaSem[2] = "Terça-feira";
        diaSem[3] = "Quarta-feira";
        diaSem[4] = "Quinta-feira";
        diaSem[5] = "Sexta-feira";
        diaSem[6] = "Sábado";
        dia = dataHora.getDate();
        mes = dataHora.getMonth();
        mesAno = new Array(12);
        mesAno[0] = "Janeiro";
        mesAno[1] = "Fevereiro";
        mesAno[2] = "Março";
        mesAno[3] = "Abril";
        mesAno[4] = "Maio";
        mesAno[5] = "Junho";
        mesAno[6] = "Julho";
        mesAno[7] = "Agosto";
        mesAno[8] = "Setembro";
        mesAno[9] = "Outubro";
        mesAno[10] = "Novembro";
        mesAno[11] = "Dezembro";
        ano = dataHora.getFullYear();
        document.write(saudacao + " " + diaSem[xDia] + ", " + dia + " de " + mesAno[mes] + " de " + ano);
        //-->
        </script>
    </div>
    
    <!-- Header -->
    <header>
        <div class="header-content">
            <a href="/index.php">
                <img src="uploads/logoluciane.png" alt="Luciane Rodrigues Bebês Reborn" class="logo-img">
            </a>
            
            <div class="nav-links">
                <a href="/index.php" class="nav-link">
                    <i class="fas fa-home"></i> <span>Início</span>
                </a>
                <a href="/produtos.php" class="nav-link">
                    <i class="fas fa-baby"></i> <span>Produtos</span>
                </a>
                <a href="/avaliacoes.php" class="nav-link">
                    <i class="fas fa-star"></i> <span>Avaliações</span>
                </a>
                <a href="/carrinho.php" class="nav-link">
                    <i class="fas fa-shopping-cart"></i> <span>Carrinho</span>
                </a>
                
                                    <a href="/clientes.php" class="nav-link">
                        <i class="fas fa-sign-in-alt"></i> <span>Login/Cadastro</span>
                    </a>
                                
                <div class="cart-icon" onclick="window.location.href='/carrinho.php'">
                    <i class="fas fa-shopping-cart"></i>
                    <span class="cart-count" id="cartCount">0</span>
                </div>
            </div>
        </div>
    </header>
    
    <script>
        // Atualizar contador do carrinho com animação
        let currentCartCount = 0;
        
        function updateCartCount(newCount) {
            const cartElement = document.getElementById('cartCount');
            if (cartElement) {
                if (newCount !== currentCartCount) {
                    cartElement.classList.add('bounce');
                    setTimeout(() => {
                        cartElement.textContent = newCount;
                        setTimeout(() => {
                            cartElement.classList.remove('bounce');
                        }, 500);
                    }, 250);
                    currentCartCount = newCount;
                }
            }
        }
        
        // Verificar se houve mudança no carrinho (para páginas com AJAX)
        setInterval(() => {
            fetch('/api/check_cart.php')
                .then(response => response.json())
                .then(data => {
                    if (data.total_itens !== undefined) {
                        updateCartCount(data.total_itens);
                    }
                })
                .catch(() => {
                    // Silenciar erros
                });
        }, 5000);
    </script>
<div class="container">
    <!-- Cabeçalho da página -->
    <div class="page-header">
        <h1>Todos os Produtos</h1>
        <p>Encontre o bebê reborn perfeito para você</p>
    </div>
    
    <!-- Filtros e Ordenação -->
    <div class="filtros-container">
        <div class="filtros-row">
            <!-- Barra de Busca -->
            <div class="filtro-busca">
                <form method="GET" action="" class="search-form">
                    <input type="text" name="busca" placeholder="Buscar produtos..." 
                           value="" class="search-input">
                    <button type="submit" class="search-btn">
                        <i class="fas fa-search"></i>
                    </button>
                </form>
            </div>
            
            <!-- NOVO: Filtro de Categoria Menina/Menino -->
            <div class="filtro-categorias">
                <select name="categoria" id="categoriaSelect" class="categoria-select">
                    <option value="">Todas as Categorias</option>
                    <option value="Menina" >Menina</option>
                    <option value="Menino" >Menino</option>
                </select>
            </div>
            
            <!-- Ordenação -->
            <div class="filtro-ordenacao">
                <select name="ordem" id="ordemSelect" class="ordem-select">
                    <option value="novidades" selected>Novidades</option>
                    <option value="nome" >Nome (A-Z)</option>
                    <option value="preco_menor" >Menor Preço</option>
                    <option value="preco_maior" >Maior Preço</option>
                    <option value="vendidos" >Mais Vendidos</option>
                </select>
            </div>
        </div>
        
        <!-- Resultados -->
        <div class="resultados-info">
            <p>
                                                25 produto(s) disponível(is)
            </p>
        </div>
    </div>
    
    <!-- Grid de Produtos -->
            <div class="produtos-grid">
                                            
                <div class="produto-card" data-produto-id="4">
                                        
                                            <div class="produto-destaque">
                            <i class="fas fa-star"></i> Destaque
                        </div>
                                        
                    <!-- NOVO: Badge de categoria -->
                    <div class="produto-categoria categoria-menina">
                        <i class="fas fa-female"></i> Menina                    </div>
                    
                    <img src="https://lucianerodrigues.cuidarperto.com.br/uploads/produto_4_1769208529_0.jpeg" alt="Maria" 
                         class="produto-imagem" 
                         onclick="window.location.href='produto.php?id=4'">
                    
                    <div class="produto-info">
                        <h3 class="produto-nome" onclick="window.location.href='produto.php?id=4'">
                            Maria                        </h3>
                        
                                                    <div class="estoque-baixo">
                                <i class="fas fa-exclamation-triangle"></i>
                                Apenas 1 unidade(s) disponível(is)
                            </div>
                                                
                        <div class="produto-preco">
                                                        
                            <span class="preco-principal">R$ 1.890,00</span>
                            <span class="preco-parcelado">
                                ou 8x de R$ 236,25 sem juros no cartão
                            </span>
                            
                            <div class="preco-pix">
                                <i class="fas fa-qrcode"></i>
                                R$ 1.701,00 no PIX
                            </div>
                        </div>
                        
                        <button class="btn-adicionar-carrinho" data-produto-id="4">
                            <i class="fas fa-cart-plus"></i> Adicionar ao Carrinho
                        </button>
                    </div>
                </div>
                    </div>
        
        <!-- Paginação -->
                    <div class="paginacao">
                                    <a href="?pagina=1" class="pagina-link primeira">
                        <i class="fas fa-angle-double-left"></i>
                    </a>
                    <a href="?pagina=2" class="pagina-link anterior">
                        <i class="fas fa-angle-left"></i>
                    </a>
                                
                                    <a href="?pagina=1" 
                       class="pagina-link ">
                        1                    </a>
                                    <a href="?pagina=2" 
                       class="pagina-link ">
                        2                    </a>
                                    <a href="?pagina=3" 
                       class="pagina-link ativa">
                        3                    </a>
                                
                            </div>
                
    </div>

<!-- TODO O CSS PERMANECE IGUAL -->
<style>
    .container { max-width: 1400px; margin: 40px auto; padding: 0 20px; }
    .page-header { text-align: center; margin-bottom: 40px; }
    .page-header h1 { font-size: 36px; color: #333; margin-bottom: 10px; }
    .page-header p { color: #666; font-size: 18px; }
    .filtros-container { background: white; border-radius: 15px; padding: 25px; margin-bottom: 30px; box-shadow: 0 3px 15px rgba(0,0,0,0.08); }
    .filtros-row { display: flex; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; }
    .filtro-busca { flex: 1; min-width: 300px; }
    .search-form { display: flex; gap: 10px; }
    .search-input { flex: 1; padding: 12px 20px; border: 2px solid #ffc0cb; border-radius: 8px; font-size: 15px; font-family: 'Poppins', sans-serif; transition: all 0.3s; }
    .search-input:focus { outline: none; border-color: #ff69b4; box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.1); }
    .search-btn { padding: 12px 25px; background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%); color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 16px; transition: all 0.3s; }
    .search-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4); }
    .filtro-categorias, .filtro-ordenacao { min-width: 200px; }
    .categoria-select, .ordem-select { width: 100%; padding: 12px 15px; border: 2px solid #ffc0cb; border-radius: 8px; font-size: 15px; font-family: 'Poppins', sans-serif; background: white; cursor: pointer; transition: all 0.3s; }
    .categoria-select:focus, .ordem-select:focus { outline: none; border-color: #ff69b4; box-shadow: 0 0 0 3px rgba(255, 105, 180, 0.1); }
    .resultados-info { text-align: center; padding-top: 15px; border-top: 1px solid #f0f0f0; color: #666; font-size: 15px; }
    .resultados-info strong { color: #ff1493; font-weight: 600; }
    .produtos-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; margin-bottom: 50px; }
    .produto-card { background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: all 0.3s; cursor: pointer; position: relative; }
    .produto-card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(255, 105, 180, 0.25); }
    .produto-imagem { width: 100%; height: 320px; object-fit: contain; border-bottom: 3px solid #ffc0cb; background: #f8f9fa; }
    .produto-categoria { position: absolute; top: 15px; left: 15px; padding: 6px 12px; border-radius: 15px; font-size: 13px; font-weight: 600; box-shadow: 0 3px 8px rgba(0,0,0,0.15); z-index: 2; display: flex; align-items: center; gap: 6px; }
    .categoria-menina { background: linear-gradient(135deg, #ff69b4 0%, #e91e63 100%); color: white; }
    .categoria-menino { background: linear-gradient(135deg, #2196f3 0%, #0d47a1 100%); color: white; }
    .produto-badge { position: absolute; top: 15px; right: 15px; background: #ff1493; color: white; padding: 6px 12px; border-radius: 15px; font-size: 13px; font-weight: 600; box-shadow: 0 3px 8px rgba(255, 20, 147, 0.4); z-index: 2; }
    .produto-destaque { position: absolute; top: 50px; right: 15px; background: linear-gradient(135deg, #ffa726 0%, #ff9800 100%); color: white; padding: 6px 12px; border-radius: 15px; font-size: 13px; font-weight: 600; box-shadow: 0 3px 8px rgba(255, 167, 38, 0.4); z-index: 2; display: flex; align-items: center; gap: 5px; }
    .produto-destaque i { font-size: 12px; }
    .produto-info { padding: 20px; }
    .produto-nome { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 12px; min-height: 45px; line-height: 1.4; }
    .estoque-baixo { background: #fff3e0; color: #f57c00; padding: 5px 10px; border-radius: 5px; font-size: 12px; font-weight: 600; margin-bottom: 10px; display: inline-flex; align-items: center; gap: 5px; }
    .estoque-baixo i { font-size: 14px; }
    .produto-preco { margin-bottom: 10px; }
    .preco-original { font-size: 13px; color: #999; text-decoration: line-through; display: block; margin-bottom: 2px; }
    .preco-principal { font-size: 24px; font-weight: 700; color: #ff1493; display: block; margin: 5px 0; }
    .preco-parcelado { font-size: 12px; color: #666; display: block; margin-bottom: 8px; }
    .preco-pix { background: linear-gradient(135deg, #00c9a7 0%, #00a88f 100%); color: white; padding: 6px 10px; border-radius: 6px; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
    .preco-pix i { font-size: 14px; }
    .btn-adicionar-carrinho { width: 100%; padding: 10px; background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%); color: white; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; margin-top: 10px; transition: all 0.3s; font-family: 'Poppins', sans-serif; font-size: 15px; }
    .btn-adicionar-carrinho:hover { transform: scale(1.02); box-shadow: 0 4px 12px rgba(255, 105, 180, 0.4); }
    .btn-adicionar-carrinho i { margin-right: 8px; }
    .paginacao { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 40px 0; flex-wrap: wrap; }
    .pagina-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 2px solid #ffc0cb; border-radius: 8px; color: #666; text-decoration: none; font-weight: 600; transition: all 0.3s; }
    .pagina-link:hover { border-color: #ff69b4; color: #ff1493; transform: translateY(-2px); }
    .pagina-link.ativa { background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%); border-color: #ff1493; color: white; }
    .pagina-link.primeira, .pagina-link.anterior, .pagina-link.proxima, .pagina-link.ultima { width: 40px; font-size: 14px; }
    .sem-resultados { text-align: center; padding: 60px 20px; background: white; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin: 40px 0; }
    .sem-resultados i { font-size: 60px; color: #ffc0cb; margin-bottom: 20px; }
    .sem-resultados h3 { font-size: 24px; color: #333; margin-bottom: 10px; }
    .sem-resultados p { color: #666; margin-bottom: 20px; }
    .btn-voltar { display: inline-block; padding: 12px 30px; background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%); color: white; text-decoration: none; border-radius: 8px; font-weight: 600; transition: all 0.3s; }
    .btn-voltar:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4); }
    @media (max-width: 768px) {
        .filtros-row { flex-direction: column; }
        .filtro-busca, .filtro-categorias, .filtro-ordenacao { min-width: 100%; }
        .produtos-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
        .produto-imagem { height: 280px; }
        .page-header h1 { font-size: 28px; }
        .paginacao { gap: 5px; }
        .pagina-link { width: 35px; height: 35px; font-size: 14px; }
    }
</style>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        const categoriaSelect = document.getElementById('categoriaSelect');
        const ordemSelect = document.getElementById('ordemSelect');
        
        if (categoriaSelect) {
            categoriaSelect.addEventListener('change', function() {
                atualizarURL();
            });
        }
        
        if (ordemSelect) {
            ordemSelect.addEventListener('change', function() {
                atualizarURL();
            });
        }
        
        function atualizarURL() {
            const params = new URLSearchParams(window.location.search);
            
            if (categoriaSelect && categoriaSelect.value !== '') {
                params.set('categoria', categoriaSelect.value);
            } else {
                params.delete('categoria');
            }
            
            if (ordemSelect && ordemSelect.value !== 'novidades') {
                params.set('ordem', ordemSelect.value);
            } else {
                params.delete('ordem');
            }
            
            params.set('pagina', '1');
            window.location.href = 'produtos.php?' + params.toString();
        }
        
        // ⭐ ADICIONAR AO CARRINHO COM REDIRECIONAMENTO
        const botoesCarrinho = document.querySelectorAll('.btn-adicionar-carrinho');
        
        botoesCarrinho.forEach(botao => {
            botao.addEventListener('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                
                const produtoId = this.getAttribute('data-produto-id');
                if (produtoId) {
                    adicionarAoCarrinho(produtoId, 1);
                }
            });
        });
        
        const produtoCards = document.querySelectorAll('.produto-card');
        produtoCards.forEach(card => {
            card.addEventListener('click', function(e) {
                if (e.target.classList.contains('btn-adicionar-carrinho') || 
                    e.target.closest('.btn-adicionar-carrinho')) {
                    return;
                }
                
                const produtoId = this.getAttribute('data-produto-id');
                if (produtoId) {
                    window.location.href = 'produto.php?id=' + produtoId;
                }
            });
        });
        
        // ⭐ FUNÇÃO CORRIGIDA - REDIRECIONA PARA CARRINHO
        function adicionarAoCarrinho(produtoId, quantidade = 1) {
            fetch('/carrinho.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                },
                body: 'acao=adicionar&produto_id=' + produtoId + '&quantidade=' + quantidade
            })
            .then(response => response.json())
            .then(data => {
                if (data.sucesso) {
                    atualizarContadorCarrinho(data.total_itens);
                    mostrarNotificacao('Produto adicionado! Redirecionando...', 'sucesso');
                    
                    // ⭐ REDIRECIONAR PARA CARRINHO APÓS 800MS
                    setTimeout(() => {
                        window.location.href = '/carrinho.php';
                    }, 800);
                } else {
                    mostrarNotificacao(data.mensagem, 'erro');
                }
            })
            .catch(error => {
                console.error('Erro:', error);
                mostrarNotificacao('Erro ao adicionar ao carrinho', 'erro');
            });
        }
    });
</script>

<!-- Footer -->
    <footer>
        <div class="footer-container">
            <div class="footer-grid">
                <!-- Sobre -->
                <div class="footer-coluna">
                    <h4>Luciane Rodrigues</h4>
                    <p>Bebês Reborn feitos com amor e carinho há mais de 15 anos. Cada peça é única e especial.</p>
                    <div class="social-links">
                        <a href="https://www.facebook.com/bonecaslucianerodrigues" target="_blank" title="Facebook">
                            <i class="fab fa-facebook"></i>
                        </a>
                        <a href="https://www.instagram.com/lucianerodriguesreborn" target="_blank" title="Instagram">
                            <i class="fab fa-instagram"></i>
                        </a>
                        <a href="https://wa.me/5521992406984" target="_blank" title="WhatsApp">
                            <i class="fab fa-whatsapp"></i>
                        </a>
                    </div>
                </div>
                
                <!-- Links Institucionais -->
                <div class="footer-coluna">
                    <h4>Institucional</h4>
                    <ul class="footer-links">
                        <li><a href="/sobre.php">Sobre Nós</a></li>
                        <li><a href="/avaliacoes.php">Deixe sua Avaliação</a></li>
                        <li><a href="/privacidade.php">Política de Privacidade</a></li>
                        <li><a href="/contato.php">Fale Conosco</a></li>
                    </ul>
                </div>
                
                <!-- Atendimento -->
                <div class="footer-coluna">
                    <h4>Atendimento</h4>
                    <ul class="footer-links">
                        <li><i class="fas fa-envelope"></i> lucianereborn@gmail.com</li>
                        <li><i class="fas fa-phone"></i> (21) 99240-6984</li>
                        <li><i class="fas fa-clock"></i> Seg-Sex: 9h às 18h</li>
                        <li><i class="fas fa-map-marker-alt"></i> Rio de Janeiro, RJ</li>
                    </ul>
                </div>
                
                <!-- Segurança -->
                <div class="footer-coluna">
                    <h4>Formas de Pagamento</h4>
                    
                    <!-- IMAGEM ÚNICA COM TODAS AS FORMAS DE PAGAMENTO -->
                    <div class="payment-section">
                        <div class="payment-image-container">
                            <img src="/uploads/formas-pagamento1.png" 
                                 alt="Formas de Pagamento Aceitas - Cartões de Crédito, PIX, Boleto"
                                 class="payment-image"
                                 loading="lazy">
                        </div>
                        
                        <div class="security-container">
                            <div class="security-badge">
                                <i class="fas fa-shield-alt"></i>
                                <div class="security-text">
                                    <strong>Compra 100% Segura</strong>
                                    <small>Seus dados protegidos</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2026 Luciane Rodrigues Bebês Reborn. Todos os direitos reservados.</p>
                <p>Desenvolvido por Fernando A Rodrigues</p>
            </div>
        </div>
    </footer>
    
    <style>
        footer {
            background: #f0f0f0; /* ⭐ CINZA CLARINHO (um pouco mais visível) */
            color: #333; /* ⭐ TEXTO ESCURO PARA CONTRASTAR */
            padding: 60px 20px 0; /* ⭐ REMOVI PADDING INFERIOR */
            margin-top: 80px;
        }
        
        .footer-container {
            max-width: 1400px;
            margin: 0 auto;
        }
        
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            margin-bottom: 0; /* ⭐ REMOVI MARGIN */
            padding: 0 0 50px 0; /* ⭐ PADDING APENAS EMBAIXO */
        }
        
        .footer-coluna h4 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 20px;
            color: #ff69b4;
            text-transform: uppercase;
            letter-spacing: 1px;
            text-align: left;
        }
        
        .footer-coluna p {
            font-size: 14px;
            line-height: 1.8;
            margin-bottom: 15px;
            color: #555; /* ⭐ TEXTO MAIS ESCURO */
        }
        
        .footer-links {
            list-style: none;
            padding: 0;
        }
        
        .footer-links li {
            margin-bottom: 12px;
            font-size: 14px;
            color: #555; /* ⭐ TEXTO MAIS ESCURO */
        }
        
        .footer-links li i {
            margin-right: 8px;
            color: #ff69b4;
            width: 16px;
        }
        
        .footer-links a {
            color: #333; /* ⭐ TEXTO ESCURO */
            text-decoration: none;
            transition: all 0.3s;
        }
        
        .footer-links a:hover {
            color: #ff69b4;
            padding-left: 5px;
        }
        
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
        
        .social-links a {
            width: 40px;
            height: 40px;
            background: rgba(255, 105, 180, 0.1); /* ⭐ FUNDO ROSA CLARINHO */
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ff69b4; /* ⭐ ÍCONE ROSA */
            font-size: 18px;
            transition: all 0.3s;
        }
        
        .social-links a:hover {
            background: #ff69b4;
            color: white; /* ⭐ ÍCONE BRANCO NO HOVER */
            transform: translateY(-3px);
        }
        
        /* SEÇÃO DE PAGAMENTO - NOVO DESIGN */
        .payment-section {
            text-align: center;
        }
        
        .payment-image-container {
            margin: 10px 0 25px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .payment-image {
            max-width: 100%;
            height: auto;
            max-height: 140px;
            object-fit: contain;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            background: white;
            padding: 15px;
            transition: all 0.3s ease;
            display: block;
        }
        
        .payment-image:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
        }
        
        /* CONTAINER DE SEGURANÇA */
        .security-container {
            margin-top: 20px;
        }
        
        .security-badge {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: rgba(76, 175, 80, 0.1);
            padding: 12px 20px;
            border-radius: 10px;
            border: 1px solid rgba(76, 175, 80, 0.2);
            transition: all 0.3s ease;
            max-width: 280px;
            margin: 0 auto;
        }
        
        .security-badge:hover {
            background: rgba(76, 175, 80, 0.15);
            transform: translateY(-2px);
            border-color: rgba(76, 175, 80, 0.3);
            box-shadow: 0 4px 12px rgba(76, 175, 80, 0.1);
        }
        
        .security-badge i {
            color: #4caf50;
            font-size: 24px;
            flex-shrink: 0;
        }
        
        .security-text {
            text-align: left;
        }
        
        .security-text strong {
            display: block;
            font-size: 15px;
            font-weight: 700;
            color: #333; /* ⭐ TEXTO ESCURO */
            margin-bottom: 2px;
        }
        
        .security-text small {
            font-size: 12px;
            color: #4caf50; /* ⭐ TEXTO VERDE */
        }
        
        /* RESPONSIVIDADE */
        @media (max-width: 992px) {
            .footer-grid {
                gap: 35px;
            }
            
            .payment-image {
                max-height: 130px;
                padding: 12px;
            }
        }
        
        @media (max-width: 768px) {
            .footer-grid {
                gap: 30px;
            }
            
            .payment-image {
                max-height: 120px;
                padding: 10px;
            }
            
            .security-badge {
                padding: 10px 16px;
                max-width: 250px;
            }
            
            .security-badge i {
                font-size: 20px;
            }
            
            .security-text strong {
                font-size: 14px;
            }
        }
        
        @media (max-width: 576px) {
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .footer-coluna h4 {
                text-align: center;
            }
            
            .social-links {
                justify-content: center;
            }
            
            .footer-links {
                text-align: center;
            }
            
            .payment-image {
                max-height: 110px;
                padding: 8px;
            }
            
            .security-badge {
                max-width: 220px;
                padding: 8px 14px;
            }
            
            .security-text strong {
                font-size: 13px;
            }
        }
        
        @media (max-width: 380px) {
            .payment-image {
                max-height: 100px;
            }
        }
        
        /* ⭐ FOOTER BOTTOM - FUNDO BRANCO */
        .footer-bottom {
            background: #ffffff !important; /* ⭐ FUNDO BRANCO (com !important para garantir) */
            border-top: 2px solid #dddddd; /* ⭐ BORDA CINZA MAIS VISÍVEL */
            padding: 25px 20px;
            margin: 0 -20px 0 -20px; /* ⭐ EXPANDE PARA AS BORDAS */
            text-align: center;
            font-size: 14px;
        }
        
        .footer-bottom p {
            margin: 5px 0;
            color: #666; /* ⭐ TEXTO CINZA */
            text-align: center;
        }
        
        .footer-bottom i.fa-heart {
            color: #ff69b4;
        }
    </style>
    
    <script>
        // Função para atualizar contador do carrinho
        function atualizarContadorCarrinho(total) {
            const cartCount = document.getElementById('cartCount');
            if (cartCount) {
                cartCount.textContent = total;
                cartCount.classList.add('bounce');
                setTimeout(() => {
                    cartCount.classList.remove('bounce');
                }, 500);
            }
        }
        
        // Função para adicionar ao carrinho via AJAX
        function adicionarAoCarrinhoAjax(produtoId, quantidade = 1) {
            fetch('/carrinho.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded',
                },
                body: 'acao=adicionar&produto_id=' + produtoId + '&quantidade=' + quantidade
            })
            .then(response => response.json())
            .then(data => {
                if (data.sucesso) {
                    atualizarContadorCarrinho(data.total_itens);
                    mostrarNotificacao('Produto adicionado ao carrinho!', 'sucesso');
                } else {
                    mostrarNotificacao(data.mensagem || 'Erro ao adicionar ao carrinho', 'erro');
                }
            })
            .catch(error => {
                console.error('Erro:', error);
                mostrarNotificacao('Erro de conexão. Tente novamente.', 'erro');
            });
        }
        
        // Função para mostrar notificação
        function mostrarNotificacao(mensagem, tipo = 'sucesso') {
            const notificacao = document.createElement('div');
            notificacao.className = `notificacao ${tipo}`;
            notificacao.innerHTML = `
                <i class="fas fa-${tipo === 'sucesso' ? 'check-circle' : 'exclamation-circle'}"></i>
                <span>${mensagem}</span>
            `;
            
            notificacao.style.cssText = `
                position: fixed;
                top: 20px;
                right: 20px;
                background: ${tipo === 'sucesso' ? '#00c9a7' : '#ff3860'};
                color: white;
                padding: 15px 25px;
                border-radius: 10px;
                box-shadow: 0 5px 20px rgba(0,0,0,0.2);
                z-index: 10000;
                transform: translateX(400px);
                transition: transform 0.3s ease;
                display: flex;
                align-items: center;
                gap: 10px;
            `;
            
            document.body.appendChild(notificacao);
            
            setTimeout(() => {
                notificacao.style.transform = 'translateX(0)';
            }, 100);
            
            setTimeout(() => {
                notificacao.style.transform = 'translateX(400px)';
                setTimeout(() => {
                    document.body.removeChild(notificacao);
                }, 300);
            }, 5000);
        }
        
        // Otimização: Carregamento da imagem
        document.addEventListener('DOMContentLoaded', function() {
            const paymentImg = document.querySelector('.payment-image');
            if (paymentImg && !paymentImg.complete) {
                paymentImg.addEventListener('load', function() {
                    this.style.opacity = '1';
                });
                paymentImg.style.opacity = '0';
                paymentImg.style.transition = 'opacity 0.5s ease';
            }
        });
    </script>
</body>
</html>