/* FoxiWorld V310 — native mobile scrolling and native product text selection. */

/* Do not lock the whole document to one gesture axis. The browser can now
   distinguish a vertical page scroll from a horizontal bestseller swipe. */
html,
body{
  touch-action:auto!important;
}

@media (max-width:760px){
  .v143-carousel-shell--products,
  .v15-products,
  .v15-products__content{
    touch-action:auto!important;
    overscroll-behavior-y:auto!important;
  }

  .v15-product-grid{
    touch-action:auto!important;
    overscroll-behavior-x:auto!important;
    overscroll-behavior-y:auto!important;
    scroll-snap-type:x proximity!important;
  }

  /* Cards must not become gesture-capture surfaces. A vertical finger movement
     on a product continues scrolling the page normally. */
  .v15-product-grid>.v15-card,
  .v15-card__media,
  .v15-card__body{
    touch-action:auto!important;
  }
}

/* Product detail text is selected by the browser, without JS recreating ranges. */
#productRoot,
#productRoot .pd-info,
#productRoot .pd-info h1,
#productRoot .pd-brand,
#productRoot .pd-lead,
#productRoot .pd-price-row,
#productRoot .pd-price-row *,
#productRoot .pd-omnibus,
#productRoot .pd-stock,
#productRoot .pd-benefits,
#productRoot .pd-benefits *,
#productRoot .pd-content-grid,
#productRoot .pd-content-grid *,
#productRoot .pd-description,
#productRoot .pd-description *,
#productRoot .pd-rich-copy,
#productRoot .pd-rich-copy *,
#productRoot .pd-feature-list,
#productRoot .pd-feature-list *,
#productRoot .pd-spec,
#productRoot .pd-spec *,
#productRoot .breadcrumbs,
#productRoot .reviews-compact,
#productRoot .reviews-compact *,
#productRoot .review-mini,
#productRoot .review-mini *{
  -webkit-user-select:text!important;
  user-select:text!important;
}

#productRoot button,
#productRoot input,
#productRoot textarea,
#productRoot select,
#productRoot [role="button"],
#productRoot img,
#productRoot svg{
  -webkit-user-select:none!important;
  user-select:none!important;
}