/* Hello Bleu shared site footer (used on every page). Scoped + !important so it renders identically inside the original hand-coded pages. */
.hbf{background:#fffef7 !important;border-top:1px solid rgba(0,0,0,0.06) !important;padding:64px 0 0 !important;margin:0 !important;font-family:'Open Sans',sans-serif !important;color:#111 !important;text-align:left !important;position:relative !important;z-index:1 !important}
.hbf *{box-sizing:border-box !important}
.hbf-inner{width:88% !important;max-width:1100px !important;margin:0 auto !important;padding:0 0 52px 0 !important;display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1.15fr 1fr !important;gap:40px !important;align-items:start !important}
.hbf-brand img{height:44px !important;width:auto !important;display:block !important;margin:0 0 12px 0 !important}
.hbf-tagline{font-size:12px !important;font-weight:500 !important;color:#999 !important;line-height:1.6 !important;max-width:200px !important;margin:0 0 16px 0 !important;padding:0 !important}
.hbf-mail{font-family:'Montserrat',sans-serif !important;font-size:12px !important;font-weight:700 !important;color:#111 !important;text-decoration:none !important;display:inline-block !important;margin:0 !important}
.hbf-mail:hover{color:#2c8ffa !important}
.hbf-social{display:flex !important;gap:10px !important;margin:14px 0 0 0 !important;padding:0 !important}
.hbf-social a{width:36px !important;height:36px !important;border:1.5px solid #ddd !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:border-color .2s !important;margin:0 !important;padding:0 !important}
.hbf-social a:hover{border-color:#2c8ffa !important}
.hbf-social svg{width:16px !important;height:16px !important;fill:#111 !important}
.hbf-head{font-family:'Open Sans',sans-serif !important;font-size:10px !important;font-weight:700 !important;letter-spacing:2px !important;text-transform:uppercase !important;color:#2c8ffa !important;margin:4px 0 16px 0 !important;padding:0 !important}
.hbf-col ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;gap:10px !important}
.hbf-col li{margin:0 !important;padding:0 !important;list-style:none !important;line-height:1.45 !important}
.hbf-col li::before,.hbf-col li::marker{content:none !important}
.hbf-col a{font-size:12.5px !important;font-weight:500 !important;color:#555 !important;text-decoration:none !important;transition:color .2s !important;margin:0 !important;padding:0 !important;display:inline !important}
.hbf-col a:hover{color:#2c8ffa !important}
.hbf-col p{font-size:12.5px !important;font-weight:500 !important;color:#777 !important;line-height:1.7 !important;margin:0 0 14px 0 !important;padding:0 !important}
.hbf-col p strong{color:#111 !important;font-weight:600 !important;display:block !important}
.hbf-col a.hbf-more{color:#2c8ffa !important;font-weight:700 !important}
.hbf-bottom{border-top:1px solid rgba(0,0,0,0.06) !important;margin:0 !important;padding:18px 0 !important}
.hbf-bottom-inner{width:88% !important;max-width:1100px !important;margin:0 auto !important;display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;padding:0 !important}
.hbf-bottom p{font-size:11px !important;font-weight:500 !important;color:#bbb !important;margin:0 !important;padding:0 !important}
.hbf-bottom nav{display:flex !important;gap:18px !important;margin:0 !important;padding:0 !important}
.hbf-bottom nav a{font-size:11px !important;font-weight:600 !important;color:#999 !important;text-decoration:none !important}
.hbf-bottom nav a:hover{color:#2c8ffa !important}
@media (max-width:960px){.hbf-inner{grid-template-columns:1fr 1fr 1fr !important}.hbf-brand{grid-column:1 / -1 !important}}
@media (max-width:600px){.hbf{padding:44px 0 0 !important}.hbf-inner{width:90% !important;grid-template-columns:1fr 1fr !important;gap:32px 20px !important;padding-bottom:36px !important}.hbf-brand{grid-column:1 / -1 !important}.hbf-bottom-inner{width:90% !important;flex-direction:column !important;text-align:center !important}}
.snap-container .hbf{scroll-snap-align:start !important;flex-shrink:0 !important}
@media (max-width:768px){.snap-container .hbf{scroll-snap-align:none !important}}