.elementor-1425 .elementor-element.elementor-element-48fc84b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#F2F2F2;--border-color:#F2F2F2;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1425 .elementor-element.elementor-element-f8c1db2{--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-1425 .elementor-element.elementor-element-f8c1db2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1425 .elementor-element.elementor-element-87c5405{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1425 .elementor-element.elementor-element-87c5405:not(.elementor-motion-effects-element-type-background), .elementor-1425 .elementor-element.elementor-element-87c5405 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ramopharm.com/wp-content/uploads/2026/01/Cercle.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.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-1425 .elementor-element.elementor-element-fd1fcce{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-1425 .elementor-element.elementor-element-fd1fcce img{width:100%;}.elementor-1425 .elementor-element.elementor-element-080024e{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-1425 .elementor-element.elementor-element-080024e img{width:100%;}.elementor-1425 .elementor-element.elementor-element-eb50be3{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-1425 .elementor-element.elementor-element-eb50be3 img{width:100%;}.elementor-1425 .elementor-element.elementor-element-176d302{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;}.elementor-1425 .elementor-element.elementor-element-176d302 img{width:100%;}.elementor-1425 .elementor-element.elementor-element-2a8f81e{width:var( --container-widget-width, 70px );max-width:70px;--container-widget-width:70px;--container-widget-flex-grow:0;z-index:2;}.elementor-1425 .elementor-element.elementor-element-2a8f81e img{width:100%;}.elementor-1425 .elementor-element.elementor-element-c34d151{z-index:1;}.elementor-1425 .elementor-element.elementor-element-c34d151 img{width:92%;}.elementor-1425 .elementor-element.elementor-element-8978bef{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1425 .elementor-element.elementor-element-b617439{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1425 .elementor-element.elementor-element-3b1e428 .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-1425 .elementor-element.elementor-element-3b1e428 .jet-button__plane-hover{background-color:#1DB4B500;border-style:solid;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-1425 .elementor-element.elementor-element-3b1e428 .jet-button__container{justify-content:flex-start;}.elementor-1425 .elementor-element.elementor-element-3b1e428 .jet-button__state-normal .jet-button__label{text-align:left;color:var( --e-global-color-16f8c90 );}.elementor-1425 .elementor-element.elementor-element-3b1e428 .jet-button__state-hover .jet-button__label{text-align:left;color:var( --e-global-color-secondary );}.elementor-1425 .elementor-element.elementor-element-3b1e428  .jet-button__state-normal .jet-button__label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;}.elementor-1425 .elementor-element.elementor-element-3b1e428  .jet-button__state-hover .jet-button__label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;}.elementor-1425 .elementor-element.elementor-element-a17e751 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-1425 .elementor-element.elementor-element-a17e751 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-1425 .elementor-element.elementor-element-a17e751 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-1425 .elementor-element.elementor-element-a17e751 .jet-listing-dynamic-field__content{text-align:left;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__plane-normal{background-color:var( --e-global-color-16f8c90 );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__plane-hover{background-color:#1DB4B500;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-secondary );border-radius:30px 30px 30px 30px;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__container{justify-content:flex-start;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__state-normal{padding:0px 0px 0px 0px;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__state-hover{padding:0px 0px 0px 0px;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__state-normal .jet-button__icon{color:var( --e-global-color-secondary );font-size:14px;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__state-hover .jet-button__icon{color:var( --e-global-color-secondary );font-size:14px;}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__state-normal .jet-button__label{text-align:left;color:var( --e-global-color-secondary );}.elementor-1425 .elementor-element.elementor-element-f8ee628 .jet-button__state-hover .jet-button__label{text-align:left;color:var( --e-global-color-secondary );}.elementor-1425 .elementor-element.elementor-element-f8ee628  .jet-button__state-normal .jet-button__label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;}.elementor-1425 .elementor-element.elementor-element-f8ee628  .jet-button__state-hover .jet-button__label{font-family:"Sora", Sans-serif;font-size:13px;font-weight:600;}@media(min-width:768px){.elementor-1425 .elementor-element.elementor-element-f8c1db2{--width:50%;}}@media(max-width:767px){.elementor-1425 .elementor-element.elementor-element-48fc84b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for container, class: .elementor-element-f8c1db2 *//* =========================================================
   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 */