body,html{
    margin:0;
    padding:0;
    font-family:'Poppins',sans-serif;
    background:#f5f5f5;
    color:#333
}
.main-layout{
    background-color:#f5f5f5
}
.conteudo{
    width:100%;
    padding:1rem;
    box-sizing:border-box;
    margin:0 auto;
    max-width:100%
}
.topbar-clickum{
    background-color:#4B0082;
    padding:10px 20px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#fff
}
.logo-box,.busca-box,.usuario-box,.carrinho-box{
    display:flex;
    align-items:center
}
.logo-box{
    flex:1 1 100%;
    justify-content:center
}
.busca-box{
    flex:1 1 100%;
    justify-content:center
}
.usuario-box,.carrinho-box{
    flex:1 1 50%;
    justify-content:center
}
.cart-count{
    position:absolute;
    top:-5px;
    right:-10px;
    background-color:red;
    color:#fff;
    font-size:.7rem;
    border-radius:50%;
    padding:2px 6px;
    font-weight:700
}
@media(min-width:769px){
    .topbar-clickum{
        flex-wrap:nowrap
    }
    .logo-box,.busca-box,.usuario-box,.carrinho-box{
        flex:none
    }
    .logo-box{
        justify-content:flex-start
    }
    .busca-box{
        flex-grow:1;
        justify-content:center
    }
    .usuario-box,.carrinho-box{
        justify-content:flex-end
    }
}
.menu-categorias{
    background-color:#3a0ca3;
    padding:10px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px
}
.menu-categorias a,.menu-categorias p\:link{
    color:#fff;
    font-size:1rem;
    text-align:center;
    padding:8px 12px;
    text-decoration:none;
    font-weight:500
}
@media(max-width:768px){
    .menu-categorias{
        flex-direction:column;
        align-items:center
    }
    .menu-categorias a,.menu-categorias p\:link{
        padding:10px 0;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,.1)
    }
}
.vitrine-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    padding:1rem;
    gap:1rem
}
.card-produto{
    background-color:#fff;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    padding:1rem;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:transform .3s ease;
    height:100%
}
.card-produto:hover{
    transform:scale(1.03)
}
.card-produto img{
    width:100%;
    height:200px;
    object-fit:contain;
    border-radius:8px
}
.card-title{
    font-size:1rem;
    margin:.5rem 0
}
.preco{
    font-weight:700;
    color:#0f9d58;
    margin-bottom:.5rem
}
.footer{
    background-color:#3a0ca3;
    color:#fff;
    text-align:center;
    padding:1rem;
    margin-top:2rem;
    font-size:.85rem
}
.p-button-white{
    background-color:#fff!important;
    color:#3a0ca3!important;
    border:1px solid #ddd!important;
    border-radius:20px;
    padding:.5rem 1rem
}
.footer-clickum{
    background-color:#360062;
    color:#fff;
    padding:20px 10px;
    font-size:.85rem;
    text-align:center
}
.footer-clickum .seguranca{
    margin-bottom:15px;
    font-weight:700
}
.footer-clickum .selos{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:15px
}
.footer-clickum .selos img{
    height:40px;
    max-width:100px
}
.footer-clickum .google-link{
    color:#FFD700;
    font-weight:700;
    text-decoration:underline;
    font-size:.9rem
}
.footer-clickum .copy{
    font-size:.8rem;
    opacity:.8
}
@media(max-width:600px){
    .footer-clickum .selos{
        flex-direction:column;
        gap:10px
    }
}
.menu-categorias-clickum{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    background-color:#360062;
    padding:10px;
    gap:8px
}
.categoria-btn{
    color:#fff;
    background:rgba(255,255,255,.1);
    padding:8px 16px;
    border-radius:20px;
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    transition:background .3s ease
}
.categoria-btn:hover{
    background-color:#5e1c94
}
.categoria-btn.destaque{
    background-color:#ff4081;
    color:#fff
}
@media(max-width:768px){
    .menu-categorias-clickum{
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center
    }
    .categoria-btn{
        padding:10px 12px;
        font-size:.95rem
    }
}
body,html{
    margin:0;
    padding:0;
    font-family:'Poppins',sans-serif;
    background:#f5f5f5;
    color:#333
}
.main-layout{
    background-color:#f5f5f5
}
.conteudo{
    width:100%;
    padding:1rem;
    box-sizing:border-box;
    margin:0 auto;
    max-width:100%
}
.topbar-clickum{
    background-color:#4B0082;
    padding:10px 20px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#fff
}
.logo-box,.busca-box,.usuario-box,.carrinho-box{
    display:flex;
    align-items:center
}
.logo-box{
    flex:1 1 100%;
    justify-content:center
}
.busca-box{
    flex:1 1 100%;
    justify-content:center
}
.usuario-box,.carrinho-box{
    flex:1 1 50%;
    justify-content:center
}
.cart-count{
    position:absolute;
    top:-5px;
    right:-10px;
    background-color:red;
    color:#fff;
    font-size:.7rem;
    border-radius:50%;
    padding:2px 6px;
    font-weight:700
}
@media(min-width:769px){
    .topbar-clickum{
        flex-wrap:nowrap
    }
    .logo-box,.busca-box,.usuario-box,.carrinho-box{
        flex:none
    }
    .logo-box{
        justify-content:flex-start
    }
    .busca-box{
        flex-grow:1;
        justify-content:center
    }
    .usuario-box,.carrinho-box{
        justify-content:flex-end
    }
}
.menu-categorias{
    background-color:#3a0ca3;
    padding:10px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px
}
.menu-categorias a,.menu-categorias p\:link{
    color:#fff;
    font-size:1rem;
    text-align:center;
    padding:8px 12px;
    text-decoration:none;
    font-weight:500
}
@media(max-width:768px){
    .menu-categorias{
        flex-direction:column;
        align-items:center
    }
    .menu-categorias a,.menu-categorias p\:link{
        padding:10px 0;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,.1)
    }
}
.vitrine-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    padding:1rem;
    gap:1rem
}
.card-produto{
    background-color:#fff;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.1);
    padding:1rem;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:transform .3s ease;
    height:100%
}
.card-produto:hover{
    transform:scale(1.03)
}
.card-produto img{
    width:100%;
    height:200px;
    object-fit:contain;
    border-radius:8px
}
.card-title{
    font-size:1rem;
    margin:.5rem 0
}
.preco{
    font-weight:700;
    color:#0f9d58;
    margin-bottom:.5rem
}
.footer{
    background-color:#3a0ca3;
    color:#fff;
    text-align:center;
    padding:1rem;
    margin-top:2rem;
    font-size:.85rem
}
.p-button-white{
    background-color:#fff!important;
    color:#3a0ca3!important;
    border:1px solid #ddd!important;
    border-radius:20px;
    padding:.5rem 1rem
}
.footer-clickum{
    background-color:#360062;
    color:#fff;
    padding:20px 10px;
    font-size:.85rem;
    text-align:center
}
.footer-clickum .seguranca{
    margin-bottom:15px;
    font-weight:700
}
.footer-clickum .selos{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    margin-bottom:15px
}
.footer-clickum .selos img{
    height:40px;
    max-width:100px
}
.footer-clickum .google-link{
    color:#FFD700;
    font-weight:700;
    text-decoration:underline;
    font-size:.9rem
}
.footer-clickum .copy{
    font-size:.8rem;
    opacity:.8
}
@media(max-width:600px){
    .footer-clickum .selos{
        flex-direction:column;
        gap:10px
    }
}
.menu-categorias-clickum{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    background-color:#360062;
    padding:10px;
    gap:8px
}
.categoria-btn{
    color:#fff;
    background:rgba(255,255,255,.1);
    padding:8px 16px;
    border-radius:20px;
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    transition:background .3s ease
}
.categoria-btn:hover{
    background-color:#5e1c94
}
.categoria-btn.destaque{
    background-color:#ff4081;
    color:#fff
}
@media(max-width:768px){
    .menu-categorias-clickum{
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center
    }
    .categoria-btn{
        padding:10px 12px;
        font-size:.95rem
    }
}
.whatsapp-fixo {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.whatsapp-fixo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}