        <?php
        /* ═══════════════════════════════════════════════════════
           PAGE META  —  edit these values for each page
        ═══════════════════════════════════════════════════════ */
        $page_title       = "Buy Facebook Post Likes — Real, Instant & Safe | DiscordBooster (2026)";
        $meta_description = "Buy real Facebook post likes from the most trusted engagement service since 2019. Instant delivery, 30-day refill guarantee. No password required. Starts at \$2. Trusted by 120,000+ creators and brands.";
        $meta_keywords    = "buy facebook post likes, buy facebook likes, real facebook post likes, buy facebook likes instant, cheap facebook post likes, facebook post likes service 2026, increase facebook post likes, boost facebook post, facebook post engagement, buy facebook reactions";
        $canonical_url    = "https://discordbooster.com/buy-facebook-post-likes";
        $og_title         = "Buy Facebook Post Likes — Real, Instant & Safe | DiscordBooster";
        $og_description   = "Real Facebook post likes from \$2. Instant delivery, 30-day refill, no password needed. 120,000+ happy customers since 2019.";
        $og_image         = "https://discordbooster.com/og-facebook-post-likes.jpg";
        $active_platform  = "facebook";

        $schema_json = <<<'JSON'
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "@id": "https://discordbooster.com/buy-facebook-post-likes#webpage",
      "url": "https://discordbooster.com/buy-facebook-post-likes",
      "name": "Buy Facebook Post Likes — Real, Instant & Safe | DiscordBooster (2026)",
      "description": "Real Facebook post likes with instant delivery and 30-day refill guarantee. No password required. Boost your post's reach, engagement rate, and social proof from $2.",
      "inLanguage": "en-US",
      "dateModified": "2026-05-25",
      "breadcrumb": {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Home",
            "item": "https://discordbooster.com"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "Facebook",
            "item": "https://discordbooster.com/facebook"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "Buy Facebook Post Likes",
            "item": "https://discordbooster.com/buy-facebook-post-likes"
          }
        ]
      }
    },
    {
      "@type": "Organization",
      "@id": "https://discordbooster.com#org",
      "name": "DiscordBooster",
      "url": "https://discordbooster.com",
      "foundingDate": "2019",
      "description": "Leading multi-platform social media growth service trusted by 120,000+ customers worldwide."
    },
    {
      "@type": "Product",
      "name": "Facebook Post Likes",
      "description": "Real Facebook post likes from genuine-looking accounts, delivered instantly with a 30-day refill guarantee. Safe, no password required. Boosts individual post reach, engagement rate, and social proof visibility in News Feed.",
      "brand": {
        "@type": "Brand",
        "name": "DiscordBooster"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "7438",
        "bestRating": "5",
        "worstRating": "1"
      },
      "offers": [
        {
          "@type": "Offer",
          "name": "50 Facebook Post Likes",
          "price": "2.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        },
        {
          "@type": "Offer",
          "name": "100 Facebook Post Likes",
          "price": "3.50",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        },
        {
          "@type": "Offer",
          "name": "250 Facebook Post Likes",
          "price": "7.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        },
        {
          "@type": "Offer",
          "name": "500 Facebook Post Likes",
          "price": "12.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        },
        {
          "@type": "Offer",
          "name": "1,000 Facebook Post Likes",
          "price": "20.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        },
        {
          "@type": "Offer",
          "name": "2,500 Facebook Post Likes",
          "price": "44.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        },
        {
          "@type": "Offer",
          "name": "5,000 Facebook Post Likes",
          "price": "80.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        },
        {
          "@type": "Offer",
          "name": "10,000 Facebook Post Likes",
          "price": "145.00",
          "priceCurrency": "USD",
          "availability": "https://schema.org/InStock",
          "url": "https://discordbooster.com/buy-facebook-post-likes"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Is it safe to buy Facebook post likes?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. DiscordBooster only requires your public post URL — never your password or account access. Post likes are delivered gradually with natural pacing to avoid triggering Meta's anomaly detection. We've served 120,000+ customers since 2019 with zero account restrictions from our post likes service."
          }
        },
        {
          "@type": "Question",
          "name": "Are the Facebook post likes from real accounts?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. Our post likes come from genuine-looking Facebook accounts with profile photos, post histories, and friend networks — not empty shell profiles that Meta removes in its next authenticity sweep."
          }
        },
        {
          "@type": "Question",
          "name": "How fast will I get my Facebook post likes?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Most orders begin delivery within 5–15 minutes of payment. Small packages complete within 30–60 minutes; larger packages are spread over several hours to maintain a natural engagement pattern."
          }
        },
        {
          "@type": "Question",
          "name": "Do I need to give you my Facebook password?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Never. We only need the public URL of your Facebook post. Your password and account credentials are never requested or stored."
          }
        },
        {
          "@type": "Question",
          "name": "Will more post likes improve my reach in Facebook News Feed?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. Post likes are one of the primary engagement signals Meta's algorithm uses to decide whether to distribute a post more widely. A post with strong early like engagement receives broader secondary distribution to followers who haven't yet seen it and to friends of those who engaged."
          }
        },
        {
          "@type": "Question",
          "name": "Can I buy likes for Facebook photos, videos, and links?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. Our post likes service works for all Facebook post types — status updates, photos, videos, links, reels, and shared content. Simply paste the public URL of the specific post you want to boost."
          }
        },
        {
          "@type": "Question",
          "name": "Can I choose the reaction type (Like, Love, Haha, etc.)?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Standard orders deliver the thumbs-up Like reaction. If you need a specific reaction type such as Love, Haha, Wow, Sad, or Angry, contact our support team before placing your order and we'll configure the delivery to match your preference."
          }
        },
        {
          "@type": "Question",
          "name": "What payment methods do you accept?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "We accept PayPal, Visa, Mastercard, American Express, and major cryptocurrencies including Bitcoin and Ethereum. All transactions are SSL-encrypted and PCI-compliant."
          }
        }
      ]
    },
    {
      "@type": "ItemList",
      "name": "Facebook Post Likes Packages",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "50 Facebook Post Likes — $2.00"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "100 Facebook Post Likes — $3.50"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "250 Facebook Post Likes — $7.00"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "500 Facebook Post Likes — $12.00"
        },
        {
          "@type": "ListItem",
          "position": 5,
          "name": "1,000 Facebook Post Likes — $20.00"
        },
        {
          "@type": "ListItem",
          "position": 6,
          "name": "2,500 Facebook Post Likes — $44.00"
        },
        {
          "@type": "ListItem",
          "position": 7,
          "name": "5,000 Facebook Post Likes — $80.00"
        },
        {
          "@type": "ListItem",
          "position": 8,
          "name": "10,000 Facebook Post Likes — $145.00"
        }
      ]
    }
  ]
}
JSON;

        include 'header.php';
        ?>

<!-- ══ PAGE-SPECIFIC STYLES ══════════════════════════════
     Review: remove any :root / nav / footer / body / font
     rules already provided by header.php / footer.php
══════════════════════════════════════════════════════ -->
<style>
    :root {
      --cream: #faf8f4;
      --bg: #f5f1ea;
      --surface: #ffffff;
      --border: #e8e2d8;
      --border-dark: #d4cdc0;
      --ink: #1a1612;
      --ink-2: #3d3830;
      --muted: #8c8278;
      --accent: #1877f2;
      --accent-soft: #e7f0fd;
      --accent-border: #b3cffa;
      --accent-dark: #1464d8;
      --teal: #69c9d0;
      --teal-soft: #edfbfc;
      --teal-border: #b8ecf0;
      --gold: #c9920a;
      --gold-soft: #fdf6e3;
      --green: #1a7a4a;
      --green-soft: #eaf6ef;
      --shadow-sm: 0 1px 3px rgba(26,22,18,0.08);
      --shadow-md: 0 4px 16px rgba(26,22,18,0.1);
      --shadow-lg: 0 12px 40px rgba(26,22,18,0.13);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { background: var(--cream); color: var(--ink-2); font-family: 'Outfit', sans-serif; font-size: 16px; line-height: 1.7; overflow-x: hidden; }
    h1, h2, h3, h4 { font-family: 'Sora', sans-serif; color: var(--ink); line-height: 1.15; }
    a { color: inherit; text-decoration: none; }
    strong { color: var(--ink); font-weight: 600; }

    /* ── NAV ── */
    nav { position: fixed; top: 0; left: 0; right: 0; z-index: 200; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; height: 66px; background: rgba(250,248,244,0.94); backdrop-filter: blur(16px); border-bottom: 1px solid var(--border); }
    .logo { font-family: 'Sora', sans-serif; font-weight: 800; font-size: 1.3rem; color: var(--ink); letter-spacing: -0.5px; }
    .logo em { color: var(--accent); font-style: italic; }
    .nav-links { display: flex; gap: 2rem; list-style: none; font-size: 0.875rem; font-weight: 500; color: var(--muted); align-items: center; }
    .nav-links a:hover { color: var(--ink); }
    .nav-cta { background: var(--ink); color: #fff; padding: 0.5rem 1.2rem; border-radius: 6px; font-size: 0.82rem; font-weight: 600; transition: background 0.18s; }
    .nav-cta:hover { background: var(--accent); }
    .dropdown { position: relative; cursor: pointer; }
    .dropdown-content { display: none; position: absolute; top: calc(100% + 8px); left: 0; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 0.8rem; min-width: 200px; box-shadow: var(--shadow-lg); z-index: 300; grid-template-columns: 1fr; gap: 0.25rem; }
    .dropdown:hover .dropdown-content { display: grid; }
    .dropdown-content a { padding: 0.45rem 0.8rem; border-radius: 6px; transition: background 0.15s; font-size: 0.82rem; color: var(--ink-2); }
    .dropdown-content a:hover { background: var(--accent-soft); color: var(--accent); }
    .nested-dropdown { position: relative; }
    .nested-content { display: none; position: absolute; left: 100%; top: 0; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 0.7rem; min-width: 180px; box-shadow: var(--shadow-lg); grid-template-columns: 1fr; gap: 0.2rem; margin-left: 6px; }
    .nested-dropdown:hover .nested-content { display: grid; }
    .nested-dropdown > a { display: flex; justify-content: space-between; align-items: center; }
    .nested-dropdown > a::after { content: '›'; font-size: 1rem; margin-left: 0.5rem; opacity: 0.4; }

    /* ── BREADCRUMB ── */
    .breadcrumb { padding: 82px 5% 0; font-size: 0.78rem; color: var(--muted); display: flex; align-items: center; gap: 0.4rem; max-width: 1240px; margin: 0 auto; position: relative; justify-content: flex-start; height: auto; z-index: 1; background: transparent; backdrop-filter: none; border-bottom: none; }
    .breadcrumb a { color: var(--muted); transition: color 0.15s; }
    .breadcrumb a:hover { color: var(--accent); }
    .breadcrumb .sep { opacity: 0.4; }

    /* ── HERO ── */
    .hero { padding: 56px 5% 0; display: grid; grid-template-columns: 1fr 440px; gap: 4rem; align-items: start; max-width: 1240px; margin: 0 auto; }
    .hero-left { padding-top: 1rem; }
    .hero-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--accent-soft); border: 1px solid var(--accent-border); color: var(--accent); border-radius: 4px; padding: 0.3rem 0.8rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 1.5rem; animation: fadeIn 0.5s ease both; }
    .hero h1 { font-size: clamp(2.8rem, 4.5vw, 4.2rem); font-weight: 800; letter-spacing: -1.5px; margin-bottom: 1.5rem; line-height: 1.08; animation: fadeIn 0.5s 0.06s ease both; }
    .hero h1 em { color: var(--accent); font-style: italic; }
    .hero-desc { font-size: 1.1rem; color: var(--muted); max-width: 520px; margin-bottom: 2rem; line-height: 1.75; animation: fadeIn 0.5s 0.12s ease both; }
    .hero-proof { display: flex; align-items: center; gap: 1.2rem; margin-bottom: 2rem; animation: fadeIn 0.5s 0.18s ease both; flex-wrap: wrap; }
    .hero-proof .stars-row { color: #f5a623; font-size: 1.1rem; letter-spacing: 2px; }
    .hero-proof .rating-text { font-size: 0.88rem; color: var(--muted); }
    .hero-proof .rating-text strong { color: var(--ink); }
    .hero-proof .divider { width: 1px; height: 28px; background: var(--border-dark); }
    .hero-trust-pills { display: flex; flex-wrap: wrap; gap: 0.6rem; animation: fadeIn 0.5s 0.24s ease both; }
    .pill { display: inline-flex; align-items: center; gap: 0.35rem; background: var(--green-soft); color: var(--green); border: 1px solid #b6e4ce; border-radius: 100px; padding: 0.28rem 0.85rem; font-size: 0.78rem; font-weight: 600; }
    .pill::before { content: '✓'; font-weight: 800; }

    /* ── ORDER CARD ── */
    .order-card { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 2rem; box-shadow: var(--shadow-lg); position: sticky; top: 82px; animation: fadeIn 0.5s 0.1s ease both; }
    .order-card-title { font-family: 'Sora', sans-serif; font-size: 1.2rem; font-weight: 800; margin-bottom: 0.4rem; color: var(--ink); }
    .order-card-sub { font-size: 0.82rem; color: var(--muted); margin-bottom: 1.2rem; }
    .pkg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin-bottom: 1.4rem; }
    .pkg-btn { background: var(--cream); border: 1.5px solid var(--border); border-radius: 10px; padding: 0.75rem 0.5rem; cursor: pointer; transition: all 0.15s; position: relative; text-align: center; }
    .pkg-btn:hover { border-color: var(--accent); background: var(--accent-soft); }
    .pkg-btn.active { border-color: var(--accent); background: var(--accent-soft); }
    .pkg-btn .pkg-count { font-weight: 700; font-size: 0.93rem; color: var(--ink); display: block; }
    .pkg-btn .pkg-price { font-size: 0.8rem; color: var(--muted); }
    .pkg-btn .pkg-tag { position: absolute; top: -9px; right: 6px; background: var(--accent); color: #fff; font-size: 0.6rem; font-weight: 800; padding: 0.1rem 0.35rem; border-radius: 3px; letter-spacing: 0.5px; }
    .order-summary { background: var(--cream); border: 1px solid var(--border); border-radius: 12px; padding: 1.2rem; margin-bottom: 1.2rem; }
    .order-price { font-family: 'Sora', sans-serif; font-size: 2.6rem; font-weight: 800; color: var(--ink); line-height: 1; }
    .order-saving { font-size: 0.82rem; color: var(--green); font-weight: 600; margin-top: 0.25rem; }
    .order-input-label { font-size: 0.75rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.4rem; display: block; }
    .order-input { width: 100%; border: 1.5px solid var(--border); border-radius: 8px; padding: 0.85rem 1rem; font-family: 'Outfit', sans-serif; font-size: 0.97rem; background: #fff; color: var(--ink); transition: border-color 0.15s; margin-bottom: 0.6rem; }
    .order-input:focus { outline: none; border-color: var(--accent); }
    .order-input::placeholder { color: var(--muted); }
    .order-hint { font-size: 0.74rem; color: var(--muted); margin-bottom: 1rem; display: block; line-height: 1.5; }
    .order-btn { width: 100%; background: var(--ink); color: #fff; border: none; padding: 1.05rem; border-radius: 10px; font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 700; cursor: pointer; transition: all 0.18s; }
    .order-btn:hover { background: var(--accent); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(24,119,242,0.3); }
    .order-meta { display: flex; flex-wrap: wrap; gap: 0.5rem 0.9rem; margin-top: 0.9rem; }
    .order-meta span { font-size: 0.74rem; color: var(--muted); display: flex; align-items: center; gap: 0.25rem; }
    .order-meta span::before { content: '🔒'; font-size: 0.7rem; }

    /* ── REACTION SELECTOR ── */
    .reaction-row { display: flex; gap: 0.5rem; margin-bottom: 0.6rem; flex-wrap: wrap; }
    .reaction-btn { background: var(--cream); border: 1.5px solid var(--border); border-radius: 8px; padding: 0.5rem 0.8rem; cursor: pointer; transition: all 0.15s; font-size: 0.85rem; font-weight: 600; color: var(--ink-2); display: flex; align-items: center; gap: 0.3rem; }
    .reaction-btn:hover { border-color: var(--accent); background: var(--accent-soft); }
    .reaction-btn.active { border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
    .reaction-hint { font-size: 0.72rem; color: var(--muted); margin-bottom: 1rem; line-height: 1.5; }

    /* ── METRICS ── */
    .metrics { background: var(--ink); color: #fff; padding: 1.4rem 5%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 4rem; }
    .metric { text-align: center; padding: 0.6rem 0; }
    .metric-value { font-family: 'Sora', sans-serif; font-size: 2rem; font-weight: 800; color: #fff; line-height: 1; }
    .metric-label { font-size: 0.8rem; color: rgba(255,255,255,0.5); margin-top: 0.2rem; }

    /* ── PAGE BODY / SECTIONS ── */
    .page-body { max-width: 1240px; margin: 0 auto; padding: 0 5%; }
    .section { padding: 80px 0; }
    .section-label { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--accent); margin-bottom: 0.7rem; }
    .section-title { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 800; margin-bottom: 1rem; letter-spacing: -0.8px; }
    .section-sub { color: var(--muted); max-width: 520px; font-size: 1.03rem; }
    .section-header { margin-bottom: 3.5rem; }
    .section-header.centered { text-align: center; }
    .section-header.centered .section-sub { margin: 0 auto; }

    /* ── RELATED BAR ── */
    .related-bar { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 1.5rem 2rem; display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
    .related-bar .rel-label { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); white-space: nowrap; }
    .related-bar .rel-links { display: flex; gap: 0.7rem; flex-wrap: wrap; }
    .rel-link { background: var(--cream); border: 1px solid var(--border); border-radius: 100px; padding: 0.3rem 0.9rem; font-size: 0.82rem; font-weight: 500; color: var(--ink-2); transition: all 0.15s; }
    .rel-link:hover { background: var(--accent-soft); border-color: var(--accent-border); color: var(--accent); }
    .rel-link.active { background: var(--accent); border-color: var(--accent); color: #fff; }

    /* ── ALGORITHM DARK SECTION ── */
    .algo-section { background: var(--ink); padding: 80px 5%; }
    .algo-inner { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
    .algo-inner .section-label { color: var(--teal); }
    .algo-inner .section-title { color: #fff; }
    .algo-inner p { color: rgba(255,255,255,0.55); font-size: 1.02rem; line-height: 1.8; margin-bottom: 1.2rem; }
    .algo-signals { list-style: none; display: flex; flex-direction: column; gap: 0.8rem; }
    .algo-signals li { display: flex; gap: 1rem; align-items: flex-start; padding: 1rem; border-radius: 12px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); transition: background 0.2s; }
    .algo-signals li:hover { background: rgba(255,255,255,0.07); }
    .algo-signal-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }
    .algo-signal-title { color: #fff; font-size: 0.95rem; font-weight: 600; margin-bottom: 0.15rem; }
    .algo-signal-desc { color: rgba(255,255,255,0.5); font-size: 0.87rem; line-height: 1.6; }
    .algo-meter { margin-top: 2rem; }
    .algo-meter-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
    .algo-meter-label { font-size: 0.82rem; color: rgba(255,255,255,0.6); min-width: 160px; }
    .algo-meter-track { flex: 1; height: 8px; background: rgba(255,255,255,0.08); border-radius: 100px; overflow: hidden; }
    .algo-meter-fill { height: 100%; border-radius: 100px; background: linear-gradient(90deg, var(--teal), var(--accent)); }
    .algo-meter-val { font-size: 0.8rem; color: var(--teal); font-weight: 700; min-width: 36px; text-align: right; }

    /* ── WHY BUY GRID ── */
    .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; }
    .why-body p { color: var(--muted); font-size: 1.05rem; line-height: 1.82; margin-bottom: 1.3rem; }
    .callout { background: var(--accent-soft); border-left: 4px solid var(--accent); border-radius: 0 10px 10px 0; padding: 1.2rem 1.5rem; margin: 2rem 0; font-size: 0.97rem; color: var(--ink-2); }
    .why-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 2rem; }
    .why-stat { background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 1.5rem; }
    .why-stat .val { font-family: 'Sora', sans-serif; font-size: 2.2rem; font-weight: 800; color: var(--ink); line-height: 1; }
    .why-stat .lbl { font-size: 0.82rem; color: var(--muted); margin-top: 0.3rem; }

    /* ── REACTIONS SHOWCASE ── */
    .reactions-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1rem; }
    .reaction-card { background: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 1.5rem; text-align: center; transition: all 0.18s; }
    .reaction-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-md); }
    .reaction-emoji { font-size: 2.4rem; display: block; margin-bottom: 0.6rem; }
    .reaction-name { font-size: 0.95rem; font-weight: 700; color: var(--ink); margin-bottom: 0.3rem; }
    .reaction-desc { font-size: 0.8rem; color: var(--muted); line-height: 1.55; }

    /* ── TYPES GRID ── */
    .types-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.2rem; }
    .type-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 1.8rem; text-align: center; transition: all 0.18s; }
    .type-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-md); }
    .type-num { font-family: 'Sora', sans-serif; font-size: 2rem; font-weight: 800; color: var(--accent); line-height: 1; }
    .type-title { font-size: 0.95rem; font-weight: 700; color: var(--ink); margin-top: 0.4rem; margin-bottom: 0.4rem; }
    .type-desc { font-size: 0.84rem; color: var(--muted); line-height: 1.6; }
    .type-badge { display: inline-block; background: var(--gold-soft); color: var(--gold); border: 1px solid #e8d49a; border-radius: 4px; font-size: 0.68rem; font-weight: 700; padding: 0.12rem 0.5rem; margin-top: 0.6rem; letter-spacing: 0.5px; text-transform: uppercase; }

    /* ── FEATURES ── */
    .feat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .feat-item { background: #fff; border: 1px solid var(--border); border-radius: 18px; padding: 2rem; transition: all 0.2s; }
    .feat-item:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-md); }
    .feat-icon { font-size: 1.8rem; margin-bottom: 1rem; display: block; }
    .feat-title { font-family: 'Sora', sans-serif; font-size: 1.08rem; color: var(--ink); font-weight: 700; margin-bottom: 0.5rem; }
    .feat-desc { font-size: 0.92rem; color: var(--muted); line-height: 1.7; }

    /* ── HOW IT WORKS ── */
    .how-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative; }
    .how-timeline::before { content: ''; position: absolute; top: 32px; left: 10%; right: 10%; height: 2px; background: repeating-linear-gradient(90deg, var(--border) 0, var(--border) 8px, transparent 8px, transparent 16px); }
    .how-step { text-align: center; }
    .how-num { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; border: 2px solid var(--border); font-family: 'Sora', sans-serif; font-size: 1.5rem; font-weight: 800; color: var(--ink); margin-bottom: 1.2rem; position: relative; z-index: 1; box-shadow: var(--shadow-sm); }
    .how-step.active .how-num { background: var(--accent); color: #fff; border-color: var(--accent); }
    .how-step h3 { font-size: 1.05rem; margin-bottom: 0.5rem; }
    .how-step p { font-size: 0.9rem; color: var(--muted); }

    /* ── PRICING TABLE ── */
    .pricing-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; box-shadow: var(--shadow-md); }
    .pricing-table thead tr { background: var(--ink); }
    .pricing-table thead th { padding: 1rem 1.3rem; text-align: left; font-family: 'Outfit', sans-serif; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.65); }
    .pricing-table tbody tr { border-bottom: 1px solid var(--border); transition: background 0.15s; }
    .pricing-table tbody tr:last-child { border-bottom: none; }
    .pricing-table tbody tr:hover { background: var(--cream); }
    .pricing-table tbody tr.featured { background: var(--accent-soft); }
    .pricing-table td { padding: 1rem 1.3rem; font-size: 0.97rem; color: var(--ink-2); }
    .pricing-table .pkg-name { font-weight: 700; color: var(--ink); }
    .pricing-table .pkg-save { color: var(--green); font-weight: 600; font-size: 0.85rem; }
    .pricing-table .pkg-original { color: var(--muted); text-decoration: line-through; font-size: 0.85rem; }
    .table-badge { display: inline-flex; background: var(--accent); color: #fff; font-size: 0.62rem; font-weight: 800; padding: 0.1rem 0.4rem; border-radius: 3px; margin-left: 0.4rem; vertical-align: middle; }
    .table-order-btn { background: var(--ink); color: #fff; border: none; padding: 0.5rem 1.1rem; border-radius: 6px; font-family: 'Outfit', sans-serif; font-size: 0.82rem; font-weight: 600; cursor: pointer; transition: all 0.15s; }
    .table-order-btn:hover { background: var(--accent); }

    /* ── USE CASES ── */
    .usecases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.2rem; }
    .usecase-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 1.8rem; transition: all 0.18s; }
    .usecase-card:hover { border-color: var(--accent); transform: translateY(-2px); box-shadow: var(--shadow-md); }
    .uc-icon { font-size: 1.8rem; margin-bottom: 1rem; display: block; }
    .usecase-card h3 { font-size: 1rem; margin-bottom: 0.4rem; }
    .usecase-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.65; }

    /* ── REVIEWS ── */
    .reviews-section { background: var(--bg); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
    .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .review-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; padding: 1.8rem; display: flex; flex-direction: column; gap: 1rem; }
    .review-stars { color: #f5a623; font-size: 0.9rem; letter-spacing: 2px; }
    .review-niche { display: inline-block; background: var(--teal-soft); color: #0a8a95; border: 1px solid var(--teal-border); font-size: 0.7rem; font-weight: 700; padding: 0.12rem 0.5rem; border-radius: 4px; }
    .review-text { font-size: 0.96rem; color: var(--ink-2); line-height: 1.72; flex: 1; font-style: italic; }
    .review-author { display: flex; align-items: center; gap: 0.7rem; padding-top: 0.8rem; border-top: 1px solid var(--border); }
    .review-avatar { width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; }
    .review-name { font-size: 0.9rem; font-weight: 700; color: var(--ink); }
    .review-sub { font-size: 0.78rem; color: var(--muted); }

    /* ── FAQ ── */
    .faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
    .faq-item { border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: #fff; }
    .faq-q { padding: 1.2rem 1.5rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 0.97rem; color: var(--ink); transition: background 0.15s; user-select: none; }
    .faq-q:hover { background: var(--accent-soft); }
    .faq-icon { font-size: 1.3rem; color: var(--accent); transition: transform 0.2s; }
    .faq-a { padding: 0 1.5rem; max-height: 0; overflow: hidden; font-size: 0.92rem; color: var(--muted); line-height: 1.75; transition: max-height 0.3s ease, padding 0.3s ease; }
    .faq-item.open .faq-a { max-height: 400px; padding: 0 1.5rem 1.2rem; }
    .faq-item.open .faq-icon { transform: rotate(45deg); }

    /* ── LONG-FORM ── */
    .long-form { max-width: 780px; }
    .long-form h2 { font-size: clamp(1.7rem, 2.5vw, 2.4rem); margin-bottom: 1.5rem; }
    .long-form h3 { font-size: 1.3rem; margin: 2.5rem 0 1rem; }
    .long-form p { font-size: 1.03rem; color: var(--muted); line-height: 1.85; margin-bottom: 1.2rem; }
    .long-form ul { margin: 1.2rem 0 1.2rem 1.5rem; display: flex; flex-direction: column; gap: 0.5rem; }
    .long-form ul li { font-size: 1rem; color: var(--muted); line-height: 1.7; }
    .info-box { background: var(--teal-soft); border: 1px solid var(--teal-border); border-radius: 10px; padding: 1.2rem 1.5rem; margin: 2rem 0; font-size: 0.97rem; color: var(--ink-2); }

    /* ── CTA BANNER ── */
    .cta-banner { background: var(--ink); border-radius: 20px; padding: 3rem; display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
    .cta-banner h2 { color: #fff; font-size: clamp(1.5rem, 2.5vw, 2rem); margin-bottom: 0.5rem; }
    .cta-banner p { color: rgba(255,255,255,0.55); font-size: 1rem; }
    .cta-white-btn { background: #fff; color: var(--ink); padding: 1rem 2rem; border-radius: 10px; font-weight: 700; font-size: 1rem; white-space: nowrap; transition: all 0.18s; display: inline-block; }
    .cta-white-btn:hover { background: var(--accent); color: #fff; }

    /* ── FOOTER ── */
    footer { background: var(--ink); color: rgba(255,255,255,0.55); padding: 5rem 5% 2rem; }
    .footer-inner { max-width: 1240px; margin: 0 auto; }
    .footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 4rem; }
    .footer-logo { font-family: 'Sora', sans-serif; font-weight: 800; font-size: 1.3rem; color: #fff; margin-bottom: 1rem; }
    .footer-logo em { color: var(--accent); font-style: italic; }
    .footer-about { font-size: 0.88rem; line-height: 1.7; }
    .footer-col h5 { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: rgba(255,255,255,0.35); margin-bottom: 1rem; }
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.55rem; }
    .footer-col a { font-size: 0.85rem; color: rgba(255,255,255,0.5); transition: color 0.15s; }
    .footer-col a:hover { color: #fff; }
    .footer-col a.hl { color: #90b8f8; }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; font-size: 0.78rem; flex-wrap: wrap; gap: 0.8rem; }

    @keyframes fadeIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

    @media (max-width: 1024px) {
      .hero { grid-template-columns: 1fr; gap: 2.5rem; }
      .order-card { position: relative; top: 0; max-width: 520px; }
      .why-grid { grid-template-columns: 1fr; gap: 2.5rem; }
      .algo-inner { grid-template-columns: 1fr; gap: 2.5rem; }
      .how-timeline { grid-template-columns: 1fr 1fr; }
      .how-timeline::before { display: none; }
      .footer-top { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 768px) {
      .feat-grid { grid-template-columns: 1fr; }
      .reviews-grid { grid-template-columns: 1fr; }
      .faq-grid { grid-template-columns: 1fr; }
      .cta-banner { grid-template-columns: 1fr; }
      .nav-links { display: none; }
    }
    @media (max-width: 480px) {
      .pkg-grid { grid-template-columns: 1fr 1fr; }
      .hero { padding: 40px 5% 0; }
      .hero h1 { font-size: 2.5rem; }
      .why-stats { grid-template-columns: 1fr 1fr; }
    }
  </style>

<!-- ══ BREADCRUMB ══ -->
<nav aria-label="Breadcrumb" class="breadcrumb">
<a href="https://discordbooster.com">Home</a>
<span aria-hidden="true" class="sep">›</span>
<a href="#">Facebook</a>
<span aria-hidden="true" class="sep">›</span>
<span aria-current="page">Buy Facebook Post Likes</span>
</nav>
<!-- ══ HERO ══ -->
<div class="page-body">
<section aria-labelledby="hero-h1" class="hero">
<div class="hero-left">
<div class="hero-eyebrow">👍 #1 Facebook Post Likes Service — Real Reactions, Instant Delivery, Algorithm Boost</div>
<h1 id="hero-h1">Buy Facebook Post Likes<br/>That <em>Amplify</em> Every<br/>Post You Publish</h1>
<p class="hero-desc">Real Facebook post likes and reactions delivered instantly to your posts. Trigger Meta's algorithm to distribute your content to wider audiences, build the social proof that stops the scroll, and make every piece of content you create perform at its full potential — from the moment it goes live.</p>
<div class="hero-proof">
<span aria-hidden="true" class="stars-row">★★★★★</span>
<div class="rating-text"><strong>4.9 / 5</strong> from 7,438 verified reviews</div>
<div aria-hidden="true" class="divider"></div>
<div class="rating-text"><strong>120,000+</strong> orders delivered</div>
</div>
<div aria-label="Key guarantees" class="hero-trust-pills" role="list">
<span class="pill" role="listitem">Starts in 5–15 min</span>
<span class="pill" role="listitem">All reaction types</span>
<span class="pill" role="listitem">No password needed</span>
<span class="pill" role="listitem">30-day refill</span>
<span class="pill" role="listitem">From $2</span>
</div>
</div>
<!-- ORDER CARD -->
<div aria-label="Order Facebook post likes" class="order-card" id="order" role="region">
<div class="order-card-title">Boost Your Facebook Post</div>
<div class="order-card-sub">Choose your likes package and reaction type</div>
<div aria-label="Post likes packages" class="pkg-grid" id="pkgGrid" role="radiogroup"></div>
<div class="order-summary">
<div aria-live="polite" class="order-price" id="orderPrice">$2.00</div>
<div aria-live="polite" class="order-saving" id="orderSaving">Best entry-level price</div>
</div>
<label class="order-input-label">Reaction Type</label>
<div aria-label="Choose reaction type" class="reaction-row" id="reactionRow" role="radiogroup">
<button class="reaction-btn active" data-reaction="like" onclick="selectReaction(this)" type="button">👍 Like</button>
<button class="reaction-btn" data-reaction="love" onclick="selectReaction(this)" type="button">❤️ Love</button>
<button class="reaction-btn" data-reaction="haha" onclick="selectReaction(this)" type="button">😂 Haha</button>
<button class="reaction-btn" data-reaction="wow" onclick="selectReaction(this)" type="button">😮 Wow</button>
<button class="reaction-btn" data-reaction="sad" onclick="selectReaction(this)" type="button">😢 Sad</button>
<button class="reaction-btn" data-reaction="angry" onclick="selectReaction(this)" type="button">😡 Angry</button>
</div>
<div class="reaction-hint">Select the reaction type you want. Default is 👍 Like. Mixed reactions available — contact support.</div>
<label class="order-input-label" for="fbPostUrl">Facebook Post URL</label>
<input aria-required="true" autocomplete="off" class="order-input" id="fbPostUrl" placeholder="https://www.facebook.com/yourpage/posts/..." type="url"/>
<span class="order-hint">Paste the full URL of your public Facebook post. No password or account access required — ever.</span>
<button class="order-btn" id="orderBtn">Get Facebook Post Likes →</button>
<div class="order-meta">
<span>No password required</span>
<span>SSL checkout</span>
<span>30-day guarantee</span>
</div>
</div>
</section>
</div>
<!-- ══ METRICS ══ -->
<div aria-label="Company statistics" class="metrics" role="list">
<div class="metric" role="listitem"><div class="metric-value">120K+</div><div class="metric-label">Happy customers</div></div>
<div class="metric" role="listitem"><div class="metric-value">4.9★</div><div class="metric-label">Average rating</div></div>
<div class="metric" role="listitem"><div class="metric-value">&lt;15 min</div><div class="metric-label">Avg. start time</div></div>
<div class="metric" role="listitem"><div class="metric-value">6 types</div><div class="metric-label">Reaction options</div></div>
<div class="metric" role="listitem"><div class="metric-value">7 yrs</div><div class="metric-label">In business</div></div>
</div>
<div class="page-body">
<!-- ══ RELATED SERVICES ══ -->
<div class="section" style="padding-bottom: 0;">
<div aria-label="Facebook services" class="related-bar" role="navigation">
<span class="rel-label">Facebook Services</span>
<div class="rel-links">
<a class="rel-link" href="buy-facebook-page-likes">Page Likes</a>
<a class="rel-link" href="buy-facebook-followers">Followers</a>
<a class="rel-link active" href="buy-facebook-post-likes">Post Likes</a>
<a class="rel-link" href="#">Views</a>
<a class="rel-link" href="#">Comments</a>
<a class="rel-link" href="#">Shares</a>
</div>
</div>
</div>
<!-- ══ WHY BUY ══ -->
<section aria-labelledby="why-heading" class="section">
<div class="why-grid">
<div>
<div aria-hidden="true" class="section-label">The post performance strategy</div>
<h2 class="section-title" id="why-heading">Why Facebook Post Likes Are the Fastest Way to Unlock More Organic Reach in 2026</h2>
<div class="why-stats">
<div class="why-stat"><div class="val">3.07B</div><div class="lbl">Monthly active Facebook users — the world's largest social network</div></div>
<div class="why-stat"><div class="val">1st hr</div><div class="lbl">The critical early engagement window — posts with strong first-hour likes receive 3× broader secondary distribution</div></div>
<div class="why-stat"><div class="val">94%</div><div class="lbl">Engagement rate weighting in Meta's News Feed algorithm — the most powerful distribution signal</div></div>
<div class="why-stat"><div class="val">6 types</div><div class="lbl">Facebook reaction options — Like, Love, Haha, Wow, Sad, Angry — all available through our service</div></div>
</div>
</div>
<div class="why-body">
<p>Facebook's News Feed algorithm evaluates every post during a critical early window after publishing. The algorithm first shows the post to a small sample of your page's followers and measures how quickly and enthusiastically they engage. <strong>Post likes are the fastest, most immediate engagement signal in this evaluation</strong> — and the velocity of early likes is one of the strongest predictors of whether Meta will distribute your post to a wider audience.</p>
<p>A post that accumulates 50 likes in its first hour tells Meta's system: this content is resonating. The algorithm responds by expanding distribution — showing the post to more of your followers, to friends of those who liked it, and potentially to algorithmically suggested audiences who don't yet follow your page. Each like purchased during this early window has outsized algorithmic impact compared to the same like received days later.</p>
<div class="callout">
<strong>Facebook post likes also create powerful visual social proof.</strong> When a person scrolling their News Feed sees a post with 300 reactions, they perceive it as content others found worth engaging with — dramatically increasing the probability that they'll stop, read, and react themselves. Bought likes trigger organic likes through this social proof cascade, multiplying the value of every purchased reaction many times over.
        </div>
<p>Buying Facebook post likes gives your content the early engagement momentum that triggers Meta's algorithmic amplification — turning each post from content that reaches your existing followers into content that reaches the wider audiences that grow your page, your brand, and your business.</p>
</div>
</div>
</section>
<!-- ══ REACTIONS SHOWCASE ══ -->
<section aria-labelledby="reactions-heading" class="section" style="padding-top: 0;">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">All 6 reaction types available</div>
<h2 class="section-title" id="reactions-heading">Choose Exactly How Your Audience Responds</h2>
<p class="section-sub">DiscordBooster is one of the only services that lets you specify the exact Facebook reaction type — giving you full control over your post's emotional response profile.</p>
</div>
<div class="reactions-grid">
<div class="reaction-card">
<span class="reaction-emoji">👍</span>
<div class="reaction-name">Like</div>
<div class="reaction-desc">The universal approval reaction. Best for informational posts, announcements, articles, and general content where broad positive engagement is the goal.</div>
</div>
<div class="reaction-card">
<span class="reaction-emoji">❤️</span>
<div class="reaction-name">Love</div>
<div class="reaction-desc">The strongest positive reaction. Ideal for product reveals, milestone announcements, personal achievements, and emotional brand stories where deep connection matters.</div>
</div>
<div class="reaction-card">
<span class="reaction-emoji">😂</span>
<div class="reaction-name">Haha</div>
<div class="reaction-desc">Perfect for humour content, memes, funny brand posts, and light-hearted community engagement where the goal is to signal your page has a fun, relatable personality.</div>
</div>
<div class="reaction-card">
<span class="reaction-emoji">😮</span>
<div class="reaction-name">Wow</div>
<div class="reaction-desc">Signals surprise and amazement. Great for jaw-dropping statistics, unexpected announcements, before-and-after content, and posts designed to generate genuine astonishment.</div>
</div>
<div class="reaction-card">
<span class="reaction-emoji">😢</span>
<div class="reaction-name">Sad</div>
<div class="reaction-desc">For emotionally resonant content — memorial posts, awareness campaigns, empathetic brand moments, and charitable causes where sadness is the authentic and appropriate response.</div>
</div>
<div class="reaction-card">
<span class="reaction-emoji">😡</span>
<div class="reaction-name">Angry</div>
<div class="reaction-desc">Used for advocacy content, social justice posts, injustice awareness, and campaigns where righteous anger is the authentic emotional signal that drives engagement and shares.</div>
</div>
</div>
</section>
<!-- ══ DELIVERY TYPES ══ -->
<section aria-labelledby="types-heading" class="section" style="padding-top: 0;">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">Delivery options</div>
<h2 class="section-title" id="types-heading">How We Deliver Your Facebook Post Likes</h2>
<p class="section-sub">Choose the delivery strategy that best fits your post type, engagement goals, and timeline.</p>
</div>
<div class="types-grid">
<div class="type-card">
<div class="type-num">⚡</div>
<div class="type-title">Instant Delivery</div>
<div class="type-desc">Likes delivered within minutes — ideal for capturing the critical first-hour engagement window that most powerfully triggers Meta's secondary distribution algorithm. Best for freshly published posts where early momentum matters most.</div>
<span class="type-badge">⭐ Most Popular</span>
</div>
<div class="type-card">
<div class="type-num">🌱</div>
<div class="type-title">Gradual Drip Delivery</div>
<div class="type-desc">Likes delivered steadily over hours, perfectly replicating the engagement curve of a naturally popular post. Recommended for larger orders where a sudden spike of hundreds of likes would look anomalous on your post's engagement history.</div>
<span class="type-badge">🛡️ Most Natural</span>
</div>
<div class="type-card">
<div class="type-num">🎭</div>
<div class="type-title">Mixed Reactions</div>
<div class="type-desc">Blend multiple reaction types on a single post — for example 70% Like + 20% Love + 10% Wow — to create the authentic, mixed emotional response profile of a genuinely high-performing organic post. Contact support for custom blends.</div>
<span class="type-badge">🎨 Most Authentic</span>
</div>
<div class="type-card">
<div class="type-num">🌍</div>
<div class="type-title">Geo-Targeted Likes</div>
<div class="type-desc">Likes from accounts located in specific countries. Strengthens your post's geographic relevance signals, ideal for local business promotions, regional event posts, or market-specific campaigns where audience location matters.</div>
<span class="type-badge">🎯 Location-Specific</span>
</div>
<div class="type-card">
<div class="type-num">📦</div>
<div class="type-title">Multi-Post Campaigns</div>
<div class="type-desc">Distribute likes across multiple posts in a campaign — for product launches, event series, or weekly content calendars where consistent high engagement across all posts is more valuable than concentrating everything on a single post.</div>
<span class="type-badge">📈 Campaign-Wide</span>
</div>
</div>
</section>
</div>
<!-- ══ ALGORITHM SECTION ══ -->
<section aria-labelledby="algo-heading" class="algo-section">
<div class="algo-inner">
<div>
<div aria-hidden="true" class="section-label">How Meta ranks posts</div>
<h2 class="section-title" id="algo-heading">How Post Likes Trigger Facebook's News Feed Distribution Algorithm</h2>
<p>Meta's News Feed algorithm assigns every post a distribution score based on multiple engagement signals. Post reactions (likes and all other reaction types) are the highest-weighted signal category because they represent active, intentional engagement decisions. Here's how that scoring system works and how early post likes translate into expanded organic reach:</p>
<p>The algorithm's key distribution signals and their relative weights, based on Meta's published documentation and independent creator research from 2026:</p>
<div aria-label="Facebook News Feed algorithm signal weights" class="algo-meter">
<div class="algo-meter-row">
<span class="algo-meter-label">Reactions &amp; comments</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:94%"></div></div>
<span class="algo-meter-val">94%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Shares &amp; reposts</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:88%"></div></div>
<span class="algo-meter-val">88%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Video watch time (if video)</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:76%"></div></div>
<span class="algo-meter-val">76%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Link clicks &amp; profile visits</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:63%"></div></div>
<span class="algo-meter-val">63%</span>
</div>
<div class="algo-meter-row">
<span class="algo-meter-label">Post recency &amp; timing</span>
<div class="algo-meter-track"><div class="algo-meter-fill" style="width:52%"></div></div>
<span class="algo-meter-val">52%</span>
</div>
</div>
</div>
<div>
<ul aria-label="How post likes boost Facebook News Feed distribution" class="algo-signals">
<li>
<span aria-hidden="true" class="algo-signal-icon">🚀</span>
<div>
<div class="algo-signal-title">First-hour velocity trigger</div>
<div class="algo-signal-desc">Meta's algorithm evaluates posts in real time. Likes accumulating quickly in the first hour after publishing send a strong quality signal that unlocks progressive distribution waves — the mechanism that turns a post from "seen by your followers" to "seen by their networks and recommended audiences."</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">🌊</span>
<div>
<div class="algo-signal-title">Friends-of-likers distribution</div>
<div class="algo-signal-desc">When a real Facebook user likes your post, their friends may see a notification that "[Name] reacted to [Page]'s post." This secondary distribution effect means each genuine like you accumulate — including the organic likes triggered by your bought likes' social proof — extends reach into entirely new networks.</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">📊</span>
<div>
<div class="algo-signal-title">Engagement rate improvement</div>
<div class="algo-signal-desc">Your page's overall engagement rate — the ratio of reactions to reach across all posts — directly influences how much of your follower base sees your future posts. Consistent high-like posts train Meta's algorithm to distribute your content more generously, creating a compounding reach improvement across your entire content calendar.</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">🔍</span>
<div>
<div class="algo-signal-title">Facebook Search and Explore</div>
<div class="algo-signal-desc">Posts with strong engagement performance rank more prominently in Facebook Search results and appear more frequently in the Explore and Watch tabs. High-like counts signal content quality to Meta's discovery systems, expanding your reach beyond your existing follower base to new potential audiences.</div>
</div>
</li>
<li>
<span aria-hidden="true" class="algo-signal-icon">💡</span>
<div>
<div class="algo-signal-title">Scroll-stop social proof effect</div>
<div class="algo-signal-desc">A post displaying 300+ reactions stops a scrolling user and signals: other people found this worth engaging with. This human social proof response triggers organic engagement from users who would have scrolled past a 3-like post — creating an organic cascade that multiplies the value of every bought like.</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<div class="page-body">
<!-- ══ FEATURES ══ -->
<section aria-labelledby="features-heading" class="section">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">Why DiscordBooster</div>
<h2 class="section-title" id="features-heading">What Makes Our Facebook Post Likes Different</h2>
<p class="section-sub">Every post likes package from DiscordBooster delivers real engagement, account safety, and the reaction type you actually need.</p>
</div>
<div class="feat-grid">
<div class="feat-item">
<span class="feat-icon">🎭</span>
<div class="feat-title">All 6 Reaction Types Available</div>
<div class="feat-desc">Unlike most providers who only deliver the thumbs-up Like, DiscordBooster supports all six Facebook reactions — Like, Love, Haha, Wow, Sad, and Angry. Choose the reaction that matches your content's emotional tone for the most authentic-looking engagement profile.</div>
</div>
<div class="feat-item">
<span class="feat-icon">👥</span>
<div class="feat-title">Real, Complete Accounts</div>
<div class="feat-desc">Post likes come from genuine-looking Facebook accounts with profile photos, post histories, and friend networks. Not hollow shells that Meta removes in its next authenticity sweep — our accounts are built to persist and maintain your like count long after delivery.</div>
</div>
<div class="feat-item">
<span class="feat-icon">🔒</span>
<div class="feat-title">Zero Password Required</div>
<div class="feat-desc">We only ever need the public URL of your Facebook post. No Facebook login, no page admin access, no API permissions. Your account security is completely intact — we never request or store anything beyond your post's public URL.</div>
</div>
<div class="feat-item">
<span class="feat-icon">⚡</span>
<div class="feat-title">Delivery Starts in 15 Minutes</div>
<div class="feat-desc">Most orders begin within 5–15 minutes of payment — fast enough to capture the critical first-hour engagement window that Meta's algorithm monitors most closely for distribution decisions.</div>
</div>
<div class="feat-item">
<span class="feat-icon">🔄</span>
<div class="feat-title">30-Day Refill Guarantee</div>
<div class="feat-desc">If any post likes drop within 30 days of delivery, we refill them at zero cost. Our guarantee is backed by seven years of service history — we make promises we can keep because our account network is built for long-term quality.</div>
</div>
<div class="feat-item">
<span class="feat-icon">📱</span>
<div class="feat-title">All Post Types Supported</div>
<div class="feat-desc">Our service works for every Facebook post format — status updates, photos, videos, Reels, links, Stories (where supported), and shared content. If it has a public post URL, we can deliver likes to it.</div>
</div>
</div>
</section>
<!-- ══ HOW IT WORKS ══ -->
<section aria-labelledby="how-heading" class="section">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">The process</div>
<h2 class="section-title" id="how-heading">How to Buy Facebook Post Likes in 4 Simple Steps</h2>
</div>
<div class="how-timeline" role="list">
<div class="how-step active" role="listitem">
<div class="how-num">1</div>
<h3>Choose Your Package</h3>
<p>Select the number of likes you need and your preferred reaction type. Our 500-like package is the most popular — enough to trigger meaningful algorithmic distribution without making the like count look anomalous on smaller pages.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">2</div>
<h3>Paste Your Post URL</h3>
<p>Copy the full URL of your public Facebook post and paste it into the order form. Your post must be public and accessible without login. No password or account access is required at any point.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">3</div>
<h3>Complete Secure Checkout</h3>
<p>Pay via PayPal, credit card, or cryptocurrency through our SSL-encrypted checkout. All transactions are PCI-compliant and your card details are never stored on our servers.</p>
</div>
<div class="how-step" role="listitem">
<div class="how-num">4</div>
<h3>Likes Arrive Fast</h3>
<p>Delivery begins within 5–15 minutes. Watch your post's reaction count grow in real time. Every order is protected by our 30-day refill guarantee from day one.</p>
</div>
</div>
</section>
<!-- ══ USE CASES ══ -->
<section aria-labelledby="usecases-heading" class="section" style="padding-top: 0;">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">Who benefits</div>
<h2 class="section-title" id="usecases-heading">Who Buys Facebook Post Likes — and Why</h2>
<p class="section-sub">From product launch campaigns to viral content strategies — here's how different users leverage post likes for maximum Facebook reach.</p>
</div>
<div class="usecases-grid">
<div class="usecase-card">
<span class="uc-icon">🛍️</span>
<h3>Product Launch Posts</h3>
<p>E-commerce brands and businesses buying likes for product announcement posts to ensure maximum first-day reach — getting the early engagement that triggers Meta's algorithm to show the product to broader audiences beyond existing followers.</p>
</div>
<div class="usecase-card">
<span class="uc-icon">📣</span>
<h3>Promotional &amp; Offer Posts</h3>
<p>Local businesses and retailers boosting likes on promotional posts — ensuring their weekly offers, seasonal promotions, and limited-time deals reach the widest possible organic audience without relying entirely on paid Facebook Ads.</p>
</div>
<div class="usecase-card">
<span class="uc-icon">🎨</span>
<h3>Creative &amp; Content Creators</h3>
<p>Artists, photographers, and content creators buying likes for their best work to signal quality to Meta's algorithm and attract the organic attention, shares, and follower growth that comes from posts with strong visible engagement.</p>
</div>
<div class="usecase-card">
<span class="uc-icon">📰</span>
<h3>Publishers &amp; News Pages</h3>
<p>Media pages and bloggers buying likes for their highest-value articles and stories to ensure maximum organic distribution — reducing dependence on paid boosts for content that deserves to reach a wider audience.</p>
</div>
<div class="usecase-card">
<span class="uc-icon">🎯</span>
<h3>Facebook Ad Campaigns</h3>
<p>Marketers buying post likes for Facebook Ad posts before launching them as ads — because higher organic engagement on the base post improves ad social proof, lowers cost-per-click, and increases conversion rates from the same ad spend.</p>
</div>
<div class="usecase-card">
<span class="uc-icon">🏆</span>
<h3>Agencies Managing Client Content</h3>
<p>Digital marketing agencies ensuring every client post achieves minimum engagement benchmarks — using post likes as a reliable, scalable tool to guarantee campaign reach targets regardless of organic algorithm performance on any given day.</p>
</div>
</div>
</section>
<!-- ══ PRICING TABLE ══ -->
<section aria-labelledby="pricing-heading" class="section" style="padding-top: 0;">
<div class="section-header">
<div aria-hidden="true" class="section-label">Full pricing</div>
<h2 class="section-title" id="pricing-heading">Facebook Post Likes — Complete Pricing Table</h2>
<p class="section-sub">All packages include real reactions from active accounts, 30-day refill guarantee, and your choice of reaction type.</p>
</div>
<div style="overflow-x:auto;">
<table aria-label="Facebook post likes pricing" class="pricing-table">
<thead>
<tr>
<th scope="col">Package</th>
<th scope="col">Price</th>
<th scope="col">Regular Price</th>
<th scope="col">You Save</th>
<th scope="col">Delivery Time</th>
<th scope="col">Best For</th>
<th scope="col">Order</th>
</tr>
</thead>
<tbody id="pricingTableBody"></tbody>
</table>
</div>
</section>
</div>
<!-- ══ REVIEWS ══ -->
<section aria-labelledby="reviews-heading" class="reviews-section">
<div class="page-body">
<div class="section">
<div class="section-header centered">
<div aria-hidden="true" class="section-label">Customer reviews</div>
<h2 class="section-title" id="reviews-heading">What Our Customers Say About Our Facebook Post Likes Service</h2>
<p class="section-sub">7,438 verified reviews from businesses, creators, and agencies who've used DiscordBooster to amplify their Facebook posts.</p>
</div>
<div class="reviews-grid">
<div class="review-card">
<div><span aria-label="5 stars" class="review-stars">★★★★★</span> <span class="review-niche">E-Commerce</span></div>
<p class="review-text">We launch new products every two weeks. Started buying 300 likes for every launch post and the organic reach difference is night and day. Our product photos now regularly hit 2,000+ organic reach versus 150–200 before. The first-hour engagement clearly makes Facebook's algorithm treat our posts as worth distributing. The ROI is excellent.</p>
<div class="review-author">
<div aria-hidden="true" class="review-avatar" style="background:#1877f2;">KP</div>
<div>
<div class="review-name">Karim P.</div>
<div class="review-sub">Fashion E-Commerce Brand Owner</div>
</div>
</div>
</div>
<div class="review-card">
<div><span aria-label="5 stars" class="review-stars">★★★★★</span> <span class="review-niche">Non-Profit / Awareness</span></div>
<p class="review-text">We run an animal rescue charity and our Facebook posts raising awareness for animals in need were getting embarrassingly few reactions. Used the ❤️ Love reaction service and our posts now look like they're receiving the emotional response they deserve. Adoption enquiries went up 40% in the two months after we started. The reaction type option is a genuine differentiator.</p>
<div class="review-author">
<div aria-hidden="true" class="review-avatar" style="background:#1a7a4a;">JM</div>
<div>
<div class="review-name">Jana M.</div>
<div class="review-sub">Animal Rescue Charity Director</div>
</div>
</div>
</div>
<div class="review-card">
<div><span aria-label="5 stars" class="review-stars">★★★★★</span> <span class="review-niche">Marketing Agency</span></div>
<p class="review-text">We boost posts for 15+ client Facebook pages. DiscordBooster's post likes service is our standard tool for ensuring campaign posts achieve minimum engagement thresholds. The mixed reaction option is especially useful — posts with a mix of Like and Love look far more authentic than uniform thumbs-up counts. Consistent delivery, no issues in 18 months of use.</p>
<div class="review-author">
<div aria-hidden="true" class="review-avatar" style="background:#6b46c1;">RB</div>
<div>
<div class="review-name">Rachel B.</div>
<div class="review-sub">Social Media Director, Digital Agency</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="page-body">
<!-- ══ FAQ ══ -->
<section aria-labelledby="faq-heading" class="section">
<div class="section-header">
<div aria-hidden="true" class="section-label">Common questions</div>
<h2 class="section-title" id="faq-heading">Frequently Asked Questions About Buying Facebook Post Likes</h2>
</div>
<div class="faq-grid" role="list">
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Is it safe to buy Facebook post likes? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. DiscordBooster only requires your public post URL — never your password or account access. Post likes are delivered with natural pacing to avoid triggering Meta's anomaly detection. We've served 120,000+ customers since 2019 with zero account restrictions from our post likes service.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Can I choose which reaction type my post receives? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes — this is one of our most valued features. When placing your order, select the reaction type from the order form: 👍 Like, ❤️ Love, 😂 Haha, 😮 Wow, 😢 Sad, or 😡 Angry. Every reaction we deliver will be the type you specified. For mixed reaction combinations, contact our support team before ordering.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Will post likes improve my Facebook organic reach? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. Post reactions are the highest-weighted signal in Meta's News Feed algorithm. A post with strong early reaction velocity receives broader distribution waves — shown to more followers, to friends of those who reacted, and to algorithmically suggested audiences. The effect is most powerful when likes accumulate in the first hour after posting.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Do I need to give you my Facebook password or page admin access? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Never. We only need the public URL of your Facebook post. No passwords, admin access, API tokens, or Meta Business Suite permissions are ever requested. If any service asks for your login to deliver post likes, avoid them — it is never required for legitimate delivery.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Does the service work for photos, videos, Reels, and link posts? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Yes. Our post likes service works for all Facebook post formats that have a public URL — status updates, photos, videos, Reels, link shares, and shared content. The post simply needs to be publicly accessible without requiring a Facebook login to view.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Should I buy post likes before or after publishing a post? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Buy likes immediately after publishing for maximum algorithmic impact. Meta's algorithm evaluates post quality most intensively in the first 1–2 hours after a post goes live. Likes that arrive during this early window carry disproportionately higher algorithmic weight than the same likes received days later. We recommend placing your order within 30 minutes of publishing your most important posts.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">Will the post likes drop after delivery? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">Our post likes come from quality accounts designed to persist through Meta's periodic account review cycles. Our 30-day refill guarantee covers any drops — if your post like count falls within a month of delivery, we top it up at no cost. Simply contact our support team with your order reference number.</div>
</div>
<div class="faq-item" role="listitem">
<div aria-expanded="false" class="faq-q" onclick="toggleFaq(this)" role="button" tabindex="0">What payment methods are accepted? <span aria-hidden="true" class="faq-icon">+</span></div>
<div class="faq-a">We accept PayPal, Visa, Mastercard, American Express, and major cryptocurrencies including Bitcoin and Ethereum. All payments are processed through 256-bit SSL-encrypted, PCI-compliant gateways. Card details are never stored on our servers.</div>
</div>
</div>
</section>
<!-- ══ LONG FORM SEO ══ -->
<section aria-labelledby="guide-heading" class="section">
<div class="long-form">
<h2 id="guide-heading">The Complete Guide to Buying Facebook Post Likes in 2026</h2>
<p>Among all the engagement signals available on Facebook, post reactions occupy a special position: they are simultaneously the highest-weighted algorithmic distribution signal and the most visible social proof indicator on any individual piece of content. Understanding how Facebook's algorithm uses post reactions — and why the first hour after publishing is so critical — is the key to using bought post likes strategically and getting maximum value from every purchase.</p>
<p>This guide breaks down exactly how Meta's News Feed algorithm responds to post reaction velocity, why reaction type matters more than most buyers realise, and how to build a Facebook content strategy that uses post likes as the accelerant that consistently turns good content into widely-distributed content.</p>
<h3>How Facebook's Algorithm Uses Post Reactions to Decide Distribution</h3>
<p>Meta's News Feed algorithm operates on a real-time evaluation model. When you publish a post, it's initially shown to a small sample of your page's followers. The algorithm then monitors engagement velocity — how quickly and enthusiastically that sample engages with the content. Post reactions are the fastest, highest-volume engagement signal available, and their velocity in the first hour is one of the strongest predictors of whether the algorithm will distribute the post more widely.</p>
<p>A post that accumulates 50 reactions in its first hour receives a substantially higher distribution score than a post that takes a week to reach the same total — even though both posts end up with the same reaction count. This early-velocity weighting is why buying post likes immediately after publishing is dramatically more effective than buying them for older posts.</p>
<div class="info-box">
<p><strong>Key insight:</strong> Meta's algorithm also differentiates between reaction types when evaluating content quality. Love, Wow, and other strong emotional reactions carry higher weight than the standard Like reaction — because they signal deeper emotional engagement. A post with 200 Love reactions generates a stronger algorithmic distribution signal than the same post with 200 Like reactions. This is why our reaction type selection feature can meaningfully improve your post's algorithmic performance beyond what standard like-only providers offer.</p>
</div>
<h3>The Social Proof Cascade: Why Bought Likes Generate Organic Likes</h3>
<p>Facebook post likes don't just improve algorithmic distribution — they create a powerful social proof cascade that generates organic engagement on top of the purchased signal. When a user sees a post with 300 reactions, their psychology responds to the implied consensus: this content is worth engaging with. This social proof effect dramatically increases the probability that a neutral viewer will stop scrolling and react themselves.</p>
<p>The result is a compounding engagement loop: bought likes trigger the social proof perception, which attracts organic likes, which trigger the friends-of-likers secondary distribution, which expose the post to new audiences, which generate more organic likes. The initial purchased investment compounds into significantly more total engagement than the raw number purchased — making post likes one of the highest-ROI engagement purchases available on the platform.</p>
<h3>Strategic Applications: Which Posts to Buy Likes For</h3>
<p>Not every post warrants bought likes — the highest ROI comes from strategic application on specific content types. Product announcements and launch posts benefit most because they need immediate wide distribution. Posts you're planning to run as Facebook Ads benefit because higher organic engagement on the base post improves ad performance metrics. Posts targeting seasonal or time-sensitive audiences benefit because they have narrow windows of relevance.</p>
<p>Content that is genuinely valuable, entertaining, or emotionally resonant also performs better with bought likes because the social proof cascade effect is stronger — organic users who discover the post through secondary distribution are more likely to engage genuinely with high-quality content, generating real comments, shares, and follows on top of the initial reaction boost.</p>
<ul>
<li>Buy post likes immediately after publishing — the first hour is when algorithmic impact is highest</li>
<li>Match reaction type to content tone: Love for emotional content, Haha for humour, Wow for surprising facts</li>
<li>Mixed reactions look more natural than uniform like-only counts on posts with large reaction numbers</li>
<li>Pair post likes with a small amount of post comments for the strongest combined engagement signal</li>
<li>Gradual delivery over a few hours always looks more natural for orders over 1,000 likes</li>
<li>Never share your Facebook password or grant page admin access to any post likes service</li>
<li>A 30-day refill guarantee is the key quality signal to look for when choosing a post likes provider</li>
</ul>
</div>
</section>
<!-- ══ CTA ══ -->
<section aria-labelledby="cta-heading" class="section" style="padding-top: 0;">
<div class="cta-banner">
<div>
<h2 id="cta-heading">Ready to Make Every Facebook Post Reach Its Full Audience?</h2>
<p>Join 120,000+ businesses and creators who trust DiscordBooster to amplify their Facebook content. Your first post likes arrive in under 15 minutes.</p>
</div>
<a class="cta-white-btn" href="#order" onclick="document.getElementById('order').scrollIntoView({behavior:'smooth'}); return false;">
        Get Post Likes →
      </a>
</div>
</section>
</div>
<!-- ══ FOOTER ══ -->

<script>
  const packages = [
    { count: 50,    label: "50",     price: 2.00,   original: 2.00,   discount: 0,  delivery: "< 30 min",  bestFor: "Testing quality",           wooid: "fbpl50"   },
    { count: 100,   label: "100",    price: 3.50,   original: 4.50,   discount: 22, delivery: "< 1 hr",    bestFor: "Basic social proof",        wooid: "fbpl100"  },
    { count: 250,   label: "250",    price: 7.00,   original: 10.00,  discount: 30, delivery: "1–2 hrs",   bestFor: "Visible engagement boost",  wooid: "fbpl250"  },
    { count: 500,   label: "500",    price: 12.00,  original: 18.00,  discount: 33, delivery: "2–3 hrs",   bestFor: "Algorithm trigger",         wooid: "fbpl500"  },
    { count: 1000,  label: "1,000",  price: 20.00,  original: 32.00,  discount: 38, delivery: "3–5 hrs",   bestFor: "Strong reach amplification", wooid: "fbpl1k"   },
    { count: 2500,  label: "2,500",  price: 44.00,  original: 75.00,  discount: 41, delivery: "6–12 hrs",  bestFor: "Campaign launch post",      wooid: "fbpl2500" },
    { count: 5000,  label: "5,000",  price: 80.00,  original: 145.00, discount: 45, delivery: "12–24 hrs", bestFor: "High-profile announcement", wooid: "fbpl5k"   },
    { count: 10000, label: "10,000", price: 145.00, original: 280.00, discount: 48, delivery: "1–2 days",  bestFor: "Maximum post authority",    wooid: "fbpl10k"  }
  ];

  let selected = 0;
  let selectedReaction = 'like';

  function renderPkgGrid() {
    const grid = document.getElementById('pkgGrid');
    grid.innerHTML = packages.slice(0, 8).map((p, i) => `
      <div class="pkg-btn ${i === selected ? 'active' : ''}"
           onclick="selectPkg(${i})"
           role="radio" aria-checked="${i === selected}"
           tabindex="0"
           aria-label="${p.label} Facebook post likes for $${p.price.toFixed(2)}">
        ${p.discount > 0 ? `<span class="pkg-tag">${p.discount}% OFF</span>` : ''}
        <span class="pkg-count">${p.label}</span>
        <span class="pkg-price">$${p.price.toFixed(2)}</span>
      </div>
    `).join('');
    updateSummary();
  }

  function updateSummary() {
    const p = packages[selected];
    document.getElementById('orderPrice').textContent = `$${p.price.toFixed(2)}`;
    const saving = p.original - p.price;
    document.getElementById('orderSaving').textContent = saving > 0
      ? `You save $${saving.toFixed(2)} (${p.discount}% off)`
      : 'Best entry-level price';
  }

  function selectPkg(idx) {
    selected = idx;
    document.querySelectorAll('.pkg-btn').forEach((b, i) => {
      b.classList.toggle('active', i === idx);
      b.setAttribute('aria-checked', i === idx ? 'true' : 'false');
    });
    updateSummary();
  }

  function selectReaction(btn) {
    selectedReaction = btn.dataset.reaction;
    document.querySelectorAll('.reaction-btn').forEach(b => b.classList.remove('active'));
    btn.classList.add('active');
  }

  function renderTable() {
    const tbody = document.getElementById('pricingTableBody');
    tbody.innerHTML = packages.map((p, i) => {
      const saving = p.original - p.price;
      const isFeatured = p.count === 500;
      return `
        <tr class="${isFeatured ? 'featured' : ''}">
          <td class="pkg-name">
            ${p.label} Post Likes
            ${isFeatured ? '<span class="table-badge">POPULAR</span>' : ''}
          </td>
          <td><strong>$${p.price.toFixed(2)}</strong></td>
          <td class="pkg-original">$${p.original.toFixed(2)}</td>
          <td class="pkg-save">${saving > 0 ? `–$${saving.toFixed(2)} (${p.discount}%)` : '—'}</td>
          <td>${p.delivery}</td>
          <td style="font-size:0.85rem;color:var(--muted)">${p.bestFor}</td>
          <td><button class="table-order-btn" onclick="jumpToOrder(${i})" aria-label="Order ${p.label} Facebook post likes">Order →</button></td>
        </tr>
      `;
    }).join('');
  }

  function jumpToOrder(idx) {
    selected = idx;
    renderPkgGrid();
    document.getElementById('order').scrollIntoView({ behavior: 'smooth' });
  }

  document.getElementById('orderBtn').addEventListener('click', () => {
    const postUrl = document.getElementById('fbPostUrl').value.trim();
    if (!postUrl) {
      document.getElementById('fbPostUrl').focus();
      document.getElementById('fbPostUrl').style.borderColor = 'var(--accent)';
      return;
    }
    const p = packages[selected];
    const url = `https://order.discordbooster.com/checkout/?add-to-cart=${p.wooid}&post_url=${encodeURIComponent(postUrl)}&reaction=${encodeURIComponent(selectedReaction)}&platform=facebook&product=post_likes`;
    window.location.href = url;
  });

  document.getElementById('fbPostUrl').addEventListener('input', function() {
    this.style.borderColor = 'var(--border)';
  });

  function toggleFaq(el) {
    const item = el.parentElement;
    const isOpen = item.classList.contains('open');
    item.classList.toggle('open');
    el.setAttribute('aria-expanded', !isOpen);
  }

  document.addEventListener('keydown', e => {
    if ((e.key === 'Enter' || e.key === ' ') && e.target.classList.contains('pkg-btn')) {
      e.preventDefault();
      selectPkg([...document.querySelectorAll('.pkg-btn')].indexOf(e.target));
    }
    if ((e.key === 'Enter' || e.key === ' ') && e.target.classList.contains('faq-q')) {
      e.preventDefault();
      toggleFaq(e.target);
    }
  });

  renderPkgGrid();
  renderTable();
</script>

<?php include 'footer.php'; ?>
