/* =========================================================
   LIFED WEBSITE HEADER V2
   Non-homepage header
========================================================= */

:root {
    --lfd-sitehdr-teal: #00ae9d;
    --lfd-sitehdr-teal-dark: #008f82;
    --lfd-sitehdr-green: #5fbb46;

    --lfd-sitehdr-ink: #263936;
    --lfd-sitehdr-muted: #74817f;

    --lfd-sitehdr-bg: #ffffff;
    --lfd-sitehdr-soft: #f4f9f8;

    --lfd-sitehdr-line:
        rgba(22, 78, 72, 0.10);

    --lfd-sitehdr-max:
        1400px;
}


/* =========================================================
   HEADER
========================================================= */

.lfd-sitehdr {
    position: relative;
    z-index: 1090;

    width: 100%;

    padding:
        10px
        24px;

    background: #ffffff;

    font-family:
        "Nunito",
        sans-serif;
}


.lfd-sitehdr-inner {
    width: min(
        100%,
        var(--lfd-sitehdr-max)
    );

    min-height: 92px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-inline: auto;
}


/* =========================================================
   LOGO
========================================================= */

.lfd-sitehdr-brand {
    flex: 0 0 auto;
}


.lfd-sitehdr-logo {
    display: inline-flex;
    align-items: center;

    text-decoration: none;
}


.lfd-sitehdr-logo img {
    display: block;

    width: auto;
    height: 78px;

    object-fit: contain;

    transition:
        transform 0.2s ease;
}


.lfd-sitehdr-logo:hover img {
    transform:
        scale(1.025);
}


/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.lfd-sitehdr-desktop-nav {
    flex:
        1
        1
        auto;

    min-width: 0;

    align-items: center;
    justify-content: space-between;

    padding-left:
        clamp(
            45px,
            6vw,
            90px
        );
}


.lfd-sitehdr-primary,
.lfd-sitehdr-actions {
    display: flex;
    align-items: center;
}


.lfd-sitehdr-primary {
    gap:
        clamp(
            28px,
            3vw,
            48px
        );
}


.lfd-sitehdr-actions {
    gap: 25px;
}


/* =========================================================
   DESKTOP LINKS
========================================================= */

.lfd-sitehdr-link,
.lfd-sitehdr-healthmate-link {
    position: relative;

    display: inline-flex;
    align-items: center;

    min-height: 44px;

    color:
        var(--lfd-sitehdr-ink);

    font-size: 16px;
    font-weight: 600;

    line-height: 1;

    white-space: nowrap;

    text-decoration: none;

    transition:
        color 0.2s ease,
        transform 0.2s ease;
}


.lfd-sitehdr-link::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 3px;

    width: 0;
    height: 2px;

    margin-inline: auto;

    border-radius: 999px;

    background:
        var(--lfd-sitehdr-teal);

    transition:
        width 0.2s ease;
}


.lfd-sitehdr-link:hover,
.lfd-sitehdr-link:focus-visible,
.lfd-sitehdr-link.is-active {
    color:
        var(--lfd-sitehdr-teal-dark);
}


.lfd-sitehdr-link:hover::after,
.lfd-sitehdr-link:focus-visible::after,
.lfd-sitehdr-link.is-active::after {
    width: 100%;
}


.lfd-sitehdr-healthmate-link {
    padding:
        0
        2px;

    color:
        #282828;
}


.lfd-sitehdr-healthmate-link:hover,
.lfd-sitehdr-healthmate-link:focus-visible {
    color:
        var(--lfd-sitehdr-teal-dark);

    transform:
        translateY(-1px);
}


/* =========================================================
   ACCOUNT TRIGGER
========================================================= */

.lfd-sitehdr-account {
    position: relative;

    flex: 0 0 auto;
}


.lfd-sitehdr-account-trigger {
    width: 44px;
    height: 44px;

    flex:
        0
        0
        44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border:
        1.5px solid
        rgba(0, 174, 157, 0.35);

    border-radius: 50%;

    background: #ffffff;

    color:
        var(--lfd-sitehdr-teal);

    font-size: 16px;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.lfd-sitehdr-account-trigger::after {
    display: none !important;
}


.lfd-sitehdr-account-trigger:hover,
.lfd-sitehdr-account-trigger:focus-visible,
.lfd-sitehdr-account-trigger[
    aria-expanded="true"
] {
    border-color:
        var(--lfd-sitehdr-teal);

    background:
        var(--lfd-sitehdr-teal);

    color: #ffffff;

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 24px
        rgba(0, 174, 157, 0.2);
}


.lfd-sitehdr-account-trigger span {
    font-size: 16px;
    font-weight: 900;
}


/* =========================================================
   ACCOUNT DROPDOWN
========================================================= */

.lfd-sitehdr-account-menu {
    top:
        calc(
            100% + 13px
        ) !important;

    right: 0 !important;
    left: auto !important;

    width: 380px;
    min-width: 380px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;

    border:
        1px solid
        var(--lfd-sitehdr-line)
        !important;

    border-radius:
        24px !important;

    background:
        rgba(
            255,
            255,
            255,
            0.99
        ) !important;

    box-shadow:
        0 18px 45px
        rgba(18, 60, 56, 0.13),
        0 35px 85px
        rgba(18, 60, 56, 0.15)
        !important;

    z-index: 5000 !important;

    transform-origin:
        top right;
}


.lfd-sitehdr-account-menu.show {
    animation:
        lfdSiteAccountIn
        0.2s
        cubic-bezier(
            .22,
            .61,
            .36,
            1
        )
        both;
}


@keyframes lfdSiteAccountIn {

    from {
        opacity: 0;

        transform:
            translateY(8px)
            scale(0.98);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }

}


/* =========================================================
   ACCOUNT INTRO
========================================================= */

.lfd-sitehdr-account-intro {
    padding:
        24px
        24px
        20px;

    border-bottom:
        1px solid
        rgba(22, 78, 72, 0.07);

    background:
        linear-gradient(
            145deg,
            rgba(
                214,
                237,
                234,
                0.72
            ),
            rgba(
                238,
                248,
                246,
                0.45
            ),
            #ffffff
        );
}


.lfd-sitehdr-account-kicker {
    display: block;

    margin-bottom: 5px;

    color:
        var(--lfd-sitehdr-teal);

    font-size: 0.68rem;
    font-weight: 900;

    letter-spacing: 0.1em;

    text-transform: uppercase;
}


.lfd-sitehdr-account-intro h3 {
    margin:
        0
        0
        5px;

    color: #173d39;

    font-size: 1.08rem;
    font-weight: 900;

    line-height: 1.25;
}


.lfd-sitehdr-account-intro p {
    max-width: 310px;

    margin: 0;

    color: #71807e;

    font-size: 0.79rem;
    font-weight: 500;

    line-height: 1.45;
}


/* =========================================================
   ACCOUNT SECTIONS
========================================================= */

.lfd-sitehdr-account-section {
    padding:
        18px
        14px;
}


.lfd-sitehdr-account-section.is-secondary {
    padding-top: 16px;

    border-top:
        1px solid
        rgba(22, 78, 72, 0.08);
}


.lfd-sitehdr-account-label {
    display: block;

    margin:
        0
        8px
        9px;

    color: #8b9795;

    font-size: 0.62rem;
    font-weight: 900;

    letter-spacing: 0.1em;

    text-transform: uppercase;
}


/* =========================================================
   ACCOUNT ACTION
========================================================= */

.lfd-sitehdr-account-action {
    width: 100%;
    min-height: 64px;

    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr)
        24px;

    align-items: center;

    gap: 12px;

    padding:
        10px
        11px;

    border:
        1px solid
        transparent;

    border-radius: 15px;

    background: transparent;

    color: #253b39;

    text-decoration: none;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}


.lfd-sitehdr-account-action +
.lfd-sitehdr-account-action {
    margin-top: 4px;
}


.lfd-sitehdr-account-action.is-primary {
    background:
        rgba(
            0,
            174,
            157,
            0.055
        );
}


.lfd-sitehdr-account-action:hover,
.lfd-sitehdr-account-action:focus-visible {
    border-color:
        rgba(
            0,
            174,
            157,
            0.12
        );

    background: #f1f9f7;

    color: #173d39;

    transform:
        translateX(2px);

    outline: 0;
}


.lfd-sitehdr-account-action-icon {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
        rgba(
            0,
            174,
            157,
            0.09
        );

    color:
        var(--lfd-sitehdr-teal);

    font-size: 0.94rem;

    transition:
        background-color 0.18s ease,
        color 0.18s ease;
}


.lfd-sitehdr-account-action:hover
.lfd-sitehdr-account-action-icon {
    background:
        var(--lfd-sitehdr-teal);

    color: #ffffff;
}


.lfd-sitehdr-account-action.is-healthmate
.lfd-sitehdr-account-action-icon {
    background:
        rgba(
            95,
            187,
            70,
            0.1
        );

    color:
        var(--lfd-sitehdr-green);
}


.lfd-sitehdr-account-action.is-healthmate:hover
.lfd-sitehdr-account-action-icon {
    background:
        var(--lfd-sitehdr-green);

    color: #ffffff;
}


.lfd-sitehdr-account-action-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.lfd-sitehdr-account-action-copy strong {
    overflow: hidden;

    color: #293d3a;

    font-size: 0.88rem;
    font-weight: 800;

    line-height: 1.3;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.lfd-sitehdr-account-action-copy small {
    overflow: hidden;

    color: #7b8986;

    font-size: 0.71rem;
    font-weight: 500;

    line-height: 1.35;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.lfd-sitehdr-account-action-arrow {
    width: 24px;
    height: 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #a7b1af;

    font-size: 0.66rem;
}


/* =========================================================
   ACCOUNT FOOTER
========================================================= */

.lfd-sitehdr-account-footer {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    padding:
        13px
        18px
        15px;

    border-top:
        1px solid
        rgba(22, 78, 72, 0.07);

    background: #fafcfc;

    color: #85918f;

    font-size: 0.7rem;
    font-weight: 600;
}


.lfd-sitehdr-account-footer a {
    color:
        var(--lfd-sitehdr-teal);

    font-weight: 800;

    text-decoration: none;
}


/* =========================================================
   SIGNED-IN USER
========================================================= */

.lfd-sitehdr-account-user {
    display: flex;
    align-items: center;

    gap: 13px;

    padding:
        22px
        22px
        18px;

    border-bottom:
        1px solid
        rgba(22, 78, 72, 0.08);

    background:
        linear-gradient(
            145deg,
            rgba(
                214,
                237,
                234,
                0.68
            ),
            #ffffff
        );
}


.lfd-sitehdr-account-user-avatar {
    width: 50px;
    height: 50px;

    flex:
        0
        0
        50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #00ae9d,
            #5fbb46
        );

    color: #ffffff;

    font-size: 1rem;
    font-weight: 900;
}


.lfd-sitehdr-account-user-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.lfd-sitehdr-account-user-copy strong,
.lfd-sitehdr-account-user-copy small {
    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.lfd-sitehdr-account-user-copy strong {
    color: #173d39;

    font-size: 0.94rem;
    font-weight: 900;
}


.lfd-sitehdr-account-user-copy small {
    color: #71807e;

    font-size: 0.72rem;
}


/* =========================================================
   LOGOUT
========================================================= */

.lfd-sitehdr-account-logout-wrap {
    padding:
        13px
        14px
        15px;

    border-top:
        1px solid
        rgba(22, 78, 72, 0.08);

    background: #fafcfc;
}


.lfd-sitehdr-account-logout-wrap form {
    margin: 0;
}


.lfd-sitehdr-account-logout {
    width: 100%;
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    border:
        1px solid
        rgba(191, 63, 63, 0.15);

    border-radius: 13px;

    background:
        rgba(
            191,
            63,
            63,
            0.045
        );

    color: #b54141;

    font-size: 0.8rem;
    font-weight: 800;
}


/* =========================================================
   HAMBURGER
========================================================= */

.lfd-sitehdr-hamburger {
    width: 46px;
    height: 46px;

    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    border:
        1.5px solid
        rgba(0, 174, 157, 0.28);

    border-radius: 50%;

    background: #ffffff;

    color:
        var(--lfd-sitehdr-teal);

    font-size: 18px;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


.lfd-sitehdr-hamburger:hover,
.lfd-sitehdr-hamburger:focus-visible {
    border-color:
        var(--lfd-sitehdr-teal);

    background:
        var(--lfd-sitehdr-teal);

    color: #ffffff;
}


/* =========================================================
   MOBILE OFFCANVAS
========================================================= */

.lfd-sitehdr-mobile {
    width:
        min(
            92vw,
            410px
        ) !important;

    border: 0 !important;

    background: #f7f9f9;

    box-shadow:
        -18px 0 50px
        rgba(17, 34, 33, 0.18);
}


.lfd-sitehdr-mobile-head {
    min-height: 82px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding:
        max(
            18px,
            env(safe-area-inset-top)
        )
        22px
        18px;

    border-bottom:
        1px solid
        rgba(22, 78, 72, 0.08);

    background:
        rgba(
            255,
            255,
            255,
            0.98
        );
}


.lfd-sitehdr-mobile-logo {
    display: inline-flex;
    align-items: center;
}


.lfd-sitehdr-mobile-logo img {
    width: 122px;
    height: auto;

    display: block;
}


.lfd-sitehdr-mobile-close {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border:
        1px solid
        rgba(22, 78, 72, 0.12);

    border-radius: 50%;

    background: #ffffff;

    color: #1d2a35;

    font-size: 1.15rem;
}


.lfd-sitehdr-mobile-close:hover {
    border-color:
        var(--lfd-sitehdr-teal);

    background:
        var(--lfd-sitehdr-teal);

    color: #ffffff;
}


.lfd-sitehdr-mobile-body {
    padding:
        20px
        18px
        calc(
            28px +
            env(
                safe-area-inset-bottom
            )
        );
}


/* =========================================================
   MOBILE NAV
========================================================= */

.lfd-sitehdr-mobile-nav {
    display: grid;

    gap: 10px;
}


.lfd-sitehdr-mobile-nav-link {
    min-height: 70px;

    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 12px;

    padding:
        13px
        14px;

    border:
        1px solid
        rgba(22, 78, 72, 0.08);

    border-radius: 16px;

    background: #ffffff;

    color: #1d2a35;

    text-decoration: none;

    box-shadow:
        0 6px 20px
        rgba(22, 78, 72, 0.05);

    transition:
        border-color 0.2s ease,
        transform 0.2s ease;
}


.lfd-sitehdr-mobile-nav-link:hover,
.lfd-sitehdr-mobile-nav-link:focus-visible,
.lfd-sitehdr-mobile-nav-link.is-active {
    border-color:
        rgba(
            0,
            174,
            157,
            0.42
        );

    background:
        #f7fcfb;

    transform:
        translateY(-1px);
}


.lfd-sitehdr-mobile-nav-icon {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        rgba(
            0,
            174,
            157,
            0.1
        );

    color:
        var(--lfd-sitehdr-teal);
}


.lfd-sitehdr-mobile-nav-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.lfd-sitehdr-mobile-nav-copy strong {
    color: #1d2a35;

    font-size: 0.96rem;
    font-weight: 800;

    line-height: 1.3;
}


.lfd-sitehdr-mobile-nav-copy small {
    color: #71807e;

    font-size: 0.78rem;

    line-height: 1.35;
}


.lfd-sitehdr-mobile-nav-arrow {
    color: #a1acab;

    font-size: 0.72rem;
}


/* =========================================================
   HEALTHMATE MOBILE CTA
========================================================= */

.lfd-sitehdr-mobile-healthmate {
    display: grid;

    grid-template-columns:
        48px
        minmax(0, 1fr);

    gap: 14px;

    margin-top: 18px;

    padding: 18px;

    border:
        1px solid
        rgba(0, 174, 157, 0.24);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(
                214,
                237,
                234,
                0.58
            ),
            #ffffff
        );
}


.lfd-sitehdr-mobile-healthmate-icon {
    width: 48px;
    height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;

    background:
        var(--lfd-sitehdr-teal);

    color: #ffffff;
}


.lfd-sitehdr-mobile-healthmate-copy {
    min-width: 0;
}


.lfd-sitehdr-mobile-eyebrow {
    display: block;

    margin-bottom: 4px;

    color:
        var(--lfd-sitehdr-teal);

    font-size: 0.69rem;
    font-weight: 900;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


.lfd-sitehdr-mobile-healthmate h3 {
    margin:
        0
        0
        5px;

    color: #163f3b;

    font-size: 1rem;
    font-weight: 900;
}


.lfd-sitehdr-mobile-healthmate p {
    margin:
        0
        0
        13px;

    color: #60716f;

    font-size: 0.8rem;

    line-height: 1.45;
}


.lfd-sitehdr-mobile-healthmate a {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    color:
        var(--lfd-sitehdr-teal);

    font-size: 0.8rem;
    font-weight: 900;

    text-decoration: none;
}


/* =========================================================
   MOBILE ACCOUNT
========================================================= */

.lfd-sitehdr-mobile-account {
    margin-top: 28px;
}


.lfd-sitehdr-mobile-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 11px;

    padding-inline: 2px;
}


.lfd-sitehdr-mobile-section-head
> span:first-child {
    color: #71807e;

    font-size: 0.72rem;
    font-weight: 900;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


.lfd-sitehdr-mobile-account-status {
    padding:
        4px
        8px;

    border-radius: 999px;

    background:
        rgba(
            0,
            174,
            157,
            0.1
        );

    color:
        var(--lfd-sitehdr-teal);

    font-size: 0.68rem;
    font-weight: 800;
}


.lfd-sitehdr-mobile-account-card {
    overflow: hidden;

    border:
        1px solid
        rgba(22, 78, 72, 0.08);

    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 7px 22px
        rgba(22, 78, 72, 0.05);
}


.lfd-sitehdr-mobile-account-link {
    min-height: 68px;

    display: grid;

    grid-template-columns:
        38px
        minmax(0, 1fr)
        auto;

    align-items: center;

    gap: 11px;

    padding:
        12px
        14px;

    color: #1d2a35;

    text-decoration: none;
}


.lfd-sitehdr-mobile-account-link:not(
    :last-child
) {
    border-bottom:
        1px solid
        rgba(22, 78, 72, 0.07);
}


.lfd-sitehdr-mobile-account-link:hover {
    background:
        rgba(
            0,
            174,
            157,
            0.055
        );
}


.lfd-sitehdr-mobile-account-icon {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;

    background: #f1f6f5;

    color: #285e58;
}


.lfd-sitehdr-mobile-account-link
> span:nth-child(2) {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.lfd-sitehdr-mobile-account-link strong {
    color: #1d2a35;

    font-size: 0.9rem;
    font-weight: 800;
}


.lfd-sitehdr-mobile-account-link small {
    overflow: hidden;

    color: #7b8887;

    font-size: 0.74rem;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.lfd-sitehdr-mobile-account-link
> i {
    color: #a8b2b1;

    font-size: 0.68rem;
}


/* =========================================================
   MOBILE SIGNED USER
========================================================= */

.lfd-sitehdr-mobile-user {
    display: flex;
    align-items: center;

    gap: 12px;

    margin-bottom: 12px;

    padding: 14px;

    border:
        1px solid
        rgba(22, 78, 72, 0.08);

    border-radius: 16px;

    background: #ffffff;
}


.lfd-sitehdr-mobile-user-avatar {
    width: 46px;
    height: 46px;

    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        var(--lfd-sitehdr-teal);

    color: #ffffff;

    font-size: 1rem;
    font-weight: 900;
}


.lfd-sitehdr-mobile-user-copy {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 2px;
}


.lfd-sitehdr-mobile-user-copy strong,
.lfd-sitehdr-mobile-user-copy span {
    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
}


.lfd-sitehdr-mobile-user-copy strong {
    color: #1d2a35;

    font-size: 0.94rem;
    font-weight: 800;
}


.lfd-sitehdr-mobile-user-copy span {
    color: #778583;

    font-size: 0.76rem;
}


/* =========================================================
   MOBILE LOGOUT
========================================================= */

.lfd-sitehdr-mobile-logout-form {
    margin-top: 12px;
}


.lfd-sitehdr-mobile-logout {
    width: 100%;
    min-height: 48px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 9px;

    border:
        1px solid
        rgba(190, 52, 52, 0.18);

    border-radius: 14px;

    background:
        rgba(
            190,
            52,
            52,
            0.055
        );

    color: #a53b3b;

    font-size: 0.86rem;
    font-weight: 800;
}


/* =========================================================
   MOBILE FOOTER
========================================================= */

.lfd-sitehdr-mobile-footer {
    margin-top: 30px;

    padding-top: 20px;

    border-top:
        1px solid
        rgba(22, 78, 72, 0.08);

    text-align: center;
}


.lfd-sitehdr-mobile-footer-links {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;

    margin-bottom: 10px;
}


.lfd-sitehdr-mobile-footer-links a {
    color: #687775;

    font-size: 0.74rem;
    font-weight: 700;

    text-decoration: none;
}


.lfd-sitehdr-mobile-footer-links a:hover {
    color:
        var(--lfd-sitehdr-teal);
}


.lfd-sitehdr-mobile-footer p {
    margin: 0;

    color: #9aa5a4;

    font-size: 0.7rem;
    font-weight: 600;
}


/* =========================================================
   TABLET LANDSCAPE / SMALL DESKTOP
========================================================= */

@media
    (min-width: 992px)
    and
    (max-width: 1199.98px) {

    .lfd-sitehdr {
        padding-inline: 20px;
    }


    .lfd-sitehdr-inner {
        min-height: 84px;
    }


    .lfd-sitehdr-logo img {
        height: 68px;
    }


    .lfd-sitehdr-desktop-nav {
        padding-left: 34px;
    }


    .lfd-sitehdr-primary {
        gap: 25px;
    }


    .lfd-sitehdr-actions {
        gap: 18px;
    }


    .lfd-sitehdr-link,
    .lfd-sitehdr-healthmate-link {
        font-size: 14px;
    }


    .lfd-sitehdr-account-menu {
        width: 350px;
        min-width: 350px;
    }

}


/* =========================================================
   BELOW LG — MOBILE HEADER
========================================================= */

@media (max-width: 991.98px) {

    .lfd-sitehdr {
        padding:
            8px
            18px;
    }


    .lfd-sitehdr-inner {
        min-height: 72px;
    }


    .lfd-sitehdr-logo img {
        height: 56px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575.98px) {

    .lfd-sitehdr {
        padding:
            7px
            14px;
    }


    .lfd-sitehdr-inner {
        min-height: 66px;
    }


    .lfd-sitehdr-logo img {
        height: 50px;
    }


    .lfd-sitehdr-hamburger {
        width: 42px;
        height: 42px;

        font-size: 16px;
    }


    .lfd-sitehdr-mobile {
        width: 94vw !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 359.98px) {

    .lfd-sitehdr {
        padding-inline: 11px;
    }


    .lfd-sitehdr-logo img {
        height: 46px;
    }


    .lfd-sitehdr-mobile-body {
        padding-inline: 14px;
    }


    .lfd-sitehdr-mobile-nav-copy small,
    .lfd-sitehdr-mobile-account-link small {
        font-size: 0.7rem;
    }

}


/* =========================================================
   ENSURE BOOTSTRAP POPOVERS STAY ABOVE PAGE CONTENT
========================================================= */

.lfd-sitehdr,
.lfd-sitehdr-inner,
.lfd-sitehdr-desktop-nav,
.lfd-sitehdr-actions,
.lfd-sitehdr-account {
    overflow: visible;
}