/* Product content - Prossentiel */

.pro-wrapper { font-family: 'Outfit', sans-serif; color: #161717; line-height: 1.6; max-width: 1100px; margin: 0 auto; padding: 20px; }
.pro-section { margin-bottom: 40px; padding: 30px; border-radius: 8px; border: 1px solid #ddd; }
.pro-bg-light { background-color: #f4f4f2; border: none; }
.pro-flex { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.pro-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }

.pro-h2-icon { font-size: 1.6rem; color: #161717; display: flex; align-items: center; margin-bottom: 10px; font-weight: bold; }
.pro-h2-bar { color: #161717; border-left: 5px solid #fe3737; padding-left: 15px; margin-top: 0; font-weight: bold; }
.pro-h3-red { color: #fe3737; font-size: 1.1rem; margin-top: 20px; font-weight: 600; }
.pro-text-muted { color: #727272; font-size: 0.95rem; margin-left: 40px; }
.pro-link-red { color: #fe3737; text-decoration: none; font-weight: 600; }
.pro-link-red:hover { text-decoration: underline; }

.pro-details { background: #fff; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 12px; transition: all 0.3s; overflow: hidden; }
.pro-summary { padding: 18px; font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; outline: none; background: #fff; }
.pro-summary::-webkit-details-marker { display: none; }
.pro-summary:hover { background: #fcfcfc; }
.pro-summary span { color: #fe3737; font-size: 1.2rem; font-weight: bold; }
.pro-content { padding: 0 20px 20px; color: #333; border-top: 1px solid #f9f9f9; padding-top: 15px; }

.pro-table-container { overflow-x: auto; margin: 20px 0; }
.pro-table { width: 100%; border-collapse: collapse; border: 1px solid #ddd; }
.pro-table th { background-color: #f8f9fa; padding: 12px; border: 1px solid #ddd; text-align: left; }
.pro-table td { padding: 12px; border: 1px solid #ddd; }

.pro-card { border: 1px solid #eee; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.2s; }
.pro-card:hover { transform: translateY(-5px); }
.pro-card-expertise { flex: 1; min-width: 300px; background: #fff; border-radius: 4px; padding: 25px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.border-red { border-top: 5px solid #fe3737; }
.border-black { border-top: 5px solid #161717; }
.border-grey { border-top: 5px solid #727272; }
.pro-list-expertise { padding-left: 18px; margin: 15px 0; font-size: 0.9em; color: #333; line-height: 1.6; list-style-type: circle; }