/* Mobile homepage presentation only; search forms and service pages are unchanged. */
.fy-mobile-launchpad { display: none; }
.fy-mobile-promos, .fy-mobile-bottom-nav { display: none; }

@media (max-width: 767.98px) {
    .homepage-v2.b2c-home-landing {
        background: #f3f7fa;
        --b2c-home-heading-size: 1.5rem;
    }
    .b2c-home-landing .fy-mobile-launchpad {
        display: block;
        padding: 22px 16px 16px;
        background: linear-gradient(145deg, #eaf6f1, #f2f7fc 70%);
    }
    .b2c-home-landing .fy-mobile-welcome {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 20px;
    }
    .b2c-home-landing .fy-mobile-welcome > div { min-width: 0; }
    .b2c-home-landing .fy-mobile-welcome span {
        display: block;
        color: #217258;
        font-size: 12px;
        font-weight: 650;
        margin-bottom: 7px;
    }
    .b2c-home-landing .fy-mobile-welcome h1 {
        max-width: 265px;
        margin: 0;
        color: #073858;
        font-size: 26px;
        line-height: 1.2;
        font-weight: 750;
        letter-spacing: -.025em;
    }
    .b2c-home-landing .fy-mobile-welcome > a {
        display: grid;
        place-items: center;
        flex: 0 0 46px;
        height: 46px;
        border: 1px solid #c9e0da;
        border-radius: 50%;
        color: #075a92;
        background: #fff;
        text-decoration: none;
        font-size: 22px;
    }
    .b2c-home-landing .fy-mobile-services {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
    .b2c-home-landing .fy-mobile-services > a {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 106px;
        padding: 13px 8px;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        color: #073858;
        text-decoration: none;
        border: 1px solid #dce7ed;
        border-radius: 17px;
        background: #fff;
        box-shadow: 0 3px 10px rgba(7, 56, 88, .035);
    }
    .b2c-home-landing .fy-mobile-services > a > span {
        display: grid;
        width: 44px;
        height: 44px;
        place-items: center;
        border-radius: 13px;
        background: #edf4fb;
    }
    .b2c-home-landing .fy-mobile-services > a:nth-child(even) > span { background: #edf8f3; }
    .b2c-home-landing .fy-mobile-services img { width: 30px; height: 30px; object-fit: contain; }
    .b2c-home-landing .fy-mobile-services strong { font-size: 14px; font-weight: 650; line-height: 1.4; }
    .b2c-home-landing .fy-mobile-services > a > i { position: absolute; right: 9px; top: 9px; color: #7893a4; font-size: 11px; }
    .b2c-home-landing .fy-mobile-services > a:active { background: #eaf5f1; }
    .b2c-home-landing .fy-mobile-launchpad a:focus-visible { outline: 3px solid #075a92; outline-offset: 2px; }
    .b2c-home-landing .fy-mobile-reassurance {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 7px;
        margin-top: 15px;
        color: #526d77;
        font-size: 12px;
        line-height: 1.5;
        text-align: center;
    }
    .b2c-home-landing .fy-mobile-reassurance i { flex-shrink: 0; color: #217258; }

    /* Keep the original banner artwork fully visible, inside its own card. */
    .homepage-v2.b2c-home-landing .b2c-home-banner {
        width: calc(100% - 32px);
        height: auto;
        margin: 4px 16px 24px;
        border-radius: 20px;
        box-shadow: 0 8px 20px rgba(7, 56, 88, .08);
    }
    .homepage-v2.b2c-home-landing .b2c-home-banner picture,
    .homepage-v2.b2c-home-landing .b2c-home-banner img { display: block; width: 100%; height: auto; }
    .homepage-v2.b2c-home-landing .b2c-home-banner::after { display: none; }
    /* Service tiles open the existing search pages; do not resurrect the unused home shell. */
    .homepage-v2.b2c-home-landing .b2c-home-search-stage { display: none !important; }
    .app-scroll-enhanced .homepage-v2.b2c-home-landing .app-reveal-pending {
        opacity: 1;
        transform: none;
        transition: none;
    }

    /* Shorter, clearly separated sections; existing content and links retained. */
    .homepage-v2.b2c-home-landing :is(.b2c-why-travel, .b2c-member-benefits,
        .b2c-tax-services, .b2c-housing, .home-footer-blog-section) {
        padding: 26px 16px;
        background: transparent;
    }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-section { padding: 26px 16px; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-section-container { width: 100%; padding: 0; }
    .homepage-v2.b2c-home-landing :is(.b2c-why-travel-container, .b2c-housing-panel) { grid-template-columns: 1fr; gap: 20px; }
    .homepage-v2.b2c-home-landing .b2c-why-travel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .homepage-v2.b2c-home-landing .b2c-why-travel-grid article {
        padding: 16px 12px;
        min-height: 0;
        border: 1px solid #dfe9ef;
        border-radius: 16px;
        background: #fff;
    }
    .homepage-v2.b2c-home-landing .b2c-why-travel-grid article::before { display: none; }
    .homepage-v2.b2c-home-landing .b2c-why-travel-grid p { font-size: 14px !important; line-height: 1.55 !important; }
    .homepage-v2.b2c-home-landing .b2c-member-benefits-card {
        padding: 20px;
        border: 1px solid #cce4db;
        border-radius: 20px;
        background: #eaf6f0;
        box-shadow: none;
        animation: none;
    }
    .homepage-v2.b2c-home-landing .b2c-member-benefits-card::before,
    .homepage-v2.b2c-home-landing .b2c-member-benefits-card::after { display: none; }
    .homepage-v2.b2c-home-landing .b2c-member-benefits-copy { padding: 0; }
    .homepage-v2.b2c-home-landing .b2c-member-benefits-action { margin-left: 0; }
    .homepage-v2.b2c-home-landing .b2c-tax-service-card { min-height: 100px; border-radius: 17px; background: #fff; }
    .homepage-v2.b2c-home-landing .b2c-housing-panel { padding: 20px; border: 1px solid #dce7ed; border-radius: 20px; background: #fff; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-trust-grid { display: grid; grid-template-columns: 1fr; gap: 10px; border: 0; background: none; box-shadow: none; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-trust-grid article {
        display: flex;
        flex-direction: row;
        min-height: 0;
        padding: 18px 14px;
        align-items: flex-start;
        gap: 14px;
        border: 1px solid #dce7ed;
        border-radius: 16px;
        background: #fff;
    }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-trust-icon { flex: 0 0 52px; width: 52px; height: 52px; margin: 0; border-radius: 14px; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-trust-step { display: none; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-trust-copy { min-width: 0; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-trust-copy p { font-size: 14px !important; line-height: 1.55 !important; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-partner-card { padding: 20px; border: 1px solid #dce7ed; border-radius: 20px; background: #fff; }
    .homepage-v2.b2c-home-landing .home-footer-blog-grid {
        display: grid;
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: 86%;
        gap: 14px;
        overflow-x: auto;
        padding: 0 0 14px;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }
    .homepage-v2.b2c-home-landing .home-footer-blog-card { min-width: 0; scroll-snap-align: start; }
    .homepage-v2.b2c-home-landing .home-booking-office-cta { margin: 12px 16px 26px; padding: 26px 20px; border-radius: 20px; }
    .homepage-v2.b2c-home-landing .home-achievement-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .homepage-v2.b2c-home-landing .home-achievement-stats .is-mission { grid-column: 1 / -1; }

    .homepage-v2.b2c-home-landing .homepage-phase2 .home-testimonial-tabs { gap: 8px; overflow-x: auto; }
    .homepage-v2.b2c-home-landing .homepage-phase2 .home-testimonial-tabs button {
        flex-shrink: 0;
        min-height: 44px;
        font-size: 14px !important;
        line-height: 1.4;
    }
    .b2c-home-landing .home-testimonial-tabs small,
    .b2c-home-landing .home-testimonial-category,
    .b2c-home-landing .home-testimonial-rating strong,
    .b2c-home-landing .home-testimonial-author-copy :is(small, time),
    .b2c-home-landing .home-testimonial-scroll-hint { font-size: 13px !important; line-height: 1.5; }
    .b2c-home-landing .home-testimonial-author-copy strong { font-size: 15px !important; line-height: 1.5; }
    .b2c-home-landing .home-testimonial-copy p { font-size: 15px !important; line-height: 1.65 !important; }
    .b2c-home-landing .home-testimonial-card { min-width: 0; }

    /* Keep all footer destinations, arranged in two readable columns. */
    body:has(.b2c-home-landing) .site-footer .footer-link-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px 12px;
    }
    body:has(.b2c-home-landing) .site-footer .footer-link-list a {
        min-height: 44px;
        padding: 6px 0;
        gap: 6px;
        line-height: 1.4 !important;
    }
    body:has(.b2c-home-landing) .site-footer .footer-link-arrow { display: none; }
    body:has(.b2c-home-landing) .site-footer .footer-content { gap: 20px; }
    body:has(.b2c-home-landing) .site-footer .footer-nav-grid { gap: 16px; }
    body:has(.b2c-home-landing) .site-footer .footer-column { padding: 12px; }

    /* Mobile navigation reserves its own safe-area space below the page. */
    body:has(.b2c-home-landing) { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
    body:has(.b2c-home-landing) .support-fab.support-fab-whatsapp,
    body:has(.b2c-home-landing) .app-back-to-top { display: none; }

    .b2c-home-landing .fy-mobile-promos { display: block; background: #06483f; }
    .b2c-home-landing .fy-mobile-promo-track {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }
    .b2c-home-landing .fy-mobile-promo-track::-webkit-scrollbar { display: none; }
    .b2c-home-landing .fy-mobile-promo {
        flex: 0 0 100%;
        min-width: 0;
        aspect-ratio: 2.24;
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
        scroll-snap-align: start;
        color: #fff;
        text-decoration: none;
    }
    .b2c-home-landing .fy-mobile-promo > img { width: 100%; height: 100%; object-fit: contain; }
    .b2c-home-landing .fy-mobile-promo.is-stays { background: linear-gradient(120deg, #073858, #117c89); }
    .b2c-home-landing .fy-mobile-promo.is-support { background: linear-gradient(120deg, #06483f, #217258); }
    .b2c-home-landing .fy-mobile-promo-copy { position: relative; z-index: 1; padding: 16px 22px; display: grid; gap: 9px; }
    .b2c-home-landing .fy-mobile-promo-copy small { font-size: 10px; letter-spacing: .06em; }
    .b2c-home-landing .fy-mobile-promo-copy strong { font-size: clamp(21px, 6vw, 26px); line-height: 1.2; }
    .b2c-home-landing .fy-mobile-promo-copy > span { font-size: 13px; font-weight: 650; }
    .b2c-home-landing .fy-mobile-promo-art { position: absolute; right: 18px; bottom: 18px; font-size: 86px; color: #b6eee1; opacity: .25; }
    .b2c-home-landing .fy-mobile-promo-controls { position: relative; display: flex; justify-content: center; min-height: 44px; }
    .b2c-home-landing .fy-mobile-promo-dots { display: flex; }
    .b2c-home-landing .fy-mobile-promo-controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #fff; }
    .b2c-home-landing .fy-mobile-promo-dots span { width: 7px; height: 7px; border-radius: 20px; background: #fff; opacity: .5; }
    .b2c-home-landing .fy-mobile-promo-dots [aria-pressed="true"] span { width: 22px; opacity: 1; }
    .b2c-home-landing .fy-mobile-promo-pause { position: absolute; right: 12px; }
    .b2c-home-landing .fy-mobile-promos :focus-visible { outline: 2px solid #fff; outline-offset: -3px; }
    .homepage-v2.b2c-home-landing .b2c-home-banner { display: none; }
    .b2c-home-landing .fy-mobile-welcome { display: none; }
    .b2c-home-landing .fy-mobile-launchpad { padding: 0 16px 20px; background: linear-gradient(#06483f 32px, #f3f7fa 32px); }
    .b2c-home-landing .fy-mobile-services { padding: 14px 8px; border-radius: 16px; background: #fff; box-shadow: 0 5px 16px #07385812; gap: 8px; }
    .b2c-home-landing .fy-mobile-services > a { min-height: 84px; padding: 8px 4px; border: 0; box-shadow: none; border-radius: 12px; }
    .b2c-home-landing .fy-mobile-services > a > i { display: none; }
    .b2c-home-landing .fy-mobile-bottom-nav {
        position: fixed;
        inset: auto 0 0;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        min-height: 72px;
        padding: 0 4px env(safe-area-inset-bottom, 0px);
        z-index: 1034;
        background: #fff;
        border-top: 1px solid #dce7ed;
        box-shadow: 0 -3px 15px #0738580d;
    }
    .b2c-home-landing .fy-mobile-bottom-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 72px; padding: 6px 0; text-decoration: none; color: #526b7a; font-size: 11px; line-height: 1.3; border-top: 3px solid transparent; }
    .b2c-home-landing .fy-mobile-bottom-nav i { font-size: 23px; }
    .b2c-home-landing .fy-mobile-bottom-nav [aria-current="page"] { color: #075a92; border-top-color: #075a92; background: #f1f7fc; }
    .b2c-home-landing .fy-mobile-bottom-nav a:focus-visible { outline: 2px solid #075a92; outline-offset: -3px; }
    body.mobile-menu-open .fy-mobile-bottom-nav,
    body.modal-open .fy-mobile-bottom-nav { display: none; }
}