/* Product detail opening performance guard.
   Avoids painting the transient search screen while React is promoting a
   Home rail click into the product-detail modal, and keeps the mobile sheet
   on compositor-friendly transforms. */

html.pm-product-detail-opening .search-overlay.is-open {
  background: transparent !important;
}

html.pm-product-detail-opening .search-overlay.is-open > .search-overlay-head,
html.pm-product-detail-opening .search-overlay.is-open > .search-overlay-body {
  display: none !important;
}

@keyframes pdmSheetUp {
  from { transform: translate3d(0, 100%, 0); }
  to { transform: translate3d(0, 0, 0); }
}

@media (max-width: 859px) {
  .product-detail-modal {
    animation: none !important;
  }

  .product-detail-panel {
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-detail-panel {
    will-change: auto;
    transform: none;
  }
}