/* BRICOFACILE – pages villes & enseignements (SEO_Generator_DCDIGITAL v2) */
.bf-main{background:#fff;color:#222;font-size:17px;line-height:1.65}
.bf-wrap{max-width:1080px;margin:0 auto;padding:24px 20px 48px}
.bf-main h1,.bf-main h2,.bf-main h3{font-family:'Kanit',Helvetica,Arial,sans-serif;color:#111;line-height:1.15;padding-bottom:0}
.bf-main h1{font-size:clamp(28px,4.2vw,44px);font-weight:800;margin:8px 0 16px}
.bf-main h2{font-size:clamp(22px,3vw,30px);font-weight:700;margin:0 0 14px}
.bf-main h3{font-size:19px;font-weight:700;margin:0 0 8px}
.bf-main p{padding-bottom:1em}
.bf-main a{color:#0b5aa6;text-decoration:underline}
.bf-main a:hover{color:#063c70}

.bf-breadcrumb{font-size:14px;margin:0 0 12px}
.bf-breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.bf-breadcrumb li+li:before{content:"›";margin:0 6px;color:#888}
.bf-breadcrumb a{color:#555;text-decoration:none}
.bf-breadcrumb [aria-current]{color:#111;font-weight:600}

.bf-hero{background:#212121;color:#fff;padding:36px 32px;border-radius:14px;margin-bottom:36px;border-left:10px solid #f6e93b}
.bf-hero h1{color:#fff}
.bf-hero .bf-lead{font-size:19px;color:#eee;max-width:820px}
.bf-hero .bf-lead strong{color:#f6e93b}
.bf-kicker{text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700;color:#f6e93b;padding-bottom:.4em}

.bf-btn{display:inline-block;background:#f6e93b;color:#111 !important;font-weight:700;text-decoration:none !important;padding:13px 24px;border-radius:8px;border:2px solid #f6e93b;transition:.15s;margin:4px 8px 4px 0}
.bf-btn:hover{background:#ffd600;border-color:#ffd600}
.bf-btn-outline{background:transparent;color:#fff !important;border-color:#fff}
.bf-hero .bf-btn-outline:hover{background:#fff;color:#111 !important}
.bf-cta-actions{padding-bottom:0 !important}

.bf-section{margin:0 0 36px}
.bf-benefits,.bf-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px}
.bf-benefits li,.bf-check li{position:relative;padding-left:30px}
.bf-benefits li:before,.bf-check li:before{content:"✔";position:absolute;left:0;top:0;color:#111;background:#f6e93b;border-radius:50%;width:22px;height:22px;font-size:13px;display:flex;align-items:center;justify-content:center}
.bf-steps{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.bf-steps li{counter-increment:step;background:#f7f7f5;border-radius:12px;padding:20px 18px 18px 18px;position:relative}
.bf-steps li:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#212121;color:#f6e93b;font-weight:800;font-family:'Kanit',sans-serif;margin-bottom:10px}
.bf-steps li strong{display:block;margin-bottom:4px}
.bf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.bf-card{background:#f7f7f5;border-radius:12px;padding:18px 18px 12px;border-top:4px solid #f6e93b}
.bf-card ul{list-style:none;margin:0;padding:0}
.bf-card li{margin:0 0 6px;line-height:1.35;font-size:15.5px}
.bf-inline-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.bf-inline-links li a{display:inline-block;background:#f3f3f0;border:1px solid #e2e2dc;border-radius:999px;padding:6px 14px;font-size:15px;text-decoration:none;color:#222}
.bf-inline-links li a:hover{background:#f6e93b;border-color:#f6e93b;color:#111}
.bf-list-2col{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.bf-list-2col li{break-inside:avoid;padding:6px 0;border-bottom:1px solid #eee}
.bf-meta{color:#777;font-size:13px;white-space:nowrap}
.bf-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:8px 0 0}
.bf-facts div{background:#f7f7f5;border-radius:10px;padding:12px 14px}
.bf-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#666;font-weight:700}
.bf-facts dd{margin:2px 0 0;font-weight:700;color:#111}
.bf-tarifs{background:#fffbe0;border-radius:12px;padding:22px 24px 8px;border:1px solid #f1e58a}
.bf-note{font-size:13px;color:#666}
.bf-faq-item{border-bottom:1px solid #e6e6e2}
.bf-faq-item summary{cursor:pointer;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.bf-faq-item summary::-webkit-details-marker{display:none}
.bf-faq-item summary:after{content:"+";font-size:26px;font-weight:300;color:#111;flex:none}
.bf-faq-item[open] summary:after{content:"–"}
.bf-faq-item summary h3{margin:0;font-size:17px}
.bf-faq-answer{padding:0 0 6px}
.bf-cta{background:#212121;color:#fff;border-radius:14px;padding:34px 32px;text-align:center;margin:8px 0 12px}
.bf-cta h2{color:#f6e93b}
.bf-cta p{color:#eee;max-width:720px;margin:0 auto}
.bf-cta .bf-btn-outline{color:#fff !important;border-color:#fff}
.bf-cta .bf-btn-outline:hover{background:#fff;color:#111 !important}
.bf-toc{padding:14px 0 0}
@media (max-width:640px){
  .bf-hero{padding:26px 20px}
  .bf-list-2col{columns:1}
  .bf-wrap{padding:16px 16px 40px}
}