:root{ --tm-blue:#0033cc; --tm-red:#e30613; }

.card-product{
  border:2px solid var(--tm-blue);
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.card-product .card-header{
  background:var(--tm-blue);
  color:#fff;
  font-weight:700;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}

.badge-discount{ background:var(--tm-red); }
.price-old{ text-decoration:line-through; opacity:.6; }
.price-new{ color:var(--tm-red); font-weight:800; }

.badge-promo {
  color: #fff;
  background-color: #6f42c1; /* Um tom de roxo do Bootstrap */
  font-size: 0.75em;
  padding: 0.35em 0.65em;
  border-radius: 10rem; /* pill shape */
}

.card-product .card-img-top {
  width: 100%;
  height: 200px; /* Altura fixa para todos os cards */
  object-fit: contain; /* 'cover' preenche, 'contain' mostra inteira */
  padding: 10px;
}

.btn-copy {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    border: 1px solid #ced4da;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.btn-copy:hover {
    background-color: #e9ecef;
    border-color: #adb5bd;
}

.btn-copy.copied {
    background-color: #28a745; /* Verde sucesso */
    color: #fff;
    border-color: #28a745;
}