.bfo{font-family:Lato,Arial,sans-serif;padding:72px 0;color:#5a5a5a}.bfo *{box-sizing:border-box}.bfo-wrap{max-width:1200px;margin:auto;padding:0 20px}.bfo h2{text-align:center;font-size:34px;color:#4f1964;margin:0 0 36px}.bfo-list{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;margin:0;padding:0;list-style:none}.bfo-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;border:1px solid #e8dfda;border-radius:12px;background:white;padding:22px;list-style:none}.bfo-person{display:flex;gap:14px;align-items:center}.bfo-image{width:56px;height:56px;border-radius:50%;object-fit:cover}.bfo-person strong,.bfo-person span{display:block}.bfo-person strong{color:#4f1964}.bfo-person span{font-size:13px}.bfo-card p{font-size:16px;line-height:1.5;margin:16px 0 0}.bfo-nav{display:flex;justify-content:center;gap:16px;margin-top:24px}.bfo-nav button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;padding:0;line-height:1;border:1px solid white;border-radius:50%;background:transparent;color:white;cursor:pointer;box-shadow:none;transition:background .2s,color .2s}.bfo-nav button:hover,.bfo-nav button:focus,.bfo-nav button:active{background:white;color:#1a1831;border-color:white}.bfo-nav button:focus-visible{outline:3px solid #c9a0dc;outline-offset:2px}.bfo-nav svg{display:block;width:20px;height:20px;pointer-events:none}.bfo-wiersz,.bfo-karuzela{background:#1a1831}.bfo-wiersz h2,.bfo-karuzela h2{color:white}.bfo-wiersz .bfo-card{flex-basis:300px}@media(max-width:900px){.bfo-karuzela .bfo-card{flex-basis:calc((100% - 20px)/2)}}@media(max-width:600px){.bfo{padding:48px 0}.bfo h2{font-size:26px}.bfo-karuzela .bfo-card{flex-basis:88%}.bfo-wiersz .bfo-card{flex-basis:260px}}@media(prefers-reduced-motion:reduce){.bfo-list{scroll-behavior:auto}}
.bfo-wiersz .bfo-list{scroll-snap-type:none;scroll-behavior:auto}.bfo-nav .bfo-pause{width:auto;min-width:120px;padding:0 16px;border-radius:24px}.bfo-example{max-width:1200px;margin:20px auto;padding:12px;color:#4f1964;background:#f6f1ee;font-weight:bold}
@media(max-width:600px),(prefers-reduced-motion:reduce){.bfo-wiersz .bfo-pause{display:none}}

.bfo-list{scrollbar-width:none;-ms-overflow-style:none}.bfo-list::-webkit-scrollbar{display:none}
.bfo .bfo-person img.bfo-image{width:56px;height:56px;max-width:none;border-radius:50%!important;object-fit:cover;flex:0 0 56px}
.bfo-nav[hidden]{display:none}