.elementor-256 .elementor-element.elementor-element-255c8a2{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-256 .elementor-element.elementor-element-255c8a2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-256 .elementor-element.elementor-element-008dcec{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-256 .elementor-element.elementor-element-61de9d5{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;z-index:2;}.elementor-256 .elementor-element.elementor-element-61de9d5 img{width:100%;}.elementor-256 .elementor-element.elementor-element-344ed59{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;z-index:2;}.elementor-256 .elementor-element.elementor-element-344ed59 img{width:100%;}.elementor-256 .elementor-element.elementor-element-d9b2572{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;z-index:2;}.elementor-256 .elementor-element.elementor-element-d9b2572 img{width:100%;}.elementor-256 .elementor-element.elementor-element-caf457c{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;z-index:2;}.elementor-256 .elementor-element.elementor-element-caf457c img{width:100%;}.elementor-256 .elementor-element.elementor-element-2b0e8e8{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;z-index:2;}.elementor-256 .elementor-element.elementor-element-2b0e8e8 img{width:100%;}.elementor-256 .elementor-element.elementor-element-1c63983{z-index:1;}.elementor-256 .elementor-element.elementor-element-1c63983 img{width:92%;}.elementor-256 .elementor-element.elementor-element-b854647{--display:flex;}.elementor-widget-jet-button .jet-button__plane-normal{background-color:var( --e-global-color-primary );}.elementor-widget-jet-button .jet-button__plane-hover{background-color:var( --e-global-color-secondary );}.elementor-widget-jet-button  .jet-button__state-normal .jet-button__label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-button  .jet-button__state-hover .jet-button__label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-256 .elementor-element.elementor-element-e5eb5a9 .jet-button__plane-normal{background-color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-256 .elementor-element.elementor-element-e5eb5a9 .jet-button__plane-hover{background-color:#1DB4B500;border-style:solid;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-256 .elementor-element.elementor-element-e5eb5a9 .jet-button__container{justify-content:center;}.elementor-256 .elementor-element.elementor-element-e5eb5a9 .jet-button__state-normal .jet-button__label{text-align:left;color:var( --e-global-color-16f8c90 );}.elementor-256 .elementor-element.elementor-element-e5eb5a9 .jet-button__state-hover .jet-button__label{text-align:left;color:var( --e-global-color-secondary );}.elementor-256 .elementor-element.elementor-element-e5eb5a9  .jet-button__state-normal .jet-button__label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;}.elementor-256 .elementor-element.elementor-element-e5eb5a9  .jet-button__state-hover .jet-button__label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;}.jet-listing-item.single-jet-engine.elementor-page-256 > .elementor{width:300px;margin-left:auto;margin-right:auto;}@media(min-width:768px){.elementor-256 .elementor-element.elementor-element-255c8a2{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-255c8a2 *//* =========================================================
   HOVER ORBITE - 5 images autour du produit principal
   Container: .product-hover-container
   Images: .product-element-2 à .product-element-6
   ✅ Distance contrôlable image par image (X / Y)
   ✅ Vignettes à 30px
   ========================================================= */

/* 1) Container + variables */
.product-hover-container{
  position: relative;
  overflow: visible;

  --thumb: 30px; /* taille des vignettes */
  --easing: cubic-bezier(.22,.61,.36,1);

  /* 2) Distance PAR image (modifie ces valeurs) */

  /* product-element-2 (bas droite) */
  --p2-x: 50px;
  --p2-y: 50px;

  /* product-element-3 (bas gauche) */
  --p3-x: -70px;
  --p3-y: 70px;

  /* product-element-4 (centre gauche) */
  --p4-x: -80px;
  --p4-y: 0px;

  /* product-element-5 (haut gauche) */
  --p5-x: -70px;
  --p5-y: -70px;

  /* product-element-6 (haut droite) */
  --p6-x: 70px;
  --p6-y: -70px;
}

/* 3) Style commun des 5 vignettes : centrées et cachées au départ */
.product-hover-container .product-element-2,
.product-hover-container .product-element-3,
.product-hover-container .product-element-4,
.product-hover-container .product-element-5,
.product-hover-container .product-element-6{
  position: absolute;
  top: 50%;
  left: 50%;

  width: var(--thumb);
  height: var(--thumb);
  object-fit: cover;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translate(-50%, -50%) scale(.6);
  transition:
    opacity .22s var(--easing),
    transform .65s var(--easing),
    visibility 0s linear .22s;
  will-change: transform, opacity;
}

/* 4) Hover : elles deviennent visibles (base) */
.product-hover-container:hover .product-element-2,
.product-hover-container:hover .product-element-3,
.product-hover-container:hover .product-element-4,
.product-hover-container:hover .product-element-5,
.product-hover-container:hover .product-element-6{
  opacity: 1;
  visibility: visible;
  transition:
    opacity .18s var(--easing),
    transform .7s var(--easing),
    visibility 0s;
}

/* 5) Animation + position FINALE (X/Y) pour chaque image */

/* Bas droite */
.product-hover-container:hover .product-element-2{
  transform: translate(-50%, -50%) translate(var(--p2-x), var(--p2-y)) scale(1);
  transition-delay: 0ms;
}

/* Bas gauche */
.product-hover-container:hover .product-element-3{
  transform: translate(-50%, -50%) translate(var(--p3-x), var(--p3-y)) scale(1);
  transition-delay: 60ms;
}

/* Centre gauche */
.product-hover-container:hover .product-element-4{
  transform: translate(-50%, -50%) translate(var(--p4-x), var(--p4-y)) scale(1);
  transition-delay: 120ms;
}

/* Haut gauche */
.product-hover-container:hover .product-element-5{
  transform: translate(-50%, -50%) translate(var(--p5-x), var(--p5-y)) scale(1);
  transition-delay: 180ms;
}

/* Haut droite */
.product-hover-container:hover .product-element-6{
  transform: translate(-50%, -50%) translate(var(--p6-x), var(--p6-y)) scale(1);
  transition-delay: 240ms;
}

/* (Optionnel) Support clavier/mobile : si un lien/bouton est dans le container */
.product-hover-container:focus-within .product-element-2,
.product-hover-container:focus-within .product-element-3,
.product-hover-container:focus-within .product-element-4,
.product-hover-container:focus-within .product-element-5,
.product-hover-container:focus-within .product-element-6{
  opacity: 1;
  visibility: visible;
}
.product-hover-container:focus-within .product-element-2{ transform: translate(-50%, -50%) translate(var(--p2-x), var(--p2-y)) scale(1); }
.product-hover-container:focus-within .product-element-3{ transform: translate(-50%, -50%) translate(var(--p3-x), var(--p3-y)) scale(1); }
.product-hover-container:focus-within .product-element-4{ transform: translate(-50%, -50%) translate(var(--p4-x), var(--p4-y)) scale(1); }
.product-hover-container:focus-within .product-element-5{ transform: translate(-50%, -50%) translate(var(--p5-x), var(--p5-y)) scale(1); }
.product-hover-container:focus-within .product-element-6{ transform: translate(-50%, -50%) translate(var(--p6-x), var(--p6-y)) scale(1); }/* End custom CSS */