/* Codex60 : demandes du18octobre, copie non publiée. Valeurs historiques conservées. */
.c60-mobile-measure-break{display:none}
body[data-c60-path]{--c60-width2:min(1040px,calc(100vw - 56px));--c60-grey:radial-gradient(ellipse closest-side at center,#555b60 0%,#2f3337 100%);--c60-sky:linear-gradient(90deg,rgba(197,237,248,.97) 0%,rgba(248,253,254,.985) 34%,#fff 50%,rgba(248,253,254,.985) 66%,rgba(197,237,248,.97) 100%);--c60-rule:linear-gradient(90deg,transparent,#bacdd4 20%,#bacdd4 80%,transparent)}
@media(max-width:900px){body[data-c60-path]{--c60-width2:min(1040px,calc(100vw - 40px))}}
@media(max-width:640px){body[data-c60-path]{--c60-width2:calc(100vw - 28px)}}
/* PC seulement : accueil, avec les espaces visibles divisés une seule fois. */
@media(min-width:1101px){
 body[data-c60-path="/"] .c31-orient{padding-bottom:clamp(38px,4vw,56px)}
 body[data-c60-path="/"] .c31-systems{padding-top:clamp(11.4px,1.2vw,16.8px);padding-bottom:clamp(19px,2vw,28px)!important}
 body[data-c60-path="/"] .c31-applications{padding-top:clamp(19px,2vw,28px)!important}
 body[data-c60-path="/"] .c31-applications .c31-heading{gap:9px;margin-bottom:32px}
 body[data-c60-path="/"] :is(.c31-projects,.c26-service)::before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 56px));height:1px;background:var(--c60-rule)}
 body[data-c60-path="/"] .c31-quote-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:18px 40px;align-items:start}
 body[data-c60-path="/"] .c31-quote-grid>div:first-child{display:contents}
 body[data-c60-path="/"] .c44-quote-heading{grid-column:1/-1;text-align:center}
 body[data-c60-path="/"] #quote-title{max-width:none;margin-inline:auto}
 body[data-c60-path="/"] #quote-title br{display:none}
 body[data-c60-path="/"] .c31-quote-grid>div>p{grid-column:1;grid-row:2;margin:0;max-width:none}
 body[data-c60-path="/"] .c31-quote .c31-actions{grid-column:1;grid-row:3;margin-top:0;align-self:end}
 body[data-c60-path="/"] .c31-quote aside{grid-column:2;grid-row:2/span 2;align-self:end;padding:18px 22px}
 body[data-c60-path="/"] .c31-quote aside ul{gap:4px;margin:10px 0 12px}
 body[data-c60-path="/"] .c31-quote aside small{padding-top:10px;line-height:1.4}
}
/* Même distance section/H1 que la page Verre sur poteaux, sans changer la suite. */
body[data-c60-path] .c49-pillars .pillar-hero{padding-top:11px}
body[data-c60-path] .c49-pillars .pillar-breadcrumb{line-height:21.046875px;margin-bottom:8px}
@media(max-width:640px){body[data-c60-path] .c49-pillars .pillar-hero{padding-top:4px}body[data-c60-path] .c49-pillars .pillar-breadcrumb{margin-bottom:6px}}
body[data-c60-path="/garde-corps-verre"] #modeles :is(#verre-poteaux-inox-pinces,#verre-cables,#verre-lisses,#brise-vue) .pillar-model-copy{background:var(--c60-grey)!important;isolation:auto}
body[data-c60-path="/garde-corps-verre"] #modeles :is(#verre-poteaux-inox-pinces,#verre-cables,#verre-lisses,#brise-vue) .pillar-model-copy::before,
body[data-c60-path="/garde-corps-verre"] #modeles :is(#verre-poteaux-inox-pinces,#verre-cables,#verre-lisses,#brise-vue) .pillar-model-copy::after{content:none}
body[data-c60-path="/garde-corps-verre"] #modeles :is(#verre-poteaux-inox-pinces,#verre-cables,#verre-lisses,#brise-vue) .pillar-model-copy :is(h3,p,a){color:white!important;text-shadow:0 1px 3px #152028,0 0 5px rgba(0,0,0,.8)}
body[data-c60-path="/guide-garde-corps-inox"] .c57-editorial-0::before{background:var(--c60-sky)}
body[data-c60-path="/guide-garde-corps-inox"] .c57-editorial-0 :is(h2,.pillar-kicker){color:#111719!important}
body[data-c60-path="/guide-garde-corps-inox"] .c57-editorial-0 .pillar-editorial-content>p{color:#445158}
/* Introductions déplacées sous les H1, contenus originaux conservés. */
body[data-c60-path] .c60-application-lead{order:2;max-width:900px;margin:20px auto 0;font-size:1.02rem;text-align:center}
body[data-c60-path] .c60-application-lead p{margin:0}
body[data-c60-path] .application-hero-media{order:3}
body[data-c60-path] .application-hero-stamp{order:4}
body[data-c60-path] .application-intro{order:5;margin-top:18px}
body[data-c60-path] .application-hero-actions{order:6}
body[data-c60-path] .application-hero-media figcaption{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;inset:auto 14px 14px;padding:14px!important;color:white!important;text-align:center}
.c60-photo-name{font:700 clamp(1.275rem,1.875vw,1.875rem)/1.03 Cambria,Georgia,serif;color:white}
.c60-photo-note{font:400 .89rem/1.55 Inter,system-ui,sans-serif;color:white;margin-top:10px}
.c60-short-rule{width:95px;height:1px;flex-shrink:0;background:white;margin:16px auto 28px}
body[data-c60-path] .application-hero-media .c60-caption-existing{font:400 .89rem/1.55 Inter,system-ui,sans-serif;color:white;max-width:650px}
body[data-c60-path] .c59-techniques .technical-intent,
body[data-c60-path="/garde-corps-mezzanine"] .technical-intent,
body[data-c60-path="/brise-vue-verre"] .technical-intent{order:2!important;margin:20px auto 0;max-width:900px;text-align:center}
body[data-c60-path="/brise-vue-verre"] .technical-hero-grid{display:flex;flex-direction:column;gap:0}
body[data-c60-path="/brise-vue-verre"] .technical-hero-copy{display:contents}
body[data-c60-path="/brise-vue-verre"] .technical-breadcrumb{order:0;width:100%}
body[data-c60-path="/brise-vue-verre"] .technical-hero h1{order:1;width:100%}
body[data-c60-path] .c59-techniques .technical-hero-media,
body[data-c60-path="/garde-corps-mezzanine"] .technical-hero-media,
body[data-c60-path="/brise-vue-verre"] .technical-hero-media{order:3!important;margin-top:24px}
body[data-c60-path="/brise-vue-verre"] .technical-actions{order:4;margin:18px auto 0}
body[data-c60-path="/brise-vue-verre"] .technical-meta{order:5;width:100%}
body[data-c60-path] .c59-techniques .technical-actions{margin:18px auto 0}
body[data-c60-path] .c59-techniques .technical-hero-grid::after{content:"";order:6;width:min(760px,100%);height:1px;background:var(--c60-rule);margin:24px auto 0}
body[data-c60-path="/blog"] .c59-editorial .c59-blog-title{margin-bottom:0}
body[data-c60-path="/blog"] .c59-editorial .bh-hero-copy>p{order:2;margin-top:20px}
body[data-c60-path="/blog"] .c59-editorial .bh-hero-media{order:3;margin-top:24px}
body[data-c60-path="/garde-corps-par-projet"] .hub-hero-copy .c60-hub-lead{order:2;margin:20px auto 0;max-width:900px}
body[data-c60-path="/garde-corps-par-projet"] .hub-hero-media{order:3;margin-top:24px}
body[data-c60-path="/garde-corps-par-projet"] .hub-hero-copy>p:not(.c60-hub-lead){order:4;margin-top:18px}
body[data-c60-path="/garde-corps-par-projet"] .hub-actions{order:5}
/* Deux pages catégories Applications : photo sans cadre, coupe supérieure1/6. */
body:is([data-c60-path="/garde-corps-exterieur"],[data-c60-path="/garde-corps-interieur"]) .c59-reference.product-page .product-intent{order:2;margin:20px auto 0}
body:is([data-c60-path="/garde-corps-exterieur"],[data-c60-path="/garde-corps-interieur"]) .c59-reference.product-page .product-hero-media{order:3;width:var(--c60-width2)!important;max-width:none;padding:0;background:transparent;border:0;box-shadow:none;border-radius:36px;aspect-ratio:var(--c60-crop-ratio);margin-top:24px}
body:is([data-c60-path="/garde-corps-exterieur"],[data-c60-path="/garde-corps-interieur"]) .product-hero-media img{height:100%;width:100%;object-fit:cover;object-position:center bottom;max-height:none}
body:is([data-c60-path="/garde-corps-exterieur"],[data-c60-path="/garde-corps-interieur"]) .product-hero-actions{order:4;margin:18px auto 0}
/* Images des dix pages techniques/atelier/catalogue et du blog. */
body[data-c60-path] .c59-techniques :is(.technical-hero-media,.technical-gallery-grid,.section-photos.section-photos),
body[data-c60-path="/blog"] .c59-editorial :is(.bh-hero-media,.bh-topic-list,.bh-guide-grid,.bh-article-grid,.bh-expertise figure){width:var(--c60-width2)!important;max-width:none}
body[data-c60-path] .c59-techniques :is(figure,.technical-image-frame,.technical-gallery-grid figure>div,.section-photo-link){padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[data-c60-path] .c59-techniques :is(figure,.technical-image-frame,.section-photo-link){border-radius:36px!important;overflow:hidden}
/* Espaces d'ouverture du catalogue de réalisations : aucune modification des cartes. */
body[data-c60-path="/realisations"] .projects-hero{padding-top:0!important;padding-bottom:15.111111px!important}
body[data-c60-path="/realisations"] .projects-hero .realisation-kicker{display:block;line-height:15px;margin-top:8.75px}
body[data-c60-path="/realisations"] .projects-hero h1{margin-top:16.666667px}
body[data-c60-path="/realisations"] .projects-hero-grid{gap:21.333333px}
body[data-c60-path="/realisations"] .projects-hero-copy{padding-bottom:5.333333px}
body[data-c60-path="/realisations"] .projects-hero-copy a{margin-top:18.666667px}
body[data-c60-path="/realisations"] .projects-list{padding-top:20.444444px}
@media(max-width:900px){body[data-c60-path="/realisations"] .projects-hero{padding-bottom:13.777778px!important}body[data-c60-path="/realisations"] .projects-hero .realisation-kicker{margin-top:6.583333px}body[data-c60-path="/realisations"] .projects-list{padding-top:19.111111px}}
@media(max-width:600px){body[data-c60-path="/realisations"] .projects-hero .realisation-kicker{margin-top:5.25px}}
/* Fond4bis, variante quatre bords demandée ; original miroir conservé. */
body[data-c60-path^="/realisations/"] .realisation-next-links a{background:radial-gradient(ellipse closest-side at center,#fff 0%,#d9f4ef 100%)!important;color:#111719!important;border-radius:0!important}

body[data-c60-path="/garde-corps-par-projet"] .hub-hero h1{margin-bottom:0}

@media(max-width:640px){
 body[data-c60-path] .application-hero-media figcaption{padding:0!important}
 body[data-c60-path] .application-hero-media .c60-photo-note{margin-top:6px}
 body[data-c60-path] .application-hero-media .c60-short-rule{margin:10px auto 16px}
}

body[data-c60-path="/realisations"] .projects-hero .projects-hero-grid{gap:21.333333px!important}

/* Corrections demandées après le premier aperçu Codex60. */
/* Les deux premières cartes reprennent le panneau et la typographie de Verre et câbles. */
body[data-c60-path="/guide-garde-corps-inox"] #modeles :is(#cables-inox,#lisses-inox) .pillar-model-copy{background:radial-gradient(ellipse closest-side at center,#42484d 0%,#14181b 100%)!important}
@media(min-width:1101px){body[data-c60-path="/guide-garde-corps-inox"] #modeles .pillar-model-card .pillar-model-copy,body[data-c60-path="/guide-garde-corps-inox"] #modeles :is(#cables-inox,#lisses-inox) .pillar-model-copy{background:var(--c60-grey)!important}}
/* Espaces visibles : accueil18→13,5px ; Applications48→24px. */
body[data-c60-path="/"] .c52-hero .c52-hero-signature{margin-bottom:13.5px}
body[data-c60-path="/garde-corps-par-projet"] .c59-hub .hub-hero h1{margin-bottom:0}
body[data-c60-path="/garde-corps-par-projet"] .hub-hero-copy .c60-hub-lead{margin-top:24px}
/* Sources officielles : seuls les caractères changent de couleur. */
body[data-c60-path="/normes-garde-corps"] .technical-sources a,
body[data-c60-path="/normes-garde-corps"] .technical-sources a :is(span,b){color:#111719!important}
/* L'espace supérieur est porté par le fil d'Ariane, le hero n'a déjà aucun padding haut. */
body[data-c60-path] .c59-real-detail .realisation-breadcrumb{padding-top:6px;padding-bottom:4px}
body[data-c60-path] .c59-real-detail .realisation-breadcrumb .container{min-height:22.5px}
@media(max-width:640px){body[data-c60-path] .c59-real-detail .realisation-breadcrumb{padding-top:2.5px;padding-bottom:3px}}
body[data-c60-path] .realisation-hero h1 .c60-title-location{display:block;white-space:nowrap;font:inherit;letter-spacing:inherit}
/* Les deux applications utilisant le gabarit technique reprennent les mêmes niveaux que Balcon. */
body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .technical-hero-media figcaption{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;inset:auto 14px 14px;padding:14px!important;color:white!important;text-align:center}
body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .technical-hero-media .c60-photo-name{font:700 clamp(1.275rem,1.875vw,1.875rem)/1.03 Cambria,Georgia,serif!important;margin:0!important}
body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .technical-hero-media .c60-photo-note{font:400 .89rem/1.55 Inter,system-ui,sans-serif!important;margin:10px 0 0!important;max-width:none}
body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .technical-hero-media .c60-caption-existing{font:400 .89rem/1.55 Inter,system-ui,sans-serif!important;color:white;max-width:650px;margin:0!important}
@media(max-width:640px){
 body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .technical-hero-media figcaption{padding:0!important}
 body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .technical-hero-media .c60-photo-note{margin-top:6px!important}
 body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .technical-hero-media .c60-short-rule{margin:10px auto 16px}
}

/* La photo reste entière sur mobile ; l'encart est limité à son contenu. */
.c60-pool-mobile-stamp{display:none}
@media(max-width:640px){
 body[data-c60-path] .c59-reference .application-hero-media figcaption,
 body:is([data-c60-path="/garde-corps-mezzanine"],[data-c60-path="/brise-vue-verre"]) .c59-reference .technical-hero-media figcaption{padding:0!important;inset:auto 14px 14px}
 body[data-c60-path="/garde-corps-piscine"] .application-hero-media :is(.c60-photo-name,.c60-photo-note,.c60-short-rule){display:none}
 body[data-c60-path="/garde-corps-piscine"] .c60-pool-mobile-stamp{display:grid;justify-content:center;gap:6px;margin:14px auto 0;text-align:center;color:#111719}
 body[data-c60-path="/garde-corps-piscine"] .c60-pool-mobile-stamp strong{font:700 1.275rem/1.03 Cambria,Georgia,serif}
 body[data-c60-path="/garde-corps-piscine"] .c60-pool-mobile-stamp span{font:400 .89rem/1.55 Inter,system-ui,sans-serif}
}
/* Petits téléphones : resserrer uniquement les espaces internes, sans rogner ni réduire la police. */
@media(max-width:360px){
 body[data-c60-path] .c59-reference .application-hero-media figcaption{inset:auto 14px 7px}
 body[data-c60-path] .application-hero-media .c60-photo-note{margin-top:4px}
 body[data-c60-path] .application-hero-media .c60-short-rule{margin:4px auto 6px}
}
/* Lot mobile du 18 octobre : coefficients calculés sur le relevé avant-mobile.
   Les versions tablette et ordinateur au-delà de 640px restent identiques. */
@media(max-width:640px){
 body[data-c60-path="/"] #orient-title .c60-orient-line{display:block;white-space:nowrap}
 body[data-c60-path="/"] .c31-application-more{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:8px 6px;margin-top:16px}
 body[data-c60-path="/"] .c31-application-more>span,
 body[data-c60-path="/"] .c31-application-more>.c31-application-all{grid-column:1/-1;justify-self:center}
 body[data-c60-path="/"] .c31-application-more>a:not(.c31-application-all){padding-inline:5px;white-space:nowrap}
 body[data-c60-path="/"] .c31-projects .c31-heading{margin-bottom:24px}
 /* Encadré de première étude -> photo atelier : 64+32=96, devient32. */
 body[data-c60-path="/"] .c26-journey{padding-bottom:calc(64px / 3)}
 body[data-c60-path="/"] .c26-workshop{padding-top:calc(32px / 3);padding-bottom:calc(64px / 3)}
 body[data-c60-path="/"] .c26-catalogue{padding-top:calc(32px / 3);padding-bottom:32px}
 /* Identification -> Comprendre : 64+29=93, devient46,5. */
 body[data-c60-path="/"] .c31-section.c31-technique{padding-top:14.5px}
 body[data-c60-path="/"] .c31-technique::before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:var(--c60-rule)}
 /* Bas du titre Pose -> premier paragraphe : 34+20=54, devient27. */
 body[data-c60-path="/"] .c31-area .c31-heading{margin-bottom:17px}
 body[data-c60-path="/"] .c31-area-grid>div>p:first-child{margin-top:10px}
 /* Dernier trait FAQ -> Votre première étude : 58+36=94, devient94/3. */
 body[data-c60-path="/"] .c31-faq{padding-bottom:calc(58px / 3)}
 body[data-c60-path="/"] .c31-quote{padding-top:12px}
 body[data-c60-path="/garde-corps-verre"] .c60-glass-title-part{display:inline-block;white-space:nowrap;font:inherit;letter-spacing:inherit}
 /* Lien types de verre -> photo : gap36 + marge24 =60, devient20. */
 body[data-c60-path="/garde-corps-verre"] #vitrage{row-gap:12px;padding-bottom:14.75px}
 body[data-c60-path="/garde-corps-verre"] #vitrage .section-photos{margin-top:8px;margin-bottom:4px}
 body[data-c60-path="/garde-corps-verre"] #fixations{border-top:0;padding-top:48px;padding-bottom:calc(95px / 3)}
 body[data-c60-path="/garde-corps-verre"] #fixations .section-photos{margin-bottom:calc(8px / 3)}
 body[data-c60-path="/garde-corps-verre"] #normes{padding-bottom:calc(47.5px * 2 / 3)}
 body[data-c60-path="/garde-corps-verre"] #prix{border-top:0;padding-top:32px}
 /* Inox : réduire les blancs autour des atouts sans retirer leurs textes. */
 body[data-c60-path="/guide-garde-corps-inox"] .pillar-steel .pillar-hero-grid{row-gap:19px}
 body[data-c60-path="/guide-garde-corps-inox"] .pillar-steel .c57-hero-proofs{padding-block:9.5px}
 body[data-c60-path="/guide-garde-corps-inox"] .pillar-steel .pillar-hero-grid>.pillar-quick-answer{margin-top:19px}
 body[data-c60-path="/guide-garde-corps-inox"] .pillar-steel .pillar-quick{padding-top:30.75px}
 body[data-c60-path="/guide-garde-corps-inox"] #modeles :is(#cables-inox,#lisses-inox,#verre-cables,#verre-lisses,#barreaudage,#inox-verre) .pillar-model-copy{background:var(--c60-grey)!important}
}
@media(max-width:580px){
 body[data-c60-path="/garde-corps-verre"] #vitrage{padding-bottom:9px}
 body[data-c60-path="/garde-corps-verre"] #fixations{padding-top:36.5px;padding-bottom:24px}
 body[data-c60-path="/garde-corps-verre"] #normes{padding-bottom:24px}
 body[data-c60-path="/garde-corps-verre"] #prix{padding-top:12px}
 body[data-c60-path="/guide-garde-corps-inox"] .pillar-steel .pillar-quick{padding-top:28px}
}

/* Lot mobile 2 autorisé : mesures sur l’aperçu wlf5i9, aucun effet au-delà de640px. */
@media(max-width:640px){
 .c60-mobile-measure-break{display:block}
 body[data-c60-path="/"] .c31-orient{padding-bottom:calc(75.4px / 3)}
 body[data-c60-path="/"] .c31-systems{padding-top:calc(75.4px / 3)}
 body[data-c60-path="/"] .c31-systems .c31-heading{margin-bottom:calc(35px * 2 / 3 - 1px)}
 body[data-c60-path="/"] .c31-applications .c31-heading{margin-bottom:24px}
 body[data-c60-path="/"] .c31-applications{padding-bottom:calc(58px / 3)}
 body[data-c60-path="/"] .c31-section.c31-projects{padding-top:calc(58px / 3)}
 body[data-c60-path="/"] :is(.c31-systems,.c31-applications,.c31-projects,.c26-service,.c26-journey,.c31-area)::before{content:"";display:block;position:absolute;top:0;left:14px;right:14px;height:1px;background:var(--c60-rule);pointer-events:none}
 body[data-c60-path="/"] .c26-service::before{top:2px}
 body[data-c60-path="/"] .c31-section.c31-technique{padding-bottom:calc(63.333333px / 3 - 8px)}
 body[data-c60-path="/"] .c31-section.c31-area{padding-top:calc(63.333333px / 3);padding-bottom:22.5px}
 /* Trait bleu sous la carte de zone : distance trait→Questions87-16=71, devient35,5. */
 body[data-c60-path] .c58-reference.c58-reference :is(.product-toc,.technical-toc) a,
 body[data-c60-path] .c59-reference.c59-reference .application-toc nav a{height:61px;min-height:61px;padding-block:3px}
 body[data-c60-path] .c58-reference.c58-reference :is(.product-toc,.technical-toc) a>span,
 body[data-c60-path] .c59-reference .application-toc nav a>span{font-size:calc(1.45rem * 2 / 3);margin-bottom:0}
 body[data-c60-path] .c58-reference.c58-reference :is(.product-toc,.technical-toc) a>b,
 body[data-c60-path] .c59-reference .application-toc nav a>b{font-size:calc(.72rem * 2 / 3)}
}
/* Très petits écrans : donner la place au libellé, sans dépasser trois lignes. */
@media(max-width:360px){
 body[data-c60-path] .c58-reference.c58-reference .technical-toc a{grid-template-columns:18px minmax(0,1fr) 16px;gap:5px;padding-inline:8px}
}