/* =============================================================
   AGRILEADER — Feuille de styles commune · v3
   Toutes pages consolidées · max-width 1400px · Sans vert fluo
   Palette : #0C8E44 (vert) · #085f2e (vert foncé) · #191919 (noir)
   ============================================================= */

/* ── Variables globales ─────────────────────────────────────── */
:root {
  /* Verts */
  --al-green:        #0C8E44;
  --al-green-dark:   #085f2e;
  --al-green-tint:   #e4e8e5;
  /* Noirs & gris */
  --al-black:        #191919;
  --al-charcoal:     #3a3a3a;
  --al-gray-dark:    #4a4a4a;
  --al-gray-mid:     #6b6b6b;
  --al-gray-border:  #d0d0d0;
  --al-gray-light:   #f0f0f0;
  --al-gray-ghost:   #f8f8f8;
  --al-white:        #ffffff;
  /* Alertes */
  --al-red:          #c0392b;
  --al-red-pale:     #fdf1f0;
  --al-amber:        #d97706;
  --al-amber-pale:   #fef3e2;
  /* Ombres */
  --al-shadow-sm:    0 2px 8px rgba(0,0,0,.07);
  --al-shadow-md:    0 4px 18px rgba(0,0,0,.11);
  --al-shadow-lg:    0 8px 32px rgba(0,0,0,.15);
  /* Rayons */
  --al-radius-sm:    6px;
  --al-radius-md:    10px;
  --al-radius-lg:    16px;
  --al-radius-xl:    24px;
  --al-transition:   220ms cubic-bezier(.4,0,.2,1);

  /* ── Aliases recrutement ── */
  --rec-dark:        #191919;
  --rec-white:       #ffffff;
  --rec-gray-500:    #6b6b6b;
  --rec-green:       #0C8E44;
  --rec-green-dark:  #085f2e;

  /* ── Aliases quisommesnous ── */
  --agr-gray-500:    #6b6b6b;
  --agr-gray-700:    #3a3a3a;
  --agr-gray-900:    #191919;
  --agr-green:       #0C8E44;
  --agr-green-dark:  #085f2e;
  --agr-white:       #ffffff;
  --agr-shadow-sm:   0 2px 8px rgba(0,0,0,.07);
  --agr-shadow-md:   0 4px 18px rgba(0,0,0,.11);
  --agr-shadow-lg:   0 8px 32px rgba(0,0,0,.15);
  --agr-radius-sm:   6px;
  --agr-radius-md:   10px;
  --agr-radius-lg:   16px;
  --agr-radius-xl:   24px;
  --agr-transition:  220ms cubic-bezier(.4,0,.2,1);

  /* ── Aliases korit ── */
  --crow-dark:       #191919;
  --crow-white:      #ffffff;
  --crow-green:      #0C8E44;
  --crow-shadow-sm:  0 2px 8px rgba(0,0,0,.07);
  --crow-shadow-md:  0 4px 18px rgba(0,0,0,.11);
  --crow-radius-sm:  6px;
  --crow-radius-md:  10px;
  --crow-radius-lg:  16px;
  --crow-transition: 220ms cubic-bezier(.4,0,.2,1);

  /* ── Aliases adivalor ── */
  --adv-green:       #0C8E44;
  --adv-green-dark:  #085f2e;
  --adv-gray-500:    #6b6b6b;
  --adv-gray-700:    #3a3a3a;
  --adv-gray-900:    #191919;
  --adv-gray-300:    #d0d0d0;
  --adv-gray-100:    #f0f0f0;
  --adv-gray-50:     #f8f8f8;
  --adv-white:       #ffffff;
  --adv-shadow-sm:   0 2px 8px rgba(0,0,0,.07);
  --adv-shadow-md:   0 4px 18px rgba(0,0,0,.11);
  --adv-radius-md:   10px;
  --adv-radius-lg:   14px;
  --adv-radius-xl:   20px;
  --adv-transition:  200ms cubic-bezier(.4,0,.2,1);
}


/* ══════════════════════════════════════════════════════════════
   RESET & BREAKOUT PLEINE LARGEUR
   ══════════════════════════════════════════════════════════════ */
#eng-page *, #faq-page *, #huile-page *, #cat-page *,
#crow-page *, #rec-page *, #adv-page *, #qs-page *,
.hist-hero-wrap *,
#eng-page *::before, #faq-page *::before, #huile-page *::before,
#cat-page *::before, #crow-page *::before, #rec-page *::before,
#adv-page *::before, #qs-page *::before, .hist-hero-wrap *::before,
#eng-page *::after,  #faq-page *::after,  #huile-page *::after,
#cat-page *::after,  #crow-page *::after,  #rec-page *::after,
#adv-page *::after,  #qs-page *::after,  .hist-hero-wrap *::after {
  box-sizing: border-box;
}

#eng-page, #faq-page, #huile-page, #cat-page,
#crow-page, #rec-page, #adv-page, #qs-page {
  font-family: Poppins, 'Segoe UI', Roboto, sans-serif;
  color: #3a3a3a;
  margin-left:  calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: -40px;
  overflow-x: hidden;
}
/* hist-hero-wrap = breakout pleine largeur pour le hero seulement */
.hist-hero-wrap {
  margin-left:  calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: -69px;
  overflow-x: hidden;
}
/* hist-wrap = contenu normal sans breakout */
#hist-wrap {
  font-family: Poppins, 'Segoe UI', Roboto, sans-serif;
  color: #3a3a3a;
  background: #fff;
}
#qs-page {
  margin-top: -70px;
}

body:not(#index) #wrapper > .container > .row {
  margin-bottom: 0 !important;
  margin-top:    0 !important;
}
.card-block { padding: 0 !important; }


/* ══════════════════════════════════════════════════════════════
   HERO — IDENTIQUE SUR TOUTES LES PAGES
   Hauteur uniforme · opacité photo .28 · fond #191919
   Image : slug-de-la-page.jpg dans img/
   ══════════════════════════════════════════════════════════════ */
.eng-hero,  .faq-hero,  .hl-hero,   .cat-hero,
.crow-hero, .hist-hero, .rec-hero,  .adv-hero,
.agr-hero-banner {
  position: relative;
  background: #191919;
  padding: 35px 0;
  text-align: center;
  overflow: hidden;
  min-height: 160px;
  display: flex;
  align-items: center;
  border-bottom: solid 2px #0C8E44;
}

.hist-hero
{
  padding: 45px 0!important;
}

.adv-hero
{
  padding: 45px 0!important;
}

.eng-hero::before,  .faq-hero::before,  .hl-hero::before,  .cat-hero::before,
.crow-hero::before, .hist-hero::before, .rec-hero::before, .adv-hero::before,
.agr-hero-banner::before {
  content: '';
  position: absolute; inset: 0;
  background-size: cover;
  background-position: center 51%;
  opacity: .45;
  z-index: 0;
}
/* Contenus hero au-dessus de la photo */
.eng-hero  .eng-inner,  .faq-hero  .faq-inner,
.hl-hero   .hl-inner,   .cat-hero  .cat-inner,
.crow-hero .crow-inner, .hist-hero .hist-inner,
.rec-hero  .rec-inner,  .adv-hero  .adv-inner,
.agr-hero-banner .agr-inner { position: relative; z-index: 1; }

@media (max-width: 900px) {
  .eng-hero,  .faq-hero,  .hl-hero,   .cat-hero,
  .crow-hero, .hist-hero, .rec-hero,  .adv-hero,
  .agr-hero-banner { padding: 26px 0; min-height: 130px; }
}

/* Images de fond par page — nommer le fichier comme le slug */
.eng-hero::before        { background-image: url('../img/agrementcertification.jpg'); }
.faq-hero::before        { background-image: url('../img/faq.jpg'); }
.hl-hero::before         { background-image: url('../img/huile.jpg'); }
.cat-hero::before        { background-image: url('../img/catalogues.jpg'); }
.crow-hero::before       { background-image: url('../img/korit.jpg'); }
.hist-hero::before       { background-image: url('../img/notrehistoire.jpg'); }
.rec-hero::before        { background-image: url('../img/recrutement.jpg'); }
.adv-hero::before        { background-image: url('../img/collecteadivalor.jpg'); }
.agr-hero-banner::before { background-image: url('../img/quisommesnous.jpg'); }

/* H1 dans hero : toujours blanc */
.eng-hero h1, .faq-hero h1, .hl-hero h1, .cat-hero h1,
.crow-hero h1, .hist-hero h1, .rec-hero h1, .adv-hero h1,
.agr-hero-banner .agr-hero-banner__h1 {
  font-size: clamp(26px, 3.5vw, 40px) !important;
  color: #fff !important;
  margin: 0 0 6px;
  line-height: 1.1;
  letter-spacing: -.3px;
}

/* Desc hero */
.eng-hero__desc, .faq-hero__desc, .hl-hero__desc,   .cat-hero__desc,
.crow-hero__desc,.hist-hero__desc,.rec-hero__desc,  .adv-hero__desc,
.agr-hero-banner__desc {
  max-width: 1400px;
  color: white;
}

.crow-hero__desc { color:white!important; }

/* Badge hero (chips blancs semi-transparents) */
.agr-badge-hero, .eng-badge-hero, .faq-badge-hero, .hl-badge-hero,
.cat-badge-hero, .crow-badge-hero,.hist-badge-hero,
.rec-badge-hero, .adv-badge-hero {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 4px 14px;
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.88);
  font-size: 11px; text-transform: uppercase; letter-spacing: 1.3px;
  border-radius: 999px; margin-bottom: 14px;
  border: 1px solid rgba(255,255,255,.2);
}
.agr-badge-hero i, .eng-badge-hero i, .faq-badge-hero i, .hl-badge-hero i,
.cat-badge-hero i, .crow-badge-hero i, .hist-badge-hero i,
.rec-badge-hero i, .adv-badge-hero i { font-size: 11px; }

/* Barre déco (hero + sections) */
.agr-bar,.eng-bar,.faq-bar,.hl-bar,.cat-bar,
.crow-bar,.hist-bar,.rec-bar,.adv-bar {
  display: block; width: 40px; height: 3px;
  background: #0C8E44;
  border-radius: 2px; margin: 8px 0 18px;
}
.agr-bar--center,.eng-bar--center,.faq-bar--center,.hl-bar--center,
.cat-bar--center,.crow-bar--center,.hist-bar--center,
.rec-bar--center,.adv-bar--center { margin: 8px auto 18px; }


/* ══════════════════════════════════════════════════════════════
   CONTENEURS — max-width 1400px sur toutes les pages
   ══════════════════════════════════════════════════════════════ */
.agr-inner,.eng-inner,.faq-inner,.hl-inner,.cat-inner,
.crow-inner,.hist-inner,.rec-inner,.adv-inner {
  width: 100%; max-width: 1400px;
  margin: 0 auto; padding: 0 40px;
}
.hl-inner--wide  { max-width: 1400px; }
.cat-inner--wide { max-width: 1400px; }
@media (max-width: 600px) {
  .agr-inner,.eng-inner,.faq-inner,.hl-inner,.cat-inner,
  .crow-inner,.hist-inner,.rec-inner,.adv-inner { padding: 0 16px; }
}


/* ══════════════════════════════════════════════════════════════
   SECTIONS COMMUNES
   ══════════════════════════════════════════════════════════════ */
.agr-section,.eng-section,.faq-section,.hl-section,
.cat-section,.crow-section,.rec-section,.adv-section {
  width: 100%; padding: 60px 0;
}
/* Variantes de fond */
.agr-section--light,  .eng-section--light,
.hl-section--light,   .rec-section,
.adv-section          { background: #fff; }

.agr-section--gray,   .eng-section--gray,
.hl-section--gray,    .faq-section,
.cat-section          { background: #f0f0f0; }

.agr-section--tint,   .eng-section--tint,
.agr-section--green,  .rec-section--green  { background: #e4e8e5; }

.agr-section--dark,   .eng-section--dark   { background: #191919; }
.rec-section--light   { background: #f6f6f6; }
.rec-section--gray    { background: #f0f0f0; }
.crow-section--light  { background: #fff; }
.crow-section--gray   { background: #f0f0f0; }
.crow-section--tint   { background: #e4e8e5; }
.crow-section--dark   { background: #191919; }
.adv-section--tint    { background: #e4e8e5; }
.adv-section--gray    { background: #f0f0f0; }

@media (max-width: 900px) {
  .agr-section,.eng-section,.faq-section,.hl-section,
  .cat-section,.crow-section,.rec-section,.adv-section { padding: 44px 0; }
}

.eng-section__head,.agr-section__head,
.faq-section__head,.hl-section__head { text-align: center; margin-bottom: 44px; }


/* ══════════════════════════════════════════════════════════════
   GRILLES FLEX
   ══════════════════════════════════════════════════════════════ */
.agr-row { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; }
.agr-row--top { align-items: flex-start; }
.agr-col-4 { flex: 0 0 calc(33.333% - 27px); min-width: 0; }
.agr-col-5 { flex: 0 0 calc(41.666% - 22px); min-width: 0; }
.agr-col-6 { flex: 0 0 calc(50%     - 20px); min-width: 0; }
.agr-col-7 { flex: 0 0 calc(58.333% - 18px); min-width: 0; }
.agr-col-8 { flex: 0 0 calc(66.666% - 14px); min-width: 0; }
@media (max-width: 900px) {
  .agr-col-4,.agr-col-5,.agr-col-6,.agr-col-7,.agr-col-8 { flex: 0 0 100%; }
  .agr-row { gap: 24px; }
}


/* ══════════════════════════════════════════════════════════════
   TYPOGRAPHIE PARTAGÉE
   ══════════════════════════════════════════════════════════════ */
#eng-page p,#faq-page p,#huile-page p,#cat-page p,
#crow-page p,#rec-page p,#adv-page p,#qs-page p {
  font-size: 15px; line-height: 1.78; margin: 0 0 14px;;
}

#eng-page h1,#faq-page h1,#huile-page h1,#cat-page h1,
#crow-page h1,#rec-page h1,#adv-page h1,#qs-page h1 {
  font-size: clamp(26px, 4vw, 40px); color: #191919; line-height: 1.12; margin: 0 0 12px;
}
#eng-page h2,#faq-page h2,#huile-page h2,#cat-page h2,
#crow-page h2,#rec-page h2,#qs-page h2 {
  font-size: clamp(20px, 2.8vw, 32px); color: #191919; line-height: 1.18; margin: 0 0 12px;
}
#eng-page h3,#faq-page h3,#huile-page h3,#cat-page h3,
#crow-page h3,#rec-page h3,#qs-page h3 {
  font-size: clamp(15px, 2vw, 19px); color: #0C8E44; line-height: 1.35; margin: 0 0 10px;
}
#eng-page h4 { font-size: 13px; text-transform: uppercase; letter-spacing: .6px; color: #191919; margin: 0 0 10px; }
/* Sections sombres */
.agr-section--dark h2,.eng-section--dark h2,
.crow-section--dark h2,.rec-section--dark h2 { color: #fff; }
.agr-section--dark p,.eng-section--dark p,
.crow-section--dark p  { color: rgba(255,255,255,.7); }


/* ══════════════════════════════════════════════════════════════
   ÉLÉMENTS UI COMMUNS
   ══════════════════════════════════════════════════════════════ */

/* Badge section */
.agr-badge,.eng-badge,.faq-badge,.hl-badge,.cat-badge,
.crow-badge,.hist-badge,.rec-badge,.adv-badge {
  display: inline-block; padding: 4px 14px;
  background: rgba(12,142,68,.1); color: #0C8E44;
  font-size: 11px; text-transform: uppercase; letter-spacing: 1.2px;
  border-radius: 999px; margin-bottom: 14px;
}
/* Badge sur fond sombre */
.agr-section--dark .agr-badge,.eng-section--dark .eng-badge,
.crow-section--dark .crow-badge,.rec-section--dark .rec-badge {
  background: #f6f6f62e;
    color: #ffffff;
}

/* Listes */
.agr-list { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-direction: column; gap: 10px; }
.agr-list li { padding-left: 22px; position: relative; font-size: 14.5px; line-height: 1.65; color: #4a4a4a; }
.agr-list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #0C8E44; }

/* Images */
.agr-img-wrap { border-radius: var(--al-radius-xl); overflow: hidden; box-shadow: var(--al-shadow-md); line-height: 0; }
.agr-img-wrap img { width: 100%; height: auto; display: block; transition: transform 600ms ease; }
.agr-img-wrap:hover img { transform: scale(1.03); }
.agr-img-framed { border-radius: var(--al-radius-xl); overflow: hidden; box-shadow: var(--al-shadow-sm); border: 1px solid #d0d0d0; background: #fff; padding: 16px; line-height: 0; }
.agr-img-framed img { width: 100%; height: auto; display: block; border-radius: var(--al-radius-md); }
.agr-img-plain { line-height: 0; }
.agr-img-plain img { width: 100%; height: auto; display: block; border-radius: var(--al-radius-lg); }
.agr-frise-wrap { background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-xl); padding: 22px; box-shadow: var(--al-shadow-sm); margin-top: 28px; line-height: 0; }
.agr-frise-wrap img { width: 100%; height: auto; display: block; border-radius: var(--al-radius-md); }
.agr-map-img img { width: 100%; height: auto; display: block; border-radius: var(--al-radius-lg); }
.agr-map-img__btn {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 20px;
  padding: 11px 24px; background: #0C8E44; color: #fff;
  border-radius: 999px; font-size: 13.5px; font-family: inherit; text-decoration: none;
  transition: background 200ms ease, transform 200ms ease;
}
.agr-map-img__btn:hover { background: #085f2e; transform: translateY(-2px); color: #fff; text-decoration: none; }

/* Stats pills */
.agr-hero__stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.agr-stat-pill {
  flex: 1 1 100px; background: #f5f5f5; border: 1.5px solid #d0d0d0;
  border-radius: var(--al-radius-md); padding: 13px 12px; text-align: center;
  transition: box-shadow var(--al-transition), transform var(--al-transition);
}
.agr-stat-pill:hover { box-shadow: var(--al-shadow-sm); transform: translateY(-2px); }
.agr-stat-pill__value { display: block; font-size: 21px; font-weight: 800; color: #0C8E44; line-height: 1; }
.agr-stat-pill__label { display: block; font-size: 11px; color: #6b6b6b; margin-top: 5px; }

/* CTA box sombre (mutualisée toutes pages) */
.al-cta-box,.faq-cta__box,.cat-cta-box,.crow-cta {
  display: flex; align-items: center; gap: 24px; flex-wrap: wrap;
  background: #191919; border-radius: 20px; padding: 32px 36px;
  box-shadow: 0 4px 20px rgba(25,25,25,.15);
}
.al-cta-box__icon,.faq-cta__icon,.cat-cta-icon,.crow-cta__icon {
  width: 56px; height: 56px; border-radius: 50%;
  background: rgba(12,142,68,.2);
  display: flex; align-items: center; justify-content: center;
  color: #0C8E44; font-size: 24px; flex-shrink: 0;
}
.al-cta-box__text,.faq-cta__text,.cat-cta-text,.crow-cta__text { flex: 1 1 280px; }
.al-cta-box__text p,.faq-cta__text p,.cat-cta-text p,.crow-cta__text p { color: rgba(255,255,255,.6); margin: 0; font-size: 13.5px; }
.faq-cta__box h2,.crow-cta__text h2 { font-size: clamp(16px,2vw,20px); color: #fff; margin: 0 0 4px; }
.al-cta-box__btn,.faq-cta__btn,.cat-cta-btn,.crow-cta__btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 28px; background: #0C8E44; color: #fff;
  border-radius: 999px; font-size: 14px; text-decoration: none; flex-shrink: 0;
  box-shadow: 0 4px 14px rgba(12,142,68,.3);
  transition: background 200ms ease, transform 200ms ease;
}
.al-cta-box__btn:hover,.faq-cta__btn:hover,.cat-cta-btn:hover,.crow-cta__btn:hover {
  background: #085f2e; transform: translateY(-2px); color: #fff; text-decoration: none;
}
@media (max-width: 640px) {
  .al-cta-box,.faq-cta__box,.cat-cta-box,.crow-cta { flex-direction: column; align-items: flex-start; padding: 24px 20px; }
  .al-cta-box__btn,.faq-cta__btn,.cat-cta-btn,.crow-cta__btn { width: 100%; justify-content: center; }
}

/* Timeline / KPI / agr-card */
.agr-timeline { list-style: none; padding: 0; margin: 0; }
.agr-timeline li { display: flex; gap: 14px; align-items: flex-start; padding: 11px 0; border-bottom: 1px solid rgba(0,0,0,.07); font-size: 14.5px; color: #4a4a4a; line-height: 1.6; }
.agr-timeline li:last-child { border-bottom: none; }
.agr-timeline__year { flex-shrink: 0; min-width: 68px; padding: 4px 8px; background: #0C8E44; color: #fff; font-size: 11px; font-weight: 800; border-radius: var(--al-radius-sm); text-align: center; line-height: 1.6; letter-spacing: .3px; }

.agr-kpi-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
@media (max-width: 900px) { .agr-kpi-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px) { .agr-kpi-grid { grid-template-columns: 1fr 1fr; gap: 10px; } }
.agr-kpi-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-lg); padding: 28px 16px 22px; text-align: center; box-shadow: var(--al-shadow-sm); transition: box-shadow var(--al-transition), transform var(--al-transition); }
.agr-kpi-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #0C8E44; }
.agr-kpi-card:hover { box-shadow: var(--al-shadow-md); transform: translateY(-4px); }
.agr-kpi-card i { font-size: 28px; color: #0C8E44; margin-bottom: 14px; display: block; }
.agr-kpi-card__value { display: block; font-size: 26px; font-weight: 800; color: #191919; line-height: 1; margin-bottom: 8px; }
.agr-kpi-card__label { font-size: 12.5px; color: #6b6b6b; line-height: 1.45; }

.agr-card { background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-lg); padding: 22px 24px; box-shadow: var(--al-shadow-sm); margin-bottom: 16px; }
.agr-card:last-child { margin-bottom: 0; }
.agr-card h3 { margin-bottom: 12px; }
.agr-card ul { list-style: none; padding: 0; margin: 0; }
.agr-card ul li { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 14.5px; color: #4a4a4a; border-bottom: 1px solid #f0f0f0; line-height: 1.5; }
.agr-card ul li:last-child { border-bottom: none; }
.agr-card ul li::before { content: ''; flex-shrink: 0; width: 7px; height: 7px; background: #0C8E44; border-radius: 50%; }

.agr-obj-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 540px) { .agr-obj-grid { grid-template-columns: 1fr; } }
.agr-obj-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 15px 18px; background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-lg); box-shadow: var(--al-shadow-sm); transition: box-shadow var(--al-transition), transform var(--al-transition); }
.agr-obj-card:hover { box-shadow: var(--al-shadow-md); transform: translateY(-4px); }
.agr-obj-card img { width: 52px; height: 52px; object-fit: contain; margin-bottom: 14px; }
.agr-obj-card h3 { font-size: 14px; color: #191919; margin: 0; font-weight: 700; line-height: 1.5; }
.agr-obj-photo img { width: 100%; height: auto; display: block; border-radius: var(--al-radius-lg); box-shadow: var(--al-shadow-sm); }

/* ══════════════════════════════════════════════════════════════
   PAGE : AGREMENTCERTIFICATION
   ══════════════════════════════════════════════════════════════ */
.eng-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
.eng-card--full { grid-column: 1 / -1; display: flex; gap: 20px; align-items: flex-start; }
@media (max-width: 640px) { .eng-grid { grid-template-columns: 1fr; }
 }
.eng-card { background: #f8f8f8; border: 1px solid #d0d0d0; border-top: 3px solid #0C8E44; border-radius: 14px; padding: 26px 24px 22px; transition: transform 200ms ease, box-shadow 200ms ease; }
.eng-card:hover { transform: translateY(-4px); box-shadow: 0 6px 20px rgba(12,142,68,.1); }
.eng-card__icon { width: 46px; height: 46px; border-radius: 10px; background: #f0f0f0; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.eng-card__icon i { font-size: 20px; color: #0C8E44; }

.eng-card--full .eng-card__icon { flex-shrink: 0; margin-bottom: 0; }
.eng-card--full .eng-card__body { flex: 1; }

.cert-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.cert-card--full { grid-column: 1 / -1; flex-direction: row; align-items: stretch; }
@media (max-width: 640px) { .cert-grid { grid-template-columns: 1fr; }
 }
.cert-card { background: #fff; border: 1px solid #d0d0d0; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 2px 8px rgba(25,25,25,.05); transition: transform 200ms ease, box-shadow 200ms ease; }
.cert-card:hover { transform: translateY(-4px); box-shadow: 0 6px 20px rgba(12,142,68,.1); }

@media (max-width: 760px) { .cert-card--full { flex-direction: column; } }
.cert-card__logo { background: #f8f8f8; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: center; padding: 24px 20px; min-height: 100px; }
.cert-card--full .cert-card__logo { border-bottom: none; border-right: 1px solid #f0f0f0; min-width: 160px; flex-shrink: 0; }
@media (max-width: 760px) { .cert-card--full .cert-card__logo { border-right: none; border-bottom: 1px solid #f0f0f0; } }
.cert-card__logo img { max-height: 56px; max-width: 130px; object-fit: contain; display: block; }
.cert-card__body { padding: 22px 24px; flex: 1; }
.cert-card__num { font-size: 13px; color: #7a7a7a; margin-bottom: 12px !important; }
.cert-card__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.cert-card__link { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; font-size: 12.5px; border-radius: 999px; text-decoration: none; background: #f0f0f0; color: #0C8E44; border: 1px solid rgba(12,142,68,.2); transition: background 200ms ease; }
.cert-card__link:hover { background: #0C8E44; color: #fff; }
.cert-card__link--ext { background: #f0f0f0; color: #4a4a4a; border-color: #d0d0d0; }
.cert-card__link--ext:hover { background: #191919; color: #fff; }

.egal-layout { display: flex; gap: 48px; align-items: flex-start; flex-wrap: wrap; }
.egal-left  { flex: 0 0 300px; min-width: 0; }
.egal-right { flex: 1 1 0; min-width: 0; }
.egal-visual img { max-width: 160px; display: block; margin: 0 auto 20px; }
@media (max-width: 900px) { .egal-left,.egal-right { flex: 0 0 100%; } }
.egal-score { display: flex; flex-direction: column; align-items: center; background: #f0f0f0; border: 1px solid rgba(12,142,68,.2); border-left: 4px solid #0C8E44; border-radius: 14px; padding: 18px 20px; margin-bottom: 20px; text-align: center; }
.egal-score__value { font-size: 44px; color: #0C8E44; line-height: 1; }
.egal-score__max   { font-size: 22px; color: #7a7a7a; }
.egal-score__label { font-size: 12px; color: #4a4a4a; margin-top: 6px; line-height: 1.5; }
.egal-table { width: 100%; border-collapse: collapse; font-size: 13px; border-radius: 10px; overflow: hidden; box-shadow: 0 1px 4px rgba(25,25,25,.06); }
.egal-table thead th { background: #191919; color: #fff; padding: 9px 10px; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; text-align: center; position: relative; }
.egal-table thead th::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #0C8E44; }
.egal-table tbody td { padding: 9px 10px; border-bottom: 1px solid #f0f0f0; text-align: center; background: #fff; color: #4a4a4a; }
.egal-table tbody td:first-child { text-align: left; }
.egal-table tbody tr:last-child td { border-bottom: none; }
.egal-table tbody tr:nth-child(even) td { background: #f8f8f8; }
.egal-commitment { display: flex; align-items: flex-start; gap: 14px; background: #191919; color: #fff; border-radius: 14px; padding: 20px 22px; margin-top: 24px; font-size: 14.5px; line-height: 1.65; }
.egal-commitment i { color: #0C8E44; font-size: 22px; flex-shrink: 0; margin-top: 2px; }
.egal-commitment strong { color: #fff; }


/* ══════════════════════════════════════════════════════════════
   PAGE : FAQ
   ══════════════════════════════════════════════════════════════ */
.faq-list { display: flex; flex-direction: column; gap: 8px; }
.faq-item { background: #fff; border: 1px solid #d0d0d0; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 4px rgba(25,25,25,.05); transition: box-shadow 200ms ease; }
.faq-item.is-open { border-color: #0C8E44; box-shadow: 0 4px 16px rgba(12,142,68,.1); }
.faq-item__trigger { width: 100%; background: none; border: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 26px; text-align: left; font-family: inherit; transition: background 200ms ease; }
.faq-item__trigger:hover,.faq-item.is-open .faq-item__trigger { background: #f5f5f5; }
.faq-item__q { font-size: 15.5px; color: #191919; line-height: 1.4; flex: 1; }
.faq-item.is-open .faq-item__q { color: #0C8E44; }
.faq-item__icon { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; background: #f0f0f0; display: flex; align-items: center; justify-content: center; color: #7a7a7a; transition: background 200ms ease, color 200ms ease, transform 300ms ease; }
.faq-item.is-open .faq-item__icon { background: #0C8E44; color: #fff; transform: rotate(180deg); }
.faq-item__body { overflow: hidden; max-height: 0; transition: max-height 320ms cubic-bezier(.4,0,.2,1); }
.faq-item__body[hidden] { display: block !important; max-height: 0; }
.faq-item.is-open .faq-item__body { max-height: 800px; }
.faq-item__answer { padding: 18px 26px 24px; font-size: 14.5px; line-height: 1.8; color: #4a4a4a; border-top: 1px solid #f0f0f0; }
.faq-item__answer p { margin: 0 0 10px; }
.faq-item__answer p:last-child { margin-bottom: 0; }
.faq-item__answer a { color: #0C8E44; text-decoration: underline; text-underline-offset: 3px; }
.faq-item__answer a:hover { color: #085f2e; }
.faq-item__answer ul,.faq-item__answer ol { padding-left: 20px; margin: 8px 0; }
.faq-item__answer li { margin-bottom: 6px; }
.faq-empty { text-align: center; padding: 48px 24px; color: #7a7a7a; }
.faq-empty i { font-size: 36px; color: #d0d0d0; margin-bottom: 12px; display: block; }
.faq-cta { background: #fff; padding: 48px 0; }
@media (max-width: 640px) { .faq-item__trigger { padding: 18px; } .faq-item__answer { padding: 14px 18px 20px; } }


/* ══════════════════════════════════════════════════════════════
   PAGE : HUILE
   ══════════════════════════════════════════════════════════════ */
#huile-page h2 { font-size: clamp(16px,2vw,22px); color: #191919; }
#huile-page h2 + p { font-size: 13.5px; color: #7a7a7a; margin: 0; }
.hl-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; background: rgba(12,142,68,.1); border: 1px solid rgba(12,142,68,.2); border-radius: 999px; font-size: 13px; color: #0C8E44; }
.hl-alert { display: flex; align-items: flex-start; gap: 16px; padding: 18px 22px; border-radius: 12px; margin-bottom: 28px; }
.hl-alert--success { background: #f5f5f5; border: 1px solid #d0d0d0; border-left: 5px solid #0C8E44; }
.hl-alert--success > i { font-size: 22px; color: #0C8E44; flex-shrink: 0; padding-top: 2px; }
.hl-alert strong { display: block; font-size: 15px; color: #191919; margin-bottom: 4px; }
.hl-alert p { margin: 0; font-size: 13.5px; color: #4a4a4a; }
.hl-form__block { background: #fff; border: 1px solid #d0d0d0; border-radius: 16px; padding: 32px 36px; margin-bottom: 14px; box-shadow: 0 2px 8px rgba(25,25,25,.05); }
@media (max-width: 600px) { .hl-form__block { padding: 20px 16px; } }
.hl-form__block-header { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid #f0f0f0; }
.hl-step { width: 34px; height: 34px; border-radius: 50%; background: #0C8E44; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; margin-top: 2px; }
.hl-form__grid3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
@media (max-width: 768px) { .hl-form__grid3 { grid-template-columns: 1fr; } }
.hl-field { display: flex; flex-direction: column; gap: 6px; }
.hl-field label { font-size: 13px; color: #191919; display: flex; align-items: center; gap: 6px; }
.hl-field label i { color: #0C8E44; font-size: 11px; }
.hl-req { color: #c0392b; }
.hl-input { width: 100%; padding: 10px 12px; border: 1.5px solid #d0d0d0; border-radius: 8px; font-size: 14px; font-family: inherit; color: #191919; background: #fafafa; transition: border-color 200ms ease, box-shadow 200ms ease; }
.hl-input:focus { outline: none; border-color: #0C8E44; box-shadow: 0 0 0 3px rgba(12,142,68,.1); background: #fff; }
.hl-input::placeholder { color: #bbb; }
.hl-input--sm { padding: 7px 9px; font-size: 13px; }
.hl-table-wrap { border: 1px solid #d0d0d0; border-radius: 12px; overflow: hidden; }
.hl-table-scroll { overflow-x: auto; }
#engins-table { width: 100%; border-collapse: collapse; background: #fff; }
#engins-table thead th { background: #191919; color: #fff; padding: 11px 10px; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; text-align: left; white-space: nowrap; position: relative; }
#engins-table thead th i { color: #0C8E44; margin-right: 4px; }
#engins-table thead th::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #0C8E44; }
#engins-table tbody .hl-tr td { padding: 8px 10px; border-bottom: 1px solid #f0f0f0; vertical-align: middle; }
#engins-table tbody .hl-tr:last-child td { border-bottom: none; }
#engins-table tbody .hl-tr:nth-child(even) td { background: #f8f8f8; }
#engins-table tbody .hl-tr:hover td { background: #f0f0f0; transition: background 150ms ease; }
.hl-btn-del { width: 30px; height: 30px; border-radius: 8px; background: #fff; border: 1.5px solid #d0d0d0; color: #7a7a7a; cursor: pointer; display: flex; align-items: center; justify-content: center; margin: 0 auto; transition: all 200ms ease; font-size: 12px; }
.hl-btn-del:hover { background: #fdf1f0; border-color: #c0392b; color: #c0392b; }
.hl-table-actions { display: flex; align-items: center; gap: 14px; margin-top: 14px; flex-wrap: wrap; }
.hl-table-hint { font-size: 12px; color: #7a7a7a; display: flex; align-items: center; gap: 5px; }
.hl-table-hint i { color: #0C8E44; }
.hl-btn { display: inline-flex; align-items: center; gap: 8px; padding: 11px 24px; border-radius: 999px; font-size: 14px; font-family: inherit; cursor: pointer; transition: all 200ms ease; border: none; }
.hl-btn--primary { background: #0C8E44; color: #fff; border: 2px solid #0C8E44; box-shadow: 0 4px 14px rgba(12,142,68,.22); }
.hl-btn--primary:hover { background: #085f2e; border-color: #085f2e; transform: translateY(-2px); color: #fff; }
.hl-btn--outline { background: #fff; color: #0C8E44; border: 1.5px solid #0C8E44; }
.hl-btn--outline:hover { background: #f5f5f5; }
.hl-form__submit { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; background: #fff; border: 1px solid #d0d0d0; border-radius: 16px; padding: 22px 36px; box-shadow: 0 2px 8px rgba(25,25,25,.05); }
.hl-submit__hint { font-size: 13px; color: #7a7a7a; display: flex; align-items: center; gap: 6px; margin: 0; }
.hl-submit__hint i { color: #0C8E44; }
@media (max-width: 600px) { .hl-form__submit { flex-direction: column; align-items: stretch; padding: 16px; } .hl-btn--primary { justify-content: center; } }


/* ══════════════════════════════════════════════════════════════
   PAGE : CATALOGUES
   ══════════════════════════════════════════════════════════════ */
.cat-viewer { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 32px rgba(25,25,25,.1); border: 1px solid #d0d0d0; }
.cat-viewer__toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px 24px; background: #191919; border-bottom: 2px solid #0C8E44; }
.cat-viewer__info { display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgba(255,255,255,.75); }
.cat-viewer__info i { color: #0C8E44; font-size: 16px; }
.cat-viewer__ext { display: inline-flex; align-items: center; gap: 7px; padding: 7px 16px; background: rgba(12,142,68,.15); color: #fff; font-size: 12.5px; border-radius: 999px; text-decoration: none; border: 1px solid rgba(12,142,68,.3); transition: background 200ms ease; }
.cat-viewer__ext:hover { background: rgba(12,142,68,.3); color: #fff; text-decoration: none; }
.cat-viewer__frame { background: #fafafa; min-height: 560px; }
.cat-viewer__frame iframe { display: block; width: 100%; height: 560px; border: none; }
@media (max-width: 600px) { .cat-viewer__frame iframe { height: 420px; } .cat-viewer__frame { min-height: 420px; } .cat-viewer__toolbar { flex-direction: column; align-items: flex-start; } }
.cat-cta-section { background: #fff; padding: 48px 0; }


/* ══════════════════════════════════════════════════════════════
   PAGE : KORIT
   ══════════════════════════════════════════════════════════════ */
.crow-alert { display: flex; align-items: flex-start; gap: 18px; padding: 22px 26px; border-radius: 14px; margin-bottom: 12px; }
.crow-alert--danger  { background: #fdf1f0; border: 1px solid #f5c6c2; border-left: 5px solid #c0392b; }
.crow-alert--warning { background: #fef3e2; border: 1px solid #f9d89a; border-left: 5px solid #d97706; }
.crow-alert--info    { background: #f5f5f5; border: 1px solid #d0d0d0; border-left: 5px solid #0C8E44; }
.crow-alert__icon { font-size: 22px; flex-shrink: 0; padding-top: 2px; }
.crow-alert--danger  .crow-alert__icon { color: #c0392b; }
.crow-alert--warning .crow-alert__icon { color: #d97706; }
.crow-alert--info    .crow-alert__icon { color: #0C8E44; }
.crow-alert__title { font-size: 15px;; color: #191919; margin: 0 0 4px; }
.crow-alert__body h3,.crow-alert__title { font-size: 15px; color: #191919; margin: 0 0 6px; }
.crow-alert__body p { font-size: 13.5px; line-height: 1.7; color: #4a4a4a; margin: 0; }
.crow-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.crow-tag { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; background: #f0f0f0; color: #4a4a4a; border-radius: 999px; font-size: 12.5px; }
.crow-tag i { color: #0C8E44; }
/* Grille 2 col épis */
.crow-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; margin-top: 28px; }
@media (max-width: 900px) { .crow-grid { grid-template-columns: 1fr; } }
.crow-card { background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-lg); padding: 22px 20px; box-shadow: var(--al-shadow-sm); transition: transform var(--al-transition), box-shadow var(--al-transition); }
.crow-card:hover { transform: translateY(-3px); box-shadow: var(--al-shadow-md); }
.crow-card__icon { width: 48px; height: 48px; border-radius: var(--al-radius-md); background: #f0f0f0; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.crow-card__icon i { color: #0C8E44; font-size: 22px; }
.crow-card h3 { margin-bottom: 8px; }
.crow-card p { font-size: 14px; line-height: 1.7; margin: 0; }
/* Résumé bas de page */
.crow-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 34px; }
@media (max-width: 900px) { .crow-summary { grid-template-columns: 1fr; } }
.crow-summary__box { background: #fff; border: 1px solid #d0d0d0; border-top: 3px solid #0C8E44; border-radius: var(--al-radius-lg); padding: 20px; box-shadow: var(--al-shadow-sm); }
.crow-summary__box h4 { font-size: 15px; color: #191919; margin: 0 0 8px; }
.crow-summary__box p { margin: 0; font-size: 14px; line-height: 1.65; }
/* Features / méthodes */
.crow-features,.crow-method-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
@media (max-width: 768px) { .crow-features,.crow-method-grid { grid-template-columns: 1fr; } }
.crow-feature-card { background: #fff; border: 1px solid #d0d0d0; border-top: 3px solid #0C8E44; border-radius: 14px; padding: 24px 20px; transition: transform 200ms ease, box-shadow 200ms ease; }
.crow-feature-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(12,142,68,.1); }
.crow-feature-card__icon { font-size: 26px; color: #0C8E44; margin-bottom: 12px; }
.crow-feature-card h3 { font-size: 15px; color: #191919; margin: 0 0 8px; }
.crow-feature-card p  { font-size: 13.5px; color: #4a4a4a; line-height: 1.65; margin: 0; }
.crow-method { background: #fff; border: 1px solid #d0d0d0; border-radius: 14px; padding: 22px 20px; display: flex; flex-direction: column; gap: 10px; }
.crow-method__num { width: 36px; height: 36px; border-radius: 50%; background: #0C8E44; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 15px; }
.crow-method h3 { font-size: 15px; color: #191919; margin: 0; }
.crow-method p  { font-size: 13.5px; color: #4a4a4a; line-height: 1.65; margin: 0; }
/* Liste précautions */
.crow-precaution-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.crow-precaution-list li { padding-left: 22px; position: relative; font-size: 14px; line-height: 1.65; color: #4a4a4a; }
.crow-precaution-list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #c0392b; }


/* ══════════════════════════════════════════════════════════════
   PAGE : RECRUTEMENT — CSS COMPLET
   ══════════════════════════════════════════════════════════════ */

/* Sections */
.rec-section--green { background: #e4e8e5; }

/* Section sombre : textes blancs */
.rec-section--dark h2 { color: #fff; }
.rec-section--dark p  { color: rgba(255,255,255,.7); }

/* Pyramid métiers */
.rec-pyramid { position: relative; padding: 20px 0 40px; }
.rec-pyramid__top { display: flex; gap: 20px; justify-content: center; margin-bottom: 20px; }
.rec-pyramid__level { display: flex; justify-content: center; margin-bottom: 0; position: relative; }
.rec-pyramid__level::before { content: ''; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 2px; height: 22px; background: #d0d0d0; }
.rec-pyramid__top::before { display: none; }
.rec-pcard { background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-lg); box-shadow: var(--al-shadow-sm); width: 280px; transition: box-shadow var(--al-transition), transform var(--al-transition); overflow: hidden; }
.rec-pcard:hover { box-shadow: var(--al-shadow-md); transform: translateY(-3px); }
.rec-pcard--highlight { border-color: #0C8E44; border-top: 3px solid #0C8E44; }
.rec-pcard--top { border-top: 3px solid #085f2e; }
.rec-pcard__desc { padding: 14px 16px; background: #f5f5f5; border-bottom: 1px solid #e8e8e8; font-size: 12.5px; line-height: 1.6; color: #4a4a4a; }
.rec-pcard__header { padding: 12px 16px; background: #0C8E44; display: flex; align-items: center; gap: 10px; }
.rec-pcard__header i { color: rgba(255,255,255,.7); font-size: 14px; }
.rec-pcard__title { font-size: 13.5px; font-weight: 800; color: #fff; line-height: 1.3; }
.rec-pcard--top .rec-pcard__header { background: #085f2e; }
.rec-pcard__echelons { padding: 10px 14px; display: flex; flex-direction: column; gap: 6px; }
.rec-echelon { background: #f5f5f5; border-left: 3px solid #0C8E44; border-radius: var(--al-radius-sm); padding: 7px 10px; font-size: 12px; line-height: 1.55; color: #4a4a4a; }
.rec-echelon strong { color: #0C8E44; font-size: 11px; display: block; margin-bottom: 2px; }
.rec-pyramid__arrow { display: flex; justify-content: center; align-items: center; height: 32px; color: #0C8E44; font-size: 20px; }
.rec-pyramid__badge { display: flex; justify-content: center; margin-bottom: 12px; }
.rec-pyramid__badge span { background: #f0f0f0; color: #0C8E44; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 4px 14px; border-radius: 999px; }
@media (max-width: 700px) { .rec-pyramid__top { flex-direction: column; align-items: center; } .rec-pcard { width: 100%; max-width: 320px; } }

/* Autres métiers */
.rec-jobs-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; margin-top: 36px; }
@media (max-width: 900px) { .rec-jobs-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 500px) { .rec-jobs-grid { grid-template-columns: 1fr; } }
.rec-job-card { background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-lg); padding: 28px 22px 24px; text-align: center; box-shadow: var(--al-shadow-sm); transition: box-shadow var(--al-transition), transform var(--al-transition); }
.rec-job-card:hover { box-shadow: var(--al-shadow-md); transform: translateY(-4px); }
.rec-job-card__icon { width: 56px; height: 56px; background: #f0f0f0; border-radius: var(--al-radius-md); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.rec-job-card__icon i { font-size: 24px; color: #0C8E44; }
.rec-job-card h3 { font-size: 16px; color: #191919; margin: 0 0 8px; }
.rec-job-card p  { font-size: 13.5px; color: #6b6b6b; margin: 0; line-height: 1.6; }

/* Témoignage */
.rec-testimony { display: flex; gap: 48px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 56px; }
.rec-testimony__photo-col { flex: 0 0 220px; text-align: center; }
.rec-testimony__photo { width: 180px; height: 180px; border-radius: 50%; overflow: hidden; margin: 0 auto 16px; border: 4px solid #e4e8e5; box-shadow: var(--al-shadow-md); }
.rec-testimony__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rec-testimony__name { font-size: 15px; font-weight: 800; color: #191919; margin: 0 0 4px; }
.rec-testimony__role { font-size: 12.5px; color: #6b6b6b; line-height: 1.5; font-style: italic; }
.rec-testimony__content { flex: 1 1 400px; min-width: 0; }
.rec-quote { position: relative; background: #fff; border: 1px solid #d0d0d0; border-left: 5px solid #0C8E44; border-radius: var(--al-radius-lg); padding: 28px 28px 24px 32px; box-shadow: var(--al-shadow-sm); }
.rec-quote p { font-size: 16px; font-style: italic; line-height: 1.85; color: #3a3a3a; margin: 0; }

/* Frise chronologique */
.rec-frise { position: relative; padding: 20px 0; }
.rec-frise::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #e4e8e5, #0C8E44, #e4e8e5); transform: translateY(-50%); z-index: 0; }
.rec-frise__items { display: flex; justify-content: space-between; position: relative; z-index: 1; flex-wrap: wrap; gap: 20px; }
.rec-frise__item { flex: 1 1 160px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.rec-frise__item:nth-child(odd)  { flex-direction: column; }
.rec-frise__item:nth-child(even) { flex-direction: column-reverse; }
.rec-frise__year { display: inline-block; background: #0C8E44; color: #fff; font-size: 13px; font-weight: 800; padding: 5px 14px; border-radius: 999px; margin: 8px 0; white-space: nowrap; }
.rec-frise__dot { width: 16px; height: 16px; background: #085f2e; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #0C8E44; flex-shrink: 0; }
.rec-frise__label { font-size: 12.5px; line-height: 1.5; color: #4a4a4a; max-width: 150px; padding: 4px 0; }
@media (max-width: 700px) {
  .rec-frise::before { display: none; }
  .rec-frise__items  { flex-direction: column; gap: 0; }
  .rec-frise__item   { flex-direction: row !important; align-items: flex-start; gap: 14px; text-align: left; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
  .rec-frise__item:last-child { border-bottom: none; }
  .rec-frise__dot { margin-top: 3px; flex-shrink: 0; }
  .rec-frise__year { margin: 0; }
  .rec-frise__label { max-width: none; }
  .rec-testimony { flex-direction: column; }
  .rec-testimony__photo-col { flex: none; width: 100%; }
}

/* CTA recrutement — fond sombre, textes blancs */
.rec-cta-box {
  text-align: center; padding: 52px 32px;
  background: #191919;
  border-radius: var(--al-radius-xl); color: #fff;
  box-shadow: var(--al-shadow-lg);
}
.rec-cta-box h2 { color: #fff !important; margin-bottom: 12px; }
.rec-cta-box p  { color: rgba(255,255,255,.8) !important; margin-bottom: 28px; font-size: 16px; }
.rec-cta-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 36px; background: #0C8E44; color: #fff;
  font-size: 16px; font-weight: 800; border-radius: 999px;
  text-decoration: none; box-shadow: 0 4px 20px rgba(12,142,68,.3);
  transition: background var(--al-transition), transform var(--al-transition);
}
.rec-cta-btn:hover { background: #085f2e; transform: translateY(-3px); color: #fff; text-decoration: none; }

/* KPI */
.rec-kpi-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
@media (max-width: 900px) { .rec-kpi-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px) { .rec-kpi-grid { grid-template-columns: 1fr 1fr; } }
.rec-kpi-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #d0d0d0; border-radius: var(--al-radius-lg); padding: 28px 16px 22px; text-align: center; box-shadow: var(--al-shadow-sm); transition: box-shadow var(--al-transition), transform var(--al-transition); }
.rec-kpi-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #0C8E44; }
.rec-kpi-card:hover { box-shadow: var(--al-shadow-md); transform: translateY(-4px); }
.rec-kpi-card i { font-size: 28px; color: #0C8E44; margin-bottom: 14px; display: block; }
.rec-kpi-card__value { display: block; font-size: 36px; font-weight: 900; color: #191919; line-height: 1; margin-bottom: 8px; }
.rec-kpi-card__label { font-size: 13px; color: #6b6b6b; line-height: 1.45; }


/* ══════════════════════════════════════════════════════════════
   PAGE : COLLECTE ADIVALOR — CSS COMPLET
   ══════════════════════════════════════════════════════════════ */
.adv-section__title { margin: 0 0 16px; font-size: 28px; text-align: center; color: #191919; letter-spacing: -.3px; }

/* Chips / onglets */
.adv-sommaire { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 16px; padding: 0; border: none; list-style: none; }
.adv-chip { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 9px 22px; border-radius: 999px; border: 2px solid #d0d0d0; background: #fff; color: #3a3a3a; text-decoration: none; font-weight: 700; font-size: 14px; line-height: 1; transition: background var(--adv-transition), border-color var(--adv-transition), color var(--adv-transition), box-shadow var(--adv-transition); cursor: pointer; user-select: none; white-space: nowrap; }
.adv-chip:hover,.adv-chip:focus { border-color: #0C8E44; color: #0C8E44; background: #f5f5f5; text-decoration: none; box-shadow: 0 0 0 3px rgba(12,142,68,.1); outline: none; }
.adv-chip.active { background: #0C8E44; border-color: #0C8E44; color: #fff; box-shadow: var(--adv-shadow-md); }
.adv-chip.active:hover { background: #085f2e; border-color: #085f2e; }
.adv-chip__badge { display: inline-flex; align-items: center; justify-content: center; height: 20px; padding: 0 7px; border-radius: 999px; font-size: 11px; font-weight: 700; background: rgba(255,255,255,.25); color: inherit; white-space: nowrap; }
.adv-chip:not(.active) .adv-chip__badge { background: #f0f0f0; color: #3a3a3a; }

/* Panes */
.adv-tab-content { background: rgba(238,238,238,.3); border: 1px solid #eee; border-radius: var(--adv-radius-xl); padding: 24px; box-shadow: 0 6px 20px rgba(0,0,0,.08); transition: .3s; }
.tab-pane { display: none; animation: advFadeIn 220ms ease forwards; }
.tab-pane.active { display: block; }
@keyframes advFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }

.adv-note { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 12px 16px; background: #f5f5f5; border: 1px solid #d0d0d0; border-left: 4px solid #0C8E44; border-radius: var(--adv-radius-md); font-size: 14px; font-weight: 600; color: #191919; line-height: 1.5; }

/* Layout 2 colonnes */
.adv-tab-layout { display: flex; gap: 20px; align-items: flex-start; }
.adv-tab-images { flex: 0 0 38%; max-width: 38%; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.adv-tab-images--single { flex: 0 0 30%; max-width: 30%; }
.adv-tab-table-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; }
@media (max-width: 900px) { .adv-tab-images { flex: 0 0 42%; max-width: 42%; } .adv-tab-images--single { flex: 0 0 34%; max-width: 34%; } }
@media (max-width: 767px) {
  .adv-tab-layout { flex-direction: column; }
  .adv-tab-images,.adv-tab-images--single { flex: none; width: 100%; max-width: 100%; flex-direction: row; flex-wrap: wrap; gap: 10px; }
  .adv-tab-images .adv-img { flex: 1 1 calc(50% - 5px); }
  .adv-tab-images--single .adv-img { flex: 1 1 100%; max-width: 400px; margin: 0 auto; }
}
.adv-img { display: block; width: 100%; height: auto; border-radius: var(--adv-radius-md); border: 1px solid #d0d0d0; box-shadow: var(--adv-shadow-sm); transition: box-shadow var(--adv-transition); }
.adv-img:hover { box-shadow: var(--adv-shadow-md); }

/* Toolbar recherche */
.adv-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; padding: 10px 12px; background: #f8f8f8; border: 1px solid #d0d0d0; border-radius: var(--adv-radius-md); }
.adv-label { flex-shrink: 0; margin: 0; font-size: 12px; font-weight: 800; color: #3a3a3a; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; }
.adv-search { flex: 1 1 120px; min-width: 0; height: 34px; padding: 0 10px 0 32px; border: 1.5px solid #d0d0d0; border-radius: var(--adv-radius-md); font-size: 13px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 9px center / 14px, #fff; color: #191919; transition: border-color var(--adv-transition), box-shadow var(--adv-transition); appearance: none; -webkit-appearance: none; }
.adv-search::placeholder { color: #6b6b6b; }
.adv-search:focus { outline: none; border-color: #0C8E44; box-shadow: 0 0 0 3px rgba(12,142,68,.15); }
.adv-clear { flex-shrink: 0; height: 34px; padding: 0 12px; border: 1.5px solid #d0d0d0; border-radius: var(--adv-radius-md); background: #fff; color: #3a3a3a; font-size: 12px; font-weight: 700; cursor: pointer; transition: background var(--adv-transition), border-color var(--adv-transition); }
.adv-clear:hover { background: #f0f0f0; border-color: #191919; }
.adv-results-count { font-size: 12px; color: #6b6b6b; }

/* Tableau */
.adv-table-wrap { border: 1px solid #d0d0d0; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 8px rgba(25,25,25,.05); }
.adv-table-scroll { overflow-x: auto; }
.adv-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 14px; }
.adv-table thead th { background: #191919; color: #fff; padding: 12px 14px; font-size: 11px; text-transform: uppercase; letter-spacing: .5px; text-align: left; position: relative; }
.adv-table thead th::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #0C8E44; }
.adv-table tbody td { padding: 11px 14px; border-bottom: 1px solid #f0f0f0; color: #4a4a4a; vertical-align: middle; }
.adv-table tbody tr:last-child td { border-bottom: none; }
.adv-table tbody tr:nth-child(even) td { background: #f8f8f8; }
.adv-table tbody tr:hover td { background: #f0f0f0; }
.adv-cell--none    { color: #7a7a7a; font-style: italic; }
.adv-cell--week    { color: #d97706; }
.adv-cell--special { color: #0C8E44; font-weight: 600; }


/* ══════════════════════════════════════════════════════════════
   PAGE : QUI SOMMES-NOUS
   ══════════════════════════════════════════════════════════════ */
.agr-hero-banner { position: relative; background: #191919; padding: 35px 0; text-align: center; overflow: hidden; min-height: 160px; display: flex; align-items: center; }
.agr-hero-banner::before { content: ''; position: absolute; inset: 0; background-size: cover; background-position: center 51%; opacity: .45; z-index: 0; }
.agr-hero-banner .agr-inner { position: relative; z-index: 1; }
.agr-hero-banner__h1 { font-size: clamp(26px,3.5vw,40px); color: #fff !important; margin: 0 0 6px; line-height: 1.1; }
.agr-hero-banner__desc { font-size: 14.5px; line-height: 1.75; color: white;  margin: 0 auto; }

/* Ce qui nous distingue */
.agr-distinc { display: flex; flex-direction: column; gap: 0; position: relative; max-width: 900px; margin: 0 auto; }
.agr-distinc__row { display: grid; grid-template-columns: 1fr 60px 1fr; align-items: center; gap: 0; }
.agr-distinc__row--top { margin-bottom: -1px; }
.agr-distinc__row--bottom { margin-top: -1px; }
.agr-distinc__item { background: #fff; border: 1.5px solid #d0d0d0; border-top: 3px solid #0C8E44; border-radius: var(--al-radius-lg); padding: 28px 26px 24px; box-shadow: var(--al-shadow-sm); transition: transform var(--al-transition), box-shadow var(--al-transition); }
.agr-distinc__item:hover { transform: translateY(-4px); box-shadow: 0 6px 24px rgba(12,142,68,.12); }
.agr-distinc__item h3 { font-size: 17px; color: #191919; margin: 0 0 10px; line-height: 1.3; }
.agr-distinc__item p  { font-size: 13.5px; color: #7a7a7a; margin: 0; line-height: 1.65; }
.agr-distinc__item--high { align-self: end; margin-bottom: 40px; }
.agr-distinc__item--low  { align-self: start; margin-top: 40px; }
.agr-distinc__connector { width: 60px; align-self: stretch; position: relative; }
.agr-distinc__connector::before,.agr-distinc__connector::after { content: ''; position: absolute; background: #191919; }
.agr-distinc__connector--tr::before { width: 2px; top: 50%; bottom: 0; left: 50%; transform: translateX(-50%); }
.agr-distinc__connector--tr::after  { height: 2px; bottom: 0; left: 50%; right: 0; }
.agr-distinc__connector--bl::before { width: 2px; top: 0; bottom: 50%; left: 50%; transform: translateX(-50%); }
.agr-distinc__connector--bl::after  { height: 2px; top: 50%; left: 0; right: 50%; }
@media (max-width: 768px) {
  .agr-distinc__row { grid-template-columns: 1fr; gap: 16px; }
  .agr-distinc__connector { display: none; }
  .agr-distinc__item--high,.agr-distinc__item--low { margin: 0; align-self: auto; }
  .agr-distinc__row--top .agr-distinc__item--right { order: 3; }
}

/* Approvisionnement */
.agr-appro-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; border: 1.5px solid #d0d0d0; border-radius: 20px; overflow: hidden; background: #fff; box-shadow: var(--al-shadow-sm); }
.agr-appro-item { padding: 36px 24px 32px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; border-right: 1.5px solid #d0d0d0; transition: background var(--al-transition); }
.agr-appro-item:last-child { border-right: none; }
.agr-appro-item:hover { background: #0c8e4424; }
.agr-appro-icon { width: 88px; height: 88px; border-radius: 50%; background: #0C8E44; color: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 16px rgba(12,142,68,.25); transition: background var(--al-transition), transform var(--al-transition); }
.agr-appro-item:hover .agr-appro-icon { background: #085f2e; transform: scale(1.06); }
.agr-appro-icon i { font-size: 32px; }
.agr-appro-sep { width: 1.5px; height: 36px; background: #d0d0d0; margin: 16px auto; }
.agr-appro-item p { font-size: 14.5px; line-height: 1.65; color: #191919; margin: 0; }
.agr-appro-item p strong { color: #0C8E44; display: block; margin-top: 2px; }
@media (max-width: 900px) { .agr-appro-grid { grid-template-columns: repeat(2,1fr); } .agr-appro-item:nth-child(2) { border-right: none; } .agr-appro-item:nth-child(1),.agr-appro-item:nth-child(2) { border-bottom: 1.5px solid #d0d0d0; } }
@media (max-width: 540px) { .agr-appro-grid { grid-template-columns: 1fr; } .agr-appro-item { border-right: none !important; border-bottom: 1.5px solid #d0d0d0; } .agr-appro-item:last-child { border-bottom: none; } }
.agr-appro-item--link { text-decoration: none; cursor: pointer; }
.agr-appro-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 12.5px; color: #0C8E44; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }
.agr-appro-tel { display: block; margin-top: 8px; font-size: 18px; font-weight: 700; color: #0C8E44; letter-spacing: .5px; }
.agr-appro-hours { display: flex; align-items: center; gap: 5px; justify-content: center; margin-top: 5px; font-size: 12px; color: #7a7a7a; }


/* ══════════════════════════════════════════════════════════════
   PAGE : NOTRE HISTOIRE — CSS TIMELINE ORIGINAL
   Scopé sous #hist-wrap pour éviter les conflits
   ══════════════════════════════════════════════════════════════ *//*

/* ══════════════════════════════════════════════════════════════
   CLASSES SUPPLÉMENTAIRES MANQUANTES
   ══════════════════════════════════════════════════════════════ */

/* agrementcertification */
/* huile */
.hl-form { width: 100%; }
.delete-row { width: 30px; height: 30px; border-radius: 8px; background: #fff; border: 1.5px solid #d0d0d0; color: #7a7a7a; cursor: pointer; display: flex; align-items: center; justify-content: center; margin: 0 auto; transition: all 200ms ease; font-size: 12px; }
.delete-row:hover { background: #fdf1f0; border-color: #c0392b; color: #c0392b; }

/* notrehistoire — croissance couleurs */
#hist-wrap .croissance-interne .year { background-color: #0C8E44 !important; color: #fff !important; }
#hist-wrap .croissance-externe .year { background-color: #191919 !important; color: #fff !important; }

/* quisommesnous */
.agr-distinc__item--left { /* variante gauche — même style que --high/--low */ }
/* recrutement — section KPI (commentée mais on prépare le style) */
.rec-section--kpi { background: #191919; }
.rec-section--kpi h2 { color: #fff; }
.rec-section--kpi p  { color: rgba(255,255,255,.75); }

/* ── Correctifs de spécificité ──────────────────────────────── */
/* FAQ : h2 dans cta-box noir → blanc (spécificité augmentée) */
#faq-page .faq-cta__box h2,
#faq-page .faq-cta__box p { color: #fff !important; }
#faq-page .faq-cta__text h2 { color: #fff !important; }
#faq-page .faq-cta__text p  { color: rgba(255,255,255,.7) !important; }

/* Notre Histoire : fond blanc pour la section contenu */
#hist-wrap .container,
#hist-wrap .page-content,
#hist-wrap .section-content { background: #fff; }
#hist-wrap h1 { font-size: clamp(20px,3vw,32px); color: #191919; margin: 0 0 12px; line-height: 1.2; }
#hist-wrap h2 { font-size: clamp(16px,2.5vw,24px); color: #191919; margin: 0 0 10px; }
#hist-wrap p  { font-size: 14.5px; line-height: 1.78; color: #4a4a4a; margin: 0 0 12px; }
#hist-wrap .description { font-size: 14px; color: #4a4a4a; line-height: 1.7; }

/* Recrutement : section intro (rec-hero__inner) */
.rec-hero__inner { position: relative; z-index: 1; max-width: 1400px; margin: 0 auto; padding: 0 40px; }
.rec-hero__row   { display: flex; gap: 56px; align-items: center; flex-wrap: wrap; }
.rec-hero__text  { flex: 1 1 440px; min-width: 0; }
.rec-hero__visual { flex: 0 0 460px; min-width: 0; }
.rec-hero__eyebrow {
  display: inline-block; padding: 5px 15px;
  background: rgba(12,142,68,.1); color: #0C8E44;
  font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px;
  border-radius: 999px; margin-bottom: 18px;
}
.rec-hero__title { font-size: clamp(28px,4vw,48px); color: #191919; line-height: 1.05; letter-spacing: -1px; margin: 0 0 8px; }
.rec-hero__title span { color: #0C8E44; }
.rec-hero__subtitle { font-size: clamp(15px,2vw,18px); font-weight: 700; color: #0C8E44; margin: 0 0 18px; }
.rec-hero__desc { font-size: 15px; line-height: 1.80; color: #4a4a4a; margin: 0 0 24px; }
.rec-hero__cta {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 30px; background: #0C8E44; color: #fff;
  font-weight: 800; font-size: 15px; border-radius: 999px;
  box-shadow: 0 4px 18px rgba(12,142,68,.3); text-decoration: none;
  transition: background 220ms ease, transform 220ms ease;
}
.rec-hero__cta:hover { background: #085f2e; transform: translateY(-2px); color: #fff; text-decoration: none; }
.rec-hero__img-wrap {
  border-radius: 24px; overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,.15);
  border: 1px solid #f0f0f0;
}
.rec-hero__img-wrap img { width: 100%; height: 440px; object-fit: cover; display: block; transition: transform 600ms ease; }
.rec-hero__img-wrap:hover img { transform: scale(1.03); }
/* Section intro recrutement */
.rec-section--intro { background: #fff; border-bottom: 1px solid #f0f0f0; padding: 60px 0; }
@media (max-width: 900px) {
  .rec-hero__visual { flex: 0 0 100%; }
  .rec-hero__img-wrap img { height: 280px; }
  .rec-hero__inner { padding: 0 16px; }
  .rec-section--intro { padding: 40px 0; }
}


/* ══════════════════════════════════════════════════════════════
   ADIVALOR — Section hero intro (logo + texte + vidéo)
   ══════════════════════════════════════════════════════════════ */
.adv-title {
  margin: 12px 0 20px; font-size: clamp(20px,3vw,30px); line-height: 1.2;
  color: #191919; letter-spacing: -.4px;
}
.adv-hero__card {
  background: rgba(238,238,238,.3); border: 1px solid #eee;
  border-radius: var(--adv-radius-xl); padding: 24px;
  box-shadow: 0 6px 20px rgba(0,0,0,.08); width: 100%;
}
.adv-brand { display: flex; justify-content: center; margin-bottom: 16px; }
.adv-brand__logo { max-width: 180px; height: auto; display: block; }
.adv-lead { margin: 0 0 20px; font-size: 15px; line-height: 1.7; color: #3a3a3a; }
.adv-lead a { color: #0C8E44; text-decoration: underline; }
.adv-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 768px) { .adv-grid-2 { grid-template-columns: 1fr; } }
.adv-box { background: #f5f5f5; border: 1px solid #d0d0d0; border-left: 4px solid #0C8E44; border-radius: var(--adv-radius-lg); padding: 16px 18px; }
.adv-h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 15px; font-weight: 800; color: #191919; text-transform: uppercase; letter-spacing: .5px; }
.adv-list, .adv-steps { margin: 0; padding-left: 20px; }
.adv-list li, .adv-steps li { font-size: 13.5px; line-height: 1.65; color: #4a4a4a; margin-bottom: 8px; }
.adv-video { margin-top: 6px; border-radius: var(--adv-radius-lg); overflow: hidden; border: 1px solid #d0d0d0; box-shadow: var(--adv-shadow-sm); background: #000; }
.adv-video iframe { display: block; width: 100%; aspect-ratio: 16/9; border: none; }
.adv-link-strong { color: #0C8E44; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.adv-link-strong:hover { color: #085f2e; }
/* Layout hero adivalor (Bootstrap-like row) */
#adivalor-top .row { display: flex; flex-wrap: wrap; gap: 0; margin: 0 -12px; }
#adivalor-top .col-md-7 { flex: 0 0 58.333%; max-width: 58.333%; padding: 0 12px; }
#adivalor-top .col-md-5 { flex: 0 0 41.667%; max-width: 41.667%; padding: 0 12px; }
@media (max-width: 767px) {
  #adivalor-top .col-md-7,
  #adivalor-top .col-md-5 { flex: 0 0 100%; max-width: 100%; }
  #adivalor-top .col-md-5 { margin-top: 20px; }
}
/* wrapper adivalor-top pleine largeur dans adv-page */
#adv-page #adivalor-top { display: block; }
.embed-responsive { position: relative; width: 100%; }
.embed-responsive-16by9::before { display: block; content: ''; padding-top: 56.25%; }
.embed-responsive-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

/* ══════════════════════════════════════════════════════════════
   KORIT — Hero 2 colonnes (texte + photo corbeau)
   ══════════════════════════════════════════════════════════════ */
.crow-hero-intro { background: #fff; border-bottom: 1px solid #f0f0f0; padding: 56px 0; }
.crow-hero__row { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; }
.crow-hero__text { flex: 1 1 520px; min-width: 0; }
.crow-hero__visual { flex: 0 0 400px; min-width: 0; }
.crow-hero__img { border-radius: var(--al-radius-xl); overflow: hidden; box-shadow: var(--al-shadow-md); border: 1px solid #f0f0f0; }
.crow-hero__img img { width: 100%; height: auto; display: block; }
.crow-hero__lead { font-size: 16px; line-height: 1.85; color: #4a4a4a; margin-bottom: 20px; }
@media (max-width: 900px) {
  .crow-hero-intro { padding: 40px 0; }
  .crow-hero__visual { flex: 0 0 100%; }
}