:root{--page-title-display:none;}/* Start custom CSS *//* Filtres des réalisations (CSS :target, sans JavaScript) */
body:has(#inserts:target) .f-card:not(.f-insert),
body:has(#poeles:target) .f-card:not(.f-poele),
body:has(#photovoltaique:target) .f-card:not(.f-pv){display:none!important}
.f-btn-tous,
body:has(#inserts:target) .f-btn-insert,
body:has(#poeles:target) .f-btn-poele,
body:has(#photovoltaique:target) .f-btn-pv{background-color:var(--coba-anthracite)!important;border-color:var(--coba-anthracite)!important;color:#fff!important}
body:has(#inserts:target) .f-btn-tous,
body:has(#poeles:target) .f-btn-tous,
body:has(#photovoltaique:target) .f-btn-tous{background-color:var(--coba-blanc)!important;border-color:var(--coba-gris-vert)!important;color:var(--coba-anthracite)!important}
.f-btn a{color:inherit!important}
.f-ancre{scroll-margin-top:140px}
/* Cartes réalisation : esthétique + UX */
.f-card{position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;height:100%;background:#fff!important;border:1px solid var(--coba-gris-vert)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 1px 2px rgba(28,38,42,.04),0 4px 14px rgba(28,38,42,.05);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s;text-decoration:none!important;isolation:isolate}
.f-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(28,38,42,.05),0 18px 40px rgba(28,38,42,.12);border-color:transparent!important}
.f-card:focus-visible{outline:3px solid var(--coba-canard);outline-offset:3px}
.f-card > img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;border-radius:0!important;margin:0!important;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.f-card:hover > img{transform:scale(1.05)}
.f-card > div:first-of-type{position:absolute!important;top:14px;left:14px;right:14px;z-index:2;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:0!important;width:auto!important;pointer-events:none}
.f-card > div:first-of-type > div{box-shadow:0 2px 8px rgba(0,0,0,.18)}
.f-card > div:first-of-type > p{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--coba-anthracite)!important;font-size:13px!important;font-weight:600;line-height:1.2!important;padding:6px 12px;border-radius:999px;margin:0!important;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.f-card > h4{position:relative;z-index:1;background:#fff;margin:0!important;padding:22px 24px 0!important;font-size:20px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.35em + 22px);transition:color .25s}
.f-card > p:last-child{position:relative;z-index:1;background:#fff;margin:auto 0 0!important;padding:14px 24px 22px!important;font-size:15px!important;font-weight:600;color:var(--coba-canard)!important;display:flex;align-items:center;gap:6px}
.f-card:hover > p:last-child{color:var(--coba-anthracite)!important}
.f-card > p:last-child::after{content:"";display:none}
@media (prefers-reduced-motion:reduce){.f-card,.f-card > img{transition:none}.f-card:hover{transform:none}.f-card:hover > img{transform:none}}
@media (max-width:767px){.f-card > h4{font-size:18px!important;padding:18px 20px 0!important;min-height:0}.f-card > p:last-child{padding:12px 20px 20px!important}}
.f-card > div:first-of-type > *{flex:0 0 auto!important;width:auto!important;max-width:max-content!important}/* End custom CSS */