/* Sections après le contact : photographies bord à bord, comparatif compact,
   texte HTML indexable. Aucun style appliqué au hero ou au configurateur. */
.editorial{--ed-navy:#172746;--ed-blue:#304bd8;background:#faf9f6;color:var(--ed-navy)}
.ed-wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.ed-section{padding-block:42px}
.editorial h2{font-size:clamp(27px,6.9vw,40px);font-weight:700;line-height:1.13;letter-spacing:-1px;text-wrap:balance}
.ed-label{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;font-weight:650;color:#5d6b85;margin-bottom:12px}
.ed-heading{display:flex;flex-direction:column;gap:16px;margin-bottom:25px}
.ed-heading>p{font-size:12px;line-height:1.65;max-width:390px;color:#5d687b}
.ed-link{display:inline-flex;align-items:center;min-height:44px;width:fit-content;border-bottom:1px solid currentColor;color:var(--ed-blue);font-size:12px;font-weight:650;line-height:1.4;text-decoration:none}
.ed-link:hover{color:#172746}
.ed-caption{font-size:10px;line-height:1.6;color:#677184;margin-top:14px}
.ed-gallery{padding-top:34px}
.ed-gallery .ed-heading{gap:8px}
.ed-gallery-grid{display:grid;grid-auto-flow:column;grid-auto-columns:85%;gap:3px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;padding-inline:20px;scrollbar-width:thin}
.ed-gallery figure{position:relative;min-width:0;height:300px;overflow:hidden;scroll-snap-align:start;background:#dfdfdb}
.ed-gallery img{width:100%;height:100%;object-fit:cover}
.ed-gallery-main img{object-position:center 67%}
.ed-gallery figcaption{position:absolute;inset:auto 0 0;padding:55px 19px 19px;color:white;background:linear-gradient(transparent,#101b30d9)}
.ed-gallery figcaption strong{display:block;font-size:18px;line-height:1.25;letter-spacing:-.5px}
.ed-gallery figcaption span{display:block;font-size:10px;margin-top:7px;color:#e8ecf5;line-height:1.5}
.ed-models{border-top:1px solid #b9c5d8}
.ed-model{display:grid;grid-template-columns:62px minmax(0,1fr) 18px;column-gap:12px;row-gap:6px;padding:15px 0;border-bottom:1px solid #d7dde6;align-items:center}
.ed-model>strong{grid-row:1/3;align-self:center;font-size:32px;font-weight:650;line-height:1;letter-spacing:-1.5px}
.ed-model>strong small{font-size:13px;letter-spacing:0}
.ed-model h3{font-size:14px;letter-spacing:-.2px}
.ed-model p{font-size:11px;line-height:1.5;color:#657086;margin-top:2px}
.ed-min{grid-column:2;font-size:10px;font-weight:650;color:#304bd8;line-height:1.5}
.ed-min small{font-size:10px;color:#657086;font-weight:400;margin-left:8px}
.ed-model-arrow{grid-column:3;grid-row:1/3;color:#304bd8;font-size:23px}
.ed-model-featured>strong,.ed-model-featured h3{color:#304bd8}
.ed-model:hover{background:#edf1fc}
.ed-budget{background:var(--ed-navy);color:white;padding-block:35px}
.ed-budget-layout{display:grid;gap:25px}
.ed-budget .ed-label{color:#bccaff}
.ed-budget .ed-link{color:#c7d3ff;margin-top:15px}
.ed-budget-content>p{font-size:12px;line-height:1.7;color:#d3dbea;margin:0 0 18px}
.editorial dl{margin:0}
.ed-budget dl>div{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:12px 0;border-top:1px solid #ffffff28}
.ed-budget dt{font-size:12px;font-weight:650}
.ed-budget dd{margin:0;font-size:11px;line-height:1.6;color:#d3dbea}
.ed-print-grid{display:grid;gap:25px}
.ed-print-photo{height:225px;position:relative;overflow:hidden;background:#d8dadb}
.ed-print-photo img{width:100%;height:100%;object-fit:cover}
.ed-print-photo h3{position:absolute;inset:auto 0 0;padding:55px 20px 18px;background:linear-gradient(transparent,#101b30d9);color:#fff;font-size:25px;line-height:1.15;letter-spacing:-.6px}
.ed-print-photo h3 small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:7px}
.ed-print-copy{padding:16px 20px 0}
.ed-print-copy>p{font-size:12px;line-height:1.65;color:#5d687b;margin-bottom:12px;max-width:550px}
.ed-print-copy dl>div{display:grid;grid-template-columns:85px 1fr;gap:12px;font-size:11px;border-top:1px solid #dce1e9;padding:8px 0}
.ed-print-copy dt{font-weight:650}
.ed-print-copy dd{margin:0;color:#5d687b}
.ed-studio{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border-top:1px solid #bbc6d9;margin-top:24px;padding-top:16px}
.ed-studio p{font-size:12px;color:#5d687b;max-width:730px}
.ed-studio strong{color:#172746}
.ed-uses{border-top:1px solid #d9dfe9}
.ed-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}
.ed-use-grid article{border-top:2px solid #304bd8;padding-top:12px}
.ed-use-grid h3{font-size:14px;line-height:1.4}
.ed-use-grid p{font-size:11px;color:#5d687b;line-height:1.65;margin-top:9px}
.ed-order{background:#edf1f9;padding-block:35px}
.ed-order-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ed-order-list li{display:flex;gap:16px;padding:15px 0;border-top:1px solid #cdd6e7}
.ed-order-list li>span{color:#304bd8;font-size:12px;padding-top:3px;font-weight:650}
.ed-order-list h3{font-size:14px}
.ed-order-list p{font-size:11px;line-height:1.6;color:#5d687b;margin-top:5px;max-width:450px}
.ed-faq-list{border-top:1px solid #bbc6d9}
.ed-faq details{border-bottom:1px solid #d9dfe9}
.ed-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;font-size:13px;font-weight:650;line-height:1.4;cursor:pointer;list-style:none}
.ed-faq summary::-webkit-details-marker{display:none}
.ed-faq summary:after{content:"+";font-size:22px;line-height:1;color:#304bd8;flex-shrink:0;font-weight:400}
.ed-faq details[open] summary:after{content:"−"}
.ed-faq summary:focus-visible{outline:2px solid #304bd8;outline-offset:3px}
.ed-faq details p{padding:0 25px 18px 0;margin:0;font-size:12px;line-height:1.75;color:#5d687b;max-width:810px}
.ed-final{background:#304bd8;color:white;padding-block:30px}
.ed-final>.ed-wrap{display:flex;flex-direction:column;gap:22px}
.ed-final p{color:#e0e7ff;font-size:11px;margin-top:12px}
.ed-final .button{background:#fff;color:#253eac;border-color:#fff;font-size:12px;justify-content:center;gap:20px}
.ed-final .button:hover{background:#e7ecff}
@media(min-width:700px){
 .ed-wrap{width:min(1280px,calc(100% - 72px))}
 .ed-section{padding-block:60px}
 .editorial h2{font-size:39px;letter-spacing:-1.3px}
 .ed-heading{flex-direction:row;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}
 .ed-heading>p{font-size:13px;max-width:350px}
 .ed-label{font-size:10px}
 .ed-gallery{padding-top:44px}
 .ed-gallery-grid{grid-auto-flow:row;grid-template-columns:1.5fr 1fr 1fr;padding:0;overflow:visible;gap:4px}
 .ed-gallery figure{height:340px}
 .ed-gallery figcaption{padding:65px 25px 24px}
 .ed-gallery figcaption strong{font-size:21px}
 .ed-gallery figcaption span{font-size:11px}
 .ed-model{grid-template-columns:90px 1fr 190px 30px;padding:18px 16px;column-gap:20px}
 .ed-model>strong{grid-row:auto;font-size:39px}
 .ed-model h3{font-size:17px}
 .ed-model p{font-size:12px}
 .ed-min{grid-column:auto;font-size:13px}
 .ed-min small{display:block;margin:4px 0 0;font-size:11px}
 .ed-model-arrow{grid-column:auto;grid-row:auto}
 .ed-budget{padding-block:44px}
 .ed-budget-layout{grid-template-columns:1fr 1fr;gap:60px;align-items:center}
 .ed-budget-content>p{font-size:13px}
 .ed-budget dt{font-size:13px}
 .ed-budget dd{font-size:12px}
 .ed-print-grid{grid-template-columns:1fr 1fr;gap:4px}
 .ed-print-photo{height:300px}
 .ed-print-photo h3{padding-inline:36px;font-size:30px}
 .ed-print-copy{padding:22px 36px 0}
 .ed-print-copy>p{font-size:13px}
 .ed-print-copy dl>div{font-size:12px}
 .ed-studio{flex-direction:row;align-items:center;justify-content:space-between;gap:30px}
 .ed-use-grid{grid-template-columns:repeat(4,1fr);gap:28px}
 .ed-use-grid h3{font-size:17px}
 .ed-use-grid p{font-size:12px}
 .ed-order{padding-block:44px}
 .ed-order-list{grid-template-columns:repeat(4,1fr);gap:25px}
 .ed-order-list li{display:block;padding-top:15px}
 .ed-order-list li>span{display:block;margin-bottom:12px}
 .ed-order-list h3{font-size:16px}
 .ed-order-list p{font-size:12px;margin-top:10px}
 .ed-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}
 .ed-faq .ed-heading{display:block;margin:0}
 .ed-faq .ed-heading>p{margin-top:18px}
 .ed-faq summary{font-size:14px;padding-block:19px}
 .ed-faq details p{font-size:13px}
 .ed-final>.ed-wrap{flex-direction:row;align-items:center;justify-content:space-between;gap:35px}
 .ed-final .button{font-size:14px}
}
@media(min-width:1200px){.ed-gallery figure{height:410px}.ed-gallery figcaption strong{font-size:25px}.ed-print-photo{height:340px}.ed-print-copy{padding-inline:max(36px,calc((100vw - 1280px)/2))}}
@media(max-width:360px){.ed-wrap{width:calc(100% - 32px)}.ed-min small{display:block;margin:2px 0 0}.ed-model{grid-template-columns:52px 1fr 16px;gap:6px 10px}.ed-use-grid{gap:18px 15px}.ed-gallery figure{height:270px}}
@media print{.ed-gallery-grid{display:flex}.ed-gallery figure{flex:1}.ed-faq details>p{display:block}.ed-budget,.ed-final{background:#fff;color:#172746}}

/* Produits détourés : les gobelets entiers flottent directement sur la page. */
.ed-techniques{display:grid;gap:12px}
.ed-technique{display:grid;grid-template-columns:40% minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding-block:10px}
.ed-technique+.ed-technique{border-top:1px solid #d9dfe9;padding-top:25px}
.ed-cup-cutout{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;filter:drop-shadow(0 12px 8px #17274612)}
.ed-technique-text{min-width:0}
.ed-technique-label{font-size:9px;color:#304bd8;letter-spacing:.7px;text-transform:uppercase;font-weight:650;margin-bottom:7px}
.ed-technique h3{font-size:22px;letter-spacing:-.7px;line-height:1.12;color:#172746;margin:0 0 12px}
.ed-technique-text>p:not(.ed-technique-label){font-size:11px;line-height:1.65;color:#5d687b}
.ed-technique dl{margin-top:15px}
.ed-technique dl>div{border-top:1px solid #d9dfe9;padding:8px 0}
.ed-technique dt{font-size:10px;font-weight:650;color:#172746}
.ed-technique dd{font-size:10px;color:#5d687b;line-height:1.5;margin:3px 0 0}
@media(min-width:700px){
 .ed-techniques{grid-template-columns:1fr 1fr;gap:28px}
 .ed-technique{grid-template-columns:44% minmax(0,1fr);gap:15px;padding-block:15px}
 .ed-technique+.ed-technique{border-top:0;border-left:1px solid #d9dfe9;padding:15px 0 15px 25px}
 .ed-cup-cutout{max-height:380px}
 .ed-technique h3{font-size:26px}
 .ed-technique-text>p:not(.ed-technique-label){font-size:12px}
 .ed-technique dt,.ed-technique dd{font-size:11px}
}
@media(min-width:1100px){.ed-techniques{gap:40px}.ed-technique{grid-template-columns:48% minmax(0,1fr);gap:24px}.ed-technique h3{font-size:31px}.ed-technique-label{font-size:10px}.ed-technique-text>p:not(.ed-technique-label){font-size:13px}.ed-cup-cutout{max-height:400px}}
@media(max-width:350px){.ed-technique{grid-template-columns:36% minmax(0,1fr);gap:10px}.ed-technique h3{font-size:20px}.ed-technique-label{font-size:8px}}
/* Compense les marges transparentes des fichiers, sans rogner les produits. */
.ed-cup-cutout{width:130%;max-width:none;margin-left:-15%;max-height:440px}

/* Galerie défilante (27/09/2026, galerie.js) : huit visuels de mise en situation en défilement horizontal, sur
   ordinateur comme sur mobile (accroche sur chaque image, flèches sur ordinateur, glissement au doigt). */
.ed-gallery-grid{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.ed-gallery-grid::-webkit-scrollbar{display:none}
.ed-gallery figure{flex:0 0 85%;max-width:none;scroll-snap-align:start}
.ed-gallery-nav{display:none;justify-content:flex-end;gap:8px;margin-top:14px}
.ed-gallery-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #cfd6e6;border-radius:50%;background:#fff;color:var(--ed-navy);font-size:18px;cursor:pointer}
.ed-gallery-btn:hover{border-color:var(--ed-blue);color:var(--ed-blue)}
.ed-gallery-btn:disabled{opacity:.35;cursor:default}
@media(min-width:700px){
 .ed-gallery-grid{display:flex;grid-template-columns:none;overflow-x:auto;padding:0;scroll-padding-inline:0}
 .ed-gallery figure{flex:0 0 calc((100% - 8px) / 3);height:340px}
 .ed-gallery-nav{display:flex}
}
@media(min-width:1100px){.ed-gallery figure{height:410px}}
@media(prefers-reduced-motion:reduce){.ed-gallery-grid{scroll-behavior:auto}}
/* Galerie sans en-tête : les photos collent à la section précédente (titre caché, pour les lecteurs d'écran). */
.ed-gallery{padding-top:0}
.ed-gallery .visuellement-cache{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Légendes sur les images (27/09/2026, seconde version, la première prenait trop de place) : une seule petite
   ligne discrète en bas à gauche, l'usage, sur un voile très court. Le titre reste dans le HTML pour les
   lecteurs d'écran mais n'est pas affiché. Léger zoom au survol. */
.ed-gallery figure{isolation:isolate}
.ed-gallery img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ed-gallery figure:hover img{transform:scale(1.04)}
.ed-gallery figcaption{display:block;inset:auto 0 0;padding:48px 16px 14px;background:linear-gradient(to top,#0a122899 0%,#0a122840 55%,#0a122800 100%)}
.ed-gallery figcaption strong{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ed-gallery figcaption span{margin:0;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:#fff;opacity:.92;text-shadow:0 1px 8px #00000066}
@media(min-width:700px){.ed-gallery figcaption{padding:56px 18px 16px}}
@media(prefers-reduced-motion:reduce){.ed-gallery img{transition:none}.ed-gallery figure:hover img{transform:none}}
/* Diaporamas des techniques (27/09/2026, galerie.js) : cinq gobelets détourés par technique, en fondu enchaîné.
   Le conteneur reprend les règles de .ed-cup-cutout (taille, ombre portée) ; les images sont empilées. */
.ed-cup-diapo{position:relative;aspect-ratio:1145/1374;filter:none}
/* Les nouvelles variantes ont un fond blanc pur (générées via KIE, sans couche alpha) : multiply le fond dans la page,
   comme la vidéo du hero ; les deux détourés d'origine passent aussi par là sans changement visible. */
.ed-cup-diapo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .9s ease;mix-blend-mode:multiply}
.ed-cup-diapo>img.est-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.ed-cup-diapo>img{transition:none}}
/* Section des techniques sans en-tête : marge haute réduite, titre caché pour les lecteurs d'écran. */
.ed-print.ed-section{padding-top:18px}
.ed-print .visuellement-cache{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(min-width:700px){.ed-print.ed-section{padding-top:24px}}
/* Formats en colonnes (27/09/2026) : cinq gobelets côte à côte au lieu de cinq lignes (Simon : trop de hauteur pour
   rien). Gobelet rendu par le moteur (galerie.js) au-dessus du texte, séparateurs fins, pas de cartes. Mobile :
   défilement horizontal avec accroche. En-tête sur une ligne. */
.ed-formats .ed-heading{margin-bottom:18px}
.ed-formats .ed-heading h2{font-size:24px;letter-spacing:-.6px;line-height:1.15}
.ed-formats .ed-heading h2 br{display:none}
.ed-formats .ed-heading>p{font-size:11px;max-width:360px}
.ed-formats .ed-label{margin-bottom:6px}
.ed-models{display:flex;gap:0;border-top:1px solid #b9c5d8;border-bottom:1px solid #d7dde6;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ed-models::-webkit-scrollbar{display:none}
.ed-model,.ed-model.ed-model-featured{flex:0 0 62%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px 18px;border:0;border-left:1px solid #d7dde6;background:none;min-width:0}
.ed-model:first-child{border-left:0}
.ed-model:hover{background:#f3f5fb}
.ed-model-vignette{display:none;width:auto;height:150px;margin:0 auto 8px;align-self:center}
.a-vignettes .ed-model-vignette{display:block}
.ed-model>strong{grid-row:auto;font-size:26px;line-height:1;letter-spacing:-1px}
.ed-model>strong small{font-size:12px}
.ed-model>div{min-width:0}
.ed-model h3{font-size:14px;margin-top:2px}
.ed-model p{font-size:11px;line-height:1.45;margin-top:2px}
.ed-min{grid-column:auto;margin-top:6px;font-size:11px;line-height:1.4}
.ed-min small{display:block;margin:2px 0 0;font-size:10px}
.ed-model-arrow{display:none}
@media(min-width:700px){
 .ed-models{overflow:visible;scroll-snap-type:none}
 .ed-model,.ed-model.ed-model-featured{flex:1 1 0;padding:18px 16px 20px}
 .ed-model-vignette{height:170px}
 .ed-model>strong{font-size:30px}
 .ed-model h3{font-size:15px}
 .ed-formats .ed-heading h2{font-size:26px}
}
@media(min-width:1100px){.ed-model-vignette{height:200px}.ed-model>strong{font-size:34px}.ed-model h3{font-size:16px}.ed-model p{font-size:12px}.ed-min{font-size:12px}}
/* Sous la galerie : plus d'espace mort. Mention et flèches sur une ligne fine, section suivante collée. */
.ed-gallery{padding-bottom:0}
.ed-gallery-pied{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;min-height:36px}
.ed-gallery-pied .ed-caption{margin:0;font-size:10px;line-height:1.4;color:#657086}
.ed-gallery-nav{display:none;margin:0;gap:6px;flex:none}
.ed-gallery-btn{width:34px;height:34px;font-size:15px}
.ed-formats.ed-section{padding-top:14px}
@media(min-width:700px){.ed-gallery-nav{display:flex}.ed-formats.ed-section{padding-top:18px}}
/* Bande « Un doute sur votre logo ? » (27/09/2026) : cobalt d'un bord à l'autre (ombre géante coupée par clip-path,
   contenu aligné sur .ed-wrap), texte à la taille du bloc, vrai bouton. Remplace une ligne de texte et un lien. */
.ed-studio{--cobalt:#304bd8;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:22px;padding:26px 0 28px;border-top:0;background:var(--cobalt);box-shadow:0 0 0 100vmax var(--cobalt);clip-path:inset(0 -100vmax);color:#fff}
.ed-studio-texte{display:flex;flex-direction:column;gap:8px;max-width:640px}
.ed-studio .ed-studio-kicker{font-size:10px;font-weight:650;letter-spacing:1.4px;text-transform:uppercase;color:#c7d3ff;margin:0}
.ed-studio .ed-studio-titre{font-size:20px;line-height:1.25;letter-spacing:-.5px;font-weight:700;color:#fff;margin:0;text-wrap:balance}
.ed-studio .ed-studio-detail{font-size:12px;line-height:1.6;color:#dbe2ff;margin:0}
.ed-studio-bouton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 24px;border-radius:999px;background:#fff;color:var(--cobalt);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;flex:none}
.ed-studio-bouton:hover{background:#e8eeff}
.ed-studio-bouton:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ed-print.ed-section{padding-bottom:0}
@media(min-width:700px){.ed-studio{flex-direction:row;align-items:center;justify-content:space-between;gap:40px;padding:30px 0 32px}.ed-studio .ed-studio-titre{font-size:24px}.ed-studio .ed-studio-detail{font-size:13px}}
@media(min-width:1100px){.ed-studio .ed-studio-titre{font-size:27px;letter-spacing:-.7px}}
@media print{.ed-studio{background:#fff;color:#172746;box-shadow:none}}
/* Section « intentions » compactée (27/09/2026) : en-tête sur une ligne, quatre colonnes serrées sur ordinateur,
   défilement horizontal sur mobile au lieu de deux colonnes empilées. Le texte (référencement) est conservé. */
.ed-uses.ed-section{padding-block:26px 30px;border-top:0}
.ed-uses .ed-heading{margin-bottom:16px}
.ed-uses .ed-heading h2{font-size:22px;letter-spacing:-.5px;line-height:1.15}
.ed-uses .ed-heading h2 br{display:none}
.ed-uses .ed-heading>p{font-size:11px;max-width:360px}
.ed-uses .ed-label{margin-bottom:6px}
.ed-use-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.ed-use-grid::-webkit-scrollbar{display:none}
.ed-use-grid article{flex:0 0 72%;scroll-snap-align:start;border-top:2px solid #304bd8;padding-top:10px;min-width:0}
.ed-use-grid h3{font-size:14px;line-height:1.3}
.ed-use-grid p{font-size:11px;line-height:1.55;margin-top:6px}
@media(min-width:700px){
 .ed-uses.ed-section{padding-block:30px 34px}
 .ed-uses .ed-heading h2{font-size:24px}
 .ed-use-grid{overflow:visible;scroll-snap-type:none;gap:22px}
 .ed-use-grid article{flex:1 1 0}
 .ed-use-grid h3{font-size:15px}
 .ed-use-grid p{font-size:12px}
}
/* Techniques avant le configurateur (27/09/2026) : bloc remonté à la place de l'introduction bleu nuit. Ordinateur :
   deux colonnes, gobelet en diaporama à gauche du texte, appel à l'action par technique. Mobile : chaque technique
   sur une bande, les cinq gobelets en défilement horizontal au doigt (plus de fondu, galerie.js), texte court. */
.techniques-avant{padding:22px 0 18px}
.techniques-avant .ed-techniques{gap:22px}
.techniques-avant .ed-technique{display:block;padding:0;border:0}
.techniques-avant .ed-technique+.ed-technique{border-top:1px solid #d9dfe9;padding-top:18px;margin-top:4px}
.techniques-avant .ed-technique-label{margin-bottom:4px}
.techniques-avant .ed-technique h3{font-size:22px;margin:0 0 6px}
.techniques-avant .ed-technique-text>p:not(.ed-technique-label){font-size:12px;line-height:1.5;color:#5d687b}
.techniques-avant .ed-technique-ligne{margin-top:6px;font-size:11px}
.techniques-avant .ed-technique-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;color:#304bd8;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor}
.techniques-avant .ed-technique-cta:hover{color:#172746}
.techniques-avant .ed-cup-diapo{position:static;display:flex;gap:6px;height:auto;aspect-ratio:auto;margin:10px 0 4px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;filter:none}
.techniques-avant .ed-cup-diapo::-webkit-scrollbar{display:none}
.techniques-avant .ed-cup-diapo>img{position:static;flex:0 0 36%;width:36%;height:auto;aspect-ratio:1145/1374;opacity:1;scroll-snap-align:start;transition:none}
@media(min-width:700px){
 .techniques-avant{padding:26px 0 22px}
 .techniques-avant .ed-techniques{grid-template-columns:1fr 1fr;gap:34px}
 .techniques-avant .ed-technique,.techniques-avant .ed-technique+.ed-technique{display:grid;grid-template-columns:46% minmax(0,1fr);gap:16px;align-items:center;border:0;padding:0;margin:0}
 .techniques-avant .ed-technique+.ed-technique{border-left:1px solid #d9dfe9;padding-left:30px}
 .techniques-avant .ed-cup-diapo{position:relative;display:block;aspect-ratio:1145/1374;max-height:330px;margin:0;overflow:visible}
 .techniques-avant .ed-cup-diapo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .9s ease}
 .techniques-avant .ed-cup-diapo>img.est-visible{opacity:1}
 .techniques-avant .ed-technique h3{font-size:26px}
}
@media(min-width:1100px){.techniques-avant .ed-cup-diapo{max-height:380px}.techniques-avant .ed-technique h3{font-size:30px}.techniques-avant .ed-technique-text>p:not(.ed-technique-label){font-size:13px}}
/* Mobile : ordre titre, gobelets, ligne, lien ; paragraphe descriptif masqué ; gobelets plus petits. */
@media(max-width:699px){
 .techniques-avant{padding:16px 0 10px}
 .techniques-avant .ed-technique,.techniques-avant .ed-technique+.ed-technique{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-top:14px;margin-top:0}
 .techniques-avant .ed-technique:first-child{padding-top:0}
 .techniques-avant .ed-technique-text{display:contents}
 .techniques-avant .ed-technique-label{order:1;margin:0 0 2px}
 .techniques-avant .ed-technique h3{order:2;font-size:20px;margin:0}
 .techniques-avant .ed-technique-text>p:not(.ed-technique-label):not(.ed-technique-ligne){display:none}
 .techniques-avant .ed-cup-diapo{order:3;width:100%;margin:8px 0 2px}
 .techniques-avant .ed-cup-diapo>img{flex:0 0 27%;width:27%}
 .techniques-avant .ed-technique-ligne{order:4;margin:0}
 .techniques-avant .ed-technique-cta{order:5;min-height:40px;margin-top:2px}
}