/* Pages CMS AVDB (qui sommes-nous, magasin, team, qualite, stock) : feuille de la maquette de l'equipe (avdb-cms-pages), puis adaptation au site en fin de fichier. */
.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;max-width:46rem;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:attr(data-mark);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{max-width:56rem;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-section{padding:5rem 0}
 .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}
}

/* ===== Pages institutionnelles : composants communs ===== */
.avdb-cms ol{list-style:none!important;margin:0;padding:0}
.avdb-cms ol>li{list-style:none!important;margin:0;padding-left:0}
.avdb-cms .avdb-lead-c{margin-left:auto;margin-right:auto;text-align:center}
.avdb-cms .avdb-hero--center{text-align:center}
.avdb-cms .avdb-hero--center .avdb-lead{margin-left:auto;margin-right:auto}
.avdb-cms .avdb-hero--center .avdb-actions{justify-content:center}
.avdb-cms .avdb-hero h1{margin-bottom:1.25rem}
.avdb-cms .avdb-prose{max-width:46rem;margin-left:auto;margin-right:auto}
.avdb-cms .avdb-prose p{color:var(--muted);font-size:1.02rem}
.avdb-cms .avdb-prose p strong{color:var(--carbon)}
.avdb-cms .avdb-prose--left{margin-left:0;margin-right:0}
.avdb-cms .avdb-title{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900}
.avdb-cms .avdb-title--bar::after{content:"";display:block;width:3rem;height:4px;background:var(--red);border-radius:4px;margin:.9rem 0 1.25rem}
.avdb-cms .avdb-white{background:#fff}
.avdb-cms .avdb-bleed-img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 20px 40px -15px rgba(18,20,23,.3)}
.avdb-cms picture{display:block}
.avdb-cms .avdb-photo{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 40px -15px rgba(18,20,23,.3);background:#fff}
.avdb-cms .avdb-photo img{width:100%;height:auto}
.avdb-cms .avdb-photo figcaption{padding:.7rem 1rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;color:var(--muted);border-top:1px solid var(--border)}

/* chiffres cles */
.avdb-cms .avdb-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:2rem 0 0}
.avdb-cms .avdb-numbers li{background:#fff;border:1px solid var(--border);border-top:3px solid var(--red);border-radius:var(--r);padding:1rem 1.1rem;text-align:left}
.avdb-cms .avdb-numbers strong{display:block;font-weight:900;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1;color:var(--carbon)}
.avdb-cms .avdb-numbers span{display:block;margin-top:.45rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.avdb-cms .avdb-dark .avdb-numbers li,.avdb-cms .avdb-panel .avdb-numbers li{background:#171a1f;border-color:#262a31;border-top-color:var(--red)}
.avdb-cms .avdb-dark .avdb-numbers strong,.avdb-cms .avdb-panel .avdb-numbers strong{color:#fff}
.avdb-cms .avdb-dark .avdb-numbers span,.avdb-cms .avdb-panel .avdb-numbers span{color:#c4c9d0}

/* tuiles */
.avdb-cms .avdb-tiles{display:grid;gap:1.25rem;grid-template-columns:1fr}
.avdb-cms .avdb-tile{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem;transition:border-color .3s,box-shadow .3s,transform .3s}
.avdb-cms .avdb-tile:hover{border-color:var(--red);box-shadow:0 12px 30px -12px rgba(18,20,23,.2);transform:translateY(-3px)}
.avdb-cms .avdb-tile h3{font-size:1.05rem;margin-bottom:.5rem}
.avdb-cms .avdb-tile p{font-size:.92rem;color:var(--muted);margin:0}
.avdb-cms .avdb-tile p+p{margin-top:.75rem}
.avdb-cms .avdb-tile .avdb-ico{margin-bottom:1rem}
.avdb-cms .avdb-tile--soft{background:var(--soft)}
.avdb-cms .avdb-tile__n{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--red-dark);margin-bottom:.5rem}
.avdb-cms .avdb-dark .avdb-tile{background:rgba(23,26,31,.9);border-color:#262a31}
.avdb-cms .avdb-dark .avdb-tile p{color:#c4c9d0}

/* liste a coches */
.avdb-cms .avdb-checklist{display:grid;gap:.65rem;margin:1.25rem 0}
.avdb-cms .avdb-checklist li{display:flex;gap:.7rem;align-items:flex-start;background:var(--soft);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;color:var(--txt);font-weight:600;font-size:.92rem}
.avdb-cms .avdb-checklist .material-icons{flex-shrink:0;color:var(--red);font-size:1.35rem;vertical-align:0;margin-top:-.05rem}
.avdb-cms .avdb-checklist--plain li{background:none;border:0;padding:.2rem 0;font-weight:500}

/* etapes */
.avdb-cms .avdb-steps{display:grid;gap:3.5rem}
.avdb-cms .avdb-step{display:grid;gap:1.5rem;align-items:center}
.avdb-cms .avdb-step__n{font-weight:900;font-size:4rem;line-height:.9;color:var(--soft);-webkit-text-fill-color:var(--soft);-webkit-text-stroke:4px var(--red);paint-order:stroke fill;display:block;margin-bottom:.5rem}
.avdb-cms .avdb-step h3{font-size:clamp(1.3rem,3.2vw,1.8rem)}
.avdb-cms .avdb-step p{color:var(--muted)}

/* equipe */
.avdb-cms .avdb-team{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}
.avdb-cms .avdb-team figure{margin:0;border-radius:14px;overflow:hidden;position:relative;background:#e5e7eb;aspect-ratio:321/410}
.avdb-cms .avdb-team img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.avdb-cms .avdb-team figure:hover img{transform:scale(1.05)}
.avdb-cms .avdb-team figure::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--red)}
.avdb-cms .avdb-role{display:inline-flex;align-items:center;gap:.4rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red-dark);margin-bottom:.6rem}
.avdb-cms .avdb-role .material-icons{font-size:1.1rem;vertical-align:0}

/* infos pratiques */
.avdb-cms .avdb-info{display:grid;gap:1.25rem;grid-template-columns:1fr}
.avdb-cms .avdb-info .avdb-tile address{font-style:normal;color:var(--txt);font-weight:600;line-height:1.7}
.avdb-cms .avdb-embed{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border);box-shadow:0 20px 40px -15px rgba(18,20,23,.3);background:#e5e7eb}
.avdb-cms .avdb-embed iframe{display:block;width:100%;border:0;height:420px}
.avdb-cms .avdb-embed--tour iframe{height:min(70vw,520px);min-height:340px}

/* bandeaux et citations */
.avdb-cms .avdb-callout{border-left:5px solid var(--red);background:var(--soft);border-radius:0 14px 14px 0;padding:1.25rem 1.5rem;margin:1.5rem 0;color:var(--txt);font-weight:600}
.avdb-cms .avdb-callout p{margin:0;color:inherit}
.avdb-cms .avdb-ctaband{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start;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-ctaband h2,.avdb-cms .avdb-ctaband h3{color:#fff;font-size:clamp(1.3rem,3.5vw,1.9rem);margin-bottom:.4rem}
.avdb-cms .avdb-ctaband p{color:#c4c9d0;margin:0}
.avdb-cms .avdb-ctaband .avdb-actions{width:100%}
.avdb-cms .avdb-btn .material-icons{font-size:1.2em}
.avdb-cms .avdb-socials{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.avdb-cms .avdb-socials a{display:inline-flex;align-items:center;min-height:40px;padding:.45rem 1rem;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--carbon);font-weight:700;font-size:.8rem;text-decoration:none;transition:border-color .2s,color .2s}
.avdb-cms .avdb-socials a:hover{border-color:var(--red);color:var(--red-dark)}
.avdb-cms a.avdb-link{color:var(--red-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.avdb-cms .avdb-status{display:inline-flex;align-items:center;gap:.4rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .7rem;border-radius:999px}
.avdb-cms .avdb-status--ok{background:#dcfce7;color:#166534}
.avdb-cms .avdb-status--wip{background:#fef3c7;color:#92400e}

@media (min-width:576px){
 .avdb-cms .avdb-team{grid-template-columns:repeat(4,1fr)}
 .avdb-cms .avdb-numbers.avdb-numbers--3{grid-template-columns:repeat(3,1fr)}
 .avdb-cms .avdb-ctaband .avdb-actions{width:auto}
}
@media (min-width:768px){
 .avdb-cms .avdb-tiles--2{grid-template-columns:repeat(2,1fr)}
 .avdb-cms .avdb-tiles--3{grid-template-columns:repeat(3,1fr)}
 .avdb-cms .avdb-info{grid-template-columns:repeat(2,1fr)}
 .avdb-cms .avdb-ctaband{flex-direction:row;align-items:center;justify-content:space-between;padding:2.5rem 3rem}
 .avdb-cms .avdb-numbers:not(.avdb-numbers--3){grid-template-columns:repeat(4,1fr)}
}
@media (min-width:992px){
 .avdb-cms .avdb-tiles--4{grid-template-columns:repeat(4,1fr)}
 .avdb-cms .avdb-tiles--5{grid-template-columns:repeat(6,1fr)}
 .avdb-cms .avdb-tiles--5>*{grid-column:span 2}
 .avdb-cms .avdb-tiles--5>*:nth-child(4){grid-column:2 / span 2}
 .avdb-cms .avdb-tiles--5>*:nth-child(5){grid-column:4 / span 2}
 .avdb-cms .avdb-step{grid-template-columns:5fr 6fr;gap:3.5rem}
 .avdb-cms .avdb-step--rev>:first-child{order:2}
 .avdb-cms .avdb-info--3{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:991px){
 .avdb-cms .avdb-desktop-only{display:none!important}
}
@media (min-width:992px){
 .avdb-cms .avdb-mobile-only{display:none!important}
}

/* variantes sur fond sombre (.avdb-quality) */
.avdb-cms .avdb-quality .avdb-numbers li{background:#171a1f;border-color:#262a31;border-top-color:var(--red)}
.avdb-cms .avdb-quality .avdb-numbers strong{color:#fff}
.avdb-cms .avdb-quality .avdb-numbers span{color:#c4c9d0}
.avdb-cms .avdb-quality .avdb-tile{background:rgba(23,26,31,.9);border-color:#262a31}
.avdb-cms .avdb-quality .avdb-tile h3{color:#fff}
.avdb-cms .avdb-quality .avdb-tile p,.avdb-cms .avdb-quality .avdb-prose p{color:#c4c9d0}
/* hero avec photo de fond pleine largeur + voile gris */
.avdb-cms .avdb-hero--photo{background:#e5e8ec;padding:4rem 0 4.5rem}
.avdb-cms .avdb-hero--photo::before{display:none}
.avdb-cms .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::after{content:"";position:absolute;inset:0;z-index:1;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}
@media (min-width:992px){.avdb-cms .avdb-hero--photo{padding:6rem 0 7rem}}
.avdb-cms .avdb-hero--photo .avdb-lead{color:var(--txt);font-weight:600}

/* hero qualite : photo de leviers en fond (texte dans la zone claire du haut, leviers dessous) */
.avdb-cms .avdb-hero--levers{background:#fff;padding:3.5rem 0 0;padding-bottom:84%}
.avdb-cms .avdb-hero--levers::after{display:none}
.avdb-cms .avdb-hero--levers .avdb-hero__bg{top:auto;bottom:0;height:auto;width:170%;left:50%;transform:translateX(-52%);object-fit:fill}
@media (min-width:768px){
 .avdb-cms .avdb-hero--levers{padding:6rem 0 0;padding-bottom:55%}
 .avdb-cms .avdb-hero--levers .avdb-hero__bg{width:100%;left:0;transform:none}
}.avdb-cms .avdb-display{margin:2rem auto 0;max-width:40rem}
.avdb-cms .avdb-display__t{margin:0;font-weight:900;font-size:clamp(2.2rem,7vw,4.2rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--carbon)}
.avdb-cms .avdb-display__t span{color:var(--red)}
.avdb-cms .avdb-display__s{margin:.7rem 0 0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

.avdb-cms .avdb-h3{font-size:1.05rem}
.avdb-cms .avdb-sub{font-weight:800;font-size:1.1rem;color:var(--carbon);margin-bottom:1rem}
.avdb-cms .avdb-hero h1 span{color:var(--red)}
.avdb-cms .avdb-title{margin-bottom:.25rem}

/* ===== Sur le site : la maquette ci-dessus + correctifs du theme + style AVDB =====
   Pages CMS 4 (qui sommes-nous), 14 (magasin), 22 (team), 25 (qualite), 26 (stock). */
body{overflow-x:clip}
.avdb-cms{width:100vw;margin-left:calc(50% - 50vw)}
#content.page-cms{padding-bottom:0}

/* 1) neutraliser le theme (p 14px #666, titres de .cms-description, header p, listes, figure, liens) */
.avdb-cms p,.avdb-cms dd,.avdb-cms li,.avdb-cms address{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,.avdb-cms .avdb-h2{font-size:clamp(1.6rem,4.5vw,2.3rem)}
.avdb-cms .avdb-title{font-size:clamp(1.5rem,4vw,2.1rem)}
.avdb-cms .avdb-tile h3,.avdb-cms .avdb-h3{font-size:1.05rem}
.avdb-cms .avdb-step h3{font-size:clamp(1.3rem,3.2vw,1.8rem)}
.avdb-cms .avdb-ctaband h2,.avdb-cms .avdb-ctaband h3{font-size:clamp(1.3rem,3.5vw,1.9rem)}
.avdb-cms .avdb-head{margin-left:auto;margin-right:auto}
.avdb-cms .avdb-head p{font-size:1rem;color:var(--muted)}
.avdb-cms .avdb-quality .avdb-head p{color:#c4c9d0}
.avdb-cms .avdb-lead{color:var(--muted);font-size:1.05rem}
.avdb-cms .avdb-hero--photo .avdb-lead{color:var(--txt);font-weight:600}
.avdb-cms .avdb-prose p{color:var(--muted);font-size:1.02rem}
.avdb-cms .avdb-quality .avdb-prose p,.avdb-cms .avdb-quality p{color:#c4c9d0}
.avdb-cms .avdb-tile p{font-size:.92rem;color:var(--muted)}
.avdb-cms .avdb-quality .avdb-tile p,.avdb-cms .avdb-dark .avdb-tile p{color:#c4c9d0}
.avdb-cms .avdb-step p{color:var(--muted)}
.avdb-cms .avdb-step .avdb-sub{color:var(--carbon);font-size:1.1rem}
.avdb-cms .avdb-callout p{color:inherit}
.avdb-cms .avdb-ctaband p{color:#c4c9d0}
.avdb-cms .avdb-numbers span{font-size:.72rem}
.avdb-cms .avdb-checklist li{font-size:.92rem}
.avdb-cms dl,.avdb-cms dt{margin:0}
.avdb-cms figure{margin: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}
.avdb-cms .avdb-embed iframe{max-width:100%}
.avdb-cms h1,.avdb-cms h2,.avdb-cms h3{overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual}

/* 2) style AVDB : police du site (Rubik), icones de la police du site, pas de police « code » */
.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-role,.avdb-cms .avdb-status,.avdb-cms .avdb-tile__n,.avdb-cms .avdb-display__s,.avdb-cms .avdb-photo figcaption{font-family:'Rubik',sans-serif}
.avdb-cms .material-icons{font-family:'Material Icons'}
.avdb-cms{--red:#e30606;--red-dark:#e30606}

/* ombres : seulement sous les grandes images, la carte et la visite (comme la page 24) */
.avdb-cms,.avdb-cms *{box-shadow:none!important;text-shadow:none!important}
.avdb-cms .avdb-photo,.avdb-cms .avdb-bleed-img,.avdb-cms .avdb-embed{box-shadow:0 20px 40px -15px rgba(18,20,23,.3)!important}
.avdb-cms *:hover,.avdb-cms *:focus{transform:none}
.avdb-cms .avdb-team figure:hover img{transform:none}

/* titres : graisse du site ; grands titres en majuscules, h1 serre */
.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:700;color:var(--carbon);text-transform:uppercase;line-height:1}
.avdb-cms .avdb-section h2,.avdb-cms .avdb-title,.avdb-cms .avdb-step h3,.avdb-cms .avdb-ctaband h3{text-transform:uppercase}
.avdb-cms .avdb-quality h2,.avdb-cms .avdb-quality h3,.avdb-cms .avdb-ctaband h2,.avdb-cms .avdb-ctaband h3,.avdb-cms .avdb-dark h2,.avdb-cms .avdb-dark h3{color:#fff}
.avdb-cms .avdb-head::after,.avdb-cms .avdb-title--bar::after{content:none;display:none}
.avdb-cms .avdb-quality h2{border-left:0;padding-left:0}

/* petits libelles : texte rouge simple */
.avdb-cms .avdb-tag,.avdb-cms .avdb-quality .avdb-tag{background:none!important;border:0!important;border-radius:0;padding:0;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--red)!important}
.avdb-cms .avdb-kicker,.avdb-cms .avdb-role{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--red)}
.avdb-cms .avdb-status{font-size:12px;font-weight:500;letter-spacing:.02em;border-radius:6px}
.avdb-cms .avdb-display__s{font-size:13px;font-weight:500;letter-spacing:.02em}
.avdb-cms .avdb-display__t{font-weight:700;letter-spacing:0}
.avdb-cms .avdb-numbers strong{font-weight:600}
.avdb-cms .avdb-numbers li{border-top:1px solid var(--border);border-radius:10px}
.avdb-cms .avdb-quality .avdb-numbers li{border-top-color:#262a31}
.avdb-cms .avdb-step__n{font-weight:700;-webkit-text-stroke:0;-webkit-text-fill-color:var(--red);color:var(--red);font-size:3rem}

/* boutons comme le site */
.avdb-cms .avdb-btn{font-size:13px;font-weight:500;letter-spacing:.02em}
.avdb-cms .avdb-btn--red{background:var(--red)}
.avdb-cms .avdb-btn--red:hover,.avdb-cms .avdb-btn--red:focus{background:#111;color:#fff}
.avdb-cms .avdb-socials a{border-radius:8px;font-weight:500}

/* fonds plats (le hero garde son degrade et son filigrane, comme la page 24) */
.avdb-cms .avdb-quality::before{content:none;display:none}
.avdb-cms .avdb-ctaband{background:#111;border:0;border-radius:10px}
.avdb-cms .avdb-tile,.avdb-cms .avdb-photo,.avdb-cms .avdb-bleed-img,.avdb-cms .avdb-embed{border-radius:10px}
.avdb-cms .avdb-team figure{border-radius:10px}
.avdb-cms .avdb-team figure::after{height:3px}
.avdb-cms .avdb-callout{border-left-width:3px;border-radius:0 10px 10px 0;font-weight:500}
.avdb-cms .avdb-checklist li{font-weight:500;border-radius:8px}

/* icones : pictogramme rouge sans tuile coloree */
.avdb-cms .avdb-ico{width:auto!important;height:auto!important;background:none!important;border-radius:0;color:var(--red)!important;justify-content:flex-start;margin-bottom:.75rem}
.avdb-cms .avdb-ctaband .avdb-ico{margin:0}
.avdb-cms .avdb-ico .material-icons{font-size:1.9rem}
.avdb-cms .avdb-quality .avdb-tag[style],.avdb-cms .avdb-quality h2[style]{background:none}

/* Titres au style de la page configurateur (« Nouveau : des leviers… ») : grand titre et titres de section en 900, majuscules */
.avdb-cms .avdb-hero h1{font-weight:900;letter-spacing:-.01em}
.avdb-cms .avdb-section h2,.avdb-cms .avdb-section .avdb-title{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{color:#fff}

/* Hero qualite : photo des leviers en fond, texte pose dessus (la maquette l'agrandissait a 170 % sous 768 px : leviers et badge TUV coupes).
   Telephone / tablette : photo en bas du bloc (largeur 100 %), texte sur sa zone claire du haut.
   Grand ecran : photo sur tout le bloc, texte a gauche sur un voile blanc, leviers et badge visibles a droite. */
.avdb-cms .avdb-hero--levers{padding:3rem 0 0;padding-bottom:calc(52% + 2rem)!important}
.avdb-cms .avdb-hero--levers .avdb-hero__bg{position:absolute;top:auto;bottom:0;left:0;width:100%;height:auto;max-width:none;transform:none;transform-origin:50% 100%;object-fit:fill;z-index:0}
.avdb-cms .avdb-hero--levers::after{display:none}
.avdb-cms .avdb-hero--levers .avdb-wrap{position:relative;z-index:2}
@media (min-width:768px){.avdb-cms .avdb-hero--levers{padding-top:4.5rem;padding-bottom:calc(50% + 4rem)!important}}
@media (min-width:992px){
  .avdb-cms .avdb-hero--levers{display:flex;align-items:center;min-height:clamp(600px,82vh,820px);padding:4rem 0!important;text-align:left}
  .avdb-cms .avdb-hero--levers .avdb-hero__bg{top:0;height:100%;object-fit:cover;object-position:62% 72%}
  .avdb-cms .avdb-hero--levers::after{content:"";display:block;position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 34%,rgba(255,255,255,.45) 50%,rgba(255,255,255,0) 62%)}
  .avdb-cms .avdb-hero--levers .avdb-wrap{width:100%}
  .avdb-cms .avdb-hero--levers .avdb-wrap>*{max-width:33rem;margin-left:0;margin-right:0;text-align:left}
  .avdb-cms .avdb-hero--levers .avdb-lead{margin-left:0}
  .avdb-cms .avdb-hero--levers .avdb-display{margin:2rem 0 0}
}

/* ===== 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}
  }
}

/* ===== 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}
}

/* ===== Page magasin (cms 14), version 2 ===== */
/* hero : texte a gauche, photo couleur du magasin a droite */
.avdb-cms .avdb-mg-hero{padding:3rem 0 3.5rem}
.avdb-cms .avdb-mg-hero__grid{display:grid;gap:2rem;align-items:center}
.avdb-cms .avdb-mg-hero__text{text-align:left}
.avdb-cms .avdb-mg-hero .avdb-lead{margin-left:0;color:var(--txt);font-weight:500}
.avdb-cms .avdb-mg-hero__photo{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:0 24px 48px -18px rgba(18,20,23,.4)!important}
.avdb-cms .avdb-mg-hero__photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.avdb-cms .avdb-mg-status{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem;padding:.45rem .95rem;border:1px solid var(--border);border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:var(--carbon)}
.avdb-cms .avdb-mg-status[hidden]{display:none}
.avdb-cms .avdb-mg-dot{position:relative;width:.6rem;height:.6rem;border-radius:50%;background:#9ca3af;flex-shrink:0}
.avdb-cms .avdb-mg-status.is-open .avdb-mg-dot{background:#16a34a}
.avdb-cms .avdb-mg-addr{margin:0 0 1.5rem;font-weight:500;color:var(--carbon)}
.avdb-cms .avdb-mg-addr .material-icons{color:var(--red)}
@media (min-width:992px){
  .avdb-cms .avdb-mg-hero{padding:5rem 0}
  .avdb-cms .avdb-mg-hero__grid{grid-template-columns:6fr 5fr;gap:3.5rem}
  .avdb-cms .avdb-mg-hero .avdb-actions{flex-direction:row}
}
/* raisons numerotees */
.avdb-cms .avdb-mg-reasons{display:grid;gap:1.5rem;margin:0 0 2.5rem;list-style:none;padding:0}
.avdb-cms .avdb-mg-reasons li{border-top:2px solid var(--carbon);padding-top:1rem}
.avdb-cms .avdb-mg-n{display:block;font-weight:900;font-size:2.6rem;line-height:1;color:var(--red);margin-bottom:.6rem}
.avdb-cms .avdb-mg-reasons p{margin:0;font-size:1.02rem;color:var(--txt)}
@media (min-width:768px){.avdb-cms .avdb-mg-reasons{grid-template-columns:repeat(3,1fr);gap:2rem}}
/* galerie */
.avdb-cms .avdb-mg-gallery{display:grid;gap:1rem;margin-bottom:2rem}
.avdb-cms .avdb-mg-gallery .avdb-photo{margin:0}
.avdb-cms .avdb-mg-gallery img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}
.avdb-cms .avdb-mg-gallery .avdb-mg-g1 img{aspect-ratio:1354/379}
@media (min-width:768px){.avdb-cms .avdb-mg-gallery{grid-template-columns:1fr 1fr}.avdb-cms .avdb-mg-gallery .avdb-mg-g1{grid-column:1/-1}}
.avdb-cms .avdb-mg-callout{max-width:46rem;margin:0 auto}
/* venir nous voir : carte adresse + horaires a cote de la carte */
.avdb-cms .avdb-mg-visit{display:grid;gap:1.5rem}
.avdb-cms .avdb-mg-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.75rem}
.avdb-cms .avdb-mg-card h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin:0 0 .75rem}
.avdb-cms .avdb-mg-card h3 .material-icons{color:var(--red)}
.avdb-cms .avdb-mg-card h3+address{font-style:normal;font-weight:500;line-height:1.7;color:var(--txt);margin:0}
.avdb-cms .avdb-mg-card p{margin:1rem 0 1.75rem}
.avdb-cms .avdb-mg-hours{width:100%;border-collapse:collapse;font-size:15px}
.avdb-cms .avdb-mg-hours th,.avdb-cms .avdb-mg-hours td{padding:.6rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}
.avdb-cms .avdb-mg-hours th{text-align:left;font-weight:500;color:var(--carbon)}
.avdb-cms .avdb-mg-hours td{text-align:right;color:var(--txt)}
.avdb-cms .avdb-mg-hours tr:last-child td{color:var(--muted)}
.avdb-cms .avdb-mg-hours tr.is-today th,.avdb-cms .avdb-mg-hours tr.is-today td{background:#fff4f4;font-weight:600;color:var(--carbon)}
.avdb-cms .avdb-mg-hours tr.is-today th::after{content:attr(data-label);margin-left:.5rem;padding:.1rem .45rem;border-radius:4px;background:var(--red);color:#fff;font-size:11px;font-weight:500;vertical-align:.1em}
.avdb-cms .avdb-mg-map{min-height:420px}
.avdb-cms .avdb-mg-map iframe{height:100%;min-height:420px}
@media (min-width:992px){.avdb-cms .avdb-mg-visit{grid-template-columns:5fr 7fr}}
/* visite 3D : image + bouton, chargee au clic */
.avdb-cms .avdb-mg-tour{position:relative;background:#111}
.avdb-cms .avdb-mg-tour__poster{display:block;width:100%;height:min(70vw,520px);min-height:340px;object-fit:cover;opacity:.82}
.avdb-cms .avdb-mg-tour__btn{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:.5rem;min-height:52px;padding:.9rem 1.6rem;border-radius:8px;background:var(--red);color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.avdb-cms .avdb-mg-tour__btn:hover,.avdb-cms .avdb-mg-tour__btn:focus{background:#fff;color:var(--carbon)}
.avdb-cms .avdb-mg-tour__btn .material-icons{font-size:1.5rem}
.avdb-cms .avdb-mg-end{padding-top:3rem}
@media (prefers-reduced-motion:no-preference){
  /* point vert « ouvert » : un anneau grandit et s'efface (sans ombre, la feuille les interdit) */
  @keyframes avdb-mg-pulse{from{scale:1;opacity:.6}to{scale:3;opacity:0}}
  .avdb-cms .avdb-mg-status.is-open .avdb-mg-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#16a34a;animation:avdb-mg-pulse 1.8s ease-out infinite}
  .avdb-cms .avdb-mg-tour__btn{transition:background .2s,color .2s,scale .2s}
  .avdb-cms .avdb-mg-tour:hover .avdb-mg-tour__btn{scale:1.05}
  .avdb-cms .avdb-mg-hero__photo{animation:avdb-in .8s .25s cubic-bezier(.2,.7,.2,1) both}
}

/* ===== Style « page magasin v2 » sur qui sommes-nous / team / stock (5 nov) ===== */
/* hero en 2 colonnes : le contenu de la maquette passe a gauche */
.avdb-cms .avdb-mg-hero .avdb-mg-hero__text>*{margin-left:0;margin-right:0;text-align:left}
.avdb-cms .avdb-mg-hero .avdb-numbers{max-width:none!important;margin:1.5rem 0 0!important}
.avdb-cms .avdb-mg-hero .avdb-tiles{margin-top:1.5rem!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.avdb-cms .avdb-mg-hero .avdb-tiles .avdb-tile{padding:1rem}
.avdb-cms .avdb-mg-hero .avdb-tiles .avdb-ico{margin-bottom:.4rem}
.avdb-cms .avdb-mg-hero .avdb-tiles .avdb-ico .material-icons{font-size:1.5rem}
.avdb-cms .avdb-mg-hero .avdb-tiles .avdb-h3{font-size:.95rem;margin:0}
.avdb-cms .avdb-mg-hero__actions{margin-top:1.75rem}
@media (min-width:992px){.avdb-cms .avdb-mg-hero .avdb-numbers.avdb-numbers--3{grid-template-columns:repeat(3,1fr)}}
/* listes numerotees 01, 02, 03… (comme les raisons de la page magasin) */
.avdb-cms .avdb-numbered{counter-reset:avdb-n}
.avdb-cms .avdb-numbered>li{counter-increment:avdb-n;background:none!important;border:0!important;border-top:2px solid var(--carbon)!important;border-radius:0!important;padding:1rem 0 0!important}
.avdb-cms .avdb-numbered>li::before{content:counter(avdb-n,decimal-leading-zero);display:block;font-weight:900;font-size:2.6rem;line-height:1;color:var(--red);margin-bottom:.6rem}
.avdb-cms .avdb-numbered>li .avdb-ico{display:none!important}
.avdb-cms .avdb-numbered>li:hover{translate:none!important}
.avdb-cms .avdb-numbered>li h3{font-size:1.05rem}
.avdb-cms .avdb-numbered>li p{font-size:.98rem;color:var(--txt)}
/* une colonne de grille ne descend pas sous son mot le plus long (ex. « leidenschaftlicher » en allemand) : on l'autorise */
.avdb-cms .avdb-mg-hero__grid{grid-template-columns:minmax(0,1fr)}
.avdb-cms .avdb-mg-hero__grid>*{min-width:0}
.avdb-cms .avdb-mg-hero h1{overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual}
@media (min-width:992px){.avdb-cms .avdb-mg-hero__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
.avdb-cms .avdb-mg-hero h1{font-size:clamp(2rem,5.2vw,3.25rem)}
/* fond de hero plus leger (voile plus clair) */
/* Page stock (seule a utiliser --soft) : voile plus leger pour voir la photo d'Ali (10 nov 2026). Ordinateur : voile fort a gauche sous le texte, leger a droite. */
.avdb-cms .avdb-hero--soft::after{background:linear-gradient(180deg,rgba(236,239,243,.86) 0%,rgba(236,239,243,.78) 55%,rgba(236,239,243,.7) 100%)!important}
@media (min-width:992px){.avdb-cms .avdb-hero--soft::after{background:linear-gradient(90deg,rgba(236,239,243,.82) 0%,rgba(236,239,243,.62) 45%,rgba(236,239,243,.25) 100%)!important}}
/* Page Qualite (etapes 2 et 3) : la photo prend la meme hauteur que le texte a cote (recadree, jamais deformee). */
@media (min-width:992px){
 .avdb-cms .avdb-step:not([style])>picture{position:relative;align-self:stretch;min-height:22rem}
 .avdb-cms .avdb-step:not([style])>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
}
/* Hero Qualite : photo des leviers sur fond blanc (5 nov) ; telephone / tablette : bloc blanc sans voile gris, texte et photo sur le meme fond. */
@media (max-width:991px){.avdb-cms .avdb-hero--levers{background:#fff!important}.avdb-cms .avdb-hero--levers::after{display:none!important}}
/* Hero Qualite, ordinateur : leviers jamais coupes, meme en dezoomant (ecran tres large) et au plus fort du zoom lent du fond.
   Hauteur mini = 40 % de la largeur (avant : plafond 820 px), cadrage et zoom centres sur les leviers (avant : 72 % / depuis le bas). Texte colle en haut du bloc (2,5rem) au lieu d etre centre. */
@media (min-width:992px){.avdb-cms .avdb-hero--levers{min-height:max(clamp(600px,82vh,820px),40vw);align-items:flex-start;padding-top:2.5rem!important}.avdb-cms .avdb-hero--levers .avdb-hero__bg{object-position:62% 64%;transform-origin:62% 55%}}
/* Photo encadree (.avdb-photo, ex. courrier KBA de la page Qualite) : l'image remplit tout le cadre.
   Avant : marge de 15 px du theme sous les img = bande blanche en bas du cadre. */
.avdb-cms .avdb-photo picture{display:block}
.avdb-cms .avdb-photo img{display:block;margin:0!important}