:root{
  --agro-bg: #FFF5EF;           /* fond doux */
  --agro-border: #FF7A45;       /* orange doux (proche Mediwalk) */
  --agro-chip: #FFF0E6;
  --agro-text: #1E2732;
  --agro-muted: #5A6776;
  --agro-shadow: 0 10px 20px rgba(255,122,69,0.12);
}
.agro-wrap{ margin:28px auto; max-width:1120px; padding:0 16px; }
.agro-card{
  background: var(--agro-bg);
  border: 1.5px solid var(--agro-border);
  border-radius: 18px;
  box-shadow: var(--agro-shadow);
  padding: 20px 22px;
}
.agro-card h2{
  font-size: clamp(1.25rem, 1.1rem + 1vw, 1.8rem);
  line-height: 1.25;
  margin: 0 0 10px;
  color: var(--agro-text);
}
.agro-intro{ color: var(--agro-text); font-size: 1.05rem; margin: 8px 0 12px; }
.agro-bullets{
  margin: 0; padding: 0 0 0 1.1rem;
  color: var(--agro-text);
}
.agro-bullets li{ margin: 6px 0; }
.agro-bullets strong{ font-weight: 650; }
.agro-note{
  margin-top: 12px;
  background: #FFFFFFB3;
  border: 1px dashed var(--agro-border);
  border-radius: 14px;
  padding: 10px 12px;
  color: var(--agro-muted);
}
.agro-chip{
  display:inline-block; margin:0 0 6px; padding:4px 8px;
  background: var(--agro-chip);
  border: 1px solid var(--agro-border);
  border-radius: 999px;
  font-size: .85rem;
  color: var(--agro-text);
}
.agro-more{
  margin-top: 10px;
}
.agro-more > summary{
  cursor: pointer;
  padding: 8px 0;
  color: var(--agro-text);
  font-weight: 600;
  list-style: none;
}
.agro-more > summary::-webkit-details-marker{ display:none; }
.agro-more[open] > summary{ opacity:.9; }
@media (min-width: 768px){
  .agro-card{ padding: 24px 26px; }
}

/* --- CTA & ajustements --- */
.agro-cta-wrap{ margin-top:14px; }
.agro-cta{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:#FF7A45; color:#fff; text-decoration:none; font-weight:650;
  box-shadow: 0 6px 14px rgba(255,122,69,.18);
}
.agro-cta:focus,.agro-cta:hover{ opacity:.92; }