.elementor-kit-8{--e-global-color-primary:#425A12;--e-global-color-secondary:#DCE5D2;--e-global-color-text:#263717;--e-global-color-accent:#F6F6EF;--e-global-color-c572b5c:#FFFFFF;--e-global-color-44acfe8:#000000;--e-global-color-89be0fc:#D6DCA9;--e-global-typography-primary-font-family:"Clash Display";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Clash Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Helvetica";--e-global-typography-accent-font-weight:500;font-family:"Helvetica", Sans-serif;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 h1{font-family:"Clash Display", Sans-serif;}.elementor-kit-8 h2{font-family:"Clash Display", Sans-serif;}.elementor-kit-8 h3{font-family:"Clash Display", Sans-serif;}.elementor-kit-8 h4{font-family:"Clash Display", Sans-serif;}.elementor-kit-8 h5{font-family:"Helvetica", Sans-serif;}.elementor-kit-8 h6{font-family:"Helvetica", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Container principal */
.product-hover-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 380px;
  overflow: visible;
}

/* Produit principal */
.product-hover-container .product-main {
  position: relative;
  z-index: 10;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.product-hover-container:hover .product-main {
  transform: scale(1.05);
}

/* Éléments satellites - État initial (cachés) */
.product-hover-container [class*="product-element-"] {
  position: absolute;
  opacity: 0;
  transform: scale(0.3) rotate(-15deg);
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 5;
}

/* Positions des 6 éléments */
.product-element-1 { top: 5%; left: 10%; }
.product-element-2 { top: 0%; right: 5%; }
.product-element-3 { top: 30%; right: 0%; }
.product-element-4 { bottom: 10%; right: 10%; }
.product-element-5 { bottom: 5%; left: 15%; }
.product-element-6 { top: 35%; left: 0%; }

/* État au hover - Apparition */
.product-hover-container:hover [class*="product-element-"] {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* Délais d'animation échelonnés */
.product-hover-container:hover .product-element-1 { transition-delay: 0s; }
.product-hover-container:hover .product-element-2 { transition-delay: 0.05s; }
.product-hover-container:hover .product-element-3 { transition-delay: 0.1s; }
.product-hover-container:hover .product-element-4 { transition-delay: 0.15s; }
.product-hover-container:hover .product-element-5 { transition-delay: 0.2s; }
.product-hover-container:hover .product-element-6 { transition-delay: 0.25s; }

/* Animations de sortie (quand on quitte le hover) */
.product-hover-container .product-element-1 { transition-delay: 0.25s; }
.product-hover-container .product-element-2 { transition-delay: 0.2s; }
.product-hover-container .product-element-3 { transition-delay: 0.15s; }
.product-hover-container .product-element-4 { transition-delay: 0.1s; }
.product-hover-container .product-element-5 { transition-delay: 0.05s; }
.product-hover-container .product-element-6 { transition-delay: 0s; }



/*____ image bounece*____
/* Bounce doux pour les images "goutte" */
.drop-bounce {
  animation: dropFloat 3.8s ease-in-out infinite;
  transform: translateY(0);
  will-change: transform;
}

/* Petite variation entre les images (plus naturel) */
.drop-bounce:nth-of-type(2) { animation-delay: 0.2s; }
.drop-bounce:nth-of-type(3) { animation-delay: 0.4s; }
.drop-bounce:nth-of-type(4) { animation-delay: 0.6s; }

@keyframes dropFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); } /* distance (petite) */
}

/* Respect des utilisateurs qui préfèrent moins d'animations */
@media (prefers-reduced-motion: reduce) {
  .drop-bounce { animation: none; }
}




/* Bounce doux inversé (descend puis remonte) */
.drop-bounce-inv {
  animation: dropFloatInv 3.8s ease-in-out infinite;
  transform: translateY(0);
  will-change: transform;
}

/* Variation entre les 2 images (optionnel) */
.drop-bounce-inv:nth-of-type(2) { animation-delay: 0.3s; }

@keyframes dropFloatInv {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(8px); } /* inverse : vers le bas */
}

/* Respect des utilisateurs qui préfèrent moins d'animations */
@media (prefers-reduced-motion: reduce) {
  .drop-bounce-inv { animation: none; }
}


@media (max-width: 479px) {
  .product-hover-container {
    min-height: 150px;
    justify-content: center;
  }

  /* On neutralise le hover sur mobile (sinon conflit) */
  .product-hover-container:hover [class*="product-element-"] {
    opacity: 0;
    transform: scale(0.3) rotate(-15deg);
  }
  .product-hover-container:hover .product-main {
    transform: none;
  }

  /* État initial sur mobile : caché */
  .product-hover-container [class*="product-element-"] {
    opacity: 0;
    transform: scale(0.3) rotate(-15deg);
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-delay: 0s;
    z-index: 5;
  }

  /* Quand l’élément est dans la moitié centrale du viewport */
  .product-hover-container.is-active [class*="product-element-"] {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  /* Délais échelonnés (comme sur hover desktop) */
  .product-hover-container.is-active .product-element-1 { transition-delay: 0s; }
  .product-hover-container.is-active .product-element-2 { transition-delay: 0.05s; }
  .product-hover-container.is-active .product-element-3 { transition-delay: 0.1s; }
  .product-hover-container.is-active .product-element-4 { transition-delay: 0.15s; }
  .product-hover-container.is-active .product-element-5 { transition-delay: 0.2s; }
  .product-hover-container.is-active .product-element-6 { transition-delay: 0.25s; }

  /* Optionnel : léger zoom quand actif */
  .product-hover-container.is-active .product-main {
    transform: scale(1.05);
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Bold.eot');
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Bold.woff2') format('woff2'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Bold.woff') format('woff'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Extralight.eot');
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Extralight.eot?#iefix') format('embedded-opentype'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Extralight.woff2') format('woff2'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Extralight.woff') format('woff'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Extralight.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Light.eot');
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Light.eot?#iefix') format('embedded-opentype'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Light.woff2') format('woff2'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Light.woff') format('woff'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Regular.eot');
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Regular.woff2') format('woff2'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Regular.woff') format('woff'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Medium.eot');
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Medium.woff2') format('woff2'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Medium.woff') format('woff'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Clash Display';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Semibold.eot');
	src: url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Semibold.woff2') format('woff2'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Semibold.woff') format('woff'),
		url('https://arganizm.com/wp-content/uploads/2025/12/ClashDisplay-Semibold.ttf') format('truetype');
}
/* End Custom Fonts CSS */