
.wcibf-container-wrapper{
	position: relative;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.wcibf-container-wrapper::before {
	content:" ";
	background-image:url('../images/ic_spin.svg');
	background-color:transparent;
	background-repeat: no-repeat;
	height:50px;
	width:50px;
	position: absolute;
	left: 0px;
	top:0px;	
  }


.wcibf-container {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    transform-style: preserve-3d;
    /* Remove transition for smooth animation */
    cursor: pointer;
    /* Always have animation defined, but paused by default */
    animation: spinY 3s linear infinite;
    animation-play-state: paused;
    box-sizing: border-box;
    /* Enable proper touch handling on mobile */
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }


  
  .wcibf-container-wrapper:hover .wcibf-container,
  .wcibf-container.spinY {
    animation-play-state: running;
  }

  @keyframes spinY {
    from {
      transform: rotateY(0deg);
    }
    to {
      transform: rotateY(360deg);
    }
  }

  .wcibf-side,  .wcibf-middle-list {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    /* No backface-visibility here! */
  }

  /* Ensure both front and back use backface-visibility on img, not parent */
  .wcibf-side img,  .wcibf-middle-list img {
    width: 100%  !important;
    height: auto !important;
    display: block;
    /* No backface-visibility here so both sides are visible when spinning */
  }

  .wcibf-front {
    z-index: 2;
  }
  
  .wcibf-back {
    transform: rotateY(180deg);
    z-index: 3;
  }

  .wcibf-middle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform-style: preserve-3d;
    z-index: 1;
  }

  /* Each slice slightly offset in Z-axis */
 .wcibf-middle .wcibf-middle-list:nth-child(1) { transform: translateZ(1px); }
 .wcibf-middle .wcibf-middle-list:nth-child(2) { transform: translateZ(2px); }
 .wcibf-middle .wcibf-middle-list:nth-child(3) { transform: translateZ(3px); }
 .wcibf-middle .wcibf-middle-list:nth-child(4) { transform: translateZ(4px); }
 .wcibf-middle .wcibf-middle-list:nth-child(5) { transform: translateZ(5px); }
 .wcibf-middle .wcibf-middle-list:nth-child(6) { transform: translateZ(6px); }
 .wcibf-middle .wcibf-middle-list:nth-child(7) { transform: translateZ(7px); }
 .wcibf-middle .wcibf-middle-list:nth-child(8) { transform: translateZ(8px); }
 .wcibf-middle .wcibf-middle-list:nth-child(9) { transform: translateZ(9px); }
 .wcibf-middle .wcibf-middle-list:nth-child(10){ transform: translateZ(10px); }
 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .zoomImg{
	display:none !important;
 }

 #content .type-product .fusion-woo-product-images,
 #content .type-product .fusion-woo-product-images .avada-single-product-gallery-wrapper,  
 #content .type-product .fusion-woo-product-images .woocommerce-product-gallery__wrapper {
  width:100%;
 }