/* Página produto.php - classes produto10 */
.produto10{margin:15px 0}
.produto10-topo{
    display:grid;
    grid-template-columns:500px 1fr;
    gap:18px;
    background:#fff;
    border:1px solid #ddd;
    padding:18px;
}
.galeria10{min-width:0}
.foto10-principal{
    width:100%;
    height:430px;
    object-fit:contain;
    border:1px solid #ddd;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#777;
    box-sizing:border-box;
}
.foto10-principal.sem{background:#eee}
.miniaturas10{
    display:flex;
    gap:8px;
    margin-top:8px;
    flex-wrap:wrap;
}
.miniaturas10 img{
    width:72px;
    height:72px;
    object-fit:cover;
    border:1px solid #ccc;
    cursor:pointer;
    background:#eee;
}
.info10 h1{
    font-size:26px;
    margin:0 0 6px;
    color:#222;
}
.info10 h2{
    font-size:17px;
    color:#777;
    font-weight:normal;
    margin:0 0 10px;
}
.cod{color:#777;font-size:13px}
.preco10{
    background:#f8f8f8;
    border:1px solid #ddd;
    padding:16px;
    margin:16px 0;
}
.preco10 small{display:block;color:#555}
.preco10 strong{
    display:block;
    color:#2244cc;
    font-size:38px;
}
.reserva10{display:block;color:#c00;font-weight:bold}
.acoes10{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:15px 0;
}
.btn-verde,
.btn-azul10,
.btn-cinza{
    display:inline-block;
    padding:12px 18px;
    color:#fff!important;
    text-decoration:none;
    font-weight:bold;
    border-radius:4px;
}
.btn-verde{background:#00a650}
.btn-azul10{background:#2244cc}
.btn-cinza{background:#777}
.tempo10{font-size:15px}
.vendedor10,
.descricao10,
.perguntas10{
    margin-top:15px;
    background:#fff;
    border:1px solid #ddd;
    padding:18px;
}
.perguntas10 textarea{
    width:100%;
    height:95px;
    padding:10px;
    box-sizing:border-box;
}
.perguntas10 button{
    background:#2244cc;
    color:#fff;
    border:0;
    padding:10px 18px;
    margin-top:8px;
    font-weight:bold;
}
.pergunta-item10{
    border-top:1px solid #eee;
    padding-top:12px;
    margin-top:12px;
}
.resposta10{
    background:#f3f3f3;
    padding:10px;
}
@media(max-width:900px){
    .produto10-topo{grid-template-columns:1fr}
    .foto10-principal{height:320px}
}