/* Popup projet — Interface haptique & ergonomie augmentée, maquette fidèle */
.home-exp-modal.haptic-fidele-modal{
  width:min(1500px,96vw);
  max-height:94vh;
  overflow:auto;
  background:#fff;
  border-radius:18px;
  padding:16px 16px 0;
  box-shadow:0 30px 85px rgba(1,14,30,.48);
  color:#06152d;
  font-family:Arial,Helvetica,sans-serif;
}
.home-exp-modal.haptic-fidele-modal.is-active{display:block}
.haptic-fidele-modal .home-exp-close{
  position:sticky!important;top:8px!important;float:right!important;right:auto!important;left:auto!important;
  width:54px!important;height:54px!important;min-width:54px!important;border-radius:50%!important;
  background:#EF3F2C!important;border:4px solid #fff!important;color:#fff!important;
  font-size:38px!important;font-weight:950!important;line-height:42px!important;text-align:center!important;
  box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 4px rgba(255,255,255,.16)!important;
  z-index:10000!important;cursor:pointer!important;transition:all .2s ease!important;
}
.haptic-fidele-modal .home-exp-close:hover{background:#ff5a46!important;transform:scale(1.06)!important}
.haptic-pop{clear:both;display:grid;gap:9px}
.haptic-hero{display:grid;grid-template-columns:1fr 1.55fr;gap:0;align-items:stretch;min-height:316px;border-radius:12px 12px 0 0;overflow:hidden;background:#fff}
.haptic-intro{padding:16px 20px 12px 22px;background:linear-gradient(90deg,#fff 0%,#fff 76%,rgba(255,255,255,.88) 100%)}
.haptic-title{margin:0;text-transform:uppercase;font-weight:950;letter-spacing:-.03em;line-height:.98;color:#06152d;font-size:43px}
.haptic-title strong{display:block;color:#228a31}.haptic-title span{display:block;color:#06152d}
.haptic-sub{margin:14px 0 4px;text-transform:uppercase;color:#06152d;font-weight:950;font-size:20px;line-height:1.05}
.haptic-rule{width:55px;height:4px;background:#228a31;border-radius:99px;margin:12px 0 16px}
.haptic-lead{margin:0;font-size:17px;line-height:1.38;color:#06152d;font-weight:500}
.haptic-hero-img{min-height:316px;overflow:hidden;background:#06152d}.haptic-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.haptic-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:0}
.haptic-pillar{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:start;border-radius:10px;padding:16px 18px;border:1px solid #dde6ee;background:#f7fbf6}
.haptic-pillar:nth-child(2){background:#f4f8ff}.haptic-pillar:nth-child(3){background:#fff7f1}
.haptic-picon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:36px;font-weight:950;background:#238a27;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.haptic-pillar:nth-child(2) .haptic-picon{background:#0b58a8}.haptic-pillar:nth-child(3) .haptic-picon{background:#f26313}
.haptic-pillar h3{margin:0 0 6px;text-transform:uppercase;font-weight:950;font-size:22px;color:#228a31}.haptic-pillar:nth-child(2) h3{color:#0b58a8}.haptic-pillar:nth-child(3) h3{color:#f26313}
.haptic-pillar ul{margin:0;padding-left:18px;font-size:15px;line-height:1.35;color:#06152d}.haptic-pillar li::marker{color:#228a31}.haptic-pillar:nth-child(2) li::marker{color:#0b58a8}.haptic-pillar:nth-child(3) li::marker{color:#f26313}
.haptic-imagecards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.haptic-imagecard{border-radius:10px;overflow:hidden;background:#06152d;box-shadow:0 0 0 1px #d8e1ec}.haptic-imagecard img{width:100%;height:215px;object-fit:cover;display:block}
.haptic-info{display:grid;grid-template-columns:1.05fr 1fr 1.15fr;gap:8px}.haptic-box{border:1px solid #d8e1ec;border-radius:10px;background:#fff;padding:14px 18px;min-height:152px}.haptic-box h3{margin:0 0 12px;text-transform:uppercase;font-size:19px;font-weight:950;color:#22782a}.haptic-box:nth-child(2) h3{color:#0b58a8}.haptic-box:nth-child(3) h3{color:#f26313}.haptic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 16px}.haptic-item{display:grid;grid-template-columns:23px 1fr;gap:8px;align-items:start;font-size:13px;line-height:1.25;color:#06152d}.haptic-item:before{content:'✓';width:18px;height:18px;border-radius:50%;background:#238a27;color:#fff;display:grid;place-items:center;font-weight:950;font-size:12px}.haptic-box:nth-child(2) .haptic-item:before{background:#0b58a8}.haptic-box:nth-child(3) .haptic-item:before{background:#f26313}
.haptic-cta{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:center;background:linear-gradient(90deg,#0b3f1a,#2a9b27);color:#fff;border-radius:10px;padding:16px 24px;margin-top:0}.haptic-cta h3{margin:0;text-transform:uppercase;font-size:24px;line-height:1.12;font-weight:950}.haptic-cta-btn{text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.76);border-radius:8px;padding:15px 18px;font-size:16px;text-align:center;text-transform:uppercase;font-weight:950}.haptic-cta-btn .arrow{float:right;font-size:24px;margin-top:-3px}
.haptic-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:16px;background:#06152d;color:#fff;margin:0 -16px;padding:14px 36px;border-radius:0 0 18px 18px;font-size:18px}.haptic-footer span{white-space:nowrap}.haptic-logo{text-align:right;font-size:34px;letter-spacing:.18em;font-weight:500}.haptic-logo small{display:block;font-size:9px;letter-spacing:.55em;margin-top:-4px}
@media(max-width:1150px){.haptic-hero,.haptic-pillars,.haptic-imagecards,.haptic-info,.haptic-cta,.haptic-footer{grid-template-columns:1fr}.haptic-title{font-size:34px}.haptic-imagecard img{height:180px}.haptic-list{grid-template-columns:1fr}.haptic-footer{text-align:center}.haptic-logo{text-align:center}}

/* Correctif visibilité images milieu popup haptique : afficher les visuels complets sans couper le bas */
.haptic-fidele-modal .haptic-imagecard{
  background:#06152d;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:230px;
}
.haptic-fidele-modal .haptic-imagecard img{
  width:100%;
  height:230px;
  object-fit:contain!important;
  object-position:center center!important;
  background:#06152d;
  padding:0;
}
@media(max-width:1150px){
  .haptic-fidele-modal .haptic-imagecard{min-height:210px;}
  .haptic-fidele-modal .haptic-imagecard img{height:210px;}
}