/*
 * i4a-home.css -- CSS centralise i4Animal
 * Genere le 2026-04-27 (reconstruit avec vrais selecteurs)
 * Remplace les blocs <style> inline des widgets SiteOrigin
 * Charge via le child theme Astra (functions.php)
 */


/* ============================================================
   1. Pourquoi i4Animal
   ============================================================ */
#pourquoi-i4animal,
    #pourquoi-i4animal *{
      box-sizing:border-box;
    }

    #pourquoi-i4animal{
      max-width:1180px;
      margin:0 auto 42px;
      padding:0 18px;
      font-family:Arial, Helvetica, sans-serif;
      color:#18342c;
    }

    #pourquoi-i4animal .why-shell{
      border:1px solid #dbe5e1;
      border-radius:30px;
      padding:32px 26px;
      background:
        radial-gradient(circle at top left, rgba(13,107,87,.07), transparent 30%),
        linear-gradient(135deg,#f4fbf8 0%, #ffffff 52%, #f8fcfa 100%);
      box-shadow:0 16px 36px rgba(21,47,38,.05);
    }

    #pourquoi-i4animal .why-head{
      max-width:860px;
      margin:0 auto 18px;
      text-align:center;
    }

    #pourquoi-i4animal .why-kicker{
      display:inline-block;
      margin-bottom:10px;
      padding:7px 11px;
      border-radius:999px;
      background:#edf7f3;
      border:1px solid #d7ebe3;
      color:#0d6b57;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    #pourquoi-i4animal h2{
      margin:0 0 10px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.14;
      color:#18342c;
    }

    #pourquoi-i4animal .why-head p{
      margin:0;
      color:#556a63;
      font-size:15.5px;
      line-height:1.8;
    }

    /* Bouton pliant global */

    #pourquoi-i4animal .why-toggle-wrap{
      display:flex;
      justify-content:center;
      margin-top:18px;
    }

    #pourquoi-i4animal .why-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid #d7ebe3;
      background:#ffffff;
      color:#0d6b57;
      font:inherit;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
      box-shadow:0 10px 22px rgba(21,47,38,.04);
    }

    #pourquoi-i4animal .why-toggle:hover{
      background:#edf7f3;
    }

    #pourquoi-i4animal .why-toggle:focus-visible{
      outline:2px solid #0d6b57;
      outline-offset:2px;
    }

    #pourquoi-i4animal .why-toggle-icon{
      display:inline-block;
      line-height:1;
      transition:transform .2s ease;
    }

    #pourquoi-i4animal .why-toggle[aria-expanded="true"] .why-toggle-icon{
      transform:rotate(180deg);
    }

    /* Panneau depliant */

    #pourquoi-i4animal .why-panel{
      display:none;
      margin-top:20px;
    }

    #pourquoi-i4animal .why-panel.is-open{
      display:block;
    }

    /* Cartes (contenu inchange, juste enveloppe) */

    #pourquoi-i4animal .why-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin-top:0;
    }

    #pourquoi-i4animal .why-card{
      border-radius:24px;
      padding:22px 20px;
      border:1px solid transparent;
      box-shadow:0 10px 24px rgba(21,47,38,.04);
    }

    #pourquoi-i4animal .why-card:nth-child(1){
      background:linear-gradient(180deg,#edf7f3 0%,#f9fcfb 100%);
      border-color:#d7ebe3;
    }

    #pourquoi-i4animal .why-card:nth-child(2){
      background:linear-gradient(180deg,#f3f7fb 0%,#fafcff 100%);
      border-color:#d8e2ec;
    }

    #pourquoi-i4animal .card-tag{
      display:inline-block;
      margin-bottom:8px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:#0d6b57;
    }

    #pourquoi-i4animal .why-card h3{
      margin:0 0 10px;
      font-size:24px;
      line-height:1.18;
      color:#18342c;
    }

    #pourquoi-i4animal .why-card p{
      margin:0 0 12px;
      color:#556a63;
      font-size:14.8px;
      line-height:1.76;
    }

    #pourquoi-i4animal .why-card p:last-of-type{
      margin-bottom:0;
    }

    #pourquoi-i4animal .why-footer{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid #e4ece8;
      text-align:center;
      color:#5f716a;
      font-size:14px;
      line-height:1.7;
    }

    #pourquoi-i4animal .why-footer a{
      color:#0d6b57;
      font-weight:700;
      text-decoration:none;
    }

    #pourquoi-i4animal .why-footer a:hover{
      text-decoration:underline;
    }

    @media (max-width:980px){
      #pourquoi-i4animal .why-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:640px){
      #pourquoi-i4animal{
        padding:0 14px;
      }

      #pourquoi-i4animal .why-shell{
        padding:24px 18px;
        border-radius:24px;
      }

      #pourquoi-i4animal h2{
        font-size:clamp(24px,7vw,34px);
      }

      #pourquoi-i4animal .why-card h3{
        font-size:22px;
      }

      #pourquoi-i4animal .why-toggle{
        width:100%;
        justify-content:center;
      }
    }


/* ============================================================
   2. Pour Qui
   ============================================================ */
#pour-qui-i4animal,
    #pour-qui-i4animal *{
      box-sizing:border-box;
    }

    #pour-qui-i4animal{
      max-width:1180px;
      margin:0 auto 42px;
      padding:0 18px;
      font-family:Arial, Helvetica, sans-serif;
      color:#18342c;
    }

    #pour-qui-i4animal .who-shell{
      border:1px solid #e5ddd0;
      border-radius:30px;
      padding:32px 26px;
      background:
        radial-gradient(circle at top right, rgba(194,154,98,.10), transparent 28%),
        linear-gradient(135deg,#fcf8f1 0%, #ffffff 50%, #f9f4ec 100%);
      box-shadow:0 16px 36px rgba(21,47,38,.05);
    }

    #pour-qui-i4animal .who-head{
      max-width:860px;
      margin:0 auto 18px;
      text-align:center;
    }

    #pour-qui-i4animal .who-kicker{
      display:inline-block;
      margin-bottom:10px;
      padding:7px 11px;
      border-radius:999px;
      background:#f7efe2;
      border:1px solid #eadfcd;
      color:#94631d;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    #pour-qui-i4animal h2{
      margin:0 0 10px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.14;
      color:#18342c;
    }

    #pour-qui-i4animal .who-head p{
      margin:0;
      color:#556a63;
      font-size:15.5px;
      line-height:1.8;
    }

    /* Bouton global */

    #pour-qui-i4animal .who-toggle-wrap{
      display:flex;
      justify-content:center;
      margin-top:18px;
    }

    #pour-qui-i4animal .who-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid #eadfcd;
      background:#ffffff;
      color:#94631d;
      font:inherit;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
      box-shadow:0 10px 22px rgba(21,47,38,.04);
    }

    #pour-qui-i4animal .who-toggle:hover{
      background:#fbf4ea;
      border-color:#e0d3bf;
    }

    #pour-qui-i4animal .who-toggle:focus-visible{
      outline:2px solid #94631d;
      outline-offset:2px;
    }

    #pour-qui-i4animal .who-toggle-icon{
      display:inline-block;
      line-height:1;
      transition:transform .2s ease;
    }

    #pour-qui-i4animal .who-toggle[aria-expanded="true"] .who-toggle-icon{
      transform:rotate(180deg);
    }

    /* Panel */

    #pour-qui-i4animal .who-panel{
      display:none;
      margin-top:22px;
    }

    #pour-qui-i4animal .who-panel.is-open{
      display:block;
    }

    /* Grille + cartes accordeon */

    #pour-qui-i4animal .who-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:16px;
      margin-top:0;
    }

    #pour-qui-i4animal .who-card{
      --who-accent:#0d6b57;
      --who-soft:#edf7f3;
      --who-border:#d7ebe3;
      --who-surface:#f9fcfb;

      border-radius:24px;
      border:1px solid var(--who-border);
      background:linear-gradient(180deg,var(--who-soft) 0%, var(--who-surface) 100%);
      box-shadow:0 10px 24px rgba(21,47,38,.04);
      overflow:hidden;
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    #pour-qui-i4animal .who-card:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 30px rgba(21,47,38,.06);
    }

    #pour-qui-i4animal .who-card:nth-child(2){
      --who-accent:#94631d;
      --who-soft:#fbf4ea;
      --who-border:#eadfcd;
      --who-surface:#fdfaf6;
    }

    #pour-qui-i4animal .who-card:nth-child(3){
      --who-accent:#356f99;
      --who-soft:#f3f7fb;
      --who-border:#d8e2ec;
      --who-surface:#fafcff;
    }

    #pour-qui-i4animal .who-card[aria-expanded="true"]{
      border-color:color-mix(in srgb, var(--who-accent) 22%, white);
      box-shadow:
        0 16px 32px rgba(21,47,38,.07),
        0 0 0 1px rgba(255,255,255,.35) inset;
    }

    #pour-qui-i4animal .who-header{
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:18px 18px 14px;
      text-align:left;
      cursor:pointer;
      background:transparent;
      border:0;
    }

    #pour-qui-i4animal .who-header-left{
      min-width:0;
    }

    #pour-qui-i4animal .card-tag{
      display:inline-block;
      margin-bottom:6px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:var(--who-accent);
    }

    #pour-qui-i4animal .who-title{
      margin:0;
      font-size:18px;
      line-height:1.35;
      color:#18342c;
    }

    #pour-qui-i4animal .who-toggle-icon-inner{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      border-radius:999px;
      flex:0 0 auto;
      font-size:16px;
      line-height:1;
      color:var(--who-accent);
      background:rgba(255,255,255,.86);
      border:1px solid color-mix(in srgb, var(--who-accent) 14%, white);
      transition:transform .2s ease, background .2s ease, border-color .2s ease;
      margin-left:6px;
      margin-top:2px;
    }

    #pour-qui-i4animal .who-card[aria-expanded="true"] .who-toggle-icon-inner{
      transform:rotate(180deg);
      background:color-mix(in srgb, var(--who-accent) 10%, white);
      border-color:color-mix(in srgb, var(--who-accent) 24%, white);
    }

    #pour-qui-i4animal .who-body{
      display:none;
      padding:0 18px 16px;
      border-top:1px solid rgba(24,52,44,.08);
      background:linear-gradient(180deg,rgba(255,255,255,.34) 0%, rgba(255,255,255,.56) 100%);
    }

    #pour-qui-i4animal .who-card[aria-expanded="true"] .who-body{
      display:block;
    }

    #pour-qui-i4animal .who-body-inner{
      padding-top:14px;
    }

    #pour-qui-i4animal .who-body p{
      margin:0 0 12px;
      color:#556a63;
      font-size:14.8px;
      line-height:1.74;
    }

    #pour-qui-i4animal .who-body p:last-of-type{
      margin-bottom:0;
    }

    #pour-qui-i4animal .who-body a{
      display:inline-block;
      margin-top:12px;
      color:var(--who-accent);
      font-size:14px;
      font-weight:700;
      text-decoration:none;
    }

    #pour-qui-i4animal .who-body a:hover{
      text-decoration:underline;
    }

    #pour-qui-i4animal .who-footer{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid #ece2d6;
      text-align:center;
      color:#6a736d;
      font-size:14px;
      line-height:1.7;
    }

    #pour-qui-i4animal .who-footer a{
      color:#0d6b57;
      font-weight:700;
      text-decoration:none;
    }

    #pour-qui-i4animal .who-footer a:hover{
      text-decoration:underline;
    }

    @media (max-width:980px){
      #pour-qui-i4animal .who-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:640px){
      #pour-qui-i4animal{
        padding:0 14px;
      }

      #pour-qui-i4animal .who-shell{
        padding:24px 18px;
        border-radius:24px;
      }

      #pour-qui-i4animal h2{
        font-size:clamp(24px,7vw,34px);
      }

      #pour-qui-i4animal .who-title{
        font-size:17px;
      }

      #pour-qui-i4animal .who-toggle{
        width:100%;
        justify-content:center;
      }
    }


/* ============================================================
   3. Comment nous travaillons
   ============================================================ */
#comment-nous-travaillons-i4animal,
    #comment-nous-travaillons-i4animal *{
      box-sizing:border-box;
    }

    #comment-nous-travaillons-i4animal{
      max-width:1180px;
      margin:0 auto 42px;
      padding:0 18px;
      font-family:Arial, Helvetica, sans-serif;
      color:#18342c;
    }

    #comment-nous-travaillons-i4animal .method-shell{
      border:1px solid #dbe5e1;
      border-radius:30px;
      padding:32px 26px;
      background:
        radial-gradient(circle at top left, rgba(13,107,87,.08), transparent 28%),
        linear-gradient(135deg,#f4fbf8 0%, #ffffff 54%, #f8fcfa 100%);
      box-shadow:0 16px 36px rgba(21,47,38,.05);
    }

    #comment-nous-travaillons-i4animal .method-head{
      max-width:860px;
      margin:0 auto 18px;
      text-align:center;
    }

    #comment-nous-travaillons-i4animal .method-kicker{
      display:inline-block;
      margin-bottom:10px;
      padding:7px 11px;
      border-radius:999px;
      background:#edf7f3;
      border:1px solid #d7ebe3;
      color:#0d6b57;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    #comment-nous-travaillons-i4animal h2{
      margin:0 0 10px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.14;
      color:#18342c;
    }

    #comment-nous-travaillons-i4animal .method-head p{
      margin:0;
      color:#556a63;
      font-size:15.5px;
      line-height:1.8;
    }

    /* Bouton global */

    #comment-nous-travaillons-i4animal .method-toggle-wrap{
      display:flex;
      justify-content:center;
      margin-top:18px;
    }

    #comment-nous-travaillons-i4animal .method-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid #d7ebe3;
      background:#ffffff;
      color:#0d6b57;
      font:inherit;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
      box-shadow:0 10px 22px rgba(21,47,38,.04);
    }

    #comment-nous-travaillons-i4animal .method-toggle:hover{
      background:#edf7f3;
      border-color:#c9e3d8;
    }

    #comment-nous-travaillons-i4animal .method-toggle:focus-visible{
      outline:2px solid #0d6b57;
      outline-offset:2px;
    }

    #comment-nous-travaillons-i4animal .method-toggle-icon{
      display:inline-block;
      line-height:1;
      transition:transform .2s ease;
    }

    #comment-nous-travaillons-i4animal .method-toggle[aria-expanded="true"] .method-toggle-icon{
      transform:rotate(180deg);
    }

    /* Panneau global */

    #comment-nous-travaillons-i4animal .method-panel{
      display:none;
      margin-top:22px;
    }

    #comment-nous-travaillons-i4animal .method-panel.is-open{
      display:block;
    }

    /* Grille */

    #comment-nous-travaillons-i4animal .method-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin-top:0;
    }

    /* Cartes */

    #comment-nous-travaillons-i4animal .step{
      --step-accent:#0d6b57;
      --step-accent-soft:#edf7f3;
      --step-accent-border:#d7ebe3;
      --step-surface:#f9fcfb;
      --step-chevron-bg:rgba(255,255,255,.8);

      border-radius:24px;
      border:1px solid var(--step-accent-border);
      background:linear-gradient(180deg,var(--step-accent-soft) 0%, var(--step-surface) 100%);
      box-shadow:0 12px 26px rgba(21,47,38,.04);
      overflow:hidden;
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    #comment-nous-travaillons-i4animal .step:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 30px rgba(21,47,38,.06);
    }

    #comment-nous-travaillons-i4animal .step:nth-child(2){
      --step-accent:#94631d;
      --step-accent-soft:#fbf4ea;
      --step-accent-border:#eadfcd;
      --step-surface:#fdfaf6;
    }

    #comment-nous-travaillons-i4animal .step:nth-child(3){
      --step-accent:#356f99;
      --step-accent-soft:#f3f7fb;
      --step-accent-border:#d8e2ec;
      --step-surface:#fafcff;
    }

    #comment-nous-travaillons-i4animal .step:nth-child(4){
      --step-accent:#7b52a8;
      --step-accent-soft:#f6f3fb;
      --step-accent-border:#e2d9ef;
      --step-surface:#fcfbfe;
    }

    #comment-nous-travaillons-i4animal .step[aria-expanded="true"]{
      border-color:color-mix(in srgb, var(--step-accent) 22%, white);
      box-shadow:
        0 16px 32px rgba(21,47,38,.07),
        0 0 0 1px rgba(255,255,255,.35) inset;
    }

    #comment-nous-travaillons-i4animal .step-header{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:18px 18px 16px;
      text-align:left;
      cursor:pointer;
      background:transparent;
      border:0;
    }

    #comment-nous-travaillons-i4animal .step-header-left{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }

    #comment-nous-travaillons-i4animal .num{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:38px;
      height:38px;
      border-radius:50%;
      background:var(--step-accent);
      color:#fff;
      font-size:14px;
      font-weight:700;
      flex:0 0 auto;
      box-shadow:0 8px 18px color-mix(in srgb, var(--step-accent) 22%, transparent);
    }

    #comment-nous-travaillons-i4animal .step-meta{
      min-width:0;
    }

    #comment-nous-travaillons-i4animal .step-tag{
      display:block;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:var(--step-accent);
      line-height:1.4;
      margin-bottom:3px;
    }

    #comment-nous-travaillons-i4animal .step-title{
      margin:0;
      font-size:18px;
      line-height:1.35;
      color:#18342c;
    }

    #comment-nous-travaillons-i4animal .step-toggle-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      border-radius:999px;
      flex:0 0 auto;
      font-size:16px;
      line-height:1;
      color:var(--step-accent);
      background:var(--step-chevron-bg);
      border:1px solid color-mix(in srgb, var(--step-accent) 14%, white);
      transition:transform .2s ease, background .2s ease, border-color .2s ease;
    }

    #comment-nous-travaillons-i4animal .step[aria-expanded="true"] .step-toggle-icon{
      transform:rotate(180deg);
      background:color-mix(in srgb, var(--step-accent) 10%, white);
      border-color:color-mix(in srgb, var(--step-accent) 24%, white);
    }

    #comment-nous-travaillons-i4animal .step-body{
      display:none;
      padding:0 18px 18px;
      border-top:1px solid rgba(24,52,44,.08);
      background:linear-gradient(180deg,rgba(255,255,255,.34) 0%, rgba(255,255,255,.56) 100%);
    }

    #comment-nous-travaillons-i4animal .step[aria-expanded="true"] .step-body{
      display:block;
    }

    #comment-nous-travaillons-i4animal .step-body-inner{
      padding-top:16px;
    }

    #comment-nous-travaillons-i4animal .step-body p{
      margin:0 0 12px;
      color:#556a63;
      font-size:14.8px;
      line-height:1.74;
    }

    #comment-nous-travaillons-i4animal .step-body p:last-of-type{
      margin-bottom:0;
    }

    #comment-nous-travaillons-i4animal .step-body a{
      display:inline-block;
      margin-top:12px;
      color:var(--step-accent);
      font-weight:700;
      font-size:14px;
      text-decoration:none;
    }

    #comment-nous-travaillons-i4animal .step-body a:hover{
      text-decoration:underline;
    }

    #comment-nous-travaillons-i4animal .method-footer{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid #e4ece8;
      text-align:center;
      color:#5f716a;
      font-size:14px;
      line-height:1.7;
    }

    #comment-nous-travaillons-i4animal .method-footer a{
      color:#0d6b57;
      font-weight:700;
      text-decoration:none;
    }

    #comment-nous-travaillons-i4animal .method-footer a:hover{
      text-decoration:underline;
    }

    @media (max-width:980px){
      #comment-nous-travaillons-i4animal .method-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:640px){
      #comment-nous-travaillons-i4animal{
        padding:0 14px;
      }

      #comment-nous-travaillons-i4animal .method-shell{
        padding:24px 18px;
        border-radius:24px;
      }

      #comment-nous-travaillons-i4animal h2{
        font-size:clamp(24px,7vw,34px);
      }

      #comment-nous-travaillons-i4animal .step-title{
        font-size:17px;
      }

      #comment-nous-travaillons-i4animal .method-toggle{
        width:100%;
        justify-content:center;
      }
    }


/* ============================================================
   4. Ce que vous obtenez
   ============================================================ */
#ce-que-vous-obtenez-i4animal,
    #ce-que-vous-obtenez-i4animal *{
      box-sizing:border-box;
    }

    #ce-que-vous-obtenez-i4animal{
      max-width:1180px;
      margin:0 auto 42px;
      padding:0 18px;
      font-family:Arial, Helvetica, sans-serif;
      color:#18342c;
    }

    #ce-que-vous-obtenez-i4animal .benefits-shell{
      border:1px solid #dbe5e1;
      border-radius:30px;
      padding:32px 26px;
      background:
        radial-gradient(circle at top right, rgba(13,107,87,.08), transparent 28%),
        linear-gradient(135deg,#f4fbf8 0%, #ffffff 54%, #f8fcfa 100%);
      box-shadow:0 16px 36px rgba(21,47,38,.05);
    }

    #ce-que-vous-obtenez-i4animal .benefits-head{
      max-width:860px;
      margin:0 auto 18px;
      text-align:center;
    }

    #ce-que-vous-obtenez-i4animal .benefits-kicker{
      display:inline-block;
      margin-bottom:10px;
      padding:7px 11px;
      border-radius:999px;
      background:#edf7f3;
      border:1px solid #d7ebe3;
      color:#0d6b57;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    #ce-que-vous-obtenez-i4animal h2{
      margin:0 0 10px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.14;
      color:#18342c;
    }

    #ce-que-vous-obtenez-i4animal .benefits-head p{
      margin:0;
      color:#556a63;
      font-size:15.5px;
      line-height:1.8;
    }

    /* Bouton global */

    #ce-que-vous-obtenez-i4animal .benefits-toggle-wrap{
      display:flex;
      justify-content:center;
      margin-top:18px;
    }

    #ce-que-vous-obtenez-i4animal .benefits-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid #d7ebe3;
      background:#ffffff;
      color:#0d6b57;
      font:inherit;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
      box-shadow:0 10px 22px rgba(21,47,38,.04);
    }

    #ce-que-vous-obtenez-i4animal .benefits-toggle:hover{
      background:#edf7f3;
      border-color:#c9e3d8;
    }

    #ce-que-vous-obtenez-i4animal .benefits-toggle:focus-visible{
      outline:2px solid #0d6b57;
      outline-offset:2px;
    }

    #ce-que-vous-obtenez-i4animal .benefits-toggle-icon{
      display:inline-block;
      line-height:1;
      transition:transform .2s ease;
    }

    #ce-que-vous-obtenez-i4animal .benefits-toggle[aria-expanded="true"] .benefits-toggle-icon{
      transform:rotate(180deg);
    }

    /* Panel */

    #ce-que-vous-obtenez-i4animal .benefits-panel{
      display:none;
      margin-top:22px;
    }

    #ce-que-vous-obtenez-i4animal .benefits-panel.is-open{
      display:block;
    }

    /* Grille + cartes accordeon */

    #ce-que-vous-obtenez-i4animal .benefits-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin-top:0;
    }

    #ce-que-vous-obtenez-i4animal .benefit{
      --benefit-accent:#0d6b57;
      --benefit-soft:#edf7f3;
      --benefit-border:#d7ebe3;
      --benefit-surface:#f9fcfb;

      border-radius:24px;
      border:1px solid var(--benefit-border);
      background:linear-gradient(180deg,var(--benefit-soft) 0%, var(--benefit-surface) 100%);
      box-shadow:0 12px 26px rgba(21,47,38,.04);
      overflow:hidden;
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    #ce-que-vous-obtenez-i4animal .benefit:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 30px rgba(21,47,38,.06);
    }

    #ce-que-vous-obtenez-i4animal .benefit:nth-child(2){
      --benefit-accent:#94631d;
      --benefit-soft:#f8f3ea;
      --benefit-border:#eadfcd;
      --benefit-surface:#fdfaf6;
    }

    #ce-que-vous-obtenez-i4animal .benefit:nth-child(3){
      --benefit-accent:#356f99;
      --benefit-soft:#f3f7fb;
      --benefit-border:#d8e2ec;
      --benefit-surface:#fafcff;
    }

    #ce-que-vous-obtenez-i4animal .benefit:nth-child(4){
      --benefit-accent:#7b52a8;
      --benefit-soft:#f6f3fb;
      --benefit-border:#e2d9ef;
      --benefit-surface:#fcfbfe;
    }

    #ce-que-vous-obtenez-i4animal .benefit[aria-expanded="true"]{
      border-color:color-mix(in srgb, var(--benefit-accent) 22%, white);
      box-shadow:
        0 16px 32px rgba(21,47,38,.07),
        0 0 0 1px rgba(255,255,255,.35) inset;
    }

    #ce-que-vous-obtenez-i4animal .benefit-header{
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:18px 18px 14px;
      text-align:left;
      cursor:pointer;
      background:transparent;
      border:0;
    }

    #ce-que-vous-obtenez-i4animal .benefit-header-left{
      min-width:0;
    }

    #ce-que-vous-obtenez-i4animal .benefit-tag{
      display:inline-block;
      margin-bottom:6px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:var(--benefit-accent);
    }

    #ce-que-vous-obtenez-i4animal .benefit-title{
      margin:0;
      font-size:18px;
      line-height:1.35;
      color:#18342c;
    }

    #ce-que-vous-obtenez-i4animal .benefit-toggle-icon{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      border-radius:999px;
      flex:0 0 auto;
      font-size:16px;
      line-height:1;
      color:var(--benefit-accent);
      background:rgba(255,255,255,.86);
      border:1px solid color-mix(in srgb, var(--benefit-accent) 14%, white);
      transition:transform .2s ease, background .2s ease, border-color .2s ease;
      margin-left:6px;
      margin-top:2px;
    }

    #ce-que-vous-obtenez-i4animal .benefit[aria-expanded="true"] .benefit-toggle-icon{
      transform:rotate(180deg);
      background:color-mix(in srgb, var(--benefit-accent) 10%, white);
      border-color:color-mix(in srgb, var(--benefit-accent) 24%, white);
    }

    #ce-que-vous-obtenez-i4animal .benefit-body{
      display:none;
      padding:0 18px 16px;
      border-top:1px solid rgba(24,52,44,.08);
      background:linear-gradient(180deg,rgba(255,255,255,.34) 0%, rgba(255,255,255,.56) 100%);
    }

    #ce-que-vous-obtenez-i4animal .benefit[aria-expanded="true"] .benefit-body{
      display:block;
    }

    #ce-que-vous-obtenez-i4animal .benefit-body-inner{
      padding-top:14px;
    }

    #ce-que-vous-obtenez-i4animal .benefit-body p{
      margin:0 0 12px;
      color:#556a63;
      font-size:14.8px;
      line-height:1.74;
    }

    #ce-que-vous-obtenez-i4animal .benefit-body p:last-of-type{
      margin-bottom:0;
    }

    #ce-que-vous-obtenez-i4animal .benefits-footer{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid #e4ece8;
      text-align:center;
      color:#5f716a;
      font-size:14px;
      line-height:1.7;
    }

    #ce-que-vous-obtenez-i4animal .benefits-footer a{
      color:#0d6b57;
      font-weight:700;
      text-decoration:none;
    }

    #ce-que-vous-obtenez-i4animal .benefits-footer a:hover{
      text-decoration:underline;
    }

    @media (max-width:980px){
      #ce-que-vous-obtenez-i4animal .benefits-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:640px){
      #ce-que-vous-obtenez-i4animal{
        padding:0 14px;
      }

      #ce-que-vous-obtenez-i4animal .benefits-shell{
        padding:24px 18px;
        border-radius:24px;
      }

      #ce-que-vous-obtenez-i4animal h2{
        font-size:clamp(24px,7vw,34px);
      }

      #ce-que-vous-obtenez-i4animal .benefit-title{
        font-size:17px;
      }

      #ce-que-vous-obtenez-i4animal .benefits-toggle{
        width:100%;
        justify-content:center;
      }
    }


/* ============================================================
   5. Communaute
   ============================================================ */
#communaute-i4animal,
    #communaute-i4animal *{
      box-sizing:border-box;
    }

    #communaute-i4animal{
      max-width:1180px;
      margin:0 auto 42px;
      padding:0 18px;
      font-family:Arial, Helvetica, sans-serif;
      color:#18342c;
    }

    #communaute-i4animal .community-shell{
      border:1px solid #d8e2ec;
      border-radius:30px;
      padding:32px 26px 24px;
      background:
        radial-gradient(circle at top right, rgba(53,111,153,.10), transparent 28%),
        linear-gradient(135deg,#f3f7fb 0%, #ffffff 55%, #f7fbfe 100%);
      box-shadow:0 16px 36px rgba(21,47,38,.05);
    }

    #communaute-i4animal .community-head{
      max-width:860px;
      margin:0 auto;
      text-align:center;
    }

    #communaute-i4animal .community-kicker{
      display:inline-block;
      margin-bottom:10px;
      padding:7px 11px;
      border-radius:999px;
      background:#eaf2f8;
      border:1px solid #d8e2ec;
      color:#356f99;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    #communaute-i4animal h2{
      margin:0 0 10px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.14;
      color:#18342c;
    }

    #communaute-i4animal .community-head p{
      margin:0;
      color:#556a63;
      font-size:15.5px;
      line-height:1.8;
    }

    #communaute-i4animal .community-toggle-wrap{
      display:flex;
      justify-content:center;
      margin-top:18px;
    }

    #communaute-i4animal .community-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid #d8e2ec;
      background:#ffffff;
      color:#356f99;
      font:inherit;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
    }

    #communaute-i4animal .community-toggle:hover{
      background:#edf5fb;
    }

    #communaute-i4animal .community-toggle:focus-visible{
      outline:2px solid #356f99;
      outline-offset:2px;
    }

    #communaute-i4animal .community-toggle-icon{
      display:inline-block;
      transition:transform .2s ease;
      line-height:1;
    }

    #communaute-i4animal .community-toggle[aria-expanded="true"] .community-toggle-icon{
      transform:rotate(180deg);
    }

    #communaute-i4animal .community-panel{
      display:none;
      margin-top:22px;
    }

    #communaute-i4animal .community-panel.is-open{
      display:block;
    }

    #communaute-i4animal .community-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
    }

    #communaute-i4animal .community-card{
      border-radius:24px;
      padding:22px 20px;
      border:1px solid transparent;
      box-shadow:0 12px 26px rgba(21,47,38,.04);
      min-height:100%;
    }

    #communaute-i4animal .community-card:nth-child(1){
      background:linear-gradient(180deg,#edf7f3 0%,#f9fcfb 100%);
      border-color:#d7ebe3;
    }

    #communaute-i4animal .community-card:nth-child(2){
      background:linear-gradient(180deg,#f8f3ea 0%,#fdfaf6 100%);
      border-color:#eadfcd;
    }

    #communaute-i4animal .community-card:nth-child(3){
      background:linear-gradient(180deg,#f3f7fb 0%,#fafcff 100%);
      border-color:#d8e2ec;
    }

    #communaute-i4animal .community-card:nth-child(4){
      background:linear-gradient(180deg,#f6f3fb 0%,#fcfbfe 100%);
      border-color:#e2d9ef;
    }

    #communaute-i4animal .community-tag{
      display:inline-block;
      margin-bottom:8px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:#0d6b57;
    }

    #communaute-i4animal .community-card:nth-child(2) .community-tag{
      color:#94631d;
    }

    #communaute-i4animal .community-card:nth-child(3) .community-tag{
      color:#356f99;
    }

    #communaute-i4animal .community-card:nth-child(4) .community-tag{
      color:#7b52a8;
    }

    #communaute-i4animal .community-card h3{
      margin:0 0 10px;
      font-size:23px;
      line-height:1.18;
      color:#18342c;
    }

    #communaute-i4animal .community-card p{
      margin:0;
      color:#556a63;
      font-size:14.8px;
      line-height:1.74;
    }

    #communaute-i4animal .community-note{
      margin-top:18px;
      padding:16px 18px;
      border-radius:20px;
      background:rgba(255,255,255,.72);
      border:1px solid #dce6ee;
      color:#5d716d;
      font-size:14px;
      line-height:1.75;
      text-align:center;
    }

    #communaute-i4animal .community-note strong{
      color:#18342c;
    }

    @media (max-width:980px){
      #communaute-i4animal .community-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:640px){
      #communaute-i4animal{
        padding:0 14px;
      }

      #communaute-i4animal .community-shell{
        padding:24px 18px 18px;
        border-radius:24px;
      }

      #communaute-i4animal h2{
        font-size:clamp(24px,7vw,34px);
      }

      #communaute-i4animal .community-card h3{
        font-size:21px;
      }

      #communaute-i4animal .community-toggle{
        width:100%;
        justify-content:center;
      }
    }


/* ============================================================
   6. Memoire active
   ============================================================ */
#memoire-active-i4animal,
    #memoire-active-i4animal *{
      box-sizing:border-box;
    }

    #memoire-active-i4animal{
      max-width:1180px;
      margin:0 auto 42px;
      padding:0 18px;
      font-family:Arial, Helvetica, sans-serif;
      color:#18342c;
    }

    #memoire-active-i4animal .memory-shell{
      border:1px solid #e2d9ef;
      border-radius:30px;
      padding:32px 26px 24px;
      background:
        radial-gradient(circle at top left, rgba(123,82,168,.10), transparent 28%),
        linear-gradient(135deg,#f6f3fb 0%, #ffffff 56%, #fcfbfe 100%);
      box-shadow:0 16px 36px rgba(21,47,38,.05);
    }

    #memoire-active-i4animal .memory-head{
      max-width:900px;
      margin:0 auto 18px;
      text-align:center;
    }

    #memoire-active-i4animal .memory-kicker{
      display:inline-block;
      margin-bottom:10px;
      padding:7px 11px;
      border-radius:999px;
      background:#f1ecf8;
      border:1px solid #e2d9ef;
      color:#7b52a8;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    #memoire-active-i4animal h2{
      margin:0 0 10px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.14;
      color:#18342c;
    }

    #memoire-active-i4animal .memory-head p{
      margin:0;
      color:#556a63;
      font-size:15.5px;
      line-height:1.8;
    }

    /* Bouton global */

    #memoire-active-i4animal .memory-toggle-wrap{
      display:flex;
      justify-content:center;
      margin-top:18px;
    }

    #memoire-active-i4animal .memory-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid #e2d9ef;
      background:#ffffff;
      color:#7b52a8;
      font:inherit;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
      box-shadow:0 10px 22px rgba(21,47,38,.04);
    }

    #memoire-active-i4animal .memory-toggle:hover{
      background:#f6f1fb;
      border-color:#d4c8e8;
    }

    #memoire-active-i4animal .memory-toggle:focus-visible{
      outline:2px solid #7b52a8;
      outline-offset:2px;
    }

    #memoire-active-i4animal .memory-toggle-icon{
      display:inline-block;
      line-height:1;
      transition:transform .2s ease;
    }

    #memoire-active-i4animal .memory-toggle[aria-expanded="true"] .memory-toggle-icon{
      transform:rotate(180deg);
    }

    /* Panel global */

    #memoire-active-i4animal .memory-panel{
      display:none;
      margin-top:22px;
    }

    #memoire-active-i4animal .memory-panel.is-open{
      display:block;
    }

    /* Grille + cartes accordeon */

    #memoire-active-i4animal .memory-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin-top:0;
    }

    #memoire-active-i4animal .memory-card{
      --mem-accent:#7b52a8;
      --mem-soft:#f6f3fb;
      --mem-border:#e2d9ef;
      --mem-surface:#fcfbfe;

      border-radius:24px;
      border:1px solid var(--mem-border);
      background:linear-gradient(180deg,var(--mem-soft) 0%, var(--mem-surface) 100%);
      box-shadow:0 12px 26px rgba(21,47,38,.04);
      overflow:hidden;
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    #memoire-active-i4animal .memory-card:hover{
      transform:translateY(-1px);
      box-shadow:0 14px 30px rgba(21,47,38,.06);
    }

    #memoire-active-i4animal .memory-card:nth-child(2){
      --mem-accent:#0d6b57;
      --mem-soft:#edf7f3;
      --mem-border:#d7ebe3;
      --mem-surface:#f9fcfb;
    }

    #memoire-active-i4animal .memory-card:nth-child(3){
      --mem-accent:#356f99;
      --mem-soft:#f3f7fb;
      --mem-border:#d8e2ec;
      --mem-surface:#fafcff;
    }

    #memoire-active-i4animal .memory-card:nth-child(4){
      --mem-accent:#94631d;
      --mem-soft:#f8f3ea;
      --mem-border:#eadfcd;
      --mem-surface:#fdfaf6;
    }

    #memoire-active-i4animal .memory-card[aria-expanded="true"]{
      border-color:color-mix(in srgb, var(--mem-accent) 22%, white);
      box-shadow:
        0 16px 32px rgba(21,47,38,.07),
        0 0 0 1px rgba(255,255,255,.35) inset;
    }

    #memoire-active-i4animal .memory-card-header{
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:18px 18px 14px;
      text-align:left;
      cursor:pointer;
      background:transparent;
      border:0;
    }

    #memoire-active-i4animal .memory-card-header-left{
      min-width:0;
    }

    #memoire-active-i4animal .memory-tag{
      display:inline-block;
      margin-bottom:6px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:var(--mem-accent);
    }

    #memoire-active-i4animal .memory-card-title{
      margin:0;
      font-size:18px;
      line-height:1.35;
      color:#18342c;
    }

    #memoire-active-i4animal .memory-chevron{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      border-radius:999px;
      flex:0 0 auto;
      font-size:16px;
      line-height:1;
      color:var(--mem-accent);
      background:rgba(255,255,255,.86);
      border:1px solid color-mix(in srgb, var(--mem-accent) 14%, white);
      transition:transform .2s ease, background .2s ease, border-color .2s ease;
      margin-left:6px;
      margin-top:2px;
    }

    #memoire-active-i4animal .memory-card[aria-expanded="true"] .memory-chevron{
      transform:rotate(180deg);
      background:color-mix(in srgb, var(--mem-accent) 10%, white);
      border-color:color-mix(in srgb, var(--mem-accent) 24%, white);
    }

    #memoire-active-i4animal .memory-body{
      display:none;
      padding:0 18px 16px;
      border-top:1px solid rgba(24,52,44,.08);
      background:linear-gradient(180deg,rgba(255,255,255,.34) 0%, rgba(255,255,255,.56) 100%);
    }

    #memoire-active-i4animal .memory-card[aria-expanded="true"] .memory-body{
      display:block;
    }

    #memoire-active-i4animal .memory-body-inner{
      padding-top:14px;
    }

    #memoire-active-i4animal .memory-body p{
      margin:0 0 12px;
      color:#556a63;
      font-size:14.8px;
      line-height:1.74;
    }

    #memoire-active-i4animal .memory-body p:last-of-type{
      margin-bottom:0;
    }

    #memoire-active-i4animal .memory-note{
      margin-top:18px;
      padding:16px 18px;
      border-radius:20px;
      background:rgba(255,255,255,.72);
      border:1px solid #ebe3f4;
      color:#5d716d;
      font-size:14px;
      line-height:1.75;
      text-align:center;
    }

    #memoire-active-i4animal .memory-note strong{
      color:#18342c;
    }

    @media (max-width:980px){
      #memoire-active-i4animal .memory-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:640px){
      #memoire-active-i4animal{
        padding:0 14px;
      }

      #memoire-active-i4animal .memory-shell{
        padding:24px 18px 18px;
        border-radius:24px;
      }

      #memoire-active-i4animal h2{
        font-size:clamp(24px,7vw,34px);
      }

      #memoire-active-i4animal .memory-card-title{
        font-size:17px;
      }

      #memoire-active-i4animal .memory-toggle{
        width:100%;
        justify-content:center;
      }
    }


/* ============================================================
   7. Actualites & Ressources
   ============================================================ */
#actualites-ressources-i4animal,
    #actualites-ressources-i4animal *{
      box-sizing:border-box;
    }

    #actualites-ressources-i4animal{
      max-width:1180px;
      margin:0 auto 42px;
      padding:0 18px;
      font-family:Arial, Helvetica, sans-serif;
      color:#18342c;
    }

    #actualites-ressources-i4animal .resources-shell{
      border:1px solid #e6ddd0;
      border-radius:30px;
      padding:32px 26px;
      background:
        radial-gradient(circle at top right, rgba(194,154,98,.10), transparent 26%),
        linear-gradient(135deg,#fcf8f1 0%, #ffffff 55%, #faf6ef 100%);
      box-shadow:0 16px 36px rgba(21,47,38,.05);
    }

    #actualites-ressources-i4animal .resources-head{
      max-width:900px;
      margin:0 auto;
      text-align:center;
    }

    #actualites-ressources-i4animal .resources-kicker{
      display:inline-block;
      margin-bottom:10px;
      padding:7px 11px;
      border-radius:999px;
      background:#f7efe2;
      border:1px solid #eadfcd;
      color:#94631d;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    #actualites-ressources-i4animal h2{
      margin:0 0 10px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.14;
      color:#18342c;
    }

    #actualites-ressources-i4animal .resources-head p{
      margin:0;
      color:#556a63;
      font-size:15.5px;
      line-height:1.8;
    }

    #actualites-ressources-i4animal .resources-toggle-wrap{
      display:flex;
      justify-content:center;
      margin-top:18px;
    }

    #actualites-ressources-i4animal .resources-toggle{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:46px;
      padding:12px 18px;
      border-radius:999px;
      border:1px solid #eadfcd;
      background:#ffffff;
      color:#94631d;
      font:inherit;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:all .2s ease;
      box-shadow:0 10px 22px rgba(21,47,38,.04);
    }

    #actualites-ressources-i4animal .resources-toggle:hover{
      background:#fbf4ea;
    }

    #actualites-ressources-i4animal .resources-toggle:focus-visible{
      outline:2px solid #94631d;
      outline-offset:2px;
    }

    #actualites-ressources-i4animal .resources-toggle-icon{
      display:inline-block;
      line-height:1;
      transition:transform .2s ease;
    }

    #actualites-ressources-i4animal .resources-toggle[aria-expanded="true"] .resources-toggle-icon{
      transform:rotate(180deg);
    }

    #actualites-ressources-i4animal .resources-panel{
      display:none;
      margin-top:22px;
    }

    #actualites-ressources-i4animal .resources-panel.is-open{
      display:block;
    }

    #actualites-ressources-i4animal .resources-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:16px;
      margin-top:0;
    }

    #actualites-ressources-i4animal .resource-card{
      display:flex;
      flex-direction:column;
      border-radius:24px;
      padding:22px 20px;
      border:1px solid transparent;
      box-shadow:0 12px 26px rgba(21,47,38,.04);
      min-height:100%;
    }

    #actualites-ressources-i4animal .resource-card:nth-child(1){
      background:linear-gradient(180deg,#edf7f3 0%,#f9fcfb 100%);
      border-color:#d7ebe3;
    }

    #actualites-ressources-i4animal .resource-card:nth-child(2){
      background:linear-gradient(180deg,#f3f7fb 0%,#fafcff 100%);
      border-color:#d8e2ec;
    }

    #actualites-ressources-i4animal .resource-card:nth-child(3){
      background:linear-gradient(180deg,#f6f3fb 0%,#fcfbfe 100%);
      border-color:#e2d9ef;
    }

    #actualites-ressources-i4animal .resource-tag{
      display:inline-block;
      margin-bottom:8px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:#0d6b57;
    }

    #actualites-ressources-i4animal .resource-card:nth-child(2) .resource-tag{
      color:#356f99;
    }

    #actualites-ressources-i4animal .resource-card:nth-child(3) .resource-tag{
      color:#7b52a8;
    }

    #actualites-ressources-i4animal .resource-card h3{
      margin:0 0 10px;
      font-size:23px;
      line-height:1.18;
      color:#18342c;
    }

    #actualites-ressources-i4animal .resource-card p{
      margin:0 0 14px;
      color:#556a63;
      font-size:14.8px;
      line-height:1.74;
    }

    #actualites-ressources-i4animal .resource-card a{
      margin-top:auto;
      color:#0d6b57;
      font-size:14px;
      font-weight:700;
      text-decoration:none;
    }

    #actualites-ressources-i4animal .resource-card a:hover{
      text-decoration:underline;
    }

    #actualites-ressources-i4animal .resources-footer{
      margin-top:18px;
      padding-top:18px;
      border-top:1px solid #ece2d6;
      text-align:center;
      color:#6a736d;
      font-size:14px;
      line-height:1.7;
    }

    #actualites-ressources-i4animal .resources-footer a{
      color:#0d6b57;
      font-weight:700;
      text-decoration:none;
    }

    #actualites-ressources-i4animal .resources-footer a:hover{
      text-decoration:underline;
    }

    @media (max-width:980px){
      #actualites-ressources-i4animal .resources-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:640px){
      #actualites-ressources-i4animal{
        padding:0 14px;
      }

      #actualites-ressources-i4animal .resources-shell{
        padding:24px 18px;
        border-radius:24px;
      }

      #actualites-ressources-i4animal h2{
        font-size:clamp(24px,7vw,34px);
      }

      #actualites-ressources-i4animal .resource-card h3{
        font-size:21px;
      }

      #actualites-ressources-i4animal .resources-toggle{
        width:100%;
        justify-content:center;
      }
    }


/* === Section : Terrains d'innovation === */
/* ============================================================
   Terrains d'innovation
   ============================================================ */
#terrains-innovation-i4animal,
#terrains-innovation-i4animal * {
  box-sizing: border-box;
}

#terrains-innovation-i4animal {
  max-width: 1180px;
  margin: 0 auto 42px;
  padding: 0 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: #18342c;
}

#terrains-innovation-i4animal .terrains-shell {
  border: 1px solid #dbe5e1;
  border-radius: 30px;
  padding: 32px 26px;
  background:
    radial-gradient(circle at bottom right, rgba(13,107,87,.07), transparent 30%),
    linear-gradient(135deg, #f4fbf8 0%, #ffffff 52%, #f8fcfa 100%);
  box-shadow: 0 16px 36px rgba(21,47,38,.05);
}

#terrains-innovation-i4animal .terrains-head {
  max-width: 860px;
  margin: 0 auto 28px;
  text-align: center;
}

#terrains-innovation-i4animal .terrains-kicker {
  display: inline-block;
  margin-bottom: 10px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #edf7f3;
  border: 1px solid #d7ebe3;
  color: #0d6b57;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#terrains-innovation-i4animal h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.14;
  color: #18342c;
}

#terrains-innovation-i4animal .terrains-head p {
  margin: 0;
  color: #556a63;
  font-size: 15.5px;
  line-height: 1.8;
}

@media (max-width: 680px) {
  #terrains-innovation-i4animal {
    padding: 0 14px;
  }
  #terrains-innovation-i4animal .terrains-shell {
    padding: 24px 18px;
    border-radius: 24px;
  }
  #terrains-innovation-i4animal h2 {
    font-size: 26px;
  }
}

/* Cards grid pour Terrains d'innovation */
#terrains-innovation-i4animal .terrains-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 24px;
}

#terrains-innovation-i4animal .terrain-card {
  background: #ffffff;
  border: 1px solid #dbe5e1;
  border-radius: 18px;
  padding: 22px 20px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

#terrains-innovation-i4animal .terrain-card:hover {
  box-shadow: 0 8px 24px rgba(21,47,38,.08);
  transform: translateY(-2px);
}

#terrains-innovation-i4animal .terrain-tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #edf7f3;
  border: 1px solid #d7ebe3;
  color: #0d6b57;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#terrains-innovation-i4animal .terrain-card h3 {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.35;
  color: #18342c;
  font-weight: 700;
}

#terrains-innovation-i4animal .terrain-card p {
  margin: 0;
  color: #556a63;
  font-size: 14px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  #terrains-innovation-i4animal .terrains-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 580px) {
  #terrains-innovation-i4animal .terrains-grid {
    grid-template-columns: 1fr;
  }
}

/* === Section : Presentation Blueprint === */

/* Shell visuel de la section Blueprint - harmonise avec les autres sections */
#i4a-blueprint-i4animal {
  max-width: 1180px;
  margin: 0 auto 42px;
  padding: 0 18px;
  font-family: Arial, Helvetica, sans-serif;
  color: #18342c;
}

#i4a-blueprint-i4animal .i4a-blueprint-block {
  border: 1px solid #dbe5e1;
  border-radius: 30px;
  padding: 40px 36px;
  background: linear-gradient(135deg, #f4fbf8 0%, #fff 60%, #f8fcfa 100%);
  box-shadow: 0 16px 36px rgba(21, 47, 38, 0.05);
}

@media (max-width: 640px) {
  #i4a-blueprint-i4animal {
    padding: 0 14px;
  }
  #i4a-blueprint-i4animal .i4a-blueprint-block {
    padding: 28px 20px;
    border-radius: 22px;
  }
}

.i4a-blueprint-block,
    .i4a-blueprint-block * {
      box-sizing: border-box;
    }

    .i4a-blueprint-block {
      color: #1f3b2f;
    }

    .i4a-blueprint-intro {
      text-align: center;
      margin-bottom: 14px;
    }

    .i4a-blueprint-intro h2 {
      margin: 0 0 6px;
      font-size: 30px;
      line-height: 1.2;
      color: #1f3b2f;
    }

    .i4a-blueprint-intro p {
      margin: 0;
      font-size: 15px;
      color: #5f6b64;
      line-height: 1.5;
    }

    .i4a-blueprint-toggle details {
      margin-top: 14px;
      border-radius: 14px;
      border: 1px solid rgba(217, 224, 218, 0.7);
      background: #f8faf8;
      box-shadow: 0 6px 18px rgba(31, 59, 47, 0.06);
      overflow: hidden;
    }

    .i4a-blueprint-toggle summary {
      list-style: none;
      cursor: pointer;
      padding: 12px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .i4a-blueprint-toggle summary::-webkit-details-marker {
      display: none;
    }

    .i4a-blueprint-toggle-main {
      min-width: 0;
    }

    .i4a-blueprint-toggle-kicker {
      display: block;
      margin-bottom: 2px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #1f6b57;
    }

    .i4a-blueprint-toggle-title {
      display: block;
      font-size: 16px;
      line-height: 1.3;
      font-weight: 700;
      color: #1f3b2f;
    }

    .i4a-blueprint-toggle-meta {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
      white-space: nowrap;
    }

    .i4a-blueprint-toggle-state {
      font-size: 12px;
      font-weight: 700;
      color: #5f6b64;
    }

    .i4a-blueprint-toggle-icon {
      width: 32px;
      height: 32px;
      border-radius: 999px;
      background: #e7efe9;
      border: 1px solid #d4e2d8;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #1f6b57;
      transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

    .i4a-blueprint-toggle-icon svg {
      width: 16px;
      height: 16px;
      display: block;
    }

    .i4a-toggle-open {
      display: inline;
    }

    .i4a-toggle-close {
      display: none;
    }

    .i4a-blueprint-toggle details[open] .i4a-toggle-open {
      display: none;
    }

    .i4a-blueprint-toggle details[open] .i4a-toggle-close {
      display: inline;
    }

    .i4a-blueprint-toggle details[open] .i4a-blueprint-toggle-icon {
      transform: rotate(180deg);
      background: #1f6b57;
      color: #ffffff;
      border-color: #1f6b57;
    }

    .i4a-blueprint-panel {
      border-top: 1px solid #e1e7e2;
      padding: 10px 14px 14px;
      background: #f7f8f6;
    }

    .i4a-blueprint-shell {
      border-radius: 12px;
      border: 1px solid rgba(217, 224, 218, 0.8);
      overflow: hidden;
      background: #f7f8f6;
      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
    }

    .i4a-blueprint-frame {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 141.4%;
      background: #f7f8f6;
    }

    .i4a-blueprint-frame iframe {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }

    @media (max-width: 640px) {
      .i4a-blueprint-intro h2 {
        font-size: 24px;
      }

      .i4a-blueprint-intro p {
        font-size: 14px;
      }

      .i4a-blueprint-toggle summary {
        padding: 10px 12px;
        align-items: flex-start;
      }

      .i4a-blueprint-toggle-title {
        font-size: 15px;
      }

      .i4a-blueprint-panel {
        padding: 8px 10px 12px;
      }
    }



/* === Section : Candidater / Mini-diagnostic === */
/* CSS complet #i4a-mail-widget (widget Candidater) */
#i4a-mail-widget,#i4a-mail-widget *{box-sizing:border-box;}
#i4a-mail-widget{max-width:920px;margin:40px auto;padding:0 12px;font-family:Arial,Helvetica,sans-serif;color:#18342c;line-height:1.55;}
#i4a-mail-widget .shell{background:#f5faf8;border-radius:26px;border:1px solid #dbe5e1;box-shadow:0 18px 40px rgba(21,47,38,.06);padding:22px 20px 20px;}
#i4a-mail-widget .header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 18px;}
#i4a-mail-widget .badge{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#edf7f3;color:#0d6b57;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;}
#i4a-mail-widget .badge-dot{width:8px;height:8px;border-radius:50%;background:#0d6b57;}
#i4a-mail-widget .title-block{flex:1 1 auto;min-width:220px;}
#i4a-mail-widget h2{margin:0 0 4px;font-size:clamp(24px,4vw,32px);line-height:1.2;color:#18342c;}
#i4a-mail-widget .subtitle{margin:0;color:#556a63;font-size:14px;}
#i4a-mail-widget .tracks{margin-top:6px;font-size:12px;color:#5f716a;}
#i4a-mail-widget .tracks strong{font-weight:700;color:#18342c;}
#i4a-mail-widget .toggle-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 18px;border-radius:999px;border:1px solid #d7ebe3;background:#ffffff;color:#0d6b57;font:inherit;font-weight:700;cursor:pointer;}
#i4a-mail-widget .toggle-icon{display:inline-block;transition:transform .2s ease;font-size:13px;line-height:1;}
#i4a-mail-widget .toggle-btn[aria-expanded="true"] .toggle-icon{transform:rotate(180deg);}
#i4a-mail-widget .panel{display:none;margin-top:18px;}
#i4a-mail-widget .panel.is-open{display:block;}
#i4a-mail-widget .box{background:#ffffff;border-radius:20px;border:1px solid #dbe5e1;padding:20px 18px;margin-bottom:14px;}
#i4a-mail-widget h3{margin:0 0 10px;font-size:20px;color:#18342c;}
#i4a-mail-widget h4{margin:0 0 8px;font-size:16px;color:#18342c;}
#i4a-mail-widget p{margin:0 0 12px;color:#556a63;font-size:14px;}
#i4a-mail-widget .question{margin-bottom:12px;padding:14px;border:1px solid #e2ece8;border-radius:16px;background:#f9fcfb;}
#i4a-mail-widget .option{display:flex;gap:10px;padding:7px 0;font-size:14px;color:#435851;cursor:pointer;}
#i4a-mail-widget .option input{margin-top:3px;accent-color:#0d6b57;}
#i4a-mail-widget .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
#i4a-mail-widget .full{grid-column:1/-1;}
#i4a-mail-widget label.lbl{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:#18342c;}
#i4a-mail-widget input[type="text"],#i4a-mail-widget input[type="email"],#i4a-mail-widget input[type="file"],#i4a-mail-widget textarea{width:100%;padding:11px 13px;border:1px solid #d7e4de;border-radius:12px;background:#fff;color:#18342c;font:inherit;outline:none;font-size:14px;}
#i4a-mail-widget textarea{min-height:160px;resize:vertical;}
#i4a-mail-widget .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}
#i4a-mail-widget .btn{min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid transparent;font:inherit;font-weight:700;font-size:14px;cursor:pointer;}
#i4a-mail-widget .btn-main{background:#0d6b57;color:#fff;border-color:#0d6b57;}
#i4a-mail-widget .btn-alt{background:#edf7f3;color:#0d6b57;border-color:#d7ebe3;}
#i4a-mail-widget .feedback{display:none;margin-top:12px;padding:12px 13px;border-radius:14px;font-size:13px;}
#i4a-mail-widget .feedback.show{display:block;}
#i4a-mail-widget .feedback.ok{background:#edf7f3;border:1px solid #d7ebe3;color:#0d6b57;}
@media(max-width:820px){#i4a-mail-widget .grid{grid-template-columns:1fr;}#i4a-mail-widget .actions{flex-direction:column;}#i4a-mail-widget .btn{width:100%;}#i4a-mail-widget .toggle-btn{width:100%;justify-content:space-between;}}
#i4a-candidater-section,#i4a-candidater-section *{box-sizing:border-box;}
#i4a-candidater-section{max-width:1180px;margin:0 auto 42px;padding:0 18px;font-family:Arial,Helvetica,sans-serif;color:#18342c;}
#i4a-candidater-section .cand-shell{border:1px solid #dbe5e1;border-radius:30px;padding:32px 26px;background:linear-gradient(135deg,#f4fbf8 0%,#fff 60%,#f8fcfa 100%);box-shadow:0 16px 36px rgba(21,47,38,.05);}
#i4a-candidater-section .cand-head{max-width:800px;margin:0 auto 20px;text-align:center;}
#i4a-candidater-section .cand-kicker{display:inline-block;margin-bottom:10px;padding:7px 11px;border-radius:999px;background:#edf7f3;border:1px solid #d7ebe3;color:#0d6b57;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
#i4a-candidater-section h2{margin:0 0 10px;font-size:clamp(28px,4vw,40px);line-height:1.14;color:#18342c;}
#i4a-candidater-section .cand-head p{margin:0;color:#556a63;font-size:15.5px;line-height:1.8;}
#i4a-candidater-section .cand-parcours-note{margin:0 auto 20px;max-width:640px;text-align:center;font-size:14px;color:#556a63;}
#i4a-candidater-section .cand-diag-shell{border:1px solid #d7ebe3;border-radius:20px;padding:24px 22px;background:#f6faf8;margin-bottom:20px;}
#i4a-candidater-section .cand-diag-step{margin-bottom:18px;}
#i4a-candidater-section .cand-diag-step:last-of-type{margin-bottom:0;}
#i4a-candidater-section .cand-diag-q{font-size:15px;font-weight:700;color:#18342c;margin:0 0 10px;}
#i4a-candidater-section .cand-diag-options{display:flex;flex-direction:column;gap:8px;}
#i4a-candidater-section .cand-diag-options label{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid #dbe5e1;background:#fff;cursor:pointer;font-size:14px;color:#18342c;line-height:1.5;transition:all .15s ease;}
#i4a-candidater-section .cand-diag-options label:hover{border-color:#0d6b57;background:#edf7f3;}
#i4a-candidater-section .cand-diag-options input[type=radio]{margin-top:2px;accent-color:#0d6b57;}
#i4a-candidater-section .cand-result{margin-top:18px;padding:16px 20px;border-radius:16px;background:#edf7f3;border:1px solid #d7ebe3;font-size:14.5px;color:#18342c;line-height:1.7;display:none;}
#i4a-candidater-section .cand-result.is-visible{display:block;}
#i4a-candidater-section .cand-result strong{color:#0d6b57;}
#i4a-candidater-section .cand-form-shell{border:1px solid #dbe5e1;border-radius:20px;padding:24px 22px;background:#fff;margin-top:20px;}
#i4a-candidater-section .cand-form-shell h3{margin:0 0 6px;font-size:18px;color:#18342c;}
#i4a-candidater-section .cand-form-shell p{margin:0 0 16px;font-size:14px;color:#556a63;}
#i4a-candidater-section .cand-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
#i4a-candidater-section .cand-form-field{display:flex;flex-direction:column;gap:5px;}
#i4a-candidater-section .cand-form-field label{font-size:13px;font-weight:700;color:#18342c;}
#i4a-candidater-section .cand-form-field input,.i4a-candidater-section .cand-form-field textarea{padding:10px 14px;border:1px solid #dbe5e1;border-radius:10px;font:inherit;font-size:14px;color:#18342c;background:#f9fcfa;transition:border .15s ease;}
#i4a-candidater-section .cand-form-field input:focus,#i4a-candidater-section .cand-form-field textarea:focus{outline:none;border-color:#0d6b57;background:#fff;}
#i4a-candidater-section .cand-msg{grid-column:1/-1;}
#i4a-candidater-section .cand-msg-preview{margin-top:12px;padding:14px 16px;border-radius:12px;background:#f4fbf8;border:1px solid #d7ebe3;font-size:13.5px;color:#18342c;line-height:1.7;white-space:pre-line;min-height:80px;}
#i4a-candidater-section .cand-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
#i4a-candidater-section .cand-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;}
#i4a-candidater-section .cand-btn-copy{background:#edf7f3;color:#0d6b57;border:1px solid #d7ebe3;}
#i4a-candidater-section .cand-btn-copy:hover{background:#d7ebe3;}
#i4a-candidater-section .cand-btn-mail{background:#0d6b57;color:#fff;}
#i4a-candidater-section .cand-btn-mail:hover{background:#0a5644;}
#i4a-candidater-section .cand-notice{margin-top:12px;font-size:13px;color:#6a7c75;}
@media(max-width:640px){#i4a-candidater-section{padding:0 14px;}#i4a-candidater-section .cand-shell{padding:24px 18px;border-radius:24px;}#i4a-candidater-section .cand-form-row{grid-template-columns:1fr;}}



/* ============================================================
   SECTION 10 -- CSS GLOBAL i4Animal
   Couvre : .i4a-btn, .i4a-section, .i4a-hero, .i4a-parcours,
            .i4a-faq, .i4a-kicker, .i4a-card, details/summary,
            mobile menu, sticky nav, CTA final
   ============================================================ */

/* ---- Reset boite ---- */
.i4a-section, .i4a-section *,
.i4a-mobile-menu, .i4a-mobile-menu *,
.i4a-sticky-nav, .i4a-sticky-nav *,
.i4a-premium-accordion, .i4a-premium-accordion *,
.i4a-blueprint-toggle, .i4a-blueprint-toggle * {
  box-sizing: border-box;
}

/* ---- Conteneur ---- */
.i4a-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

/* ---- Sections ---- */
.i4a-section {
  font-family: Arial, Helvetica, sans-serif;
  color: #18342c;
  padding: 48px 0 52px;
}

/* ---- Kicker (pastille categorie) ---- */
.i4a-kicker {
  display: inline-block;
  margin-bottom: 12px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #edf7f3;
  border: 1px solid #d7ebe3;
  color: #0d6b57;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  line-height: 1;
}

.i4a-card-kicker {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0d6b57;
}

/* ---- Boutons ---- */
.i4a-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 12px 22px;
  border-radius: 999px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
  white-space: nowrap;
}

.i4a-btn-primary {
  background: #0d6b57 !important;
  color: #ffffff !important;
  border-color: #0d6b57 !important;
  box-shadow: 0 8px 20px rgba(13,107,87,.22);
}

.i4a-btn-primary:hover,
.i4a-btn-primary:focus {
  background: #0a5644 !important;
  border-color: #0a5644 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(13,107,87,.28);
  text-decoration: none !important;
}

.i4a-btn-secondary {
  background: #ffffff !important;
  color: #0d6b57 !important;
  border-color: #d7ebe3 !important;
  box-shadow: 0 4px 12px rgba(13,107,87,.08);
}

.i4a-btn-secondary:hover,
.i4a-btn-secondary:focus {
  background: #edf7f3 !important;
  border-color: #b8d9cc !important;
  color: #0d6b57 !important;
  text-decoration: none !important;
}

/* Lien texte avec fleche */
.i4a-text-link {
  display: inline-block;
  margin-top: 8px;
  color: #0d6b57 !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s ease;
}
.i4a-text-link:hover {
  color: #0a5644 !important;
  text-decoration: underline;
}

/* ---- Zone d'actions ---- */
.i4a-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
}

/* ---- Note sous les boutons ---- */
.i4a-note {
  margin-top: 14px;
  font-size: 13.5px;
  color: #556a63;
  line-height: 1.65;
}

/* ============================================================
   HERO
   ============================================================ */
.i4a-hero {
  background: linear-gradient(135deg, #f4fbf8 0%, #ffffff 55%, #f8fcfa 100%);
  border-bottom: 1px solid #e4ece8;
}

.i4a-hero-grid {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 40px;
  align-items: start;
}

.i4a-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.13;
  color: #18342c;
}

.i4a-hero > .i4a-container > .i4a-hero-grid > div > p:first-of-type {
  margin: 0 0 12px;
  color: #556a63;
  font-size: 15.5px;
  line-height: 1.8;
}

.i4a-hero-panel {
  background: #ffffff;
  border: 1px solid #dbe5e1;
  border-radius: 24px;
  padding: 26px 24px;
  box-shadow: 0 12px 28px rgba(21,47,38,.06);
}

.i4a-hero-panel h3 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.2;
  color: #18342c;
}

.i4a-hero-panel p {
  margin: 0 0 8px;
  font-size: 14px;
  color: #556a63;
  line-height: 1.7;
}

@media (max-width: 900px) {
  .i4a-hero-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   PARCOURS
   ============================================================ */
.i4a-parcours h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.14;
  color: #18342c;
}

.i4a-parcours > .i4a-container > p {
  color: #556a63;
  font-size: 15.5px;
  line-height: 1.8;
  max-width: 680px;
  margin: 0 0 28px;
}

.i4a-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 28px;
}

.i4a-card {
  background: linear-gradient(180deg, #edf7f3 0%, #f9fcfb 100%);
  border: 1px solid #d7ebe3;
  border-radius: 24px;
  padding: 24px 22px 20px;
  box-shadow: 0 8px 20px rgba(21,47,38,.04);
  transition: transform .2s ease, box-shadow .2s ease;
  color: #18342c;
}

.i4a-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(21,47,38,.07);
}

.i4a-card h3 {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.25;
  color: #18342c;
}

.i4a-card p, .i4a-card li {
  color: #556a63;
  font-size: 14.5px;
  line-height: 1.75;
}

.i4a-card ul {
  padding-left: 18px;
  margin: 0 0 12px;
}

/* Cards colorees selon position */
.i4a-card:nth-child(2) {
  background: linear-gradient(180deg, #fbf4ea 0%, #fdfaf6 100%);
  border-color: #eadfcd;
}
.i4a-card:nth-child(2) .i4a-card-kicker {
  color: #94631d;
}
.i4a-card:nth-child(2) .i4a-text-link {
  color: #94631d !important;
}

.i4a-card:nth-child(3) {
  background: linear-gradient(180deg, #f3f7fb 0%, #fafcff 100%);
  border-color: #d8e2ec;
}
.i4a-card:nth-child(3) .i4a-card-kicker {
  color: #356f99;
}
.i4a-card:nth-child(3) .i4a-text-link {
  color: #356f99 !important;
}

@media (max-width: 860px) {
  .i4a-cards {
    grid-template-columns: 1fr;
  }
}

/* ---- Blueprint accordion (details/summary) ---- */
.i4a-blueprint-toggle {
  margin-top: 24px;
}

.i4a-blueprint-toggle > details {
  border: 1px solid #dbe5e1;
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
}

.i4a-blueprint-toggle > details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 20px;
  cursor: pointer;
  list-style: none;
  color: #18342c !important;
  background: #ffffff;
  transition: background .15s ease;
  font-family: Arial, Helvetica, sans-serif;
}

.i4a-blueprint-toggle > details > summary::-webkit-details-marker {
  display: none;
}

.i4a-blueprint-toggle > details[open] > summary {
  background: #f4fbf8;
  border-bottom: 1px solid #dbe5e1;
}

.i4a-blueprint-toggle > details > summary:hover {
  background: #f4fbf8;
}

.i4a-blueprint-toggle-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.i4a-blueprint-toggle-kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #0d6b57;
}

.i4a-blueprint-toggle-title {
  font-size: 15px;
  font-weight: 700;
  color: #18342c;
  line-height: 1.3;
}

.i4a-blueprint-toggle-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.i4a-blueprint-toggle-state {
  font-size: 13px;
  color: #556a63;
}

details[open] .i4a-toggle-open,
details:not([open]) .i4a-toggle-close {
  display: none;
}

.i4a-blueprint-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #edf7f3;
  border: 1px solid #d7ebe3;
  color: #0d6b57;
  transition: transform .2s ease;
  flex-shrink: 0;
}

.i4a-blueprint-toggle-icon svg {
  width: 18px;
  height: 18px;
}

details[open] .i4a-blueprint-toggle-icon {
  transform: rotate(180deg);
}

.i4a-blueprint-panel {
  padding: 20px;
}

.i4a-blueprint-frame {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e4ece8;
}

.i4a-blueprint-frame iframe {
  display: block;
  width: 100%;
  min-height: 500px;
  border: 0;
}

/* ============================================================
   FAQ
   ============================================================ */
.i4a-faq h2 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.14;
  color: #18342c;
}

.i4a-faq-lead {
  color: #556a63;
  font-size: 15.5px;
  line-height: 1.8;
  margin: 0 0 16px;
}

.i4a-faq-note {
  background: #f4fbf8;
  border: 1px solid #d7ebe3;
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #18342c;
  line-height: 1.7;
}

.i4a-faq-premium-grid {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 40px;
  align-items: start;
}

.i4a-faq-premium-panel {
  background: #ffffff;
  border: 1px solid #dbe5e1;
  border-radius: 24px;
  padding: 26px 24px;
  box-shadow: 0 10px 24px rgba(21,47,38,.05);
}

/* Accordion details/summary dans la FAQ */
.i4a-premium-accordion details {
  border-bottom: 1px solid #e8efec;
  background: transparent;
}

.i4a-premium-accordion details:last-child {
  border-bottom: none;
}

.i4a-premium-accordion details > summary {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 14px 4px;
  cursor: pointer;
  list-style: none;
  font-size: 15px;
  font-weight: 600;
  color: #18342c !important;
  background: transparent;
  font-family: Arial, Helvetica, sans-serif;
  transition: color .15s ease;
  gap: 10px;
}

.i4a-premium-accordion details > summary::-webkit-details-marker {
  display: none;
}

.i4a-premium-accordion details[open] > summary {
  color: #0d6b57 !important;
}

.i4a-premium-accordion details > summary > span {
  flex: 1;
}

.i4a-accordion-content {
  padding: 4px 4px 16px;
  color: #556a63;
  font-size: 14.5px;
  line-height: 1.75;
}

.i4a-accordion-content p {
  margin: 0 0 10px;
}

.i4a-accordion-content p:last-child {
  margin-bottom: 0;
}

@media (max-width: 860px) {
  .i4a-faq-premium-grid {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   MOBILE MENU
   ============================================================ */
.i4a-mobile-menu {
  position: fixed;
  bottom: 20px;
  right: 18px;
  z-index: 9999;
  font-family: Arial, Helvetica, sans-serif;
}

.i4a-mobile-menu__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #0d6b57 !important;
  color: #ffffff !important;
  border: none;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(13,107,87,.3);
  transition: background .2s ease, box-shadow .2s ease;
}

.i4a-mobile-menu__toggle:hover {
  background: #0a5644 !important;
  box-shadow: 0 8px 22px rgba(13,107,87,.35);
}

.i4a-mobile-menu__label {
  font-size: 13px;
}

.i4a-mobile-menu__icon {
  font-size: 17px;
}

.i4a-mobile-menu__panel {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  background: #ffffff;
  border: 1px solid #dbe5e1;
  border-radius: 18px;
  padding: 14px 16px;
  min-width: 200px;
  box-shadow: 0 12px 28px rgba(21,47,38,.12);
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.i4a-mobile-menu__panel.is-open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.i4a-mobile-menu__panel[hidden]:not(.is-open) {
  display: none;
}

.i4a-mobile-menu__links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.i4a-mobile-menu__links a {
  display: block;
  padding: 8px 10px;
  border-radius: 10px;
  color: #18342c !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}

.i4a-mobile-menu__links a:hover {
  background: #edf7f3;
  color: #0d6b57 !important;
}

/* ============================================================
   STICKY NAV
   ============================================================ */
.i4a-sticky-nav {
  position: sticky;
  top: 0;
  z-index: 500;
  background: rgba(255,255,255,.97);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #e8efec;
  box-shadow: 0 2px 10px rgba(21,47,38,.06);
  font-family: Arial, Helvetica, sans-serif;
}

.i4a-sticky-nav__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 16px;
  height: 52px;
}

.i4a-brand-mini {
  font-size: 15px;
  font-weight: 700;
  color: #0d6b57 !important;
  text-decoration: none;
  flex-shrink: 0;
}

.i4a-brand-mini:hover {
  color: #0a5644 !important;
  text-decoration: none;
}

.i4a-sticky-nav__links {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
}

.i4a-sticky-nav__links::-webkit-scrollbar {
  display: none;
}

.i4a-sticky-nav__links a {
  display: inline-block;
  padding: 6px 11px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #18342c !important;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s ease, color .15s ease;
}

.i4a-sticky-nav__links a:hover {
  background: #edf7f3;
  color: #0d6b57 !important;
}

.i4a-sticky-nav__cta {
  flex-shrink: 0;
}

/* ============================================================
   OVERRIDE GLOBAL -- Forcer la suppression du bleu navigateur
   sur tous les details/summary de la page
   ============================================================ */
details > summary {
  color: inherit;
  cursor: pointer;
}

/* Cible aussi les summaries qui n'auraient pas de classe specifique */
.i4a-section details > summary,
#parcours-i4animal details > summary,
#faq-i4animal details > summary {
  color: #18342c !important;
  background: transparent;
}

/* Supprime la couleur bleue des liens dans les sections i4a */
.i4a-section a:not(.i4a-btn):not(.i4a-text-link) {
  color: #0d6b57;
}

.i4a-section a:not(.i4a-btn):not(.i4a-text-link):hover {
  color: #0a5644;
}

/* ============================================================
   RESPONSIVE GLOBAL
   ============================================================ */
@media (max-width: 640px) {
  .i4a-section {
    padding: 36px 0 40px;
  }

  .i4a-container {
    padding: 0 14px;
  }

  .i4a-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .i4a-btn {
    width: 100%;
    justify-content: center;
  }

  .i4a-mobile-menu {
    display: block;
  }

  .i4a-sticky-nav__links a {
    font-size: 12.5px;
    padding: 5px 8px;
  }
}

@media (min-width: 641px) {
  .i4a-mobile-menu {
    display: none;
  }
}

/* ============================================================   SHELLS VISUELS — Terrains d'innovation & Expertises   Fix: .ti-shell et .ee-shell manquaient de border-radius/shadow   Ajouté le 2026-05-01   ============================================================ */#terrains-innovation-i4animal .ti-shell {  border: 1px solid #d7ebe3;  border-radius: 24px;  padding: 40px 36px;  background:    radial-gradient(circle at bottom right, rgba(13,107,87,.07), transparent 30%),    linear-gradient(135deg, #f4fbf8 0%, #ffffff 52%, #f8fcfa 100%);  box-shadow: 0 2px 24px rgba(13,107,87,0.07), 0 1px 4px rgba(13,107,87,0.04);}@media (max-width: 680px) {  #terrains-innovation-i4animal .ti-shell {    padding: 24px 18px;    border-radius: 16px;  }}#expertises-ecosysteme-i4animal .ee-shell {  border: 1px solid #d7ebe3;  border-radius: 24px;  padding: 40px 36px;  background:    radial-gradient(circle at bottom right, rgba(13,107,87,.07), transparent 30%),    linear-gradient(135deg, #f4fbf8 0%, #ffffff 52%, #f8fcfa 100%);  box-shadow: 0 2px 24px rgba(13,107,87,0.07), 0 1px 4px rgba(13,107,87,0.04);}@media (max-width: 680px) {  #expertises-ecosysteme-i4animal .ee-shell {    padding: 24px 18px;    border-radius: 16px;  }}