/* ── Pages « documents » : /portfolio et /catalogues (téléchargements PDF) ── */
.doc-intro{ max-width:760px; margin:0 auto 2.4rem; text-align:center; }
.doc-intro p{ font-size:1.05rem; color:#2c352d; line-height:1.8; }
.doc-note{ display:block; margin-top:1rem; font-size:.82rem; color:var(--mut,#6b7169); }

/* Panneau « portfolio » mis en avant */
.doc-feature{ display:grid; grid-template-columns:minmax(220px,320px) 1fr; gap:2rem; align-items:center;
  max-width:960px; margin:0 auto; background:var(--white,#fff); border:1px solid var(--line,#e7e0d4);
  border-radius:16px; padding:1.8rem; }
.doc-feature .cover{ border-radius:10px; overflow:hidden; box-shadow:0 10px 30px rgba(16,35,26,.16); border:1px solid var(--line,#e7e0d4); }
.doc-feature .cover img{ display:block; width:100%; height:auto; }
.doc-feature h2{ font-family:'Playfair Display',serif; color:var(--navy,#1B3A28); font-size:1.55rem; margin-bottom:.5rem; }
.doc-feature p{ color:#3a4139; line-height:1.7; margin-bottom:1.2rem; }

/* Grille de catalogues */
.doc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; max-width:1100px; margin:0 auto; }
.doc-card{ background:var(--white,#fff); border:1px solid var(--line,#e7e0d4); border-radius:14px; overflow:hidden;
  display:flex; flex-direction:column; transition:border-color .2s, transform .2s, box-shadow .2s; }
.doc-card:hover{ border-color:var(--gold); transform:translateY(-3px); box-shadow:0 12px 28px rgba(16,35,26,.12); }
.doc-card .cover{ aspect-ratio:4/3; background:#152E1F; overflow:hidden; }
.doc-card .cover img{ width:100%; height:100%; object-fit:cover; display:block; }
.doc-card .body{ padding:1.1rem 1.2rem 1.3rem; display:flex; flex-direction:column; flex:1; }
.doc-card h3{ font-family:'Playfair Display',serif; color:var(--navy,#1B3A28); font-size:1.14rem; line-height:1.25; margin-bottom:.35rem; }
.doc-card .d{ color:var(--mut,#6b7169); font-size:.9rem; line-height:1.5; flex:1; }

.doc-btns{ display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1.1rem; }
.doc-btns .btn-primary, .doc-btns .btn-outline{ margin:0; font-size:.8rem; padding:.55rem 1.05rem; }
/* "Voir le PDF" sur fond clair : contour olive (le .btn-outline de base est blanc, invisible sur blanc) */
.doc-btns .btn-outline{ color:var(--navy,#1B3A28); border-color:var(--navy,#1B3A28); background:transparent; }
.doc-btns .btn-outline:hover{ background:var(--navy,#1B3A28); color:#fff; }

.doc-more{ text-align:center; margin-top:2.6rem; }
.doc-more a{ color:var(--gold); font-weight:700; font-size:.82rem; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; }
.doc-more a:hover{ color:var(--navy,#1B3A28); }

@media (max-width:900px){
  .doc-feature{ grid-template-columns:1fr; text-align:center; }
  .doc-feature .cover{ max-width:280px; margin:0 auto; }
  .doc-feature .doc-btns{ justify-content:center; }
  .doc-grid{ grid-template-columns:1fr; }
}