.elementor-3189 .elementor-element.elementor-element-62aa81b7{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-3189 .elementor-element.elementor-element-405a93a6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-96c5f32 *//* ============================================================
   BAKOE — Page PPSPS
   À coller dans : Elementor > Page Settings > Custom CSS
   OU Apparence > Personnaliser > CSS additionnel
   ============================================================ */

/* ── Variables (préfixées --bkp- pour éviter tout conflit) ── */
.bk {
  --bkp-blue:      #1E9AF5;
  --bkp-blue-h:    #0d87e0;
  --bkp-blue-pale: #e8f4fe;
  --bkp-navy:      #1a2e49;
  --bkp-navy2:     #243d60;
  --bkp-text:      #2d3e50;
  --bkp-muted:     #6b7c93;
  --bkp-bg:        #eef2f6;
  --bkp-bg2:       #f5f8fb;
  --bkp-white:     #ffffff;
  --bkp-border:    #dce4ef;
  --bkp-green:     #22c55e;
  --bkp-r:         10px;
  --bkp-r-lg:      18px;
  --bkp-r-xl:      26px;
  --bkp-sh:        0 2px 14px rgba(26,46,73,.08);
  --bkp-sh-md:     0 4px 28px rgba(26,46,73,.12);
  font-family: 'Gilroy', sans-serif;
  color: var(--bkp-text);
  line-height: 1.80;
  font-size: 1rem;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 40px 80px;
}

/* ── Reset scoped ────────────────────────────────────────── */
.bk *,
.bk *::before,
.bk *::after { box-sizing: border-box; }
.bk p   { margin: 0 0 1em; }
.bk ul  { padding-left: 1.4em; margin: .5em 0 1em; }
.bk li  { margin-bottom: .3em; }
.bk img { max-width: 100%; height: auto; display: block; }
.bk a   { color: var(--bkp-blue); text-decoration: none; }
.bk a:hover { text-decoration: underline; }
.bk strong { font-weight: 700; }

/* ── Typographie ─────────────────────────────────────────── */
.bk h1 { font-size: clamp(1.7rem,3.5vw,2.4rem); font-weight: 800; color: var(--bkp-navy); line-height: 1.18; margin: 0 0 .5em; }
.bk h1 span { color: var(--bkp-blue); }
.bk h2 { font-size: clamp(1.2rem,2.5vw,1.65rem); font-weight: 800; color: var(--bkp-navy); margin: 2.2em 0 .6em; scroll-margin-top: 80px; }
.bk h3 { font-size: 1.05rem; font-weight: 700; color: var(--bkp-navy); margin: 1.4em 0 .4em; scroll-margin-top: 80px; }

/* ── Breadcrumb ──────────────────────────────────────────── */
.bk-bread { font-size: .78rem; color: var(--bkp-muted); margin-bottom: 1.4em; }
.bk-bread a { color: var(--bkp-muted); }
.bk-bread a:hover { color: var(--bkp-blue); text-decoration: none; }

/* ── Pill ────────────────────────────────────────────────── */
.bk-pill { display: inline-block; background: var(--bkp-blue-pale); color: var(--bkp-blue); font-size: .72rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; padding: 4px 14px; border-radius: 20px; margin-bottom: .6em; }

/* ── Bouton ──────────────────────────────────────────────── */
.bk-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--bkp-blue); color: #fff !important; font-weight: 700; font-size: .9rem; padding: 13px 26px; border-radius: 10px; text-decoration: none !important; transition: background .18s, box-shadow .18s; cursor: pointer; white-space: nowrap; line-height: 1; border: none; font-family: 'Gilroy', sans-serif; }
.bk-btn:hover { background: var(--bkp-blue-h); box-shadow: 0 4px 18px rgba(30,154,245,.28); text-decoration: none !important; }
.bk-btn.large { font-size: 1rem; padding: 15px 32px; border-radius: 12px; }
.bk-btn.outline { background: transparent; border: 2px solid var(--bkp-blue); color: var(--bkp-blue) !important; }
.bk-btn.outline:hover { background: var(--bkp-blue); color: #fff !important; }
.bk-btn.ghost-white { background: transparent; border: 1.5px solid rgba(255,255,255,.35); color: #fff !important; }
.bk-btn.ghost-white:hover { background: rgba(255,255,255,.12); }

/* ── Hero ────────────────────────────────────────────────── */
.bk-hero { display: grid; grid-template-columns: 1fr 420px; gap: 40px; align-items: center; padding: 32px 0 36px; }
.bk-hero-checks { list-style: none; padding: 0; margin: 0 0 1.6em; }
.bk-hero-checks li { display: flex; align-items: center; gap: 10px; font-size: .92rem; margin-bottom: .55em; color: var(--bkp-text); }
.bk-hero-checks li::before { content: ''; flex-shrink: 0; width: 20px; height: 20px; background: #22c55e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; border-radius: 50%; }
.bk-hero-visual { position: relative; }
.bk-hero-visual img { width: 100%; border-radius: var(--bkp-r-xl); object-fit: cover; height: 260px; }
.bk-hero-rating { position: absolute; bottom: 16px; left: 16px; background: #fff; border-radius: 14px; padding: 10px 16px; box-shadow: var(--bkp-sh-md); display: flex; align-items: center; gap: 10px; }
.bk-hero-rating .star-box { width: 36px; height: 36px; background: var(--bkp-blue-pale); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1rem; }
.bk-hero-rating .val { font-size: .95rem; font-weight: 800; color: var(--bkp-navy); line-height: 1.1; }
.bk-hero-rating .val span { display: block; font-size: .7rem; font-weight: 500; color: var(--bkp-muted); }

/* ── Stats bar ───────────────────────────────────────────── */
.bk-stats { display: grid; grid-template-columns: repeat(4,1fr); background: var(--bkp-white); border: 1px solid var(--bkp-border); border-radius: var(--bkp-r-lg); overflow: hidden; margin: 0 0 2.5em; box-shadow: var(--bkp-sh); }
.bk-stat { padding: 18px 16px; text-align: center; border-right: 1px solid var(--bkp-border); }
.bk-stat:last-child { border-right: none; }
.bk-stat strong { display: block; font-size: 1rem; font-weight: 800; color: var(--bkp-navy); margin-bottom: .2em; }
.bk-stat span { font-size: .75rem; color: var(--bkp-muted); }

/* ── Layout article + sidebar ────────────────────────────── */
.bk-layout { display: grid; grid-template-columns: 1fr 240px; gap: 52px; align-items: start; }
.bk-article { min-width: 0; max-width: 640px; }
.bk-article p { font-size: .97rem; }
.bk-article ul { font-size: .97rem; }
.bk-article h2 { margin-top: 2.6em; }
.bk-article h3 { margin-top: 1.8em; }

/* ── Sidebar TOC ─────────────────────────────────────────── */
.bk-toc { position: sticky; top: 24px; background: var(--bkp-white); border: 1px solid var(--bkp-border); border-radius: var(--bkp-r-lg); padding: 20px; box-shadow: var(--bkp-sh); }
.bk-toc-title { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--bkp-blue); margin: 0 0 .9em; display: flex; align-items: center; gap: 6px; }
.bk-toc-list { list-style: none; padding: 0; margin: 0 0 1.2em; }
.bk-toc-list li { margin-bottom: 0; }
.bk-toc-list a { display: block; font-size: .8rem; font-weight: 600; color: var(--bkp-navy); padding: 5px 8px; border-radius: 6px; transition: background .15s, color .15s; line-height: 1.35; }
.bk-toc-list a:hover { background: var(--bkp-blue-pale); color: var(--bkp-blue); text-decoration: none; }
.bk-toc-list a.sub { padding-left: 18px; font-weight: 500; color: var(--bkp-muted); font-size: .76rem; }
.bk-toc-list a.sub:hover { color: var(--bkp-blue); }
.bk-toc-list a.active { background: var(--bkp-blue-pale); color: var(--bkp-blue); }
.bk-toc-sep { border: none; border-top: 1px solid var(--bkp-border); margin: .8em 0; }
.bk-toc-cta { background: var(--bkp-blue); color: #fff !important; font-weight: 700; font-size: .8rem; padding: 10px 14px; border-radius: 8px; display: block; text-align: center; text-decoration: none !important; transition: background .18s; }
.bk-toc-cta:hover { background: var(--bkp-blue-h); }
.bk-toc-price { text-align: center; font-size: .7rem; color: var(--bkp-muted); margin-top: .5em; }

/* ── Encart essentiel ────────────────────────────────────── */
.bk-essential { background: var(--bkp-white); border: 1px solid var(--bkp-border); border-left: 4px solid var(--bkp-blue); border-radius: 0 var(--bkp-r) var(--bkp-r) 0; padding: 18px 22px; margin: 0 0 1.8em; box-shadow: var(--bkp-sh); }
.bk-essential .lbl { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--bkp-blue); margin-bottom: .7em; }
.bk-essential ul { margin: 0; padding-left: 1.2em; }
.bk-essential li { font-size: .88rem; margin-bottom: .35em; }

/* ── Alertes ─────────────────────────────────────────────── */
.bk-alert { border-radius: var(--bkp-r); padding: 15px 20px; margin: 1.4em 0; font-size: .87rem; }
.bk-alert.warn { background: #fff8f0; border: 1px solid #fde68a; border-left: 4px solid #f59e0b; }
.bk-alert.info { background: var(--bkp-blue-pale); border: 1px solid #bee3fd; border-left: 4px solid var(--bkp-blue); }
.bk-alert-t { font-weight: 700; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; margin-bottom: .4em; }
.bk-alert.warn .bk-alert-t { color: #b45309; }
.bk-alert.info .bk-alert-t { color: var(--bkp-blue); }

/* ── Figures ─────────────────────────────────────────────── */
.bk-fig { margin: 1.5em 0; text-align: center; }
.bk-fig img { margin: 0 auto; border-radius: var(--bkp-r-lg); }
.bk-fig figcaption { font-size: .74rem; color: var(--bkp-muted); margin-top: .4em; font-style: italic; }

/* ── Tableau ─────────────────────────────────────────────── */
.bk-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .87rem; border-radius: var(--bkp-r); overflow: hidden; box-shadow: var(--bkp-sh); margin: 1em 0; }
.bk-table th { background: var(--bkp-navy); color: #fff; padding: 10px 16px; text-align: left; font-weight: 700; font-size: .8rem; }
.bk-table td { padding: 10px 16px; border-bottom: 1px solid var(--bkp-border); background: var(--bkp-white); }
.bk-table tr:nth-child(even) td { background: var(--bkp-bg2); }
.bk-table tr:last-child td { border-bottom: none; }

/* ── Strip CTA ───────────────────────────────────────────── */
.bk-strip { background: var(--bkp-navy); border-radius: var(--bkp-r-lg); padding: 26px 32px; margin: 2.4em 0; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.bk-strip-t { flex: 1; min-width: 200px; }
.bk-strip-t strong { display: block; color: #fff; font-size: .95rem; margin-bottom: .2em; }
.bk-strip-t span { font-size: .83rem; color: rgba(255,255,255,.62); }
.bk-strip-a { display: flex; flex-direction: column; align-items: center; gap: 4px; flex-shrink: 0; }
.bk-strip-a small { font-size: .68rem; color: rgba(255,255,255,.45); }

/* ── Bon à savoir ────────────────────────────────────────── */
.bk-bon-a-savoir { background: var(--bkp-bg); border-radius: var(--bkp-r-xl); padding: 56px 48px; margin: 3em 0; text-align: center; }
.bk-bon-a-savoir h2 { margin-top: 0; }
.bk-bon-a-savoir .sub { color: var(--bkp-muted); font-size: .92rem; max-width: 460px; margin: 0 auto 2.4em; }
.bk-cards3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.bk-card3 { background: var(--bkp-white); border-radius: var(--bkp-r-lg); padding: 32px 26px; text-align: left; box-shadow: var(--bkp-sh); }
.bk-card3-icon { width: 48px; height: 48px; background: var(--bkp-blue-pale); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; margin-bottom: 1em; }
.bk-card3 h3 { font-size: .95rem; font-weight: 700; color: var(--bkp-navy); margin: 0 0 .5em; }
.bk-card3 p { font-size: .83rem; color: var(--bkp-muted); margin: 0; }

/* ── Section + comparatif ────────────────────────────────── */
.bk-section { padding: 56px 0; margin: 1em 0; }
.bk-section-head { text-align: center; margin-bottom: 2em; }
.bk-section-head h2 { margin-top: 0; margin-bottom: .4em; }
.bk-section-head p { color: var(--bkp-muted); font-size: .92rem; max-width: 540px; margin: 0 auto; }
.bk-comp2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.bk-comp-card { background: var(--bkp-white); border: 1px solid var(--bkp-border); border-radius: var(--bkp-r-xl); padding: 34px 30px; box-shadow: var(--bkp-sh); position: relative; }
.bk-comp-card.best { border: 2px solid var(--bkp-blue); background: #fafdff; }
.bk-comp-card.best::before { content: '✓ Recommandé'; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); background: var(--bkp-blue); color: #fff; font-size: .68rem; font-weight: 700; padding: 3px 14px; border-radius: 20px; white-space: nowrap; }
.bk-comp-icon { width: 44px; height: 44px; background: var(--bkp-bg); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-bottom: .8em; }
.bk-comp-card.best .bk-comp-icon { background: var(--bkp-blue-pale); }
.bk-comp-card h3 { font-size: 1rem; font-weight: 700; color: var(--bkp-navy); margin: 0 0 1em; }
.bk-comp-card hr { border: none; border-top: 1px solid var(--bkp-border); margin: 0 0 1em; }
.bk-comp-card ul { list-style: none; padding: 0; margin: 0 0 1em; }
.bk-comp-card li { font-size: .84rem; padding: 6px 0; border-bottom: 1px solid var(--bkp-border); display: flex; align-items: flex-start; gap: 10px; color: var(--bkp-text); }
.bk-comp-card li:last-child { border: none; }
.bk-comp-card.regular li::before { content: '—'; color: var(--bkp-muted); flex-shrink: 0; }
.bk-comp-card.best li::before { content: '✓'; color: var(--bkp-green); font-weight: 700; flex-shrink: 0; }
.bk-comp-foot { text-align: center; font-size: .8rem; font-weight: 600; color: var(--bkp-muted); }
.bk-comp-foot.accent { color: var(--bkp-blue); font-size: .9rem; }

/* ── Comment ça fonctionne ───────────────────────────────── */
.bk-how { display: grid; grid-template-columns: 360px 1fr; gap: 48px; align-items: center; padding: 44px 0; margin: 1em 0; }
.bk-how-img img { width: 100%; border-radius: var(--bkp-r-xl); object-fit: cover; height: 320px; }
.bk-how-content h2 { margin-top: 0; }
.bk-how-feature { display: flex; gap: 14px; margin-bottom: 1.4em; }
.bk-how-feature-icon { width: 40px; height: 40px; flex-shrink: 0; background: var(--bkp-blue-pale); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; margin-top: .1em; }
.bk-how-feature h3 { font-size: .9rem; font-weight: 700; color: var(--bkp-navy); margin: 0 0 .25em; }
.bk-how-feature p { font-size: .84rem; color: var(--bkp-muted); margin: 0; }

/* ── Équipe ──────────────────────────────────────────────── */
.bk-team-section { background: var(--bkp-bg); border-radius: var(--bkp-r-xl); padding: 56px 48px; margin: 1em 0; }
.bk-team-inner { display: grid; grid-template-columns: 260px 1fr; gap: 40px; align-items: center; }
.bk-team-visual img { width: 100%; border-radius: var(--bkp-r-xl); object-fit: cover; }
.bk-team-content h2 { margin-top: 0; }
.bk-team-content p { font-size: .9rem; color: var(--bkp-muted); margin-bottom: 1.4em; }
.bk-team-members { display: flex; gap: 18px; margin-bottom: 1.4em; }
.bk-member { text-align: center; }
.bk-member img { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; border: 3px solid var(--bkp-white); box-shadow: var(--bkp-sh); margin-bottom: .35em; }
.bk-member span { display: block; font-size: .75rem; font-weight: 700; color: var(--bkp-navy); }
.bk-member small { font-size: .68rem; color: var(--bkp-muted); }
.bk-team-quote { background: var(--bkp-white); border-radius: var(--bkp-r-lg); padding: 16px 18px; margin-bottom: 1.4em; border-left: 3px solid var(--bkp-blue); font-size: .88rem; font-style: italic; color: var(--bkp-text); }
.bk-team-quote cite { display: block; margin-top: .4em; font-style: normal; font-size: .76rem; font-weight: 700; color: var(--bkp-navy); }

/* ── 4 étapes ────────────────────────────────────────────── */
.bk-steps-section { padding: 56px 0; margin: 1em 0; text-align: center; }
.bk-steps4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 2em; text-align: left; }
.bk-step4 { background: var(--bkp-white); border-radius: var(--bkp-r-lg); padding: 28px 22px; box-shadow: var(--bkp-sh); border: 1px solid var(--bkp-border); }
.bk-step4-num { width: 36px; height: 36px; background: var(--bkp-blue); color: #fff; border-radius: 50%; font-size: .85rem; font-weight: 800; display: flex; align-items: center; justify-content: center; margin-bottom: .8em; }
.bk-step4 h3 { font-size: .85rem; font-weight: 700; color: var(--bkp-navy); margin: 0 0 .3em; }
.bk-step4 p { font-size: .78rem; color: var(--bkp-muted); margin: 0; }

/* ── Avis ────────────────────────────────────────────────── */
.bk-avis-section { background: var(--bkp-bg); border-radius: var(--bkp-r-xl); padding: 56px 48px; margin: 1em 0; }
.bk-reviews3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin: 1.8em 0; }
.bk-review { background: var(--bkp-white); border: 1px solid var(--bkp-border); border-radius: var(--bkp-r-lg); padding: 24px; box-shadow: var(--bkp-sh); }
.bk-review-hd { display: flex; gap: 10px; align-items: center; margin-bottom: .7em; }
.bk-avatar { width: 36px; height: 36px; background: var(--bkp-blue-pale); color: var(--bkp-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; flex-shrink: 0; }
.bk-review-name { font-size: .8rem; font-weight: 700; color: var(--bkp-navy); }
.bk-review-date { font-size: .7rem; color: var(--bkp-muted); }
.bk-stars { color: #f59e0b; font-size: .78rem; letter-spacing: .05em; margin-bottom: .35em; }
.bk-review p { font-size: .8rem; color: var(--bkp-text); font-style: italic; margin: 0; }
.bk-badges4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; background: var(--bkp-white); border: 1px solid var(--bkp-border); border-radius: var(--bkp-r-lg); overflow: hidden; margin-top: 1.4em; }
.bk-badge4 { padding: 16px 12px; text-align: center; border-right: 1px solid var(--bkp-border); }
.bk-badge4:last-child { border-right: none; }
.bk-badge4 strong { display: block; font-size: .82rem; font-weight: 800; color: var(--bkp-navy); margin-bottom: .15em; }
.bk-badge4 span { font-size: .72rem; color: var(--bkp-muted); }

/* ── FAQ ─────────────────────────────────────────────────── */
.bk-faq-section { padding: 56px 0; margin: 1em 0; }
.bk-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 1.8em; }
.bk-faq-item { background: var(--bkp-white); border: 1px solid var(--bkp-border); border-radius: var(--bkp-r-lg); overflow: hidden; box-shadow: var(--bkp-sh); }
.bk-faq-item summary { padding: 18px 22px; font-weight: 700; font-size: .9rem; cursor: pointer; color: var(--bkp-navy); list-style: none; display: flex; justify-content: space-between; align-items: center; user-select: none; }
.bk-faq-item summary::-webkit-details-marker { display: none; }
.bk-faq-item summary::after { content: '?'; width: 24px; height: 24px; border-radius: 50%; background: var(--bkp-blue-pale); color: var(--bkp-blue); font-size: .82rem; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 10px; }
.bk-faq-item[open] summary { background: var(--bkp-bg2); }
.bk-faq-body { padding: 4px 22px 18px; font-size: .87rem; color: var(--bkp-text); border-top: 1px solid var(--bkp-border); }

/* ── CTA final ───────────────────────────────────────────── */
.bk-cta-final { background: #1a2e49; border-radius: var(--bkp-r-xl); padding: 60px 48px; text-align: center; margin: 2.5em 0; }
.bk-cta-final h2 { color: #fff; font-size: 1.6rem; margin-top: 0; }
.bk-cta-final h2 span { color: #1E9AF5; }
.bk-cta-final p { color: rgba(255,255,255,.72); max-width: 500px; margin: 0 auto 1.8em; }
.bk-cta-final .trust { font-size: .72rem; color: rgba(255,255,255,.4); display: block; margin-top: .8em; }
.bk-cta-final .bk-actions { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }

/* ── Contact bas ─────────────────────────────────────────── */
.bk-contact-foot { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 16px 24px; background: var(--bkp-bg); border-radius: var(--bkp-r); font-size: .85rem; margin: 1.6em 0; }
.bk-contact-foot a { color: var(--bkp-navy); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.bk-contact-foot a:hover { color: var(--bkp-blue); text-decoration: none; }
.bk-contact-foot small { color: var(--bkp-muted); font-size: .75rem; }
.bk-sep { color: var(--bkp-border); }

/* ── CTA flottant ────────────────────────────────────────── */
.bk-float {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 9999;
  background: #243d60;
  border-top: 3px solid #1E9AF5;
  padding: 13px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  box-shadow: 0 -4px 28px rgba(0,0,0,.3);
  transform: translateY(100%);
  transition: transform .32s cubic-bezier(.4,0,.2,1);
  font-family: 'Gilroy', sans-serif;
}
.bk-float.on { transform: translateY(0); }
.bk-float-t { color: #fff; font-size: .88rem; font-weight: 600; font-family: 'Gilroy', sans-serif; }
.bk-float-t span { color: #1E9AF5; }
.bk-float-actions { display: flex; align-items: center; gap: 10px; }
.bk-float-x { background: none; border: none; cursor: pointer; color: rgba(255,255,255,.5); font-size: 1rem; padding: 4px 8px; transition: color .15s; font-family: 'Gilroy', sans-serif; line-height: 1; }
.bk-float-x:hover { color: #fff; }

/* ── Section formulaire ──────────────────────────────────── */
.bk-form-section {
  background: #eef2f6;
  border-radius: 26px;
  padding: 56px 48px;
  margin: 2.5em 0;
}
.bk-form-head {
  text-align: center;
  margin-bottom: 2em;
}
.bk-form-head h2 { margin-top: .4em; margin-bottom: .4em; }
.bk-form-head p  { color: #6b7c93; font-size: .92rem; }
.bk-form-wrap {
  background: #ffffff;
  border-radius: 18px;
  padding: 40px 44px;
  box-shadow: 0 2px 14px rgba(26,46,73,.08);
  max-width: 680px;
  margin: 0 auto;
}

/* ── Forminator — styles charte Bakoé ───────────────────── */

/* Labels */
.bk-form-wrap .forminator-label,
.bk-form-wrap .forminator-field label,
.bk-form-wrap label {
  font-family: 'Gilroy', sans-serif !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  color: #1a2e49 !important;
  margin-bottom: 5px !important;
  display: block;
}

/* Champs texte, email, tel, textarea, select */
.bk-form-wrap .forminator-input,
.bk-form-wrap .forminator-textarea,
.bk-form-wrap .forminator-select,
.bk-form-wrap input[type="text"],
.bk-form-wrap input[type="email"],
.bk-form-wrap input[type="tel"],
.bk-form-wrap input[type="number"],
.bk-form-wrap textarea,
.bk-form-wrap select {
  font-family: 'Gilroy', sans-serif !important;
  font-size: .9rem !important;
  color: #2d3e50 !important;
  background: #f5f8fb !important;
  border: 1.5px solid #dce4ef !important;
  border-radius: 10px !important;
  padding: 11px 16px !important;
  width: 100% !important;
  transition: border-color .18s, box-shadow .18s !important;
  outline: none !important;
  box-shadow: none !important;
}
.bk-form-wrap .forminator-input:focus,
.bk-form-wrap .forminator-textarea:focus,
.bk-form-wrap input[type="text"]:focus,
.bk-form-wrap input[type="email"]:focus,
.bk-form-wrap input[type="tel"]:focus,
.bk-form-wrap textarea:focus,
.bk-form-wrap select:focus {
  border-color: #1E9AF5 !important;
  box-shadow: 0 0 0 3px rgba(30,154,245,.12) !important;
  background: #ffffff !important;
}

/* Placeholder */
.bk-form-wrap input::placeholder,
.bk-form-wrap textarea::placeholder {
  color: #a0aec0 !important;
  font-weight: 400 !important;
}

/* Groupes de champs */
.bk-form-wrap .forminator-row,
.bk-form-wrap .forminator-field {
  margin-bottom: 1.1em !important;
}

/* Bouton submit */
.bk-form-wrap .forminator-btn,
.bk-form-wrap .forminator-btn-submit,
.bk-form-wrap button[type="submit"],
.bk-form-wrap input[type="submit"] {
  font-family: 'Gilroy', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  background: #1E9AF5 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 32px !important;
  cursor: pointer !important;
  transition: background .18s, box-shadow .18s !important;
  width: 100% !important;
  margin-top: .4em !important;
  letter-spacing: 0 !important;
}
.bk-form-wrap .forminator-btn:hover,
.bk-form-wrap .forminator-btn-submit:hover,
.bk-form-wrap button[type="submit"]:hover,
.bk-form-wrap input[type="submit"]:hover {
  background: #0d87e0 !important;
  box-shadow: 0 4px 18px rgba(30,154,245,.28) !important;
}

/* Messages de succès */
.bk-form-wrap .forminator-success-message,
.bk-form-wrap .forminator-response-output.forminator-success {
  background: #dcfce7 !important;
  border: 1px solid #86efac !important;
  border-radius: 10px !important;
  color: #166534 !important;
  padding: 14px 18px !important;
  font-weight: 600 !important;
  font-size: .9rem !important;
}

/* Messages d'erreur */
.bk-form-wrap .forminator-error-message,
.bk-form-wrap .forminator-field--error input,
.bk-form-wrap .forminator-field--error textarea {
  border-color: #f87171 !important;
}
.bk-form-wrap .forminator-error-message {
  color: #dc2626 !important;
  font-size: .78rem !important;
  margin-top: 4px !important;
}

/* Radio / checkbox custom */
.bk-form-wrap .forminator-checkbox input[type="checkbox"]:checked + label::before,
.bk-form-wrap .forminator-radio input[type="radio"]:checked + label::before {
  background: #1E9AF5 !important;
  border-color: #1E9AF5 !important;
}

/* Retrait du branding Forminator */
.bk-form-wrap .forminator-powered-by { display: none !important; }

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 860px) {
  .bk { padding: 0 24px 60px; }
  .bk-hero { grid-template-columns: 1fr; }
  .bk-hero-visual { display: none; }
  .bk-layout { grid-template-columns: 1fr; }
  .bk-toc { display: none; }
  .bk-how { grid-template-columns: 1fr; }
  .bk-how-img { display: none; }
  .bk-team-inner { grid-template-columns: 1fr; }
  .bk-team-visual { display: none; }
  .bk-comp2,
  .bk-cards3,
  .bk-steps4,
  .bk-reviews3,
  .bk-faq-grid { grid-template-columns: 1fr; }
  .bk-badges4 { grid-template-columns: 1fr 1fr; }
  .bk-badge4 { border-bottom: 1px solid #dce4ef; }
  .bk-stats { grid-template-columns: 1fr 1fr; }
  .bk-stat { border-bottom: 1px solid #dce4ef; }
  .bk-strip { flex-direction: column; text-align: center; }
  .bk-cta-final { padding: 36px 24px; }
  .bk-bon-a-savoir,
  .bk-team-section,
  .bk-avis-section { padding: 36px 24px; }
  .bk-form-section { padding: 36px 24px; }
  .bk-form-wrap    { padding: 28px 20px; }
}
@media (max-width: 480px) {
  .bk { padding: 0 16px 48px; }
  .bk-float { flex-direction: column; gap: 8px; padding: 12px 14px; }
  .bk-float-t { font-size: .8rem; text-align: center; }
  .bk-stats { grid-template-columns: 1fr 1fr; }
  .bk-steps4 { grid-template-columns: 1fr 1fr; }
}/* End custom CSS */