/* Mobile uniquement : les six usages deviennent un carrousel tactile.
   La mise en page desktop reste entièrement inchangée. */
@media (max-width: 700px){
  .p-index .sx{padding-block:48px 64px}
  .p-index .sx__grid{display:block}
  .p-index .sx__media{display:none}
  .p-index .sx__head{margin-bottom:24px}
  .p-index .sx__head .display{font-size:clamp(2.7rem,13vw,4.6rem);line-height:.9}
  .p-index .sx__head .lead{font-size:1rem;line-height:1.45}
  .p-index .sx__list{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border:0;padding:4px 8vw 18px 0;margin-right:-8vw}
  .p-index .sx__list::-webkit-scrollbar{display:none}
  .p-index .sx__item,.p-index .sx__item.is-active{flex:0 0 min(82vw,360px);scroll-snap-align:start;border:1px solid #dbe3e8;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(20,38,48,.08);overflow:hidden}
  .p-index .sx__link,.p-index .sx__item.is-active .sx__link{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:10px;padding:18px 16px 16px;min-height:100%;transition:none}
  .p-index .sx__n{padding-top:.3em;color:var(--bleu-encre);font-size:.8rem}
  .p-index .sx__t,.p-index .sx__item.is-active .sx__t{font-size:clamp(1.35rem,6.4vw,2rem);line-height:1.02;color:var(--encre);font-stretch:100%;background:none;-webkit-text-fill-color:currentColor}
  .p-index .sx__more,.p-index .sx__item.is-active .sx__more{grid-column:2;display:grid;gap:9px;opacity:1;padding-top:10px;min-height:0;overflow:visible}
  .p-index .sx__d{font-size:.95rem;line-height:1.45;color:#4d5960}
  .p-index .sx__tags{font-size:.68rem;line-height:1.4}
  .p-index .sx__go{font-size:.78rem}
  .p-index .sx__thumb{display:block;grid-column:1/-1;grid-row:3;margin:16px 0 0;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#edf1f3}
  .p-index .sx__thumb img{display:block;width:100%;height:100%;object-fit:cover}

  /* Machines : carrousel horizontal compact sur mobile. */
  .p-index .machines__head .chap__side{display:none!important}
  .p-index .machine-panels{display:flex;flex-direction:row;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;height:auto;min-height:0;margin:28px -8vw 40px 0;padding:4px 8vw 18px 0}
  .p-index .machine-panels::-webkit-scrollbar{display:none}
  .p-index .machine-panels .machine-scene--single,.p-index .machine-panels .machine-scene--single.is-open{flex:0 0 min(84vw,390px);height:500px!important;min-height:0;margin:0;scroll-snap-align:start;border-radius:20px;display:block;overflow:hidden;touch-action:pan-x}
  .p-index .machine-panels .machine-scene__slide{position:absolute;inset:0;height:100%!important}
  .p-index .machine-panels .machine-scene__photo,.p-index .machine-panels .machine-scene__photo picture,.p-index .machine-panels .machine-scene__photo img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center!important;background:none!important}
  .p-index .machine-panels .machine-scene__slide::after{background:linear-gradient(180deg,rgba(7,17,28,.08) 20%,rgba(7,17,28,.72) 100%)!important;pointer-events:none}
  .p-index .machine-panels .machine-scene__copy,.p-index .machine-panels .is-open .machine-scene__copy{position:absolute;top:8%;left:7%;right:7%;width:auto;max-width:none;padding:0;color:#fff;display:block;z-index:3}
  .p-index .machine-panels .machine-scene__num{margin-bottom:14px}
  .p-index .machine-panels .machine__brand,.p-index .machine-panels .machine__tag,.p-index .machine-panels .machine__desc{display:block}
  .p-index .machine-panels .machine__name{font-size:clamp(28px,8vw,40px)!important;line-height:1.05;margin:10px 0 14px;overflow-wrap:normal}
  .p-index .machine-panels .machine__tag{font-size:18px;line-height:1.3;margin-bottom:10px}
  .p-index .machine-panels .machine__desc{font-size:14px;line-height:1.45}
  .p-index .machine-panels .machine-examples{display:block!important;position:absolute;left:7%;right:7%;bottom:14px;z-index:5;opacity:1!important;visibility:visible!important;max-width:none;margin:0}
  .p-index .machine-panels .machine-examples__title{display:none}
  .p-index .machine-panels .machine-examples__list{display:flex;gap:7px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .p-index .machine-panels .machine-examples__list::-webkit-scrollbar{display:none}
  .p-index .machine-panels .machine-examples__list button,.p-index .machine-panels .machine-examples__list .machine-video{flex:0 0 68px;width:68px!important;height:78px!important;min-width:0;margin:0;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:8px;overflow:hidden;background:#f3f5f6;position:relative}
  .p-index .machine-panels .machine-examples__list img,.p-index .machine-panels .machine-examples__list video{display:block;width:100%;height:100%;object-fit:cover}
  .p-index .machine-panels .machine-examples__list button span,.p-index .machine-panels .machine-examples__list .machine-video__label{display:none}
}
