/* The departure browser is event-driven; it adds no scroll effects or observers. */
.nf-departure-browser {
    --departure-ink: #30251d;
    --departure-muted: #6f655c;
    --departure-gold: #efb158;
    --departure-line: #ded8d1;
    --departure-surface: #f5f3ef;
    padding-block: clamp(64px, 7vw, 104px);
    background: #fff;
    color: var(--departure-ink);
}
.nf-departure-browser [hidden] { display: none !important; }
.nf-departure-browser__shell {
    width: min(1360px, calc(100% - clamp(40px, 8vw, 128px)));
    margin-inline: auto;
}
.nf-departure-browser__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
html body.site-home-page .nf-departure-browser #shared-departures-title {
    margin: 0;
    color: var(--departure-ink) !important;
    font-size: clamp(30px, 3.3vw, 46px) !important;
    line-height: 1.16 !important;
    text-wrap: balance;
}
html body.site-home-page .nf-departure-browser__heading p {
    max-width: 670px;
    margin: 16px 0 0;
    color: var(--departure-muted) !important;
    font-size: 16px;
    line-height: 1.65;
}
.nf-departure-browser__browse { display: inline-flex; align-items: center; flex-shrink: 0; gap: 12px; min-height: 44px; font-size: 14px; font-weight: 600; }
.nf-departure-browser__browse svg { width: 18px; height: 18px; }
.nf-departure-browser__controls { margin-top: 32px; }
.nf-departure-browser button, .nf-departure-browser select {
    color: var(--departure-ink);
    font: 600 14px/1.4 var(--nf-font-body);
}
.nf-departure-browser button { cursor: pointer; }
.nf-departure-browser__tabs {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 4px;
    max-width: 100%;
    padding: 4px;
    background: var(--departure-surface);
}
.nf-departure-browser__tabs button { min-height: 48px; padding: 12px 22px; border: 0; border-radius: 0; background: transparent; }
.nf-departure-browser__tabs button[aria-selected="true"] { background: var(--departure-ink); color: #fff; }
.nf-departure-browser__filters { margin-top: 26px; }
.nf-departure-browser__filter-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.nf-departure-browser__years, .nf-departure-browser__months { display: flex; flex-wrap: wrap; gap: 8px; }
.nf-departure-browser__years button, .nf-departure-browser__months button {
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid var(--departure-line);
    border-radius: 0;
    background: #fff;
}
.nf-departure-browser__months { margin-top: 22px; }
.nf-departure-browser__months button { min-width: 56px; padding-inline: 12px; font-size: 13px; }
.nf-departure-browser__years button[aria-pressed="true"], .nf-departure-browser__months button[aria-pressed="true"] { border-color: var(--departure-gold); background: var(--departure-gold); }
.nf-departure-browser button:disabled { border-color: #ece8e3; color: #a29a92; background: #fff; cursor: default; }
.nf-departure-browser button:not(:disabled):hover { border-color: var(--departure-ink); }
.nf-departure-browser__tabs button:not([aria-selected="true"]):hover { background: #e9e5df; }
.nf-departure-browser label { display: grid; gap: 7px; color: var(--departure-muted); font-size: 12px; font-weight: 600; }
.nf-departure-browser select { width: 100%; min-height: 46px; padding: 9px 34px 9px 12px; border: 1px solid var(--departure-line); border-radius: 0; background-color: #fff; }
.nf-departure-browser__type { width: min(100%, 280px); }
.nf-departure-browser__mobile-dates { display: none; }
.nf-departure-browser__results-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; margin-top: 14px; }
html body.site-home-page .nf-departure-browser__results-bar p { margin: 0; color: var(--departure-muted) !important; font-size: 13px; }
.nf-departure-browser__results-bar button { min-height: 44px; padding: 8px 0 8px 12px; border: 0; background: transparent; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.nf-departure-browser__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(260px, calc((100% - 48px) / 3))), 1fr));
    gap: 30px 24px;
    margin-top: 30px;
}
.nf-departure-browser__results-bar:not([hidden]) ~ .nf-departure-browser__grid { margin-top: 4px; }
.nf-departure-browser__swipe-hint { display: none; }
.nf-departure-browser [data-departure-grid]:focus-visible { outline: 2px solid #93601e; outline-offset: 5px; }
.nf-departure-browser__card { width: 100%; max-width: 620px; min-width: 0; justify-self: center; }
.nf-departure-browser__card > a { display: flex; flex-direction: column; height: 100%; border: 0; background: #fff; box-shadow: 0 4px 20px rgba(48, 37, 29, .09); color: var(--departure-ink); text-decoration: none; }
.nf-departure-browser__image { aspect-ratio: 16 / 10; overflow: hidden; background: var(--departure-surface); }
.nf-departure-browser__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nf-departure-browser__body { display: flex; flex: 1; flex-direction: column; align-items: stretch; padding: 22px; }
html body.site-home-page .nf-departure-browser__place { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 12px 0 20px; color: var(--departure-muted) !important; font-size: 12px; font-weight: 500; }
.nf-departure-browser__place span { flex-shrink: 0; }
.nf-departure-browser__schedule { display: grid; justify-items: start; gap: 10px; margin-bottom: 22px; }
.nf-departure-browser__status-line { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
.nf-departure-browser__timing { display: inline-flex; align-items: center; min-height: 22px; padding: 3px 7px; background: #f1efeb; color: #62564a; font-size: 11px; font-weight: 600; line-height: 1.4; }
.nf-departure-browser__timing[data-timing-state="soon"] { background: #fcf0dc; color: #785018; }
.nf-departure-browser__availability { color: #785018; font-size: 12px; font-weight: 500; line-height: 1.4; }
.nf-departure-browser__availability[data-availability-state="available"] { color: #21633d; }
.nf-departure-browser__availability[data-availability-state="on request"] { color: var(--departure-muted); }
html body.site-home-page .nf-departure-browser__body h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 2.8em; margin: 0; color: var(--departure-ink) !important; font-size: clamp(17px, 1.35vw, 19px); font-weight: 600; line-height: 1.4; text-wrap: pretty; }
html body.site-home-page .nf-departure-browser__date { display: grid; gap: 6px; margin: 0; color: var(--departure-ink) !important; }
.nf-departure-browser__date-main { font: 600 clamp(24px, 2.2vw, 30px)/1.2 var(--nf-font-heading); letter-spacing: -.02em; }
.nf-departure-browser__date small { color: var(--departure-muted); font-size: 13px; font-weight: 400; line-height: 1.5; }
.nf-departure-browser__date small:empty, .nf-departure-browser__price small:empty { display: none; }
.nf-departure-browser__price { display: grid; gap: 4px; margin-top: 0; }
.nf-departure-browser__price strong { font-size: 17px; font-weight: 600; }
.nf-departure-browser__price small { color: var(--departure-muted); font-size: 12px; }
.nf-departure-browser__card-footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: auto; padding-top: 22px; font-size: 12px; }
.nf-departure-browser__card-footer > span:last-child { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 12px; padding: 10px 14px; background: var(--departure-gold); font-weight: 600; }
.nf-departure-browser__card-footer svg { width: 16px; height: 16px; }
.nf-departure-browser__card > a:hover { box-shadow: 0 6px 24px rgba(48, 37, 29, .13); }
.nf-departure-browser :is(button, select, a):focus-visible, .nf-departure-browser [role="tabpanel"]:focus-visible { outline: 2px solid #93601e; outline-offset: 4px; }
.nf-departure-browser__empty { max-width: 690px; margin-top: 28px; padding: clamp(24px, 4vw, 42px); background: var(--departure-surface); }
html body.site-home-page .nf-departure-browser__empty h3 { color: var(--departure-ink) !important; font-size: clamp(21px, 2vw, 26px); line-height: 1.3; }
html body.site-home-page .nf-departure-browser__empty p { margin-top: 12px; color: var(--departure-muted) !important; font-size: 15px; line-height: 1.65; }
.nf-departure-browser__empty a, .nf-departure-browser__show-more { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; margin-top: 22px; padding: 12px 20px; border: 0; border-radius: 0; background: var(--departure-gold); color: var(--departure-ink); font-size: 14px; font-weight: 600; }
.nf-departure-browser__show-more { display: flex; margin: 28px auto 0; }
@media (min-width: 640px) and (max-width: 1023px) {
    .nf-departure-browser__grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(245px, calc((100% - 24px) / 2))), 1fr)); }
}
@media (max-width: 900px) {
    .nf-departure-browser__heading { display: block; }
    .nf-departure-browser__browse { margin-top: 10px; }
}
@media (max-width: 639px) {
    .nf-departure-browser__controls { margin-top: 20px; }
    .nf-departure-browser__tabs { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
    .nf-departure-browser__tabs button { min-height: 56px; padding: 9px 12px; font-size: 13px; }
    .nf-departure-browser__years, .nf-departure-browser__months { display: none; }
    .nf-departure-browser__filter-top { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; align-items: stretch; gap: 16px; }
    .nf-departure-browser__mobile-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .nf-departure-browser select { font-size: 16px; font-weight: 500; }
    .nf-departure-browser__type { width: 100%; }
    html body.site-home-page .nf-departure-browser__swipe-hint { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 8px; color: var(--departure-muted) !important; font-size: 12px; }
    .nf-departure-browser__swipe-hint svg { width: 18px; height: 18px; }
    .nf-departure-browser__grid {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: min(82vw, 336px);
        align-items: stretch;
        gap: 16px;
        width: calc(100% + 28px);
        margin-left: -8px;
        margin-top: 0;
        padding: 8px 20px 22px 8px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 8px 20px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .nf-departure-browser__grid::-webkit-scrollbar { display: none; }
    .nf-departure-browser__card { scroll-snap-align: start; }
    .nf-departure-browser__card > a { display: flex; flex-direction: column; }
    .nf-departure-browser__image { min-height: 0; aspect-ratio: 16 / 10; }
    .nf-departure-browser__image img { height: 100%; min-height: 0; }
    .nf-departure-browser__body { padding: 20px 18px 18px; }
    .nf-departure-browser__schedule { gap: 8px; margin-bottom: 16px; }
    .nf-departure-browser__date-main { font-size: 26px; }
    html body.site-home-page .nf-departure-browser__body h3 { font-size: 18px; }
    html body.site-home-page .nf-departure-browser__place { flex-wrap: wrap; gap: 4px 12px; margin: 10px 0 16px; }
    html body.site-home-page .nf-departure-browser__date { gap: 5px; }
    .nf-departure-browser__price strong { font-size: 16px; }
    .nf-departure-browser__price small { font-size: 12px; line-height: 1.45; }
    .nf-departure-browser__card-footer { flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 12px; }
    .nf-departure-browser__card-footer > span:last-child { width: 100%; }
}