/* Header navigation reference: design/navigation-v2/header-reference.png. */
@media (min-width: 901px) {
    .sf-store .sf-header:not(.sf-header-scrolled) .sf-desktop-nav {
        direction: rtl;
        justify-content: space-between;
        gap: 18px;
        min-height: 64px;
        padding-block: 8px;
    }
    .sf-store .sf-header:not(.sf-header-scrolled) #sf-services-trigger {
        min-height: 44px;
        padding: 10px 18px;
        border-radius: 12px;
        background: #f1ebff;
        color: #5531c6;
        font-weight: 750;
        gap: 10px;
    }
    .sf-store .sf-header:not(.sf-header-scrolled) .sf-primary-link {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 44px;
        padding-inline: 4px;
        font-size: 15px;
        color: #20263f;
    }
    .sf-store .sf-primary-link[aria-current="page"] { color: #7045ed; }
    .sf-store .sf-primary-link[aria-current="page"]::after {
        content: "";
        position: absolute;
        inset: auto 4px -8px;
        height: 3px;
        border-radius: 3px;
        background: #7045ed;
    }
    .sf-store .sf-primary-link:hover { color: #7045ed; }
    .sf-store .sf-primary-link:focus-visible, .sf-store #sf-services-trigger:focus-visible {
        outline: 2px solid #7045ed;
        outline-offset: 4px;
    }
}
@media (min-width: 901px) and (max-width: 1100px) {
    .sf-store .sf-header:not(.sf-header-scrolled) .sf-desktop-nav { gap: 8px; }
    .sf-store .sf-header:not(.sf-header-scrolled) .sf-primary-link { font-size: 13px; }
    .sf-store .sf-header:not(.sf-header-scrolled) #sf-services-trigger { font-size: 14px; padding-inline: 12px; }
}