/**
 * Single product critical CSS — mobile-first, design-parity.
 * Blocking on is_product only.
 *
 * Keep the theme's padding-top .prd-img box; only lock pre-Swiper slides.
 * Do NOT override img top/left/transform — conflicts with common.css centering.
 */

.page-product-detail .prd-slider-main {
  overflow: hidden;
}

/* Pre-Swiper: only first slide in flow (avoids stacked gallery height CLS). */
.page-product-detail .prd-slider-main .swiper:not(.swiper-initialized) {
  overflow: hidden;
}

.page-product-detail .prd-slider-main .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: block;
  position: relative;
}

.page-product-detail .prd-slider-main .swiper:not(.swiper-initialized) .swiper-slide {
  display: none;
  width: 100%;
}

.page-product-detail .prd-slider-main .swiper:not(.swiper-initialized) .swiper-slide:first-child {
  display: block;
}