
/* MANYA V201 HERO + HOME PRODUCT COLLECTION CLEAN FIX
   Only fixes:
   1. Hero CSS-background is converted to a real .hero-img layer by JS and zoomed with GSAP.
   2. Home Product Collection carousel section is stabilized so it does not jump.
   3. Old broken v129/v200 scripts are dequeued in PHP.
*/

/* HERO WRAPPER: stable viewport, no jump */
body.home .hero-wrapper,
body.home .apple-hero,
body.home .cms-hero,
body.home .hero-zoom-stage,
body.home .v90-home-hero,
body.home .v103-home-hero{
  overflow:hidden!important;
  position:relative!important;
  height:100vh!important;
  min-height:100vh!important;
  opacity:1!important;
  visibility:visible!important;
  isolation:isolate!important;
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
}

/* The inserted real hero image layer */
body.home .manya-v201-hero-img,
body.home .hero-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1);
  transition:transform .1s linear!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  filter:none!important;
}

/* Existing hero media/images still stay valid if present */
body.home .hero-media,
body.home .hero-zoom-media,
body.home .v90-zoom-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

body.home .hero-media img,
body.home .hero-zoom-media img,
body.home .v90-zoom-media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:scale(1);
  transition:transform .1s linear!important;
  will-change:transform!important;
}

/* Keep a gentle original-style dark overlay, not blue/white wash */
body.home .hero-wrapper::after,
body.home .apple-hero::after,
body.home .cms-hero::after,
body.home .hero-zoom-stage::after,
body.home .v90-home-hero::after,
body.home .v103-home-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(90deg,rgba(3,28,20,.30),rgba(3,28,20,.04))!important;
  pointer-events:none!important;
}

/* Hero content must stay above image and overlay */
body.home .hero-wrapper > .container,
body.home .apple-hero > .container,
body.home .cms-hero > .container,
body.home .hero-zoom-stage > .container,
body.home .v90-home-hero > .container,
body.home .v103-home-hero > .container,
body.home .hero-content{
  position:relative!important;
  z-index:3!important;
}

/* Do not allow previous zoom-section transforms to move hero and action section around */
body.home .hero-wrapper.v45-zoom-section,
body.home .apple-hero.v45-zoom-section,
body.home .cms-hero.v45-zoom-section,
body.home .hero-zoom-stage.v45-zoom-section,
body.home .v111-action-section.v45-zoom-section{
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  opacity:1!important;
}

/* HOME PRODUCT COLLECTION: keep original carousel, but stop layout jumping */
body.home .product-carousel-section{
  position:relative!important;
  overflow:hidden!important;
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  opacity:1!important;
  visibility:visible!important;
  contain:layout paint!important;
}

body.home .product-carousel-section.v45-zoom-section{
  transform:none!important;
  translate:none!important;
  rotate:none!important;
  scale:none!important;
  opacity:1!important;
}

body.home .manya-3d-carousel,
body.home .carousel-track{
  backface-visibility:hidden!important;
  will-change:transform!important;
  transform-style:preserve-3d!important;
}

body.home .carousel-panel{
  flex-shrink:0!important;
  backface-visibility:hidden!important;
}

/* Prevent pin-spacer from creating wrong extra gaps after refresh */
body.home .pin-spacer{
  box-sizing:border-box!important;
}
