/*! © 2026 SlimmeKids – slimmekids.be. Alle rechten voorbehouden. Kopiëren, verspreiden of hergebruiken zonder schriftelijke toestemming is niet toegestaan. */
/* Bouwbaas – landingspagina thuisversie */
.bbl-page .bbl-crumbs { font-size: .92rem; margin: .4rem 0 1rem; color: #5b7084; }
.bbl-page .bbl-crumbs a { color: #c2185b; }
.bbl-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 1.6rem; align-items: center; }
.bbl-eyebrow { margin: 0 0 .3rem; font-weight: 700; color: #ff4f8b; text-transform: uppercase; letter-spacing: .04em; font-size: .9rem; }
.bbl-hero h1 { margin: 0 0 .6rem; line-height: 1.15; }
.bbl-lead { font-size: 1.12rem; line-height: 1.55; }
.bbl-play { display: inline-flex; align-items: center; justify-content: center; margin: .7rem 0 .4rem; padding: .62rem 1.35rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.3);
  background: radial-gradient(circle at 18% 0%, rgba(255,255,255,.28) 0, transparent 42%), linear-gradient(135deg, #5cc95f 0%, #34a853 55%, #1e8a3c 100%);
  color: #fff !important; font-weight: 700; font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; text-decoration: none; box-shadow: 0 4px 14px rgba(30,138,60,.35); transition: filter .15s, transform .15s; }
.bbl-play:hover { filter: brightness(1.06); transform: translateY(-1px); }
.bbl-phone { display: none; margin: .6rem 0; padding: .7rem .9rem; border-radius: 14px; background: #fff4d6; color: #6b4e00; font-weight: 600; }
.bbl-pills { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; padding: 0; margin: .8rem 0 0; }
.bbl-pills li { padding: .3rem .75rem; border-radius: 999px; background: #eef7ff; color: #1c3348; font-weight: 600; font-size: .92rem; }
.bbl-hero-img img { width: 100%; height: auto; border-radius: 22px; box-shadow: 0 12px 30px rgba(28,51,72,.18); display: block; }
.bbl-steps { padding-left: 1.3rem; line-height: 1.6; } .bbl-steps li { margin: .3rem 0; }
.bbl-faq { border-bottom: 1px solid #eadde3; padding: .7rem 0; } .bbl-faq summary { font-weight: 700; cursor: pointer; } .bbl-faq p { margin: .5rem 0 0; }
.bbl-cta-bottom { text-align: center; margin: 1.4rem 0 .4rem; }
.bbl-copy { text-align: center; color: #6b7c8f; font-size: .85rem; margin: .4rem 0 5rem; }
@media (max-width: 860px) { .bbl-hero { grid-template-columns: 1fr; } .bbl-hero-img { order: -1; } }
@media (max-width: 700px) and (pointer: coarse), (max-width: 560px) { .bbl-phone { display: block; } }

.bbl-page .sk-wrap { max-width: 1180px !important; width: calc(100% - 2.5rem); margin-left: auto; margin-right: auto; }
.bbl-page .sk-card, .bbl-page .sk-hero { max-width: none !important; }
.bbl-hero { grid-template-columns: 1fr 1.1fr; }