/* Blocs produit insérés dans les articles et guides (codes courts) */
.ab-card {
    display: flex;
    gap: 1.25rem;
    align-items: flex-start;
    margin: 1.25rem 0 1rem;
    padding: 1.25rem;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    background: #fff;
}
.ab-card-media { flex: 0 0 140px; }
.ab-card-media img { width: 140px; height: 140px; object-fit: contain; display: block; }
.ab-card-body { flex: 1; min-width: 0; }
.ab-brand { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: #6b6b6b; }
.ab-name { margin: .15rem 0 .6rem; font-size: 1.15rem; line-height: 1.3; }
.ab-name a { color: inherit; text-decoration: none; }
.ab-name a:hover { text-decoration: underline; }

.ab-facts { list-style: none; margin: 0 0 .9rem; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.ab-facts li { font-size: .85rem; padding: .25rem .6rem; background: #f4f4f1; border-radius: 999px; }
.ab-facts li span { color: #6b6b6b; margin-right: .25rem; }

.ab-offers { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .6rem; }
.ab-btn {
    display: inline-block; padding: .55rem 1rem; border-radius: 8px;
    border: 1px solid var(--primary, #1f4f3e); color: var(--primary, #1f4f3e);
    font-weight: 600; font-size: .9rem; text-decoration: none; background: #fff;
}
.ab-btn-main { background: var(--primary, #1f4f3e); color: #fff !important; text-decoration: none !important; }
.ab-btn:hover { opacity: .9; }
.ab-more { font-size: .9rem; color: var(--primary, #1f4f3e); text-decoration: none; }
.ab-more:hover { text-decoration: underline; }

.ab-table-wrap { overflow-x: auto; margin: 1.25rem 0; }
.ab-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.ab-table th, .ab-table td { padding: .7rem .6rem; border-bottom: 1px solid #e3e3e3; text-align: left; vertical-align: middle; }
.ab-table th { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: #6b6b6b; }
.ab-table-product { display: flex; align-items: center; gap: .6rem; color: inherit; text-decoration: none; min-width: 200px; }
.ab-table-product img { width: 48px; height: 48px; object-fit: contain; flex: 0 0 48px; }
.ab-table-product:hover span { text-decoration: underline; }

@media (max-width: 640px) {
    .ab-card { flex-direction: column; }
    .ab-card-media { flex-basis: auto; align-self: center; }
    .ab-table { min-width: 640px; }
}