.product-flag.new {
        background: linear-gradient(135deg, #C51A28, #7D0C14);
        color: #ffffff !important;
        font-weight: 600;
        letter-spacing: 1px;
        border-radius: 4px;
   }
   .thumbnail-container {
    border-radius: 19px;
   }
   
   
   /* CARD MAGALI */
   
    .product-miniature:hover{
        transform: translateY(-6px);
        box-shadow:0 18px 40px rgba(125, 12, 20, 0.22) !important;
   }

/* 🔒 TRAVA O “NOVO” (cor + formato) */
    .product-miniature .product-flags{
        z-index: 5;
   }

    .product-miniature .product-flag.new{
        background: #A60F1B !important;   /* cor da tua logo */
        color: #fff !important;
        border-radius: 999px !important;  /* formato “pílula” elegante */
        padding:
   }
   
    .carousel,
  #carousel,
  #homepage-slider,
    .carousel-inner {
        border: 1px solid #EFE7E4 !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 25px rgba(125, 12, 20, 0.08) !important;
        overflow: hidden !important;
   }
  
  /* ===================== MAGALI · CARDS + IMAGENS + BOTÃO ===================== */

/* 1) CARD (pega várias estruturas possíveis de tema) */



/* 2) IMAGEM (arredondar e remover “borda/halo” do tema) */
.product-miniature img,
.js-product-miniature img,
.product-card img,
.product-item img,
.products img {
  border-radius: 12px !important;
  outline: none !important;
}

/* 3) HOVER FLUTUAR (só desktop) */
@media (hover: hover) and (pointer: fine) {
  .product-miniature:hover,
  .js-product-miniature:hover,
  .product-card:hover,
  .product-item:hover,
  article.product-miniature:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 34px rgba(125, 12, 20, 0.16) !important;
  }
}

/* 4) BADGE NOVO (mantém como está, mas reforça) */
.product-flag.new,
.product-flags .new,
.product-label.new,
.badge.new,
.badge-new {
  background: #A60F1B !important;
  color: #fff !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
}

/* 5) BOTÃO “ADICIONAR AO CARRINHO” (pega vários nomes possíveis) */
.add-to-cart,
.ajax_add_to_cart_button,
.button.ajax_add_to_cart_button,
.product-add-to-cart .btn,
.product-miniature .btn,
.products .btn,
.btn-primary,
.btn.add-to-cart,
button.add-to-cart,
a.add-to-cart {
  background: #A60F1B !important;
  border-color: #A60F1B !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 22px rgba(166, 15, 27, 0.20) !important;
}

/* Hover do botão */
@media (hover: hover