.elementor-245 .elementor-element.elementor-element-d917c15{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-b519d10 */.section-guide-modern{
  padding: 70px 20px;
  background: #FFFFFF;
  font-family: system-ui, sans-serif;
}

.section-guide-modern .guide-shell{
  max-width: 1120px;
  margin: 0 auto;
  border-radius: 20px;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid rgba(38,0,29,0.12);
  box-shadow: 0 18px 60px rgba(9,12,13,0.12);
}

/* TOP */
.section-guide-modern .guide-top{
  padding: 34px 34px 18px;
  position: relative;
  background: #FFFFFF;
}

/* ✅ on enlève le blob */
.section-guide-modern .guide-top::before{
  content: none;
}

/* Badge */
.section-guide-modern .guide-badge{
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(252,215,162,0.55);
  border: 1px solid rgba(38,0,29,0.12);
  color: #26001D;
  font-weight: 800;
  font-size: 13px;
}

/* Titre */
.section-guide-modern .guide-title{
  margin: 14px 0 10px;
  font-size: 36px;
  line-height: 1.15;
  letter-spacing: -0.4px;
  color: #26001D;
  font-weight: 950;
}

/* Description */
.section-guide-modern .guide-desc{
  margin: 0 0 18px;
  color: #090C0D;
  font-size: 17px;
  line-height: 1.65;
  max-width: 70ch;
}

/* CTA row */
.section-guide-modern .guide-cta-row{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

/* Bouton principal */
.section-guide-modern .guide-btn-primary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border-radius: 14px;
  background: #E33000;
  color: #FFFFFF;
  font-weight: 900;
  text-decoration: none;
  border: 2px solid transparent;
  transition: transform .15s ease, background .25s ease, box-shadow .25s ease, border-color .25s ease;
  box-shadow: 0 10px 22px rgba(227,48,0,0.25);
}

.section-guide-modern .guide-btn-primary:hover{
  background: #26001D;
  border-color: #FFC20F;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(38,0,29,0.22);
}

/* ✅ BARRE “COURBES” MULTI-COULEURS (style moderne) */
.section-guide-modern .guide-wave-bar{
  margin-top: 18px;
  height: 56px;
  border-radius: 16px;
  border: 1px solid rgba(38,0,29,0.10);
  overflow: hidden;

  /* Base */
  background: #FFFFFF;

  /* Vagues en couches (courbes) */
  background-image:
    radial-gradient(140% 80% at 0% 110%, rgba(52,148,0,0.95) 0 32%, rgba(0,0,0,0) 33%),
    radial-gradient(140% 80% at 25% 115%, rgba(255,194,15,0.95) 0 32%, rgba(0,0,0,0) 33%),
    radial-gradient(140% 80% at 50% 110%, rgba(227,48,0,0.95) 0 32%, rgba(0,0,0,0) 33%),
    radial-gradient(140% 80% at 75% 115%, rgba(38,0,29,0.95) 0 32%, rgba(0,0,0,0) 33%),
    radial-gradient(140% 80% at 100% 110%, rgba(252,215,162,0.95) 0 32%, rgba(0,0,0,0) 33%);
  background-repeat: no-repeat;
  background-size: 22% 140%;
  background-position: 0% 120%, 25% 120%, 50% 120%, 75% 120%, 100% 120%;
}

/* Zone iframe */
.section-guide-modern .guide-frame-wrap{
  padding: 18px;
  background: #FFFFFF;
}

.section-guide-modern iframe{
  width: 100%;
  height: 860px;
  border: 2px solid #FFC20F;
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 14px 34px rgba(9,12,13,0.12);
}

/* Responsive */
@media (max-width: 780px){
  .section-guide-modern .guide-top{ padding: 26px 18px 16px; }
  .section-guide-modern .guide-title{ font-size: 28px; }
  .section-guide-modern iframe{ height: 650px; }
  .section-guide-modern .guide-frame-wrap{ padding: 14px; }
  .section-guide-modern .guide-wave-bar{ height: 50px; }
}/* End custom CSS */