/* 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}