/* ==========================================================================
   5. RESPONSIVE
   ========================================================================== */

/* Tablet (768px+) */
@media (min-width: 768px) {
    .fp-hamburger {
        display: none;
    }

    .fp-header-brand {
        padding: 10px 32px;
        max-width: 1280px;
        margin: 0 auto;
    }

    .fp-header-tabs {
        padding: 8px 32px;
        max-width: 1280px;
        margin: 0 auto;
    }

    .fp-header-search-row {
        padding: 4px 32px 12px;
        max-width: 1280px;
        margin: 0 auto;
    }

    .fp-search-bar {
        max-width: none;
    }

    .fp-logo-text {
        font-size: var(--fp-text-2xl);
    }
}

/* Desktop (1024px+) */
@media (min-width: 1024px) {
    .fp-header-brand {
        padding: 12px 48px;
    }

    .fp-header-tabs {
        padding: 8px 48px;
        gap: 8px;
    }

    .fp-tab {
        padding: 7px 18px;
        font-size: var(--fp-text-base);
    }

    .fp-header-search-row {
        padding: 6px 48px 14px;
        gap: 12px;
    }

    .fp-search-bar {
        max-width: none;
        height: 47px;
        /* Increased by 5px for desktop */
    }

    .fp-promo-badge {
        height: 47px;
        /* Increased by 5px to match search bar on desktop */
    }

    .fp-logo-img {
        height: 42px;
    }

    .fp-search-input {
        font-size: var(--fp-text-base);
    }

    /* Desktop: Compact centered sticky search */
    .fp-header-search-row.fp-search-sticky {
        padding: 8px 48px;
        max-width: 1280px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    /* FOOTER: On desktop, hide mobile bar, show fat footer + sticky */
    .fp-bottom-bar {
        display: none;
    }

    .fp-fat-footer {
        display: block;
    }

    .fp-flashai-sticky {
        display: block;
    }

    body {
        padding-bottom: 0;
    }

    /* Footer responsive — tablet (768-1024) */
    .fp-ft-ctas{grid-template-columns:1fr;gap:16px;padding:32px 32px 0}
    .fp-ft-cta{padding:28px 24px}
    .fp-ft-cta-vis{width:140px;height:140px}
    .fp-ft-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px;padding:36px 32px 28px}
    .fp-ft-col-app,.fp-ft-col:nth-child(5){grid-column:span 1}
    .fp-ft-col-brand{grid-column:span 4;padding-right:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
    .fp-ft-logo{grid-column:span 2}
    .fp-ft-seo,.fp-ft-about,.fp-ft-faq,.fp-ft-trust,.fp-ft-copy{padding-left:32px;padding-right:32px}
}

/* Footer responsive — wide desktop (1200+) */
@media (min-width: 1200px) {
    .fp-ft-ctas{grid-template-columns:1fr 1fr;gap:20px;padding:40px 40px 0}
    .fp-ft-cta{padding:36px 32px}
    .fp-ft-cta-vis{width:180px;height:180px}
    .fp-ft-grid{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr 1.2fr;gap:28px;padding:44px 40px 36px}
    .fp-ft-col-brand{grid-column:span 1;display:flex;padding-right:12px}
}

/* Wide Desktop (1440px+) */
@media (min-width: 1440px) {

    .fp-header-brand,
    .fp-header-tabs,
    .fp-header-search-row {
        max-width: 1400px;
    }
}

