@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b3d;--navy2:#0b2b5c;--orange:#ff7900;--ink:#14213b;--muted:#68758b;--pale:#f4f7fb;--white:#fff;--line:#e4eaf2;--shadow:0 18px 55px rgba(7,27,61,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 44px));margin:0 auto}
.site-header{height:88px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(228,234,242,.8);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy)}.brand img{width:48px;height:48px}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:.4px;font-weight:800}.brand small{font-size:11px;color:var(--orange);letter-spacing:5px;font-weight:800;margin-top:5px}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.main-nav>a:not(.nav-contact){color:#47546b;transition:color .2s}.main-nav>a:hover{color:var(--orange)}.nav-contact{background:var(--navy);color:#fff!important;padding:13px 18px;border-radius:8px}.nav-contact span{color:var(--orange);margin-left:7px}.menu-toggle{display:none;border:0;background:none;font-size:27px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f8faff 0%,#fff 52%,#f4f7fc 100%);padding:76px 0 0}.hero:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-190px;top:-240px;border:1px solid #e8edf5}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:46px;align-items:center;min-height:460px;padding-bottom:65px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--orange);text-transform:uppercase}.eyebrow i{display:block;width:25px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,"DM Sans",sans-serif}h1{font-size:clamp(38px,4.3vw,60px);line-height:1.12;letter-spacing:-2px;color:var(--navy);margin:23px 0}.hero h1 em,.section-heading h2 em,.feature-copy h2 em,.page-hero h1 em,.about-grid h2 em{font-style:normal;color:var(--orange)}.hero-lead{max-width:555px;font-size:17px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:8px;padding:14px 21px;font-size:14px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(7,27,61,.13)}.btn-primary{background:var(--orange);color:#fff}.btn-primary span,.btn-white span{font-size:18px}.btn-outline{border-color:#d5deeb;color:var(--navy);background:#fff}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:36px}.proof-icon{width:35px;height:35px;display:grid;place-items:center;background:#e7f6ed;color:#18834c;border-radius:50%;font-weight:900}.hero-proof p{margin:0;font-size:12px;line-height:1.5}.hero-proof strong{color:var(--navy)}.hero-proof span{color:var(--muted)}
.hero-art{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #dbe4f1;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:390px;height:310px}.orbit-two{width:320px;height:405px;transform:rotate(35deg)}.hero-circle{position:absolute;width:240px;height:240px;border-radius:50%;background:linear-gradient(135deg,#0a2d61,#071b3d);box-shadow:0 30px 70px rgba(7,27,61,.24);display:grid;place-items:center;color:#fff;font-family:Manrope,sans-serif;font-size:82px;font-weight:800;letter-spacing:-8px;border:9px solid white;outline:1px solid #dfe6f0}.hero-circle span{color:var(--orange)}.code-card{position:relative;z-index:2;width:290px;background:#fff;border:1px solid #e5ebf4;border-radius:13px;box-shadow:var(--shadow);padding:15px;transform:translate(42px,16px) rotate(5deg)}.code-head{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding-bottom:12px}.code-head>span{width:7px;height:7px;border-radius:50%;background:#ff795f}.code-head>span:nth-child(2){background:#ffc04d}.code-head>span:nth-child(3){background:#55c78a}.code-head label{margin-left:auto;color:#8b98ab;font-size:8px;letter-spacing:1px}.code-lines{display:grid;gap:8px;margin:18px 0}.code-lines i{height:6px;width:75%;border-radius:6px;background:#dfe7f3}.code-lines i:nth-child(2){width:54%;background:#ffdec3}.code-lines i:nth-child(3){width:90%}.code-lines i:nth-child(4){width:62%;background:#d9e9ff}.code-lines i:nth-child(5){width:42%}.code-chart{height:72px;display:flex;align-items:end;gap:9px;padding:9px 14px;background:#f4f7fc;border-radius:8px}.code-chart span{flex:1;background:var(--orange);border-radius:4px 4px 0 0;height:35%}.code-chart span:nth-child(2){height:57%;background:#fca34e}.code-chart span:nth-child(3){height:48%;background:#234f8c}.code-chart span:nth-child(4){height:78%;background:#ff7900}.code-chart span:nth-child(5){height:62%;background:#234f8c}.code-chart span:nth-child(6){height:88%;background:#ff7900}.code-chart span:nth-child(7){height:70%;background:#234f8c}.code-foot{display:flex;justify-content:space-between;margin-top:14px;font-size:8px;letter-spacing:1px;color:var(--navy)}.code-foot b:nth-child(2){color:var(--orange)}.tech-panel{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:13px 15px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);font-size:11px;font-weight:700;color:var(--navy)}.panel-top{top:39px;right:2px}.panel-dot{width:8px;height:8px;border-radius:50%;background:#1bb879;box-shadow:0 0 0 4px #e1f7ec}.tech-panel b{color:var(--orange);font-size:17px}.floating-badge{position:absolute;z-index:4;bottom:34px;left:0;display:flex;gap:10px;align-items:center;padding:13px 16px;background:#fff;border-radius:11px;box-shadow:var(--shadow)}.floating-badge>span{display:grid;place-items:center;width:35px;height:35px;background:#fff0e2;color:var(--orange);border-radius:9px}.floating-badge div{display:flex;flex-direction:column;line-height:1.4}.floating-badge strong{font-size:12px;color:var(--navy)}.floating-badge small{font-size:10px;color:var(--muted)}.hero-bottom{background:var(--navy);color:#fff}.bottom-items{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:10px;font-weight:800;letter-spacing:1.2px}.bottom-items i{width:5px;height:5px;border-radius:50%;background:var(--orange)}
.section{padding:94px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-heading h2,.feature-copy h2,.about-grid h2{font-size:clamp(30px,3.2vw,43px);line-height:1.2;letter-spacing:-1.3px;color:var(--navy);margin:14px 0 0}.section-heading>p{max-width:380px;color:var(--muted);margin:0;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service-card{padding:27px 25px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ffd0a8}.service-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:12px;background:#fff0e2;color:var(--orange);font-size:26px;font-weight:800;margin-bottom:21px}.service-card h3{font-size:17px;color:var(--navy);margin-bottom:10px}.service-card p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:18px}.service-card>a{font-size:12px;font-weight:800;color:var(--navy)}.service-card>a span{color:var(--orange);margin-left:5px}.center-action{text-align:center;margin-top:35px}.feature-section{background:#f6f8fc}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-visual{min-height:360px;position:relative;display:grid;place-items:center}.feature-orb{position:absolute;width:290px;height:290px;border-radius:50%;background:linear-gradient(135deg,#ff9b3d,#ff7900);opacity:.15}.feature-sheet{position:relative;z-index:1;width:min(390px,100%);padding:23px;background:#fff;border:1px solid #e1e8f2;border-radius:15px;box-shadow:0 25px 65px rgba(7,27,61,.12);transform:rotate(-4deg)}.sheet-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7b879a;font-weight:800}.sheet-top b{color:var(--orange);letter-spacing:2px}.sheet-title{font-size:18px;font-weight:800;color:var(--navy);margin:24px 0}.sheet-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sheet-stats div{padding:13px;background:#f4f7fb;border-radius:8px;display:flex;flex-direction:column}.sheet-stats small{font-size:10px;color:var(--muted)}.sheet-stats b{font-size:15px;color:var(--navy)}.sheet-bars{height:95px;display:flex;align-items:end;gap:10px;padding:15px 5px 0;border-bottom:1px solid var(--line);margin-top:15px}.sheet-bars i{flex:1;border-radius:4px 4px 0 0;background:#d9e6f7;height:30%}.sheet-bars i:nth-child(2n){background:var(--orange);height:62%}.sheet-bars i:nth-child(3n){height:82%;background:#234f8c}.feature-stamp{position:absolute;right:0;bottom:17px;padding:15px 20px;background:var(--navy);color:#fff;border-radius:8px;font-size:10px;letter-spacing:1px;line-height:1.6;box-shadow:var(--shadow);transform:rotate(3deg)}.feature-stamp b{color:var(--orange)}.feature-copy>p{color:var(--muted);font-size:14px;line-height:1.9;margin:23px 0}.check-list{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:13px}.check-list li{display:flex;gap:11px;align-items:center;font-size:13px;color:#45536a}.check-list span{display:grid;place-items:center;width:21px;height:21px;background:#e3f7ec;color:#16834c;border-radius:50%;font-size:11px;font-weight:900}.text-link{font-size:13px;color:var(--navy);font-weight:800}.projects-strip{background:linear-gradient(115deg,#071b3d,#0b2c60);color:#fff;padding:55px 0;position:relative;overflow:hidden}.projects-strip:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.09);border-radius:50%;right:-100px;top:-180px}.projects-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.eyebrow-light{color:#ff9a42}.projects-inner h2{font-size:clamp(27px,3vw,38px);margin:10px 0;color:#fff;letter-spacing:-1px}.projects-inner p{margin:0;color:#c4d0e2;font-size:14px}.btn-white{background:#fff;color:var(--navy);white-space:nowrap}
.page-hero{background:linear-gradient(120deg,#f6f8fc,#fff);padding:78px 0 72px;border-bottom:1px solid #edf1f7}.page-hero h1{max-width:800px;margin:18px 0;font-size:clamp(38px,4.3vw,55px)}.page-hero p{max-width:690px;font-size:16px;color:var(--muted);line-height:1.8;margin:0}.service-grid-large{grid-template-columns:repeat(4,1fr)}.service-grid-large .service-card{padding:24px 20px}.cta-band{padding:0 0 80px}.cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 35px;background:#fff7f0;border:1px solid #ffe3cd;border-radius:14px}.cta-band h2{color:var(--navy);font-size:25px;margin-bottom:7px}.cta-band p{color:var(--muted);font-size:13px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.project-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .2s}.project-card:hover{box-shadow:var(--shadow)}.project-art{height:190px;background:linear-gradient(135deg,#0a2d61,#071b3d);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-art:before,.project-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;width:230px;height:230px}.project-art:after{width:300px;height:300px}.project-art>span{position:absolute;top:18px;left:20px;color:rgba(255,255,255,.6);font-size:12px;font-weight:800}.project-art-lines{position:relative;z-index:1;width:65%;height:100px;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:15px;display:flex;align-items:end;gap:9px;background:rgba(255,255,255,.06);backdrop-filter:blur(5px)}.project-art-lines i{flex:1;background:var(--orange);height:35%;border-radius:4px 4px 0 0}.project-art-lines i:nth-child(2){height:65%;background:#fff}.project-art-lines i:nth-child(3){height:85%;background:#ff9a42}.project-art-lines i:nth-child(4){height:53%;background:#9eb9df}.art-2{background:linear-gradient(135deg,#102b50,#1b5880)}.art-3{background:linear-gradient(135deg,#4b2a0b,#ff7900)}.art-4{background:linear-gradient(135deg,#0a3e42,#071b3d)}.project-content{padding:24px}.project-category{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--orange);font-weight:800}.project-content h3{font-size:20px;color:var(--navy);margin:9px 0}.project-content p{font-size:13px;color:var(--muted);line-height:1.8}.project-content a{font-size:12px;color:var(--navy);font-weight:800}.note{color:var(--muted);font-size:12px;margin-top:25px}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}.about-grid h2{margin:15px 0 22px}.about-grid p{color:var(--muted);font-size:14px;line-height:1.9}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.values-grid article{padding:24px;border:1px solid var(--line);border-radius:12px}.values-grid article>span{font-size:11px;color:var(--orange);font-weight:900;letter-spacing:1px}.values-grid h3{font-size:17px;color:var(--navy);margin:10px 0}.values-grid p{font-size:12px;margin:0}.contact-section{background:#fafbfd}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.contact-info h2,.contact-form-card h2{font-size:28px;color:var(--navy);letter-spacing:-.7px;margin-bottom:13px}.contact-info>p,.contact-form-card>p{color:var(--muted);font-size:13px;line-height:1.9}.contact-item{display:flex;gap:14px;margin:27px 0;align-items:center}.contact-item>span{width:43px;height:43px;display:grid;place-items:center;background:#fff0e2;color:var(--orange);border-radius:11px;font-size:21px}.contact-item div{display:flex;flex-direction:column;gap:3px}.contact-item small{font-size:11px;color:var(--muted)}.contact-item a,.contact-item strong{font-size:14px;color:var(--navy);font-weight:700}.btn-whatsapp{background:#168c56;color:#fff;margin-top:12px}.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:32px;box-shadow:0 15px 45px rgba(7,27,61,.05)}.contact-form{display:grid;gap:9px}.contact-form label{font-size:12px;font-weight:800;color:var(--navy);margin-top:7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dce4ef;border-radius:7px;padding:13px 14px;font:inherit;font-size:13px;color:var(--ink);background:#fff;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,121,0,.1)}.contact-form textarea{resize:vertical}.btn-full{width:100%;margin-top:10px}.form-note{font-size:10px;color:var(--muted);line-height:1.6;margin-top:8px}.flash{padding:13px 16px;border-radius:8px;margin:18px 0;font-size:13px}.flash.error{background:#fff0ef;color:#a72a24}.flash.success{background:#eaf8ef;color:#176b3c}.flash-wrap{padding-top:10px}.error-page{padding:110px 0}.site-footer{background:#06152f;color:#d2dbea;padding:58px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr 1.1fr;gap:35px;padding-bottom:45px}.brand-light{color:#fff}.brand-light img{width:43px;height:43px}.footer-brand p{max-width:240px;color:#9eacc3;font-size:12px;margin-top:18px}.footer-grid h3{font-size:13px;color:#fff;margin-bottom:17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid>div>a:not(.brand),.footer-grid>div>span{font-size:12px;color:#aab7cc;margin-bottom:10px}.footer-grid>div>p{font-size:12px;color:#aab7cc;line-height:1.8}.footer-cta{color:#ff9a42!important;font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8f9eb6}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:#168c56;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 25px rgba(0,0,0,.2);z-index:90;border:3px solid white}.whatsapp-float:hover{transform:translateY(-3px)}@media(max-width:980px){.main-nav{gap:17px}.hero-grid{gap:15px}.hero-art{transform:scale(.9)}.service-grid-large{grid-template-columns:repeat(2,1fr)}.feature-grid{gap:40px}.footer-grid{grid-template-columns:1fr 1fr}.about-grid{gap:35px}}@media(max-width:720px){.container{width:min(100% - 32px,560px)}.site-header{height:72px}.brand img{width:42px;height:42px}.brand strong{font-size:18px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:71px;background:#fff;padding:18px 22px 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px rgba(7,27,61,.08);align-items:stretch;gap:0}.main-nav.is-open{display:flex;flex-direction:column}.main-nav>a{padding:13px 6px}.main-nav .nav-contact{margin-top:8px;text-align:center}.hero{padding-top:46px}.hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:35px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero-lead{font-size:15px}.hero-art{height:340px;transform:scale(.88);transform-origin:top center;margin:12px -15px -25px}.hero-circle{width:200px;height:200px;font-size:70px}.orbit-one{width:320px;height:260px}.orbit-two{width:260px;height:330px}.code-card{width:250px}.panel-top{right:0;top:24px}.floating-badge{bottom:10px;left:0}.bottom-items{flex-wrap:wrap;justify-content:center;font-size:9px;padding:17px 0}.bottom-items i{display:none}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{margin-top:17px}.section-heading h2,.feature-copy h2,.about-grid h2{font-size:32px}.service-grid,.service-grid-large,.project-grid{grid-template-columns:1fr}.service-card{padding:24px}.feature-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.feature-visual{min-height:300px}.feature-sheet{width:90%}.feature-stamp{right:0;bottom:5px}.projects-inner,.cta-band-inner{align-items:flex-start;flex-direction:column}.projects-strip{padding:42px 0}.projects-inner h2{font-size:30px}.page-hero{padding:55px 0}.page-hero h1{font-size:39px;letter-spacing:-1.5px}.page-hero p{font-size:14px}.cta-band{padding-bottom:55px}.cta-band-inner{padding:25px}.values-grid{grid-template-columns:1fr 1fr;gap:10px}.values-grid article{padding:17px}.contact-form-card{padding:24px 19px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-bottom{flex-direction:column}.whatsapp-float{width:49px;height:49px;right:14px;bottom:14px}}@media(max-width:390px){.hero h1{font-size:36px}.hero-actions .btn{width:100%}.hero-art{transform:scale(.78);margin-left:-30px;margin-right:-30px;height:305px}.values-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

/* N'TECH AFRICA : carrousel des témoignages clients */
.testimonials-section { overflow: hidden; }
.testimonials-carousel { overflow: hidden; width: 100%; }
.testimonials-track {
  display: flex;
  align-items: stretch;
  gap: 22px;
  transition: transform .35s ease;
  will-change: transform;
}
.testimonial-card {
  box-sizing: border-box;
  flex: 0 0 calc((100% - 44px) / 3);
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e1e8f2;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(10, 31, 68, .06);
}
.testimonial-media {
  width: 100%;
  height: 230px;
  overflow: hidden;
  background: #f1f5f9;
}
.testimonial-media img,
.testimonial-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.testimonial-content { padding: 22px; }
.testimonial-content blockquote {
  margin: 0 0 18px;
  color: #53647c;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.testimonial-content h3 {
  margin: 0 0 7px;
  color: #0b1e42;
  font-size: 1.05rem;
}
.testimonial-title { margin: 0; color: #64748b; font-size: .9rem; }
.testimonials-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin-top: 24px;
}
.testimonials-navigation button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #0b1e42;
  color: #fff;
  font-size: 1.25rem;
  cursor: pointer;
}
.testimonials-navigation button:hover { background: #ff7900; }
.testimonials-navigation button:focus-visible {
  outline: 3px solid #ff7900;
  outline-offset: 3px;
}
.testimonials-navigation span { color: #53647c; font-weight: 600; }
.testimonials-empty { text-align: center; color: #64748b; }

@media (max-width: 900px) {
  .testimonial-card { flex-basis: calc((100% - 22px) / 2); }
}
@media (max-width: 600px) {
  .testimonial-card { flex-basis: 100%; }
  .testimonial-media { height: 240px; }
  .testimonial-content { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .testimonials-track { transition: none; }
}

/* Ajustement largeur des témoignages */
#temoignages-clients .container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#temoignages-clients .testimonials-carousel {
  max-width: 100%;
  overflow: hidden;
}

#temoignages-clients .testimonials-track {
  width: 100%;
}

#temoignages-clients .testimonial-card {
  flex: 0 0 calc((100% - 44px) / 3);
  min-width: 0;
}

#temoignages-clients .testimonial-media {
  width: 100%;
  height: 220px;
}

#temoignages-clients .testimonial-media img,
#temoignages-clients .testimonial-media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 900px) {
  #temoignages-clients .testimonial-card {
    flex-basis: calc((100% - 22px) / 2);
  }
}

@media (max-width: 600px) {
  #temoignages-clients .testimonial-card {
    flex-basis: 100%;
  }

  #temoignages-clients .testimonial-media {
    height: 220px;
  }
}

/* Vignettes compactes des témoignages N'TECH AFRICA */
#temoignages-clients .testimonials-carousel {
  max-width: 100%;
  overflow: hidden;
}

#temoignages-clients .testimonial-card {
  flex: 0 0 calc((100% - 44px) / 3);
  min-width: 0;
  border-radius: 12px;
}

#temoignages-clients .testimonial-media {
  height: 150px;
  padding: 8px;
  background: #f1f4f8;
  cursor: pointer;
}

#temoignages-clients .testimonial-media img,
#temoignages-clients .testimonial-media video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#temoignages-clients .testimonial-content {
  padding: 14px;
}

#temoignages-clients .testimonial-content blockquote {
  font-size: 13px;
  margin-bottom: 10px;
}

#temoignages-clients .testimonial-content h3 {
  font-size: 15px;
}

@media (max-width: 900px) {
  #temoignages-clients .testimonial-card {
    flex-basis: calc((100% - 22px) / 2);
  }
}

@media (max-width: 600px) {
  #temoignages-clients .testimonial-card {
    flex-basis: 100%;
  }

  #temoignages-clients .testimonial-media {
    height: 180px;
  }
}

/* Taille finale des cartes de témoignages */
#temoignages-clients .container {
  width: min(1100px, calc(100% - 32px));
  margin: 0 auto;
}

#temoignages-clients .testimonials-track {
  align-items: stretch;
}

#temoignages-clients .testimonial-card {
  flex: 0 0 calc((100% - 44px) / 3);
  max-width: calc((100% - 44px) / 3);
}

#temoignages-clients .testimonial-media {
  height: 145px;
  padding: 6px;
  overflow: hidden;
}

#temoignages-clients .testimonial-media img,
#temoignages-clients .testimonial-media video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 900px) {
  #temoignages-clients .testimonial-card {
    flex-basis: calc((100% - 22px) / 2);
    max-width: calc((100% - 22px) / 2);
  }
}

@media (max-width: 600px) {
  #temoignages-clients .testimonial-card {
    flex-basis: 100%;
    max-width: 100%;
  }

  #temoignages-clients .testimonial-media {
    height: 170px;
  }
}

/* CORRECTION DEFINITIVE DU CARROUSEL */
#temoignages-clients .testimonials-carousel {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#temoignages-clients .testimonials-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  transition: transform .35s ease !important;
}

#temoignages-clients .testimonial-card {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 calc((100% - 40px) / 3) !important;
  width: calc((100% - 40px) / 3) !important;
  max-width: calc((100% - 40px) / 3) !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

#temoignages-clients .testimonial-media {
  height: 145px !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

#temoignages-clients .testimonial-media video,
#temoignages-clients .testimonial-media img,
#temoignages-clients .testimonial-video-thumb {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

#temoignages-clients .testimonial-video-thumb {
  position: relative;
  padding: 0;
  border: 0;
  background: #111827;
  cursor: pointer;
}

#temoignages-clients .testimonial-video-thumb video {
  pointer-events: none;
}

@media (max-width: 900px) {
  #temoignages-clients .testimonial-card {
    flex-basis: calc((100% - 20px) / 2) !important;
    width: calc((100% - 20px) / 2) !important;
    max-width: calc((100% - 20px) / 2) !important;
  }
}

@media (max-width: 600px) {
  #temoignages-clients .testimonial-card {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* NTECH - MISE EN PAGE TEMOIGNAGES */
#temoignages-clients .testimonials-carousel {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}

#temoignages-clients .testimonials-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 20px !important;
    width: 100% !important;
    transition: transform .35s ease !important;
}

#temoignages-clients .testimonial-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc((100% - 40px) / 3) !important;
    width: calc((100% - 40px) / 3) !important;
    max-width: calc((100% - 40px) / 3) !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

#temoignages-clients .testimonial-media {
    height: 145px !important;
    min-height: 145px !important;
    width: 100% !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}

#temoignages-clients .testimonial-media img,
#temoignages-clients .testimonial-media video,
#temoignages-clients .testimonial-video-thumb {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    height: 145px !important;
    max-width: 100% !important;
    object-fit: cover !important;
}

#temoignages-clients .testimonial-video-thumb {
    position: relative !important;
    padding: 0 !important;
    border: 0 !important;
    background: #111827 !important;
    cursor: pointer !important;
}

#temoignages-clients .testimonial-video-thumb video {
    pointer-events: none !important;
}

#temoignages-clients .testimonial-play-icon {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(7, 27, 61, .88) !important;
    color: white !important;
}

@media (max-width: 900px) {
    #temoignages-clients .testimonial-card {
        flex-basis: calc((100% - 20px) / 2) !important;
        width: calc((100% - 20px) / 2) !important;
        max-width: calc((100% - 20px) / 2) !important;
    }
}

@media (max-width: 600px) {
    #temoignages-clients .testimonial-card {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}



/* N'TECH AFRICA - TEMOIGNAGES FORMAT RESEAU SOCIAL */
#temoignages-clients .testimonial-feed {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  align-items:start;
  width:100%;
}
#temoignages-clients .social-testimonial {
  display:flex!important;
  flex:none!important;
  flex-direction:column;
  width:auto!important;
  max-width:none!important;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid #e4e8ef;
  border-radius:14px;
  box-shadow:0 4px 18px rgba(15,35,65,.07);
}
#temoignages-clients .social-testimonial-head {
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 14px 10px;
}
#temoignages-clients .testimonial-avatar {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#e9efff;
  color:#163b78;
  font-size:18px;
  font-weight:800;
}
#temoignages-clients .testimonial-person {min-width:0;flex:1}
#temoignages-clients .testimonial-person h3 {
  margin:0;
  color:#172033;
  font-size:14px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
#temoignages-clients .testimonial-person p {
  margin:3px 0 0;
  color:#778195;
  font-size:12px;
}
#temoignages-clients .testimonial-social-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#e8f7ee;
  color:#16834a;
  font-weight:800;
}
#temoignages-clients .social-testimonial-text {
  padding:0 14px 12px;
  color:#394357;
  font-size:13px;
  line-height:1.55;
  overflow-wrap:anywhere;
  white-space:pre-line;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#temoignages-clients .social-testimonial-media {
  width:100%;
  height:190px;
  overflow:hidden;
  background:#eef1f5;
}
#temoignages-clients .social-testimonial-media img,
#temoignages-clients .social-testimonial-media video {
  display:block;
  width:100%;
  height:190px;
  object-fit:cover;
}
#temoignages-clients .testimonial-video-thumb {
  position:relative;
  display:block;
  width:100%;
  height:190px;
  padding:0;
  overflow:hidden;
  border:0;
  background:#111827;
  cursor:pointer;
}
#temoignages-clients .testimonial-video-thumb video {pointer-events:none}
#temoignages-clients .testimonial-play-icon {
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(14,35,70,.88);
  color:white;
  font-size:20px;
}
#temoignages-clients .social-testimonial-stats {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:6px;
  padding:11px 13px;
  color:#778195;
  font-size:11px;
  border-bottom:1px solid #edf0f4;
}
#temoignages-clients .social-testimonial-stats strong {color:#344056}
#temoignages-clients .social-testimonial-stats button {
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
#temoignages-clients .social-testimonial-actions {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px;
  padding:6px 8px;
}
#temoignages-clients .social-testimonial-actions button {
  min-width:0;
  padding:9px 2px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#596579;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}
#temoignages-clients .social-testimonial-actions button:hover {background:#f0f4fa}
#temoignages-clients .social-testimonial-actions .is-liked {color:#1769d2;background:#edf5ff}
#temoignages-clients .testimonial-comments-panel {
  padding:10px 12px 13px;
  border-top:1px solid #edf0f4;
  background:#fafbfd;
}
#temoignages-clients .testimonial-comments-info {font-size:11px;color:#778195;margin:0 0 8px}
#temoignages-clients .testimonial-comment-form {display:grid;gap:7px}
#temoignages-clients .testimonial-comment-form input,
#temoignages-clients .testimonial-comment-form textarea {
  box-sizing:border-box;
  width:100%;
  padding:9px 10px;
  border:1px solid #dce2eb;
  border-radius:8px;
  background:#fff;
  color:#172033;
  font:inherit;
  font-size:12px;
}
#temoignages-clients .testimonial-comment-form button {
  justify-self:end;
  padding:8px 13px;
  border:0;
  border-radius:7px;
  background:#173f7a;
  color:#fff;
  font-size:12px;
  cursor:pointer;
}
#temoignages-clients .testimonial-comment-item {
  padding:8px 0;
  border-top:1px solid #e9edf3;
  font-size:12px;
  overflow-wrap:anywhere;
}
#temoignages-clients .testimonial-comment-item strong {display:block;margin-bottom:3px;color:#24334d}
#temoignages-clients .testimonial-video-modal[hidden] {display:none}
.testimonial-video-modal {
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:25px;
  background:rgba(4,10,22,.92);
}
.testimonial-video-modal video {max-width:100%;max-height:85vh}
.testimonial-video-modal .testimonial-modal-close {
  position:absolute;
  top:15px;
  right:20px;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#111827;
  font-size:30px;
  cursor:pointer;
}
@media(max-width:900px) {
  #temoignages-clients .testimonial-feed {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  #temoignages-clients .testimonial-feed {grid-template-columns:minmax(0,1fr);gap:16px}
  #temoignages-clients .social-testimonial-media,
  #temoignages-clients .social-testimonial-media img,
  #temoignages-clients .social-testimonial-media video,
  #temoignages-clients .testimonial-video-thumb {height:220px}
}

/* Lecteur vidéo des témoignages N'TECH AFRICA */
#temoignages-clients .social-testimonial-media video {
    display: block !important;
    width: 100% !important;
    height: 250px !important;
    max-height: 250px !important;
    object-fit: contain !important;
    background: #111 !important;
    pointer-events: auto !important;
}

/* Quand la vidéo est en lecture, afficher les commandes natives */
#temoignages-clients .social-testimonial-media video[controls] {
    cursor: pointer;
}

/* Le bouton miniature ne doit pas masquer les commandes du lecteur */
#temoignages-clients .testimonial-video-thumb video {
    pointer-events: auto;
}

#temoignages-clients .testimonial-video-thumb:has(video[controls]) {
    cursor: default;
}

#temoignages-clients .testimonial-video-thumb .testimonial-play-icon {
    pointer-events: none;
}

/* Lecteur vidéo : commandes natives toujours accessibles */
#temoignages-clients .testimonial-video-thumb {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #111;
}

#temoignages-clients .testimonial-video-thumb video {
    display: block;
    width: 100%;
    height: 250px;
    max-height: 250px;
    object-fit: contain;
    background: #111;
    pointer-events: auto;
}

#temoignages-clients .testimonial-video-thumb .testimonial-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 54px;
    height: 54px;
    border: 0;
    border-radius: 50%;
    background: rgba(8, 27, 59, .88);
    color: white;
    font-size: 24px;
    cursor: pointer;
}

#temoignages-clients .testimonial-video-thumb .testimonial-play-icon[style*="display: none"] {
    display: none !important;
}

/* Lecteur vidéo natif des témoignages */
#temoignages-clients .testimonial-video-thumb {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #111;
}

#temoignages-clients .testimonial-video-thumb video {
    display: block;
    width: 100%;
    height: 250px;
    max-height: 250px;
    object-fit: contain;
    background: #111;
    pointer-events: auto;
}

#temoignages-clients .testimonial-video-thumb .testimonial-play-icon {
    display: none !important;
}

/* Menu de partage des témoignages N'TECH AFRICA */
#temoignages-clients .testimonial-share-menu {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  border-top: 1px solid #e7ebf2;
  background: #fff;
  border-radius: 0 0 12px 12px;
}
#temoignages-clients .testimonial-share-menu[hidden] {
  display: none !important;
}
#temoignages-clients .testimonial-share-menu a,
#temoignages-clients .testimonial-share-menu button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  min-height: 68px;
  padding: 8px 3px;
  border: 1px solid #e9edf3;
  border-radius: 10px;
  background: #fff;
  color: #26364d;
  font: inherit;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
#temoignages-clients .testimonial-share-menu a:hover,
#temoignages-clients .testimonial-share-menu button:hover {
  background: #f3f7fc;
  border-color: #cbd8eb;
}
#temoignages-clients .testimonial-share-menu .share-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: white;
  font-size: 17px;
  font-weight: 800;
}
#temoignages-clients .share-whatsapp { background: #25D366; }
#temoignages-clients .share-facebook { background: #1877F2; }
#temoignages-clients .share-messenger { background: #0866FF; }
#temoignages-clients .share-telegram { background: #229ED9; }
#temoignages-clients .share-tiktok { background: #111; }
#temoignages-clients .share-x { background: #111; }
#temoignages-clients .share-email { background: #D44638; }
#temoignages-clients .share-copy { background: #64748b; }
@media (max-width: 360px) {
  #temoignages-clients .testimonial-share-menu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}