/* Centrer le texte des boutons CookieYes */
.cky-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* =====================================
   CookieYes vs Sticky CTA mobile
   Central Cash
   ===================================== */
@media (max-width: 768px) {

  /* Sans sticky CTA : position native CookieYes */
  .cky-revisit-bottom-left,
  .cky-revisit-bottom-right {
    transform: none !important;
    z-index: 2147483646 !important;
  }

  /* Avec sticky CTA : décalage au-dessus */
  body.cc-has-sticky-cta .cky-revisit-bottom-left,
  body.cc-has-sticky-cta .cky-revisit-bottom-right {
    transform: translateY(-70px) !important;
  }
}
/* ==================================================
   FSMA BAR — FIXED AU CHARGEMENT, DISPARAÎT AU SCROLL
   (UNE SEULE BARRE, PAS DE STICKY, PAS DE CONTACT)
================================================== */

/* Hauteur de référence */
:root{
  --fsma-h: 40px;
}

/* Réserve l’espace au chargement pour éviter le masquage */
body{
  padding-top: var(--fsma-h);
}

/* =========================
   BARRE FSMA
========================= */
.cc-fsma-bar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000;

  height: var(--fsma-h);
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 16px;

  background: #0b0f19;
  color: #ffffff;

  font-family: "Outfit", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  text-align: center;

  border-bottom: 1px solid rgba(255,255,255,.14);

  /* animation douce lors de la disparition */
  transition: transform .25s ease, opacity .25s ease;
}

/* =========================
   ÉTAT MASQUÉ (APRÈS SCROLL)
========================= */
body.cc-fsma-hidden{
  padding-top: 0 !important;   /* le contenu remonte */
}

body.cc-fsma-hidden .cc-fsma-bar{
  transform: translateY(-100%);
  opacity: 0;
}

/* =========================
   MOBILE
========================= */
@media (max-width:720px){
  :root{
    --fsma-h: 34px;
  }

  .cc-fsma-bar{
    font-size: 12px;
    padding: 0 12px;
  }
}

/* =========================
   Stars
========================= */

.cc-stars{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:8px;
  font-family:"Outfit",system-ui,sans-serif;
}

.cc-stars-row{
  color:#f5b301;
  font-size:18px;
  letter-spacing:2px;
  line-height:1;
}

.cc-stars-text{
  font-size:14px;
  color:#5b6475;
  font-weight:500;
}


/* ============ CENTRAL CASH MASTER (SCOPED) ============
   SAFE GLOBAL CSS — n’impacte aucune page tant que
   la page n’a pas un wrapper .cc-master
====================================================== */

/* 1) Design tokens + base (localisés à .cc-master) */
.cc-master{
  --bg:#f6f7fb;
  --text:#0b0f19;
  --muted:rgba(11,15,25,.72);
  --line:rgba(11,15,25,.10);
  --card:#ffffff;

  --cta:#4ec2ae;
  --ctaHover:#41b4a1;
  --ctaText:#ffffff;

  --h1:54px;
  --h2:48px;
  --body:18px;
  --wrap:1400px;

  font-family:"Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:400;
  font-size:var(--body);
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
}

.cc-master *{ box-sizing:border-box; }

/* 2) Containers */
.cc-master .wrap{
  max-width:var(--wrap);
  margin:0 auto;
  padding:26px 16px 120px;
}

.cc-master .anchor{ scroll-margin-top:90px; }

/* 3) Top header card */
.cc-master .top{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:28px;
  padding:22px 16px 18px;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
}

@media (min-width:900px){
  .cc-master .top{ padding:30px 26px 22px; }
}

/* Title styles inside top */
.cc-master .top h1{
  font-family:"Outfit",system-ui;
  font-size:var(--h1);
  line-height:1.05;
  letter-spacing:-0.02em;
  margin:0 0 14px;
  font-weight:900;
}

@media (min-width:900px){
  .cc-master .top h1{ white-space:nowrap; }
}
@media (max-width:720px){
  .cc-master .top h1{
    font-size:36px;
    white-space:normal;
  }
}

/* 4) Badges (hero) */
.cc-master .hero-badges{
  margin:0 0 16px;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
  font-size:14px;
  color:rgba(11,15,25,.70);
}
.cc-master .hero-badges li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  line-height:1.2;
}
.cc-master .hero-badges .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:rgba(78,194,174,.95);
  box-shadow:0 0 0 4px rgba(78,194,174,.14);
  flex:0 0 auto;
}

/* 5) HERO card + grid */
.cc-master .hero-card{
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 24px rgba(11,15,25,.06);
}
.cc-master .hero-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:0;
}
@media (max-width:980px){
  .cc-master .hero-grid{ grid-template-columns:1fr; }
}
.cc-master .hero-col{ padding:18px; }
.cc-master .hero-col + .hero-col{ border-left:1px solid rgba(11,15,25,.10); }
@media (max-width:980px){
  .cc-master .hero-col + .hero-col{
    border-left:none;
    border-top:1px solid rgba(11,15,25,.10);
  }
}
.cc-master .hero-col h2{
  margin:0 0 10px;
  font-family:"Outfit",system-ui;
  font-size:24px;
  font-weight:900;
  letter-spacing:-0.01em;
}
.cc-master .hero-col p,
.cc-master .hero-col li{ color:rgba(11,15,25,.78); }
.cc-master .hero-col ul{ margin:0 0 0 18px; }

/* Right column (image + CTA) */
.cc-master .hero-col.is-right{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:18px;
}
@media (min-width:981px){
  .cc-master .hero-col.is-right{ justify-content:center; }
}

.cc-master .hero-col.is-right .hero-image{
  width:100%;
  max-width:420px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
  padding:0;
  aspect-ratio:16/10;
  box-shadow:0 10px 22px rgba(11,15,25,.06);
}
.cc-master .hero-col.is-right .hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.cc-master .hero-col.is-right .hero-cta-wrap{
  width:100%;
  max-width:420px;
  display:flex;
  justify-content:center;
  margin-top:0;
}
.cc-master .hero-col.is-right .hero-cta-btn{
  width:100%;
  min-height:56px;
  padding:16px 18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:18px;
  font-weight:400;
  text-decoration:none;
  background:var(--cta);
  color:var(--ctaText);
  border:1px solid rgba(11,15,25,.08);
  box-shadow:0 18px 36px rgba(78,194,174,.32);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  gap:8px;
}
.cc-master .hero-col.is-right .hero-cta-btn:hover{
  background:var(--ctaHover);
  transform:translateY(-1px);
  box-shadow:0 24px 46px rgba(78,194,174,.38);
}
.cc-master .hero-col.is-right .hero-cta-btn:active{
  transform:translateY(0);
  box-shadow:0 14px 28px rgba(78,194,174,.28);
}
.cc-master .hero-cta-sub{
  width:100%;
  max-width:420px;
  text-align:center;
  font-size:13px;
  color:rgba(11,15,25,.60);
  margin-top:-6px;
}

/* Hero mobile order (image/CTA first) */
@media (max-width:980px){
  .cc-master .hero-grid{ display:flex; flex-direction:column; }
  .cc-master .hero-grid .hero-col.is-right{ order:1; }
  .cc-master .hero-grid .hero-col:not(.is-right){ order:2; }
}

/* CTA text variants + time badge */
.cc-master .cta-desktop{ display:inline; }
.cc-master .cta-mobile{ display:none; }
@media (max-width:720px){
  .cc-master .cta-desktop{ display:none; }
  .cc-master .cta-mobile{ display:inline; }
}
.cc-master .cta-time{
  font-size:13px;
  font-weight:600;
  opacity:.85;
  background:rgba(255,255,255,.18);
  padding:4px 8px;
  border-radius:999px;
  white-space:nowrap;
}

/* 6) Local trust proof */
.cc-master .trust-local{
  margin-top:12px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border:1px solid rgba(11,15,25,.10);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(11,15,25,.04);
  font-size:14px;
}
.cc-master .trust-local .stars{ font-size:16px; }
.cc-master .trust-local strong{
  font-family:"Outfit",system-ui;
  font-weight:900;
}

/* 7) Legal + warning + trustbar */
.cc-master .warning{
  margin-top:14px;
  border:1px solid rgba(11,15,25,.20);
  border-radius:10px;
  background:rgba(11,15,25,.02);
  padding:10px 12px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  text-align:center;
  color:rgba(11,15,25,.82);
}
.cc-master .legal-box{
  margin-top:12px;
  border:1px solid rgba(11,15,25,.16);
  border-radius:12px;
  background:rgba(11,15,25,.02);
  padding:14px 14px;
  color:rgba(11,15,25,.74);
  font-size:16px;
  line-height:1.55;
}

.cc-master .trustbar{
  margin-top:16px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:14px 14px;
  flex-wrap:wrap;
}
.cc-master .trustitem{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(11,15,25,.78);
  font-size:16px;
  font-family:"Outfit",system-ui;
  font-weight:800;
  padding:8px 12px;
  border-radius:14px;
  background:rgba(11,15,25,.02);
  border:1px solid rgba(11,15,25,.06);
}
.cc-master .trustdot{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.26);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}

/* 8) Sections + headings + text */
.cc-master .section{
  margin-top:22px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:28px;
  padding:24px 16px;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
}
@media (min-width:900px){
  .cc-master .section{ padding:30px 26px; }
}

.cc-master h2{
  font-family:"Outfit",system-ui;
  font-size:var(--h2);
  line-height:1.05;
  letter-spacing:-0.02em;
  margin:0 0 14px;
  font-weight:900;
}
@media (max-width:720px){
  .cc-master h2{ font-size:32px; }
}
.cc-master h3{
  font-family:"Outfit",system-ui;
  font-size:22px;
  margin:18px 0 8px;
  font-weight:900;
  letter-spacing:-0.01em;
}

.cc-master p{ margin:0 0 10px; color:rgba(11,15,25,.82); }
.cc-master .muted{ color:rgba(11,15,25,.68); }

/* 9) Grids + features + icons */
.cc-master .grid{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}
@media (min-width:980px){
  .cc-master .grid.two{ grid-template-columns:1fr 1fr; }
  .cc-master .grid.three{ grid-template-columns:1fr 1fr 1fr; }
}

.cc-master .feature{
  border:1px solid rgba(11,15,25,.10);
  background:linear-gradient(180deg, rgba(11,15,25,.02), rgba(11,15,25,0));
  border-radius:20px;
  padding:18px;
}
.cc-master .feature .top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  font-weight:900;
  font-family:"Outfit",system-ui;
  padding:0;
  border:none;
  box-shadow:none;
  background:transparent;
}
.cc-master .icon{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.24);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}

/* 10) Tables */
.cc-master .table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(11,15,25,.10);
}
.cc-master .table th,
.cc-master .table td{
  padding:14px 14px;
  text-align:left;
  border-bottom:1px solid rgba(11,15,25,.08);
  vertical-align:top;
  font-size:18px;
}
.cc-master .table th{
  width:34%;
  background:rgba(11,15,25,.02);
  font-weight:900;
  color:rgba(11,15,25,.85);
}
.cc-master .table tr:last-child th,
.cc-master .table tr:last-child td{ border-bottom:none; }

@media (max-width:720px){
  .cc-master .table th{ width:42%; }
  .cc-master .table th,
  .cc-master .table td{
    font-size:16px;
    padding:12px;
  }
}

/* 11) Info banner / eligibility blocks */
.cc-master .info-banner{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(78,194,174,.28);
  background:rgba(78,194,174,.08);
  margin-bottom:16px;
}
.cc-master .info-icon{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-family:"Outfit",system-ui;
  font-weight:900;
  background:rgba(78,194,174,.16);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
  flex:0 0 auto;
}
.cc-master .info-text{
  color:rgba(11,15,25,.82);
  font-size:18px;
  line-height:1.5;
}
.cc-master .info-grid{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
  margin-top:10px;
}
@media (min-width:980px){
  .cc-master .info-grid{ grid-template-columns:1fr 1fr; }
}
.cc-master .info-box{
  border-radius:20px;
  border:1px solid rgba(11,15,25,.10);
  background:linear-gradient(180deg, rgba(11,15,25,.02), rgba(11,15,25,0));
  padding:18px;
}
.cc-master .info-box-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.cc-master .info-box h3{ margin:0; }
.cc-master .info-badge{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.26);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}

.cc-master .checklist,
.cc-master .doclist{
  list-style:none;
  padding:0;
  margin:12px 0 0;
  display:grid;
  gap:10px;
}
.cc-master .checklist li,
.cc-master .doclist li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.08);
  background:rgba(255,255,255,.80);
}
.cc-master .check{
  width:26px;
  height:26px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.16);
  border:1px solid rgba(78,194,174,.28);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
  line-height:1;
  margin-top:1px;
}
.cc-master .docdot{
  width:10px;
  height:10px;
  margin-top:6px;
  border-radius:999px;
  background:rgba(78,194,174,.90);
  box-shadow:0 0 0 5px rgba(78,194,174,.14);
  flex:0 0 auto;
}
.cc-master .tip{
  margin-top:12px;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.10);
  background:rgba(11,15,25,.02);
  color:rgba(11,15,25,.76);
  font-size:16px;
}

/* 12) TAEG card */
.cc-master .taeg-card{
  margin-top:12px;
  border-radius:22px;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
  padding:18px;
  box-shadow:0 10px 24px rgba(11,15,25,.05);
}
.cc-master .taeg-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.cc-master .taeg-mark{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.16);
  border:1px solid rgba(78,194,174,.30);
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:#0a3f36;
  flex:0 0 auto;
}
.cc-master .taeg-grid{
  margin-top:14px;
  display:grid;
  gap:10px;
  grid-template-columns:1fr;
}
@media (min-width:980px){
  .cc-master .taeg-grid{ grid-template-columns:1fr 1fr 1fr; }
}
.cc-master .taeg-pill{
  border-radius:18px;
  border:1px solid rgba(11,15,25,.08);
  background:rgba(11,15,25,.02);
  padding:12px 12px;
}
.cc-master .taeg-pill-title{
  font-family:"Outfit",system-ui;
  font-weight:900;
  letter-spacing:-0.01em;
  margin-bottom:4px;
  color:rgba(11,15,25,.92);
}

.cc-master .taeg-details{
  margin-top:12px;
  border-radius:18px;
  border:1px solid rgba(11,15,25,.10);
  background:rgba(11,15,25,.02);
  padding:12px 14px;
}
.cc-master .taeg-details summary{
  cursor:pointer;
  font-family:"Outfit",system-ui;
  font-weight:900;
  letter-spacing:-0.01em;
  list-style:none;
}
.cc-master .taeg-details summary::-webkit-details-marker{ display:none; }
.cc-master .taeg-details[open]{
  border-color:rgba(78,194,174,.26);
  background:rgba(78,194,174,.07);
}

/* 13) Details/FAQ */
.cc-master details{
  border:1px solid rgba(11,15,25,.10);
  background:rgba(11,15,25,.02);
  border-radius:18px;
  padding:14px 16px;
}
.cc-master details + details{ margin-top:12px; }
.cc-master summary{
  cursor:pointer;
  font-family:"Outfit",system-ui;
  font-weight:900;
  letter-spacing:-0.01em;
  list-style:none;
}
.cc-master summary::-webkit-details-marker{ display:none; }
.cc-master details[open]{
  border-color:rgba(78,194,174,.26);
  background:rgba(78,194,174,.07);
}
.cc-master details p{ margin-top:10px; }

/* 14) Sticky CTA (mobile) */
.cc-master .sticky-cta{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.92);
  border-top:1px solid rgba(11,15,25,.10);
  box-shadow:0 -10px 24px rgba(11,15,25,.10);
  display:none;
  z-index:999;
  backdrop-filter:blur(10px);
}
.cc-master .sticky-cta .inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:10px;
}
.cc-master .sticky-cta .mini{
  flex:1 1 auto;
  min-width:0;
  font-size:14px;
  color:rgba(11,15,25,.70);
  line-height:1.2;
}
.cc-master .sticky-cta .mini strong{
  display:block;
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cc-master .sticky-cta .mini span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cc-master .sticky-cta .cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:999px;
  background:var(--cta);
  color:var(--ctaText);
  font-weight:900;
  text-decoration:none;
  border:none;
  white-space:nowrap;
}
@media (max-width:720px){
  .cc-master .sticky-cta{ display:block; }
  .cc-master .wrap{ padding-bottom:132px; }
}

/* 15) Link cards (maillage) */
.cc-master .cc-linkcard{
  display:block;
  text-decoration:none;
  color:inherit;
  border-radius:20px;
  border:1px solid rgba(11,15,25,.10);
  background:linear-gradient(180deg, rgba(11,15,25,.015), rgba(255,255,255,1));
  padding:16px;
  box-shadow:0 10px 22px rgba(11,15,25,.04);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.cc-master .cc-linkcard:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(11,15,25,.07);
  border-color:rgba(78,194,174,.35);
}
.cc-master .cc-linkcard__top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
.cc-master .cc-linkcard__ico{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.26);
  font-size:18px;
}
.cc-master .cc-linkcard__title{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:18px;
  letter-spacing:-0.01em;
}
.cc-master .cc-linkcard__desc{
  color:rgba(11,15,25,.72);
  font-size:16px;
  line-height:1.45;
  margin-bottom:10px;
}
.cc-master .cc-linkcard__cta{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(10,63,54,.92);
  font-size:14px;
}

/* 16) Generic CTA panels (sim/local) */
.cc-master .cc-sim-cta{
  margin-top:14px;
  border-radius:18px;
  border:1px solid rgba(78,194,174,.28);
  background:rgba(78,194,174,.08);
  padding:12px;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.cc-master .cc-sim-cta__txt{
  color:rgba(11,15,25,.78);
  font-size:16px;
}
.cc-master .cc-sim-cta__txt a{
  color:rgba(10,63,54,.96);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}
.cc-master .cc-sim-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:var(--cta);
  color:var(--ctaText);
  text-decoration:none;
  font-family:"Outfit",system-ui;
  font-weight:900;
  border:1px solid rgba(11,15,25,.08);
  white-space:nowrap;
  box-shadow:0 14px 30px rgba(78,194,174,.26);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.cc-master .cc-sim-cta__btn:hover{
  background:var(--ctaHover);
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(78,194,174,.32);
}
@media (max-width:720px){
  .cc-master .cc-sim-cta__btn{ width:100%; }
}

.cc-master .cc-local-cta{
  margin-top:14px;
  border-radius:18px;
  border:1px solid rgba(78,194,174,.28);
  background:rgba(78,194,174,.08);
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.cc-master .cc-local-cta__txt{
  color:rgba(11,15,25,.78);
  font-size:16px;
  line-height:1.4;
}
.cc-master .cc-local-cta__txt strong{
  display:block;
  font-family:"Outfit",system-ui;
  font-weight:900;
  margin-bottom:2px;
  color:rgba(11,15,25,.92);
}
.cc-master .cc-local-cta__txt a{
  color:rgba(10,63,54,.96);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
  white-space:nowrap;
}
.cc-master .cc-local-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:var(--cta);
  color:var(--ctaText);
  text-decoration:none;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:15px;
  border:1px solid rgba(11,15,25,.08);
  box-shadow:0 14px 30px rgba(78,194,174,.26);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.cc-master .cc-local-cta__btn:hover{
  background:var(--ctaHover);
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(78,194,174,.32);
}
@media (max-width:720px){
  .cc-master .cc-local-cta__btn{ width:100%; }
}

/* 17) TOC inline pills */
.cc-master .toc-inline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:6px 0 12px;
}
.cc-master .toc-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  text-decoration:none;
  color:rgba(10,63,54,.95);
  background:rgba(78,194,174,.12);
  border:1px solid rgba(78,194,174,.28);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.cc-master .toc-pill:hover{
  background:rgba(78,194,174,.20);
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(78,194,174,.25);
}

/* 18) Footer (scopé) */
.cc-master footer{
  margin-top:18px;
  text-align:center;
  font-size:16px;
  color:rgba(11,15,25,.62);
}

.cc-master .pp-more{ margin-top:16px; }
.cc-master .pp-more__summary{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:18px;
}
.cc-master .need-dedicated{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.10);
  background:rgba(11,15,25,.02);
  font-size:15px;
  color:rgba(11,15,25,.78);
}
.cc-master .need-dedicated__label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
  margin-bottom:6px;
}
.cc-master .need-dedicated__icon{
  width:22px;height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}
.cc-master .need-dedicated__items{
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
}
.cc-master .need-dedicated__items a{
  color:rgba(10,63,54,.96);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.cc-master .credit-table-wrap{ margin:18px 0; }

.cc-master .table.credit-compare{
  table-layout:fixed;
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  overflow:hidden;
}
.cc-master .table.credit-compare th,
.cc-master .table.credit-compare td{
  padding:16px 18px;
  vertical-align:top;
  border-bottom:1px solid rgba(11,15,25,.08);
  font-size:16px;
}
.cc-master .table.credit-compare thead th{
  background:rgba(11,15,25,.02);
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  color:rgba(11,15,25,.85);
  border-bottom:1px solid rgba(11,15,25,.10);
}
.cc-master .table.credit-compare tbody th{
  background:rgba(11,15,25,.02);
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.90);
}
.cc-master .table.credit-compare tbody tr.is-primary > *{
  background:rgba(78,194,174,.08);
}
.cc-master .table.credit-compare .credit-type{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.cc-master .table.credit-compare .credit-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:rgba(11,15,25,.92);
}
.cc-master .table.credit-compare .credit-link{
  font-size:13px;
  color:rgba(10,63,54,.96);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Mobile “stack cards” */
@media (max-width:720px){
  .cc-master .table.credit-compare thead{ display:none; }

  .cc-master .table.credit-compare,
  .cc-master .table.credit-compare tbody,
  .cc-master .table.credit-compare tr,
  .cc-master .table.credit-compare th,
  .cc-master .table.credit-compare td{
    display:block; width:100%;
  }

  .cc-master .table.credit-compare tbody tr{
    border:1px solid rgba(11,15,25,.10);
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    margin:0 0 12px;
    box-shadow:0 10px 22px rgba(11,15,25,.04);
  }

  .cc-master .table.credit-compare tbody th{
    background:rgba(11,15,25,.02);
    border-bottom:1px solid rgba(11,15,25,.08);
    padding:14px;
    font-family:"Outfit",system-ui;
    font-weight:900;
    font-size:16px;
    color:rgba(11,15,25,.92);
  }

  .cc-master .table.credit-compare tbody td{
    padding:12px 14px;
    border-bottom:1px solid rgba(11,15,25,.06);
    font-size:15px;
    color:rgba(11,15,25,.78);
  }
  .cc-master .table.credit-compare tbody tr td:last-child{ border-bottom:none; }

  .cc-master .table.credit-compare tbody td:nth-of-type(1)::before{
    content:"Type de crédit";
    display:block;
    font-family:"Outfit",system-ui;
    font-weight:900;
    font-size:12px;
    color:rgba(11,15,25,.62);
    margin-bottom:6px;
  }
  .cc-master .table.credit-compare tbody td:nth-of-type(2)::before{
    content:"À savoir";
    display:block;
    font-family:"Outfit",system-ui;
    font-weight:900;
    font-size:12px;
    color:rgba(11,15,25,.62);
    margin-bottom:6px;
  }

  .cc-master .table.credit-compare tbody tr.is-primary{ border-color:rgba(78,194,174,.35); }
  .cc-master .table.credit-compare tbody tr.is-primary th{ background:rgba(78,194,174,.10); }
}

/* =========================
   DEMANDE (pp-apply-*) — GLOBAL
   (scopé .cc-master)
========================= */

.cc-master .pp-apply-intro{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:18px;
  border:1px solid rgba(78,194,174,.28);
  background: rgba(78,194,174,.08);
  margin-bottom:14px;
}
.cc-master .pp-apply-intro .badge{
  width:40px;
  height:40px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background: rgba(78,194,174,.16);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
  font-family:"Outfit",system-ui;
  font-weight:900;
  flex:0 0 auto;
}
.cc-master .pp-apply-intro p{
  margin:0;
  color:rgba(11,15,25,.82);
}

/* KPIs */
.cc-master .pp-apply-kpis{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:10px 0 16px;
}
.cc-master .pp-kpi{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.08);
  background: rgba(255,255,255,.85);
  color: rgba(11,15,25,.78);
  font-size:15px;
}
.cc-master .pp-kpi b{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color: rgba(11,15,25,.92);
}
.cc-master .pp-kpi .k{
  width:34px;
  height:34px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background: rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.26);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}

/* Timeline steps */
.cc-master .pp-steps{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}
@media (min-width:980px){
  .cc-master .pp-steps{ grid-template-columns:1fr 1fr; }
}
.cc-master .pp-step{
  border:1px solid rgba(11,15,25,.10);
  background: linear-gradient(180deg, rgba(11,15,25,.02), rgba(11,15,25,0));
  border-radius:20px;
  padding:18px;
  position:relative;
  overflow:hidden;
}
.cc-master .pp-step::before{
  content:"";
  position:absolute;
  left:18px;
  top:18px;
  bottom:18px;
  width:2px;
  background: rgba(78,194,174,.22);
  border-radius:999px;
}
.cc-master .pp-step-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:8px;
  padding-left:16px;
}
.cc-master .pp-step-num{
  width:40px;
  height:40px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background: rgba(78,194,174,.16);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
  font-family:"Outfit",system-ui;
  font-weight:900;
  flex:0 0 auto;
}
.cc-master .pp-step-title{
  font-family:"Outfit",system-ui;
  font-weight:900;
  letter-spacing:-0.01em;
  margin:0;
  font-size:18px;
  color: rgba(11,15,25,.92);
}
.cc-master .pp-step-meta{
  margin:2px 0 0;
  font-size:14px;
  color: rgba(11,15,25,.62);
}
.cc-master .pp-step-body{
  padding-left:68px;
  color: rgba(11,15,25,.76);
  font-size:16px;
  line-height:1.5;
}
.cc-master .pp-step-body p{ margin:0 0 10px; }
.cc-master .pp-step-body ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:6px;
}
.cc-master .pp-step-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:14px;
  border:1px solid rgba(11,15,25,.08);
  background: rgba(255,255,255,.80);
  font-size:14px;
  color: rgba(11,15,25,.72);
  margin-top:8px;
}
.cc-master .pp-step-tag b{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color: rgba(11,15,25,.92);
}

/* CTA panel */
.cc-master .pp-apply-cta{
  margin-top:14px;
  border-radius:18px;
  border:1px solid rgba(78,194,174,.28);
  background: rgba(78,194,174,.08);
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.cc-master .pp-apply-cta .txt{
  color: rgba(11,15,25,.78);
  font-size:16px;
  line-height:1.4;
}
.cc-master .pp-apply-cta .txt strong{
  display:block;
  font-family:"Outfit",system-ui;
  font-weight:900;
  color: rgba(11,15,25,.92);
  margin-bottom:2px;
}
.cc-master .pp-apply-cta .actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  width:auto;
}
.cc-master .pp-apply-cta .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  text-decoration:none;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:15px;
  border:1px solid rgba(11,15,25,.08);
  white-space:nowrap;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.cc-master .pp-apply-cta .btn.primary{
  background: var(--cta);
  color: var(--ctaText);
  box-shadow:0 14px 30px rgba(78,194,174,.26);
}
.cc-master .pp-apply-cta .btn.primary:hover{
  background: var(--ctaHover);
  transform: translateY(-1px);
  box-shadow:0 18px 38px rgba(78,194,174,.32);
}
.cc-master .pp-apply-cta .btn.secondary{
  background:#fff;
  color: rgba(10,63,54,.96);
}
.cc-master .pp-apply-cta .btn.secondary:hover{
  transform: translateY(-1px);
  box-shadow:0 14px 30px rgba(11,15,25,.08);
}
@media (max-width:720px){
  .cc-master .pp-apply-cta .actions{ width:100%; }
  .cc-master .pp-apply-cta .btn{ width:100%; }
}

/* Mini-checklist */
.cc-master .pp-mini-check{
  margin-top:12px;
  border-radius:18px;
  border:1px solid rgba(11,15,25,.10);
  background: rgba(11,15,25,.02);
  padding:14px 16px;
}
.cc-master .pp-mini-check .top{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 8px;
  padding:0;
  border:none;
  box-shadow:none;
  background:transparent;
}
.cc-master .pp-mini-check .top .icon{
  width:36px;
  height:36px;
  border-radius:14px;
}
.cc-master .pp-mini-check ul{
  margin:0 0 0 18px;
  display:grid;
  gap:6px;
}

@media (max-width:980px){
  .cc-master .refus-layout{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}
.cc-master .refus-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.cc-master{
  background:#12302e;
}
.section{
  background:#fff;
}

/* PROFILS (Eligibilité) — header plus contrasté */
.cc-master .feature.profile-layout .top{
  padding:14px 14px;
  border-radius:16px;
  background:rgba(78,194,174,.10);
  border:1px solid rgba(78,194,174,.22);
}

.cc-master .feature.profile-layout .top .icon{
  background:rgba(78,194,174,.18);
  border-color:rgba(78,194,174,.32);
}
/* REFUS — forcer le responsive malgré inline styles */
@media (max-width:980px){
  .cc-master .refus-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }
}
/* PROFILS — blocs "Cas concrets" alignés */
@media (min-width:981px){
  .cc-master .feature.profile-layout .pp-casebox{
    margin-top:auto;     /* pousse le bloc en bas de la card */
    min-height:170px;    /* ajuste si tu veux plus/moins */
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }
}

/* Mobile: pas de hauteur forcée */
@media (max-width:980px){
  .cc-master .feature.profile-layout .pp-casebox{
    min-height:unset;
  }
}
/* ==================================================
   REFUS (prêt personnel / prêt travaux) — styles manquants
   Ajoute ceci dans ton Global CSS (scopé .cc-master)
   ================================================== */

/* Layout 2 colonnes (tu l’as déjà, on le garde) */
.cc-master .refus-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
@media (max-width:980px){
  .cc-master .refus-layout{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

/* Cards "Banque" / "Central Cash" */
.cc-master .refus-card{
  border:1px solid rgba(11,15,25,.10);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
  padding:18px;
}

.cc-master .refus-card .top{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  padding:14px 14px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.08);
  background:rgba(11,15,25,.02);
  box-shadow:none;
}

.cc-master .refus-card .icon{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:900;
  flex:0 0 auto;
}

/* Variantes visuelles */
.cc-master .refus-card.refus-bank{
  border-color:rgba(239,68,68,.25);
}
.cc-master .refus-card.refus-bank .top{
  background:rgba(239,68,68,.06);
  border-color:rgba(239,68,68,.18);
}
.cc-master .refus-card.refus-bank .icon{
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.22);
  color:rgba(185,28,28,.95);
}

.cc-master .refus-card.refus-cc{
  border-color:rgba(78,194,174,.35);
}
.cc-master .refus-card.refus-cc .top{
  background:rgba(78,194,174,.10);
  border-color:rgba(78,194,174,.22);
}
.cc-master .refus-card.refus-cc .icon{
  background:rgba(78,194,174,.16);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
}

/* Titre "Comparatif de cas réels" façon pill */
.cc-master .center{
  display:flex;
  justify-content:center;
  margin-top:14px;
}
.cc-master .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  color:rgba(11,15,25,.82);
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
  box-shadow:0 10px 22px rgba(11,15,25,.04);
}

/* Cas réels : lignes 2 colonnes */
.cc-master .credit-table-wrap{
  margin:16px 0 0;
  display:grid;
  gap:12px;
}
.cc-master .case-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
@media (max-width:980px){
  .cc-master .case-row{
    grid-template-columns:1fr;
  }
}

/* Cellules cas */
.cc-master .case{
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  background:#fff;
  padding:14px 14px;
  box-shadow:0 10px 22px rgba(11,15,25,.04);
  color:rgba(11,15,25,.80);
  line-height:1.55;
}

/* Accent bord gauche (banque vs CC) */
.cc-master .case-bank{
  border-left:4px solid rgba(239,68,68,.75);
}
.cc-master .case-cc{
  border-left:4px solid rgba(78,194,174,.85);
}

/* CTA bas de section (style “bandeau” comme sur prêt personnel) */
.cc-master .refus-cta{
  margin-top:14px;
  border-radius:18px;
  border:1px solid rgba(78,194,174,.28);
  background:rgba(78,194,174,.08);
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.cc-master .refus-cta .txt{
  color:rgba(11,15,25,.78);
  font-size:16px;
  line-height:1.4;
}
.cc-master .refus-cta .txt strong{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
}
.cc-master .refus-cta .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:var(--cta);
  color:var(--ctaText);
  text-decoration:none;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:15px;
  border:1px solid rgba(11,15,25,.08);
  white-space:nowrap;
  box-shadow:0 14px 30px rgba(78,194,174,.26);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.cc-master .refus-cta .btn:hover{
  background:var(--ctaHover);
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(78,194,174,.32);
}
@media (max-width:720px){
  .cc-master .refus-cta .btn{ width:100%; }
}
/* CAS RÉELS — harmonisation typographique */
.cc-master .case{
  font-size:15px;
  line-height:1.5;
  color:rgba(11,15,25,.78);
}

.cc-master .case strong{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
}
/* Pills statut — cas réels */
.cc-master .pill-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:12px;
  letter-spacing:.02em;
  margin-bottom:6px;
}

/* Rouge = blocage */
.cc-master .pill-status.block{
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.28);
  color:rgba(185,28,28,.95);
}

/* Vert = réussite */
.cc-master .pill-status.success{
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
}
/* =========================
   CAS RÉELS — version premium (Global CSS)
   (pills alignées + lisibilité + hauteur homogène)
========================= */

/* container */
.cc-master .credit-table-wrap{
  margin:16px 0 0;
  display:grid;
  gap:12px;
}

/* lignes 2 colonnes */
.cc-master .case-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:stretch; /* ✅ même hauteur */
}
@media (max-width:980px){
  .cc-master .case-row{ grid-template-columns:1fr; }
}

/* cases */
.cc-master .case{
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  background:#fff;
  padding:14px 14px;
  box-shadow:0 10px 22px rgba(11,15,25,.04);

  /* ✅ typographie alignée */
  font-size:16px;
  line-height:1.55;
  color:rgba(11,15,25,.78);

  /* ✅ layout premium */
  display:flex;
  flex-direction:column;
  gap:8px; /* espace entre pill et texte */
}

/* accents */
.cc-master .case-bank{ border-left:4px solid rgba(239,68,68,.75); }
.cc-master .case-cc{ border-left:4px solid rgba(78,194,174,.85); }

/* pills statut */
.cc-master .pill-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:12px;
  letter-spacing:.02em;
  width:fit-content; /* ✅ pill “hug content” */
}

/* Rouge = blocage */
.cc-master .pill-status.block{
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.28);
  color:rgba(185,28,28,.95);
}

/* Vert = réussite */
.cc-master .pill-status.success{
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
}
/* Espacement des cas derrière "Voir plus" */
.cc-master details .case-row + .case-row{
  margin-top:12px;
}

/* ESPACEMENT — éviter que les blocs soient "collés" */
.cc-compare-wrap{
  margin-top: 16px;
  margin-bottom: 16px;
}

/* si ton .table a un margin:0 quelque part, on force un bottom */
.cc-compare-wrap .table{
  margin: 0 0 16px !important;
}

/* espace entre le tableau et les cartes en dessous */
.cc-compare-wrap + .grid.two{
  margin-top: 16px !important;
}


/* Scoped strict */
#profils-specifiques .cc-procard{
  border:1px solid rgba(11,15,25,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
  overflow:hidden;
}

/* En-tête fiche */
#profils-specifiques .cc-prohead{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px 16px;
  border-bottom:1px solid rgba(11,15,25,.08);
  background:rgba(11,15,25,.01);
}
#profils-specifiques .cc-proicon{
  width:40px;height:40px;
  border-radius:14px;
  display:grid;place-items:center;
  background:rgba(78,194,174,.12);
  border:1px solid rgba(78,194,174,.22);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}
#profils-specifiques .cc-protitle small{
  display:block;
  font-size:12px;
  color:rgba(11,15,25,.62);
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.06em;
  margin-bottom:2px;
}
#profils-specifiques .cc-protitle h3{
  margin:0;
  font-size:20px;
  font-weight:900;
  font-family:"Outfit",system-ui;
  letter-spacing:-0.01em;
}

/* Layout 2 colonnes indépendantes */
#profils-specifiques .cc-progrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:14px 16px 16px;
}
@media (max-width:980px){
  #profils-specifiques .cc-progrid{ grid-template-columns:1fr; }
}

/* Colonne : pas d’interdépendance */
#profils-specifiques .cc-procol{
  display:grid;
  gap:12px;
  align-content:start;
}

/* Blocs */
#profils-specifiques .cc-problock{
  border:1px solid rgba(11,15,25,.10);
  border-radius:16px;
  background:#fff;
  padding:12px 12px;
}
#profils-specifiques .cc-problock--soft{
  background:rgba(11,15,25,.01);
}
#profils-specifiques .cc-prolabel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
#profils-specifiques .cc-prolabel .t{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  letter-spacing:.02em;
  color:rgba(11,15,25,.92);
}
#profils-specifiques .cc-protag{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
  color:rgba(11,15,25,.70);
  white-space:nowrap;
}
#profils-specifiques .cc-protag--refus{
  border-color:rgba(239,68,68,.22);
  background:rgba(239,68,68,.06);
  color:rgba(185,28,28,.95);
}
#profils-specifiques .cc-protag--ok{
  border-color:rgba(78,194,174,.26);
  background:rgba(78,194,174,.07);
  color:#0a3f36;
}
#profils-specifiques .cc-protag--method{
  border-color:rgba(59,130,246,.20);
  background:rgba(59,130,246,.06);
  color:rgba(30,64,175,.95);
}

#profils-specifiques .cc-problock p{
  margin:0 0 8px;
  color:rgba(11,15,25,.78);
}
#profils-specifiques .cc-problock p:last-child{ margin-bottom:0; }

#profils-specifiques .cc-prolist{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:6px;
  color:rgba(11,15,25,.76);
  font-size:15px;
  line-height:1.5;
}
#profils-specifiques .cc-prohint{
  font-size:13px;
  color:rgba(11,15,25,.60);
  margin-top:8px;
}
#profils-specifiques .cc-proquote{
  border-left:3px solid rgba(78,194,174,.60);
  padding-left:12px;
  color:rgba(11,15,25,.76);
  font-size:15px;
  line-height:1.55;
}
#profils-specifiques .cc-proquote strong{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
}
/* ===== HEADER plus visible ===== */
.cc-prohead{
  padding:18px 18px 14px;
  border-radius:18px;
  background: linear-gradient(180deg, rgba(78,194,174,.14), rgba(78,194,174,.04));
  border:1px solid rgba(11,15,25,.10);
  margin-bottom:14px;
}
.cc-protitle h3{
  margin:2px 0 0;
  font-size:24px;
  font-weight:900;
  letter-spacing:-.02em;
}
.cc-protitle small{
  display:inline-block;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  opacity:.75;
}
.cc-prosub{
  margin:10px 0 0;
  font-size:14px;
  opacity:.78;
}

/* ===== Bandeau "colonnes" ===== */
.cc-procols-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:10px 0 12px;
}
.cc-procols-head__col{
  padding:10px 12px;
  border-radius:14px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  letter-spacing:.02em;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
}
.cc-procols-head__col.is-right{
  background: rgba(78,194,174,.10);
  border-color: rgba(78,194,174,.35);
}

/* ===== Grille : ajoute une séparation visuelle ===== */
.cc-progrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:start;
}
@media(max-width:980px){
  .cc-progrid{ grid-template-columns:1fr; }
  .cc-procols-head{ grid-template-columns:1fr; }
}

/* ===== Colonne droite = "solution" (plus lisible) ===== */
.cc-procol:nth-child(2){
  background: rgba(78,194,174,.06);
  border:1px solid rgba(78,194,174,.22);
  border-radius:16px;
  padding:10px;
}

/* ===== Blocs : hiérarchie + titres plus nets ===== */
.cc-problock{
  border:1px solid rgba(11,15,25,.10);
  border-radius:16px;
  background:#fff;
  padding:14px;
}
.cc-problock + .cc-problock{ margin-top:12px; }

.cc-prolabel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.cc-prolabel .t{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:14px;
  letter-spacing:.01em;
}

/* ===== Numérotation implicite (optionnel mais efficace) ===== */
.cc-procol:first-child .cc-problock .t::before{
  content:"A · ";
  opacity:.6;
}
.cc-procol:nth-child(2) .cc-problock .t::before{
  content:"B · ";
  opacity:.6;
}

/* ===== Tags plus visibles ===== */
.cc-protag{
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(11,15,25,.14);
  background:rgba(11,15,25,.03);
}
.cc-protag--method{ background:rgba(78,194,174,.14); border-color:rgba(78,194,174,.35); }
.cc-protag--ok{ background:rgba(78,194,174,.18); border-color:rgba(78,194,174,.40); }
.cc-protag--refus{ background:rgba(231,76,60,.10); border-color:rgba(231,76,60,.30); }

/* ===== H1 adapté ===== */
.top h1{
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.15;
  max-width: 880px;
}

:root{
  --text: rgba(11,15,25,.92);
}

.pp-more__summary,
details > summary.feature{
  list-style:none;
}
.pp-more__summary::-webkit-details-marker,
details > summary.feature::-webkit-details-marker{
  display:none;
}

/* ===== TRUST LOCAL (générique) ===== */
/* ===== TRUST LOCAL (Prêt personnel) ===== */
.cc-pp-root .trust-local{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 14px;
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
  border-radius:12px;
  box-shadow:0 6px 18px rgba(11,15,25,.06);
  font-size:14px;
  line-height:1.25;
  max-width:100%;
  margin:12px 0;
}

.cc-pp-root .trust-local .stars{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
}

.cc-pp-root .trust-local .stars svg{
  width:16px;
  height:16px;
  display:block;
  fill:#f5b301;
}

.cc-pp-root .trust-local .trust-text{
  display:inline-block;
}

.cc-pp-root .trust-local .trust-source{
  display:block;
  font-size:12px;
  opacity:.65;
  margin-top:2px;
}

@media (max-width:900px){
  .cc-pp-root .trust-local{
    flex-direction:column;
    text-align:center;
    white-space:normal;
  }
  .cc-pp-root .trust-local .stars svg{
    width:18px;
    height:18px;
  }
}

.hero-title h1{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
}

/* --- CONFIGURATION DESKTOP --- */
.hero-title-img {
  /* MODIFIE LE % CI-DESSOUS (99%) */
  width: 99% !important; 
  max-width: calc(640px * 0.99) !important; 
  
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- CONFIGURATION MOBILE --- */
@media (max-width: 768px) {
  .hero-title-img {
    /* MODIFIE LE % CI-DESSOUS (99%) */
    width: 99% !important; 
    max-width: calc(640px * 0.99) !important;
  }
}
/* FIX fuites globales */
.cc-master .section{ background:#fff; }

/* FIX FSMA padding-top global */
body{ padding-top:0 !important; }
body.cc-has-fsma{ padding-top: var(--fsma-h) !important; }

/* FIX CookieYes + safe-area */
@media (max-width:768px){
  body.cc-has-sticky-cta .cky-revisit-bottom-left,
  body.cc-has-sticky-cta .cky-revisit-bottom-right{
    transform: translateY(calc(-70px - env(safe-area-inset-bottom))) !important;
  }
}
/* =========================================================
   CENTRAL CASH — PRÊT PERSONNEL (SCOPED)
   À coller dans le Global CSS
   N’impacte QUE la page qui contient le wrapper .cc-pp-root
   (idéalement sur le body ou sur le conteneur principal)
========================================================= */

/* ========== 0) CookieYes (global safe) ========== */
/* Centrer le texte des boutons CookieYes */
.cky-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* CookieYes vs Sticky CTA mobile (si tu ajoutes la classe body.cc-has-sticky-cta) */
@media (max-width:768px){
  .cky-revisit-bottom-left,
  .cky-revisit-bottom-right{
    transform:none !important;
    z-index:2147483646 !important;
  }

  body.cc-has-sticky-cta .cky-revisit-bottom-left,
  body.cc-has-sticky-cta .cky-revisit-bottom-right{
    transform:translateY(calc(-70px - env(safe-area-inset-bottom))) !important;
  }
}

/* ========== 1) FSMA BAR (global safe) ========== */
/* Si tu l’affiches partout, garde ceci tel quel.
   Si tu veux limiter à la page prêt personnel : remplace body par body.cc-pp-has-fsma */
:root{ --fsma-h:40px; }

body{ padding-top:0 !important; }
body.cc-has-fsma{ padding-top:var(--fsma-h) !important; }


.cc-fsma-bar{
  position:fixed;
  top:0; left:0; right:0;
  z-index:2147483000;
  height:var(--fsma-h);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  background:#0b0f19;
  color:#fff;
  font-family:"Outfit",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:900;
  font-size:14px;
  line-height:1;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,.14);
  transition:transform .25s ease, opacity .25s ease;
}

body.cc-fsma-hidden{ padding-top:0 !important; }
body.cc-fsma-hidden .cc-fsma-bar{ transform:translateY(-100%); opacity:0; }

@media (max-width:720px){
  :root{ --fsma-h:34px; }
  .cc-fsma-bar{ font-size:12px; padding:0 12px; }
}

/* ========== 2) PAGE PRÊT PERSONNEL — BASE (SCOPED) ========== */
.cc-pp-root{
  --bg:#f6f7fb;
  --text:#0b0f19;
  --muted:rgba(11,15,25,.72);
  --line:rgba(11,15,25,.10);
  --card:#ffffff;

  --cta:#4ec2ae;
  --ctaHover:#41b4a1;
  --ctaText:#ffffff;

  --h1:54px;
  --h2:48px;
  --body:18px;
  --wrap:1400px;

  font-family:"Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-weight:400;
  font-size:var(--body);
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
}

.cc-pp-root *{ box-sizing:border-box; }

.cc-pp-root .wrap{
  max-width:var(--wrap);
  margin:0 auto;
  padding:26px 16px 120px;
}

.cc-pp-root .anchor{ scroll-margin-top:90px; }

.cc-pp-root .section{
  margin-top:22px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:28px;
  padding:24px 16px;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
}
@media (min-width:900px){
  .cc-pp-root .section{ padding:30px 26px; }
}

.cc-pp-root h2{
  font-family:"Outfit",system-ui;
  font-size:var(--h2);
  line-height:1.05;
  letter-spacing:-0.02em;
  margin:0 0 14px;
  font-weight:900;
}
@media (max-width:720px){
  .cc-pp-root h2{ font-size:32px; }
}

.cc-pp-root h3{
  font-family:"Outfit",system-ui;
  font-size:22px;
  margin:18px 0 8px;
  font-weight:900;
  letter-spacing:-0.01em;
}

.cc-pp-root p{ margin:0 0 10px; color:rgba(11,15,25,.82); }
.cc-pp-root .muted{ color:rgba(11,15,25,.68); }

/* ========== 3) TOP / HERO ========== */
.cc-pp-root .top{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:28px;
  padding:22px 16px 18px;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
}
@media (min-width:900px){
  .cc-pp-root .top{ padding:30px 26px 22px; }
}

/* H1 SEO caché si tu utilises une image de titre */
.cc-pp-root .hero-title h1{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
}

/* Image titre H1 (si utilisée) */
.cc-pp-root .hero-title-img{
  width:99% !important;
  max-width:calc(640px * 0.99) !important;
  display:block !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media (max-width:768px){
  .cc-pp-root .hero-title-img{
    width:99% !important;
    max-width:calc(640px * 0.99) !important;
  }
}

/* Badges hero */
.cc-pp-root .hero-badges{
  margin:0 0 16px;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
  font-size:14px;
  color:rgba(11,15,25,.70);
}
.cc-pp-root .hero-badges li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  line-height:1.2;
}
.cc-pp-root .hero-badges .dot{
  width:8px;height:8px;border-radius:999px;
  background:rgba(78,194,174,.95);
  box-shadow:0 0 0 4px rgba(78,194,174,.14);
  flex:0 0 auto;
}

/* Hero card + grid */
.cc-pp-root .hero-card{
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 24px rgba(11,15,25,.06);
}
.cc-pp-root .hero-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:0;
}
@media (max-width:980px){
  .cc-pp-root .hero-grid{ grid-template-columns:1fr; }
}

.cc-pp-root .hero-col{ padding:18px; }
.cc-pp-root .hero-col + .hero-col{ border-left:1px solid rgba(11,15,25,.10); }
@media (max-width:980px){
  .cc-pp-root .hero-col + .hero-col{ border-left:none; border-top:1px solid rgba(11,15,25,.10); }
}

.cc-pp-root .hero-col h2{
  margin:0 0 10px;
  font-family:"Outfit",system-ui;
  font-size:24px;
  font-weight:900;
  letter-spacing:-0.01em;
}
.cc-pp-root .hero-col p,
.cc-pp-root .hero-col li{ color:rgba(11,15,25,.78); }
.cc-pp-root .hero-col ul{ margin:0 0 0 18px; }

/* Col droite (image + CTA) */
.cc-pp-root .hero-col.is-right{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  padding:18px;
}
@media (min-width:981px){
  .cc-pp-root .hero-col.is-right{ justify-content:center; }
}
.cc-pp-root .hero-col.is-right .hero-image{
  width:100%;
  max-width:420px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
  aspect-ratio:16/10;
  box-shadow:0 10px 22px rgba(11,15,25,.06);
}
.cc-pp-root .hero-col.is-right .hero-image img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.cc-pp-root .hero-col.is-right .hero-cta-wrap{
  width:100%;
  max-width:420px;
  display:flex;
  justify-content:center;
}
.cc-pp-root .hero-col.is-right .hero-cta-btn{
  width:100%;
  min-height:56px;
  padding:16px 18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  font-size:18px;
  font-weight:400;
  text-decoration:none;
  background:var(--cta);
  color:var(--ctaText);
  border:1px solid rgba(11,15,25,.08);
  box-shadow:0 18px 36px rgba(78,194,174,.32);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  gap:8px;
}
.cc-pp-root .hero-col.is-right .hero-cta-btn:hover{
  background:var(--ctaHover);
  transform:translateY(-1px);
  box-shadow:0 24px 46px rgba(78,194,174,.38);
}
.cc-pp-root .hero-col.is-right .hero-cta-btn:active{
  transform:translateY(0);
  box-shadow:0 14px 28px rgba(78,194,174,.28);
}
.cc-pp-root .hero-cta-sub{
  width:100%;
  max-width:420px;
  text-align:center;
  font-size:13px;
  color:rgba(11,15,25,.60);
  margin-top:-6px;
}

/* Ordre mobile (image/CTA d’abord) */
@media (max-width:980px){
  .cc-pp-root .hero-grid{ display:flex; flex-direction:column; }
  .cc-pp-root .hero-grid .hero-col.is-right{ order:1; }
  .cc-pp-root .hero-grid .hero-col:not(.is-right){ order:2; }
}

/* Variantes CTA */
.cc-pp-root .cta-desktop{ display:inline; }
.cc-pp-root .cta-mobile{ display:none; }
@media (max-width:720px){
  .cc-pp-root .cta-desktop{ display:none; }
  .cc-pp-root .cta-mobile{ display:inline; }
}
.cc-pp-root .cta-time{
  font-size:13px;
  font-weight:600;
  opacity:.85;
  background:rgba(255,255,255,.18);
  padding:4px 8px;
  border-radius:999px;
  white-space:nowrap;
}

/* ========== 4) TRUST LOCAL (étoiles SVG) ========== */
.cc-pp-root .trust-local{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 14px;
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
  border-radius:12px;
  box-shadow:0 6px 18px rgba(11,15,25,.06);
  font-size:14px;
  line-height:1.25;
  max-width:100%;
  margin:12px 0;
}
.cc-pp-root .trust-local .stars{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex:0 0 auto;
}
.cc-pp-root .trust-local .stars svg{
  width:16px;
  height:16px;
  display:block;
  fill:#f5b301;
}
.cc-pp-root .trust-local .trust-source{
  display:block;
  font-size:12px;
  opacity:.65;
  margin-top:2px;
}
@media (max-width:900px){
  .cc-pp-root .trust-local{
    flex-direction:column;
    text-align:center;
    white-space:normal;
  }
  .cc-pp-root .trust-local .stars svg{
    width:18px;
    height:18px;
  }
}

/* ========== 5) WARNING / LEGAL / TRUSTBAR ========== */
.cc-pp-root .warning{
  margin-top:14px;
  border:1px solid rgba(11,15,25,.20);
  border-radius:10px;
  background:rgba(11,15,25,.02);
  padding:10px 12px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  text-align:center;
  color:rgba(11,15,25,.82);
}
.cc-pp-root .legal-box{
  margin-top:12px;
  border:1px solid rgba(11,15,25,.16);
  border-radius:12px;
  background:rgba(11,15,25,.02);
  padding:14px;
  color:rgba(11,15,25,.74);
  font-size:16px;
  line-height:1.55;
}

.cc-pp-root .trustbar{
  margin-top:16px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:14px;
  flex-wrap:wrap;
}
.cc-pp-root .trustitem{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(11,15,25,.78);
  font-size:16px;
  font-family:"Outfit",system-ui;
  font-weight:800;
  padding:8px 12px;
  border-radius:14px;
  background:rgba(11,15,25,.02);
  border:1px solid rgba(11,15,25,.06);
}
.cc-pp-root .trustdot{
  width:34px;height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.26);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}

/* ========== 6) GRIDS / FEATURES ========== */
.cc-pp-root .grid{
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}
@media (min-width:980px){
  .cc-pp-root .grid.two{ grid-template-columns:1fr 1fr; }
  .cc-pp-root .grid.three{ grid-template-columns:1fr 1fr 1fr; }
}

.cc-pp-root .feature{
  border:1px solid rgba(11,15,25,.10);
  background:linear-gradient(180deg, rgba(11,15,25,.02), rgba(11,15,25,0));
  border-radius:20px;
  padding:18px;
}
.cc-pp-root .feature .top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  font-weight:900;
  font-family:"Outfit",system-ui;
  padding:0;
  border:none;
  box-shadow:none;
  background:transparent;
}
.cc-pp-root .icon{
  width:36px;height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.24);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}

/* ========== 7) TABLES (comparatif) ========== */
.cc-pp-root .table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(11,15,25,.10);
}
.cc-pp-root .table th,
.cc-pp-root .table td{
  padding:14px;
  text-align:left;
  border-bottom:1px solid rgba(11,15,25,.08);
  vertical-align:top;
  font-size:18px;
}
.cc-pp-root .table th{
  width:34%;
  background:rgba(11,15,25,.02);
  font-weight:900;
  color:rgba(11,15,25,.85);
}
.cc-pp-root .table tr:last-child th,
.cc-pp-root .table tr:last-child td{ border-bottom:none; }

@media (max-width:720px){
  .cc-pp-root .table th{ width:42%; }
  .cc-pp-root .table th,
  .cc-pp-root .table td{ font-size:16px; padding:12px; }
}

/* ========== 8) TOC pills ========== */
.cc-pp-root .toc-inline{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:6px 0 12px;
}
.cc-pp-root .toc-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  text-decoration:none;
  color:rgba(10,63,54,.95);
  background:rgba(78,194,174,.12);
  border:1px solid rgba(78,194,174,.28);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.cc-pp-root .toc-pill:hover{
  background:rgba(78,194,174,.20);
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(78,194,174,.25);
}

/* ========== 9) DETAILS / FAQ ========== */
.cc-pp-root details{
  border:1px solid rgba(11,15,25,.10);
  background:rgba(11,15,25,.02);
  border-radius:18px;
  padding:14px 16px;
}
.cc-pp-root details + details{ margin-top:12px; }
.cc-pp-root summary{
  cursor:pointer;
  font-family:"Outfit",system-ui;
  font-weight:900;
  letter-spacing:-0.01em;
  list-style:none;
}
.cc-pp-root summary::-webkit-details-marker{ display:none; }
.cc-pp-root details[open]{
  border-color:rgba(78,194,174,.26);
  background:rgba(78,194,174,.07);
}
.cc-pp-root details p{ margin-top:10px; }

/* Supprime les markers éventuels sur tes summaries spécifiques */
.cc-pp-root .pp-more__summary,
.cc-pp-root details > summary.feature{
  list-style:none;
}
.cc-pp-root .pp-more__summary::-webkit-details-marker,
.cc-pp-root details > summary.feature::-webkit-details-marker{
  display:none;
}

/* ========== 10) STICKY CTA (mobile) ========== */
.cc-pp-root .sticky-cta{
  position:fixed;
  left:0; right:0; bottom:0;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.92);
  border-top:1px solid rgba(11,15,25,.10);
  box-shadow:0 -10px 24px rgba(11,15,25,.10);
  display:none;
  z-index:999;
  backdrop-filter:blur(10px);
}
.cc-pp-root .sticky-cta .inner{
  max-width:var(--wrap);
  margin:0 auto;
  padding:0 16px;
  display:flex;
  align-items:center;
  gap:10px;
}
.cc-pp-root .sticky-cta .mini{
  flex:1 1 auto;
  min-width:0;
  font-size:14px;
  color:rgba(11,15,25,.70);
  line-height:1.2;
}
.cc-pp-root .sticky-cta .mini strong{
  display:block;
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cc-pp-root .sticky-cta .mini span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.cc-pp-root .sticky-cta .cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 14px;
  border-radius:999px;
  background:var(--cta);
  color:var(--ctaText);
  font-weight:900;
  text-decoration:none;
  border:none;
  white-space:nowrap;
}
@media (max-width:720px){
  .cc-pp-root .sticky-cta{ display:block; }
  .cc-pp-root .wrap{ padding-bottom:132px; }
}

/* ========== 11) SECTION “REFUS” (Banque vs Central Cash) ========== */
.cc-pp-root .refus-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
@media (max-width:980px){
  .cc-pp-root .refus-layout{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

.cc-pp-root .refus-card{
  border:1px solid rgba(11,15,25,.10);
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
  padding:18px;
}
.cc-pp-root .refus-card .top{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.08);
  background:rgba(11,15,25,.02);
  box-shadow:none;
}

.cc-pp-root .refus-card.refus-bank{ border-color:rgba(239,68,68,.25); }
.cc-pp-root .refus-card.refus-bank .top{
  background:rgba(239,68,68,.06);
  border-color:rgba(239,68,68,.18);
}
.cc-pp-root .refus-card.refus-bank .icon{
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.22);
  color:rgba(185,28,28,.95);
}

.cc-pp-root .refus-card.refus-cc{ border-color:rgba(78,194,174,.35); }
.cc-pp-root .refus-card.refus-cc .top{
  background:rgba(78,194,174,.10);
  border-color:rgba(78,194,174,.22);
}
.cc-pp-root .refus-card.refus-cc .icon{
  background:rgba(78,194,174,.16);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
}

/* Cas réels */
.cc-pp-root .credit-table-wrap{
  margin:16px 0 0;
  display:grid;
  gap:12px;
}
.cc-pp-root .case-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  align-items:stretch;
}
@media (max-width:980px){
  .cc-pp-root .case-row{ grid-template-columns:1fr; }
}
.cc-pp-root .case{
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  background:#fff;
  padding:14px;
  box-shadow:0 10px 22px rgba(11,15,25,.04);
  font-size:16px;
  line-height:1.55;
  color:rgba(11,15,25,.78);
  display:flex;
  flex-direction:column;
  gap:8px;
}
.cc-pp-root .case-bank{ border-left:4px solid rgba(239,68,68,.75); }
.cc-pp-root .case-cc{ border-left:4px solid rgba(78,194,174,.85); }

.cc-pp-root .pill-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 10px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:12px;
  letter-spacing:.02em;
  width:fit-content;
}
.cc-pp-root .pill-status.block{
  background:rgba(239,68,68,.12);
  border:1px solid rgba(239,68,68,.28);
  color:rgba(185,28,28,.95);
}
.cc-pp-root .pill-status.success{
  background:rgba(78,194,174,.14);
  border:1px solid rgba(78,194,174,.30);
  color:#0a3f36;
}
.cc-pp-root details .case-row + .case-row{ margin-top:12px; }

/* CTA refus */
.cc-pp-root .refus-cta{
  margin-top:14px;
  border-radius:18px;
  border:1px solid rgba(78,194,174,.28);
  background:rgba(78,194,174,.08);
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.cc-pp-root .refus-cta .txt{
  color:rgba(11,15,25,.78);
  font-size:16px;
  line-height:1.4;
}
.cc-pp-root .refus-cta .txt strong{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
}
.cc-pp-root .refus-cta .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:var(--cta);
  color:var(--ctaText);
  text-decoration:none;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:15px;
  border:1px solid rgba(11,15,25,.08);
  white-space:nowrap;
  box-shadow:0 14px 30px rgba(78,194,174,.26);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.cc-pp-root .refus-cta .btn:hover{
  background:var(--ctaHover);
  transform:translateY(-1px);
  box-shadow:0 18px 38px rgba(78,194,174,.32);
}
@media (max-width:720px){
  .cc-pp-root .refus-cta .btn{ width:100%; }
}

/* ========== 12) PROFILS SPÉCIFIQUES (cards “pro”) ========== */
.cc-pp-root #profils-specifiques .cc-procard{
  border:1px solid rgba(11,15,25,.10);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(11,15,25,.05);
  overflow:hidden;
}

/* Header plus visible */
.cc-pp-root #profils-specifiques .cc-prohead{
  padding:18px 18px 14px;
  background:linear-gradient(180deg, rgba(78,194,174,.14), rgba(78,194,174,.04));
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  margin:0 0 14px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.cc-pp-root #profils-specifiques .cc-proicon{
  width:40px;height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.12);
  border:1px solid rgba(78,194,174,.22);
  color:#0a3f36;
  font-weight:900;
  flex:0 0 auto;
}
.cc-pp-root #profils-specifiques .cc-protitle small{
  display:inline-block;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  opacity:.75;
}
.cc-pp-root #profils-specifiques .cc-protitle h3{
  margin:2px 0 0;
  font-size:24px;
  font-weight:900;
  font-family:"Outfit",system-ui;
  letter-spacing:-.02em;
}
.cc-pp-root #profils-specifiques .cc-prosub{
  margin:10px 0 0;
  font-size:14px;
  opacity:.78;
}

/* Bandeau colonnes */
.cc-pp-root #profils-specifiques .cc-procols-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:10px 0 12px;
}
.cc-pp-root #profils-specifiques .cc-procols-head__col{
  padding:10px 12px;
  border-radius:14px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  letter-spacing:.02em;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
}
.cc-pp-root #profils-specifiques .cc-procols-head__col.is-right{
  background:rgba(78,194,174,.10);
  border-color:rgba(78,194,174,.35);
}

.cc-pp-root #profils-specifiques .cc-progrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  align-items:start;
  padding:0 0 2px;
}
@media (max-width:980px){
  .cc-pp-root #profils-specifiques .cc-progrid{ grid-template-columns:1fr; }
  .cc-pp-root #profils-specifiques .cc-procols-head{ grid-template-columns:1fr; }
}

.cc-pp-root #profils-specifiques .cc-procol{
  display:grid;
  gap:12px;
  align-content:start;
}

/* Colonne droite “solution” */
.cc-pp-root #profils-specifiques .cc-procol:nth-child(2){
  background:rgba(78,194,174,.06);
  border:1px solid rgba(78,194,174,.22);
  border-radius:16px;
  padding:10px;
}

.cc-pp-root #profils-specifiques .cc-problock{
  border:1px solid rgba(11,15,25,.10);
  border-radius:16px;
  background:#fff;
  padding:14px;
}
.cc-pp-root #profils-specifiques .cc-prolabel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.cc-pp-root #profils-specifiques .cc-prolabel .t{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:14px;
  letter-spacing:.01em;
}
.cc-pp-root #profils-specifiques .cc-procol:first-child .cc-problock .t::before{ content:"A · "; opacity:.6; }
.cc-pp-root #profils-specifiques .cc-procol:nth-child(2) .cc-problock .t::before{ content:"B · "; opacity:.6; }

.cc-pp-root #profils-specifiques .cc-protag{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:12px;
  border:1px solid rgba(11,15,25,.14);
  background:rgba(11,15,25,.03);
  color:rgba(11,15,25,.70);
  white-space:nowrap;
}
.cc-pp-root #profils-specifiques .cc-protag--method{
  background:rgba(78,194,174,.14);
  border-color:rgba(78,194,174,.35);
}
.cc-pp-root #profils-specifiques .cc-protag--ok{
  background:rgba(78,194,174,.18);
  border-color:rgba(78,194,174,.40);
  color:#0a3f36;
}
.cc-pp-root #profils-specifiques .cc-protag--refus{
  background:rgba(231,76,60,.10);
  border-color:rgba(231,76,60,.30);
  color:rgba(185,28,28,.95);
}

.cc-pp-root #profils-specifiques .cc-problock p{
  margin:0 0 8px;
  color:rgba(11,15,25,.78);
}
.cc-pp-root #profils-specifiques .cc-problock p:last-child{ margin-bottom:0; }

.cc-pp-root #profils-specifiques .cc-prolist{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:6px;
  color:rgba(11,15,25,.76);
  font-size:15px;
  line-height:1.5;
}
.cc-pp-root #profils-specifiques .cc-proquote{
  border-left:3px solid rgba(78,194,174,.60);
  padding-left:12px;
  color:rgba(11,15,25,.76);
  font-size:15px;
  line-height:1.55;
}
.cc-pp-root #profils-specifiques .cc-proquote strong{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
}

/* ========== 13) FOOTER (scopé) ========== */
.cc-pp-root footer{
  margin-top:18px;
  text-align:center;
  font-size:16px;
  color:rgba(11,15,25,.62);
}
/* ===== FOND GLOBAL CENTRAL CASH ===== */

.cc-master{
  background:#12302e;   /* vert foncé Central Cash */
  padding-top:24px;     /* espace au-dessus du premier bloc */
  padding-bottom:40px;  /* espace sous le dernier bloc */
}

/* les sections internes restent blanches */
.cc-master .section{
  background:#ffffff;
  border-radius:18px;
  padding:28px;
  margin-bottom:22px;
}

/* wrap centré */
.cc-master .wrap{
  max-width:1400px;
  margin:0 auto;
  padding:0 20px;
}
/* =========================================================
   PREUVE SOCIALE / TRUST LOCAL (GLOBAL)
========================================================= */

.trust-local{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  line-height:1.25;
}

/* étoiles SVG */
.trust-local .stars{
  display:inline-flex;
  gap:4px;
  align-items:center;
  flex:0 0 auto;
}

.trust-local .stars svg{
  width:16px;
  height:16px;
  fill:#f5b301;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.15));
}

/* source avis */
.trust-local .trust-source{
  display:block;
  font-size:12px;
  opacity:.65;
  margin-top:2px;
}

/* version inline (sans carte) */
.trust-local--inline{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 !important;
  white-space:nowrap;
}


/* =========================================================
   ALIGNEMENT AVEC LES 3 COLONNES DU HERO
========================================================= */

.toc-row{
  display:grid;
  grid-template-columns: 1fr 360px 1fr; /* identique au hero */
  gap:18px;
  align-items:center;
  width:100%;
}

/* Sommaire occupe colonnes 1 + 2 */
.toc-row .toc-inline{
  grid-column: 1 / span 2;
}

.toc-row .trust-local--inline{
  grid-column: 3;
  justify-self:center;   /* centre dans la colonne */
  text-align:center;
}



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

@media (max-width:1100px){

  .toc-row{
    grid-template-columns: 1fr 1fr;
    gap:14px;
  }

  .toc-row .toc-inline{
    grid-column: 1 / -1;
  }

  .toc-row .trust-local--inline{
    grid-column: 2;
    justify-self:end;
  }
}


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

@media (max-width:820px){

  .toc-row{
    grid-template-columns:1fr;
    gap:10px;
  }

  .toc-row .toc-inline{
    grid-column:1;
  }

  .toc-row .trust-local--inline{
    grid-column:1;
    justify-self:center;
    text-align:center;
    white-space:normal;
  }

  .trust-local .stars svg{
    width:18px;
    height:18px;
  }
}
/* ===== DETAILS "Voir plus..." — réutilise le style .feature ===== */
.pp-more { margin-top:14px; }

.pp-more > summary.feature.pp-more__summary{
  cursor:pointer;
  list-style:none;                 /* retire le marker natif */
  padding:14px 16px;
  border-radius:16px;
  font-family:"Outfit",system-ui;
  font-weight:900;
}

/* retire le marker sur Safari/Chrome */
.pp-more > summary.feature.pp-more__summary::-webkit-details-marker{ display:none; }

/* petit chevron à droite (style propre, même logique que vos UI) */
.pp-more > summary.feature.pp-more__summary::after{
  content:"▾";
  float:right;
  opacity:.55;
  font-size:16px;
  transform:translateY(1px);
}
.pp-more[open] > summary.feature.pp-more__summary::after{ content:"▴"; }

/* état ouvert = léger accent (optionnel mais propre) */
.pp-more[open] > summary.feature.pp-more__summary{
  border-color: rgba(78,194,174,.35);
}

/* ===== FIX: le contenu déroulé ne doit pas "bleuir" les cartes ===== */
.pp-more__content{ margin-top:14px; background:transparent !important; }

/* Force les cartes à rester blanches même si un parent a un fond */
.pp-more__content .feature{
  background:#fff !important;
}

/* Sécurité: la grille déroulée ne doit pas ajouter de fond */
.pp-more__content .grid{ background:transparent !important; }

/* === DETAILS / SUMMARY : style uniforme "Voir plus..." === */
.cc-pp-root details.pp-more{
  margin-top:14px;
}

.cc-pp-root details.pp-more > summary.pp-more__summary{
  cursor:pointer;
  background:#fff;
  border:2px solid rgba(11,15,25,0.10);
  border-radius:16px;
  padding:14px 16px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  list-style:none;                 /* Firefox */
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* retire le marker natif (Chrome/Safari) */
.cc-pp-root details.pp-more > summary.pp-more__summary::-webkit-details-marker{
  display:none;
}

/* chevron custom */
.cc-pp-root details.pp-more > summary.pp-more__summary::after{
  content:"▾";
  font-size:14px;
  opacity:.65;
  transform:rotate(0deg);
  transition:transform .2s ease;
}

/* rotation quand ouvert */
.cc-pp-root details.pp-more[open] > summary.pp-more__summary::after{
  transform:rotate(180deg);
}

.cc-pp-root .pp-more__content{
  margin-top:14px;
}
/* HEADER MINIMAL — structure standard pages Central Cash */
.cc-master .top--transparent{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding-bottom: 10px;
  margin-bottom: 0;
}

/* Première section collée au header */
.cc-master .hero-card--flush{
  margin-top: 0 !important;
}

/* Sécurité si des marges globales existent */
.cc-master .hero-card{
  margin-top: 0;
}

/* Legal box spacing standard */
.cc-master .legal-box-wrap{
  margin-top: 14px;
}

/* Mobile */
@media (max-width:820px){
  .cc-master .top--transparent{ padding-bottom:8px; }
  .cc-master .legal-box-wrap{ margin-top:12px; }
}
.cc-master.cc-pp-root{
  position: relative;
  width: 100%;
  overflow-x: clip;
}

.need-dedicated{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(11,15,25,.10);
  background: rgba(11,15,25,.02);
  font-size:15px;
  color: rgba(11,15,25,.78);
}

.need-dedicated__label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  font-family:"Outfit",system-ui;
  font-weight:900;
  color: rgba(11,15,25,.92);
  margin-bottom:6px;
}

.need-dedicated__icon{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
}

.need-dedicated__items{
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
}

.need-dedicated__items a{
  color: rgba(10,63,54,.96);
  text-decoration: underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

.credit-table-wrap{
  margin-top:18px;
  margin-bottom:18px;
}
.refus-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

@media (max-width:980px){
  .refus-layout{
    grid-template-columns:1fr;
  }
}

.profile-layout{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

/* ===== HERO 3 COLONNES — PRÊT PERSONNEL ===== */
.cc-pp-root .hero-card{
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
  border-radius:22px;
  padding:18px;
  box-shadow:0 10px 30px rgba(11,15,25,.06);
}

.cc-pp-root .hero-grid{
  display:grid;
  grid-template-columns: 1fr 360px 1fr; /* gauche / fiche / visuel */
  gap:18px;
  align-items:stretch;
}

@media (max-width: 1100px){
  .cc-pp-root .hero-grid{
    grid-template-columns: 1fr 1fr;
  }
  .cc-pp-root .hero-col--right{
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px){
  .cc-pp-root .hero-grid{
    grid-template-columns: 1fr;
  }
}

.cc-pp-root .hero-col{
  min-width:0;
}

/* Cartes gauche */
.cc-pp-root .hero-cards{
  display:flex;
  flex-direction:column;
  gap:14px;
  height:100%;
}

.cc-pp-root .hero-mini{
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  padding:14px 14px;
}

.cc-pp-root .hero-mini__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:8px;
}

.cc-pp-root .hero-mini__ico{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(78,194,174,.12);
  border:1px solid rgba(78,194,174,.22);
  font-size:18px;
  flex:0 0 auto;
}

.cc-pp-root .hero-mini__title{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:16px;
  line-height:1.2;
  margin:0;
  color:rgba(11,15,25,.92);
}

.cc-pp-root .hero-mini p{
  margin:0;
  color:rgba(11,15,25,.78);
  font-size:15px;
  line-height:1.45;
}

.cc-pp-root .hero-mini__link{
  margin-top:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:13px;
  color:rgba(10,63,54,.96);
  text-decoration:none;
}

.cc-pp-root .hero-mini__link span{
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:3px;
}

/* Fiche signalétique (colonne milieu) */
.cc-pp-root .hero-sheet{
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  padding:14px;
  height:100%;
}

.cc-pp-root .hero-sheet__title{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:16px;
  margin:2px 0 12px;
  color:rgba(11,15,25,.92);
}

.cc-pp-root .hero-sheet__row{
  display:grid;
  grid-template-columns: 42px 1fr;
  gap:10px;
  padding:10px 0;
  border-top:1px solid rgba(11,15,25,.08);
}

.cc-pp-root .hero-sheet__row:first-of-type{
  border-top:0;
  padding-top:0;
}

.cc-pp-root .hero-sheet__ico{
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(11,15,25,.03);
  border:1px solid rgba(11,15,25,.08);
  font-size:16px;
}

.cc-pp-root .hero-sheet__k{
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  color:rgba(11,15,25,.45);
  margin:0 0 3px;
  font-family:"Outfit",system-ui;
}

.cc-pp-root .hero-sheet__v{
  margin:0;
  font-size:14px;
  color:rgba(11,15,25,.82);
  line-height:1.35;
}

.cc-pp-root .hero-sheet__v b{
  color:rgba(11,15,25,.92);
}

/* Visuel + CTA (colonne droite) */
.cc-pp-root .hero-visual{
  background:linear-gradient(135deg, rgba(78,194,174,.16), rgba(78,194,174,.08));
  border:1px solid rgba(78,194,174,.22);
  border-radius:18px;
  padding:14px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.cc-pp-root .hero-image{
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
}

.cc-pp-root .hero-image img{
  display:block;
  width:100%;
  height:auto;
}

.cc-pp-root .hero-cta-wrap{
  margin-top:14px;
}

.cc-pp-root .hero-cta-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:14px 16px;
  border-radius:999px;
  background:#4ec2ae;
  color:#fff;
  text-decoration:none;
  font-family:"Outfit",system-ui;
  font-weight:500;
  box-shadow:0 14px 28px rgba(78,194,174,.25);
  border:1px solid rgba(0,0,0,.06);
}

.cc-pp-root .hero-cta-btn:hover{
  filter:brightness(.98);
}

.cc-pp-root .cta-time{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.24);
  font-size:12px;
}

.cc-pp-root .hero-cta-sub{
  margin-top:10px;
  text-align:center;
  font-size:12px;
  color:rgba(11,15,25,.72);
  font-weight:700;
}
/* === PATCH BUGS HERO PRÊT PERSONNEL === */

/* 1) Empêcher les styles globaux de H2 (surlignage, padding, etc.) dans les mini-cartes */
.cc-pp-root .hero-mini__title{
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: block !important;
  margin: 0 !important;
}




/* Uniformiser les titres des cartes gauche avec "Fiche signalétique" */
.cc-pp-root .hero-mini__title{
  font-size:16px !important;   /* même taille que fiche */
  line-height:1.25;
  font-weight:900;
}

/* COLONNE DROITE — garder l’image au bon endroit (comme l’exemple) */
.cc-pp-root .hero-visual{
  justify-content:flex-start; /* stop "space-between" qui peut créer un gros vide */
  gap:14px;
}

/* Cadre image : en haut, pleine largeur du cadre, sans étirer en hauteur */
.cc-pp-root .hero-image{
  display:block;            /* pas de flex-centering */
  width:100%;
  overflow:hidden;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
}

/* Image : même placement que l’exemple (responsive, non déformée) */
.cc-pp-root .hero-image img{
  display:block;
  width:100%;               /* remplit le cadre en largeur (comme ton exemple) */
  height:auto;              /* pas d’étirement vertical */
  max-width:100%;
}

.cc-pp-root .hero-image{ max-width:520px; margin:0 auto; }

/* FIX FINAL — image à la bonne taille, pas d’étirement, pas de vide */
.cc-pp-root .hero-visual{
  justify-content:flex-start !important;
  gap:14px !important;
}

.cc-pp-root .hero-image{
  flex:0 0 auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  height:auto !important;
  max-width:520px;          /* garde ton choix */
  margin:0 auto;
}

.cc-pp-root .hero-image img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important; /* sécurité anti-déformation */
  display:block !important;
}
/* REMOVE green box/right panel background */
.cc-pp-root .hero-col.is-right{
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* si tu avais un wrapper/gradient quelque part sur l’image */
.cc-pp-root .hero-col.is-right .hero-image{
  background: #fff !important; /* neutre */
}

.cc-pp-root .hero-grid { align-items: stretch; }
.cc-pp-root .hero-col { height: 100%; }
.cc-pp-root .hero-sheet,
.cc-pp-root .hero-visual { height: 100%; }

.cc-pp-root .hero-visual { display:flex; flex-direction:column; }
.cc-pp-root .hero-trust { margin-top:auto; }


.cc-pp-root .hero-note{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.45;
  color:rgba(11,15,25,.70);
}

/* ===== COL 3 (style “hypo”) — prêt personnel ===== */
.cc-pp-root .pp-right{
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
  border-radius:18px;
  padding:14px;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:14px;
  box-shadow:0 10px 26px rgba(11,15,25,.05);
}

.cc-pp-root .pp-right__media{
  margin:0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(11,15,25,.10);
  background:#fff;
}

.cc-pp-root .pp-right__media img{
  display:block;
  width:100%;
  height:auto;
}

.cc-pp-root .pp-right__cta{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cc-pp-root .pp-right__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:14px 16px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  text-decoration:none;
  border:1px solid rgba(11,15,25,.12);
}

.cc-pp-root .pp-right__btn--primary{
  background:#4ec2ae;
  color:#fff;
  border-color:rgba(0,0,0,.06);
  box-shadow:0 14px 28px rgba(78,194,174,.25);
}

.cc-pp-root .pp-right__btn--primary:hover{ filter:brightness(.98); }

.cc-pp-root .pp-right__pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.24);
  font-size:12px;
  font-weight:900;
}

.cc-pp-root .pp-right__sub{
  text-align:center;
  font-size:12px;
  color:rgba(11,15,25,.72);
  font-weight:800;
}

.cc-pp-root .pp-right__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

@media (max-width:1100px){
  .cc-pp-root .pp-right__actions{ grid-template-columns:1fr; }
}

.cc-pp-root .pp-right__btn--ghost{
  background:#fff;
  color:rgba(10,63,54,.96);
  border:1px solid rgba(78,194,174,.28);
}

.cc-pp-root .pp-right__btn--ghost:hover{
  background:rgba(78,194,174,.08);
}

.cc-pp-root .pp-right__box{
  background:rgba(11,15,25,.02);
  border:1px solid rgba(11,15,25,.10);
  border-radius:16px;
  padding:12px 12px;
}

.cc-pp-root .pp-right__boxTitle{
  font-family:"Outfit",system-ui;
  font-weight:900;
  color:rgba(11,15,25,.92);
  margin:0 0 8px;
  font-size:14px;
}

.cc-pp-root .pp-right__list{
  margin:0;
  padding-left:18px;
  color:rgba(11,15,25,.78);
  font-size:14px;
  line-height:1.5;
}

.cc-pp-root .pp-right__list li{ margin:6px 0; }

.cc-pp-root .pp-right__fine{
  margin-top:10px;
  font-size:12px;
  color:rgba(11,15,25,.62);
  font-weight:700;
}


/* ===== COLONNE 3 SANS FOND VERT (comme ton résultat souhaité) ===== */
.cc-pp-root .hero-visual{
  background:#fff !important;
  border:1px solid rgba(11,15,25,.10) !important;
  box-shadow:none !important;
}

.cc-pp-root .hero-cta-sub{
  background:transparent !important;
}

/* ===== COL 3 : PAS DE CADRE / PAS DE Liseret / + compact ===== */
.cc-pp-root .hero-visual{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;               /* supprime la perte de place */
}

/* Image : garder un joli arrondi mais sans “carte” autour */
.cc-pp-root .hero-image{
  border-radius:16px;
  border:1px solid rgba(11,15,25,.10);
  overflow:hidden;
  max-width:none !important;
  margin:0 !important;
}

/* ===== HERO : Espacements + compacts ===== */
.cc-pp-root .hero-card{ padding:14px !important; }          /* 18 → 14 */
.cc-pp-root .hero-grid{ gap:12px !important; }              /* 18 → 12 */
.cc-pp-root .hero-cards{ gap:10px !important; }             /* 14 → 10 */
.cc-pp-root .hero-mini{ padding:12px !important; }          /* 14 → 12 */

.cc-pp-root .hero-mini__head{ margin-bottom:6px !important; }
.cc-pp-root .hero-mini p{ font-size:14px !important; line-height:1.4 !important; }

.cc-pp-root .hero-sheet{ padding:12px !important; }         /* 14 → 12 */
.cc-pp-root .hero-sheet__row{ padding:8px 0 !important; }   /* 10 → 8 */

.cc-pp-root .hero-cta-wrap{ margin-top:10px !important; }
.cc-pp-root .hero-cta-btn{ padding:12px 14px !important; }  /* 14 → 12 */
.cc-pp-root .hero-cta-sub{ margin-top:8px !important; }     /* 10 → 8 */

/* Colonne 2 en flex pour pousser la note en bas */
.cc-pp-root .hero-sheet{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Note en bas */
.cc-pp-root .hero-sheet-note{
  margin-top:auto;
  font-size:12px;
  line-height:1.4;
  color:rgba(11,15,25,.65);
  padding-top:10px;
}

.hero-reassurance{
  margin-top:14px;
  padding:14px;
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(11,15,25,.08);
  font-size:14px;
}

.hero-reassurance-title{
  font-family:"Outfit";
  font-weight:700;
  margin-bottom:8px;
}

.hero-sheet__note{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(11,15,25,.10); /* liseret séparateur */
  font-size:12px;
  line-height:1.45;
  color:rgba(11,15,25,.65);
  text-align:left; /* centrage du texte */
}

/* Alignement parfait icône + titre */
.hero-mini__head{
  display:flex;
  align-items:center;      /* centrage vertical réel */
  gap:10px;
  margin-bottom:8px;
}

/* Icône */
.hero-mini__ico{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;           /* empêche l’écrasement */
}

/* Titre */
.hero-mini__title{
  margin:0;
  line-height:1.1;         /* évite le décalage visuel */
  display:block;
}

/* === FIX DÉFINITIF : centrage vertical icône + titre (gagne contre tes règles existantes) === */
.cc-pp-root .hero-mini__head{
  display:flex !important;
  align-items:center !important;  /* gagne contre align-items:flex-start */
  gap:10px !important;
}

/* icône : carré fixe */
.cc-pp-root .hero-mini__ico{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

/* titre : même “hauteur de ligne” que l’icône => centrage parfait */
.cc-pp-root .hero-mini__title{
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border-radius:0 !important;

  display:flex !important;
  align-items:center !important;
  min-height:36px !important;     /* clé : force l’alignement sur 36px */
  line-height:1.15 !important;
}

/* IMPORTANT : retire ce tweak qui recasse l’alignement */
.cc-pp-root .hero-mini__title{ top:auto !important; position:static !important; }

/* ===== MOBILE: ordre des colonnes = 3 -> 2 -> 1 ===== */
@media (max-width: 820px){
  .cc-pp-root .hero-grid{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "right"
      "mid"
      "left";
  }
  .cc-pp-root .hero-col--right{ grid-area:right; }
  .cc-pp-root .hero-col--mid{   grid-area:mid; }
  .cc-pp-root .hero-col--left{  grid-area:left; }
}
/* ===== CTA libellé plus court sur mobile ===== */
.cc-pp-root .cta-label--short{ display:none; }

@media (max-width: 820px){
  .cc-pp-root .cta-label--full{ display:none; }
  .cc-pp-root .cta-label--short{ display:inline; }
}

.cc-pp-root details.pp-more{ margin-top:14px; }
.cc-pp-root .pp-more__summary{ cursor:pointer; list-style:none; }
.cc-pp-root .pp-more__summary::-webkit-details-marker{ display:none; }
.cc-pp-root .pp-more__content{ margin-top:14px; }

/* ===== Refus: layout + cartes ===== */
.refus-layout{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  align-items:stretch;
}
.refus-layout .feature{
  height:100%;
}

/* ===== Refus: header des cartes ===== */
.feature-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}

.feature-ico{
  flex:0 0 auto;
  line-height:1;
}

.feature-head-txt{
  display:flex;
  flex-wrap:wrap;
  gap:8px;                /* crée l’espace manquant visuellement */
  align-items:baseline;
  min-width:0;
}

.feature-head-title{
  margin:0;               /* sécurité */
}

.feature-head-sub{
  margin:0;               /* sécurité */
  white-space:nowrap;     /* garde “Analyse … • …” sur une ligne si possible */
}

/* Mobile */
@media (max-width: 820px){
  .refus-layout{ grid-template-columns:1fr; }
  .feature-head-sub{ white-space:normal; }
}
/* =========================================================
   OVERRIDE — SECTION "SOLUTION REFUS" (spécifique à la page)
   Colle EN FIN de CSS global pour gagner les conflits
========================================================= */

.cc-pp-root #solution-refus .refus-layout{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
  align-items:stretch;
}

/* Carte (force l'habillage malgré les .feature globaux) */
.cc-pp-root #solution-refus .refus-layout > .feature{
  margin:0;
  padding:16px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
  box-shadow:none;
}

/* Variantes */
.cc-pp-root #solution-refus .refus-layout > .feature.is-refus{
  background:rgba(231,76,60,.07);
  border-color:rgba(231,76,60,.22);
}
.cc-pp-root #solution-refus .refus-layout > .feature.is-ok{
  background:rgba(78,194,174,.10);
  border-color:rgba(78,194,174,.28);
}

/* Bandeau de titre (mise en évidence) */
.cc-pp-root #solution-refus .feature-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  margin:0 0 12px 0;
  background:rgba(11,15,25,.05);
  border:1px solid rgba(11,15,25,.08);
}

.cc-pp-root #solution-refus .feature.is-refus .feature-head{
  background:rgba(231,76,60,.10);
  border-color:rgba(231,76,60,.18);
}
.cc-pp-root #solution-refus .feature.is-ok .feature-head{
  background:rgba(78,194,174,.14);
  border-color:rgba(78,194,174,.22);
}

/* Icône */
.cc-pp-root #solution-refus .feature-ico{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#fff;
  border:1px solid rgba(11,15,25,.10);
}

/* Titre + sous-titre */
.cc-pp-root #solution-refus .feature-head-txt{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:baseline;
  min-width:0;
}

.cc-pp-root #solution-refus .feature-head-title{
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:16px;
  line-height:1.15;
}

.cc-pp-root #solution-refus .feature-head-sub{
  font-size:13px;
  font-weight:700;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(11,15,25,.10);
  color:rgba(11,15,25,.78); /* neutralise l'effet .muted */
  opacity:1;               /* neutralise l'opacité éventuelle */
}

/* Liste (corrige les puces “décalées” si un style global les casse) */
.cc-pp-root #solution-refus .refus-layout > .feature ul{
  margin:0;
  padding-left:18px;
  list-style-position:outside;
}
.cc-pp-root #solution-refus .refus-layout > .feature li{
  margin:6px 0;
}

/* Mobile */
@media (max-width: 820px){
  .cc-pp-root #solution-refus .refus-layout{
    grid-template-columns:1fr;
  }
}
/* Pill "Comparatif de cas réels" */
.cc-pp-root #solution-refus .refus-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:14px 0 10px;
  padding:8px 14px;
  border-radius:999px;
  font-family:"Outfit",system-ui;
  font-weight:900;
  font-size:14px;
  line-height:1;
  background:rgba(255, 214, 0, .35); /* effet surlignage/pill */
  border:1px solid rgba(255, 214, 0, .55);
  color:rgba(11,15,25,.92);
}

/* option : petit "badge" à gauche */
.cc-pp-root #solution-refus .refus-kicker::before{
  content:"📊";
  display:inline-block;
  transform:translateY(-.5px);
}
.cc-pp-root #solution-refus .refus-kicker{
  display:table;          /* permet centrage propre */
  margin:18px auto 14px;  /* centre horizontalement */
  padding:8px 16px;

  font-family:"Outfit",system-ui;
  font-weight:800;
  font-size:14px;
  line-height:1;

  background:#f4faf9;
  border:1px solid #4ec2ae;
  color:#12302e;
  border-radius:999px;
  text-align:center;
}

.cc-pp-root #solution-refus .refus-kicker::before{
  content:"📊";
  margin-right:8px;
}