/* Mobile épuré (preview) — ordinateur inchangé */
@media (max-width:900px){
  section{padding:56px 0!important}
  #secteurs,#projets,#faq{padding-top:56px!important}
  h2.disp{font-size:2rem!important;margin:10px 0 12px!important}
  .lead{font-size:.98rem!important;margin-bottom:0}
  .lbl{font-size:.7rem}
  /* hero plus court */
  .hero{min-height:auto!important}.hero .w{padding-top:110px!important;padding-bottom:48px!important}
  .hero h1{font-size:2.5rem!important;margin:16px 0 16px!important}
  /* carrousels horizontaux (swipe) */
  .bento,.sect,.plans{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px!important;margin:28px -24px 0!important;padding:4px 24px 14px!important;scroll-padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bento::-webkit-scrollbar,.sect::-webkit-scrollbar,.plans::-webkit-scrollbar{display:none}
  .bento>.tile,.sect>.sc,.plans>.plan{flex:0 0 82%;scroll-snap-align:start;min-height:0!important;margin:0!important}
  .sect>.sc{flex-basis:64%;padding:18px!important}
  .sect .sc p{font-size:.85rem}.sc .ico{width:38px!important;height:38px!important;margin-bottom:12px!important}
  .tile{padding:22px!important}.tile .cal{max-width:200px}.mbars{height:70px}
  .swipe-hint{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--sauge);margin-top:4px;letter-spacing:.08em;text-transform:uppercase}
  /* processus compact */
  .steps{margin-top:24px!important}.step{padding:16px 0!important;gap:4px!important}
  .step h3{font-size:1.25rem!important}.step p{font-size:.9rem}.step .no{width:38px!important;height:38px!important;font-size:.85rem!important}
  /* tarifs */
  .plan{padding:24px!important}.plan ul{margin:14px 0!important}.plan li{padding:5px 0!important;font-size:.9rem}
  .d3{margin-top:20px!important;font-size:.85rem}
  /* projets */
  #projets .lead{display:none}
  /* FAQ */
  .faq details summary{padding:14px 0!important;font-size:.95rem}
  /* contact */
  .cband .big{font-size:2.3rem!important}.cband{padding:56px 0!important}
  /* décor */
  #stars,.scroll,.cur,.mock{display:none!important}
}
@media (max-width:900px) and (prefers-reduced-motion:reduce){.bento,.sect,.plans{scroll-behavior:auto}}

/* correctif : cartes des carrousels non rognées au toucher */
@media (max-width:900px){
  .bento,.sect,.plans{padding-top:14px!important;padding-bottom:20px!important;overflow-y:hidden}
  .bento>.tile,.sect>.sc,.plans>.plan,.bento>.tile:hover,.sect>.sc:hover,.plans>.plan:hover,#secteurs .sc.rv,#secteurs .sc:hover{transform:none!important;transition:opacity .4s ease,border-color .3s!important;transition-delay:0s!important;box-shadow:none}
}
@media (hover:none){.bento .tile:hover,#secteurs .sc:hover{transform:none!important}.bento:hover .tile:not(:hover){opacity:1!important;filter:none!important}}

/* correctif global mobile : aucune carte déplacée/rognée (révélation en fondu seulement) */
@media (max-width:900px){
  .rv,.rv.in{transform:none!important}
  .tile,.sc,.plan,.slide,.step,.faq details,.cband .fld,.tile:hover,.sc:hover,.plan:hover,.slide:hover,.step:hover{transform:none!important}
  .step:hover{padding-left:0!important}
  .track{padding-top:12px!important;padding-bottom:16px!important}
}

/* tarifs condensés (mobile) */
@media (max-width:900px){
  .plans>.plan{flex-basis:78%!important;padding:20px 18px 18px!important}
  .plan h3{font-size:.95rem!important;margin:0 0 10px!important}
  .plan .pr{font-size:2rem!important;line-height:1.1;white-space:nowrap;display:flex;align-items:baseline;gap:6px}
  .plan .pr small{font-size:.72rem!important;white-space:nowrap}
  .plan .pm{font-size:.82rem!important;margin-top:2px}
  .plan ul{gap:4px!important;margin:12px 0 14px!important;font-size:.82rem!important}
  .plan li{padding:2px 0 2px 20px!important;line-height:1.35}
  .plan li::before{left:0;top:2px;font-size:.8rem}
  .plan .btn{align-self:flex-start;padding:8px 14px!important;font-size:.78rem!important;white-space:nowrap;min-height:0;gap:6px}
  .plan .badge{font-size:.65rem;padding:4px 9px;top:-11px}
}

@media (max-width:900px){.plan .pm{margin-bottom:0!important;padding-bottom:0!important}.plan .pr{margin-bottom:0!important}}

@media (max-width:900px){#tarifs .d3{display:none!important}}

@media (max-width:900px){#marketing .d3{display:none!important}}