/* Only the new social group is styled; original sticky header/menu/CTA stay in place. */
.fitbees-sp-header-socials { flex: 0 0 auto; font: 700 13px/1.3 var(--body-font, "FB Fitbees Manrope", Arial, sans-serif); color: #034c45; }
.fitbees-sp-socials-ready > :is(.brand, .fbs-brand, .nav, .fbs-nav, .header-cta, .fbs-header-cta, .menu-button, .fbs-menu) { flex-shrink: 0; }
.fitbees-sp-socials-ready > :is(.header-cta, .fbs-header-cta) { white-space: nowrap; }
.fitbees-sp-header-socials [hidden] { display: none !important; }
.fitbees-sp-header-toggle {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px;
    min-height: 44px; min-width: 44px; padding: 8px 10px; margin: 0;
    border: 1px solid #e7e0d3; border-radius: 12px; background: #fffdf8; color: #034c45;
    font: inherit; cursor: pointer;
}
.fitbees-sp-header-toggle > svg { fill: none; stroke: currentColor; stroke-width: 1.8; flex: 0 0 18px; }
.fitbees-sp-header-panel {
    position: absolute; top: calc(100% + 10px); right: 18px; z-index: 60;
    box-sizing: border-box; max-width: calc(100vw - 36px); padding: 10px;
    border: 1px solid #e7e0d3; border-radius: 16px; background: #fffdf8;
    box-shadow: 0 12px 30px rgba(3, 76, 69, .13);
}
.fitbees-sp-header-socials .fitbees-sp-social-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; }
.fitbees-sp-header-socials .fitbees-sp-social-link {
    box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 44px; width: 44px; min-height: 44px; margin: 0; padding: 11px;
    color: #034c45; background: transparent; border: 0; border-radius: 8px; text-decoration: none;
}
.fitbees-sp-header-socials .fitbees-sp-social-link:hover { background: #f1ebe0; }
.fitbees-sp-header-socials :is(a, button):focus-visible { outline: 3px solid #034c45; outline-offset: 3px; }
.fitbees-sp-header-inline .fitbees-sp-header-panel { position: static; max-width: none; padding: 0; border: 0; background: transparent; box-shadow: none; }
.fitbees-sp-header-inline .fitbees-sp-social-links { flex-wrap: nowrap; }
.fitbees-sp-header-tight .fitbees-sp-header-toggle-label { display: none; }
@media (max-width: 680px) {
    .site-header.fitbees-sp-socials-ready, .fbs-header.fitbees-sp-socials-ready { column-gap: 12px; }
}
@media (max-width: 360px) {
    .site-header.fitbees-sp-socials-ready, .fbs-header.fitbees-sp-socials-ready { column-gap: 8px; }
    .fitbees-sp-header-toggle-label { display: none; }
}
