.bsj-product-section-nav {
    display: none;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-synthesis: none;
}

.bsj-product-section-nav *,
.bsj-product-section-nav *::before,
.bsj-product-section-nav *::after {
    box-sizing: border-box;
}

@media (min-width: 992px) {
    [data-bsj-product-section-nav-host].bsj-product-section-nav-host--ready {
        display: grid;
    }

    [data-bsj-product-section-nav-host].bsj-product-section-nav-host--ready > [data-bsj-product-section-nav-content],
    [data-bsj-product-section-nav-host] > .bsj-product-section-nav {
        grid-area: 1 / 1;
        transition:
            opacity 180ms ease,
            transform 180ms ease;
    }

    [data-bsj-product-section-nav-host] > .bsj-product-section-nav {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        min-height: 64px;
        padding: 9px var(--bsj-product-section-nav-padding-inline, 11vw);
        background: #ffffff;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(-5px);
        transition:
            opacity 180ms ease,
            transform 180ms ease,
            visibility 0s linear 180ms;
    }

    [data-bsj-product-section-nav-host].bsj-product-section-nav-host--active > [data-bsj-product-section-nav-content] {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(5px);
        transition:
            opacity 180ms ease,
            transform 180ms ease,
            visibility 0s linear 180ms;
    }

    [data-bsj-product-section-nav-host].bsj-product-section-nav-host--active > .bsj-product-section-nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }

    .bsj-product-section-nav__inner {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 32px;
        width: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .bsj-product-section-nav__link {
        position: relative;
        min-width: 0;
        padding: 11px 0 10px;
        border: 0;
        border-radius: 0;
        color: #64717d;
        background: transparent;
        font: inherit;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;
        text-align: left;
        cursor: pointer;
        transition: color 160ms ease;
    }

    .bsj-product-section-nav__link::after {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 2px;
        border-radius: 999px;
        background: #105db8;
        content: "";
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .bsj-product-section-nav__link:hover {
        color: #172432;
        background: transparent;
    }

    .bsj-product-section-nav__link--active {
        color: #172432;
        background: transparent;
        box-shadow: none;
    }

    .bsj-product-section-nav__link--active::after {
        transform: scaleX(1);
    }

    .bsj-product-section-nav__link:focus-visible {
        outline: 3px solid rgba(12, 97, 86, 0.28);
        outline-offset: 2px;
    }

    .bsj-product-section-nav__actions {
        display: flex;
        align-items: center;
        gap: 0;
        margin-left: auto;
        flex: 0 0 auto;
    }

    .bsj-product-section-nav__icon-action-slot {
        display: flex;
        align-items: center;
        line-height: 0;
    }

    .bsj-product-section-nav__icon-action-slot:empty {
        display: none;
    }

    .bsj-product-section-nav__icon-action {
        position: relative;
        inset: auto;
        z-index: auto;
        display: grid;
        width: 40px;
        height: 40px;
        padding: 0;
        flex: 0 0 40px;
        place-items: center;
        border: 1px solid #dfe6ee;
        border-radius: 14px;
        color: #105db8;
        background: #ffffff;
        box-shadow: 0 6px 16px rgba(23, 36, 50, 0.1);
    }

    .bsj-product-section-nav__icon-action:hover {
        border-color: rgba(16, 93, 184, 0.26);
        color: #0a4695;
        background: #f8fbff;
        box-shadow: 0 8px 18px rgba(23, 36, 50, 0.14);
        transform: translateY(-1px);
    }

    .bsj-product-section-nav__action {
        min-height: 40px;
        max-width: 180px;
        margin-left: 10px;
        padding: 10px 20px;
        border: 0;
        border-radius: 14px;
        color: #ffffff;
        background: #105db8;
        box-shadow: 0 8px 18px rgba(16, 93, 184, 0.2);
        font: inherit;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        opacity: 1;
        cursor: pointer;
        transform: translateX(0) scale(1);
        transition:
            background-color 160ms ease,
            box-shadow 160ms ease,
            border-width 180ms ease,
            margin-left 180ms ease,
            max-width 180ms ease,
            opacity 150ms ease,
            padding 180ms ease,
            transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    .bsj-product-section-nav__action:hover {
        background: #0a4695;
        box-shadow: 0 10px 22px rgba(10, 70, 149, 0.24);
        transform: translateY(-1px);
    }

    .bsj-product-section-nav__action--label-changing,
    .bsj-product-section-nav__action--label-changing:hover {
        opacity: 0.58;
        transform: translateX(4px) scale(0.98);
    }

    .bsj-product-section-nav__action--concealed,
    .bsj-product-section-nav__action--concealed:hover {
        max-width: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        border-width: 0;
        opacity: 0;
        pointer-events: none;
        transform: translateX(8px) scale(0.96);
    }

    .bsj-product-section-nav__action:focus-visible {
        outline: 3px solid rgba(16, 93, 184, 0.3);
        outline-offset: 3px;
    }

    .bsj-product-section-nav__action[hidden] {
        display: none;
    }

    [data-bsj-product-section-nav-section] {
        scroll-margin-top: 92px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-bsj-product-section-nav-host].bsj-product-section-nav-host--ready > [data-bsj-product-section-nav-content],
    [data-bsj-product-section-nav-host] > .bsj-product-section-nav,
    .bsj-product-section-nav__link,
    .bsj-product-section-nav__link::after,
    .bsj-product-section-nav__action {
        transition: none;
    }
}