/* =========================
   REMOVE FUNDO AMARELO
========================= */
body,
header,
.top-bar,
.navbar {
    background: #ffffff !important;
}

/* =========================
   FUNDO GERAL
========================= */
body {
    background: #f3f4f6 !important;
}

/* =========================
   REMOVE BORDA TRACEJADA (CRÍTICO)
========================= */
div[class*="product"],
div[class*="item"],
div[class*="card"] {
    border: 1px solid #e5e7eb !important;
    border-style: solid !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}

/* =========================
   HOVER NOS CARDS
========================= */
div[class*="product"]:hover,
div[class*="item"]:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* =========================
   IMAGEM
========================= */
img {
    border-radius: 10px;
}

/* =========================
   PREÇO (verde estilo marketplace)
========================= */
[class*="price"], strong {
    color: #2563eb !important;
    font-weight: bold;
}

/* =========================
   BOTÕES
========================= */
button,
.btn,
input[type="submit"] {
    background: #2563eb !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
}

/* =========================
   GRID MELHORADO
========================= */
.container,
.products,
.row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px;
}

/* =========================
   ESPAÇAMENTO DOS CARDS
========================= */
div[class*="product"],
div[class*="item"] {
    padding: 15px !important;
}

/* =========================
   REMOVE BADGE "OFERTA"
========================= */
div[class*="product"]::before {
    content: none !important;
}

/* =========================
   REMOVE BADGE DE DESCONTO (%)
========================= */
div[class*="product"]::after {
    content: none !important;
}

/* =========================
   REMOVE EFEITO BRILHO / VIDRO
========================= */
div[class*="product"]::after {
    display: none !important;
}

/* =========================
   GARANTE LIMPEZA VISUAL
========================= */
div[class*="product"] {
    overflow: hidden;
}

/**tira logo hostgator**/
#footer-main .copyright {
    display: none;
}

/**tira nome produtos em destaque**/
.header-box-content .title-secundary {
    display: none;
}

/**diminui espaçamento entre o banner e menu **/
#nav-main div[class^="element-"] {
    margin-bottom: 8px;
    width: 100%;
}