/* B12 — Nos solutions solaires (4 Particulier + 4 Pro) */
.b12-produits{position:relative;background:#FFFFFF;padding:56px 0 104px;font-family:'IBM Plex Sans',sans-serif;overflow:hidden}
.b12-container{max-width:1200px;margin:0 auto;padding:0 28px}
.b12-header{text-align:center;max-width:720px;margin:0 auto 56px}
.b12-title{font-size:clamp(2rem,3.6vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1E2D3F;margin:0 0 16px}
.b12-highlight{position:relative;display:inline;color:#1E2D3F;font-weight:800;white-space:nowrap;background:linear-gradient(180deg,transparent 60%,rgba(245,166,35,.45) 60%);padding:0 4px}
.b12-subtitle{font-size:17px;line-height:1.6;color:#6B7888;margin:0}

/* Groupes */
.b12-group{margin-bottom:48px}
.b12-group:last-child{margin-bottom:0}
.b12-group-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B7888;margin:0 0 20px}
.b12-group-label::before{content:'';width:24px;height:2px;background:#F5A623;border-radius:2px}
.b12-group-label--pro::before{background:#1E2D3F}

/* Grid 4 colonnes */
.b12-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

/* Card */
.b12-card{position:relative;display:flex;flex-direction:column;padding:28px 24px 24px;border-radius:18px;text-decoration:none;border:1px solid rgba(30,45,63,.08);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s;opacity:0;transform:translateY(28px)}
.b12-card.is-visible{opacity:1;transform:translateY(0)}
.b12-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(30,45,63,.12);border-color:rgba(245,166,35,.35)}
/* Variante Particulier : fond clair off-white */
.b12-card--part{background:#FAF9F6}
/* Variante Pro : fond navy léger */
.b12-card--pro{background:rgba(30,45,63,.04);border-color:rgba(30,45,63,.1)}

.b12-card-icon{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;background:#FFFFFF;border-radius:14px;margin-bottom:18px;box-shadow:0 2px 8px rgba(30,45,63,.06)}
.b12-card-icon img{width:48px;height:48px;object-fit:contain}
.b12-card-title{font-size:18px;font-weight:800;color:#1E2D3F;margin:0 0 8px;line-height:1.25}
.b12-card-desc{font-size:14.5px;line-height:1.55;color:#6B7888;margin:0 0 18px;flex-grow:1}
.b12-card-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#F5A623;margin-top:auto}
.b12-card-link svg{transition:transform .25s ease}
.b12-card:hover .b12-card-link svg{transform:translateX(4px)}

/* Responsive */
@media (max-width:1000px){
  .b12-grid{grid-template-columns:repeat(2,1fr);gap:18px}
}
@media (max-width:900px){
  .b12-produits{padding:72px 0}
}
@media (max-width:520px){
  .b12-grid{grid-template-columns:1fr}
  .b12-card{padding:24px 20px}
}
@media (prefers-reduced-motion:reduce){
  .b12-card{transition:none!important;opacity:1!important;transform:none!important}
}