/* Conservado del antiguo hero-integrated.css: gesto independiente de la ficha del producto. */
/* Etapa 2: asa accesible y gestos móviles independientes de la galería. */
@media(max-width:680px){
 .product-sheet .detail-sheet-toolbar{touch-action:none!important}
 .product-sheet .detail-sheet-handle{
  display:block!important;appearance:none;position:absolute;
  top:0!important;left:50%!important;transform:translateX(-50%)!important;
  width:62px!important;height:21px!important;
  padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;touch-action:none;
  cursor:grab;z-index:3;
 }
 .product-sheet .detail-sheet-handle::after{
  content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);
  width:36px;height:4px;border-radius:5px;background:var(--theme-border);
 }
 .product-sheet .detail-sheet-handle:focus-visible{
  outline:2px solid var(--theme-accent)!important;outline-offset:1px;
 }
 .product-sheet.is-pulling{animation:none!important}
 .product-sheet .product-sheet-content{overscroll-behavior-y:contain}
}