/* Codex61 : déplacement des seuls paragraphes demandés, texte inchangé. */
body[data-c60-path] :is([data-c61-intro],.posts-page,.pillar-page) .c61-intro {
  width:100%;max-width:900px;margin:20px auto 0!important;padding:0;
  text-align:center;color:#445158;font:400 1rem/1.72 Inter,system-ui,sans-serif;
}
body[data-c60-path] [data-c61-intro] :is(.product-hero,.technical-hero) h1 {order:1}
body[data-c60-path] [data-c61-intro] .c61-intro {order:2!important}
body[data-c60-path] [data-c61-intro] :is(.product-hero-media,.technical-hero-media) {order:3!important;margin-top:24px!important}
body[data-c60-path] [data-c61-intro] :is(.product-hero-actions,.technical-actions) {order:4;margin-top:18px}
body[data-c60-path] [data-c61-intro] .c49-detail-intro {margin-top:0}
body[data-c60-path] .posts-hero-heading .c61-intro {margin-bottom:24px!important}
body[data-c60-path] .pillar-page .c61-intro-above {margin:0 auto 20px!important}
body[data-c60-path] .pillar-page .c49-hero-heading:has(.c61-intro) {margin-bottom:24px}
@media(max-width:640px){
 body[data-c60-path] :is([data-c61-intro],.posts-page,.pillar-page) .c61-intro {margin-top:16px!important}
 body[data-c60-path] .pillar-page .c61-intro-above {margin-top:0!important}
}

/* Revision 2: precise crops requested by Julie, without changing source pixels. */
body a[data-c61-crop][data-c61-crop] {
 display:block!important;position:relative!important;overflow:hidden!important;
 aspect-ratio:var(--c61-crop-ratio)!important;height:auto!important;min-height:0!important;
 padding:0!important;flex:none!important;line-height:0;
}
body a[data-c61-crop][data-c61-crop]>img {
 position:absolute!important;display:block!important;left:var(--c61-crop-left)!important;top:var(--c61-crop-top)!important;
 width:var(--c61-crop-width)!important;height:var(--c61-crop-height)!important;
 max-width:none!important;max-height:none!important;min-height:0!important;
 aspect-ratio:auto!important;object-fit:fill!important;transform:none!important;
 margin:0!important;border-radius:0!important;padding:0!important;
}
/* A single associated solution keeps the standard width and is centred. */
body[data-c60-path] .product-related-grid:has(>a:only-child) {
 display:flex;justify-content:center;
}
body[data-c60-path] .product-related-grid>a:only-child {width:calc((100% - 24px)/3)}
@media(max-width:980px){body[data-c60-path] .product-related-grid>a:only-child{width:calc((100% - 12px)/2)}}
@media(max-width:680px){body[data-c60-path] .product-related-grid>a:only-child{width:100%}}

/* The three steel hero photographs lead to their dedicated models. */
.pillar-steel .pillar-hero-shot {position:relative;overflow:hidden}
.pillar-steel .pillar-hero-shot .c61-hero-link {position:absolute;inset:0;z-index:5;display:block;border-radius:inherit}
.pillar-steel .pillar-hero-shot .c61-hero-link:focus-visible {outline:3px solid #11a8d3;outline-offset:-5px}
.pillar-steel .pillar-hero-shot img {transition:transform .35s ease}
.pillar-steel .pillar-hero-shot:has(.c61-hero-link):is(:hover,:focus-within) img {transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.pillar-steel .pillar-hero-shot img{transition:none}}

/* Focus the cable model card on the railing, retaining under half the source area. */
body[data-c60-path] .pillar-steel #cables-inox .pillar-model-image {overflow:hidden}
body[data-c60-path] .pillar-steel #cables-inox .pillar-model-image img {
 object-position:60% 65%!important;transform:scale(1.7)!important;transform-origin:60% 65%;
}
@media(min-width:901px){
 body[data-c60-path] .pillar-steel :is(#cables-inox,#lisses-inox) .pillar-model-copy {padding-top:18px;padding-bottom:18px;min-height:331px;box-sizing:border-box}
 body[data-c60-path] .pillar-steel :is(#cables-inox,#lisses-inox) .pillar-model-copy h3 {margin:8px 0 12px}
 body[data-c60-path] .pillar-steel :is(#cables-inox,#lisses-inox) .pillar-model-copy>p:not(.pillar-model-label) {line-height:1.5;margin-bottom:8px}
}