/* ===== À PROPOS ===== */
.eco-about { padding: 24px 0 56px; background: #fff; }
.eco-about-grid {
    display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
    gap: 52px; align-items: center;
}

.eco-about-media { position: relative; }
.eco-about-media img {
    width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
    border-radius: 18px; box-shadow: 0 18px 40px rgba(0,0,0,.16);
}
.eco-about-badge {
    position: absolute; bottom: -16px; right: 20px;
    background: var(--eco-accent, #2b6cb0); color: #fff;
    font-size: 14px; font-weight: 800;
    padding: 12px 20px; border-radius: 12px;
    box-shadow: 0 10px 24px rgba(43,108,176,.35);
}

.eco-about-tag {
    display: inline-block; background: rgba(43,108,176,.10); color: var(--eco-accent, #2b6cb0);
    font-size: 12.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px;
    padding: 6px 14px; border-radius: 999px; margin-bottom: 14px;
}
.eco-about-title {
    margin: 0 0 16px; font-size: 32px; font-weight: 800; line-height: 1.2;
    color: var(--eco-text, #1d2327);
}
.eco-about-text { color: #4b5563; font-size: 15.5px; line-height: 1.7; margin: 0 0 14px; }

.eco-about-points { list-style: none; margin: 18px 0 0; padding: 0; }
.eco-about-points li {
    display: flex; align-items: center; gap: 10px;
    font-size: 14.5px; font-weight: 600; color: var(--eco-text, #1d2327);
    margin-bottom: 9px;
}
.eco-about-points svg { width: 18px; height: 18px; color: #38a169; flex-shrink: 0; }

.eco-about-stats {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
    margin-top: 26px; padding-top: 24px;
    border-top: 1px dashed var(--eco-border, #e6e6e6);
}
.eco-about-stat strong {
    display: block; font-size: 28px; font-weight: 900;
    color: var(--eco-accent, #2b6cb0); line-height: 1.1;
}
.eco-about-stat span { font-size: 12.5px; color: #6b7177; }

@media (max-width: 992px) {
    .eco-about-grid { grid-template-columns: 1fr; gap: 40px; }
    .eco-about-media { max-width: 520px; }
}
@media (max-width: 782px) {
    .eco-about { padding: 8px 0 44px; }
    .eco-about-title { font-size: 24px; }
    .eco-about-stats { gap: 10px; }
    .eco-about-stat strong { font-size: 22px; }
    .eco-about-badge { right: 12px; padding: 10px 16px; font-size: 12.5px; }
}