/* Gando 9.7.70 — PDP gallery scroll chaining + related-care card parity. */

/*
 * The thumbnail/media rail is horizontally scrollable. An older commerce layer
 * applied `overscroll-behavior: contain`, which also contained the block/Y axis
 * and trapped normal page-wheel scrolling whenever the pointer was over this rail.
 * Keep horizontal containment, but explicitly restore vertical scroll chaining.
 */
.single-product .pdp .gallery-stack{
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
  overscroll-behavior-inline:contain;
  overscroll-behavior-block:auto;
  touch-action:pan-x pan-y;
}

/*
 * Care-product PDPs now render the same compact card component as the shoe-PDP
 * complementary rail. Keep the existing three-up desktop composition because
 * this section intentionally requests three related care products.
 */
@media(min-width:901px){
  .single-product .pdp-care--related .pdp-carousel-track>.pdp-care-card{
    flex:0 0 calc((100% - 24px)/3);
    width:auto;
    min-width:0;
    max-width:calc((100% - 24px)/3);
  }
}
