.elementor-61945 .elementor-element.elementor-element-2b34421:not(.elementor-motion-effects-element-type-background), .elementor-61945 .elementor-element.elementor-element-2b34421 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-61945 .elementor-element.elementor-element-2b34421 > .elementor-container{max-width:800px;}.elementor-61945 .elementor-element.elementor-element-2b34421{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-61945 .elementor-element.elementor-element-2b34421 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61945 .elementor-element.elementor-element-c16c73a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-61945 .elementor-element.elementor-element-28b0999:not(.elementor-motion-effects-element-type-background), .elementor-61945 .elementor-element.elementor-element-28b0999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D2F5FF;}.elementor-61945 .elementor-element.elementor-element-28b0999 > .elementor-container{max-width:1440px;}.elementor-61945 .elementor-element.elementor-element-28b0999{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-61945 .elementor-element.elementor-element-28b0999 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61945 .elementor-element.elementor-element-da1402e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-61945 .elementor-element.elementor-element-555a9f8:not(.elementor-motion-effects-element-type-background), .elementor-61945 .elementor-element.elementor-element-555a9f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-61945 .elementor-element.elementor-element-555a9f8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 48px 48px 48px;}.elementor-61945 .elementor-element.elementor-element-555a9f8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61945 .elementor-element.elementor-element-2581d8e{--spacer-size:15px;}.elementor-61945 .elementor-element.elementor-element-dd71963{--spacer-size:1px;}.elementor-61945 .elementor-element.elementor-element-fba6327:not(.elementor-motion-effects-element-type-background), .elementor-61945 .elementor-element.elementor-element-fba6327 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-61945 .elementor-element.elementor-element-fba6327{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 48px 48px 48px;}.elementor-61945 .elementor-element.elementor-element-fba6327 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61945 .elementor-element.elementor-element-fbdb050 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-61945 .elementor-element.elementor-element-bd0c767{width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-61945 .elementor-element.elementor-element-45ce19f > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-45ce19f{text-align:center;}.elementor-61945 .elementor-element.elementor-element-45ce19f .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;}.elementor-61945 .elementor-element.elementor-element-c91ca9e > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-83bfcea > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-cbfb7a3 > .elementor-widget-container{margin:0px 0px -0px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-3197c41{--spacer-size:1px;}.elementor-61945 .elementor-element.elementor-element-7826654:not(.elementor-motion-effects-element-type-background), .elementor-61945 .elementor-element.elementor-element-7826654 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D2F5FF;}.elementor-61945 .elementor-element.elementor-element-7826654 > .elementor-container{max-width:800px;}.elementor-61945 .elementor-element.elementor-element-7826654{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-61945 .elementor-element.elementor-element-7826654 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61945 .elementor-element.elementor-element-d53a46e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-61945 .elementor-element.elementor-element-8455d78 .title-subtitle{color:#005E97;}.elementor-61945 .elementor-element.elementor-element-ca46c62{margin:24px 24px 24px 24px;}.elementor-61945 .elementor-element.elementor-element-49f2a03 img{max-width:50%;}.elementor-61945 .elementor-element.elementor-element-7db4310{text-align:center;}.elementor-61945 .elementor-element.elementor-element-7db4310 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;color:#FFFFFF;}.elementor-61945 .elementor-element.elementor-element-13c38d4{text-align:center;}.elementor-61945 .elementor-element.elementor-element-13c38d4 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;color:#FFFFFF;}.elementor-61945 .elementor-element.elementor-element-a6ad3df:not(.elementor-motion-effects-element-type-background), .elementor-61945 .elementor-element.elementor-element-a6ad3df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D2F5FF;}.elementor-61945 .elementor-element.elementor-element-a6ad3df > .elementor-container{max-width:1440px;}.elementor-61945 .elementor-element.elementor-element-a6ad3df{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-61945 .elementor-element.elementor-element-a6ad3df > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61945 .elementor-element.elementor-element-7e3b50b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-61945 .elementor-element.elementor-element-4161cbf .title-subtitle{color:#005CFF;font-size:20px;}.elementor-61945 .elementor-element.elementor-element-6c1bfb2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-61945 .elementor-element.elementor-element-bde29e1 img{max-width:100%;}.elementor-61945 .elementor-element.elementor-element-45246f9{text-align:center;}.elementor-61945 .elementor-element.elementor-element-45246f9 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;}.elementor-61945 .elementor-element.elementor-element-8586221 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-fff951d img{max-width:100%;}.elementor-61945 .elementor-element.elementor-element-1d6aba5{text-align:center;}.elementor-61945 .elementor-element.elementor-element-1d6aba5 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;}.elementor-61945 .elementor-element.elementor-element-eebd6ed > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-e6e3cda img{max-width:100%;}.elementor-61945 .elementor-element.elementor-element-b88c595{text-align:center;}.elementor-61945 .elementor-element.elementor-element-b88c595 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;}.elementor-61945 .elementor-element.elementor-element-a9b4195 > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-ac69fe4 img{max-width:100%;}.elementor-61945 .elementor-element.elementor-element-4bbcae2{text-align:center;}.elementor-61945 .elementor-element.elementor-element-4bbcae2 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;}.elementor-61945 .elementor-element.elementor-element-c65a21b > .elementor-widget-container{margin:0px 0px -20px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-873c419:not(.elementor-motion-effects-element-type-background), .elementor-61945 .elementor-element.elementor-element-873c419 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D2F5FF;}.elementor-61945 .elementor-element.elementor-element-873c419 > .elementor-container{max-width:800px;}.elementor-61945 .elementor-element.elementor-element-873c419{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-61945 .elementor-element.elementor-element-873c419 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-61945 .elementor-element.elementor-element-1fa27bc > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-61945 .elementor-element.elementor-element-aec8557 .title-subtitle{color:#005E97;}.elementor-61945 .elementor-element.elementor-element-016c0de{margin:24px 24px 24px 24px;}.elementor-61945 .elementor-element.elementor-element-99d20ae img{max-width:50%;}.elementor-61945 .elementor-element.elementor-element-defe964{text-align:center;}.elementor-61945 .elementor-element.elementor-element-defe964 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;color:#FFFFFF;}.elementor-61945 .elementor-element.elementor-element-d17308e{text-align:center;}.elementor-61945 .elementor-element.elementor-element-d17308e .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;color:#FFFFFF;}body.elementor-page-61945{margin:0px 0px 0px 0px;}@media(max-width:767px){.elementor-61945 .elementor-element.elementor-element-2b34421{padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-c16c73a > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-61945 .elementor-element.elementor-element-28b0999{padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-da1402e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-61945 .elementor-element.elementor-element-555a9f8{padding:48px 48px 48px 48px;}.elementor-61945 .elementor-element.elementor-element-1c8f0b9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-61945 .elementor-element.elementor-element-fba6327{padding:12px 12px 12px 12px;}.elementor-61945 .elementor-element.elementor-element-bd0c767{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;}.elementor-61945 .elementor-element.elementor-element-45ce19f > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-45ce19f .elementor-heading-title{font-size:18px;}.elementor-61945 .elementor-element.elementor-element-c91ca9e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-c91ca9e{font-size:14px;}.elementor-61945 .elementor-element.elementor-element-83bfcea > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-cbfb7a3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-cbfb7a3{font-size:10px;}.elementor-61945 .elementor-element.elementor-element-7826654{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-d53a46e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-61945 .elementor-element.elementor-element-00f4f7a{padding:48px 48px 48px 48px;}.elementor-61945 .elementor-element.elementor-element-49f2a03 img{max-width:60%;}.elementor-61945 .elementor-element.elementor-element-7db4310 .elementor-heading-title{font-size:12px;}.elementor-61945 .elementor-element.elementor-element-13c38d4 .elementor-heading-title{font-size:24px;}.elementor-61945 .elementor-element.elementor-element-a6ad3df{padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-7e3b50b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-61945 .elementor-element.elementor-element-45246f9 .elementor-heading-title{font-size:17px;}.elementor-61945 .elementor-element.elementor-element-8586221 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-8586221{font-size:13px;}.elementor-61945 .elementor-element.elementor-element-1d6aba5 .elementor-heading-title{font-size:17px;}.elementor-61945 .elementor-element.elementor-element-eebd6ed > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-eebd6ed{font-size:13px;}.elementor-61945 .elementor-element.elementor-element-b88c595 .elementor-heading-title{font-size:17px;}.elementor-61945 .elementor-element.elementor-element-a9b4195 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-a9b4195{font-size:13px;}.elementor-61945 .elementor-element.elementor-element-4bbcae2 .elementor-heading-title{font-size:17px;}.elementor-61945 .elementor-element.elementor-element-c65a21b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-c65a21b{font-size:13px;}.elementor-61945 .elementor-element.elementor-element-873c419{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-61945 .elementor-element.elementor-element-1fa27bc > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:12px;}.elementor-61945 .elementor-element.elementor-element-90509ee{padding:48px 48px 48px 48px;}.elementor-61945 .elementor-element.elementor-element-99d20ae img{max-width:60%;}.elementor-61945 .elementor-element.elementor-element-defe964 .elementor-heading-title{font-size:12px;}.elementor-61945 .elementor-element.elementor-element-d17308e .elementor-heading-title{font-size:24px;}}/* Start custom CSS for html, class: .elementor-element-c1a88e9 *//* ==========================================================
   SHOWCASE SHOKZ — VERSION COMPLÈTE ET DYNAMIQUE
   Produits rapprochés • flottement réel • halos • étoiles
========================================================== */

.shokz-products-showcase{
  position:relative;
  isolation:isolate;

  display:grid;
  grid-template-columns:1fr 1.24fr 1fr;
  align-items:end;
  gap:8px;

  width:min(100%, 940px);
  margin:0 auto 34px;
  padding:38px 18px 26px;

  box-sizing:border-box;

  font-family:
    "Bricolage Grotesque",
    Inter,
    Arial,
    sans-serif;
}


/* ==========================================================
   CARTES PRODUITS
========================================================== */

.shokz-product-card{
  position:relative;
  z-index:2;

  display:flex;
  flex-direction:column;
  align-items:center;

  width:100%;
  min-width:0;

  text-align:center;

  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    filter .35s ease;
}

.shokz-product-card.main{
  z-index:4;
  margin-right:-10px;
  margin-left:-10px;
}

.shokz-product-card:first-child{
  margin-right:-10px;
}

.shokz-product-card:last-child{
  margin-left:-10px;
}


/* ==========================================================
   ZONE IMAGE
========================================================== */

.shokz-product-image{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;
  height:250px;

  padding:14px;

  box-sizing:border-box;
  overflow:visible;

  border-radius:38px;
}


/* Produit principal */

.shokz-product-card.main .shokz-product-image{
  height:300px;
}


/* ==========================================================
   HALO PRINCIPAL
========================================================== */

.shokz-product-image::before{
  content:"";

  position:absolute;
  top:50%;
  left:50%;

  z-index:-2;

  width:88%;
  height:78%;

  border-radius:50%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(255,91,31,.18) 0%,
      rgba(255,91,31,.09) 36%,
      rgba(255,91,31,.035) 55%,
      transparent 76%
    );

  filter:blur(20px);

  transform:translate(-50%,-50%);

  pointer-events:none;

  animation:shokzHaloBreath 4.8s ease-in-out infinite;
}

.shokz-product-card.main .shokz-product-image::before{
  width:96%;
  height:86%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(255,91,31,.28) 0%,
      rgba(255,91,31,.14) 38%,
      rgba(255,91,31,.055) 58%,
      transparent 78%
    );

  filter:blur(24px);

  animation-duration:4.2s;
}


/* ==========================================================
   OMBRE FLOTTANTE
========================================================== */

.shokz-product-image::after{
  content:"";

  position:absolute;
  left:50%;
  bottom:25px;

  z-index:-1;

  width:58%;
  height:24px;

  border-radius:50%;

  background:rgba(16,16,16,.17);

  filter:blur(18px);

  transform:translateX(-50%);

  pointer-events:none;

  animation:shokzShadowFloat 4.8s ease-in-out infinite;
}

.shokz-product-card.main .shokz-product-image::after{
  width:64%;
  height:28px;

  animation-duration:4.2s;
}


/* ==========================================================
   CONTENEUR ANIMÉ DE L’IMAGE
   Le mouvement est appliqué ici pour éviter les conflits
========================================================== */

.shokz-product-image img{
  position:relative;
  z-index:3;

  display:block;

  width:auto;
  height:auto;

  max-width:92%;
  max-height:90%;

  object-fit:contain;
  object-position:center;

  filter:
    drop-shadow(0 18px 20px rgba(0,0,0,.18))
    drop-shadow(0 6px 9px rgba(0,0,0,.09));

  will-change:transform;

  transition:
    filter .35s ease;
}


/* OpenFit 2+ */

.shokz-product-card:nth-child(1) .shokz-product-image img{
  animation:
    shokzFloatLeft 4.8s ease-in-out infinite;
}


/* OpenRun Pro 2 */

.shokz-product-card:nth-child(2) .shokz-product-image img{
  max-width:98%;
  max-height:96%;

  filter:
    drop-shadow(0 24px 28px rgba(0,0,0,.21))
    drop-shadow(0 9px 13px rgba(255,91,31,.16));

  animation:
    shokzFloatMain 4.2s ease-in-out infinite;
}


/* OpenDots 2 */

.shokz-product-card:nth-child(3) .shokz-product-image img{
  animation:
    shokzFloatRight 5.1s ease-in-out infinite;
}


/* ==========================================================
   ANIMATIONS DE FLOTTEMENT
========================================================== */

@keyframes shokzFloatLeft{
  0%,
  100%{
    transform:
      translate3d(0,0,0)
      rotate(-1.2deg);
  }

  50%{
    transform:
      translate3d(0,-11px,0)
      rotate(.8deg);
  }
}

@keyframes shokzFloatMain{
  0%,
  100%{
    transform:
      translate3d(0,1px,0)
      rotate(.5deg);
  }

  50%{
    transform:
      translate3d(0,-15px,0)
      rotate(-.7deg);
  }
}

@keyframes shokzFloatRight{
  0%,
  100%{
    transform:
      translate3d(0,-1px,0)
      rotate(1deg);
  }

  50%{
    transform:
      translate3d(0,-10px,0)
      rotate(-1deg);
  }
}


/* ==========================================================
   RESPIRATION DU HALO
========================================================== */

@keyframes shokzHaloBreath{
  0%,
  100%{
    opacity:.72;

    transform:
      translate(-50%,-50%)
      scale(.96);
  }

  50%{
    opacity:1;

    transform:
      translate(-50%,-50%)
      scale(1.06);
  }
}


/* ==========================================================
   MOUVEMENT DE L’OMBRE
========================================================== */

@keyframes shokzShadowFloat{
  0%,
  100%{
    opacity:.58;

    transform:
      translateX(-50%)
      scaleX(1);
  }

  50%{
    opacity:.30;

    transform:
      translateX(-50%)
      scaleX(.78);
  }
}


/* ==========================================================
   NOMS DES PRODUITS
========================================================== */

.shokz-product-name{
  position:relative;
  z-index:6;

  margin-top:12px;

  color:#171717;

  font-size:clamp(18px,2vw,24px);
  line-height:1.15;
  font-weight:850;
  letter-spacing:-.04em;
}

.shokz-product-card.main .shokz-product-name{
  margin-top:7px;

  color:#ff571f;

  font-size:clamp(23px,2.7vw,33px);
}


/* ==========================================================
   ÉTOILES SUR LES CARTES
========================================================== */

.shokz-product-card::before,
.shokz-product-card::after{
  position:absolute;
  z-index:8;

  pointer-events:none;

  line-height:1;

  text-shadow:
    0 0 10px rgba(255,91,31,.45),
    0 0 22px rgba(255,91,31,.22);

  animation:
    shokzSparkle 2.6s ease-in-out infinite;
}

.shokz-product-card::before{
  content:"✦";

  top:11%;
  right:10%;

  color:#ff642c;

  font-size:18px;
}

.shokz-product-card::after{
  content:"✧";

  bottom:24%;
  left:9%;

  color:#ffd0bd;

  font-size:14px;

  animation-delay:.85s;
}


/* Variations par produit */

.shokz-product-card:nth-child(1)::before{
  top:14%;
  right:9%;

  font-size:15px;

  animation-delay:.25s;
}

.shokz-product-card:nth-child(1)::after{
  bottom:29%;
  left:12%;

  font-size:12px;
}

.shokz-product-card:nth-child(2)::before{
  top:4%;
  right:11%;

  color:#ff541a;

  font-size:24px;
}

.shokz-product-card:nth-child(2)::after{
  bottom:20%;
  left:8%;

  color:#ffffff;

  font-size:18px;

  text-shadow:
    0 0 10px rgba(255,255,255,.70),
    0 0 24px rgba(255,91,31,.36);
}

.shokz-product-card:nth-child(3)::before{
  top:16%;
  right:13%;

  color:#ffd8c8;

  font-size:16px;

  animation-delay:.55s;
}

.shokz-product-card:nth-child(3)::after{
  bottom:27%;
  left:10%;

  font-size:13px;
}


/* ==========================================================
   ÉTOILES GLOBALES
========================================================== */

.shokz-products-showcase::before,
.shokz-products-showcase::after{
  content:"✦";

  position:absolute;
  z-index:10;

  pointer-events:none;

  color:#ff6b32;

  text-shadow:
    0 0 10px rgba(255,91,31,.45),
    0 0 20px rgba(255,91,31,.22);

  animation:
    shokzSparkle 3s ease-in-out infinite;
}

.shokz-products-showcase::before{
  top:12%;
  left:34%;

  font-size:12px;

  animation-delay:1.1s;
}

.shokz-products-showcase::after{
  top:18%;
  right:31%;

  color:#ffffff;

  font-size:10px;

  animation-delay:1.75s;
}


/* ==========================================================
   ANIMATION DES ÉTOILES
========================================================== */

@keyframes shokzSparkle{
  0%,
  100%{
    opacity:.28;

    transform:
      scale(.72)
      rotate(0deg);
  }

  45%{
    opacity:1;

    transform:
      scale(1.25)
      rotate(80deg);
  }

  65%{
    opacity:.72;

    transform:
      scale(.98)
      rotate(115deg);
  }
}


/* ==========================================================
   SURVOL
========================================================== */

.shokz-product-card:hover{
  z-index:12;

  transform:translateY(-4px);
}

.shokz-product-card:hover .shokz-product-image img{
  animation-play-state:paused;

  filter:
    drop-shadow(0 28px 30px rgba(0,0,0,.23))
    drop-shadow(0 10px 16px rgba(255,91,31,.18));
}

.shokz-product-card:nth-child(1):hover .shokz-product-image img{
  transform:
    translate3d(0,-8px,0)
    scale(1.035)
    rotate(0deg);
}

.shokz-product-card:nth-child(2):hover .shokz-product-image img{
  transform:
    translate3d(0,-10px,0)
    scale(1.035)
    rotate(0deg);
}

.shokz-product-card:nth-child(3):hover .shokz-product-image img{
  transform:
    translate3d(0,-8px,0)
    scale(1.035)
    rotate(0deg);
}


/* ==========================================================
   TABLETTE
========================================================== */

@media(max-width:850px){

  .shokz-products-showcase{
    grid-template-columns:1fr 1.18fr 1fr;
    gap:2px;

    padding-right:8px;
    padding-left:8px;
  }

  .shokz-product-image{
    height:220px;
  }

  .shokz-product-card.main .shokz-product-image{
    height:260px;
  }

  .shokz-product-image img{
    max-width:95%;
    max-height:92%;
  }

  .shokz-product-card:nth-child(2) .shokz-product-image img{
    max-width:98%;
    max-height:96%;
  }
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:620px){

  .shokz-products-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 8px;

    width:100%;

    padding:18px 4px 22px;
  }

  .shokz-product-card.main{
    grid-column:1 / -1;
    grid-row:1;

    width:min(100%,380px);

    margin:0 auto;
  }

  .shokz-product-card.side{
    grid-row:2;
  }

  .shokz-product-card:first-child,
  .shokz-product-card:last-child{
    margin:0;
  }

  .shokz-product-image{
    height:165px;
    padding:6px;
  }

  .shokz-product-card.main .shokz-product-image{
    height:235px;
  }

  .shokz-product-name{
    margin-top:8px;

    font-size:16px;
  }

  .shokz-product-card.main .shokz-product-name{
    margin-top:5px;

    font-size:23px;
  }

  .shokz-products-showcase::before,
  .shokz-products-showcase::after{
    display:none;
  }

  .shokz-product-card::before{
    font-size:13px;
  }

  .shokz-product-card::after{
    font-size:11px;
  }

  @keyframes shokzFloatLeft{
    0%,
    100%{
      transform:translate3d(0,0,0) rotate(-.6deg);
    }

    50%{
      transform:translate3d(0,-7px,0) rotate(.5deg);
    }
  }

  @keyframes shokzFloatMain{
    0%,
    100%{
      transform:translate3d(0,0,0) rotate(.3deg);
    }

    50%{
      transform:translate3d(0,-10px,0) rotate(-.4deg);
    }
  }

  @keyframes shokzFloatRight{
    0%,
    100%{
      transform:translate3d(0,0,0) rotate(.6deg);
    }

    50%{
      transform:translate3d(0,-7px,0) rotate(-.5deg);
    }
  }
}


/* ==========================================================
   PETITS MOBILES
========================================================== */

@media(max-width:400px){

  .shokz-products-showcase{
    gap:10px 3px;
  }

  .shokz-product-image{
    height:145px;
  }

  .shokz-product-card.main .shokz-product-image{
    height:210px;
  }

  .shokz-product-name{
    font-size:14px;
  }

  .shokz-product-card.main .shokz-product-name{
    font-size:21px;
  }
}


/* ==========================================================
   ACCESSIBILITÉ
========================================================== */

@media(prefers-reduced-motion:reduce){

  .shokz-product-image img,
  .shokz-product-image::before,
  .shokz-product-image::after,
  .shokz-product-card::before,
  .shokz-product-card::after,
  .shokz-products-showcase::before,
  .shokz-products-showcase::after{
    animation:none !important;
  }

  .shokz-product-card{
    transition:none !important;
  }
}
.shokz-showcase-link{
    display:block;
    text-decoration:none;
    color:inherit;
}

.shokz-showcase-link:hover{
    text-decoration:none;
    color:inherit;
}

.shokz-showcase-link .shokz-products-showcase{
    cursor:pointer;
    transition:transform .3s ease;
}

.shokz-showcase-link:hover .shokz-products-showcase{
    transform:translateY(-3px);
}

.shokz-showcase-link:hover .shokz-product-name{
    color:#ff5a1f;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-555a9f8 */.elementor-61945 .elementor-element.elementor-element-555a9f8 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(228, 244, 246, 0.6)) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 32px rgba(15, 90, 99, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 28px !important;
  position: relative !important;
}/* End custom CSS */
/* Start custom CSS for wd_image_or_svg, class: .elementor-element-bd0c767 */.elementor-61945 .elementor-element.elementor-element-bd0c767 {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-83bfcea *//* ==========================================================
   RUN'IX × HOKA — SPEEDGOAT 7
   WPForms — PREMIUM TRAIL EDITION

   Univers :
   Bleu nuit • HOKA Blue • Cyan glacier • Blanc
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea {
    position: relative;
    isolation: isolate;

    --hoka-blue: #00A7D6;
    --hoka-blue-light: #67E3F5;
    --hoka-ice: #B9F4FF;
    --hoka-deep: #003B5C;
    --hoka-deeper: #00283F;
    --hoka-night: #061D2B;

    --hoka-text: #F7FCFF;
    --hoka-muted: #A9C4D1;
}


/* ==========================================================
   HALO EXTÉRIEUR — ATMOSPHÈRE HOKA
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea::before {
    content: "";
    position: absolute;
    inset: -55px;
    z-index: -1;
    pointer-events: none;
    border-radius: 60px;

    background:
        radial-gradient(
            ellipse at 18% 25%,
            rgba(0, 183, 232, 0.28) 0%,
            rgba(0, 183, 232, 0.12) 35%,
            transparent 68%
        ),
        radial-gradient(
            ellipse at 88% 72%,
            rgba(103, 227, 245, 0.20) 0%,
            rgba(103, 227, 245, 0.06) 40%,
            transparent 68%
        );

    filter: blur(52px);
    opacity: 0.88;

    animation: hokaHalo 6s ease-in-out infinite;
}

@keyframes hokaHalo {
    0%,
    100% {
        opacity: 0.62;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.045);
    }
}


/* ==========================================================
   CONTENEUR PRINCIPAL
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-container {
    position: relative;
    overflow: hidden;

    width: 100% !important;
    max-width: 920px !important;

    margin: 0 auto !important;
    padding: 50px !important;

    border:
        1px solid rgba(151, 235, 255, 0.15) !important;

    border-radius: 32px !important;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(0, 183, 232, 0.19) 0%,
            transparent 34%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(103, 227, 245, 0.08) 0%,
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #073149 0%,
            #05283D 42%,
            #031E30 72%,
            #021724 100%
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.11),
        inset 0 -1px 0 rgba(0, 183, 232, 0.08),
        0 25px 60px rgba(0, 35, 55, 0.32),
        0 45px 110px rgba(0, 30, 48, 0.25),
        0 0 90px rgba(0, 183, 232, 0.10) !important;
}


/* ==========================================================
   LIGNE LUMINEUSE SUPÉRIEURE
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-container::before {
    content: "";
    position: absolute;

    top: 0;
    left: 7%;
    right: 7%;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #00A7D6 18%,
            #8DEFFF 50%,
            #00A7D6 82%,
            transparent
        );

    border-radius: 0 0 999px 999px;

    box-shadow:
        0 0 16px rgba(0, 183, 232, 0.75),
        0 0 42px rgba(0, 183, 232, 0.38);

    pointer-events: none;
}


/* ==========================================================
   TEXTURE TECHNIQUE / TRAIL
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-container::after {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 0;
    pointer-events: none;

    border-radius: inherit;

    opacity: 0.16;

    background-image:
        radial-gradient(
            circle at 20% 20%,
            rgba(255, 255, 255, 0.19) 1px,
            transparent 1px
        ),
        radial-gradient(
            circle at 80% 65%,
            rgba(103, 227, 245, 0.20) 1px,
            transparent 1px
        );

    background-size:
        30px 30px,
        42px 42px;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-form {
    position: relative;
    z-index: 2;
}


/* ==========================================================
   TITRES
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-title {
    margin-bottom: 12px !important;

    color: #FFFFFF !important;

    font-size: clamp(29px, 4vw, 43px) !important;
    line-height: 1.06 !important;

    font-weight: 900 !important;
    letter-spacing: -0.045em !important;

    text-shadow:
        0 3px 18px rgba(0, 183, 232, 0.12);
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-description {
    max-width: 680px;

    margin-bottom: 36px !important;

    color: #AAC7D4 !important;

    font-size: 16px !important;
    line-height: 1.7 !important;
}


/* ==========================================================
   ESPACEMENT
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field {
    width: 100% !important;
    max-width: 100% !important;

    padding: 0 0 25px !important;

    float: none !important;
    clear: both !important;
}


/* ==========================================================
   LABELS
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-label {
    display: block !important;

    margin-bottom: 11px !important;

    color: #F3FBFF !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    letter-spacing: -0.01em !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-required-label {
    color: var(--hoka-blue-light) !important;
}


/* ==========================================================
   LARGEUR DES CHAMPS
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-small,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-medium,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-large {
    width: 100% !important;
    max-width: 100% !important;
}


/* ==========================================================
   INPUTS / SELECT / TEXTAREA
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="text"],
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="email"],
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="tel"],
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="number"],
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="url"],
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="date"],
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field textarea,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field select {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 59px !important;

    box-sizing: border-box !important;

    padding: 17px 22px !important;

    color: #F7FCFF !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em;

    border:
        1px solid rgba(164, 231, 246, 0.14) !important;

    border-radius: 17px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.075),
            rgba(255, 255, 255, 0.025)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 7px 20px rgba(0, 20, 32, 0.17);

    transition:
        border-color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field textarea {
    min-height: 135px !important;
    resize: vertical;
}


/* ==========================================================
   PLACEHOLDERS
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input::placeholder,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field textarea::placeholder {
    color: #6E94A5 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}


/* ==========================================================
   FOCUS — HALO HOKA
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input:focus,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field textarea:focus,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field select:focus {
    outline: none !important;

    color: #FFFFFF !important;

    border-color: var(--hoka-blue-light) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.11),
            rgba(255, 255, 255, 0.045)
        ) !important;

    transform: translateY(-2px);

    box-shadow:
        0 0 0 4px rgba(0, 183, 232, 0.12),
        0 13px 30px rgba(0, 20, 32, 0.25),
        0 0 38px rgba(0, 183, 232, 0.13) !important;
}


/* ==========================================================
   SELECT
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;

    cursor: pointer !important;
    padding-right: 56px !important;

    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M2 2l6 6 6-6' fill='none' stroke='%2367E3F5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),
        linear-gradient(
            180deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        ) !important;

    background-repeat: no-repeat, no-repeat !important;
    background-position:
        right 22px center,
        center !important;

    background-size:
        16px 10px,
        auto !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field select option {
    color: #FFFFFF !important;
    background: #05283D !important;
}


/* ==========================================================
   NOM + PRÉNOM
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name > .wpforms-field-row,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 16px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row-block,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row > div,
.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row > span {
    display: flex !important;

    flex: 1 1 50% !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 50% !important;
    max-width: 50% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: none !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name input {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-sublabel {
    display: block !important;

    margin: 0 !important;
    padding: 8px 0 0 6px !important;

    color: #779BAD !important;

    font-size: 12px !important;
    font-weight: 500 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name * {
    float: none !important;
}


/* ==========================================================
   CHECKBOXES CLASSIQUES
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox ul {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox li {
    margin-bottom: 10px !important;
    list-style: none !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:not(:last-of-type) ul {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:not(:last-of-type) li {
    display: flex !important;
    align-items: center !important;

    gap: 14px !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    list-style: none !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:not(:last-of-type)
input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;

    margin: 0 !important;

    accent-color: var(--hoka-blue) !important;

    cursor: pointer !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:not(:last-of-type) label {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #EAF8FC !important;

    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;

    cursor: pointer !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:not(:last-of-type) li:hover label {
    color: #FFFFFF !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:not(:last-of-type)
input[type="checkbox"]:checked + label {
    color: #FFFFFF !important;
    font-weight: 650 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:not(:last-of-type) label a {
    color: var(--hoka-blue-light) !important;
}


/* ==========================================================
   CGU — CARTE PREMIUM
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type ul {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type input[type="checkbox"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label {
    position: relative;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;

    gap: 6px !important;

    width: 100% !important;

    padding:
        18px
        22px
        18px
        56px !important;

    color: #A9C5D1 !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;

    cursor: pointer !important;

    border:
        1px solid rgba(151, 235, 255, 0.12) !important;

    border-radius: 17px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.018)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 8px 22px rgba(0,20,32,.16);

    transition: all .25s ease !important;
}


/* Carré */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label::before {
    content: "";

    position: absolute;

    left: 20px;
    top: 50%;

    width: 21px;
    height: 21px;

    border:
        1px solid rgba(183,239,250,.28);

    border-radius: 7px;

    background:
        rgba(255,255,255,.045);

    transform: translateY(-50%);

    transition: all .25s ease;
}


/* Coche */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label::after {
    content: "";

    position: absolute;

    left: 27px;
    top: calc(50% - 1px);

    width: 7px;
    height: 11px;

    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;

    opacity: 0;

    transform:
        translateY(-55%)
        rotate(45deg)
        scale(.6);

    transition: all .22s ease;
}


/* Hover CGU */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label:hover {
    border-color:
        rgba(103,227,245,.38) !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.09),
            rgba(0,183,232,.035)
        ) !important;

    transform: translateY(-1px);

    box-shadow:
        0 12px 30px rgba(0,20,32,.23),
        0 0 32px rgba(0,183,232,.08);
}


/* CGU cochées */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type
input:checked + label {
    color: #FFFFFF !important;

    border-color:
        var(--hoka-blue-light) !important;

    background:
        linear-gradient(
            135deg,
            rgba(0,183,232,.17),
            rgba(103,227,245,.055)
        ) !important;

    box-shadow:
        0 10px 30px rgba(0,20,32,.25),
        0 0 32px rgba(0,183,232,.12);
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type
input:checked + label::before {
    border-color: var(--hoka-blue);

    background:
        linear-gradient(
            135deg,
            #00A7D6,
            #43D9EF
        );

    box-shadow:
        0 0 0 4px rgba(0,183,232,.11),
        0 0 20px rgba(0,183,232,.35);
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type
input:checked + label::after {
    opacity: 1;

    transform:
        translateY(-55%)
        rotate(45deg)
        scale(1);
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label span {
    display: inline !important;
    margin: 0 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label a {
    display: inline !important;

    margin-left: 3px !important;

    color: var(--hoka-blue-light) !important;

    font-weight: 700 !important;
    text-decoration: none !important;

    transition: color .2s ease;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label a:hover {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}


/* ==========================================================
   ERREURS
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-error {
    margin-top: 8px !important;

    color: #FF8C82 !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}

.elementor-61945 .elementor-element.elementor-element-83bfcea input.wpforms-error,
.elementor-61945 .elementor-element.elementor-element-83bfcea select.wpforms-error,
.elementor-61945 .elementor-element.elementor-element-83bfcea textarea.wpforms-error {
    border-color: #FF7167 !important;

    box-shadow:
        0 0 0 4px rgba(255,113,103,.10) !important;
}


/* ==========================================================
   CONTENEUR CTA
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit-container {
    width: 100% !important;

    margin-top: 20px !important;
    padding: 0 !important;
}


/* ==========================================================
   CTA HOKA — PIÈCE MAÎTRESSE
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit,
.elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit {
    position: relative !important;
    overflow: hidden !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 68px !important;

    padding: 21px 34px !important;

    color: #FFFFFF !important;

    font-family: inherit !important;

    font-size: 17px !important;
    line-height: 1.2 !important;

    font-weight: 850 !important;
    letter-spacing: -0.02em !important;

    text-transform: none !important;

    cursor: pointer !important;

    border:
        1px solid rgba(255,255,255,.18) !important;

    border-radius: 19px !important;

    background:
        linear-gradient(
            115deg,
            #007FA8 0%,
            #00A7D6 40%,
            #21C7E4 72%,
            #65E5F5 100%
        ) !important;

    box-shadow:
        0 17px 40px rgba(0,167,214,.27),
        0 0 46px rgba(0,183,232,.17),
        inset 0 1px 0 rgba(255,255,255,.40),
        inset 0 -1px 0 rgba(0,79,113,.15);

    text-shadow:
        0 1px 4px rgba(0,70,100,.25);

    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease,
        filter .28s ease !important;

    animation:
        hokaButtonPulse 3.2s ease-in-out infinite;
}


/* ==========================================================
   REFLET ANIMÉ DU CTA
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit::before,
.elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit::before {
    content: "";

    position: absolute;

    top: 0;
    left: -150%;

    z-index: 1;

    width: 58%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.55),
            transparent
        );

    transform: skewX(-24deg);

    animation:
        hokaButtonShine 4.3s linear infinite;
}


/* Relief */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit::after,
.elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit::after {
    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    border-radius: inherit;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.14),
        inset 0 13px 22px rgba(255,255,255,.11);
}


@keyframes hokaButtonShine {
    0% {
        left: -150%;
    }

    58%,
    100% {
        left: 175%;
    }
}


@keyframes hokaButtonPulse {
    0%,
    100% {
        box-shadow:
            0 17px 40px rgba(0,167,214,.25),
            0 0 38px rgba(0,183,232,.14);
    }

    50% {
        box-shadow:
            0 22px 48px rgba(0,167,214,.34),
            0 0 62px rgba(0,183,232,.23);
    }
}


/* ==========================================================
   CTA HOVER
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit:hover,
.elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit:hover {
    filter:
        brightness(1.08)
        saturate(1.05);

    transform:
        translateY(-3px)
        scale(1.012) !important;

    box-shadow:
        0 25px 52px rgba(0,167,214,.36),
        0 0 70px rgba(0,183,232,.28),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}


/* Clic */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit:active,
.elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit:active {
    transform:
        translateY(0)
        scale(.985) !important;
}


/* Texte au-dessus des effets */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit span,
.elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit span {
    position: relative;
    z-index: 3;
}


/* ==========================================================
   CONFIRMATION
========================================================== */

.elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-confirmation-container-full {
    color: #FFFFFF !important;

    padding: 25px !important;

    border:
        1px solid rgba(103,227,245,.32) !important;

    border-radius: 19px !important;

    background:
        linear-gradient(
            135deg,
            rgba(0,183,232,.18),
            rgba(103,227,245,.055)
        ) !important;

    box-shadow:
        0 14px 36px rgba(0,20,32,.24),
        0 0 42px rgba(0,183,232,.11) !important;
}


/* ==========================================================
   TABLETTE
========================================================== */

@media (max-width: 768px) {

    .elementor-61945 .elementor-element.elementor-element-83bfcea::before {
        inset: -22px;
        filter: blur(34px);
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-container {
        padding: 32px 24px !important;
        border-radius: 25px !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit,
    .elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit {
        min-height: 60px !important;

        padding: 18px 24px !important;

        font-size: 15px !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-container {
        padding: 27px 18px !important;
        border-radius: 22px !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field {
        padding-bottom: 20px !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name > .wpforms-field-row,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row {
        flex-direction: column !important;
        gap: 12px !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row-block,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row > div,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-name .wpforms-field-row > span {
        flex: 1 1 100% !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="text"],
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="email"],
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="tel"],
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="number"],
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="url"],
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input[type="date"],
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field textarea,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field select {
        min-height: 54px !important;

        padding: 15px 17px !important;

        border-radius: 15px !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label {
        padding:
            16px
            16px
            16px
            50px !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label::before {
        left: 17px;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field-checkbox:last-of-type label::after {
        left: 24px;
    }
}


/* ==========================================================
   ACCESSIBILITÉ
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .elementor-61945 .elementor-element.elementor-element-83bfcea::before,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit,
    .elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit::before,
    .elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit::before {
        animation: none !important;
    }

    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field input,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field textarea,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-field select,
    .elementor-61945 .elementor-element.elementor-element-83bfcea .wpforms-submit,
    .elementor-61945 .elementor-element.elementor-element-83bfcea button.wpforms-submit {
        transition-duration: .01ms !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fba6327 */.elementor-61945 .elementor-element.elementor-element-fba6327 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(228, 244, 246, 0.6)) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 32px rgba(15, 90, 99, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 28px !important;
  position: relative !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49f2a03 */.elementor-61945 .elementor-element.elementor-element-49f2a03 {
  perspective: 1000px;
  position: relative;
  overflow: visible;
}

.elementor-61945 .elementor-element.elementor-element-49f2a03 img {
  animation: shoeFloat-runix 4s ease-in-out infinite;
  transform-origin: center center;
  filter: drop-shadow(0 12px 24px rgba(31, 138, 149, 0.25));
  cursor: pointer;
  transition: filter 0.3s;
  position: relative;
  z-index: 2;
}

.elementor-61945 .elementor-element.elementor-element-49f2a03::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background: radial-gradient(
    circle,
    rgba(125, 213, 222, 0.4) 0%,
    rgba(63, 179, 191, 0.15) 40%,
    transparent 70%
  );
  border-radius: 50%;
  z-index: 1;
  animation: haloGlow-runix 3s ease-in-out infinite;
  pointer-events: none;
  filter: blur(8px);
}

.elementor-61945 .elementor-element.elementor-element-49f2a03::after {
  content: '✦';
  position: absolute;
  top: 10%;
  right: 10%;
  color: #FFD700;
  font-size: 18px;
  animation: sparkle1-runix 2.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 3;
}

.elementor-61945 .elementor-element.elementor-element-49f2a03 img:hover {
  filter:
    drop-shadow(0 20px 40px rgba(31, 138, 149, 0.45))
    drop-shadow(0 0 30px rgba(125, 213, 222, 0.5));
  animation-play-state: paused;
  transform: translate3d(0, -16px, 60px) rotateY(-15deg) scale(1.1);
  transition: all 0.5s cubic-bezier(.2,.8,.2,1);
}

@keyframes shoeFloat-runix {
  0%, 100% { transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(-2deg) scale(1); }
  20% { transform: translate3d(-6px, -14px, 30px) rotateX(-3deg) rotateY(-8deg) rotateZ(-4deg) scale(1.04); }
  40% { transform: translate3d(2px, -20px, 50px) rotateX(-5deg) rotateY(2deg) rotateZ(1deg) scale(1.06); }
  60% { transform: translate3d(8px, -12px, 30px) rotateX(-2deg) rotateY(10deg) rotateZ(3deg) scale(1.04); }
  80% { transform: translate3d(4px, -4px, 10px) rotateX(1deg) rotateY(4deg) rotateZ(1deg) scale(1.01); }
}

@keyframes haloGlow-runix {
  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.2); }
}

@keyframes sparkle1-runix {
  0%, 100% { opacity: 0; transform: scale(0.5) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.2) rotate(180deg); }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-61945 .elementor-element.elementor-element-49f2a03 img,
  .elementor-61945 .elementor-element.elementor-element-49f2a03::before,
  .elementor-61945 .elementor-element.elementor-element-49f2a03::after {
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-087d8e8 */.elementor-61945 .elementor-element.elementor-element-087d8e8 {
  background: linear-gradient(
    135deg,
    #0F2A2E 0%,
    #17444A 45%,
    #1F8A95 100%
  ) !important;

  border: 1px solid rgba(125, 213, 222, 0.28) !important;
  border-radius: 22px !important;

  box-shadow:
    0 12px 40px rgba(15, 42, 46, 0.35),
    0 0 30px rgba(125, 213, 222, 0.25),
    0 0 70px rgba(125, 213, 222, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  padding: 28px !important;
  position: relative !important;
  overflow: hidden !important;

  animation: promoGlow 2.8s ease-in-out infinite;
}

/* glow ambient */
.elementor-61945 .elementor-element.elementor-element-087d8e8::before {
  content: '';
  position: absolute;
  inset: -40%;
  background: radial-gradient(
    circle,
    rgba(125, 213, 222, 0.28) 0%,
    transparent 60%
  );
  z-index: 0;
  pointer-events: none;
  animation: glowMove 5s linear infinite;
}

/* shine sweep */
.elementor-61945 .elementor-element.elementor-element-087d8e8::after {
  content: '';
  position: absolute;
  top: 0;
  left: -120%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.18),
    transparent
  );
  transform: skewX(-20deg);
  animation: shineSweep 4s infinite;
  pointer-events: none;
}

.elementor-61945 .elementor-element.elementor-element-087d8e8 > * {
  position: relative;
  z-index: 2;
}

@keyframes promoGlow {
  0%, 100% {
    box-shadow:
      0 12px 40px rgba(15, 42, 46, 0.35),
      0 0 30px rgba(125, 213, 222, 0.25),
      0 0 70px rgba(125, 213, 222, 0.18);
    transform: scale(1);
  }

  50% {
    box-shadow:
      0 16px 50px rgba(15, 42, 46, 0.45),
      0 0 45px rgba(125, 213, 222, 0.4),
      0 0 100px rgba(125, 213, 222, 0.28);
    transform: scale(1.01);
  }
}

@keyframes glowMove {
  0% {
    transform: translate(-15%, -10%);
  }
  50% {
    transform: translate(10%, 10%);
  }
  100% {
    transform: translate(-15%, -10%);
  }
}

@keyframes shineSweep {
  0% {
    left: -120%;
  }
  55% {
    left: 140%;
  }
  100% {
    left: 140%;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-6c1bfb2 */.elementor-61945 .elementor-element.elementor-element-6c1bfb2 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(228, 244, 246, 0.6)) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 32px rgba(15, 90, 99, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 28px !important;
  margin: 0 12px !important;
  position: relative !important;
}

/* Sur mobile, on enlève la margin horizontale et on remet de l'espace vertical */
@media (max-width: 768px) {
  .elementor-61945 .elementor-element.elementor-element-6c1bfb2 {
    margin: 12px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-71fb04e */.elementor-61945 .elementor-element.elementor-element-71fb04e {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(228, 244, 246, 0.6)) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 32px rgba(15, 90, 99, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 28px !important;
  margin: 0 12px !important;
  position: relative !important;
}

/* Sur mobile, on enlève la margin horizontale et on remet de l'espace vertical */
@media (max-width: 768px) {
  .elementor-61945 .elementor-element.elementor-element-71fb04e {
    margin: 12px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c083336 */.elementor-61945 .elementor-element.elementor-element-c083336 {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(228, 244, 246, 0.6)) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 32px rgba(15, 90, 99, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 28px !important;
  margin: 0 12px !important;
  position: relative !important;
}

/* Sur mobile, on enlève la margin horizontale et on remet de l'espace vertical */
@media (max-width: 768px) {
  .elementor-61945 .elementor-element.elementor-element-c083336 {
    margin: 12px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-064d58c */.elementor-61945 .elementor-element.elementor-element-064d58c {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(228, 244, 246, 0.6)) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 32px rgba(15, 90, 99, 0.10),
              inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  padding: 28px !important;
  margin: 0 12px !important;
  position: relative !important;
}

/* Sur mobile, on enlève la margin horizontale et on remet de l'espace vertical */
@media (max-width: 768px) {
  .elementor-61945 .elementor-element.elementor-element-064d58c {
    margin: 12px 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-99d20ae */.elementor-61945 .elementor-element.elementor-element-99d20ae {
  perspective: 1000px;
  position: relative;
  overflow: visible;
}

.elementor-61945 .elementor-element.elementor-element-99d20ae img {
  animation: shoeFloat-runix 4s ease-in-out infinite;
  transform-origin: center center;
  filter: drop-shadow(0 12px 24px rgba(31, 138, 149, 0.25));
  cursor: pointer;
  transition: filter 0.3s;
  position: relative;
  z-index: 2;
}

.elementor-61945 .elementor-element.elementor-element-99d20ae::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  background: radial-gradient(
    circle,
    rgba(125, 213, 222, 0.4) 0%,
    rgba(63, 179, 191, 0.15) 40%,
    transparent 70%
  );
  border-radius: 50%;
  z-index: 1;
  animation: haloGlow-runix 3s ease-in-out infinite;
  pointer-events: none;
  filter: blur(8px);
}

.elementor-61945 .elementor-element.elementor-element-99d20ae::after {
  content: '✦';
  position: absolute;
  top: 10%;
  right: 10%;
  color: #FFD700;
  font-size: 18px;
  animation: sparkle1-runix 2.5s ease-in-out infinite;
  pointer-events: none;
  z-index: 3;
}

.elementor-61945 .elementor-element.elementor-element-99d20ae img:hover {
  filter:
    drop-shadow(0 20px 40px rgba(31, 138, 149, 0.45))
    drop-shadow(0 0 30px rgba(125, 213, 222, 0.5));
  animation-play-state: paused;
  transform: translate3d(0, -16px, 60px) rotateY(-15deg) scale(1.1);
  transition: all 0.5s cubic-bezier(.2,.8,.2,1);
}

@keyframes shoeFloat-runix {
  0%, 100% { transform: translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(-2deg) scale(1); }
  20% { transform: translate3d(-6px, -14px, 30px) rotateX(-3deg) rotateY(-8deg) rotateZ(-4deg) scale(1.04); }
  40% { transform: translate3d(2px, -20px, 50px) rotateX(-5deg) rotateY(2deg) rotateZ(1deg) scale(1.06); }
  60% { transform: translate3d(8px, -12px, 30px) rotateX(-2deg) rotateY(10deg) rotateZ(3deg) scale(1.04); }
  80% { transform: translate3d(4px, -4px, 10px) rotateX(1deg) rotateY(4deg) rotateZ(1deg) scale(1.01); }
}

@keyframes haloGlow-runix {
  0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }
  50% { opacity: 0.9; transform: translate(-50%, -50%) scale(1.2); }
}

@keyframes sparkle1-runix {
  0%, 100% { opacity: 0; transform: scale(0.5) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.2) rotate(180deg); }
}

@media (prefers-reduced-motion: reduce) {
  .elementor-61945 .elementor-element.elementor-element-99d20ae img,
  .elementor-61945 .elementor-element.elementor-element-99d20ae::before,
  .elementor-61945 .elementor-element.elementor-element-99d20ae::after {
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-94da3ab */.elementor-61945 .elementor-element.elementor-element-94da3ab {
  background: linear-gradient(
    135deg,
    #0F2A2E 0%,
    #17444A 45%,
    #1F8A95 100%
  ) !important;

  border: 1px solid rgba(125, 213, 222, 0.28) !important;
  border-radius: 22px !important;

  box-shadow:
    0 12px 40px rgba(15, 42, 46, 0.35),
    0 0 30px rgba(125, 213, 222, 0.25),
    0 0 70px rgba(125, 213, 222, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;

  padding: 28px !important;
  position: relative !important;
  overflow: hidden !important;

  animation: promoGlow 2.8s ease-in-out infinite;
}

/* glow ambient */
.elementor-61945 .elementor-element.elementor-element-94da3ab::before {
  content: '';
  position: absolute;
  inset: -40%;
  background: radial-gradient(
    circle,
    rgba(125, 213, 222, 0.28) 0%,
    transparent 60%
  );
  z-index: 0;
  pointer-events: none;
  animation: glowMove 5s linear infinite;
}

/* shine sweep */
.elementor-61945 .elementor-element.elementor-element-94da3ab::after {
  content: '';
  position: absolute;
  top: 0;
  left: -120%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.18),
    transparent
  );
  transform: skewX(-20deg);
  animation: shineSweep 4s infinite;
  pointer-events: none;
}

.elementor-61945 .elementor-element.elementor-element-94da3ab > * {
  position: relative;
  z-index: 2;
}

@keyframes promoGlow {
  0%, 100% {
    box-shadow:
      0 12px 40px rgba(15, 42, 46, 0.35),
      0 0 30px rgba(125, 213, 222, 0.25),
      0 0 70px rgba(125, 213, 222, 0.18);
    transform: scale(1);
  }

  50% {
    box-shadow:
      0 16px 50px rgba(15, 42, 46, 0.45),
      0 0 45px rgba(125, 213, 222, 0.4),
      0 0 100px rgba(125, 213, 222, 0.28);
    transform: scale(1.01);
  }
}

@keyframes glowMove {
  0% {
    transform: translate(-15%, -10%);
  }
  50% {
    transform: translate(10%, 10%);
  }
  100% {
    transform: translate(-15%, -10%);
  }
}

@keyframes shineSweep {
  0% {
    left: -120%;
  }
  55% {
    left: 140%;
  }
  100% {
    left: 140%;
  }
}/* End custom CSS */