/* ML Afiliados — segue o tema do site (fontes herdadas, vermelho #aa1801 via --mlaf-cor). */

/* ---------- A · Vitrine em grade ---------- */
.mlaf-vitrine{container-type:inline-size;margin:1.8em 0;font-family:inherit;color:#444}
.mlaf-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--mlaf-cor,#aa1801);margin-bottom:14px}
.mlaf-rotulo{background:var(--mlaf-cor,#aa1801);color:var(--mlaf-cor-txt,#fff);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;line-height:1.3}
.mlaf-fonte{font-size:12px;color:#6b6b6b;padding-bottom:6px}
.mlaf-itens{display:grid;gap:14px}
.mlaf-grade .mlaf-itens{grid-template-columns:repeat(var(--mlaf-cols,2),minmax(0,1fr))}
@container (max-width:420px){.mlaf-grade .mlaf-itens{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
@container (min-width:640px){.mlaf-grade .mlaf-itens{grid-template-columns:repeat(var(--mlaf-cols-wide,4),minmax(0,1fr))}}
.mlaf-lista .mlaf-itens{grid-template-columns:1fr}
.mlaf-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e6e6;border-radius:4px;overflow:hidden;min-width:0}
.mlaf-lista .mlaf-card{flex-direction:row;align-items:center}
.mlaf-img{position:relative;display:flex;align-items:center;justify-content:center;height:150px;padding:10px;background:#fff}
.mlaf-img img{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:0 auto}
.mlaf-lista .mlaf-img{flex:0 0 130px;height:120px}
.mlaf-rank{position:absolute;top:8px;left:8px;background:#222;color:#fff;font-size:11px;font-weight:700;padding:3px 7px;line-height:1.3}
.mlaf-off{position:absolute;top:8px;right:8px;background:#00843d;color:#fff;font-size:11px;font-weight:700;padding:3px 7px;line-height:1.3}
.mlaf-info{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;flex:1}
.mlaf-nome{color:#222!important;text-decoration:none!important;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.35em*3)}
.mlaf-nome:hover{color:var(--mlaf-cor,#aa1801)!important}
.mlaf-lista .mlaf-nome{min-height:0;font-size:14px}
.mlaf-preco{margin-top:auto;display:flex;flex-direction:column;gap:2px}
.mlaf-preco s{color:#6b6b6b;font-size:12px}
.mlaf-valor{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.mlaf-valor strong{font-size:19px;color:#222;line-height:1.3}
.mlaf-pct{font-style:normal;font-size:15px;font-weight:800;line-height:1;color:#fff;background:#00843d;padding:5px 8px;border-radius:3px;white-space:nowrap;letter-spacing:.01em}
.mlaf-parc{font-size:12px;color:#00843d;line-height:1.35}
.mlaf-frete{font-size:12px;color:#00843d;font-weight:600;line-height:1.35}
.mlaf-frete b{font-style:italic;font-weight:800;letter-spacing:.02em}
.mlaf-botao{display:block;text-align:center;background:var(--mlaf-cor,#aa1801);color:var(--mlaf-cor-txt,#fff)!important;text-decoration:none!important;font-weight:700;font-size:13px;padding:10px 8px;border-radius:3px;line-height:1.3}
.mlaf-botao:hover{filter:brightness(.88)}
.mlaf-lista .mlaf-botao{align-self:flex-start;padding:9px 18px}
.mlaf-aviso{margin:10px 0 0!important;font-size:11px!important;line-height:1.4;color:#6b6b6b}
@container (max-width:420px){.mlaf-botao{padding:13px 6px}.mlaf-lista .mlaf-card{flex-direction:column}.mlaf-lista .mlaf-img{flex:none}.mlaf-lista .mlaf-botao{align-self:stretch}}

/* ---------- B · Destaque horizontal ---------- */
.mlaf-destaque{container-type:inline-size;display:flex;gap:24px;align-items:stretch;margin:1.8em 0;padding:20px;background:#fff;border:1px solid #e6e6e6;border-top:3px solid var(--mlaf-cor,#aa1801);font-family:inherit}
.mlaf-d-img{flex:0 0 200px;display:flex;align-items:center;justify-content:center;min-height:180px}
.mlaf-d-img img{max-width:100%;max-height:220px;object-fit:contain;display:block}
.mlaf-d-info{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.mlaf-d-selo{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mlaf-cor,#aa1801)}
.mlaf-d-nome{font-family:Merriweather,Georgia,serif;font-size:18px;line-height:1.4;color:#222!important;text-decoration:none!important}
.mlaf-d-nome:hover{color:var(--mlaf-cor,#aa1801)!important}
.mlaf-d-preco{margin-top:4px}
.mlaf-d-preco s{font-size:13px}
.mlaf-d-preco .mlaf-valor strong{font-size:26px;line-height:1.2}
.mlaf-d-preco .mlaf-pct{font-size:18px;padding:6px 10px}
.mlaf-d-preco .mlaf-parc,.mlaf-destaque .mlaf-frete{font-size:13px}
.mlaf-d-data{font-size:11px;color:#6b6b6b}
.mlaf-d-acao{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.mlaf-d-acao .mlaf-botao{display:inline-block;padding:12px 22px;font-size:14px}
.mlaf-d-acao span{font-size:11px;color:#6b6b6b}
@container (max-width:520px){.mlaf-destaque{flex-direction:column;gap:14px}.mlaf-d-img{flex:none;min-height:0}.mlaf-d-img img{max-height:200px}.mlaf-d-acao .mlaf-botao{display:block;width:100%;text-align:center}}
@media (max-width:560px){.mlaf-destaque{flex-direction:column;gap:14px;padding:16px}.mlaf-d-img{flex:none;min-height:0}.mlaf-d-acao .mlaf-botao{display:block;width:100%;text-align:center}}

.mlaf-link{text-decoration:underline}
.mlaf-notice{padding:8px 12px;background:#fff8e5;border-left:4px solid #dba617;font-size:13px}

/* ---------- Tema escuro ---------- */
.mlaf-escuro{color:#c9cec7}
.mlaf-escuro .mlaf-fonte,.mlaf-escuro .mlaf-aviso,.mlaf-escuro .mlaf-d-acao span,.mlaf-escuro .mlaf-d-data,.mlaf-escuro .mlaf-preco s{color:#8f968c!important}
.mlaf-escuro .mlaf-card{background:#12160f;border-color:#2a3027}
.mlaf-escuro .mlaf-img{background:#fff;margin:8px 8px 0;border-radius:3px}
.mlaf-escuro .mlaf-nome,.mlaf-escuro .mlaf-d-nome{color:#e8ece6!important}
.mlaf-escuro .mlaf-nome:hover,.mlaf-escuro .mlaf-d-nome:hover{color:var(--mlaf-cor)!important}
.mlaf-escuro .mlaf-valor strong{color:#fff}
.mlaf-escuro .mlaf-rank{background:var(--mlaf-cor);color:var(--mlaf-cor-txt,#fff)}
.mlaf-escuro .mlaf-parc,.mlaf-escuro .mlaf-frete{color:#3ddc84}
.mlaf-escuro .mlaf-pct{background:#1f9d55}
.mlaf-escuro.mlaf-destaque{background:#12160f;border-color:#2a3027;border-top-color:var(--mlaf-cor)}
.mlaf-escuro .mlaf-d-img{background:#fff;border-radius:3px;padding:8px}
.mlaf-escuro .mlaf-d-selo{color:var(--mlaf-cor)}

/* Cupom (texto informado na aba Produtos) */
.mlaf-cupom{display:inline-block;align-self:flex-start;margin:6px 0 2px;padding:3px 8px;font-size:12px;font-weight:700;line-height:1.3;color:#8a4b00;background:#fff4e0;border:1px dashed #e08a00;border-radius:3px}
.mlaf-escuro .mlaf-cupom{color:#ffb35c;background:rgba(255,138,52,.12);border-color:#ff8a34}

/* ---------- C · Banners para espaços de anúncio (faixa 728×90 / 320×100, caixa 300×250 / 336×280, coluna 300×600, larga 970×250) ---------- */
.mlaf-banner{container-type:inline-size;width:100%;height:100%;box-sizing:border-box;overflow:hidden;font-family:inherit;color:#444;background:#fff;border:1px solid #e6e6e6;border-radius:4px;text-align:left;display:flex;flex-direction:column}
.mlaf-banner *{box-sizing:border-box}
.mlaf-b-cab{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:2px solid var(--mlaf-cor,#aa1801);flex:none}
.mlaf-b-cab span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mlaf-cor,#aa1801);line-height:1.2}
.mlaf-b-cab small{font-size:10px;color:#6b6b6b}
.mlaf-b-itens{display:flex;flex:1;min-height:0}
.mlaf-b-item{display:flex;min-width:0;flex:1}
.mlaf-b-img{display:flex;align-items:center;justify-content:center;background:#fff;flex:none}
.mlaf-b-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.mlaf-b-info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.mlaf-b-selo{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--mlaf-cor,#aa1801);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlaf-b-nome{color:#222!important;text-decoration:none!important;font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mlaf-b-nome:hover{color:var(--mlaf-cor,#aa1801)!important}
.mlaf-b-preco{display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.2}
.mlaf-b-preco strong{font-size:16px;color:#222}
.mlaf-b-preco em{font-style:normal;font-size:11px;font-weight:800;color:#fff;background:#00843d;padding:2px 5px;border-radius:3px}
.mlaf-banner .mlaf-b-botao{padding:6px 10px;font-size:12px;margin-top:auto}

/* Dentro do espaço do tema: ocupa a altura reservada */
.cc-anuncio__area>.mlaf-banner{align-self:stretch;justify-self:stretch}
.cc-anuncio__area[style*="min-height:280px"] .mlaf-b-caixa .mlaf-b-img,.cc-anuncio__area[style*="min-height:250px"] .mlaf-b-larga .mlaf-b-img{height:116px}

/* Faixa: itens lado a lado, imagem à esquerda, botão à direita */
.mlaf-b-faixa .mlaf-b-itens{gap:0}
.mlaf-b-faixa .mlaf-b-item{align-items:center;gap:10px;padding:6px 10px}
.mlaf-b-faixa .mlaf-b-item+.mlaf-b-item{border-left:1px solid #eee}
.mlaf-b-faixa .mlaf-b-img{width:72px;height:72px}
.mlaf-b-faixa .mlaf-b-info{gap:2px}
.mlaf-b-faixa .mlaf-b-nome{font-size:12px}
.mlaf-b-faixa .mlaf-b-preco strong{font-size:14px}
.mlaf-b-faixa .mlaf-b-info{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:2px;align-items:center}
.mlaf-b-faixa .mlaf-b-selo,.mlaf-b-faixa .mlaf-b-nome,.mlaf-b-faixa .mlaf-b-preco{grid-column:1}
.mlaf-b-faixa .mlaf-b-botao{grid-column:2;grid-row:1/4;align-self:center;margin:0;padding:7px 10px;font-size:11px;white-space:nowrap}
@container (max-width:560px){.mlaf-b-faixa .mlaf-b-item+.mlaf-b-item{display:none}}
@container (max-width:360px){.mlaf-b-faixa .mlaf-b-img{width:64px;height:64px}.mlaf-b-faixa .mlaf-b-item{padding:4px 8px}}

/* Caixa: um produto, imagem em cima */
.mlaf-b-caixa .mlaf-b-item{flex-direction:column;padding:10px 12px;gap:6px}
.mlaf-b-caixa .mlaf-b-img{height:96px;width:100%}
.mlaf-b-caixa .mlaf-b-botao{text-align:center}

/* Coluna: lista vertical */
.mlaf-b-coluna .mlaf-b-itens{flex-direction:column}
.mlaf-b-coluna .mlaf-b-item{gap:10px;padding:8px 10px;align-items:center;border-bottom:1px solid #eee}
.mlaf-b-coluna .mlaf-b-item:last-child{border-bottom:0}
.mlaf-b-coluna .mlaf-b-img{width:84px;height:84px}
.mlaf-b-coluna .mlaf-b-botao{align-self:flex-start;margin-top:2px}

/* Larga: grade horizontal de 4 */
.mlaf-b-larga .mlaf-b-itens{gap:0}
.mlaf-b-larga .mlaf-b-item{flex-direction:column;padding:8px 10px;gap:4px}
.mlaf-b-larga .mlaf-b-item+.mlaf-b-item{border-left:1px solid #eee}
.mlaf-b-larga .mlaf-b-img{height:96px;width:100%}
.mlaf-b-larga .mlaf-b-botao{text-align:center}
@container (max-width:700px){.mlaf-b-larga .mlaf-b-item:nth-child(n+3){display:none}}

/* Banners no tema escuro */
.mlaf-escuro.mlaf-banner{background:#12160f;border-color:#2a3027;color:#c9cec7}
.mlaf-escuro .mlaf-b-img{background:#fff;border-radius:3px}
.mlaf-escuro .mlaf-b-nome{color:#e8ece6!important}
.mlaf-escuro .mlaf-b-preco strong{color:#fff}
.mlaf-escuro .mlaf-b-item+.mlaf-b-item,.mlaf-escuro.mlaf-b-coluna .mlaf-b-item{border-color:#2a3027}