/* Huitième page détaillée LCY — styles propres, aucune altération des feuilles communes. */
@import url('../habillage-aluminium-vendee/habillages.css');
.charpente-hero .interior-hero-photo{background-image:url('../prestations/photo-charpente-exacte.webp');width:47%;background-size:cover;background-position:50% 45%}
.charpente-hero .interior-hero-text{max-width:57rem}
.charpente-feature-grid article{min-height:12.5rem;background:#fff}
.charpente-feature-grid .ren-choice-icon{font-size:1.2rem;letter-spacing:.12rem}
.charpente-detail-grid article{background:linear-gradient(120deg,#fff,#f6f7f9)}
.charpente-caution{background:linear-gradient(122deg,#26313e,#192330)}
.charpente-process{background:#fafbfc;border:1px solid #d4d9e0;border-radius:.6rem;box-shadow:0 7px 25px #19212d23;overflow:hidden;min-width:0}
.charpente-process-head{background:#252f3c;color:#fff;padding:1rem 1.3rem;display:flex;justify-content:space-between;gap:.7rem;flex-wrap:wrap;align-items:baseline}
.charpente-process-head span{color:#ffbbc0;font-size:.74rem;font-weight:900;letter-spacing:.12em}
.charpente-process-head strong{font-size:.95rem;font-weight:700}
.charpente-process-visual{position:relative;min-height:17.5rem;background:repeating-linear-gradient(0deg,#f6f7f9 0,#f6f7f9 24px,#eef0f3 25px);display:flex;align-items:center;justify-content:center;padding:3rem 2rem}
.charpente-beam{position:relative;width:60%;height:7.1rem;background:linear-gradient(0deg,#917356,#b68c63 16%,#d4b28c 40%,#bb9672 68%,#8e684e 100%);border:2px solid #9b7350;box-shadow:0 12px 0 #6d513d,0 20px 18px #25304024;transform:skewY(-5deg);border-radius:.25rem}
.charpente-beam:before,.charpente-beam:after{content:'';position:absolute;inset:10% 5%;border-radius:50%;border-top:1px solid #73553e5c;border-bottom:1px solid #e4c4a54f;transform:rotate(-6deg)}
.charpente-beam:after{inset:27% 10% 15%;transform:rotate(3deg)}
.charpente-beam i{position:absolute;z-index:1;width:13px;height:13px;border-radius:50%;background:#6a4632;box-shadow:inset 0 2px 3px #3625186e,0 0 0 6px #b9000d23}
.charpente-beam i:nth-child(1){left:22%;top:25%}.charpente-beam i:nth-child(2){left:47%;top:58%}.charpente-beam i:nth-child(3){left:72%;top:36%}
.charpente-visual-label{position:absolute;z-index:2;display:block;background:#fff;border-left:3px solid #d00012;padding:.38rem .65rem;font-size:.8rem;font-weight:800;color:#333d49;box-shadow:0 3px 9px #23304017;max-width:11rem}
.charpente-label-top{top:11%;left:4%}.charpente-label-mid{top:15%;right:3%}.charpente-label-bottom{bottom:8%;right:10%}
.charpente-process-foot{padding:.85rem 1.25rem;margin:0!important;font-size:.82rem!important;color:#606b78!important;line-height:1.45!important}
@media(max-width:760px){.charpente-feature-grid{grid-template-columns:1fr}.charpente-process-visual{min-height:17rem}}
@media(max-width:600px){
 .charpente-hero .interior-hero-photo{width:77%;opacity:.23;mask-image:linear-gradient(90deg,transparent,#000 75%);background-position:50% 50%}
 .charpente-feature-grid article{min-height:0}
 .charpente-process-head{padding:15px;gap:4px}
 .charpente-process-head span{font-size:10px}.charpente-process-head strong{font-size:13px}
 .charpente-process-visual{min-height:225px;padding:40px 20px}
 .charpente-beam{width:76%;height:85px}
 .charpente-visual-label{font-size:10px;max-width:100px;padding:6px 7px}
 .charpente-label-top{left:3%;top:7%}.charpente-label-mid{right:3%;top:17%}.charpente-label-bottom{bottom:7%;right:5%}
 .charpente-process-foot{padding:12px!important;font-size:12px!important}
}