/* pp-mobile.css — shared mobile scroll & touch fixes for all product pages */

html{overflow-x:hidden;overscroll-behavior-x:none;}
body{overflow-x:hidden;overscroll-behavior-x:none;}

@media(max-width:768px){
  /* Kill full-screen fixed GPU layer — main cause of iOS scroll distortion */
  #ambient3d,#pageAmbient,.ambient-vignette{display:none!important;}

  /* Remove backdrop-filter from nav — large GPU drain on mobile */
  nav,nav.scrolled{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(6,9,10,0.96)!important;
  }

  /* Prevent scroll chaining in any overflow container */
  .modal-overlay,[class*="modal"],[class*="drawer"]{overscroll-behavior:contain;}

  /* Touch action on catalog/related product grids */
  .related-grid,.p-grid,.variant-grid,[class*="grid"]{touch-action:pan-y;}

  /* iOS input zoom prevention — inputs <16px trigger auto-zoom which breaks scroll */
  input,select,textarea{font-size:16px!important;min-height:44px;}

  /* Mobile nav — 44px minimum tap targets */
  .mobile-nav a{min-height:44px;display:flex;align-items:center;}

  /* Safe-area insets for notch + home-indicator phones */
  footer,[class*="footer"]{padding-bottom:calc(16px + env(safe-area-inset-bottom));}
}