/* Shared components for incendie.ma content pages (pillars, guides, formation) */

.answer-box{background:#F4F4F5;border-left:4px solid var(--primary-color,#D42A2E);padding:20px 24px;margin-bottom:10px;font-size:17px;line-height:1.6}
.answer-box strong{color:#1C1C1F}

.product-card{background:#fff;border:1px solid #eee;height:100%;display:flex;flex-direction:column}
.product-card .product-image{background:#F4F4F5;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-card .product-image img{max-height:170px;max-width:80%;object-fit:contain}
.product-card .product-body{padding:24px;display:flex;flex-direction:column;flex:1}
.product-card h5{font-size:17px;margin-bottom:8px}
.product-card p{font-size:14px;color:var(--body-font-color,#6B6B71);flex:1}
.product-price{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9E1419;margin-bottom:12px}
.product-card .btn-main{align-self:flex-start}

.pillar-card{display:block;background:#fff;border:1px solid #eee;border-radius:4px;padding:28px;height:100%;transition:box-shadow .2s,transform .2s}
.pillar-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px)}
.pillar-card i{font-size:40px;color:#D42A2E;display:block;margin-bottom:14px}
.pillar-card h5{margin-bottom:8px;color:#1C1C1F}
.pillar-card p{font-size:14px;color:#6B6B71;margin-bottom:0}

.spec-table{width:100%;border-collapse:collapse;font-size:15px;margin:24px 0}
.spec-table th,.spec-table td{border:1px solid #e5e5e7;padding:12px 14px;text-align:left}
.spec-table th{background:#1C1C1F;color:#fff;font-weight:600}
.spec-table tr:nth-child(even) td{background:#FAFAFA}

.related-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.related-links a{display:inline-block;background:#F4F4F5;border:1px solid #e5e5e7;border-radius:30px;padding:9px 18px;font-size:14px;text-decoration:none;color:#1C1C1F}
.related-links a:hover{background:#1C1C1F;color:#fff;border-color:#1C1C1F}

.crumb-note{font-size:13px;color:#9199A3;margin:0 0 6px}

.content-section h2{margin-top:0}
.content-section{margin-bottom:8px}

ul.check-list{list-style:none;padding:0;margin:0 0 20px}
ul.check-list li{position:relative;padding:6px 0 6px 30px}
ul.check-list li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:#D42A2E;position:absolute;left:0;top:6px}

.article-body p{font-size:16px;line-height:1.8;margin-bottom:20px}
.article-body h2{margin-top:36px;margin-bottom:14px}
.article-body .source-note{font-size:13px;font-style:italic;color:#9199A3;border-top:1px solid #e5e5e7;padding-top:16px;margin-top:28px}
.article-body ul.check-list{margin-bottom:20px}

@media (max-width:767px){
  .spec-table{font-size:13px}
  .spec-table th,.spec-table td{padding:8px 10px}
}

.lang-switcher{display:flex;gap:6px;list-style:none;margin:0;padding:0;align-items:center}
.lang-switcher a,.lang-switcher span{display:inline-block;padding:4px 11px;font-size:12px;font-weight:700;letter-spacing:.03em;border-radius:20px;text-decoration:none;color:#fff}
.lang-switcher a{opacity:.65}
.lang-switcher a:hover{opacity:1;background:rgba(255,255,255,.14)}
.lang-switcher span.active{opacity:1;background:#D42A2E}
.subfooter .de-flex{flex-wrap:wrap;gap:14px 24px}
.subfooter-right{display:flex;align-items:center;flex-wrap:wrap;gap:16px}