body {
    background: #f5f5f5;
}

.produto-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    transition: 0.2s;
}

.produto-card:hover {
    transform: scale(1.03);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.produto-img {
    height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
}

.preco {
    font-size: 20px;
    font-weight: bold;
    color: #28a745;
}

.btn-whatsapp {
    background: #25d366;
    color: #fff;
    border: none;
    transition: 0.3s;
}

.btn-whatsapp:hover {
    background: #1ebe5b;
    color: #fff;
}

.img-principal{

width:100%;
max-width:420px;
height:350px;
object-fit:contain;

border:1px solid #ddd;
padding:10px;
background:#fff;

display:block;
margin:auto;

}
.miniaturas img{

width:60px;
height:60px;
object-fit:cover;

margin:5px;
cursor:pointer;

border:1px solid #ccc;
padding:3px;
background:white;

transition:0.2s;

}

.miniaturas img:hover{

border:2px solid #0d6efd;
transform:scale(1.05);

}

.zoom-container{
position:relative;
display:inline-block;
}

.img-principal{
max-width:720px;
height:650px;
object-fit:contain;
border:1px solid #ddd;
background:white;
}

#zoom_lente{

position:absolute;

width:120px;
height:120px;

border:2px solid #333;

display:none;

background-repeat:no-repeat;

pointer-events:none;

}
.card img{
height:200px;
object-fit:cover;
}
@media (max-width: 991px) {
.navbar-collapse {
background: #212529;
padding: 10px;
}
}

.text-muted.small {
font-size: 13px;
line-height: 1.4;
}