/* Last-loaded chooser card fit for the public landing page. */
@media (min-width: 620px) {
    body.product-pathway-page.is-pathway-chooser {
        overflow-x: hidden !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-wrap,
    body.product-pathway-page.is-pathway-chooser .pathway-topbar-inner,
    body.product-pathway-page.is-pathway-chooser .pathway-hero .pathway-wrap {
        width: min(1720px, calc(100vw - clamp(22px, 4vw, 72px))) !important;
        max-width: min(1720px, calc(100vw - clamp(22px, 4vw, 72px))) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-main {
        gap: clamp(10px, 1.45vw, 16px) !important;
        padding-bottom: 0 !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-hero {
        padding-top: clamp(10px, 1.6vw, 20px) !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door-grid {
        display: grid !important;
        grid-template-columns: repeat(var(--pathway-card-count, 4), minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
        grid-auto-columns: auto !important;
        gap: clamp(8px, 1vw, 14px) !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding: 0 !important;
        align-items: stretch !important;
        scroll-snap-type: none !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door {
        min-width: 0 !important;
        width: auto !important;
        min-height: clamp(148px, 12vw, 188px) !important;
        padding: clamp(10px, 0.8vw, 14px) !important;
        gap: clamp(5px, 0.55vw, 8px) !important;
        border-radius: clamp(16px, 1.5vw, 22px) !important;
        scroll-snap-align: none !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door-kicker {
        font-size: clamp(0.44rem, 0.62vw, 0.62rem) !important;
        letter-spacing: clamp(0.1em, 0.3vw, 0.14em) !important;
        line-height: 1.2 !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door strong {
        font-size: clamp(0.96rem, 1.22vw, 1.42rem) !important;
        line-height: 0.98 !important;
        letter-spacing: 0 !important;
        overflow-wrap: anywhere !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door p {
        max-width: none !important;
        font-size: clamp(0.56rem, 0.62vw, 0.72rem) !important;
        line-height: 1.16 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door-cta {
        margin-top: auto !important;
        min-height: clamp(28px, 2.2vw, 34px) !important;
        padding: 0 clamp(8px, 0.9vw, 12px) !important;
        border-radius: 999px !important;
        font-size: clamp(0.58rem, 0.65vw, 0.72rem) !important;
        white-space: nowrap !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door::after {
        right: clamp(12px, 1.6vw, 24px) !important;
        bottom: clamp(12px, 1.6vw, 24px) !important;
        width: clamp(9px, 1.25vw, 14px) !important;
        height: clamp(9px, 1.25vw, 14px) !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-landing-scene.pathway-flight-scene {
        margin-top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 620px) and (max-width: 760px) {
    body.product-pathway-page.is-pathway-chooser .pathway-door {
        min-height: 164px !important;
        padding: 10px !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door-kicker {
        font-size: 0.46rem !important;
        letter-spacing: 0.11em !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door strong {
        font-size: clamp(0.88rem, 2vw, 1.12rem) !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door p {
        font-size: 0.58rem !important;
        line-height: 1.16 !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 619px) {
    body.product-pathway-page.is-pathway-chooser {
        overflow-x: hidden !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-wrap,
    body.product-pathway-page.is-pathway-chooser .pathway-topbar-inner,
    body.product-pathway-page.is-pathway-chooser .pathway-hero .pathway-wrap {
        width: min(100% - 18px, 1480px) !important;
        max-width: calc(100vw - 18px) !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door-grid {
        display: grid !important;
        grid-template-columns: none !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(0, calc(100vw - 62px)) !important;
        gap: 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 2px 0 10px !important;
        scroll-snap-type: x mandatory !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door {
        min-width: 0 !important;
        min-height: 124px !important;
        padding: 8px 7px !important;
        gap: 4px !important;
        border-radius: 16px !important;
        scroll-snap-align: start !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door-kicker {
        font-size: 0.4rem !important;
        letter-spacing: 0.08em !important;
        line-height: 1.12 !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door strong {
        font-size: clamp(0.84rem, 4.3vw, 1.02rem) !important;
        line-height: 0.96 !important;
        letter-spacing: 0 !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door p {
        font-size: 0.5rem !important;
        line-height: 1.08 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door-cta {
        min-height: 24px !important;
        max-width: 100% !important;
        padding: 0 6px !important;
        font-size: 0.46rem !important;
        white-space: normal !important;
        line-height: 1.05 !important;
        text-align: center !important;
    }

    body.product-pathway-page.is-pathway-chooser .pathway-door::after {
        right: 9px !important;
        bottom: 9px !important;
        width: 8px !important;
        height: 8px !important;
    }
}