/* Page d'assistance sur place — intégration fidèle à la référence transmise */
.assistance-reference-page { --assist-navy:#06213a; --assist-blue:#087fe5; --assist-green:#08a83c; }
.assistance-reference-page .dng-header { background:#06213a; }
.assistance-reference-page .dng-top { background:linear-gradient(100deg,#061a2d 0%,#123c5e 57%,#07243f 100%); }
.assistance-reference-page .dng-head-inner { width:min(1480px,calc(100% - 34px)); min-height:66px; gap:14px; justify-content:space-between; }
.assistance-reference-page .dng-brand { flex:0 1 280px; gap:7px; }
.assistance-reference-page .dng-brand svg { width:72px; height:43px; flex:0 0 72px; }
.assistance-reference-page .dng-brand span { font-size:21px; line-height:.88; }
.assistance-reference-page .dng-brand b { font-size:20px; color:#41c7ff; margin-top:3px; }
.assistance-reference-page .dng-brand small { font-size:7px; margin-top:4px; }
.assistance-reference-page .dng-header-trust { display:none !important; }
.assistance-reference-page .dng-header-call { margin-left:auto; min-width:166px; background:#08a83c; border-color:#50d779; border-radius:999px; padding:8px 13px; }
.assistance-reference-page .dng-nav { height:34px; background:#082b49; }
.assistance-reference-page .dng-nav-inner { width:min(1480px,calc(100% - 34px)); gap:0; justify-content:flex-start; }
.assistance-reference-page .dng-nav-inner a { min-height:34px; padding:0 clamp(7px,1.05vw,16px); font-size:11px; border-bottom-width:2px; }
.assistance-reference-page .dng-nav-inner a[aria-current=page] { background:#ffffff0c; border-bottom-color:#168fff; }
.assistance-reference-page .assistance-reference-hero { position:relative; isolation:isolate; overflow:hidden; min-height:clamp(390px,39vw,570px); padding:0; color:#fff; background:#071d30; }
.assistance-reference-page .assistance-reference-hero::before { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,rgba(4,20,34,.98) 0%,rgba(4,20,34,.94) 28%,rgba(4,20,34,.79) 43%,rgba(4,20,34,.24) 64%,rgba(4,20,34,.08) 100%); pointer-events:none; }
.assistance-reference-page .assistance-reference-hero::after { content:none !important; }
.assistance-reference-page .assistance-reference-hero-bg { position:absolute; inset:0; z-index:-1; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center 47%; }
.assistance-reference-page .assistance-reference-hero-inner { position:relative; z-index:1; width:min(1480px,calc(100% - 48px)); max-width:none; min-height:inherit; margin:0 auto; padding:40px 0 36px; display:flex; align-items:center; }
.assistance-reference-page .assistance-reference-copy { width:min(650px,55%); max-width:650px; }
.assistance-reference-page .assistance-reference-copy h1 { max-width:590px; font-family:Manrope,Arial,sans-serif; font-size:clamp(38px,4.15vw,61px); font-weight:900; line-height:.99; letter-spacing:-1.8px; text-transform:none; color:#fff; margin:0 0 17px; text-wrap:balance; }
.assistance-reference-page .assistance-reference-intro { max-width:615px; color:#f1f5f8; font-size:clamp(14px,1.15vw,16px); line-height:1.48; font-weight:500; margin:0 0 15px; }
.assistance-reference-page .assistance-reference-points { padding:0; margin:0; list-style:none; display:grid; gap:4px; }
.assistance-reference-page .assistance-reference-points li { position:relative; padding-left:27px; color:#f5f9fc; font-size:clamp(13px,1.05vw,15px); font-weight:800; line-height:1.35; }
.assistance-reference-page .assistance-reference-points li::before { content:"✓"; position:absolute; left:0; top:.05em; display:grid; place-items:center; width:18px; height:18px; border-radius:5px; color:#fff; background:#0cae42; font-size:13px; font-weight:1000; box-shadow:0 0 0 1px #ffffff28; }
.assistance-reference-page .assistance-reference-services { background:#fff; padding:16px 0 20px; border-bottom:1px solid #dfe8ef; }
.assistance-reference-page .assistance-reference-grid-wrap { width:min(1480px,calc(100% - 38px)); margin:0 auto; }
.assistance-reference-page .assistance-reference-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; align-items:start; }
.assistance-reference-page .assistance-reference-card { min-width:0; background:#fff; border:0; border-radius:3px; box-shadow:none; overflow:hidden; }
.assistance-reference-page .assistance-reference-card-media { width:100%; aspect-ratio:16/9; background:#e8eef2; overflow:hidden; }
.assistance-reference-page .assistance-reference-card-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; max-width:none; }
.assistance-reference-page .assistance-reference-card-body { padding:8px 2px 3px; }
.assistance-reference-page .assistance-reference-card h2 { font-family:Manrope,Arial,sans-serif; color:#092b49; font-size:clamp(14px,1.15vw,17px); line-height:1.18; font-weight:900; margin:0 0 3px; letter-spacing:-.15px; }
.assistance-reference-page .assistance-reference-card p { color:#263b4e; font-size:clamp(11px,.88vw,13px); line-height:1.38; margin:0; }
.assistance-reference-page .floating-call { background:#08a83c; }
@media(max-width:900px){
 .assistance-reference-page .dng-head-inner { min-height:63px; width:calc(100% - 26px); }
 .assistance-reference-page .dng-header-trust { display:none !important; }
 .assistance-reference-page .dng-brand { flex:1 1 auto; min-width:0; }
 .assistance-reference-page .dng-header-call { min-width:0; }
 .assistance-reference-page .dng-nav-inner { width:100%; }
 .assistance-reference-page .assistance-reference-hero { min-height:440px; }
 .assistance-reference-page .assistance-reference-hero::before { background:linear-gradient(90deg,rgba(4,20,34,.97),rgba(4,20,34,.82) 48%,rgba(4,20,34,.25)); }
 .assistance-reference-page .assistance-reference-hero-inner { width:calc(100% - 38px); padding:34px 0; }
 .assistance-reference-page .assistance-reference-copy { width:min(660px,70%); }
 .assistance-reference-page .assistance-reference-copy h1 { font-size:clamp(35px,5.2vw,48px); }
 .assistance-reference-page .assistance-reference-grid { gap:12px; }
}
@media(max-width:620px){
 .assistance-reference-page .dng-head-inner { min-height:61px; gap:7px; }
 .assistance-reference-page .dng-brand { gap:4px; }
 .assistance-reference-page .dng-brand svg { width:43px; height:34px; flex:0 0 43px; }
 .assistance-reference-page .dng-brand span { font-size:16px; }
 .assistance-reference-page .dng-brand b { font-size:14px; }
 .assistance-reference-page .dng-brand small { font-size:5.5px; letter-spacing:.8px; }
 .assistance-reference-page .dng-header-call { padding:7px 8px; gap:3px; }
 .assistance-reference-page .dng-header-call strong { font-size:10px; }
 .assistance-reference-page .dng-header-call small { font-size:6.3px; }
 .assistance-reference-page .dng-menu-toggle { display:block; }
 .assistance-reference-page .assistance-reference-hero { min-height:0; padding:0 0 24px; }
 .assistance-reference-page .assistance-reference-hero-bg { height:300px; inset:0 0 auto; object-position:66% center; }
 .assistance-reference-page .assistance-reference-hero::before { background:linear-gradient(180deg,rgba(4,20,34,.12) 0,rgba(4,20,34,.35) 150px,#071d30 286px,#071d30 100%); }
 .assistance-reference-page .assistance-reference-hero-inner { width:calc(100% - 30px); min-height:0; padding:258px 0 0; display:block; }
 .assistance-reference-page .assistance-reference-copy { width:100%; }
 .assistance-reference-page .assistance-reference-copy h1 { font-size:clamp(31px,8.5vw,39px); margin-bottom:10px; letter-spacing:-1px; }
 .assistance-reference-page .assistance-reference-intro { font-size:12px; line-height:1.6; margin-bottom:12px; }
 .assistance-reference-page .assistance-reference-points { grid-template-columns:1fr 1fr; gap:8px 10px; }
 .assistance-reference-page .assistance-reference-points li { font-size:10px; padding-left:21px; line-height:1.35; }
 .assistance-reference-page .assistance-reference-points li::before { width:15px; height:15px; border-radius:4px; font-size:10px; }
 .assistance-reference-page .assistance-reference-services { padding:10px 0 15px; }
 .assistance-reference-page .assistance-reference-grid-wrap { width:calc(100% - 24px); }
 .assistance-reference-page .assistance-reference-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 8px; }
 .assistance-reference-page .assistance-reference-card-body { padding:7px 1px 1px; }
 .assistance-reference-page .assistance-reference-card h2 { font-size:12px; }
 .assistance-reference-page .assistance-reference-card p { font-size:10px; }
}