/* sps hooks belong to Commerce; all visual rules stay within this widget. */
html body .elementor-location-header .bgs-header [data-bk-segment-widget] .bke-audience-widget .bke-audience__nav { border-color:var(--bke-border); }
.bke-audience-widget .bke-audience {
    --bke-normal-ink:#000; --bke-normal-active:#fff; --bke-normal-fill:#000;
    --bke-normal-surface:transparent; --bke-normal-border:#000; --bke-normal-hover:#000;
    --bke-transparent-ink:#fff; --bke-transparent-active:#000; --bke-transparent-fill:#fff;
    --bke-transparent-surface:transparent; --bke-transparent-border:#fff; --bke-transparent-hover:#fff;
    --bke-ink:var(--bke-normal-ink); --bke-active:var(--bke-normal-active); --bke-fill:var(--bke-normal-fill);
    --bke-surface:var(--bke-normal-surface); --bke-border:var(--bke-normal-border); --bke-hover:var(--bke-normal-hover);
    --bke-gap:0px; --bke-duration:320ms; --bke-ease:cubic-bezier(.16,1,.3,1);
    display:flex; flex-direction:column; align-items:flex-start; max-width:100%;
}
/* These are the exact states that make the incumbent header transparent.
   Sticky's effects class, solid variant and open menu already own its surface. */
body.home .bgs-header:not(.bgs-header--solid):not(.elementor-sticky--effects):not(:has(.e-n-menu-dropdown-icon[aria-expanded="true"])):not(:has(.e-n-menu-toggle[aria-expanded="true"])) .bke-audience[data-bke-preview-header="auto"],
.bke-audience-widget .bke-audience[data-bke-preview-header="transparent"] {
    --bke-ink:var(--bke-transparent-ink); --bke-active:var(--bke-transparent-active); --bke-fill:var(--bke-transparent-fill);
    --bke-surface:var(--bke-transparent-surface); --bke-border:var(--bke-transparent-border); --bke-hover:var(--bke-transparent-hover);
}
.bke-audience-widget .bke-audience__nav {
    display:block; position:relative; width:225px; max-width:100%; box-sizing:border-box;
    margin:0; padding:0; border:1px solid var(--bke-border); border-radius:999px;
    background:var(--bke-surface); overflow:visible; isolation:isolate;
    transition:color var(--bke-duration) var(--bke-ease),border-color var(--bke-duration) var(--bke-ease),background-color var(--bke-duration) var(--bke-ease);
}
.bke-audience-widget .bke-audience__track { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--bke-gap); position:relative; border-radius:inherit; }
.bke-audience-widget .bke-audience__indicator {
    display:block; position:absolute; inset-block:0; inset-inline-start:0; width:calc((100% - var(--bke-gap))/2);
    box-sizing:border-box; z-index:0; border-radius:inherit; background:var(--bke-fill); pointer-events:none;
    transform:translateX(0); transition:transform var(--bke-duration) var(--bke-ease),background-color var(--bke-duration) var(--bke-ease),border-color var(--bke-duration) var(--bke-ease);
}
.bke-audience-widget .bke-audience__nav[data-active="2"] .bke-audience__indicator,
.bke-audience-widget .bke-audience__nav[data-bke-pending="2"] .bke-audience__indicator { transform:translateX(calc(100% + var(--bke-gap))); }
.bke-audience-widget .bke-audience__nav[data-bke-pending="1"] .bke-audience__indicator { transform:translateX(0); }
.bke-audience-widget .bke-audience__option {
    display:flex; align-items:center; justify-content:center; position:relative; z-index:1; min-width:0;
    min-height:32px; box-sizing:border-box; padding:5px 12px; margin:0; border:0; border-radius:inherit;
    background:transparent; color:var(--bke-ink); font:600 14px/22px helvetica-neue-lt-pro,Helvetica,Arial,sans-serif;
    text-align:center; text-decoration:none; overflow-wrap:anywhere; opacity:1;
    transition:color var(--bke-duration) var(--bke-ease),background-color var(--bke-duration) var(--bke-ease);
}
.bke-audience-widget .bke-audience__option:hover { color:var(--bke-hover); }
.bke-audience-widget .bke-audience__nav[data-active="1"] .sps-ebb773ec-opt-1,
.bke-audience-widget .bke-audience__nav[data-active="2"] .sps-ebb773ec-opt-2 { color:var(--bke-active); }
.bke-audience-widget .bke-audience__nav[data-bke-pending] .bke-audience__option { color:var(--bke-ink); }
.bke-audience-widget .bke-audience__nav[data-bke-pending="1"] .sps-ebb773ec-opt-1,
.bke-audience-widget .bke-audience__nav[data-bke-pending="2"] .sps-ebb773ec-opt-2 { color:var(--bke-active); }
.bke-audience-widget .bke-audience__option:focus-visible { outline:2px solid var(--bke-ink); outline-offset:3px; }
.bke-audience-widget .bke-audience__option[aria-disabled="true"] { opacity:1; cursor:wait; }
.bk-segment-widget:has(>.bke-audience-widget) .bk-segment-widget__controls { margin-top:8px; color:#000; font-family:inherit; font-size:14px; font-weight:400; line-height:1.4; }
.bk-segment-widget:has(>.bke-audience-widget) .bk-segment-widget__controls:has(.bk-catalog-switch__company[hidden]):not(:has(.bk-catalog-switch__status:not(:empty))):has([data-bk-retry][hidden]) { display:none; }
.bk-segment-widget:has(>.bke-audience-widget) .bk-catalog-switch__company { margin:0; padding:4px 8px; background:#fff; color:#000; border-radius:4px; }
.bk-segment-widget:has(>.bke-audience-widget) :is(select,[data-bk-retry]) { background:#fff; color:#000; border:1px solid #000; border-radius:4px; font:inherit; padding:6px 10px; }
.bk-segment-widget:has(>.bke-audience-widget) .bk-catalog-switch__status:not(:empty) { padding:4px 8px; background:#fff; color:#000; border-radius:4px; }
@media(prefers-reduced-motion:reduce) {
    .bke-audience-widget .bke-audience { --bke-duration:80ms; }
    .bke-audience-widget .bke-audience__indicator { transition-property:background-color,border-color; }
}
