/* Référentiel de Julie, révision 8. Sept pages verre et quatre pages inox autorisées.
   Aucun changement des données, cadrages, menus ni pied de site commun. */
body:has(.c58-reference) {margin:0}
.c58-reference.c58-reference {
 --ref-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%);
 --ref-night:linear-gradient(125deg,#10191d 0%,#17272d 68%,#0b6f8d 160%);
 --ref-grey:linear-gradient(90deg,#080b0d 0%,#555b60 100%);
 --ref-cta:linear-gradient(125deg,#0a1830 0%,#125669 100%);
 --ref-wide:min(calc(50cqw + 520px),calc(100cqw - 28px));
 container-type:inline-size;background:var(--ref-sky);color:#111719;text-align:center;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72;
}
.c58-reference *, .c58-reference *::before, .c58-reference *::after {box-sizing:border-box}
.c58-reference.c58-reference :where(section,nav.product-toc,nav.technical-toc) {background:transparent;color:#111719}
.c58-reference :where(section,nav.product-toc,nav.technical-toc) {padding-block:30px}
.c58-reference :is(.product-section,.technical-section) {padding:30px 0;display:block}
.c58-reference :is(.product-editorial,.technical-content) {padding-block:0}
.c58-reference :is(.product-hero,.technical-hero,.posts-hero) {padding-top:12px;padding-bottom:28px}
.c58-reference :is(.product-breadcrumb,.technical-breadcrumb,.posts-breadcrumb) {font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#526168;text-align:left;margin:0 0 8px;line-height:1.65;position:relative;left:var(--ref-breadcrumb-shift,0px);width:calc(100% - var(--ref-breadcrumb-shift,0px));justify-content:flex-start}
.c58-reference :is(.product-breadcrumb,.technical-breadcrumb,.posts-breadcrumb) a {color:inherit;text-decoration:underline;text-underline-offset:3px}
.c58-reference.c58-reference h1 {font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,calc(100vw / 30),48px);font-weight:750;line-height:1.12;letter-spacing:-.025em;color:#11191d;text-align:center;margin:0 auto;text-shadow:none;font-style:normal;max-width:none;text-wrap:wrap}
.c58-reference.c58-reference h1>span {display:block;font:inherit;letter-spacing:inherit;margin:0;padding:0}
.c58-reference.c58-reference h1>span+span {font-size:clamp(18px,calc(100vw * 7 / 360),28px);margin-top:12px}
.c58-reference.c58-reference h2 {font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.58rem,3vw,2.74rem);font-weight:700;line-height:1.07;letter-spacing:-.035em;color:#111719;margin:13px auto 24px;max-width:none;text-align:center;text-wrap:wrap}
.c58-reference :is(.product-section-heading,.technical-section-heading,.product-faq-intro,.technical-faq-grid>div:first-child) {position:static;margin-bottom:20px;display:block}
.c58-reference :is(.product-intro-grid,.technical-overview-grid,.product-faq-grid,.technical-faq-grid,.posts-faq-grid,.posts-editorial-grid,.posts-split,.posts-cta-grid,.technical-cta-grid,.product-final-cta-grid,.technical-toc-grid) {grid-template-columns:minmax(0,1fr);gap:20px}
.c58-reference :is(.posts-heading,.posts-heading-split,.posts-decision-heading,.product-gallery-heading,.technical-gallery-heading) {max-width:none!important;width:100%;margin:0 auto 24px;display:block}
.c58-reference :is(.posts-hero-heading) {margin:0 auto 28px}
.c58-reference :is(.product-hero-media,.technical-hero-media,.c46-cables-gallery) {margin-top:28px}
.c58-reference :is(.product-intent,.technical-intent) {margin-top:24px}
.c58-reference :is(.posts-hero-grid,.posts-decision-grid) {gap:24px}
.c58-reference :is(.posts-hero-lead,.posts-hero-copy,.posts-heading>p,.posts-copy p,.product-lead,.technical-lead,.product-faq-intro>p:last-child,.technical-faq-grid>div:first-child>p:last-child,.technical-difference) {margin-inline:auto;text-align:center;max-width:900px}
.c58-reference :is(.product-lead,.technical-lead,.product-final-cta-grid>div:last-child) {padding-left:0;border-left:0}
.c58-reference :is(.product-intro,.technical-overview) p {max-width:900px;margin-inline:auto}
.c58-reference :is(.product-copy-grid,.technical-prose) {grid-template-columns:minmax(0,1fr);gap:12px;margin-inline:auto;max-width:900px;text-align:center}
.c58-reference :is(.product-copy-grid,.technical-prose) h3 {margin-top:12px}
.c58-reference :is(.product-copy-grid,.technical-prose) p {color:#445158}
.c58-reference :is(.product-steps,.technical-steps) {grid-column:auto;margin:22px auto 0;gap:14px}
.c58-reference :is(.product-steps,.technical-steps) li {min-height:0;padding:20px}
.c58-reference :is(.product-steps,.technical-steps) b {margin-bottom:12px}
.c58-reference :is(.product-trust,.technical-meta,.posts-proof) {margin-top:20px}
.c58-reference .posts-proof li {display:block;text-align:center}
.c58-reference .posts-hero-after {gap:24px;margin-top:26px;padding-top:20px}
.c58-reference .posts-anatomy-list article {grid-template-columns:1fr;padding:16px 0}
.c58-reference :is(.posts-reasons h3,.posts-fixing-grid h3,.posts-process-list h3) {margin-top:12px}
.c58-reference :is(.posts-reasons article,.posts-fixing-grid article,.posts-process-list li) {min-height:0;padding:20px}
.c58-reference :is(.posts-duo,.technical-highlights) {margin-top:24px}
.c58-reference .technical-highlights>div {min-height:0;padding:22px}
.c58-reference :is(.posts-duo article,.posts-glass-options,.posts-material-note) {padding:22px}
.c58-reference :is(.posts-material-note,.posts-chain,.posts-limit,.product-callout,.technical-callout) {background:var(--ref-night);color:#fff;border-radius:36px}
.c58-reference :is(.posts-material-note,.posts-chain,.posts-limit,.product-callout,.technical-callout) p,.c58-reference .posts-limit li {color:#c5d0d3}
.c58-reference :is(.posts-material-note,.product-callout,.technical-callout) strong {color:#6ed8f3}
.c58-reference .posts-material-note strong {margin-bottom:12px}
.c58-reference :is(.posts-chain,.posts-link-row,.posts-actions,.product-hero-actions,.technical-actions) {justify-content:center}
.c58-reference :is(.posts-chain,.posts-material-note) {margin-inline:auto}
.c58-reference :is(.product-gallery,.technical-gallery,.posts-projects) :is(h2,p) {color:#445158}
.c58-reference :is(.product-eyebrow,.technical-eyebrow,.posts-eyebrow) {color:#087ea4!important;margin-bottom:8px}
.c58-reference :is(.product-gallery-grid,.technical-gallery-grid) figure {background:transparent;box-shadow:none}
.c58-reference .c55-handrail {margin-block:0}
.c58-reference .c55-handrail :is(h3,.c55-handrail-kicker) {color:#111719}
.c58-reference .c55-handrail :is(p,.c55-handrail-intro) {color:#445158}
.c58-reference .c55-handrail nav {gap:12px;flex-wrap:wrap}
.c58-reference .c55-handrail nav a {color:#07536d;border-color:#a3bbc4;border-radius:36px}

/* Largeur de type1 s'applique aux groupes entiers, jamais aux textes seuls. */
.c58-reference.c58-reference :is(.product-hero-media,.technical-hero-media,.c46-cables-gallery,.posts-hero-media,.product-gallery-grid,.technical-gallery-grid,.posts-application-grid,.posts-project-grid,.posts-handrail-grid,.posts-detail-media,.c46-posts-photo,.section-photos.section-photos,.posts-reasons,.posts-fixing-grid,.posts-process-list,.posts-duo,.posts-decision-lists,.technical-highlights,.technical-bullets,.technical-steps,.product-steps,.product-related-grid,.technical-related-grid,.c55-handrail-panels) {
 width:var(--ref-wide);max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-left:0!important;margin-right:0!important;min-width:0;justify-self:start;align-self:flex-start;
}
.c58-reference :is(.technical-section-body) {min-width:0}
.c58-reference.c58-reference :is(.section-photos.section-photos,.product-gallery-grid,.technical-gallery-grid,.c46-cables-gallery,.posts-application-grid,.posts-project-grid) {gap:24px}
.c58-reference :is(figure,.section-photo.section-photo,.posts-project-grid>a,.posts-application-grid>a,.posts-handrail-grid article) {border-radius:36px!important;overflow:hidden;position:relative;border:0;box-shadow:none}
.c58-reference :is(.product-hero-media,.technical-image-frame,.posts-hero-media)::before,.c58-reference :is(.product-hero-media,.technical-image-frame,.posts-hero-media)::after {content:none}
.c58-reference :is(.posts-reasons article,.posts-fixing-grid article,.posts-process-list li,.posts-duo article,.posts-glass-options,.technical-highlights>div,.technical-bullets li,.technical-steps li,.product-steps li,.product-related-grid>a,.technical-related-grid>a,.c55-handrail-panels article,.posts-decision-lists) {border-radius:36px;overflow:hidden}
.c58-reference :is(.posts-reasons,.posts-process-list,.technical-highlights) {background:transparent;border:0;gap:14px}
.c58-reference :is(.posts-reasons article,.posts-process-list li,.technical-highlights>div) {border:1px solid #c2d2d9;background:rgba(255,255,255,.45)}
.c58-reference .posts-decision-heading {padding:22px 28px;border:1px solid #c2cdd3;border-radius:9px;background:linear-gradient(90deg,#d9dfe3 0%,#f6fcff 50%,#d9dfe3 100%)}

/* Panneaux inférieurs déplacés sur les images, sans fond ni voile ajouté. */
.c58-reference.c58-reference :is(figcaption,.posts-application-grid>a>div,.posts-project-grid>a>div,.posts-handrail-grid article>div) {
 position:absolute;inset:auto 28px 28px;z-index:2;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:18px!important;margin:0!important;border:0;background:none!important;box-shadow:none;backdrop-filter:none;color:#fff;text-align:center;pointer-events:none;
 font:400 .89rem/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-shadow:0 1px 3px #152028,0 0 5px rgba(0,0,0,.8);
}
.c58-reference.c58-reference :is(figcaption,.posts-application-grid>a>div,.posts-project-grid>a>div,.posts-handrail-grid article>div) :is(p,span,strong,h3,b) {color:#fff!important;text-align:center;text-transform:none;letter-spacing:normal;text-shadow:inherit}
.c58-reference.c58-reference :is(figcaption>span:first-child:not(.c58-caption-detail),figcaption>strong,.posts-application-grid h3,.posts-project-grid h3,.posts-handrail-grid h3) {font-family:Cambria,Georgia,serif;font-size:clamp(1.275rem,1.875vw,1.875rem);font-weight:700;line-height:1.03;margin:0;padding:0;max-width:none}
.c58-reference.c58-reference :is(figcaption p,figcaption .c58-caption-detail,figcaption>span+span,.posts-application-grid p,.posts-project-grid p,.posts-handrail-grid p) {font:400 .89rem/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin:13px 0 0!important;padding:0;max-width:430px}
.c58-reference.c58-reference :is(.posts-application-grid>a>div>b,.posts-project-grid>a>div>b) {font:800 .71rem/normal Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#39c5f0!important;margin:20px 0 0}
.c58-reference .section-photo-expand {top:20px;bottom:auto}
.c58-reference :is(.posts-application-grid>a,.posts-project-grid>a) {display:block!important;min-height:0;background:transparent}
.c58-reference :is(.posts-application-grid figure,.posts-project-grid figure) {border-radius:0!important}
.c58-reference :is(.posts-application-grid img,.posts-project-grid img) {margin:0}

/* Sommaires compacts ; numérotation utile préservée. */
.c58-reference :is(.product-toc,.technical-toc) {border:0;box-shadow:none;margin-block:0;padding-block:26px}
.c58-reference .product-toc {width:100%;padding-inline:max(20px,calc((100% - 1180px)/2))}
.c58-reference :is(.technical-toc ol,.product-toc>div) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;background:transparent;border:0;padding:0;margin:0}
.c58-reference :is(.technical-toc a,.product-toc a) {min-height:64px;padding:12px 16px;border:1px solid #c2d2d9;border-top:3px solid #42c4e9;border-radius:0;background:rgba(255,255,255,.45);color:#445158;align-items:center;text-align:center}
.c58-reference :is(.technical-toc a,.product-toc a) b {color:#087ea4}
.c58-reference :is(.technical-toc,.product-toc)>p {color:#087ea4}
.c58-reference :is(.technical-related-grid,.product-related-grid) {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.c58-reference :is(.technical-related-grid,.product-related-grid) a {grid-template-columns:1fr 20px;min-height:80px;text-align:center}
.c58-reference :is(.technical-table-wrap,.posts-table-wrap) {border-top:3px solid #42c4e9;box-shadow:none;border-radius:12px}
.c58-reference :is(.technical-table-wrap,.posts-table-wrap) :is(th,td) {text-align:center}
.c58-reference :is(.technical-table-wrap,.posts-table-wrap) thead th {background:var(--ref-night);color:white}

/* Contrastes appliqués seulement aux zones courtes mesurées à <=75vh. */
.c58-reference [data-ref-background="2"].ref-compact {background:var(--ref-night);color:white}
.c58-reference [data-ref-background="3"].ref-compact {background:var(--ref-grey);color:white}
.c58-reference .ref-compact :is(h2,h3,strong) {color:white}
.c58-reference .ref-compact :is(p,.technical-difference,.c55-handrail-intro) {color:#c5d0d3}
.c58-reference .ref-compact :is(.technical-eyebrow,.product-eyebrow,.posts-eyebrow,.c55-handrail-kicker) {color:#6ed8f3!important}
.c58-reference .ref-compact :is(.technical-toc a,.product-toc a,.technical-related-grid>a,.product-related-grid>a,.c55-handrail-panels article) {background:rgba(255,255,255,.075);color:white;border-color:rgba(255,255,255,.2)}
.c58-reference .ref-compact :is(.technical-toc a,.product-toc a) {border-top-color:#42c4e9}
.c58-reference .ref-compact :is(a b,a i,.c55-handrail nav a) {color:#6ed8f3}
.c58-reference .ref-compact :is(.technical-related-grid,.product-related-grid) span {color:white}
.c58-reference .ref-compact .c55-handrail-panels p {color:#c5d0d3}

/* Appels à l'action : fond6 et espaces compacts, contenu inchangé. */
.c58-reference :is(.product-final-cta,.technical-cta,.posts-cta) {background:var(--ref-cta);padding-block:22px;color:white}
.c58-reference :is(.product-final-cta,.technical-cta,.posts-cta) h2 {color:white;margin-top:8px;margin-bottom:14px}
.c58-reference :is(.product-final-cta,.technical-cta,.posts-cta) p {color:#e5f7fc;max-width:900px;margin:0 auto 12px}
.c58-reference :is(.product-final-cta-grid,.technical-cta-grid,.posts-cta-grid) {gap:8px}
.c58-reference :is(.product-final-cta,.technical-cta,.posts-cta) :is(.product-eyebrow,.technical-eyebrow,.posts-eyebrow) {color:#6ed8f3!important}
.c58-reference :is(.product-final-cta,.technical-cta,.posts-cta) a {margin-top:8px}
.c58-reference :is(.product-button,.technical-button,.posts-button) {position:relative;isolation:isolate;border-radius:999px;overflow:hidden;box-shadow:none;text-shadow:none;white-space:normal;text-align:center}
.c58-reference :is(.product-button-primary,.product-button-light,.technical-button-line,.technical-button-light,.posts-button-primary,.posts-button-light) {background:none!important;color:#111719!important;border:1px solid #bedbd9}
.c58-reference :is(.product-button-primary,.product-button-light,.technical-button-line,.technical-button-light,.posts-button-primary,.posts-button-light)::before,
.c58-reference :is(.product-button-primary,.product-button-light,.technical-button-line,.technical-button-light,.posts-button-primary,.posts-button-light)::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.8),transparent 75%),linear-gradient(110deg,#f5fbff,#d9f4ef)}
.c58-reference :is(.product-button-primary,.product-button-light,.technical-button-line,.technical-button-light,.posts-button-primary,.posts-button-light)::after {clip-path:inset(0 0 0 50%);transform:scaleX(-1)}
.c58-reference :is(.product-button-secondary,.technical-button-dark) {background:var(--ref-night);color:white!important;border-color:#17272d}
.c58-reference .posts-button-ghost {background:linear-gradient(90deg,#e8e9e9 0%,#dfebf3 100%);color:#111719;border-color:#c4d4dc}
.c58-reference a:focus-visible {outline:3px solid #087ea4;outline-offset:3px}

@media(max-width:1100px){.c58-reference.c58-reference{--ref-wide:min(1040px,calc(100cqw - 56px))}}
@media(max-width:900px){.c58-reference.c58-reference{--ref-wide:calc(100cqw - 40px)}}
@media(max-width:820px){.c58-reference.c58-reference h2{font-size:1.76rem}.c58-reference :where(section,nav.product-toc,nav.technical-toc){padding-block:24px}}
@media(max-width:640px){
 .c58-reference.c58-reference{--ref-wide:calc(100cqw - 28px)}
 .c58-reference :is(.product-hero,.technical-hero,.posts-hero){padding-top:5px;padding-bottom:22px}
 .c58-reference :is(.product-breadcrumb,.technical-breadcrumb,.posts-breadcrumb){margin-bottom:6px;column-gap:6px;row-gap:2px}
 .c58-reference :is(.technical-toc ol,.product-toc>div,.technical-related-grid,.product-related-grid,.posts-reasons,.posts-fixing-grid,.posts-process-list,.posts-duo,.technical-bullets,.technical-steps,.product-steps,.c55-handrail-panels){grid-template-columns:minmax(0,1fr)}
 .c58-reference :is(.product-section,.technical-section){padding-block:24px}
 .c58-reference.c58-reference :is(figcaption,.posts-application-grid>a>div,.posts-project-grid>a>div,.posts-handrail-grid article>div){inset:auto 0 0;padding:20px!important}
 .c58-reference :is(.posts-hero-media,.technical-hero-media,.product-hero-media){padding:0}
 .c58-reference :is(.product-final-cta,.technical-cta,.posts-cta){padding-block:18px}
 .c58-reference :is(.product-faq-list,.technical-faq-list,.posts-faq-list) details p {margin-right:0;padding-right:0}
 .c58-reference .posts-chain {gap:6px}
}

/* Reserve les proportions natives pendant le chargement differe. */
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/codex22/brise-vue-verre-opale-terrasse.webp"] {aspect-ratio:auto 1600 / 1200}
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/v7/brise-vue-verre-opale-acrotere-couvertine-beton.jpg"] {aspect-ratio:auto 2016 / 1512}
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/v7/brise-vue-verre-opale-terrasse-bois-pose-francaise.jpg"] {aspect-ratio:auto 1632 / 1224}
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/v7/cloture-brise-vue-verre-opale-jardin.jpg"] {aspect-ratio:auto 2048 / 1152}
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/v7/brise-vue-verre-opale-balcon-pose-anglaise.jpg"] {aspect-ratio:auto 2016 / 1512}
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/codex22/verre-opale-depoli-brise-vue.webp"] {aspect-ratio:auto 1600 / 1200}
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/codex22/fabrication-poteaux-inox-brise-vue.webp"] {aspect-ratio:auto 1280 / 960}
.c58-reference.c58-reference .section-photo.section-photo .section-photo-link img[src="/images/pinces-au-sol/brise-vue-verre-depoli-muret-beton-pinces-inox-sol.jpg"] {aspect-ratio:auto 2048 / 1152}


@media(max-width:640px){.c58-reference.c58-reference :is(.posts-application-grid>a>div,.posts-project-grid>a>div){padding:12px!important}}

.c58-reference :is(section[id],nav[id]){scroll-margin-top:160px}
@media(min-width:901px){.c58-reference :is(section[id],nav[id]){scroll-margin-top:110px}}

.c58-reference .posts-decision-grid{grid-template-columns:minmax(0,1fr)}

.c58-reference.c58-reference .technical-toc-grid{background:transparent;border:0;box-shadow:none;padding:0}
/* Le composant photo possede des styles Astro scopes : ces regles explicites
   preservent les niveaux typographiques du referentiel sur toutes ses legendes. */
.c58-reference.c58-reference .section-photos .section-photo.section-photo figcaption>span{font:700 clamp(1.275rem,1.875vw,1.875rem)/1.03 Cambria,Georgia,serif!important;color:#fff!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important}
.c58-reference.c58-reference .section-photos .section-photo.section-photo figcaption>p{color:#fff!important}
.c58-reference.c58-reference :is(.section-photos,.technical-gallery-grid)>figure{width:100%;max-width:none;margin:0!important}
/* Niveaux de titres des grilles Orientation/Applications du referentiel. */

.c58-reference.c58-reference :is(.product-toc,.technical-toc,.product-related-grid,.technical-related-grid) a>span{font:700 1.45rem/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.c58-reference.c58-reference :is(.product-toc,.technical-toc) a>b{font:700 .72rem/1.5 Inter,system-ui,sans-serif;letter-spacing:normal}
.c58-reference .c55-handrail{padding-block:30px}
@media(max-width:820px){.c58-reference .c55-handrail{padding-block:24px}}
/* Le bloc Main courante est un composant Astro scope : neutraliser son fond
   sombre historique avant d'appliquer le seuil responsive de 75% d'ecran. */
.c58-reference.c58-reference section.c55-handrail{background:transparent;padding-block:30px}
.c58-reference.c58-reference section.c55-handrail.c55-handrail :is(h2,h3){color:#111719}
.c58-reference.c58-reference section.c55-handrail.c55-handrail p{color:#445158}
.c58-reference.c58-reference section.c55-handrail.c55-handrail .c55-handrail-kicker{color:#087ea4!important}
.c58-reference.c58-reference section.c55-handrail.c55-handrail nav a{color:#07536d}
.c58-reference.c58-reference section.c55-handrail.ref-compact{background:var(--ref-night)}
.c58-reference.c58-reference section.c55-handrail.c55-handrail.ref-compact :is(h2,h3){color:white}
.c58-reference.c58-reference section.c55-handrail.c55-handrail.ref-compact p{color:#c5d0d3}
.c58-reference.c58-reference section.c55-handrail.c55-handrail.ref-compact .c55-handrail-kicker{color:#6ed8f3!important}
.c58-reference.c58-reference section.c55-handrail.c55-handrail.ref-compact nav a{color:#6ed8f3}
@media(max-width:820px){.c58-reference.c58-reference section.c55-handrail{padding-block:24px}}

/* Révision8 : sommaires selon le tableau Où installer, sans angles arrondis.
   1fr sur toutes les rangées = hauteur du libellé le plus haut, même sur deux lignes. */
.c58-reference.c58-reference :is(.technical-toc ol,.product-toc>div){grid-auto-rows:1fr;border-top:1px solid #cedadd;border-left:1px solid #cedadd;border-radius:0;overflow:visible;align-items:stretch}
.c58-reference.c58-reference .technical-toc li{display:flex;min-width:0}
.c58-reference.c58-reference :is(.product-toc,.technical-toc) a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;width:100%;height:100%;min-height:0;padding:3px 16px;border:0;border-right:1px solid #a8bbc3;border-bottom:1px solid #a8bbc3;border-radius:0;box-shadow:none;background:rgba(255,255,255,.075);color:#111719;align-items:center;transition:transform .22s;text-decoration:none}
.c58-reference.c58-reference .technical-toc a{grid-template-columns:28px minmax(0,1fr) 22px}
.c58-reference.c58-reference :is(.product-toc,.technical-toc) a>span{font:700 1.45rem/normal Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:0 0 5px;text-transform:none;text-shadow:none;color:inherit}
.c58-reference.c58-reference :is(.product-toc,.technical-toc) a:hover{transform:translateY(-3px);background:rgba(255,255,255,.075)}
.c58-reference.c58-reference :is(.product-toc,.technical-toc).ref-compact a{border-right-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2);color:#fff}
.c58-reference.c58-reference :is(.product-toc,.technical-toc).ref-compact a :is(b,i){color:#8edbf1}
@media(prefers-reduced-motion:reduce){.c58-reference.c58-reference :is(.product-toc,.technical-toc) a{transition:none}.c58-reference.c58-reference :is(.product-toc,.technical-toc) a:hover{transform:none}}

/* Adaptations limitées aux quatre nouvelles pages inox. */
.c58-reference.c49-inox-detail .c49-detail-heading{margin-bottom:28px}
.c58-reference.c49-inox-detail .product-hero-media{margin-top:0}
.c58-reference.c49-inox-detail .c49-detail-intro{margin-top:24px}
.c58-reference.c49-handrail .technical-hero-grid{display:flex;flex-direction:column;gap:0}
.c58-reference.c49-handrail .technical-hero-copy{display:contents}
.c58-reference.c49-handrail .technical-breadcrumb{order:0;align-self:stretch}
.c58-reference.c49-handrail h1{order:1;width:100%;text-wrap:balance}
.c58-reference.c49-handrail .technical-hero-media{order:2;padding:0;background:transparent;box-shadow:none}
.c58-reference.c49-handrail .technical-hero-media img{max-height:none}
.c58-reference.c49-handrail .technical-image-frame{padding:0;background:transparent;box-shadow:none}
.c58-reference.c49-handrail .technical-intent{order:3;width:100%;max-width:880px;margin:24px auto 0}
.c58-reference.c49-handrail .technical-actions{order:4}
.c58-reference.c49-handrail .technical-meta{order:5;width:100%;max-width:760px;margin-inline:auto}
.c58-reference.c49-handrail .technical-cta-grid>div:last-child{padding-left:0;border-left:0}