/* Produto - página de detalhe */

.produto-imagem {
    max-height: 420px;
    object-fit: contain;
}

.produto-preco {
    font-size: 1.8rem;
    font-weight: bold;
    color: #28a745;
}

.btn-success {
    box-shadow: 0 6px 12px rgba(40, 167, 69, 0.25);
}

/* IMAGEM PADRONIZADA */
.produto-img-container {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    padding: 10px;
}

.produto-img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* CARD */
.produto-card {
    border: none;
    border-radius: 12px;
    transition: all 0.3s ease;
}

/* HOVER */
.produto-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 25px rgba(0,0,0,0.1);
}

/* TÍTULO CONTROLADO */
.produto-titulo {
    font-size: 14px;
    min-height: 40px;
    overflow: hidden;
}

/* BOTÃO */
.btn-oferta {
    font-weight: bold;
    border-radius: 8px;
}

.produto-relacionado-img {
    height: 140px;
    object-fit: contain;
    width: 100%;
}

.card-relacionado {
    border-radius: 10px;
    transition: 0.3s;
}

.card-relacionado:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.descricao-produto {
    font-size: 15px;
    line-height: 1.6;
    color: #444;
}

.lista-destaques {
    list-style: none;
    padding-left: 0;
}

.lista-destaques li {
    margin-bottom: 5px;
}

.lista-destaques li::before {
    content: "✔ ";
    color: #28a745;
    font-weight: bold;
}

/* Container da imagem */
.produto-img-container {
    text-align: center;  /* centraliza a imagem */
    margin-bottom: 10px; /* espaçamento abaixo da imagem */
}

/* Imagem com tamanho fixo seguro */
.produto-img-container .produto-img {
    display: inline-block;
    width: 180px;   /* largura fixa para evitar aumento */
    height: auto;   /* mantém proporção da imagem */
}

/* Hover leve na imagem */
.produto-img-container a:hover .produto-img {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}

/* Nome do produto linkado */
.produto-titulo a {
    text-decoration: none;
    color: #000;
}

.produto-titulo a:hover {
    text-decoration: underline;
}

/* Card do produto */
.produto-card {
    margin-bottom: 20px;  /* espaçamento entre cards */
}

/* Botão de oferta */
.btn-oferta {
    text-align: center;
    width: 100%;
}

.produto-titulo a:hover {
    text-decoration: underline; /* hover opcional */
}