/* FOLIO_ANALYSIS_TARGET_FINAL_V2 */

.analysis-v2-page{
  display:grid!important;
  gap:16px!important;
  max-width:1560px!important;
  margin:0 auto!important;
}

/* En-tête léger */
.analysis-v2-hero{
  padding:8px 2px 6px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.analysis-v2-hero h2{
  margin:3px 0 4px!important;
  font-size:1.08rem!important;
}
.analysis-v2-hero p{
  margin:0!important;
  max-width:760px!important;
  font-size:.78rem!important;
  line-height:1.45!important;
  color:#718198!important;
}

/* Plus aucune colonne latérale */
.analysis-v2-main-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
}
.analysis-v2-main{
  width:100%!important;
  min-width:0!important;
}
.analysis-v2-aside{
  display:grid!important;
  grid-template-columns:minmax(0,1.6fr) minmax(280px,.4fr)!important;
  gap:14px!important;
  position:static!important;
}

/* Masquer l'indication initiale de la vue principale */
.analysis-v2-understanding-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.analysis-v2-user-card{
  display:none!important;
}

/* Folio a compris votre offre */
.analysis-v2-understood-card{
  padding:24px 26px!important;
  border:1px solid #dbeae7!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(15,42,67,.035)!important;
}
.analysis-v2-understood-card h3{
  margin:0 0 8px!important;
  font-size:1.05rem!important;
  color:#092348!important;
}
.analysis-v2-understood-card p{
  margin:0!important;
  max-width:1100px!important;
  font-size:.84rem!important;
  line-height:1.58!important;
}
.analysis-v2-facts{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:14px!important;
}
.analysis-v2-facts span{
  display:inline-flex!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  border:1px solid #e1eeeb!important;
  background:#f4faf8!important;
  font-size:.7rem!important;
}

/* Cible recommandée */
.analysis-v2-understanding-grid>.analysis-v2-buyer-card{
  grid-column:auto!important;
}
.analysis-v2-buyer-card{
  padding:22px 26px!important;
  border:1px solid #bee7df!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#f3fdfa,#fff)!important;
  box-shadow:none!important;
}
.analysis-v2-buyer-card h3{
  margin:4px 0 7px!important;
  font-size:.98rem!important;
}
.analysis-v2-buyer-card p{
  margin:0!important;
  max-width:1100px!important;
  font-size:.83rem!important;
  line-height:1.55!important;
}
.analysis-v2-buyer-card .chip-row{
  gap:7px!important;
  margin-top:12px!important;
}
.analysis-v2-buyer-card .chip{
  padding:5px 8px!important;
  font-size:.67rem!important;
  background:#eaf8f5!important;
  color:#087b70!important;
}

/* Cible commerciale */
.analysis-v2-target-card{
  padding:22px 24px!important;
  border-radius:17px!important;
}
.analysis-v2-target-card .overview-section-head-lot33{
  margin-bottom:16px!important;
}
.analysis-v2-target-card .overview-section-head-lot33 h3{
  font-size:1rem!important;
}
.analysis-v2-target-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:0!important;
}
.analysis-v2-target-grid .overview-target-group-lot33{
  min-height:102px!important;
  padding:14px!important;
  border-radius:14px!important;
  background:#fbfcfd!important;
}
.analysis-v2-target-grid .overview-target-group-lot33>span{
  margin-bottom:8px!important;
  font-size:.63rem!important;
}
.analysis-v2-target-grid .chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}
.analysis-v2-target-grid .chip{
  padding:4px 7px!important;
  font-size:.62rem!important;
}

/* Détails avancés */
.analysis-v2-details{
  border-radius:14px!important;
  box-shadow:none!important;
}
.analysis-v2-details>summary{
  padding:14px 18px!important;
  font-size:.75rem!important;
}

/* CTA final */
.analysis-v2-next,
.overview-list-status-lot33{
  min-height:142px!important;
  padding:20px 22px!important;
  border:1px solid #dce9e6!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#fff,#f9fdfc)!important;
  box-shadow:0 5px 18px rgba(15,42,67,.035)!important;
}

.analysis-v2-next{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:
    "eyebrow button"
    "title button"
    "text button"
    "small button"!important;
  align-items:center!important;
  column-gap:24px!important;
}
.analysis-v2-next .eyebrow{grid-area:eyebrow!important}
.analysis-v2-next h3{
  grid-area:title!important;
  margin:2px 0!important;
  font-size:1.05rem!important;
}
.analysis-v2-next p{
  grid-area:text!important;
  margin:2px 0!important;
  max-width:650px!important;
  font-size:.8rem!important;
}
.analysis-v2-next>small{
  grid-area:small!important;
  margin-top:3px!important;
  font-size:.67rem!important;
}
.analysis-v2-next .button{
  grid-area:button!important;
  min-width:220px!important;
  padding:12px 18px!important;
}

/* Compteur prospects */
.overview-list-status-lot33 strong{
  font-size:2rem!important;
  color:#092348!important;
}
.overview-list-status-lot33 .button{
  width:100%!important;
}

/* Responsive */
@media(max-width:1200px){
  .analysis-v2-target-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  .analysis-v2-aside{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .analysis-v2-target-grid{
    grid-template-columns:1fr!important;
  }
  .analysis-v2-next{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "eyebrow"
      "title"
      "text"
      "button"
      "small"!important;
  }
  .analysis-v2-next .button{
    width:100%!important;
    margin-top:10px!important;
  }
}


/* ==========================================================
   FOLIO_ANALYSIS_TARGET_POLISH_V1
   Finition visuelle de la zone haute
   ========================================================== */

/* densité générale un peu plus propre */
.analysis-v2-page{
  gap:12px!important;
}

/* bloc analyse et cible plus net */
.analysis-v2-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:14px 18px!important;

  margin-top:2px!important;
  padding:14px 18px 10px!important;

  border:1px solid #e6edf2!important;
  border-radius:16px!important;

  background:#ffffff!important;
  box-shadow:0 4px 16px rgba(18,43,73,.035)!important;
}

.analysis-v2-hero h2{
  margin:0 0 4px!important;
  font-size:1.04rem!important;
  line-height:1.28!important;
  color:#0b2447!important;
}

.analysis-v2-hero p{
  margin:0!important;
  max-width:680px!important;
  font-size:.8rem!important;
  line-height:1.45!important;
  color:#6e8199!important;
}

.analysis-v2-hero-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

/* pastilles plus propres */
.analysis-v2-source,
.analysis-v2-quality,
.analysis-v2-origin{
  padding:8px 11px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
  font-weight:800!important;
}

.analysis-v2-source{
  background:#ebf8f5!important;
  color:#087f73!important;
}

.analysis-v2-quality{
  background:#eef7ef!important;
  color:#087c5c!important;
}

.analysis-v2-origin{
  background:#f3f6f8!important;
  color:#5d718a!important;
}

/* boutons d’action plus harmonieux */
.analysis-v2-hero .button{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  font-size:.82rem!important;
  font-weight:800!important;
}

.analysis-v2-hero .button--ghost{
  background:#ffffff!important;
  border:1px solid #d6e5e1!important;
}

.analysis-v2-hero .button--ghost:hover{
  background:#f8fcfb!important;
}

/* premier bloc : Folio a compris votre offre */
.analysis-v2-understood-card{
  padding:20px 22px!important;
}

.analysis-v2-understood-card .analysis-v2-card-head{
  margin-bottom:10px!important;
}

.analysis-v2-understood-card h3{
  margin:0 0 7px!important;
  font-size:1rem!important;
  line-height:1.38!important;
}

.analysis-v2-understood-card p{
  font-size:.83rem!important;
  line-height:1.55!important;
}

.analysis-v2-facts{
  margin-top:12px!important;
  gap:6px!important;
}

.analysis-v2-facts span{
  padding:5px 8px!important;
  font-size:.68rem!important;
}

/* bloc cible recommandée */
.analysis-v2-buyer-card{
  padding:19px 22px!important;
}

.analysis-v2-buyer-card h3{
  margin:2px 0 6px!important;
  font-size:.95rem!important;
}

.analysis-v2-buyer-card p{
  font-size:.82rem!important;
  line-height:1.52!important;
}

.analysis-v2-buyer-card .chip-row{
  margin-top:10px!important;
}

.analysis-v2-buyer-card .chip{
  padding:5px 8px!important;
  font-size:.66rem!important;
}

/* cible commerciale : cartes plus nettes */
.analysis-v2-target-card{
  padding:20px 22px!important;
}

.analysis-v2-target-card .overview-section-head-lot33{
  margin-bottom:14px!important;
}

.analysis-v2-target-grid{
  gap:10px!important;
}

.analysis-v2-target-grid .overview-target-group-lot33{
  min-height:96px!important;
  padding:13px!important;
  border:1px solid #e7edf2!important;
  box-shadow:none!important;
}

.analysis-v2-target-grid .overview-target-group-lot33 > span{
  margin-bottom:7px!important;
  font-size:.62rem!important;
}

.analysis-v2-target-grid .chip{
  padding:4px 7px!important;
  font-size:.61rem!important;
}

/* CTA final plus compact */
.analysis-v2-aside{
  gap:12px!important;
}

.analysis-v2-next,
.overview-list-status-lot33{
  min-height:132px!important;
  padding:18px 20px!important;
}

.analysis-v2-next h3{
  font-size:1rem!important;
}

.analysis-v2-next p{
  font-size:.78rem!important;
  line-height:1.45!important;
}

.analysis-v2-next .button{
  min-width:210px!important;
}

.overview-list-status-lot33 strong{
  font-size:1.85rem!important;
}

/* responsive */
@media(max-width:900px){
  .analysis-v2-hero{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }

  .analysis-v2-hero-actions{
    justify-content:flex-start!important;
  }
}


/* ==========================================================
   FOLIO_ANALYSIS_TARGET_CTA_FIX_V1
   - Corrige le bouton "Détails de l'offre"
   - Met en valeur la CTA principale
   ========================================================== */


/* ----------------------------------------------------------
   1. CORRECTION DU BOUTON "DETAILS DE L'OFFRE"
   ---------------------------------------------------------- */

/*
  On cible plusieurs noms probables autour du bandeau d'offre
  pour éviter qu'un bouton déborde.
*/

.folio-offer-banner,
.offer-banner,
.offer-banner-v1,
[class*="offer-banner"]{
  overflow:hidden!important;
}

.folio-offer-banner .button,
.offer-banner .button,
.offer-banner-v1 .button,
[class*="offer-banner"] .button{
  max-width:100%!important;
  width:auto!important;
  min-width:0!important;

  white-space:normal!important;
  word-break:break-word!important;
  line-height:1.25!important;

  padding:12px 16px!important;
  min-height:46px!important;

  box-sizing:border-box!important;
}

/* Version plus spécifique pour les wrappers internes possibles */
.folio-offer-banner [class*="cta"],
.folio-offer-banner [class*="action"],
.offer-banner [class*="cta"],
.offer-banner [class*="action"],
[class*="offer-banner"] [class*="cta"],
[class*="offer-banner"] [class*="action"]{
  max-width:100%!important;
  min-width:0!important;
}


/* ----------------------------------------------------------
   2. CTA PRINCIPALE : LA METTRE EN VALEUR
   ---------------------------------------------------------- */

.analysis-v2-aside{
  grid-template-columns:minmax(0,1.9fr) minmax(250px,.35fr)!important;
  gap:14px!important;
}

/* carte CTA principale */
.analysis-v2-next{
  position:relative!important;

  min-height:150px!important;
  padding:22px 24px!important;

  border:1px solid #bfe7df!important;
  border-radius:18px!important;

  background:
    linear-gradient(135deg,#f3fdfa 0%,#ffffff 68%)!important;

  box-shadow:
    0 10px 24px rgba(9,141,129,.10),
    0 4px 14px rgba(18,43,73,.05)!important;
}

/* petit halo discret */
.analysis-v2-next::after{
  content:""!important;
  position:absolute!important;
  right:-30px!important;
  bottom:-34px!important;
  width:140px!important;
  height:140px!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(9,141,129,.10) 0%, rgba(9,141,129,0) 72%)!important;
  pointer-events:none!important;
}

/* texte CTA */
.analysis-v2-next .eyebrow{
  color:#078d81!important;
  font-size:.73rem!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
}

.analysis-v2-next h3{
  margin:2px 0 3px!important;
  color:#092348!important;
  font-size:1.12rem!important;
  line-height:1.28!important;
}

.analysis-v2-next p{
  color:#566d86!important;
  font-size:.83rem!important;
  line-height:1.5!important;
}

.analysis-v2-next > small{
  color:#7b8da1!important;
  font-size:.69rem!important;
}

/* bouton CTA : beaucoup plus visible */
.analysis-v2-next .button,
.analysis-v2-next .button--primary{
  min-width:245px!important;
  min-height:50px!important;

  padding:0 20px!important;

  border:0!important;
  border-radius:14px!important;

  background:linear-gradient(135deg,#0aa695 0%,#078d81 100%)!important;
  color:#ffffff!important;

  font-size:.88rem!important;
  font-weight:900!important;
  letter-spacing:.01em!important;

  box-shadow:
    0 10px 20px rgba(9,141,129,.22),
    inset 0 -1px 0 rgba(255,255,255,.10)!important;

  transition:transform .15s ease, box-shadow .15s ease!important;
}

.analysis-v2-next .button:hover,
.analysis-v2-next .button--primary:hover{
  transform:translateY(-1px)!important;
  box-shadow:
    0 14px 24px rgba(9,141,129,.28),
    inset 0 -1px 0 rgba(255,255,255,.10)!important;
}

/* carte compteur = plus secondaire */
.overview-list-status-lot33{
  min-height:150px!important;

  border:1px solid #e6edf2!important;
  background:#ffffff!important;

  box-shadow:0 4px 14px rgba(18,43,73,.03)!important;
}

.overview-list-status-lot33 strong{
  font-size:2.1rem!important;
  color:#078d81!important;
}

.overview-list-status-lot33 .button{
  min-height:42px!important;
  border-radius:13px!important;
}


/* ----------------------------------------------------------
   3. RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:1100px){
  .analysis-v2-aside{
    grid-template-columns:1fr!important;
  }

  .analysis-v2-next .button,
  .analysis-v2-next .button--primary{
    min-width:220px!important;
  }
}

@media(max-width:760px){
  .analysis-v2-next{
    padding:18px!important;
  }

  .analysis-v2-next .button,
  .analysis-v2-next .button--primary{
    width:100%!important;
    min-width:0!important;
  }

  .folio-offer-banner .button,
  .offer-banner .button,
  .offer-banner-v1 .button,
  [class*="offer-banner"] .button{
    width:100%!important;
  }
}


/* ==========================================================
   FOLIO_OFFER_BUTTON_FIX_V2
   Corrige le bouton "Détails de l'offre"
   ========================================================== */

/* wrapper du bandeau */
.folio-offer-banner,
.offer-banner,
.offer-banner-v1,
[class*="offer-banner"]{
  overflow:visible!important;
}

/* zone action du bandeau */
.folio-offer-banner [class*="action"],
.folio-offer-banner [class*="cta"],
.offer-banner [class*="action"],
.offer-banner [class*="cta"],
.offer-banner-v1 [class*="action"],
.offer-banner-v1 [class*="cta"],
[class*="offer-banner"] [class*="action"],
[class*="offer-banner"] [class*="cta"]{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:170px!important;
  max-width:none!important;
}

/* bouton lui-même */
.folio-offer-banner .button,
.offer-banner .button,
.offer-banner-v1 .button,
[class*="offer-banner"] .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:auto!important;
  min-width:170px!important;
  max-width:none!important;

  padding:0 18px!important;
  min-height:48px!important;

  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;

  text-align:center!important;
  line-height:1.2!important;
  box-sizing:border-box!important;

  flex-shrink:0!important;
}

/* sécurité mobile */
@media(max-width:760px){
  .folio-offer-banner .button,
  .offer-banner .button,
  .offer-banner-v1 .button,
  [class*="offer-banner"] .button{
    min-width:150px!important;
  }
}


/* ==========================================================
   FOLIO_HEADER_FINAL_FIX_V1
   ========================================================== */


/* ----------------------------------------------------------
   1. BANDEAU ABONNEMENT / DETAILS DE L'OFFRE
   ---------------------------------------------------------- */

/* évite que le contenu parte hors du viewport */
[class*="offer-banner"],
[class*="subscription"],
[class*="plan-banner"]{
  box-sizing:border-box!important;
  max-width:100%!important;
}

/* conteneur interne du bandeau */
[class*="offer-banner"] > *,
[class*="subscription"] > *,
[class*="plan-banner"] > *{
  min-width:0!important;
  box-sizing:border-box!important;
}

/* action à droite */
[class*="offer-banner"] [class*="action"],
[class*="offer-banner"] [class*="cta"],
[class*="subscription"] [class*="action"],
[class*="subscription"] [class*="cta"]{
  flex:0 0 auto!important;
  min-width:155px!important;
  max-width:175px!important;
  margin-right:14px!important;
}

/* bouton détails offre */
[class*="offer-banner"] .button,
[class*="subscription"] .button,
[class*="plan-banner"] .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:auto!important;
  min-width:155px!important;
  max-width:175px!important;

  padding:0 14px!important;
  min-height:46px!important;

  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;

  word-break:normal!important;
  overflow-wrap:normal!important;

  font-size:.79rem!important;
  line-height:1.1!important;

  flex-shrink:0!important;
}


/* ----------------------------------------------------------
   2. REDONNER DE L'AIR A DROITE
   ---------------------------------------------------------- */

body,
.app-shell,
main,
[class*="main-content"]{
  overflow-x:hidden!important;
}

[class*="offer-banner"]{
  width:calc(100% - 24px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* ----------------------------------------------------------
   3. DASHBOARD : TITRE MOINS MASSIF
   ---------------------------------------------------------- */

.dashboard-hero h1,
.dashboard-hero h2,
[class*="dashboard"] h1,
[class*="dashboard-hero"] h1,
[class*="dashboard-hero"] h2{
  max-width:820px!important;
  margin-top:10px!important;
  margin-bottom:12px!important;

  font-size:clamp(2rem,3.25vw,3.35rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;

  color:#10264a!important;
}

/* texte sous le titre */
.dashboard-hero p,
[class*="dashboard-hero"] p{
  max-width:900px!important;

  font-size:1rem!important;
  line-height:1.55!important;

  color:#6c7f9c!important;
}


/* ----------------------------------------------------------
   4. CTA NOUVEAU PROJET
   ---------------------------------------------------------- */

.dashboard-hero .button--primary,
[class*="dashboard-hero"] .button--primary{
  min-width:190px!important;
  min-height:50px!important;

  padding:0 22px!important;

  border-radius:14px!important;

  font-size:.9rem!important;
  font-weight:850!important;

  box-shadow:0 10px 22px rgba(9,141,129,.16)!important;
}


/* ----------------------------------------------------------
   5. RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:1000px){

  [class*="offer-banner"] [class*="action"],
  [class*="offer-banner"] [class*="cta"],
  [class*="subscription"] [class*="action"],
  [class*="subscription"] [class*="cta"]{
    min-width:140px!important;
    max-width:155px!important;
    margin-right:8px!important;
  }

  [class*="offer-banner"] .button,
  [class*="subscription"] .button,
  [class*="plan-banner"] .button{
    min-width:140px!important;
    max-width:155px!important;

    font-size:.73rem!important;
  }

}

@media(max-width:760px){

  [class*="offer-banner"]{
    width:calc(100% - 16px)!important;
  }

  [class*="offer-banner"] [class*="action"],
  [class*="offer-banner"] [class*="cta"]{
    min-width:125px!important;
    max-width:140px!important;
  }

  [class*="offer-banner"] .button{
    min-width:125px!important;
    max-width:140px!important;

    padding:0 10px!important;

    font-size:.68rem!important;
  }

}


/* ==========================================================
   FOLIO_OFFER_BANNER_COMPACT_V1
   Bandeau plus compact et 100% lisible
   ========================================================== */

/* cadre global */
[class*="offer-banner"],
[class*="subscription"],
[class*="plan-banner"]{
  box-sizing:border-box!important;
  width:calc(100% - 20px)!important;
  max-width:calc(100% - 20px)!important;

  margin-left:auto!important;
  margin-right:auto!important;

  padding:14px 18px!important;

  overflow:hidden!important;
}

/* grille interne plus compacte */
[class*="offer-banner"] > div,
[class*="subscription"] > div,
[class*="plan-banner"] > div{
  min-width:0!important;
}

/* titre offre */
[class*="offer-banner"] h2,
[class*="offer-banner"] h3,
[class*="subscription"] h2,
[class*="subscription"] h3{
  margin:1px 0 3px!important;
  font-size:1.02rem!important;
  line-height:1.2!important;
}

/* label Folio Pro */
[class*="offer-banner"] .eyebrow,
[class*="subscription"] .eyebrow{
  margin-bottom:1px!important;
  font-size:.68rem!important;
  line-height:1.15!important;
}

/* sous-texte */
[class*="offer-banner"] p,
[class*="subscription"] p{
  margin:0!important;

  font-size:.76rem!important;
  line-height:1.35!important;

  max-width:330px!important;
}

/* métriques */
[class*="offer-banner"] [class*="metric"],
[class*="offer-banner"] [class*="usage"],
[class*="subscription"] [class*="metric"],
[class*="subscription"] [class*="usage"]{
  min-width:0!important;
}

/* textes métriques */
[class*="offer-banner"] [class*="metric"] span,
[class*="offer-banner"] [class*="usage"] span,
[class*="subscription"] [class*="metric"] span,
[class*="subscription"] [class*="usage"] span{
  font-size:.75rem!important;
  line-height:1.2!important;
}

/* chiffres */
[class*="offer-banner"] strong,
[class*="subscription"] strong{
  font-size:.82rem!important;
  line-height:1.2!important;
}

/* bouton détails offre */
[class*="offer-banner"] .button,
[class*="subscription"] .button,
[class*="plan-banner"] .button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  min-width:138px!important;
  max-width:145px!important;
  width:145px!important;

  min-height:42px!important;

  padding:0 12px!important;

  margin:0!important;

  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;

  font-size:.71rem!important;
  line-height:1!important;
  font-weight:800!important;

  box-sizing:border-box!important;
  flex:0 0 145px!important;
}

/* zone bouton */
[class*="offer-banner"] [class*="action"],
[class*="offer-banner"] [class*="cta"],
[class*="subscription"] [class*="action"],
[class*="subscription"] [class*="cta"]{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;

  min-width:145px!important;
  width:145px!important;
  max-width:145px!important;

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

  flex:0 0 145px!important;
}

/* barres de progression un peu plus fines */
[class*="offer-banner"] progress,
[class*="subscription"] progress{
  height:5px!important;
}

/* espace sous le bandeau */
[class*="offer-banner"] + *,
[class*="subscription"] + *{
  margin-top:8px!important;
}

/* responsive */
@media(max-width:1100px){

  [class*="offer-banner"],
  [class*="subscription"],
  [class*="plan-banner"]{
    padding:12px 14px!important;
  }

  [class*="offer-banner"] .button,
  [class*="subscription"] .button,
  [class*="plan-banner"] .button{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    flex-basis:132px!important;

    font-size:.67rem!important;
  }

  [class*="offer-banner"] [class*="action"],
  [class*="offer-banner"] [class*="cta"],
  [class*="subscription"] [class*="action"],
  [class*="subscription"] [class*="cta"]{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    flex-basis:132px!important;
  }

}