.elementor-3206 .elementor-element.elementor-element-2fe7949{--display:flex;}/* Start custom CSS for html, class: .elementor-element-88a801f */.yt-offer-page {
    font-family: 'Poppins', 'Inter', -apple-system, sans-serif;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .yt-offer-page * { box-sizing: border-box; }

  /* Badge pastille (réutilisé du gabarit Institutions) */
  .yt-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border: 1px solid rgba(20,35,28,0.18);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    color: #3A4A3F;
    margin-bottom: 22px;
  }
  .yt-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: #7ED33F; }

  /* Hero avec photo */
  .yt-offer-hero {
    background: #F6F5EE;
    border-radius: 16px;
    padding: 56px 40px;
    display: flex;
    align-items: center;
    gap: 48px;
  }
  .yt-offer-hero__content { flex: 1; min-width: 0; }
  .yt-offer-hero__quote {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.35;
    color: #151E17;
    margin: 0 0 20px;
  }
  .yt-offer-hero__intro {
    font-size: 14px;
    line-height: 1.6;
    color: #5B6259;
    margin: 0 0 24px;
  }
  .yt-offer-hero__media { flex: 1; min-width: 0; }
  .yt-offer-hero__img-placeholder {
    width: 100%;
    aspect-ratio: 4/3;
    border-radius: 16px;
    overflow: hidden;
    background: #DEDCCF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .yt-offer-hero__img-placeholder i { font-size: 36px; color: #9A988A; }
  .yt-offer-hero__img-caption {
    position: absolute;
    bottom: 14px;
    left: 14px;
    right: 14px;
    font-size: 12px;
    color: #6E6C5F;
    background: rgba(246,245,238,0.9);
    padding: 6px 10px;
    border-radius: 8px;
  }
  /* Une fois la vraie photo posée, remplacer le contenu de .yt-offer-hero__img-placeholder
     par : <img src="..." alt="..." style="width:100%;height:100%;object-fit:cover;"> */

  /* Bouton */
  .yt-btn-primary {
    background: #7ED33F;
    color: #14230F;
    border: none;
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }
  .yt-btn-outline {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid rgba(255,255,255,0.3);
    padding: 12px 24px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }

  /* Bloc section blanche générique */
  .yt-offer-block {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 48px 40px;
  }
  .yt-offer-block__title {
    font-size: 22px;
    font-weight: 500;
    color: #151E17;
    margin: 0 0 24px;
  }
  .yt-offer-block__text {
    font-size: 14px;
    line-height: 1.7;
    color: #5B6259;
    max-width: 640px;
    margin: 0;
  }

  /* Tags "ce que couvre l'offre" */
  .yt-offer-tags { display: flex; flex-wrap: wrap; gap: 12px; }
  .yt-offer-tag {
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
  }
  .yt-offer-tag--1 { background: #EDE9FB; color: #3A2E7A; }
  .yt-offer-tag--2 { background: #FCF3D9; color: #6B4A0C; }
  .yt-offer-tag--3 { background: #E3F7E0; color: #2C5A0C; }
  .yt-offer-tag--4 { background: #FBE7EC; color: #8A2C42; }
  .yt-offer-tag--5 { background: #F6F5EE; color: #3A4A3F; border: 1px solid rgba(20,35,28,0.1); }

  /* Deux colonnes (pour qui / format / valeur ajoutée...) */
  .yt-offer-cols { display: flex; gap: 24px; }
  .yt-offer-col {
    flex: 1;
    background: #F6F5EE;
    border-radius: 16px;
    padding: 36px 32px;
  }
  .yt-offer-col--white { background: #FFFFFF; }
  .yt-offer-col__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-size: 20px;
  }
  .yt-offer-col--white .yt-offer-col__icon { background: #F6F5EE; }
  .yt-offer-col__icon i { color: #4F9E22; }
  .yt-offer-col__title { font-size: 17px; font-weight: 600; color: #151E17; margin: 0 0 10px; }
  .yt-offer-col__text { font-size: 14px; line-height: 1.6; color: #5B6259; margin: 0; }

  /* Liste à puces "ce que vous repartez avec / obtenez" */
  .yt-offer-checklist { display: flex; flex-direction: column; gap: 14px; }
  .yt-offer-check-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #F6F5EE;
    border-radius: 12px;
    padding: 16px 20px;
  }
  .yt-offer-check-item i { font-size: 18px; color: #4F9E22; margin-top: 2px; }
  .yt-offer-check-item__text { font-size: 14px; color: #3A4A3F; margin: 0; }

  /* 3 phases / 3 modes en ligne */
  .yt-offer-steps { display: flex; gap: 20px; }
  .yt-offer-step {
    flex: 1;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 24px 20px;
  }
  .yt-offer-step--center { text-align: center; }
  .yt-offer-step__label { font-size: 12px; font-weight: 600; color: #7ED33F; margin-bottom: 8px; }
  .yt-offer-step__title { font-size: 15px; font-weight: 600; color: #151E17; }
  .yt-offer-step i { font-size: 22px; color: #4F9E22; margin-bottom: 12px; display: block; }

  /* CTA final */
  .yt-cta-final {
    background: #14230F;
    border-radius: 16px;
    padding: 44px 40px;
    text-align: center;
  }
  .yt-cta-final__title { font-size: 22px; font-weight: 500; color: #FFFFFF; margin: 0 0 24px; }
  .yt-cta-final__buttons { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }

  /* Responsive */
  @media (max-width: 768px) {
    .yt-offer-hero, .yt-offer-block, .yt-cta-final { padding: 36px 24px; }
    .yt-offer-hero { flex-direction: column; }
    .yt-offer-cols, .yt-offer-steps { flex-direction: column; }
    .yt-offer-hero__quote { font-size: 22px; }
  }/* End custom CSS */