/* Panier mobile : le même tiroir (modal/cart-block.php) devient un
   bottom-sheet en dessous de 768px, au lieu du tiroir latéral droit
   desktop — même mécanisme que le tiroir "comparateur" déjà existant
   (translateY). N'affecte jamais le desktop : sans la classe
   .oms-cart-sheet ou au-dessus de 767.98px, rien ne change.

   Il s'arrête au-dessus de la barre de navigation (au lieu de la
   couvrir) pour qu'on puisse toujours taper un autre onglet pendant
   que le panier est ouvert. */
@media (max-width: 767.98px) {
  .modal-cart-main.oms-cart-sheet {
    position: fixed;
    top: auto;
    right: 0;
    bottom: calc(86px + env(safe-area-inset-bottom, 0px));
    left: 0;
    width: 100%;
    height: auto;
    max-height: 74vh;
    border-radius: 24px;
    transform: translateY(100%);
    opacity: 0;
  }

  .modal-cart-main.oms-cart-sheet.open {
    right: 0;
    transform: translateY(0);
    opacity: 1;
  }

  .modal-cart-main.oms-cart-sheet .list-product {
    max-height: 32vh;
    overflow-y: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .modal-cart-main.oms-cart-sheet {
    transition: opacity 0.2s ease !important;
  }
}