:root{--blue:#0056b3;--dark-blue:#003d80;--light-blue:#00d4ff;--dark:#1e293b;--gray-bg:#f1f5f9;--white:#ffffff;--text:#1e293b;--text-muted:#475569;--green:#22c55e;--gold:#f1c40f;--whatsapp:#25D366;--radius:15px;--shadow:0 8px 20px rgba(0,0,0,0.06);}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--gray-bg);color:var(--text);line-height:1.6;overflow-x:hidden;}:focus-visible{outline:3px solid var(--light-blue);outline-offset:2px;}img{display:block;max-width:100%;height:auto;}header{background:var(--white);border-bottom:3px solid var(--blue);padding:10px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.08);}.logo-box{display:flex;align-items:center;gap:15px;flex-wrap:nowrap;}.logo{font-size:24px;font-weight:900;color:var(--dark);text-decoration:none;white-space:nowrap;}.logo span{color:var(--blue);}.typing-text{font-size:13px;font-weight:600;color:var(--blue);border-right:2px solid var(--blue);white-space:nowrap;overflow:hidden;display:inline-block;vertical-align:middle;width:0;animation:typing 3.5s steps(50,end) forwards,blink 0.75s step-end infinite;text-transform:uppercase;letter-spacing:0.4px;}.mob-msg{display:none;}.pc-msg{display:inline;}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{from,to{border-color:transparent}50%{border-color:var(--blue);}}nav a{margin-left:15px;text-decoration:none;color:var(--dark);font-weight:bold;font-size:12px;text-transform:uppercase;transition:color 0.2s;}nav a:hover{color:var(--blue);}.btn-back{display:inline-flex;align-items:center;justify-content:center;min-width:105px;height:34px;white-space:nowrap;border:1px solid #94a3b8;border-radius:8px;color:var(--text);font-size:13px;font-weight:bold;text-decoration:none;padding:0 10px;transition:0.2s;}.btn-back:hover{border-color:var(--blue);color:var(--blue);}.hero{background:var(--white);background-image:radial-gradient(var(--blue) 0.5px,transparent 0.5px),linear-gradient(90deg,rgba(0,86,179,0.03) 1px,transparent 1px),linear-gradient(rgba(0,86,179,0.03) 1px,transparent 1px);background-size:20px 20px,40px 40px,40px 40px;padding:35px 5%;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden;}.hero-container{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;position:relative;z-index:1;}.hero-text{flex:1;}.hero h1{font-size:30px;text-transform:uppercase;font-style:italic;color:var(--dark);margin-bottom:10px;line-height:1.1;}.hero h1 span{color:var(--blue);}.hero p{font-size:15px;margin-bottom:15px;color:var(--text-muted);max-width:450px;}.hero-image img{width:260px;height:260px;border-radius:var(--radius);box-shadow:0 20px 50px rgba(0,86,179,0.15);animation:float 6s ease-in-out infinite;object-fit:cover;}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.dynamic-msg-box{height:28px;margin-bottom:12px;display:flex;align-items:center;}#dynamicMsg{font-size:14px;font-weight:700;color:var(--blue);transition:opacity 0.5s;}.hero-cta{background:var(--blue);color:var(--white);text-decoration:none;padding:16px 28px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900;font-size:20px;position:relative;overflow:hidden;text-transform:uppercase;white-space:nowrap;margin-bottom:15px;transition:background 0.3s,transform 0.2s;max-width:340px;width:100%;}.hero-cta:hover{background:var(--dark-blue);transform:translateY(-2px);}.hero-cta::after{content:'';position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:rgba(255,255,255,0.35);transform:rotate(30deg);animation:shineEffect 4s infinite;}@keyframes shineEffect{100%{left:150%;}}.target-badges{display:flex;gap:10px;flex-wrap:wrap;}.badge-link{text-decoration:none;}.badge-item{background:rgba(0,86,179,0.06);border:1px solid rgba(0,86,179,0.2);padding:9px 16px;border-radius:10px;font-size:13px;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:8px;text-transform:uppercase;transition:0.3s;cursor:pointer;}.badge-item:hover{background:var(--blue);color:white;transform:translateY(-2px);}.badge-stars{background:white;color:#f59e0b;border-color:#f59e0b;}.badge-stars:hover{background:#f59e0b;color:white;}.mobility-block{background:var(--white);padding:22px 20px;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(0,0,0,0.05);overflow:hidden;color:inherit;transition:transform 0.3s;}.hero-mobility{flex:0 0 310px;max-width:310px;}.mobility-header-link{display:block;text-decoration:none;color:inherit;text-align:center;margin-bottom:15px;}.mobility-icon{width:44px;height:44px;background:rgba(0,86,179,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;color:var(--blue);font-size:22px;animation:pulse-blue 2s infinite;}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 rgba(0,86,179,0.4);}70%{box-shadow:0 0 0 10px rgba(0,86,179,0);}100%{box-shadow:0 0 0 10px rgba(0,86,179,0);}}.mobility-block h3{font-size:13px;color:var(--blue);text-transform:uppercase;margin-bottom:4px;letter-spacing:0.8px;font-weight:800;}.mobility-block p{font-size:12px;color:#64748b;line-height:1.4;}.cities-grid{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;justify-content:center;}.city-pill{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:5px 10px;text-decoration:none;color:var(--text);font-size:11px;font-weight:600;transition:all 0.2s;cursor:pointer;white-space:nowrap;}.city-pill:hover{background:var(--blue);color:white;border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,86,179,0.25);}.city-code{font-size:9px;color:#94a3b8;font-weight:700;letter-spacing:0.5px;}.city-pill:hover .city-code{color:rgba(255,255,255,0.7);}.city-name{font-weight:700;font-size:11px;}.mobility-footer{text-align:center;font-size:10px;font-weight:bold;color:var(--blue);text-transform:uppercase;letter-spacing:1px;border-top:1px solid #f1f5f9;padding-top:10px;margin-top:8px;}.ticker-wrap{width:100%;overflow:hidden;background:#e2e8f0;padding:12px 0;border-bottom:1px solid #cbd5e1;cursor:pointer;text-decoration:none;display:block;}.ticker{display:flex;width:fit-content;animation:tickerScroll 40s linear infinite;}.ticker-item{white-space:nowrap;padding:0 40px;font-size:13px;font-weight:bold;color:var(--blue);text-transform:uppercase;}@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.diagnostic-section{max-width:1100px;margin:30px auto;padding:0 20px;text-align:center;}.diag-card{background:var(--white);padding:30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);border:2px solid var(--blue);}.diag-card h2{font-size:18px;color:var(--dark);text-transform:uppercase;margin-bottom:15px;}.search-container{position:relative;width:100%;max-width:600px;margin:0 auto;}.diag-search{width:100%;padding:14px 16px;border-radius:10px;border:2px solid #cbd5e1;font-size:16px;outline:none;transition:border-color 0.3s;background:#f8fafc;}.diag-search:focus{border-color:var(--blue);}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-top:none;border-radius:0 0 10px 10px;z-index:2000;display:none;text-align:left;box-shadow:0 10px 25px rgba(0,0,0,0.1);}.search-results div{padding:12px 16px;cursor:pointer;border-bottom:1px solid #eee;font-size:14px;}.search-results div:hover{background:var(--blue);color:#fff;}.diag-select{width:100%;max-width:600px;padding:14px 16px;border-radius:10px;border:1px solid #cbd5e1;font-size:16px;color:var(--text);background:#f8fafc;cursor:pointer;margin-top:0;}.container{max-width:1100px;margin:0 auto;padding:35px 20px;}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;}.card{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);border-bottom:5px solid #cbd5e1;transition:transform 0.3s,box-shadow 0.3s,opacity 0.8s,border-color 0.3s;height:100%;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden;z-index:1;opacity:0;transform:translateY(50px);}.card.reveal{opacity:1;transform:translateY(0);}.card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 40px rgba(0,86,179,0.12);border-color:var(--blue);}.card h3{font-size:17px;color:var(--dark);margin-bottom:10px;}.card p{font-size:14px;color:var(--text-muted);flex:1;margin-bottom:15px;}.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0.18;z-index:-1;}.c1::before{background-image:url("assets/svg/fond-depannage.svg");}.c2::before{background-image:url("assets/svg/fond-reseau.svg");}.c3::before{background-image:url("assets/svg/fond-boost.svg");}.c4::before{background-image:url("assets/svg/fond-data.svg");}.c5::before{background-image:url("assets/svg/fond-virus.svg");}.c6::before{background-image:url("assets/svg/fond-neuf.svg");}.c7::before{background-image:url("assets/svg/fond-ecran.svg");}.c8::before{background-image:url("assets/svg/fond-gaming.svg");}.c9::before{background-image:url("assets/svg/fond-clean.svg");}.btn-shine{background:var(--blue);color:var(--white);text-decoration:none;padding:14px 24px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:bold;position:relative;overflow:hidden;border:none;cursor:pointer;text-transform:uppercase;font-size:18px;width:100%;margin-top:auto;margin-bottom:10px;transition:background 0.3s,transform 0.2s;}.btn-shine:hover{background:var(--dark-blue);transform:translateY(-1px);}.btn-shine::after{content:'';position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:rgba(255,255,255,0.35);transform:rotate(30deg);animation:shineEffect 4s infinite;}.btn-more{background:transparent;border:2px solid var(--blue);color:var(--blue);text-align:center;padding:10px;border-radius:8px;font-weight:bold;font-size:12px;text-transform:uppercase;width:100%;transition:0.2s;}.btn-more:hover{background:var(--blue);color:white;}.details-wrapper{width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;}.detail-item{display:none;max-width:950px;width:100%;padding:45px;border-top:10px solid var(--blue);background:var(--white);border-radius:25px;box-shadow:0 25px 60px rgba(0,0,0,0.08);margin-bottom:40px;isolation:isolate;position:relative;z-index:0;}.detail-item.active{display:block;animation:fadeInUp 0.6s forwards;}.detail-content{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start;}.detail-text{flex:1;min-width:280px;}.detail-text h2{color:var(--blue);text-transform:uppercase;margin-bottom:20px;font-size:24px;}.detail-text p{color:var(--text-muted);font-size:15px;margin-bottom:15px;}.photo-column{flex:0 0 350px;max-width:350px;display:flex;flex-direction:column;gap:20px;}.detail-photo{border-radius:var(--radius);overflow:hidden;height:350px;border:1px solid #ddd;position:relative;background:#eee;}.slider-img{display:flex;width:300%;height:100%;animation:slideImg 12s infinite ease-in-out;}.slider-img img{width:33.333%;height:100%;object-fit:cover;display:block;filter:none;isolation:isolate;}@keyframes slideImg{0%,30%{transform:translateX(0);}33%,63%{transform:translateX(-33.333%);}66%,96%{transform:translateX(-66.666%);}100%{transform:translateX(0);}}.detail-item ul{list-style:none;margin:20px 0;}.detail-item ul li{margin-bottom:14px;padding-left:35px;position:relative;font-size:15px;font-weight:500;opacity:0;transform:translateX(-15px);text-align:justify;}.detail-item.active ul li{animation:fadeInLine 0.6s forwards;}.detail-item ul li::before{content:"✔";position:absolute;left:0;color:var(--green);font-weight:bold;font-size:18px;}@keyframes fadeInLine{to{opacity:1;transform:translateX(0);}}.badge-trust{background:#f8fafc;border:2px dashed #cbd5e1;padding:18px;border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;}.badge-logo{font-weight:900;color:var(--dark);font-size:18px;}.badge-logo span{color:var(--blue);}.badge-text{font-size:12px;font-weight:bold;color:var(--blue);text-transform:uppercase;letter-spacing:1px;}.hero-panne{background:var(--white);background-image:radial-gradient(var(--blue) 0.5px,transparent 0.5px);background-size:20px 20px;padding:50px 5%;text-align:center;border-bottom:1px solid #e2e8f0;}.safe-tag{background:#f0f9ff;color:#0369a1;padding:5px 15px;border-radius:50px;font-size:11px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;display:inline-block;border:2px solid #0369a1;}.hero-panne .btn-shine,.btn-panne-call{background:var(--blue);color:white;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900;padding:16px 32px;border-radius:12px;font-size:18px;white-space:nowrap;max-width:360px;width:100%;margin:20px auto 0;position:relative;overflow:hidden;text-transform:uppercase;transition:background 0.3s;}.hero-panne .btn-shine:hover,.btn-panne-call:hover{background:var(--dark-blue);}.main-card{background:var(--white);border-radius:25px;padding:40px;box-shadow:var(--shadow);border-top:10px solid var(--blue);margin-bottom:50px;}.diag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:25px 0;}.diag-item{background:#f8fafc;padding:25px;border-radius:var(--radius);border:1px solid #cbd5e1;}.diag-item h3{color:var(--blue);font-size:15px;margin-bottom:8px;text-transform:uppercase;}.diag-item p{font-size:14px;color:var(--text-muted);}.expert-list{list-style:none;margin:25px 0;padding:25px;background:#f1f5f9;border-radius:var(--radius);}.expert-list li{margin-bottom:12px;padding-left:35px;position:relative;font-weight:500;font-size:15px;opacity:0;animation:fadeInLine 0.6s forwards;}.expert-list li::before{content:"✔";position:absolute;left:0;color:#15803d;font-weight:bold;font-size:18px;}.seo-content{margin-top:25px;padding:25px;background:#f8fafc;border-radius:var(--radius);border:1px solid #e2e8f0;}.seo-content h3{color:var(--dark);font-size:16px;margin-bottom:12px;text-transform:uppercase;}.seo-content p{font-size:14px;color:var(--text-muted);line-height:1.7;}.reviews{background:#0f172a;padding:70px 5%;color:white;}.reviews-container{max-width:1100px;margin:0 auto;}.review-group{display:none;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:25px;}.review-group.active{display:grid;animation:fadeInUp 0.8s forwards;}.review-card{background:#1e293b;padding:28px;border-radius:var(--radius);border-top:4px solid var(--blue);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.stars{color:var(--gold);font-size:18px;margin-bottom:10px;}.review-text{font-style:italic;font-size:13px;margin-bottom:12px;color:#e2e8f0;line-height:1.5;}.review-author{font-weight:bold;color:var(--light-blue);font-size:11px;text-transform:uppercase;}.dot-container{text-align:center;margin-top:30px;}.dot{display:inline-block;width:10px;height:10px;background:#475569;border-radius:50%;margin:0 5px;cursor:pointer;transition:background 0.3s;}.dot.active{background:var(--blue);}footer,.legal-footer{background:#0f172a;color:#94a3b8;padding:40px 5%;font-size:13px;}.disclaimer{max-width:1100px;margin:0 auto;text-align:center;line-height:1.7;}.disclaimer a{color:#94a3b8;text-decoration:underline;}.company-id{margin-top:20px;font-size:12px;color:#64748b;}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}.whatsapp-bubble{background:white;color:var(--dark);padding:10px 16px;border-radius:12px 12px 4px 12px;font-size:13px;font-weight:600;box-shadow:0 8px 30px rgba(0,0,0,0.15);max-width:220px;line-height:1.4;text-align:right;opacity:0;transform:scale(0.85) translateY(10px);transition:opacity 0.3s,transform 0.3s;pointer-events:none;}.whatsapp-bubble.visible{opacity:1;transform:scale(1) translateY(0);}.whatsapp-btn{width:60px;height:60px;border-radius:50%;background:var(--whatsapp);color:white;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 6px 25px rgba(37,211,102,0.45);transition:transform 0.3s,box-shadow 0.3s;font-size:28px;position:relative;}.whatsapp-btn:hover{transform:scale(1.12);box-shadow:0 10px 35px rgba(37,211,102,0.6);}.whatsapp-btn::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:var(--whatsapp);animation:waPulse 2.5s infinite;z-index:-1;}@keyframes waPulse{0%{transform:scale(1);opacity:0.6;}70%{transform:scale(1.6);opacity:0;}100%{opacity:0;}}@media (max-width:900px){.hero-mobility{flex:none !important;max-width:100% !important;width:100%;}.hero-container{flex-wrap:wrap;}.hero-image{order:-1;width:100%;display:flex;justify-content:center;}.hero-image img{width:180px !important;height:180px !important;}}@media (max-width:768px){header{flex-direction:column;padding:10px 5%;gap:8px;}.logo-box{width:100%;justify-content:center;gap:8px;}.btn-back{min-width:75px !important;height:28px !important;font-size:10px !important;}.logo{font-size:20px !important;}.pc-msg{display:none !important;}.mob-msg{display:inline !important;font-size:9px !important;letter-spacing:-0.2px;text-transform:uppercase;}.typing-text{max-width:185px;}nav{width:100%;justify-content:center;gap:12px;}.hero-container{flex-direction:column !important;gap:20px !important;}.hero-image{order:0;}.hero-image img{width:160px !important;height:160px !important;margin:0 auto;}.hero h1{font-size:22px;}.hero-cta{font-size:16px !important;padding:14px 20px !important;}.target-badges{justify-content:center;}.hero-mobility{max-width:100% !important;width:100% !important;}.cities-grid{gap:5px;}.city-pill{font-size:10px;padding:4px 8px;}.grid{grid-template-columns:1fr;}.detail-item{padding:20px !important;}.detail-content{flex-direction:column !important;gap:20px !important;}.photo-column{flex:none !important;width:100% !important;max-width:100% !important;}.detail-text{min-width:100% !important;}.detail-photo{height:200px !important;}.slider-img img{object-fit:contain !important;background:#f1f5f9 !important;filter:none !important;}.detail-photo::after{display:none !important;}.hero-panne .btn-shine,.btn-panne-call{font-size:15px !important;padding:14px 16px !important;white-space:nowrap;}.btn-panne-mobile{max-width:100% !important;height:auto !important;padding:14px 16px !important;font-size:15px !important;white-space:nowrap !important;border-radius:12px !important;margin:20px auto !important;}.whatsapp-float{bottom:16px;right:16px;}.whatsapp-btn{width:52px;height:52px;font-size:24px;}.whatsapp-bubble{font-size:12px;max-width:180px;}@keyframes typing-mob{from{width:0;}to{width:100%;}}.typing-text{animation:typing-mob 3s steps(32,end) forwards,blink 0.75s step-end infinite !important;}}@media (max-width:480px){.hero h1{font-size:19px;}.detail-text h2{font-size:18px;}}.hero-mobility{flex:0 0 260px !important;max-width:260px !important;padding:16px 14px !important;}.hero-mobility h3{font-size:12px !important;}.hero-mobility p{font-size:11px !important;margin-bottom:8px !important;}.cities-grid{gap:4px !important;max-height:220px;overflow-y:auto;}.cities-grid::-webkit-scrollbar{width:3px;}.cities-grid::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3px;}.city-pill{padding:3px 7px !important;font-size:10px !important;border-radius:12px !important;}.city-code{display:none !important;}.mobility-footer{font-size:9px !important;padding-top:6px !important;margin-top:4px !important;}.mobility-icon{width:36px !important;height:36px !important;font-size:18px !important;margin-bottom:6px !important;}.hero-panne{position:relative;overflow:hidden;}.hero-panne::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;opacity:0.12;z-index:0;}.hero-panne>*{position:relative;z-index:1;}.panne-ecran-bleu::before{background-image:url("../assets/svg/panne-ecran-bleu.svg");}.panne-ecran-noir::before{background-image:url("../assets/svg/panne-ecran-noir.svg");}.panne-blocage-prep::before{background-image:url("../assets/svg/panne-blocage-prep.svg");}.panne-reparation-auto::before{background-image:url("../assets/svg/panne-reparation-auto.svg");}.panne-extinction-brutale::before{background-image:url("../assets/svg/panne-extinction-brutale.svg");}.panne-pc-fige::before{background-image:url("../assets/svg/panne-pc-fige.svg");}.panne-maj-bloquee::before{background-image:url("../assets/svg/panne-maj-bloquee.svg");}.panne-lenteur-maj::before{background-image:url("../assets/svg/panne-lenteur-maj.svg");}.panne-explorateur-bug::before{background-image:url("../assets/svg/panne-explorateur-bug.svg");}.panne-wifi-pas-internet::before{background-image:url("../assets/svg/panne-wifi-pas-internet.svg");}.panne-wifi-instable::before{background-image:url("../assets/svg/panne-wifi-instable.svg");}.panne-zone-morte::before{background-image:url("../assets/svg/panne-zone-morte.svg");}.panne-vpn-bug::before{background-image:url("../assets/svg/panne-vpn-bug.svg");}.panne-imprimante-wifi::before{background-image:url("../assets/svg/panne-imprimante-wifi.svg");}.panne-ecran-casse::before{background-image:url("../assets/svg/panne-ecran-casse.svg");}.panne-batterie-bug::before{background-image:url("../assets/svg/panne-batterie-bug.svg");}.panne-clavier-bloque::before{background-image:url("../assets/svg/panne-clavier-bloque.svg");}.panne-clavier-fou::before{background-image:url("../assets/svg/panne-clavier-fou.svg");}.panne-surchauffe-bruit::before{background-image:url("../assets/svg/panne-surchauffe-bruit.svg");}.panne-chargeur-casse::before{background-image:url("../assets/svg/panne-chargeur-casse.svg");}.panne-webcam-micro::before{background-image:url("../assets/svg/panne-webcam-micro.svg");}.panne-son-muet::before{background-image:url("../assets/svg/panne-son-muet.svg");}.panne-charniere-cassee::before{background-image:url("../assets/svg/panne-charniere-cassee.svg");}.panne-casque-bluetooth::before{background-image:url("../assets/svg/panne-casque-bluetooth.svg");}.panne-cle-usb-hs::before{background-image:url("../assets/svg/panne-cle-usb-hs.svg");}.panne-assainissement-logiciel::before{background-image:url("../assets/svg/panne-assainissement-logiciel.svg");}.panne-intru-logiciel::before{background-image:url("../assets/svg/panne-intru-logiciel.svg");}.panne-protection-donnees::before{background-image:url("../assets/svg/panne-protection-donnees.svg");}.panne-messages-systeme::before{background-image:url("../assets/svg/panne-messages-systeme.svg");}.panne-parametres-navigation::before{background-image:url("../assets/svg/panne-parametres-navigation.svg");}.panne-recuperation-donnees::before{background-image:url("../assets/svg/panne-recuperation-donnees.svg");}.panne-cloud-bug::before{background-image:url("../assets/svg/panne-cloud-bug.svg");}.panne-installation-neuf::before{background-image:url("../assets/svg/panne-installation-neuf.svg");}.panne-transfert-donnees::before{background-image:url("../assets/svg/panne-transfert-donnees.svg");}.panne-logiciel-install::before{background-image:url("../assets/svg/panne-logiciel-install.svg");}.panne-optimisation-gaming::before{background-image:url("../assets/svg/panne-optimisation-gaming.svg");}.panne-pc-lent::before{background-image:url("../assets/svg/panne-pc-lent.svg");}.panne-probleme-email::before{background-image:url("../assets/svg/panne-probleme-email.svg");}.panne-fichiers-supprimes::before{background-image:url("../assets/svg/panne-fichiers-supprimes.svg");}.panne-environnement-familial::before{background-image:url("../assets/svg/panne-environnement-familial.svg");}.panne-generale::before{background-image:url("../assets/svg/panne-generale.svg");}.panne-liquide-clavier::before{background-image:url("../assets/svg/panne-liquide-clavier.svg");}.ville-hero{background:linear-gradient(135deg,#0f172a 0%,#0056b3 100%);padding:60px 5%;color:white;text-align:center;position:relative;overflow:hidden;}.ville-hero::before{content:'';position:absolute;inset:0;background:url("assets/svg/hero-repair.svg") right center/300px no-repeat;opacity:0.08;}.ville-hero>*{position:relative;z-index:1;}.ville-hero h1{font-size:38px;text-transform:uppercase;font-weight:900;margin-bottom:15px;}.ville-hero h1 span{color:#00d4ff;}.ville-hero p{font-size:17px;max-width:700px;margin:0 auto 25px;opacity:0.9;}.ville-badge{display:inline-block;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:6px 18px;border-radius:20px;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:20px;}.communes-section{max-width:1100px;margin:40px auto;padding:0 20px;}.communes-section h2{font-size:20px;text-transform:uppercase;color:var(--dark);margin-bottom:20px;text-align:center;}.communes-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;}.commune-pill{background:white;border:2px solid #e2e8f0;padding:10px 20px;border-radius:25px;text-decoration:none;color:var(--dark);font-weight:700;font-size:14px;transition:all 0.25s;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.05);}.commune-pill:hover,.commune-pill.active{background:var(--blue);color:white;border-color:var(--blue);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,86,179,0.3);}.commune-content{background:white;border-radius:20px;padding:40px;box-shadow:var(--shadow);border-top:5px solid var(--blue);}.commune-content h3{color:var(--blue);font-size:22px;margin-bottom:15px;}.autres-pannes-section{max-width:1100px;margin:0 auto 40px;padding:30px 20px;background:white;border-radius:20px;box-shadow:var(--shadow);border-top:4px solid var(--blue);}.autres-pannes-header{text-align:center;margin-bottom:25px;}.autres-pannes-header h2{font-size:18px;text-transform:uppercase;color:var(--dark);margin-bottom:8px;}.autres-pannes-header p{font-size:13px;color:var(--text-muted);}.autres-pannes-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}.autre-panne-pill{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:7px 14px;text-decoration:none;color:var(--text);font-size:12px;font-weight:600;transition:all 0.2s;white-space:nowrap;}.autre-panne-pill:hover{background:var(--blue);color:white;border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,86,179,0.2);}.ap-icon{font-size:14px;}.ap-label{font-size:11px;}.faq-section{background:#f8fafc;border-radius:15px;padding:25px;margin:25px 0;border:1px solid #e2e8f0;}.faq-section h3{color:var(--dark);font-size:16px;text-transform:uppercase;margin-bottom:15px;}.faq-item{border-bottom:1px solid #e2e8f0;padding:12px 0;}.faq-item:last-child{border-bottom:none;}.faq-q{font-weight:700;color:var(--blue);font-size:14px;margin-bottom:6px;}.faq-a{font-size:13px;color:var(--text-muted);line-height:1.6;}.error-badge-container{margin:15px 0;display:flex;flex-wrap:wrap;gap:8px;}.error-badge{background:#e2e8f0;color:#475569;padding:4px 10px;border-radius:5px;font-size:11px;font-family:monospace;font-weight:bold;border:1px solid #cbd5e1;}.regions-wrapper{background:var(--white);border-top:3px solid #e2e8f0;padding:20px 5% 25px;margin-top:0;}.regions-title{text-align:center;margin-bottom:15px;font-size:13px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px;}.regions-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;max-width:1200px;margin:0 auto;}.region-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;background:var(--white);border:2px solid #e2e8f0;border-radius:14px;text-decoration:none;color:var(--dark);transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;cursor:pointer;text-align:center;min-height:90px;}.region-card::before{content:'';position:absolute;inset:0;background:var(--region-color);opacity:0;transition:opacity 0.25s;border-radius:12px;}.region-card:hover::before{opacity:1;}.region-card:hover{transform:translateY(-6px) scale(1.04);border-color:var(--region-color);box-shadow:0 12px 30px rgba(0,0,0,0.2);color:white;}.region-card:hover .region-sub{color:rgba(255,255,255,0.8);}.region-card:hover .region-arrow{opacity:1;transform:translateX(0);}.region-card>*{position:relative;z-index:1;}.region-icon{font-size:22px;line-height:1;}.region-nom{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:0.5px;line-height:1.2;}.region-sub{font-size:9px;color:var(--text-muted);line-height:1.2;transition:color 0.25s;}.region-arrow{font-size:14px;opacity:0;transform:translateX(-5px);transition:all 0.25s;}.regions-footer{text-align:center;margin-top:12px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;}.ville-hero{padding:60px 5%;color:white;text-align:center;position:relative;overflow:hidden;}.ville-hero::after{content:'';position:absolute;inset:0;background:url("assets/svg/hero-repair.svg") right center/280px no-repeat;opacity:0.06;}.vh-inner{position:relative;z-index:1;max-width:800px;margin:0 auto;}.vh-badge{display:inline-block;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);padding:6px 20px;border-radius:20px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;}.ville-hero h1{font-size:36px;text-transform:uppercase;font-weight:900;font-style:italic;margin-bottom:15px;line-height:1.1;}.ville-hero h1 span{color:#00d4ff;}.ville-hero p{font-size:16px;opacity:0.9;max-width:650px;margin:0 auto 25px;}.vh-cta{display:inline-flex;align-items:center;gap:10px;background:#00d4ff;color:#0f172a;font-weight:900;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:18px;text-transform:uppercase;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap;}.vh-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,212,255,0.4);}.vh-legal{margin-top:15px;font-size:12px;opacity:0.6;}.communes-section{background:var(--white);border-radius:20px;padding:35px;box-shadow:var(--shadow);border-top:5px solid var(--blue);margin-bottom:25px;}.communes-section h2{font-size:20px;text-transform:uppercase;color:var(--dark);margin-bottom:8px;text-align:center;}.communes-intro{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:20px;}.communes-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px;}.commune-pill{display:inline-flex;align-items:center;gap:5px;background:#f1f5f9;border:2px solid #e2e8f0;padding:8px 16px;border-radius:25px;cursor:pointer;font-weight:700;font-size:13px;color:var(--dark);transition:all 0.2s;white-space:nowrap;}.commune-pill:hover,.commune-pill.active{background:var(--blue);color:white;border-color:var(--blue);transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,86,179,0.3);}.cp-code{font-size:10px;opacity:0.6;font-weight:700;}.cp-nom{font-size:12px;font-weight:800;}.commune-content{background:#f8fafc;border-radius:16px;padding:30px;border:1px solid #e2e8f0;animation:fadeInUp 0.4s forwards;}.cc-header{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;}.cc-icon{font-size:36px;flex-shrink:0;}.cc-header h3{font-size:20px;color:var(--dark);margin-bottom:5px;}.cc-header p{font-size:14px;color:var(--text-muted);}.cc-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:20px 0;}.cc-service-item{display:flex;gap:12px;align-items:flex-start;background:white;padding:14px;border-radius:10px;border:1px solid #e2e8f0;}.cc-service-item span{font-size:24px;flex-shrink:0;}.cc-service-item strong{display:block;font-size:13px;color:var(--dark);margin-bottom:3px;}.cc-service-item p{font-size:12px;color:var(--text-muted);margin:0;}.cc-cta{display:flex;align-items:center;justify-content:center;background:var(--blue);color:white;padding:16px;border-radius:12px;text-decoration:none;font-weight:900;font-size:16px;text-transform:uppercase;white-space:nowrap;transition:background 0.2s;margin-top:20px;width:100%;}.cc-cta:hover{background:var(--dark-blue);}.ville-pannes-section{background:var(--white);border-radius:20px;padding:30px;box-shadow:var(--shadow);margin-bottom:30px;}.ville-pannes-section h2{font-size:18px;text-transform:uppercase;color:var(--dark);margin-bottom:8px;text-align:center;}.ville-pannes-section>p{text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:20px;}@media (max-width:1100px){.regions-grid{grid-template-columns:repeat(5,1fr);}}@media (max-width:768px){.regions-grid{grid-template-columns:repeat(3,1fr);gap:8px;}.region-card{padding:12px 6px;min-height:80px;}.region-icon{font-size:18px;}.region-nom{font-size:10px;}.region-sub{display:none;}.ville-hero h1{font-size:24px;}.vh-cta{font-size:15px;padding:14px 20px;}.cc-services{grid-template-columns:1fr;}.cc-cta{font-size:13px;}}@media (max-width:480px){.regions-grid{grid-template-columns:repeat(3,1fr);}}.detail-item::before,.detail-item::after{display:none !important;}.slider-img{isolation:isolate;}.slider-img img{filter:none !important;-webkit-filter:none !important;opacity:1 !important;mix-blend-mode:normal !important;}@media (max-width:768px){.detail-text h2{font-size:17px !important;}.detail-text p{font-size:13px !important;line-height:1.5 !important;}.detail-item ul li{font-size:13px !important;}.detail-photo{height:180px !important;border-radius:12px !important;overflow:hidden !important;}.slider-img img{object-fit:cover !important;width:33.333% !important;height:100% !important;}.detail-content{overflow:visible !important;}.detail-text{overflow:visible !important;width:100% !important;}}.call-float-btn{position:fixed;bottom:100px;right:28px;z-index:9998;display:flex;align-items:center;gap:8px;background:var(--blue);color:white;text-decoration:none;padding:12px 18px;border-radius:50px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 6px 25px rgba(0,86,179,0.45);transition:transform 0.3s,box-shadow 0.3s;white-space:nowrap;}.call-float-btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 10px 35px rgba(0,86,179,0.6);background:var(--dark-blue);}.call-float-btn::before{content:'';position:absolute;width:100%;height:100%;border-radius:50px;background:var(--blue);animation:callPulse 2.5s infinite;z-index:-1;}@keyframes callPulse{0%{transform:scale(1);opacity:0.6;}70%{transform:scale(1.3);opacity:0;}100%{opacity:0;}}@media (max-width:768px){.call-float-btn{bottom:88px;right:16px;padding:10px 14px;font-size:11px;}.call-float-btn span{display:none;}.call-float-btn{width:48px;height:48px;justify-content:center;padding:0;border-radius:50%;}}.speed-dial{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;}.speed-dial-options{display:flex;flex-direction:column;align-items:flex-end;gap:10px;opacity:0;pointer-events:none;transform:translateY(20px) scale(0.9);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);}.speed-dial-options.open{opacity:1;pointer-events:all;transform:translateY(0) scale(1);}.sd-option{display:flex;align-items:center;gap:10px;text-decoration:none;border-radius:30px;padding:10px 18px 10px 16px;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 4px 20px rgba(0,0,0,0.2);transition:transform 0.2s,box-shadow 0.2s;}.sd-option:hover{transform:scale(1.05) translateX(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.3);}.sd-call{background:var(--blue);color:white;}.sd-whatsapp{background:#25D366;color:white;}.sd-label{font-size:13px;font-weight:800;}.sd-icon{font-size:18px;}.sd-main-btn{width:62px;height:62px;border-radius:50%;background:var(--blue);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 25px rgba(0,86,179,0.5);transition:transform 0.3s,background 0.3s,box-shadow 0.3s;position:relative;}.sd-main-btn::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:var(--blue);animation:sdPulse 2.5s infinite;z-index:-1;}@keyframes sdPulse{0%{transform:scale(1);opacity:0.6;}70%{transform:scale(1.6);opacity:0;}100%{opacity:0;}}.sd-main-btn:hover{transform:scale(1.1);box-shadow:0 10px 35px rgba(0,86,179,0.6);}.sd-main-btn.open{background:#ef4444;transform:rotate(0deg);}.sd-main-btn.open::before{background:#ef4444;}.whatsapp-float,.call-float-btn{display:none !important;}@media (max-width:768px){.speed-dial{bottom:16px;right:16px;}.sd-main-btn{width:54px;height:54px;font-size:22px;}.sd-option{padding:9px 14px 9px 12px;font-size:12px;}.sd-label{font-size:12px;}}.hero-container{padding-bottom:30px !important;}.target-badges{margin-top:22px !important;padding-bottom:15px !important;}.regions-wrapper{margin-top:0 !important;padding-top:28px !important;border-top:3px solid #e2e8f0 !important;}.hero>.hero-container{padding-bottom:35px !important;}@media (min-width:769px){.hero-text{padding-right:20px;}.hero h1{font-size:32px !important;margin-bottom:15px !important;}.hero>.hero-container>.hero-text>p{max-width:420px;line-height:1.7;}.dynamic-msg-box{margin-top:5px;margin-bottom:18px !important;}.hero-cta{margin-bottom:20px !important;}.target-badges{gap:12px !important;}}@media (max-width:768px){.details-wrapper{background:transparent !important;padding:10px !important;}.detail-item{padding:20px !important;border-radius:16px !important;}.detail-photo{background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;}.detail-photo .slider-img{background:transparent !important;}.detail-photo .slider-img img{background:#f1f5f9 !important;filter:none !important;opacity:1 !important;-webkit-filter:none !important;}.detail-item ul{padding:0 !important;}.detail-item ul li{font-size:13px !important;margin-bottom:10px !important;}}.commune-dynamic{font-size:inherit !important;font-weight:inherit !important;color:var(--blue);transition:opacity 0.2s ease;display:inline;}.cc-header h3{font-size:18px !important;font-weight:700;color:var(--dark);line-height:1.4;margin-bottom:5px;}.cc-header p{font-size:14px !important;color:var(--text-muted);margin:0;}#communeContent{transition:opacity 0.15s ease;}.vh-back{position:absolute;top:15px;left:20px;background:rgba(255,255,255,0.15);color:white;border:1px solid rgba(255,255,255,0.3);padding:8px 16px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:bold;transition:background 0.2s;z-index:2;}.vh-back:hover{background:rgba(255,255,255,0.25);}.btn-panne-call{background:var(--blue);color:white !important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:12px;font-weight:900;font-size:18px;white-space:nowrap;margin:20px auto 0;max-width:280px;width:auto;border:none;cursor:pointer;transition:background 0.2s,transform 0.2s;position:relative;overflow:hidden;}.btn-panne-call:hover{background:var(--dark-blue);transform:translateY(-2px);}.btn-panne-call::after{content:'';position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:rgba(255,255,255,0.3);transform:rotate(30deg);animation:shineEffect 3s infinite;}.panne-back-wrapper{background:transparent;padding:12px 20px 0;max-width:1100px;margin:0 auto;}.commune-dynamic{color:white !important;font-weight:inherit;font-size:inherit;}.cc-cta .commune-dynamic{color:white !important;}.commune-dynamic{color:var(--blue) !important;font-weight:700 !important;font-size:inherit !important;}.cc-header .commune-dynamic{color:var(--blue) !important;}.cc-service-item .commune-dynamic{color:var(--blue) !important;}.cc-header h3{font-size:17px !important;line-height:1.4;color:var(--dark) !important;}@media (max-width:768px){.vh-cta{font-size:14px !important;padding:12px 16px !important;white-space:normal !important;text-align:center !important;line-height:1.4 !important;max-width:280px !important;}.cc-cta{font-size:13px !important;padding:12px 14px !important;white-space:normal !important;text-align:center !important;}}@media (max-width:768px){.slider-img{-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}.slider-img img{-webkit-transform:translateZ(0);transform:translateZ(0);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}.detail-photo{-webkit-transform:translateZ(0);transform:translateZ(0);}}.back-typing{font-size:12px;font-weight:600;color:var(--blue);border-right:2px solid var(--blue);white-space:nowrap;overflow:hidden;vertical-align:middle;animation:blink 0.75s step-end infinite;max-width:280px;text-transform:uppercase;letter-spacing:0.5px;}@media (max-width:768px){.back-typing{display:none !important;}}.btn-back{display:inline-flex !important;align-items:center !important;gap:6px !important;background:rgba(0,86,179,0.08) !important;border:1.5px solid var(--blue) !important;color:var(--blue) !important;font-weight:800 !important;padding:7px 14px !important;border-radius:8px !important;font-size:12px !important;text-decoration:none !important;text-transform:uppercase !important;letter-spacing:0.5px !important;transition:all 0.2s !important;white-space:nowrap !important;}.btn-back:hover{background:var(--blue) !important;color:white !important;}