/* =====================================================
BARRA DE BUSCA TOP
===================================================== */
.conteudo-topo .busca.borda-alpha {
    background: #f9f9f9;
    padding: 9px 16px;
    border: 1px solid rgba(238,238,238,0.57) !important;
    border-radius: 5px;
    color: #333 !important;
    transition: all 0.2s ease;
    position: relative;
    z-index: 999;
}

.conteudo-topo .busca.borda-alpha input {
    color: #333 !important;
    width: 100%;
    padding-right: 40px; /* espaço para o botão lupa */
}

.conteudo-topo .busca .botao-busca {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

/* ===============================
BARRA FIXA AO ROLAR
=============================== */
.busca-fixa .conteudo-topo .busca.borda-alpha {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 8px 16px;
    width: 100%;
    max-width: 1200px;
    z-index: 9999;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Ajuste da lupa na barra fixa */
.busca-fixa .conteudo-topo .busca .botao-busca {
    top: 50%;
    transform: translateY(-50%);
}

/* =====================================================
RESPONSIVO BUSCA
===================================================== */
@media(max-width:767px){
    .conteudo-topo .busca.borda-alpha {
        padding: 5px 13px;
    }
    .conteudo-topo .busca .botao-busca {
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }
    .busca-mobile .busca input#auto-complete {
        border: 0 !important;
        padding: 5px 0;
    }
    .busca-fixa div#cabecalho .span8.busca-mobile .busca button.botao {
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
}

/* =====================================================
BOTÃO COMPRAR WHATSAPP MODERNO
===================================================== */
.botao-comprar,
.produto .botao {
    background: linear-gradient(135deg, #ff6a00, #ff8c00);
    color: #fff;
    border-radius: 10px;
    font-weight: 700;
    padding: 12px 20px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Hover */
.botao-comprar:hover,
.produto .botao:hover {
    background: linear-gradient(135deg, #ff8c00, #ffa500);
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

/* Remove cadeado */
.botao-comprar::before,
.produto .botao::before {
    content: none !important;
}

/* =====================================================
PIX DESCONTO
===================================================== */
.listagem-item span.desconto-a-vista strong:before,
.pagina-produto .acoes-produto span.desconto-a-vista strong:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(https://cdn.awsli.com.br/1950/1950161/arquivos/logo-pix-icone-1024.png) center center no-repeat;
    background-size: 17px;
    margin-right: 4px;
}
.pagina-produto .acoes-produto span.desconto-a-vista strong:before {
    background-size: 19px;
}
.listagem-item span.desconto-a-vista strong:after,
.pagina-produto .acoes-produto span.desconto-a-vista strong:after {
    content: " no Pix";
}

/* =====================================================
CARDS DE PRODUTOS MODERNOS
===================================================== */
.listagem-item {
    border-radius: 10px;
    background: #fff;
    transition: all .3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.listagem-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}
.listagem-item img {
    border-radius: 8px;
}

/* =====================================================
POPUPS DE COMPRA
===================================================== */
.popup-compra {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #fff;
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    font-size: 13px;
    z-index: 9999;
    animation: popupEntrada 0.5s ease;
}
@keyframes popupEntrada {
    from { opacity:0; transform:translateY(20px);}
    to { opacity:1; transform:translateY(0);}
}

/* =====================================================
RESPONSIVO MOBILE
===================================================== */
@media(max-width:768px){
    .listagem-item { margin-bottom: 15px; }
    .botao-comprar { font-size:16px; padding:12px; }
    .popup-compra { left:10px; right:10px; bottom:10px; font-size:12px; }
}
/* =====================================
REMOVER ÍCONE DE CADEADO DO BOTÃO COMPRAR
===================================== */

.icon-lock,
.icon-lock:before,
.icon-lock:after{
display:none !important;
content:none !important;
}

/* remove cadeado dentro do botão comprar */
.botao-comprar i,
.produto .botao i{
display:none !important;
}

/* remove cadeado que vem por CSS */
.botao-comprar:before,
.botao-comprar:after,
.produto .botao:before,
.produto .botao:after{
content:none !important;
display:none !important;
}