/* Card de produto e vitrines do tema Mercolar (protótipo v3). Home, lista de produtos, produto e carrinho. */
.sec { padding:42px 0 0 }
.sec-hd { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px }
.sec-hd h2 { font-size:1.5rem;position:relative;padding-left:15px }
.sec-hd h2::before { content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:99px;background:var(--red) }
.sec-hd a { color:var(--red);font-weight:600;font-size:.86rem;white-space:nowrap }
.sec-hd a:hover { text-decoration:underline }
.grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px }
@media(max-width:1040px) {
	.grid { grid-template-columns:repeat(3,1fr) }
}
@media(max-width:780px) {
	.grid { grid-template-columns:repeat(2,1fr) }
}
.card { background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:.16s;position:relative }
.card:hover { box-shadow:var(--shadow-lift);border-color:transparent;transform:translateY(-3px) }
.card-img { aspect-ratio:1;position:relative;background:#fff;cursor:pointer;overflow:hidden }
.card-img img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px;transition:opacity .3s }
.card:hover .card-img img.a { opacity:0 }
.seals { position:absolute;top:9px;left:9px;display:flex;flex-direction:column;gap:5px;z-index:2 }
.seal { font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--graphite) }
.seal.off { background:var(--red) }
.seal.new { background:var(--amber);color:#332400 }
.card-bd { padding:13px;display:flex;flex-direction:column;gap:6px;flex:1 }
.brandline { font-size:.68rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.08em }
.card h3 { font-size:.88rem;font-weight:500;font-family:'Figtree';line-height:1.35;letter-spacing:0;min-height:2.4em }
.stars { display:flex;align-items:center;gap:5px;font-size:.73rem;color:var(--muted) }
.stars b { color:var(--amber);letter-spacing:-1px }
.price { margin-top:auto;padding-top:4px }
.price .was { font-size:.76rem;color:var(--muted);text-decoration:line-through }
.price .now { font-family:'Nunito';font-size:1.3rem;font-weight:900;letter-spacing:-.03em;color:var(--ink) }
.card-ft { display:flex;gap:7px;padding:0 13px 13px }
.buy { flex:1;background:var(--red);color:#fff;padding:10px;border-radius:var(--r-sm);font-weight:700;font-size:.84rem;text-align:center }
.buy:hover { background:var(--red-dark) }

/* Ajustes do card ao WooCommerce */
.card-img img { width: 100%; height: auto; }
.card h3 a { color: inherit; }