body{
background:#f5f5f5;
padding-bottom:90px;
}

/* CARD PRODUTO */

.card-produto{
min-width:200px;
flex:0 0 auto;
border:none;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
overflow:hidden;
}

.card-produto img{
height:80px;
object-fit:cover;
}

.produto-nome{
font-weight:600;
font-size:15px;
}

.produto-preco{
color:#dc3545;
font-weight:bold;
}

/* BOTÃO ADD */

.btn-add{
width:100%;
}

/* CARRINHO FLUTUANTE */

.carrinho-flutuante{

position:fixed;
bottom:15px;

left:50%;
transform:translateX(-50%);

width:calc(100% - 30px);
max-width:520px;

background:#28a745;
color:#fff;

padding:14px;

border-radius:14px;

font-weight:bold;

box-shadow:0 4px 12px rgba(0,0,0,0.25);

display:none;

z-index:999;

text-align:center;

cursor:pointer;

}

/* CATEGORIAS */

.categorias-scroll{
display:flex;
overflow-x:auto;
gap:8px;
padding:5px;
}

.categoria-btn{
flex:0 0 auto;
border-radius:20px;
padding:6px 14px;
font-size:14px;
border:1px solid #ddd;
background:#fff;
}

.categoria-btn.active{
background:#dc3545;
color:#fff;
border-color:#dc3545;
}

.qtd-box{
display:flex;
align-items:center;
gap:6px;
}

.btn-qtd{
width:28px;
height:28px;
border-radius:50%;
padding:0;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
}

.btn-add-circle{
width:32px;
height:32px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
padding:0;
}

.scroll-horizontal{
display:flex;
overflow-x:auto;
gap:12px;
padding-bottom:10px;
}

.scroll-horizontal::-webkit-scrollbar{
display:none;
}