/* Editorial navigation refresh. This stylesheet is never loaded on product reviews or previews. */
.nf-discovery { background: #faf9f4; }
.nf-discovery .nf-header { background: rgba(250, 249, 244, .97); }
.nf-discovery .nf-header__inner { min-height: 82px; }
.nf-discovery .nf-brand__mark { width: 38px; height: 38px; border-radius: 50% 50% 50% 8px; }
.nf-discovery .nf-nav__list { gap: 1rem; }
.nf-discovery .nf-nav__list a { padding-block: .55rem; }
.nf-discovery .nf-nav a[aria-current="page"] { color: var(--nf-green); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.nf-discovery .nf-nav__search { min-height: 44px; padding-inline: 1rem; }
.nf-discovery .nf-search-panel { background: #faf9f4; padding-block: 1.3rem; }
.nf-discovery .nf-search-suggestions { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1.1rem; width: min(720px, calc(100vw - 2rem)); margin: .75rem auto 0; }
.nf-discovery .nf-search-suggestions > span { font-size: .7rem; color: #63746d; }
.nf-discovery .nf-search-suggestions a { font-size: .76rem; padding: .35rem 0; }
.nf-discovery .nf-search-suggestions a span { margin-left: .3rem; }
.nf-discovery :is(a, button, input, select, summary):focus-visible { outline: 3px solid #688335; outline-offset: 4px; }
.nf-discovery .nf-search input:focus-visible { outline: none; }
.nf-discovery .nf-footer { padding-top: 4.5rem; }
.nf-discovery .nf-footer__top { gap: 2.5rem; }
.nf-discovery .nf-footer__top > div:not(:first-child) { gap: .25rem; }
.nf-discovery .nf-footer__top > div:not(:first-child) a { padding-block: .3rem; }
@media (max-width: 1024px) {
    .nf-discovery .nf-header__inner { min-height: 70px; }
    .nf-discovery .nf-nav { max-height: calc(100dvh - 110px); overflow-y: auto; overscroll-behavior: contain; padding: 1rem max(1rem, calc((100vw - 1180px) / 2)); }
    .nf-discovery .nf-nav__list { gap: 0; }
    .nf-discovery .nf-nav__list a { min-height: 44px; padding: .65rem; border-bottom: 1px solid var(--nf-line); }
    .nf-discovery .nf-search-suggestions { width: 100%; gap: .25rem; align-items: stretch; }
    .nf-discovery .nf-search-suggestions > span { width: 100%; margin-bottom: .3rem; }
    .nf-discovery .nf-search-suggestions a { padding: .5rem .65rem; }
}
@media (max-width: 600px) {
    .nf-discovery .nf-footer__top { gap: 2rem 1rem; }
    .nf-discovery .nf-search--nav { display: flex; }
    .nf-discovery .nf-search--nav input { padding-inline: .5rem; }
}
