/* 
Theme Name:		 OCI
Theme URI:		 https://www.oci.fr/
Description:	 OCI is a child theme of Hello Elementor, created by OCI
Author:			 OCI
Author URI:		 https://www.oci.fr/
Template:		 hello-elementor
Version:		 2.0.0
Text Domain:	 OCI
*/

/*
    Add your custom styles here ------------------------------------------------------------------------------------
*/

.woocommerce ul.products li.product .elh-image-swap {
  position: relative;
  display: block;
  overflow: hidden;
}
/* Les deux images */
.woocommerce ul.products li.product .elh-image-swap img {
  display: block;
  width: 100%;
  transition: opacity .35s ease, transform .35s ease;
}
/* L'image secondaire est au-dessus et invisible au repos */
.woocommerce ul.products li.product .elh-image-swap .elh-secondary {
  position: absolute;
  inset: 0;
  opacity: 0;
}
/* Hover : on révèle la 2e image + léger zoom */
.woocommerce ul.products li.product:hover .elh-image-swap .elh-secondary {
  opacity: 1;
}
.woocommerce ul.products li.product:hover .elh-image-swap img {
  transform: scale(1.04);
}

/*:::::::::::::::::::::: IE Hack ::::::::::::::::::::::*/

@media all and (-ms-high-contrast:none) {
  /*media all*/

}

@supports (-ms-ime-align:auto) {
  
}

@media screen and (max-width: 1280px) {
  
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 812px) {
  
}

@media screen and (max-width: 667px) {
  
}

@media screen and (max-width: 375px) {
  
}

@media screen and (max-width: 320px) {
 
}