.avdb-cms .material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.avdb-cms,.avdb-cms h1,.avdb-cms h2,.avdb-cms h3,.avdb-cms h4,.avdb-cms .avdb-btn{font-family:'Rubik',sans-serif}
.avdb-cms{--red:#e10600;--red-dark:#b80500;--carbon:#121417;--slate:#1e2229;--border:#e2e5e9;--soft:#f6f8fa;--txt:#2b3038;--muted:#4b5563;--r:14px;color:var(--txt);line-height:1.6;font-size:1rem}
.avdb-cms *,.avdb-cms *::before,.avdb-cms *::after{box-sizing:border-box}
.avdb-cms img{max-width:100%;height:auto;display:block}
.avdb-cms h1,.avdb-cms h2,.avdb-cms h3,.avdb-cms h4{margin:0 0 .5rem;line-height:1.15;text-transform:uppercase;letter-spacing:-.01em;font-weight:800;color:var(--carbon)}
.avdb-cms p{margin:0 0 1rem}
.avdb-cms ul{list-style:none!important;margin:0;padding:0}
.avdb-cms ul>li{list-style:none!important;margin:0;padding-left:0}
.avdb-cms li::marker{content:none}
.avdb-cms a:focus-visible,.avdb-cms summary:focus-visible{outline:3px solid var(--carbon);outline-offset:3px;box-shadow:0 0 0 6px #fff}
.avdb-dark a:focus-visible{outline-color:#fff;box-shadow:0 0 0 6px var(--carbon)}
.avdb-cms .avdb-section{padding:3rem 0}
.avdb-cms .avdb-wrap{max-width:1200px;margin:0 auto;padding:0 1rem}
.avdb-cms .avdb-head{text-align:center;margin:0 auto 2.5rem}
.avdb-cms .avdb-head h2,.avdb-cms .avdb-h2{font-size:clamp(1.6rem,4.5vw,2.3rem);font-weight:900}
.avdb-cms .avdb-head::after,.avdb-cms .avdb-bar{content:"";display:block;width:4rem;height:4px;background:var(--red);border-radius:4px;margin:1rem auto 0}
.avdb-cms .avdb-tag{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red-dark);background:#fef2f2;border:1px solid #fecaca;border-radius:999px;padding:.3rem .8rem;margin-bottom:.75rem}
.avdb-cms .avdb-kicker{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red-dark);margin-bottom:.5rem}
.avdb-dark .avdb-kicker,.avdb-cms .avdb-on-dark .avdb-kicker{color:#ff6b66}
.avdb-cms .avdb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.85rem 1.5rem;border-radius:8px;border:1px solid transparent;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background .2s,transform .2s,box-shadow .2s}
.avdb-cms .avdb-btn--red{background:var(--red-dark);color:#fff;box-shadow:0 8px 20px -8px rgba(225,6,0,.6)}
.avdb-cms .avdb-btn--red:hover{background:var(--red);color:#fff;transform:translateY(-2px)}
.avdb-cms .avdb-btn--ghost{background:#fff;color:var(--carbon);border-color:#cbd0d6}
.avdb-cms .avdb-btn--ghost:hover{background:var(--soft);color:var(--carbon)}
.avdb-cms .avdb-btn--dark{background:var(--carbon);color:#fff;width:100%}
.avdb-cms .avdb-btn--dark:hover{background:var(--red-dark);color:#fff}
.avdb-cms .avdb-btn--white{background:#fff;color:var(--carbon)}
.avdb-cms .avdb-btn--white:hover{background:#eceff2;color:var(--carbon)}
.avdb-cms .avdb-grid{display:grid;gap:1.5rem}
.avdb-cms .avdb-split{display:grid;gap:2rem;align-items:center}

/* Hero */
.avdb-cms .avdb-hero{position:relative;overflow:hidden;background:linear-gradient(#fff,#f4f6fb);border-bottom:1px solid var(--border);padding:2.5rem 0}
.avdb-cms .avdb-hero::before{content:"AVDB 3D";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22vw;color:#000;opacity:.04;pointer-events:none;white-space:nowrap}
.avdb-cms .avdb-hero .avdb-wrap{position:relative}
.avdb-cms .avdb-hero h1{font-size:clamp(2.2rem,7vw,3.75rem);font-weight:900}
.avdb-cms .avdb-hero h1 span{color:var(--red)}
.avdb-cms .avdb-lead{color:var(--muted);font-size:1.05rem;max-width:36rem}
.avdb-cms .avdb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.25rem 0;padding:.75rem 0;border-block:1px solid var(--border)}
.avdb-cms .avdb-stats dt{font-weight:900;font-size:1.1rem;color:var(--carbon)}
.avdb-cms .avdb-stats div:first-child dt{color:var(--red-dark)}
.avdb-cms .avdb-stats dd{margin:0;font-size:.7rem;text-transform:uppercase;color:var(--muted)}
.avdb-cms .avdb-actions{display:flex;flex-direction:column;gap:.75rem}
.avdb-cms .avdb-stage{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px -15px rgba(18,20,23,.25);margin:0}
.avdb-cms .avdb-stage figcaption{background:#171a1f;color:#fff;padding:.6rem 1rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700}
.avdb-cms .avdb-stage img{width:100%;background:#f3f4f6}
.avdb-cms .avdb-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:0;padding:1rem;background:#fafafa;border-top:1px solid var(--border)}
.avdb-cms .avdb-specs div{background:#fff;border:1px solid var(--border);border-radius:6px;padding:.6rem}
.avdb-cms .avdb-specs dt{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.avdb-cms .avdb-specs dd{margin:.15rem 0 0;font-size:.8rem}
.avdb-cms .avdb-specs dd:first-of-type{font-weight:700;color:var(--carbon)}
.avdb-cms .avdb-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;margin-right:.35rem;background:#4b5563}
.avdb-cms .avdb-dot--red{background:var(--red)}
.avdb-cms .avdb-dot--black{background:var(--carbon)}

/* Cartes catalogue */
.avdb-cms .avdb-catalogue{background:#fafbfd}
.avdb-cms .avdb-cards{display:grid;gap:1.5rem;grid-template-columns:1fr}
.avdb-cms .avdb-card{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:1.25rem;transition:border-color .3s,box-shadow .3s}
.avdb-cms .avdb-card:hover,.avdb-cms .avdb-card:focus-within{border-color:var(--red);box-shadow:0 4px 20px -2px rgba(18,20,23,.1)}
.avdb-cms .avdb-card__meta{display:flex;justify-content:space-between;gap:.5rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.7rem;margin-bottom:.75rem}
.avdb-cms .avdb-card__meta span:last-child{color:var(--red-dark);font-weight:700}
.avdb-cms .avdb-card__img{position:relative;margin:0 0 1rem;border:1px solid var(--border);border-radius:var(--r);background:linear-gradient(to top right,#f1f3f6,#fafbfc);overflow:hidden}
.avdb-cms .avdb-card__img img{width:100%;mix-blend-mode:multiply;border-radius:8px;transition:transform .3s}
.avdb-cms .avdb-card:hover .avdb-card__img img{transform:scale(1.05)}
.avdb-cms .avdb-badge{position:absolute;right:.5rem;bottom:.5rem;background:var(--red-dark);color:#fff;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.62rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}
.avdb-cms .avdb-card h3{font-size:1rem}
.avdb-cms .avdb-card p{font-size:.85rem;color:var(--muted)}

/* Manifeste + blocs sombres */
.avdb-cms .avdb-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#121417,#0a0a0a);color:#fff;border:1px solid #262a31;border-left:8px solid var(--red);border-radius:18px;padding:2rem 1.5rem;box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}
.avdb-cms .avdb-panel blockquote{margin:0 0 1rem;font-weight:700;font-size:clamp(1.05rem,2.5vw,1.5rem);line-height:1.6;color:#f3f4f6}
.avdb-cms .avdb-panel p{color:#c4c9d0;border-top:1px solid #262a31;padding-top:1rem;margin:0}

/* Fonctionnalités */
.avdb-cms .avdb-soft{background:var(--soft);border-top:1px solid var(--border)}
.avdb-cms .avdb-feature{margin-bottom:3rem}
.avdb-cms .avdb-feature h3{font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:800}
.avdb-cms .avdb-feature p{color:var(--muted)}
.avdb-cms .avdb-checks{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;color:var(--muted)}
.avdb-cms .avdb-checks .material-icons{color:var(--red-dark);margin-right:.35rem}
.avdb-cms .avdb-frame{margin:0;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px -15px rgba(18,20,23,.25)}
.avdb-cms .avdb-frame img{border-radius:12px;width:100%}
.avdb-cms .avdb-video{position:relative;margin:0;background:var(--carbon);border:1px solid #262a31;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}
.avdb-cms .avdb-video img{width:100%;opacity:.75}
.avdb-cms .avdb-video a.avdb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-decoration:none}
.avdb-cms .avdb-play span{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--red-dark);color:#fff;font-size:1.5rem;padding-left:.2rem;box-shadow:0 0 35px -5px rgba(225,6,0,.6);transition:transform .2s}
.avdb-cms .avdb-play:hover span{transform:scale(1.1)}
.avdb-cms .avdb-video figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:rgba(10,10,10,.85);color:#d1d5db;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem}

/* Lancement */
.avdb-cms .avdb-launch{background:#fff;border-top:1px solid var(--border)}
.avdb-cms .avdb-launch .avdb-head h2{font-size:clamp(1.6rem,5vw,2.8rem)}
.avdb-cms .avdb-banner{background:linear-gradient(90deg,#171717,#121417,#171717);--bp:1.5rem;color:#fff;border-radius:18px;overflow:hidden;padding:var(--bp);margin-bottom:3rem;box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}
.avdb-cms .avdb-banner__visual{margin:calc(var(--bp)*-1) calc(var(--bp)*-1) var(--bp);border-bottom:4px solid var(--red);background:#eef0f3}
.avdb-cms .avdb-banner .avdb-banner__visual img{width:100%;height:auto;min-height:7rem;object-fit:cover;object-position:center;border:0;border-radius:0;max-height:none;margin:0}
.avdb-cms .avdb-banner h3{color:#fff;font-size:clamp(1.4rem,3.5vw,1.9rem)}
.avdb-cms .avdb-banner p{color:#d1d5db}
.avdb-cms .avdb-banner img{border-radius:12px;border:1px solid rgba(255,255,255,.1);max-height:18rem;width:100%;object-fit:cover;margin:0 auto}
.avdb-cms .avdb-subtitle{text-align:center;font-size:clamp(1.4rem,3.5vw,1.9rem);font-weight:900;margin-bottom:2rem}
.avdb-cms .avdb-pillars{grid-template-columns:1fr;margin-bottom:3rem}
.avdb-cms .avdb-pillar{display:flex;flex-direction:column;justify-content:space-between;background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:1.5rem;transition:border-color .3s}
.avdb-cms .avdb-pillar:hover{border-color:var(--red)}
.avdb-cms .avdb-pillar h4{font-size:1.25rem}
.avdb-cms .avdb-pillar h4::after{content:"";display:block;width:2rem;height:2px;background:var(--red);margin:.5rem 0 1rem}
.avdb-cms .avdb-pillar p{font-size:.9rem;color:var(--muted)}
.avdb-cms .avdb-pillar figure{margin:0;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.avdb-cms .avdb-stat{margin:0 auto;text-align:center;background:#fafafa;border:2px dashed #cbd0d6;border-radius:18px;padding:2rem 1.25rem}
.avdb-cms .avdb-stat strong{color:var(--red-dark);font-weight:900}
.avdb-cms .avdb-stat .avdb-big{font-weight:800;font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--carbon);margin:0}

/* Qualité */
.avdb-cms .avdb-quality{position:relative;overflow:hidden;background:var(--carbon);color:#fff}
.avdb-cms .avdb-quality::before{content:"";position:absolute;inset:0;background:radial-gradient(#333 1px,transparent 1px) 0 0/20px 20px;opacity:.2;pointer-events:none}
.avdb-cms .avdb-quality .avdb-wrap{position:relative}
.avdb-cms .avdb-quality h2,.avdb-cms .avdb-quality h3{color:#fff}
.avdb-cms .avdb-quality h2{font-size:clamp(1.8rem,4.5vw,2.4rem);font-weight:900;border-left:4px solid var(--red);padding-left:1.25rem;margin-bottom:1rem}
.avdb-cms .avdb-quality p{color:#c4c9d0}
.avdb-cms .avdb-quality .avdb-video{margin-top:1rem}
.avdb-cms .avdb-feats{display:grid;gap:1rem;grid-template-columns:1fr}
.avdb-cms .avdb-feats li{background:rgba(23,26,31,.9);border:1px solid #262a31;border-radius:10px;padding:1rem}
.avdb-cms .avdb-feats strong{display:block;text-transform:uppercase;font-size:.9rem}
.avdb-cms .avdb-feats span{font-size:.8rem;color:#c4c9d0}

/* Sandbox */
.avdb-cms .avdb-sandbox{background:#f3f4f6;border-top:1px solid #d1d5db}
.avdb-cms .avdb-dark{position:relative;overflow:hidden;background:var(--carbon);color:#fff;border:1px solid #262a31;border-radius:24px;padding:2rem 1.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
.avdb-cms .avdb-dark h2,.avdb-cms .avdb-dark h3,.avdb-cms .avdb-dark h4{color:#fff}
.avdb-cms .avdb-dark .avdb-tag{background:#171a1f;border-color:#262a31;color:#ff6b66}
.avdb-cms .avdb-dark .avdb-head p{color:#c4c9d0}
.avdb-cms .avdb-dark .avdb-grid{margin-bottom:2rem}
.avdb-cms .avdb-pcard{display:flex;flex-direction:column;justify-content:space-between;background:rgba(23,26,31,.9);border:1px solid #262a31;border-radius:18px;padding:1.25rem;transition:border-color .3s}
.avdb-cms .avdb-pcard:hover,.avdb-cms .avdb-pcard:focus-within{border-color:var(--red)}
.avdb-cms .avdb-pcard .avdb-card__meta span:last-child{color:#ff6b66}
.avdb-cms .avdb-pcard .avdb-card__img{background:#0a0a0a;border-color:#262a31}
.avdb-cms .avdb-pcard .avdb-card__img img{mix-blend-mode:normal;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.avdb-cms .avdb-pcard h3{font-size:1rem}
.avdb-cms .avdb-pcard p{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;color:#c4c9d0}
.avdb-cms .avdb-pcard p strong{display:block;color:#e5e7eb}
.avdb-cms .avdb-pcard .avdb-btn{width:100%}
.avdb-cms .avdb-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;background:#171a1f;border:1px solid #262a31;border-radius:12px;padding:1.25rem;text-align:center}
.avdb-cms .avdb-cta h3{font-size:.95rem;margin:0}
.avdb-cms .avdb-cta p{margin:.25rem 0 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;color:#c4c9d0}

.avdb-cms .material-icons{font-size:1.15em;line-height:1;vertical-align:-.2em}
.avdb-cms .avdb-tag .material-icons,.avdb-cms .avdb-kicker .material-icons{margin-right:.35rem}
.avdb-cms .avdb-card__meta .material-icons{font-size:1rem}
.avdb-cms .avdb-ico{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:10px;background:#fee2e2;color:var(--red-dark);font-size:1.25rem;margin-bottom:1rem}
.avdb-cms .avdb-ico .material-icons{font-size:1.6rem;vertical-align:0}
.avdb-cms .avdb-cta .avdb-ico{background:rgba(254,226,226,.1);color:#ff6b66;margin:0;flex-shrink:0}
.avdb-cms .avdb-feats>li>.material-icons{display:block;font-size:1.5rem;color:var(--red);font-size:1.1rem;margin-bottom:.5rem}
.avdb-cms .avdb-video .avdb-play .material-icons{font-size:2.25rem;vertical-align:0;padding-left:0}
/* Desktop */
@media (min-width:576px){
 .avdb-cms .avdb-cards{grid-template-columns:repeat(2,1fr)}
 .avdb-cms .avdb-actions{flex-direction:row}
 .avdb-cms .avdb-specs{grid-template-columns:repeat(4,1fr)}
 .avdb-cms .avdb-feats{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:768px){
 .avdb-cms .avdb-pillars,.avdb-cms .avdb-sandbox .avdb-grid{grid-template-columns:repeat(3,1fr)}
 .avdb-cms .avdb-cta{flex-direction:row;justify-content:space-between;text-align:left}
 .avdb-cms .avdb-panel,.avdb-cms .avdb-dark{padding:3rem}
}
@media (min-width:992px){
 .avdb-cms .avdb-hero{padding:5rem 0}
 .avdb-cms .avdb-split{grid-template-columns:repeat(2,1fr);gap:3rem}
 .avdb-cms .avdb-split--banner{grid-template-columns:7fr 5fr}
 .avdb-cms .avdb-split--rev>:first-child{order:2}
 .avdb-cms .avdb-cards{grid-template-columns:repeat(4,1fr)}
 .avdb-cms .avdb-banner{--bp:3rem}
}
@media (prefers-reduced-motion:reduce){
 .avdb-cms *{transition:none!important;transform:none!important}
}

/* ===== Page CMS 24 sur le site : la maquette ci-dessus telle quelle + ce qui suit =====
   1) neutraliser les styles du theme (p 14px #666, h3 de .cms-description, header p 12px, listes, figure, blockquote, liens)
   2) blocs ajoutes : configurateur reel au clic dans le hero, videos lues sur place */
body{overflow-x:clip}
.avdb-cms{width:100vw;margin-left:calc(50% - 50vw)}
#content.page-cms{padding-bottom:0}
.avdb-cms p,.avdb-cms dd,.avdb-cms li{font-size:inherit;line-height:inherit;color:inherit;letter-spacing:normal}
.avdb-cms h1,.avdb-cms h2,.avdb-cms h3,.avdb-cms h4{padding:0;background:none;border-bottom:0}
.avdb-cms h1::before,.avdb-cms h2::before,.avdb-cms h3::before,.avdb-cms h4::before{content:none}
.avdb-cms .avdb-hero h1{font-size:clamp(2.2rem,7vw,3.75rem)}
.avdb-cms .avdb-head h2{font-size:clamp(1.6rem,4.5vw,2.3rem)}
.avdb-cms .avdb-launch .avdb-head h2{font-size:clamp(1.6rem,5vw,2.8rem)}
.avdb-cms .avdb-card h3,.avdb-cms .avdb-pcard h3{font-size:1rem}
.avdb-cms .avdb-feature h3,.avdb-cms .avdb-banner h3,.avdb-cms .avdb-subtitle{font-size:clamp(1.4rem,3.5vw,1.9rem)}
.avdb-cms .avdb-quality h3{font-size:clamp(1.4rem,3.5vw,1.9rem)}
.avdb-cms .avdb-quality h2{font-size:clamp(1.8rem,4.5vw,2.4rem);padding-left:1.25rem}
.avdb-cms .avdb-cta h3{font-size:.95rem}
.avdb-cms .avdb-pillar h4{font-size:1.25rem}
.avdb-cms .avdb-head{max-width:none}
.avdb-cms .avdb-head p{font-size:1rem;color:var(--muted)}
.avdb-cms .avdb-dark .avdb-head p{color:#c4c9d0}
.avdb-cms .avdb-lead{color:var(--muted);font-size:1.05rem}
.avdb-cms .avdb-feature p,.avdb-cms .avdb-launch>.avdb-wrap>p{color:var(--muted)}
.avdb-cms .avdb-card p{font-size:.85rem;color:var(--muted)}
.avdb-cms .avdb-pillar p{font-size:.9rem;color:var(--muted)}
.avdb-cms .avdb-banner p{color:#d1d5db}
.avdb-cms .avdb-banner .avdb-small{font-size:.9rem;margin:0}
.avdb-cms .avdb-quality p{color:#c4c9d0}
.avdb-cms .avdb-quality .avdb-q-lead{font-size:1.05rem}
.avdb-cms .avdb-pcard p{font-size:.75rem;color:#c4c9d0}
.avdb-cms .avdb-cta p{font-size:.75rem;color:#c4c9d0}
.avdb-cms .avdb-stat p{color:var(--txt)}
.avdb-cms .avdb-stat .avdb-big{color:var(--carbon)}
.avdb-cms .avdb-stats dd{font-size:.7rem}
.avdb-cms .avdb-specs dd{font-size:.8rem}
.avdb-cms dl,.avdb-cms dt{margin:0}
.avdb-cms figure{margin:0}
.avdb-cms .avdb-card__img{margin:0 0 1rem}
.avdb-cms blockquote{padding:0;border:0;background:none;quotes:none}
.avdb-cms blockquote::before,.avdb-cms blockquote::after{content:none}
.avdb-cms .avdb-panel blockquote p{color:inherit;border:0;padding:0;margin:0}
.avdb-cms .avdb-panel .avdb-kicker{border:0;padding:0;color:#e20813}
.avdb-cms .avdb-wrap--narrow{max-width:64rem}
.avdb-cms .avdb-wrap--mid{max-width:72rem}
.avdb-cms .avdb-feature--last{margin-bottom:0}
.avdb-cms a.avdb-btn:hover,.avdb-cms a.avdb-btn:focus{text-decoration:none}
.avdb-cms .avdb-btn--red:focus{color:#fff}
.avdb-cms .avdb-hero::before{z-index:0}

/* Hero : un clic sur l'apercu charge le vrai configurateur 3D a sa place */
.avdb-cms .avdb-stage__view{position:relative;display:block;color:inherit;text-decoration:none}
.avdb-cms .avdb-stage__try{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.6rem 1.2rem;border-radius:8px;background:var(--red-dark);color:#fff;font-family:'Rubik',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(225,6,0,.6);transition:background .2s}
.avdb-cms .avdb-stage__view:hover .avdb-stage__try,.avdb-cms .avdb-stage__view:focus .avdb-stage__try{background:var(--red)}
.avdb-cms .avdb-stage__frame{display:block;width:100%;height:480px;border:0}
.avdb-cms .avdb-stage.is-live .avdb-specs{display:none}

/* Videos : lues sur place au clic */
.avdb-cms .avdb-video video{display:block;width:100%;height:auto;background:#000}
.avdb-cms .avdb-video.is-playing figcaption{display:none}

/* ===== Style AVDB (demande d'Ali, 4 nov) : la mise en page de la maquette, sans le « look IA » =====
   police du site (Rubik), icones de la police du site, aucune ombre, aplats au lieu des degrades,
   pas de filigrane, pas de police « code », pas d'effet de survol qui bouge. */
.avdb-cms,.avdb-cms h1,.avdb-cms h2,.avdb-cms h3,.avdb-cms h4,.avdb-cms .avdb-btn,.avdb-cms .avdb-tag,.avdb-cms .avdb-kicker,
.avdb-cms .avdb-card__meta,.avdb-cms .avdb-badge,.avdb-cms .avdb-stage figcaption,.avdb-cms .avdb-video figcaption,
.avdb-cms .avdb-pcard p,.avdb-cms .avdb-cta p,.avdb-cms .avdb-checks,.avdb-cms .avdb-stage__try{font-family:'Rubik',sans-serif}
.avdb-cms .material-icons{font-family:'Material Icons'}
.avdb-cms,.avdb-cms *{box-shadow:none!important;text-shadow:none!important}
.avdb-cms *:hover,.avdb-cms *:focus{transform:none}
.avdb-cms .avdb-stage__try,.avdb-cms .avdb-stage__view:hover .avdb-stage__try{transform:translateX(-50%)}
.avdb-cms .avdb-card:hover .avdb-card__img img{transform:none}

/* Titres : graisse du site, sans majuscules forcees */
.avdb-cms h1,.avdb-cms h2,.avdb-cms h3,.avdb-cms h4{text-transform:none;letter-spacing:0;font-weight:600;color:#222}
.avdb-cms .avdb-hero h1{font-weight:900;color:var(--carbon);text-transform:uppercase;line-height:1;letter-spacing:-.01em}
/* Grands titres en majuscules (demande d'Ali) */
.avdb-cms .avdb-section h2,.avdb-cms .avdb-subtitle,.avdb-cms .avdb-feature h3,.avdb-cms .avdb-quality h3{text-transform:uppercase}
.avdb-cms .avdb-head h2,.avdb-cms .avdb-subtitle,.avdb-cms .avdb-quality h2{font-weight:600}
.avdb-cms .avdb-quality h2,.avdb-cms .avdb-quality h3,.avdb-cms .avdb-dark h2,.avdb-cms .avdb-dark h3,.avdb-cms .avdb-banner h3{color:#fff}
.avdb-cms .avdb-section h3,.avdb-cms .avdb-section h4,.avdb-cms .avdb-feature h3,.avdb-cms .avdb-card h3,.avdb-cms .avdb-pcard h3,.avdb-cms .avdb-pillar h4,.avdb-cms .avdb-cta h3{font-weight:600}
.avdb-cms .avdb-stats dt,.avdb-cms .avdb-stat strong,.avdb-cms .avdb-stat .avdb-big{font-weight:600}
.avdb-cms .avdb-head::after,.avdb-cms .avdb-pillar h4::after{content:none;display:none}
.avdb-cms .avdb-quality h2{border-left:0;padding-left:0}

/* Petits libelles : texte rouge simple (plus de pastille rose ni de police « code ») */
.avdb-cms .avdb-tag,.avdb-cms .avdb-dark .avdb-tag{background:none;border:0;border-radius:0;padding:0;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--red)}
.avdb-cms .avdb-kicker,.avdb-cms .avdb-panel .avdb-kicker{font-size:13px;font-weight:500;letter-spacing:.02em}
.avdb-cms .avdb-card__meta{font-size:12px;font-weight:500}
.avdb-cms .avdb-badge{font-size:11px;font-weight:500;border-radius:4px}
.avdb-cms .avdb-stage figcaption{font-size:13px;font-weight:500;background:#111}
.avdb-cms .avdb-video figcaption{font-size:12px}
.avdb-cms .avdb-specs dt{letter-spacing:.02em}
.avdb-cms .avdb-pcard p,.avdb-cms .avdb-cta p{font-size:13px}

/* Boutons : comme le site (13px, arrondi 8px, sans ombre ni deplacement) */
.avdb-cms .avdb-btn,.avdb-cms .avdb-stage__try{font-size:13px;font-weight:500;letter-spacing:.02em}
.avdb-cms .avdb-btn--red,.avdb-cms .avdb-stage__try{background:var(--red)}
.avdb-cms .avdb-btn--red:hover,.avdb-cms .avdb-btn--red:focus,.avdb-cms .avdb-stage__view:hover .avdb-stage__try{background:#111;color:#fff}

/* Fonds plats, plus de filigrane ni de trame */
.avdb-cms{--red:#e30606;--red-dark:#e30606}
.avdb-cms .avdb-quality::before{content:none;display:none}
/* Hero : fond et filigrane de la maquette, ombre sous la carte du configurateur (demande d'Ali) */
.avdb-cms .avdb-hero{background:linear-gradient(#fff,#f4f6fb)}
.avdb-cms .avdb-hero::before{content:"AVDB 3D";display:flex;font-family:'Rubik',sans-serif;font-weight:900}
.avdb-cms .avdb-hero .avdb-stage{box-shadow:0 20px 40px -15px rgba(18,20,23,.25)!important}
/* Ombres de la maquette sur les images et videos (demande d'Ali) */
.avdb-cms .avdb-frame{box-shadow:0 20px 40px -15px rgba(18,20,23,.25)!important}
.avdb-cms .avdb-video,.avdb-cms .avdb-banner{box-shadow:0 20px 40px -15px rgba(0,0,0,.5)!important}
.avdb-cms .avdb-card__img{background:#f7f7f7}
.avdb-cms .avdb-stage img{background:#f3f4f6}
.avdb-cms .avdb-panel,.avdb-cms .avdb-banner{background:#111;border:0;border-radius:10px}
.avdb-cms .avdb-dark{border:0;border-radius:10px}
.avdb-cms .avdb-stage,.avdb-cms .avdb-frame,.avdb-cms .avdb-video,.avdb-cms .avdb-pillar,.avdb-cms .avdb-stat{border-radius:10px}
.avdb-cms .avdb-card,.avdb-cms .avdb-pcard{border-radius:10px}
.avdb-cms .avdb-stat{border:1px solid var(--border);background:#f7f7f7}
.avdb-cms .avdb-video img{opacity:.9}

/* Icones : simple pictogramme rouge, sans tuile coloree ; rond de lecture plein sans halo */
.avdb-cms .avdb-ico,.avdb-cms .avdb-cta .avdb-ico{width:auto;height:auto;background:none;border-radius:0;color:var(--red);margin-bottom:.75rem}
.avdb-cms .avdb-cta .avdb-ico{margin:0}
.avdb-cms .avdb-ico .material-icons{font-size:1.75rem}
.avdb-cms .avdb-play span{background:var(--red)}
.avdb-cms .avdb-play:hover span{background:#111}

/* Tous les grands titres de section au style de « Nouveau : des leviers… » (comme la maquette, demande d'Ali). En fin de fichier pour passer apres les autres regles. */
.avdb-cms .avdb-section h2{font-weight:900;font-size:clamp(1.6rem,5vw,2.8rem);line-height:1.15;color:var(--carbon);letter-spacing:-.01em;text-transform:uppercase}
.avdb-cms .avdb-quality h2,.avdb-cms .avdb-dark h2{color:#fff}
/* Etiquette « 3D » des cartes : icone cube + texte */
.avdb-cms .avdb-card__meta span{display:inline-flex;align-items:center;gap:.3rem}
.avdb-cms .avdb-ico3d{width:16px;height:16px;flex-shrink:0}
.avdb-cms .avdb-ico360{width:18px;height:18px;vertical-align:-.3em;margin-right:.25rem}

/* ===== Animations et finitions modernes (demande d'Ali, 4 nov) =====
   CSS seul, sans script : les navigateurs sans « animation-timeline » affichent la page normale.
   Tout est coupe si le visiteur a demande moins d'animations dans son systeme. */
.avdb-cms h1,.avdb-cms h2,.avdb-cms h3{text-wrap:balance}
.avdb-cms p{text-wrap:pretty}
.avdb-cms .avdb-section{content-visibility:auto;contain-intrinsic-size:auto 900px}
@media (prefers-reduced-motion:no-preference){
  @keyframes avdb-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  @keyframes avdb-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
  @keyframes avdb-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
  /* entree du hero au chargement */
  .avdb-cms .avdb-hero .avdb-tag,.avdb-cms .avdb-hero h1,.avdb-cms .avdb-hero .avdb-lead,.avdb-cms .avdb-hero .avdb-stats,
  .avdb-cms .avdb-hero .avdb-actions,.avdb-cms .avdb-hero .avdb-numbers,.avdb-cms .avdb-hero .avdb-tiles,.avdb-cms .avdb-hero .avdb-display,
  .avdb-cms .avdb-hero .avdb-photo{animation:avdb-up .7s cubic-bezier(.2,.7,.2,1) both}
  .avdb-cms .avdb-hero h1{animation-delay:.08s}
  .avdb-cms .avdb-hero .avdb-lead{animation-delay:.16s}
  .avdb-cms .avdb-hero .avdb-stats,.avdb-cms .avdb-hero .avdb-numbers,.avdb-cms .avdb-hero .avdb-tiles,.avdb-cms .avdb-hero .avdb-display{animation-delay:.24s}
  .avdb-cms .avdb-hero .avdb-actions,.avdb-cms .avdb-hero .avdb-photo{animation-delay:.32s}
  .avdb-cms .avdb-hero .avdb-stage{animation:avdb-in .8s .2s cubic-bezier(.2,.7,.2,1) both}
  @supports (animation-timeline:view()){
    /* apparition au defilement retiree (6 nov) : dans Chrome, animation-timeline:view() laissait des blocs
       a moitie transparents (bas de page jamais atteint, parents overflow:hidden). Firefox l'ignorait. */
    /* photo de fond du hero : leger zoom qui se relache au defilement */
    .avdb-cms .avdb-hero--photo .avdb-hero__bg{animation:avdb-zoom linear both;animation-timeline:scroll(root);animation-range:0 70vh}
  }
}

/* Tous les titres de la page (h1 a h4) au style de « Nos produits configurables… » : Rubik 900, majuscules (chacun garde sa taille) */
.avdb-cms h1,.avdb-cms h2,.avdb-cms h3,.avdb-cms h4,.avdb-cms .avdb-section h3,.avdb-cms .avdb-section h4,.avdb-cms .avdb-feature h3,.avdb-cms .avdb-card h3,.avdb-cms .avdb-pcard h3,.avdb-cms .avdb-pillar h4,.avdb-cms .avdb-cta h3{font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:var(--carbon)}
.avdb-cms .avdb-quality h2,.avdb-cms .avdb-quality h3,.avdb-cms .avdb-dark h2,.avdb-cms .avdb-dark h3,.avdb-cms .avdb-dark h4,.avdb-cms .avdb-banner h3{color:#fff}

/* ===== Ameliorations (5 nov) : progression de lecture, cascade, defilement doux, transition entre pages ===== */
/* ancres (#catalogue, #tutoriel…) : le titre ne passe pas sous l'en-tete collant du site */
.avdb-cms [id]{scroll-margin-top:110px}
/* transition en fondu entre deux pages CMS qui chargent cette feuille (navigateurs recents, ignore ailleurs) */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:no-preference){
  html:has(.avdb-cms){scroll-behavior:smooth}
  @supports (animation-timeline:scroll()){
    /* barre de progression de lecture : trait rouge en haut de l'ecran */
    @keyframes avdb-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
    .avdb-cms::after{content:"";position:fixed;left:0;top:0;width:100%;height:3px;background:var(--red);transform-origin:0 50%;z-index:2147483000;pointer-events:none;
      animation:avdb-progress linear both;animation-timeline:scroll(root)}
  }
}
/* compteurs : la largeur ne bouge pas pendant le comptage */
.avdb-cms [data-avdb-count]{font-variant-numeric:tabular-nums}

/* ===== Toutes les pages au style de la page Team (5 nov) ===== */
/* le bloc #content du theme coupe ce qui depasse : la page doit aller d'un bord a l'autre de l'ecran */
#content.page-cms{overflow:visible}
/* icone moto = celle du bouton « Mon garage » de l'en-tete */
.avdb-cms .avdb-svgico{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;fill:currentColor}
.avdb-cms .avdb-ico .avdb-svgico{width:2.2rem;height:2.2rem;vertical-align:0}
/* hero avec photo de fond (pour la page configurateur, qui n'a pas ces regles dans sa feuille d'origine) */
.avdb-cms .avdb-hero--photo{background:#e5e8ec}
.avdb-cms .avdb-hero--photo::before{display:none}
.avdb-cms .avdb-hero--photo:not(.avdb-hero--levers)>.avdb-hero__bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 62%;z-index:0}
.avdb-cms .avdb-hero--photo:not(.avdb-hero--levers)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(236,239,243,.9) 0%,rgba(236,239,243,.8) 55%,rgba(236,239,243,.7) 100%)}
.avdb-cms .avdb-hero--photo>.avdb-wrap{position:relative;z-index:2}

/* ===== Animations en plus ===== */
@media (prefers-reduced-motion:no-preference){
  @keyframes avdb-kb{from{scale:1}to{scale:1.07}}
  @keyframes avdb-up2{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
  /* photo de fond du hero : zoom lent et continu (« Ken Burns ») */
  .avdb-cms .avdb-hero--photo:not(.avdb-hero--levers)>.avdb-hero__bg{animation:avdb-kb 22s ease-in-out infinite alternate}
  @supports (animation-timeline:scroll()){
    .avdb-cms .avdb-hero--photo:not(.avdb-hero--levers)>.avdb-hero__bg{animation:avdb-zoom linear both,avdb-kb 22s ease-in-out infinite alternate;animation-timeline:scroll(root),auto;animation-range:0 70vh,normal}
    @media (min-width:992px){.avdb-cms .avdb-hero--levers>.avdb-hero__bg{animation:avdb-zoom linear both,avdb-kb 22s ease-in-out infinite alternate;animation-timeline:scroll(root),auto;animation-range:0 70vh,normal}}
  }
  /* chiffres du hero : arrivent l'un apres l'autre */
  .avdb-cms .avdb-hero .avdb-numbers li,.avdb-cms .avdb-hero .avdb-tiles>li,.avdb-cms .avdb-hero .avdb-stats>div{animation:avdb-up2 .6s cubic-bezier(.2,.7,.2,1) both}
  .avdb-cms .avdb-hero .avdb-numbers li:nth-child(1),.avdb-cms .avdb-hero .avdb-tiles>li:nth-child(1),.avdb-cms .avdb-hero .avdb-stats>div:nth-child(1){animation-delay:.35s}
  .avdb-cms .avdb-hero .avdb-numbers li:nth-child(2),.avdb-cms .avdb-hero .avdb-tiles>li:nth-child(2),.avdb-cms .avdb-hero .avdb-stats>div:nth-child(2){animation-delay:.47s}
  .avdb-cms .avdb-hero .avdb-numbers li:nth-child(3),.avdb-cms .avdb-hero .avdb-tiles>li:nth-child(3),.avdb-cms .avdb-hero .avdb-stats>div:nth-child(3){animation-delay:.59s}
  .avdb-cms .avdb-hero .avdb-tiles>li:nth-child(4){animation-delay:.71s}
  /* survol : la carte se souleve legerement, bordure rouge, l'icone grossit (proprietes translate/scale : n'interferent pas avec les apparitions) */
  .avdb-cms :is(.avdb-tile,.avdb-card,.avdb-pcard,.avdb-pillar,.avdb-numbers li,.avdb-team figure){transition:translate .25s ease,border-color .25s ease}
  .avdb-cms :is(.avdb-tile,.avdb-card,.avdb-pcard,.avdb-pillar,.avdb-numbers li):hover{translate:0 -4px;border-color:var(--red)}
  .avdb-cms .avdb-team figure:hover{translate:0 -4px}
  .avdb-cms .avdb-ico{transition:scale .25s ease}
  .avdb-cms :is(.avdb-tile,.avdb-pillar):hover .avdb-ico{scale:1.15}
  /* boutons : la fleche avance au survol */
  .avdb-cms .avdb-btn .material-icons{transition:translate .2s ease}
  .avdb-cms .avdb-btn:hover .material-icons{translate:4px 0}
}

/* ===== Survol (5 nov) ===== */
/* le bloc sombre « Sceptique ? » coupait le haut et le coin des cartes soulevees au survol */
.avdb-cms .avdb-dark{overflow:visible}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  /* photos de l'equipe : noir et blanc, couleur au survol */
  .avdb-cms .avdb-team img{filter:grayscale(1);transition:filter .4s ease,scale .4s ease}
  .avdb-cms .avdb-team figure:hover img{filter:none;scale:1.04}
  /* grandes photos : leger zoom dans leur cadre */
  .avdb-cms :is(.avdb-photo,.avdb-frame){overflow:hidden}
  .avdb-cms :is(.avdb-photo,.avdb-frame) img{transition:scale .6s cubic-bezier(.2,.7,.2,1)}
  .avdb-cms :is(.avdb-photo,.avdb-frame):hover img{scale:1.04}
  /* liens telephone / e-mail : le soulignement s'epaissit */
  .avdb-cms a.avdb-link{text-decoration-thickness:1px;transition:text-decoration-thickness .2s ease,text-underline-offset .2s ease}
  .avdb-cms a.avdb-link:hover{text-decoration-thickness:3px;text-underline-offset:5px}
  /* boutons reseaux sociaux */
  .avdb-cms .avdb-socials a{transition:border-color .2s ease,translate .2s ease}
  .avdb-cms .avdb-socials a:hover{border-color:var(--red)!important;translate:0 -2px}
}