<!DOCTYPE html>
<html lang="id">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas</title>
  <meta name="description"
    content="PAP4D ⚡ Slot Online dengan sistem stabil, akses cepat, dan pilihan game tanpa batas. Platform ringan dengan performa konsisten setiap hari.">
  <meta name="keywords"
    content="pap4d, situs pap4d, pap4d slot online, pap4d login, pap4d alternatif, pap4d akses, pap4d game online, login pap4d resmi, link pap4d terbaru, pap4d terpercaya, pap4d 2026, slot online pap4d">
  <meta name="robots" content="index, follow">
  <meta name="google-site-verification" content="IYW71uhsLcIpbdp_CkGwhk-CCxx_0cLdP3IcyYrhzs0" />
  <link href="https://ik.imagekit.io/PPP/PAP4D.png?updatedAt=1742909051447" rel="icon" type="image/x-icon" />
  <link rel="canonical" href="https://blomerusphotography.com/">
  <link rel="amphtml" href="https://blomerusphotography-pap4d.netlify.app/" />
  <link rel="alternate" href="https://blomerusphotography-pap4d.netlify.app/">
  <link rel="alternate" href="https://blomerusphotography-pap4d.netlify.app/" hreflang="id">
  <link rel="alternate" href="https://blomerusphotography-pap4d.netlify.app/" hreflang="en">
  <link rel="alternate" href="https://blomerusphotography-pap4d.netlify.app/" hreflang="en">
  <link rel="alternate" href="https://blomerusphotography-pap4d.netlify.app/" hreflang="x-default">
  <link rel="alternate" hreflang="id-ID=" href="https://blomerusphotography-pap4d.netlify.app/" />
  <link rel="alternate" hreflang="id-US=" href="https://blomerusphotography-pap4d.netlify.app/" />
  <link rel="alternate" hreflang="id-SG=" href="https://blomerusphotography-pap4d.netlify.app/" />

  <!-- Theme Color for Mobile -->
  <meta name="theme-color" content="#ff3c00">
  <!-- ADDED: author meta (opsional) -->
  <meta name="author" content="PAP4D">


  <!-- Open Graph / Facebook -->
  <meta property="og:title" content="PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas">
  <meta property="og:description"
    content="PAP4D ⚡ Slot Online dengan sistem stabil, akses cepat, dan pilihan game tanpa batas. Platform ringan dengan performa konsisten setiap hari.">
  <meta property="og:image" content="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:url" content="https://blomerusphotography.com/">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="PAP4D">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas">
  <meta name="twitter:description"
    content="PAP4D ⚡ Slot Online dengan sistem stabil, akses cepat, dan pilihan game tanpa batas. Platform ringan dengan performa konsisten setiap hari.">
  <meta name="twitter:image" content="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp">

  <!-- Structured Data (JSON-LD) untuk SEO 2026 -->
  <!-- Organization + Website + WebPage -->
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://blomerusphotography.com/#organization",
      "name": "PAP4D",
      "url": "https://blomerusphotography.com/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://ik.imagekit.io/PPP/PAP4D.png?updatedAt=1742909051447"
      },
      "description": "PAP4D ⚡ Slot Online dengan sistem stabil, akses cepat, dan pilihan game tanpa batas. Platform ringan dengan performa konsisten setiap hari.",
      "sameAs": []
    },
    {
      "@type": "WebSite",
      "@id": "https://blomerusphotography.com/#website",
      "url": "https://blomerusphotography.com/",
      "name": "PAP4D",
      "publisher": { "@id": "https://blomerusphotography.com/#organization" },
      "inLanguage": "id-ID"
    },
    {
      "@type": "WebPage",
      "@id": "https://blomerusphotography.com/#webpage",
      "url": "https://blomerusphotography.com/",
      "name": "Kebijakan Privasi",
      "isPartOf": { "@id": "https://blomerusphotography.com/#website" },
      "about": { "@id": "https://blomerusphotography.com/#organization" },
      "inLanguage": "id-ID",
      "dateModified": "2026-01-01",
      "description": "PAP4D ⚡ Slot Online dengan sistem stabil, akses cepat, dan pilihan game tanpa batas. Platform ringan dengan performa konsisten setiap hari."
    }
  ]
}
</script>

  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "@id": "https://blomerusphotography.com/#faq",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu PAP4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "PAP4D merupakan platform slot online yang dikembangkan dengan sistem stabil dan performa ringan, sehingga mampu memberikan pengalaman akses yang cepat serta tampilan yang tetap nyaman digunakan dalam berbagai kondisi."
      }
    },
    {
      "@type": "Question",
      "name": "Apa keunggulan utama PAP4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "PAP4D menonjol melalui kestabilan sistem yang konsisten, proses akses yang cepat, serta struktur navigasi yang dirancang sederhana agar pengguna dapat menjelajahi berbagai fitur tanpa hambatan."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah PAP4D menyediakan banyak pilihan game online?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, PAP4D menghadirkan koleksi game yang sangat luas dengan variasi yang terus diperbarui, memungkinkan pengguna menikmati banyak pilihan dalam satu platform tanpa batasan akses yang kaku."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana performa sistem di PAP4D?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Sistem PAP4D dirancang untuk menjaga kestabilan performa, sehingga proses loading, perpindahan halaman, hingga akses game tetap terasa lancar tanpa gangguan berarti."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah PAP4D mudah diakses kapan saja?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "PAP4D dirancang dengan sistem fleksibel yang memungkinkan pengguna tetap terhubung dengan mudah, sehingga akses dapat dilakukan kapan saja dengan pengalaman yang tetap stabil."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah PAP4D kompatibel di semua perangkat?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, PAP4D telah dioptimalkan untuk berbagai perangkat, baik mobile maupun desktop, dengan tampilan adaptif yang menjaga kenyamanan penggunaan di setiap ukuran layar."
      }
    }
  ]
}
</script>

  <!-- Breadcrumb Structured Data (dibikin simpel & valid) -->
  <script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "BreadcrumbList",
 "itemListElement": [
  {
   "@type": "ListItem",
   "position": 1,
   "name": "PAP4D",
   "item": "https://blomerusphotography.com//"
  },
  {
   "@type": "ListItem",
   "position": 2,
   "name": "SLOT ONLINE",
   "item": "https://blomerusphotography.com/"
  },
  {
   "@type": "ListItem",
   "position": 3,
   "name": "GAME TERLENGKAP",
   "item": "https://blomerusphotography.com/"
  },
  {
   "@type": "ListItem",
   "position": 4,
   "name": "AKSES CEPAT",
   "item": "https://blomerusphotography.com/"
  },
  {
   "@type": "ListItem",
   "position": 5,
   "name": "LOGIN ALTERNATIF",
   "item": "https://blomerusphotography.com/"
  },
  {
   "@type": "ListItem",
   "position": 6,
   "name": "SISTEM STABIL",
   "item": "https://blomerusphotography.com/"
  },
  {
   "@type": "ListItem",
   "position": 7,
   "name": "PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas",
   "item": "https://blomerusphotography.com/"
  }
 ]
}
</script>

  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "PAP4D",
  "image": ["https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp"],
  "url": "https://google.com/",
  "telephone": "+62-859-42958934",
  "priceRange": "IDR",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "Jl. Kebon Jeruk",
    "addressLocality": "Jakarta Barat",
    "addressRegion": "DKI Jakarta",
    "postalCode": "12125",
    "addressCountry": "ID"
  },
  "sameAs": [
    "https://www.facebook.com/pap4dofc",
    "https://www.facebook.com/groups/pap4dofc",
    "https://www.instagram.com/pap4dofc/",
    "https://x.com/pap4dofc"
  ]
}
</script>

  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "@id": "https://blomerusphotography.com/#reviews",
  "name": "PAP4D",
  "url": "https://blomerusphotography.com/",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "bestRating": "5",
    "worstRating": "1",
    "ratingCount": "6"
  },
  "review": [
    {
      "@type": "Review",
      "author": { "@type": "Person", "name": "RIZKY" },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "PAP4D menurut saya punya sistem yang benar-benar stabil. Aksesnya cepat tanpa loading lama, dan pilihan game yang tersedia juga sangat banyak jadi tidak cepat bosan saat digunakan."
    },
    {
      "@type": "Review",
      "author": { "@type": "Person", "name": "FAJAR" },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "Yang paling terasa dari PAP4D itu performanya ringan. Dibuka di HP tetap lancar, navigasinya juga simpel jadi gampang pindah-pindah game tanpa kendala."
    },
    {
      "@type": "Review",
      "author": { "@type": "Person", "name": "DIMAS" },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "4",
        "bestRating": "5"
      },
      "reviewBody": "Koleksi game di PAP4D memang lengkap dan terus update. Selama dipakai, sistemnya terasa konsisten dan tidak sering mengalami gangguan, jadi nyaman untuk penggunaan harian."
    }
  ]
}
</script>

  <!-- Font Awesome & Google Fonts (ADDED: display=swap) -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  <link
    href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
    rel="stylesheet">

  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: "Inter", sans-serif;
      background: #111111;
      color: #f5f5f5;
      line-height: 1.5;
    }

    .container {
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 20px;
    }

    /* ADDED: Skip link for accessibility */
    .skip-link {
      position: absolute;
      top: -40px;
      left: 0;
      background: #f54242;
      color: #111111;
      padding: 8px 16px;
      z-index: 1000;
      text-decoration: none;
      border-radius: 0 0 8px 0;
      transition: top 0.2s;
    }

    .skip-link:focus {
      top: 0;
      outline: none;
    }

    /* ADDED: Screen reader only text */
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
    }

    /* Header */
    .header {
      background: #0b0b0b;
      box-shadow: 0 2px 10px rgba(245, 197, 66, 0.12);
      padding: 15px 0;
      position: sticky;
      top: 0;
      z-index: 100;
      transition: box-shadow 0.3s;
      border-bottom: 1px solid rgba(245, 197, 66, 0.18);
    }

    .header.scrolled {
      box-shadow: 0 4px 20px rgba(245, 197, 66, 0.18);
    }

    .header .container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
    }

    .logo {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .logo img {
      height: 40px;
      width: auto;
      filter: none;
    }

    .logo span {
      font-size: 1.5rem;
      font-weight: 700;
      color: #42eff5;
    }

    .search-bar {
      flex: 1;
      max-width: 500px;
      margin: 0 30px;
    }

    .search-bar input {
      width: 100%;
      padding: 10px 20px;
      border: 1px solid rgba(245, 197, 66, 0.25);
      border-radius: 30px;
      font-size: 0.9rem;
      outline: none;
      background: #1a1a1a;
      color: #f5f5f5;
    }

    .search-bar input::placeholder {
      color: #d4c27a;
    }

    .cart-icon {
      position: relative;
      font-size: 1.5rem;
      color: #ff3c00;
    }

    .cart-count {
      position: absolute;
      top: -8px;
      right: -8px;
      background: #ff3c00;
      color: #111111;
      font-size: 0.7rem;
      padding: 2px 6px;
      border-radius: 50%;
      font-weight: 700;
    }

    /* Breadcrumb */
    .breadcrumb {
      padding: 20px 0 10px;
      font-size: 0.9rem;
      color: #d1d1d1;
    }

    .breadcrumb a {
      color: #ff3c00;
      text-decoration: none;
    }

    .breadcrumb a:focus {
      outline: 2px solid #ff3c00;
      outline-offset: 2px;
    }

    .breadcrumb i {
      margin: 0 8px;
      font-size: 0.7rem;
      color: #d4a017;
    }

    /* Product Main Section */
    .product-main {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      background: #161616;
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 4px 20px rgba(245, 197, 66, 0.06);
      margin-bottom: 30px;
      border: 1px solid rgba(245, 197, 66, 0.12);
    }

    /* Gallery */
    .gallery {
      display: flex;
      flex-direction: column;
    }

    .main-image {
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 16px;
      overflow: hidden;
      background: #0f0f0f;
      margin-bottom: 15px;
      border: 1px solid rgba(245, 197, 66, 0.12);
    }

    .main-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 0.2s;
    }

    .thumbnail-list {
      display: flex;
      gap: 10px;
    }

    .thumbnail {
      width: 80px;
      height: 80px;
      border-radius: 8px;
      overflow: hidden;
      cursor: pointer;
      border: 2px solid transparent;
      opacity: 0.7;
      transition: all 0.2s;
      background: #0f0f0f;
    }

    .thumbnail:hover {
      opacity: 1;
      transform: scale(1.05);
    }

    .thumbnail.active {
      border-color: #ff3c00;
      opacity: 1;
    }

    .thumbnail:focus {
      outline: 2px solid #ff3c00;
      outline-offset: 2px;
    }

    .thumbnail img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Product Info */
    .product-info {
      display: flex;
      flex-direction: column;
    }

    .product-category {
      color: #ff3c00;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 0.85rem;
      letter-spacing: 0.5px;
      margin-bottom: 8px;
    }

    .product-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 10px;
      line-height: 1.2;
      color: #ffffff;
    }

    .rating {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 15px;
    }

    .stars {
      color: #ff3c00;
    }

    .review-count {
      color: #d6d6d6;
      font-size: 0.9rem;
    }

    .price-section {
      margin: 20px 0;
    }

    .current-price {
      font-size: 2.2rem;
      font-weight: 700;
      color: #ff3c00;
    }

    .old-price {
      font-size: 1.2rem;
      color: #9e9e9e;
      text-decoration: line-through;
      margin-left: 10px;
    }

    .discount {
      background: #ff3c00;
      color: #111111;
      padding: 4px 10px;
      border-radius: 20px;
      font-size: 0.9rem;
      font-weight: 600;
      margin-left: 15px;
    }

    .stock {
      display: flex;
      align-items: center;
      gap: 5px;
      margin-bottom: 20px;
      color: #ffdb58;
      font-weight: 500;
    }

    .stock i {
      font-size: 1.1rem;
    }

    .quantity {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 25px;
    }

    .quantity label {
      font-weight: 500;
      color: #f5f5f5;
    }

    .quantity-control {
      display: flex;
      align-items: center;
      border: 1px solid rgba(245, 197, 66, 0.18);
      border-radius: 30px;
      overflow: hidden;
      background: #0f0f0f;
    }

    .quantity-control button {
      background: #1a1a1a;
      color: #ff3c00;
      border: none;
      padding: 10px 15px;
      cursor: pointer;
      font-size: 1.2rem;
      font-weight: 600;
      transition: background 0.2s;
    }

    .quantity-control button:hover {
      background: #242424;
    }

    .quantity-control button:focus {
      outline: 2px solid #ff3c00;
      outline-offset: -2px;
    }

    .quantity-control input {
      width: 60px;
      text-align: center;
      border: none;
      border-left: 1px solid rgba(245, 197, 66, 0.14);
      border-right: 1px solid rgba(245, 197, 66, 0.14);
      font-size: 1rem;
      padding: 8px 0;
      outline: none;
      background: #111111;
      color: #ffffff;
    }

    .quantity-control input:focus {
      outline: 2px solid #ff3c00;
      outline-offset: -2px;
    }

    .add-to-cart {
      background: linear-gradient(180deg, #ff3c00 0%, #d4a017 100%);
      color: #111111;
      border: none;
      padding: 15px 30px;
      border-radius: 30px;
      font-size: 1.1rem;
      font-weight: 700;
      cursor: pointer;
      transition: background 0.2s;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: fit-content;
      box-shadow: 0 0 18px rgba(245, 197, 66, 0.18);
    }

    .add-to-cart:hover {
      background: linear-gradient(180deg, #ffdb58 0%, #ff3c00 100%);
    }

    .add-to-cart:focus {
      outline: 2px solid #ff3c00;
      outline-offset: 2px;
    }

    .payment-methods {
      margin-top: 30px;
    }

    .payment-methods p {
      font-weight: 600;
      margin-bottom: 10px;
      color: #ff3c00;
    }

    .payment-icons {
      display: flex;
      gap: 15px;
      flex-wrap: wrap;
    }

    .payment-icons i {
      font-size: 2.5rem;
      color: #ff3c00;
    }

    .payment-icons .icon-wrapper {
      position: relative;
      display: inline-block;
    }

    /* Product Details */
    .product-details {
      background: #161616;
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 4px 20px rgba(245, 197, 66, 0.06);
      margin-bottom: 30px;
      border: 1px solid rgba(245, 197, 66, 0.12);
    }

    .product-details h2 {
      font-size: 1.5rem;
      margin-bottom: 20px;
      color: #ff3c00;
    }

    .details-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
    }

    .details-content p {
      margin-bottom: 15px;
      color: #e4e4e4;
    }

    .details-content ul {
      list-style: none;
    }

    .details-content li {
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 8px;
      color: #f1f1f1;
    }

    .details-content li i {
      color: #ff3c00;
    }

    /* Reviews Section */
    .reviews {
      background: #161616;
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 4px 20px rgba(245, 197, 66, 0.06);
      margin-bottom: 30px;
      border: 1px solid rgba(245, 197, 66, 0.12);
    }

    .reviews h2 {
      font-size: 1.5rem;
      margin-bottom: 20px;
      color: #ff3c00;
    }

    .review-item {
      border-bottom: 1px solid rgba(245, 197, 66, 0.12);
      padding: 15px 0;
    }

    .review-item:last-child {
      border-bottom: none;
    }

    .review-header {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 8px;
    }

    .reviewer-name {
      font-weight: 600;
      color: #ffffff;
    }

    .review-date {
      color: #b8b8b8;
      font-size: 0.85rem;
    }

    .review-stars {
      color: #ff3c00;
      font-size: 0.9rem;
    }

    .review-body {
      color: #e4e4e4;
    }

    .cta-wrap {
      display: flex;
      gap: 16px;
      width: 100%;
      max-width: 1200px;
      margin: 14px auto;
      padding: 0 10px;
    }

    .cta-btn {
      position: relative;
      flex: 1;
      height: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      font: 800 18px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #ff3c00;
      text-decoration: none;
      border-radius: 14px;
      border: 2px solid #ff3c00;
      background:
        radial-gradient(1200px 500px at 20% -10%, rgba(245, 197, 66, .10), transparent 55%),
        radial-gradient(1000px 500px at 90% 0%, rgba(245, 197, 66, .08), transparent 55%),
        linear-gradient(180deg, #070707, #030303);
      box-shadow:
        0 0 0 1px rgba(245, 197, 66, .15) inset,
        0 10px 30px rgba(0, 0, 0, .55),
        0 0 18px rgba(245, 197, 66, .14);
      overflow: hidden;
      isolation: isolate;
      transition: transform .15s ease, filter .15s ease, box-shadow .2s ease;
      font-weight: 900;
    }

    .cta-btn:hover {
      transform: translateY(-1px);
      filter: brightness(1.06);
      box-shadow:
        0 0 0 1px rgba(245, 197, 66, .22) inset,
        0 10px 30px rgba(0, 0, 0, .55),
        0 0 24px rgba(245, 197, 66, .24);
    }

    .cta-btn:active {
      transform: translateY(0) scale(.99);
    }

    .cta-btn::before {
      content: "";
      position: absolute;
      inset: 4px;
      border-radius: 12px;
      border: 1px solid rgba(245, 197, 66, .22);
      box-shadow: 0 0 14px rgba(245, 197, 66, .12);
      pointer-events: none;
      z-index: 1;
    }

    .cta-btn::after {
      content: "";
      position: absolute;
      inset: -40% -10%;
      z-index: 0;
      background:
        radial-gradient(circle at 20% 35%, rgba(245, 197, 66, .32) 0 6px, transparent 7px),
        radial-gradient(circle at 55% 25%, rgba(255, 219, 88, .22) 0 4px, transparent 5px),
        radial-gradient(circle at 78% 45%, rgba(245, 197, 66, .28) 0 7px, transparent 8px),
        radial-gradient(circle at 35% 70%, rgba(255, 219, 88, .18) 0 3px, transparent 4px),
        radial-gradient(circle at 88% 68%, rgba(245, 197, 66, .20) 0 4px, transparent 5px);
      opacity: .9;
      animation: ctaBubbles 4.2s linear infinite;
      filter: blur(.15px);
      pointer-events: none;
      mix-blend-mode: screen;
    }

    /* Related Products */
    .related {
      background: #161616;
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 4px 20px rgba(245, 197, 66, 0.06);
      margin-bottom: 30px;
      border: 1px solid rgba(245, 197, 66, 0.12);
    }

    .related h2 {
      font-size: 1.5rem;
      margin-bottom: 20px;
      color: #ff3c00;
    }

    .product-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }

    .product-card {
      background: #0f0f0f;
      border-radius: 12px;
      overflow: hidden;
      transition: transform 0.2s, box-shadow 0.2s;
      border: 1px solid rgba(245, 197, 66, 0.10);
    }

    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(245, 197, 66, 0.12);
    }

    .product-card img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
    }

    .card-info {
      padding: 15px;
    }

    .card-info h3 {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 5px;
      color: #ffffff;
    }

    .card-price {
      color: #ff3c00;
      font-weight: 700;
    }

    .product-card a:focus {
      outline: 2px solid #ff3c00;
      outline-offset: 2px;
    }

    /* Footer */
    .footer {
      background: #0b0b0b;
      color: #f1f5f9;
      padding: 40px 0;
      border-radius: 40px 40px 0 0;
      border-top: 1px solid rgba(245, 197, 66, 0.16);
    }

    .footer .container {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 30px;
    }

    .footer h4 {
      color: #ff3c00;
      margin-bottom: 15px;
    }

    .footer ul {
      list-style: none;
    }

    .footer li {
      margin-bottom: 8px;
    }

    .footer a {
      color: #f3e6b0;
      text-decoration: none;
      transition: color 0.2s;
    }

    .footer a:hover {
      color: #ff3c00;
      text-decoration: underline;
    }

    .footer a:focus {
      outline: 2px solid #ff3c00;
      outline-offset: 2px;
    }

    .footer-bottom {
      text-align: center;
      padding-top: 30px;
      border-top: 1px solid rgba(245, 197, 66, 0.14);
      margin-top: 30px;
      color: #f3e6b0;
    }

    /* Responsive */
    @media (max-width: 1024px) {
      .product-main {
        grid-template-columns: 1fr;
      }

      .product-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 768px) {
      .header .container {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
      }

      .search-bar {
        margin: 0;
        max-width: 100%;
      }

      .cart-icon {
        align-self: flex-end;
      }

      .product-grid {
        grid-template-columns: 1fr;
      }

      .footer .container {
        grid-template-columns: 1fr;
      }

      .details-content {
        grid-template-columns: 1fr;
      }
    }
  </style>
</head>

<body>
  <!-- ADDED: Skip link for keyboard users -->
  <a href="https://blomerusphotography.com/" class="skip-link">Lewati ke konten utama</a>

  <header class="header">
    <div class="container">
      <div class="logo">
        <!-- Logo dengan srcset untuk responsif -->
        <img src="https://ik.imagekit.io/PPP/PAP4D.png?updatedAt=1742909051447" alt="Logo PAP4D" width="120"
          height="120">
        <span></span>
      </div>
      <div class="search-bar">
        <input type="text" placeholder="PAP4D">
      </div>
      <div class="cart-icon" aria-label="Keranjang belanja, 3 item">
        <i class="fas fa-shopping-cart"></i>
        <span class="cart-count">3</span>
      </div>
    </div>
  </header>
  <div class="cta-wrap">
    <a class="cta-btn cta-login" href="https://blomerusphotography-pap4d.netlify.app/">LOGIN</a>
    <a class="cta-btn cta-daftar" href="https://blomerusphotography-pap4d.netlify.app/">DAFTAR</a>
  </div>
  <main id="main-content" class="container">
    <!-- Breadcrumb -->
    <div class="breadcrumb">
      <a href="https://blomerusphotography.com/">PAP4D</a> <i class="fas fa-chevron-right"></i>
      <a href="https://blomerusphotography.com/">SLOT ONLINE</a> <i class="fas fa-chevron-right"></i>
      <a href="https://blomerusphotography.com/">GAME TERLENGKAP</a> <i class="fas fa-chevron-right"></i>
      <a href="https://blomerusphotography.com/">AKSES CEPAT</a> <i class="fas fa-chevron-right"></i>
      <a href="https://blomerusphotography.com/">LOGIN ALTERNATIF</a> <i class="fas fa-chevron-right"></i>
      <a href="https://blomerusphotography.com/">SISTEM STABIL</a> <i class="fas fa-chevron-right"></i>
      <span>PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas</span>
    </div>

    <!-- Produk Utama -->
    <div class="product-main">
      <div class="gallery">
        <div class="main-image">
          <img id="mainProductImage" src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp"
            srcset="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp 400w, , "
            https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp 800w
            https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp 1200w
            sizes="(max-width: 768px) 400px, (max-width: 1200px) 800px, 1200px"
            alt="PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas">
        </div>
        <div class="thumbnail-list">
          <div class="thumbnail active" data-src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp"
            tabindex="0" role="button" aria-label="Pilih gambar utama">
            <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" alt="PAP4D">
          </div>
          <div class="thumbnail" data-src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" tabindex="0"
            role="button" aria-label="Pilih gambar kemasan belakang">
            <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" alt="PAP4D">
          </div>
          <div class="thumbnail" data-src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" tabindex="0"
            role="button" aria-label="Pilih gambar isi produk">
            <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" alt="PAP4D">
          </div>
        </div>
      </div>

      <div class="product-info">
        <span class="product-category">PAP4D</span>
        <h1 class="product-title">PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas</h1>
        <div class="rating">
          <div class="stars">
            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
              class="fas fa-star"></i><i class="fas fa-star-half-alt"></i>
          </div>
          <span class="review-count">(120 ulasan)</span>
        </div>
        <div class="price-section">
          <span class="current-price">Rp 10.000</span>
          <span class="old-price">Rp 50.000</span>
          <span class="discount">-17%</span>
        </div>
        <div class="chrome-dino-shell" id="chromeDinoShell">
          <div class="chrome-dino-game" id="chromeDinoGame" tabindex="0" aria-label="Chrome Dino Runner">
            <div class="chrome-dino-scoreboard">
              <span id="dinoHi">HI 00000</span>
              <span id="dinoScore">00000</span>
            </div>

            <div class="chrome-dino-cloud cloud-a"></div>
            <div class="chrome-dino-cloud cloud-b"></div>

            <div class="chrome-dino-track"></div>
            <div class="chrome-dino-ground" id="dinoGround"></div>

            <div class="chrome-dino-player running" id="dinoPlayer">
              <div class="dino-body"></div>
              <div class="dino-head"></div>
              <div class="dino-eye"></div>
              <div class="dino-mouth"></div>
              <div class="dino-tail"></div>
              <div class="dino-leg leg-back"></div>
              <div class="dino-leg leg-front"></div>
            </div>

            <div class="chrome-dino-obstacle" id="dinoObstacle">
              <div class="cactus main"></div>
              <div class="cactus arm-left"></div>
              <div class="cactus arm-right"></div>
            </div>

            <div class="chrome-dino-message" id="dinoMessage">Tekan SPACE atau TAP untuk mulai</div>
            <button class="chrome-dino-restart" id="dinoRestart" aria-label="Restart game" title="Restart">↻</button>
          </div>
        </div>

        <style>
          .chrome-dino-shell {
            width: 100%;
            max-width: 900px;
            margin: 18px auto;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
          }

          .chrome-dino-game {
            position: relative;
            width: 100%;
            height: 260px;
            background: #fff;
            border: 1px solid #e5e5e5;
            overflow: hidden;
            user-select: none;
            touch-action: manipulation;
            outline: none;
          }

          .chrome-dino-scoreboard {
            position: absolute;
            top: 18px;
            right: 18px;
            z-index: 20;
            display: flex;
            gap: 14px;
            color: #535353;
            font-size: 24px;
            line-height: 1;
            letter-spacing: 2px;
            font-family: "Courier New", monospace;
            font-weight: 700;
          }

          .chrome-dino-cloud {
            position: absolute;
            background: #d9d9d9;
            height: 14px;
            border-radius: 20px;
            opacity: .9;
          }

          .chrome-dino-cloud::before,
          .chrome-dino-cloud::after {
            content: "";
            position: absolute;
            background: #d9d9d9;
            border-radius: 50%;
          }

          .chrome-dino-cloud::before {
            width: 16px;
            height: 16px;
            left: 8px;
            top: -7px;
          }

          .chrome-dino-cloud::after {
            width: 18px;
            height: 18px;
            left: 22px;
            top: -9px;
          }

          .cloud-a {
            width: 46px;
            top: 58px;
            left: 58%;
          }

          .cloud-b {
            width: 52px;
            top: 82px;
            left: 76%;
          }

          .chrome-dino-track {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 44px;
            height: 2px;
            background: #535353;
            z-index: 2;
          }

          .chrome-dino-ground {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 38px;
            height: 12px;
            background:
              repeating-linear-gradient(90deg,
                transparent 0 18px,
                #535353 18px 21px,
                transparent 21px 54px,
                #535353 54px 56px,
                transparent 56px 90px);
            z-index: 1;
            transform: translateX(0);
          }

          .chrome-dino-player {
            position: absolute;
            left: 42px;
            bottom: 46px;
            width: 44px;
            height: 48px;
            z-index: 10;
          }

          .dino-body {
            position: absolute;
            left: 10px;
            top: 14px;
            width: 24px;
            height: 22px;
            background: #535353;
          }

          .dino-head {
            position: absolute;
            left: 22px;
            top: 0;
            width: 20px;
            height: 18px;
            background: #535353;
          }

          .dino-eye {
            position: absolute;
            left: 34px;
            top: 5px;
            width: 3px;
            height: 3px;
            background: #fff;
          }

          .dino-mouth {
            position: absolute;
            left: 34px;
            top: 12px;
            width: 8px;
            height: 2px;
            background: #535353;
          }

          .dino-tail {
            position: absolute;
            left: 2px;
            top: 22px;
            width: 10px;
            height: 4px;
            background: #535353;
          }

          .dino-leg {
            position: absolute;
            bottom: 0;
            width: 6px;
            height: 15px;
            background: #535353;
            transform-origin: top center;
          }

          .leg-back {
            left: 14px;
          }

          .leg-front {
            left: 27px;
          }

          .chrome-dino-player.running .leg-back {
            animation: legBack .14s infinite alternate linear;
          }

          .chrome-dino-player.running .leg-front {
            animation: legFront .14s infinite alternate linear;
          }

          .chrome-dino-player.dead {
            transform: rotate(8deg);
          }

          .chrome-dino-obstacle {
            position: absolute;
            right: -60px;
            bottom: 46px;
            width: 26px;
            height: 50px;
            z-index: 9;
          }

          .cactus {
            position: absolute;
            background: #535353;
          }

          .cactus.main {
            left: 8px;
            bottom: 0;
            width: 10px;
            height: 46px;
          }

          .cactus.arm-left {
            left: 1px;
            bottom: 18px;
            width: 7px;
            height: 15px;
          }

          .cactus.arm-left::after {
            content: "";
            position: absolute;
            left: 0;
            top: -8px;
            width: 6px;
            height: 8px;
            background: #535353;
          }

          .cactus.arm-right {
            right: 0;
            bottom: 22px;
            width: 7px;
            height: 13px;
          }

          .cactus.arm-right::after {
            content: "";
            position: absolute;
            right: 0;
            top: -7px;
            width: 6px;
            height: 7px;
            background: #535353;
          }

          .chrome-dino-message {
            position: absolute;
            top: 108px;
            left: 50%;
            transform: translateX(-50%);
            color: #535353;
            font-size: 18px;
            font-weight: 700;
            z-index: 30;
            white-space: nowrap;
            pointer-events: none;
          }

          .chrome-dino-restart {
            position: absolute;
            left: 50%;
            top: 142px;
            transform: translateX(-50%);
            border: none;
            background: transparent;
            color: #535353;
            font-size: 30px;
            line-height: 1;
            cursor: pointer;
            display: none;
            z-index: 31;
          }

          .chrome-dino-game.game-over .chrome-dino-restart {
            display: block;
          }

          @keyframes legBack {
            from {
              transform: rotate(18deg);
            }

            to {
              transform: rotate(-18deg);
            }
          }

          @keyframes legFront {
            from {
              transform: rotate(-18deg);
            }

            to {
              transform: rotate(18deg);
            }
          }

          @media (max-width: 640px) {
            .chrome-dino-game {
              height: 220px;
            }

            .chrome-dino-scoreboard {
              font-size: 20px;
              top: 14px;
              right: 12px;
            }

            .chrome-dino-message {
              font-size: 15px;
              top: 96px;
            }
          }
        </style>

        <script>
          (() => {
            const game = document.getElementById('chromeDinoGame');
            const player = document.getElementById('dinoPlayer');
            const obstacle = document.getElementById('dinoObstacle');
            const ground = document.getElementById('dinoGround');
            const scoreEl = document.getElementById('dinoScore');
            const hiEl = document.getElementById('dinoHi');
            const msgEl = document.getElementById('dinoMessage');
            const restartBtn = document.getElementById('dinoRestart');

            let hi = Number(localStorage.getItem('chromeDinoHi') || 0);
            let score = 0;
            let running = false;
            let gameOver = false;
            let jumping = false;

            let playerBottom = 46;
            let velocityY = 0;
            let gravity = 0.6;
            let jumpForce = 11.5;

            let obstacleX = 0;
            let speed = 6;
            let groundOffset = 0;

            let lastTime = 0;
            let scoreAccumulator = 0;
            let cloudAX = 0;
            let cloudBX = 0;

            hiEl.textContent = `HI ${formatScore(hi)}`;
            scoreEl.textContent = formatScore(0);

            function formatScore(val) {
              return String(Math.floor(val)).padStart(5, '0');
            }

            function resetState() {
              score = 0;
              running = false;
              gameOver = false;
              jumping = false;
              playerBottom = 46;
              velocityY = 0;
              speed = 6;
              groundOffset = 0;
              scoreAccumulator = 0;

              obstacleX = game.clientWidth + 120;
              cloudAX = game.clientWidth * 0.58;
              cloudBX = game.clientWidth * 0.76;

              player.style.bottom = playerBottom + 'px';
              obstacle.style.left = obstacleX + 'px';
              ground.style.transform = `translateX(0px)`;

              document.querySelector('.cloud-a').style.left = cloudAX + 'px';
              document.querySelector('.cloud-b').style.left = cloudBX + 'px';

              player.classList.add('running');
              player.classList.remove('dead');
              msgEl.style.display = 'block';
              msgEl.textContent = 'Tekan SPACE atau TAP untuk mulai';
              restartBtn.style.display = 'none';
              game.classList.remove('game-over');
              scoreEl.textContent = formatScore(0);
              hiEl.textContent = `HI ${formatScore(hi)}`;
            }

            function startGame() {
              if (running) return;
              if (gameOver) {
                resetState();
              }

              running = true;
              gameOver = false;
              msgEl.style.display = 'none';
              restartBtn.style.display = 'none';
              game.classList.remove('game-over');
              lastTime = performance.now();
              requestAnimationFrame(loop);
            }

            function endGame() {
              running = false;
              gameOver = true;
              player.classList.remove('running');
              player.classList.add('dead');
              msgEl.style.display = 'block';
              msgEl.textContent = 'GAME OVER';
              restartBtn.style.display = 'block';
              game.classList.add('game-over');

              if (score > hi) {
                hi = Math.floor(score);
                localStorage.setItem('chromeDinoHi', hi);
                hiEl.textContent = `HI ${formatScore(hi)}`;
              }
            }

            function jump() {
              if (!running) {
                startGame();
                velocityY = jumpForce;
                jumping = true;
                return;
              }

              if (jumping || gameOver) return;
              velocityY = jumpForce;
              jumping = true;
            }

            function updatePlayer() {
              if (!jumping) return;

              velocityY -= gravity;
              playerBottom += velocityY;

              if (playerBottom <= 46) {
                playerBottom = 46;
                velocityY = 0;
                jumping = false;
              }

              player.style.bottom = playerBottom + 'px';
            }

            function updateObstacle(deltaFactor) {
              obstacleX -= speed * deltaFactor;

              if (obstacleX < -60) {
                obstacleX = game.clientWidth + 80 + Math.random() * 140;
              }

              obstacle.style.left = obstacleX + 'px';
            }

            function updateGround(deltaFactor) {
              groundOffset -= speed * deltaFactor;
              if (groundOffset <= -72) {
                groundOffset = 0;
              }
              ground.style.transform = `translateX(${groundOffset}px)`;
            }

            function updateClouds(deltaFactor) {
              cloudAX -= 1.0 * deltaFactor;
              cloudBX -= 0.7 * deltaFactor;

              if (cloudAX < -80) cloudAX = game.clientWidth + 50;
              if (cloudBX < -80) cloudBX = game.clientWidth + 180;

              document.querySelector('.cloud-a').style.left = cloudAX + 'px';
              document.querySelector('.cloud-b').style.left = cloudBX + 'px';
            }

            function updateScore(deltaMs) {
              scoreAccumulator += deltaMs * 0.01;
              score = scoreAccumulator;
              scoreEl.textContent = formatScore(score);

              if (Math.floor(score) % 100 === 0 && Math.floor(score) !== 0) {
                speed = 6 + Math.floor(score) / 200;
              }
            }

            function checkCollision() {
              const playerRect = {
                left: 42 + 8,
                right: 42 + 34,
                top: 260 - (playerBottom + 48) + 4,
                bottom: 260 - (playerBottom + 2)
              };

              const obstacleRectRaw = obstacle.getBoundingClientRect();
              const gameRect = game.getBoundingClientRect();

              const obstacleRect = {
                left: obstacleRectRaw.left - gameRect.left + 3,
                right: obstacleRectRaw.right - gameRect.left - 3,
                top: obstacleRectRaw.top - gameRect.top + 8,
                bottom: obstacleRectRaw.bottom - gameRect.top
              };

              const hit =
                playerRect.left < obstacleRect.right &&
                playerRect.right > obstacleRect.left &&
                playerRect.top < obstacleRect.bottom &&
                playerRect.bottom > obstacleRect.top;

              if (hit) {
                endGame();
              }
            }

            function loop(now) {
              if (!running) return;

              const deltaMs = now - lastTime;
              lastTime = now;
              const deltaFactor = Math.min(deltaMs / 16.67, 1.8);

              updatePlayer();
              updateObstacle(deltaFactor);
              updateGround(deltaFactor);
              updateClouds(deltaFactor);
              updateScore(deltaMs);
              checkCollision();

              if (running) {
                requestAnimationFrame(loop);
              }
            }

            function handleAction() {
              if (gameOver) {
                resetState();
                startGame();
                return;
              }
              jump();
            }

            game.addEventListener('keydown', (e) => {
              if (e.code === 'Space' || e.code === 'ArrowUp') {
                e.preventDefault();
                handleAction();
              }
            });

            game.addEventListener('click', () => {
              game.focus();
              handleAction();
            });

            game.addEventListener('touchstart', (e) => {
              e.preventDefault();
              game.focus();
              handleAction();
            }, { passive: false });

            restartBtn.addEventListener('click', (e) => {
              e.stopPropagation();
              game.focus();
              resetState();
              startGame();
            });

            window.addEventListener('keydown', (e) => {
              if (document.activeElement !== game) return;
              if (e.code === 'Space' || e.code === 'ArrowUp') {
                e.preventDefault();
              }
            });

            resetState();
          })();
        </script>

        <div class="payment-methods">
          <p>Metode Pembayaran:</p>

          <div class="payment-icons">

            <span class="icon-wrapper">
              <i class="fas fa-university" aria-hidden="true"></i>
              <span>BCA</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-university" aria-hidden="true"></i>
              <span>BRI</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-university" aria-hidden="true"></i>
              <span>BNI</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-university" aria-hidden="true"></i>
              <span>MANDIRI</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-wallet" aria-hidden="true"></i>
              <span>DANA</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-wallet" aria-hidden="true"></i>
              <span>OVO</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-wallet" aria-hidden="true"></i>
              <span>GOPAY</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-wallet" aria-hidden="true"></i>
              <span>LINK AJA</span>
            </span>

            <span class="icon-wrapper">
              <i class="fas fa-qrcode" aria-hidden="true"></i>
              <span>QRIS</span>
            </span>

          </div>
        </div>
      </div>
    </div>
    </div>

    <div class="PAP4D-article">
      <div style="font-size: 18px; line-height: 1.6;">
        <h1 style="font-size: 28px;">PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas</h1>

        <p style="text-align: justify;">
          <a href="https://blomerusphotography.com/">PAP4D</a> hadir sebagai platform slot online yang dibangun dengan
          fondasi sistem stabil serta optimasi performa yang menjaga kelancaran akses di setiap sesi. Dengan teknologi
          yang dirancang responsif, PAP4D mampu menampilkan antarmuka yang ringan, cepat dimuat, dan tetap nyaman
          digunakan baik melalui perangkat desktop maupun mobile tanpa hambatan berarti.
        </p><br>

        <p style="text-align: justify;">
          Didukung oleh pilihan game yang luas tanpa batas, PAP4D memberikan kebebasan eksplorasi bagi pengguna dengan
          update konten yang terus berjalan secara konsisten. Struktur navigasi yang efisien serta sistem yang adaptif
          menjadikan setiap proses akses terasa lebih praktis dan fleksibel. Perpaduan antara kestabilan, kecepatan, dan
          kelengkapan game menjadikan PAP4D sebagai solusi ideal untuk menikmati pengalaman slot online yang modern dan
          mudah dijangkau kapan saja.
        </p>
        <div style="height: 10px;"></div>

        <style>
          .pdd28-reasons-to-buy__content.lrx-reviews {
            padding: 8px 38px 16px;
            background:
              radial-gradient(1200px 200px at 50% -80px, rgba(245, 197, 66, .10), transparent 60%) #fff;
            border-radius: 16px;
            overflow: visible;
          }

          .lrx-section-title {
            margin: 0 0 14px 30px;
            font-size: 24px;
            line-height: 1.25;
            letter-spacing: .2px;
            color: #0f172a;
            display: flex;
            align-items: center;
            gap: 10px;
          }

          .lrx-section-title::before {
            content: "";
            width: 6px;
            height: 22px;
            border-radius: 8px;
            background: linear-gradient(180deg, #ff3c00, #ffdb58);
            flex: 0 0 auto;
          }

          .lrx-card {
            position: relative;
            display: flex;
            flex-direction: column;
            height: auto;
            padding: 16px;
            border-radius: 16px;
            background:
              linear-gradient(#fff, #fff) padding-box,
              linear-gradient(135deg, rgba(245, 197, 66, .8), rgba(255, 219, 88, .9)) border-box;
            border: 1px solid transparent;
            box-shadow: 0 6px 24px rgba(2, 6, 23, .06);
          }

          .lrx-header {
            display: grid;
            grid-template-columns: auto 1fr auto;
            grid-template-areas: "avatar meta rating";
            align-items: center;
            gap: 12px;
            margin-bottom: 8px;
          }

          .lrx-avatar {
            grid-area: avatar;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-weight: 800;
            background: radial-gradient(circle at 30% 25%, #ffec9c, #ff3c00 70%);
            color: #111;
            border: 1px solid rgba(17, 24, 39, .1);
          }

          .lrx-meta {
            grid-area: meta;
            min-width: 0;
          }

          .lrx-name {
            margin: 0;
            font-weight: 800;
            color: #111827;
            font-size: 15px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }

          .lrx-chip {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            margin-top: 2px;
            padding: 4px 8px;
            font-size: 12px;
            color: #374151;
            background: #f8fafc;
            border: 1px solid #e5e7eb;
            border-radius: 999px;
          }

          .lrx-chip::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 999px;
            background: #ff3c00;
          }

          .lrx-rating {
            grid-area: rating;
            display: inline-flex;
            align-items: center;
            gap: 2px;
          }

          .lrx-star {
            width: 16px;
            height: 16px;
            display: block;
          }

          .lrx-star--full path {
            fill: #ff3c00;
          }

          .lrx-star--half path {
            fill: url(#lrx-half);
          }

          .lrx-star--empty path {
            fill: #e5e7eb;
          }

          .lrx-defs {
            position: absolute;
            width: 0;
            height: 0;
            overflow: hidden;
          }

          .lrx-quote {
            position: relative;
            margin: 6px 0 10px 0;
            color: #374151;
            line-height: 1.65;
            font-size: 14.5px;
          }

          .lrx-quote::before {
            content: "“";
            position: absolute;
            left: -6px;
            top: -10px;
            font-size: 36px;
            line-height: 1;
            color: rgba(245, 197, 66, .35);
            font-weight: 700;
          }

          .lrx-foot {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-top: auto;
          }

          .lrx-date {
            font-size: 12px;
            color: #6b7280;
          }

          .lrx-badge {
            padding: 6px 10px;
            border-radius: 10px;
            font-size: 12px;
            font-weight: 700;
            color: #111;
            background: linear-gradient(180deg, #f8f8f8, #fff);
            border: 1px solid #e5e7eb;
          }

          .pdd28-reasons-to-buy__content.lrx-reviews .swiper-container,
          .pdd28-reasons-to-buy__content.lrx-reviews .basic-swiper {
            overflow: visible;
          }

          .pdd28-reasons-to-buy__content.lrx-reviews .swiper-wrapper {
            align-items: stretch;
          }

          .pdd28-reasons-to-buy__content.lrx-reviews .swiper-slide {
            height: auto;
            display: flex;
            margin-top: 25px;
          }

          .pdd28-reasons-to-buy__content.lrx-reviews .pdd28-reasons-to-buy__list-inner {
            padding: 6px 2px 28px;
          }
        </style>

        <div class="PAP4D-container">
          <!-- FAQ BOX -->
          <section class="neon-box faq-box" aria-label="FAQ PAP4D">
            <h2 class="box-title">FAQ Seputar PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas
            </h2>

            <div class="accordion" id="pap4dFaq">

              <div class="faq-item">
                <h3>
                  <button class="acc-item" type="button" aria-expanded="false" aria-controls="faq-panel-1"
                    id="faq-btn-1">
                    <span class="acc-q">1. Apa itu PAP4D?</span>
                    <span class="acc-ic" aria-hidden="true">+</span>
                  </button>
                </h3>
                <div class="acc-panel" id="faq-panel-1" role="region" aria-labelledby="faq-btn-1" hidden>
                  <p>PAP4D merupakan platform slot online yang dikembangkan dengan sistem stabil dan performa ringan,
                    sehingga mampu memberikan pengalaman akses yang cepat serta tampilan yang tetap nyaman digunakan
                    dalam berbagai kondisi.</p>
                </div>
              </div>

              <div class="faq-item">
                <h3>
                  <button class="acc-item" type="button" aria-expanded="false" aria-controls="faq-panel-2"
                    id="faq-btn-2">
                    <span class="acc-q">2. Apa keunggulan utama PAP4D?</span>
                    <span class="acc-ic" aria-hidden="true">+</span>
                  </button>
                </h3>
                <div class="acc-panel" id="faq-panel-2" role="region" aria-labelledby="faq-btn-2" hidden>
                  <p>PAP4D menonjol melalui kestabilan sistem yang konsisten, proses akses yang cepat, serta struktur
                    navigasi yang dirancang sederhana agar pengguna dapat menjelajahi berbagai fitur tanpa hambatan.</p>
                </div>
              </div>

              <div class="faq-item">
                <h3>
                  <button class="acc-item" type="button" aria-expanded="false" aria-controls="faq-panel-3"
                    id="faq-btn-3">
                    <span class="acc-q">3. Apakah PAP4D menyediakan banyak pilihan game?</span>
                    <span class="acc-ic" aria-hidden="true">+</span>
                  </button>
                </h3>
                <div class="acc-panel" id="faq-panel-3" role="region" aria-labelledby="faq-btn-3" hidden>
                  <p>Ya, PAP4D menghadirkan koleksi game yang sangat luas dengan variasi yang terus diperbarui,
                    memungkinkan pengguna menikmati banyak pilihan dalam satu platform tanpa batasan akses yang kaku.
                  </p>
                </div>
              </div>

              <div class="faq-item">
                <h3>
                  <button class="acc-item" type="button" aria-expanded="false" aria-controls="faq-panel-4"
                    id="faq-btn-4">
                    <span class="acc-q">4. Bagaimana performa sistem di PAP4D?</span>
                    <span class="acc-ic" aria-hidden="true">+</span>
                  </button>
                </h3>
                <div class="acc-panel" id="faq-panel-4" role="region" aria-labelledby="faq-btn-4" hidden>
                  <p>Sistem PAP4D dirancang untuk menjaga kestabilan performa, sehingga proses loading, perpindahan
                    halaman, hingga akses game tetap terasa lancar tanpa gangguan berarti.</p>
                </div>
              </div>

              <div class="faq-item">
                <h3>
                  <button class="acc-item" type="button" aria-expanded="false" aria-controls="faq-panel-5"
                    id="faq-btn-5">
                    <span class="acc-q">5. Apakah PAP4D mudah diakses kapan saja?</span>
                    <span class="acc-ic" aria-hidden="true">+</span>
                  </button>
                </h3>
                <div class="acc-panel" id="faq-panel-5" role="region" aria-labelledby="faq-btn-5" hidden>
                  <p>PAP4D dirancang dengan sistem fleksibel yang memungkinkan pengguna tetap terhubung dengan mudah,
                    sehingga akses dapat dilakukan kapan saja dengan pengalaman yang tetap stabil.</p>
                </div>
              </div>

              <div class="faq-item">
                <h3>
                  <button class="acc-item" type="button" aria-expanded="false" aria-controls="faq-panel-6"
                    id="faq-btn-6">
                    <span class="acc-q">6. Apakah PAP4D kompatibel di semua perangkat?</span>
                    <span class="acc-ic" aria-hidden="true">+</span>
                  </button>
                </h3>
                <div class="acc-panel" id="faq-panel-6" role="region" aria-labelledby="faq-btn-6" hidden>
                  <p>Ya, PAP4D telah dioptimalkan untuk berbagai perangkat, baik mobile maupun desktop, dengan tampilan
                    adaptif yang menjaga kenyamanan penggunaan di setiap ukuran layar.</p>
                </div>
              </div>

            </div>
          </section>

          <!-- PENILAIAN AUTO SLIDE -->
          <section class="neon-box penilaian-mwt-box" aria-label="Review PAP4D">
            <h2 class="box-title">ULASAN PILIHAN PENGGUNA PAP4D</h2>

            <div class="penilaian-mwt-slider" id="alxSlider" aria-roledescription="carousel">
              <div class="penilaian-mwt-track">

                <!-- 1 -->
                <article class="penilaian-mwt-card" role="group" aria-label="Review 1 dari 3">
                  <div class="penilaian-mwt-top">
                    <span class="penilaian-mwt-nama">RIZKY</span>
                    <span class="penilaian-mwt-bintang" aria-label="Rating 5 dari 5">★★★★★</span>
                  </div>
                  <p class="penilaian-mwt-isi">
                    PAP4D menurut saya punya sistem yang benar-benar stabil. Aksesnya cepat tanpa loading lama,
                    dan pilihan game yang tersedia juga sangat banyak jadi tidak cepat bosan saat digunakan.
                  </p>
                  <span class="penilaian-mwt-tanggal">2026-04-02</span>
                </article>

                <!-- 2 -->
                <article class="penilaian-mwt-card" role="group" aria-label="Review 2 dari 3">
                  <div class="penilaian-mwt-top">
                    <span class="penilaian-mwt-nama">FAJAR</span>
                    <span class="penilaian-mwt-bintang" aria-label="Rating 5 dari 5">★★★★★</span>
                  </div>
                  <p class="penilaian-mwt-isi">
                    Yang paling terasa dari PAP4D itu performanya ringan. Dibuka di HP tetap lancar,
                    navigasinya juga simpel jadi gampang pindah-pindah game tanpa kendala.
                  </p>
                  <span class="penilaian-mwt-tanggal">2026-04-05</span>
                </article>

                <!-- 3 -->
                <article class="penilaian-mwt-card" role="group" aria-label="Review 3 dari 3">
                  <div class="penilaian-mwt-top">
                    <span class="penilaian-mwt-nama">DIMAS</span>
                    <span class="penilaian-mwt-bintang" aria-label="Rating 4 dari 5">★★★★☆</span>
                  </div>
                  <p class="penilaian-mwt-isi">
                    Koleksi game di PAP4D memang lengkap dan terus update. Selama dipakai,
                    sistemnya terasa konsisten dan tidak sering mengalami gangguan, jadi nyaman untuk penggunaan harian.
                  </p>
                  <span class="penilaian-mwt-tanggal">2026-04-07</span>
                </article>

              </div>

              <div class="penilaian-mwt-dots" aria-hidden="true"></div>
            </div>
          </section>
        </div>


        <style>
          :root {
            --base: #000000;
            --text: #fff8dc;
            --muted: #d6c27a;
            --gold: #ff3c00;
            --gold-dark: #d4a017;
            --glow: #ffdb58;
          }

          .PAP4D-container {
            max-width: 1200px;
            margin: 18px auto;
            padding: 30px;
            background: var(--base);
            border-radius: 18px;
            display: grid;
            gap: 16px;
            color: var(--text);
            font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          }

          .neon-box {
            background:
              radial-gradient(1200px 500px at 20% -10%, rgba(245, 197, 66, .10), transparent 55%),
              radial-gradient(1000px 500px at 90% 0%, rgba(245, 197, 66, .08), transparent 55%),
              linear-gradient(180deg, #070707, #030303);
            border: 2px solid var(--gold);
            border-radius: 16px;
            padding: 14px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 0 1px rgba(245, 197, 66, .15) inset, 0 10px 30px rgba(0, 0, 0, .55);
            animation: neonPulse 2.2s ease-in-out infinite;
          }

          .neon-box::before {
            content: "";
            position: absolute;
            inset: -2px;
            border-radius: 18px;
            background: linear-gradient(90deg, rgba(245, 197, 66, .0), rgba(245, 197, 66, .55), rgba(245, 197, 66, .0));
            filter: blur(10px);
            opacity: .55;
            pointer-events: none;
            animation: borderBlink 1.15s steps(2, end) infinite;
          }

          .box-title {
            margin: 0 0 12px 0;
            font-size: 30px;
            color: #fff8dc;
            text-align: center;
            letter-spacing: .6px;
            text-transform: uppercase;
            text-shadow: 0 0 12px rgba(245, 197, 66, .25);
          }

          .accordion {
            display: grid;
            gap: 10px;
          }

          .acc-item {
            width: 100%;
            text-align: left;
            background: rgba(0, 0, 0, .55);
            border: 1px solid rgba(245, 197, 66, .65);
            border-radius: 12px;
            padding: 12px;
            cursor: pointer;
            color: var(--text);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            box-shadow: 0 0 0 1px rgba(245, 197, 66, .08) inset;
          }

          .acc-q {
            font-weight: 650;
            font-size: 14.5px;
            line-height: 1.25;
          }

          .acc-ic {
            width: 28px;
            height: 28px;
            border-radius: 10px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(245, 197, 66, .55);
            background: rgba(0, 0, 0, .55);
            font-size: 18px;
            line-height: 1;
            color: var(--gold);
          }

          .acc-panel {
            background: rgba(0, 0, 0, .35);
            border: 1px solid rgba(245, 197, 66, .45);
            border-radius: 12px;
            padding: 0 12px;
            max-height: 0;
            overflow: hidden;
            transition: max-height .28s ease, padding .28s ease;
          }

          .acc-panel p {
            margin: 10px 0 12px;
            color: var(--muted);
            font-size: 13.8px;
            line-height: 1.55;
          }

          .acc-panel.is-open {
            padding: 6px 12px;
            max-height: 260px;
          }

          .acc-panel {
            display: block;
          }

          .acc-panel[hidden] {
            display: none;
          }

          .acc-item[aria-expanded="true"] .acc-ic {
            transform: rotate(45deg);
          }

          .penilaian-mwt-slider {
            position: relative;
            overflow: hidden;
            border-radius: 14px;
          }

          .penilaian-mwt-track {
            display: flex;
            gap: 10px;
            will-change: transform;
            transition: transform .55s ease;
          }

          .penilaian-mwt-card {
            min-width: 100%;
            background: rgba(0, 0, 0, .45);
            border: 1px solid rgba(245, 197, 66, .45);
            border-radius: 14px;
            padding: 12px;
            box-shadow: 0 0 0 1px rgba(245, 197, 66, .06) inset;
          }

          .penilaian-mwt-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            margin-bottom: 6px;
          }

          .penilaian-mwt-nama {
            font-weight: 750;
            font-size: 14px;
            color: #fff8dc;
          }

          .penilaian-mwt-bintang {
            letter-spacing: 1px;
            color: var(--gold);
            font-size: 14px;
            text-shadow: 0 0 12px rgba(245, 197, 66, .18);
          }

          .penilaian-mwt-isi {
            margin: 0;
            color: var(--muted);
            font-size: 13.8px;
            line-height: 1.55;
          }

          .penilaian-mwt-tanggal {
            display: block;
            margin-top: 10px;
            font-size: 12px;
            color: rgba(255, 248, 220, .55);
          }

          .penilaian-mwt-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 12px;
          }

          .penilaian-mwt-dot {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            border: 1px solid rgba(245, 197, 66, .55);
            background: rgba(0, 0, 0, .55);
            opacity: .6;
          }

          .penilaian-mwt-dot.is-active {
            opacity: 1;
            border-color: rgba(245, 197, 66, .95);
            box-shadow: 0 0 18px rgba(245, 197, 66, .18);
            transform: scale(1.1);
          }

          @media (min-width: 720px) {
            .penilaian-mwt-card {
              min-width: calc(50% - 5px);
            }
          }

          @media (min-width: 980px) {
            .penilaian-mwt-card {
              min-width: calc(33.333% - 6.7px);
            }
          }

          @media (max-width: 520px) {
            .neon-box {
              padding: 12px;
            }

            .box-title {
              font-size: 16px;
            }

            .acc-q {
              font-size: 14px;
            }
          }

          @keyframes neonPulse {

            0%,
            100% {
              box-shadow: 0 0 0 1px rgba(245, 197, 66, .12) inset, 0 10px 30px rgba(0, 0, 0, .55);
            }

            50% {
              box-shadow: 0 0 0 1px rgba(245, 197, 66, .20) inset, 0 0 30px rgba(245, 197, 66, .12), 0 10px 30px rgba(0, 0, 0, .55);
            }
          }

          @keyframes borderBlink {
            0% {
              opacity: .20;
            }

            50% {
              opacity: .85;
            }

            100% {
              opacity: .20;
            }
          }

          .PAP4D-article {
            background: #000;
            color: #fff8dc;
            padding: 18px;
            border-radius: 16px;
            margin-bottom: 30px;
            border: 1px solid rgba(245, 197, 66, .12);
          }

          .PAP4D-article h1 {
            color: #fff8dc;
            margin-bottom: 12px;
            line-height: 1.3;
          }

          .PAP4D-article p {
            color: #f3e6b0;
            margin: 0;
          }

          .PAP4D-article a,
          .PAP4D-article a:visited,
          .PAP4D-article a:focus,
          .PAP4D-article a:active {
            color: #ff3c00;
            text-decoration: none;
            font-weight: 800;
            outline: none;
            box-shadow: none;
            background: transparent;
          }

          .PAP4D-article a:hover {
            color: #ffdb58;
            text-decoration: underline;
          }
        </style>
        <style>
          .cta-wrap {
            display: flex;
            gap: 16px;
            width: 100%;
            max-width: 1200px;
            margin: 14px auto;
            padding: 0 10px;
          }

          .cta-btn {
            position: relative;
            flex: 1;
            height: 54px;
            display: flex;
            align-items: center;
            justify-content: center;

            font: 800 18px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #111111;
            text-decoration: none;

            border-radius: 14px;
            border: 2px solid #d4a017;

            background: linear-gradient(180deg, #ffdb58 0%, #ff3c00 55%, #d4a017 100%);

            box-shadow:
              0 0 0 2px rgba(0, 0, 0, .20) inset,
              0 0 18px rgba(245, 197, 66, .35),
              0 0 40px rgba(245, 197, 66, .20);

            overflow: hidden;
            isolation: isolate;
            transition: transform .15s ease, filter .15s ease;
            font-weight: 900;
          }

          .cta-btn:hover {
            transform: translateY(-1px);
            filter: saturate(1.05) brightness(1.03);
          }

          .cta-btn:active {
            transform: translateY(0px) scale(.99);
          }

          .cta-btn::before {
            content: "";
            position: absolute;
            inset: 4px;
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, .32);
            box-shadow: 0 0 14px rgba(255, 219, 88, .35);
            pointer-events: none;
            z-index: 1;
          }

          .cta-btn::after {
            content: "";
            position: absolute;
            inset: -40% -10%;
            z-index: 0;
            background:
              radial-gradient(circle at 20% 35%, rgba(255, 255, 255, .95) 0 6px, transparent 7px),
              radial-gradient(circle at 55% 25%, rgba(255, 255, 255, .85) 0 4px, transparent 5px),
              radial-gradient(circle at 78% 45%, rgba(255, 255, 255, .92) 0 7px, transparent 8px),
              radial-gradient(circle at 35% 70%, rgba(255, 255, 255, .75) 0 3px, transparent 4px),
              radial-gradient(circle at 88% 68%, rgba(255, 255, 255, .80) 0 4px, transparent 5px);
            opacity: .9;
            animation: ctaBubbles 4.2s linear infinite;
            filter: blur(.15px);
            pointer-events: none;
            mix-blend-mode: screen;
          }

          @keyframes ctaBubbles {
            0% {
              transform: translateY(16px);
              opacity: .85;
            }

            50% {
              transform: translateY(-8px);
              opacity: 1;
            }

            100% {
              transform: translateY(16px);
              opacity: .85;
            }
          }

          @media (max-width:640px) {
            .cta-wrap {
              flex-direction: column;
            }

            .cta-btn {
              height: 52px;
            }
          }
        </style>
      </div>
    </div>

    </section>

    <!-- Produk Terkait -->
    <div class="related">
      <h2>Rekomendasi Terkait</h2>
      <div class="product-grid">

        <div class="product-card">
          <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" loading="lazy"
            alt="PAP4D SLOT ONLINE">
          <div class="card-info">
            <h3>PAP4D SLOT ONLINE</h3>
            <span class="card-price">Rp 3.500</span>
          </div>
        </div>

        <div class="product-card">
          <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" loading="lazy"
            alt="GAME TANPA BATAS">
          <div class="card-info">
            <h3>GAME TANPA BATAS</h3>
            <span class="card-price">Rp 3.200</span>
          </div>
        </div>

        <div class="product-card">
          <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" loading="lazy"
            alt="SISTEM STABIL PAP4D">
          <div class="card-info">
            <h3>SISTEM STABIL PAP4D</h3>
            <span class="card-price">Rp 4.300</span>
          </div>
        </div>

        <div class="product-card">
          <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp" loading="lazy"
            alt="AKSES CEPAT PAP4D">
          <div class="card-info">
            <h3>AKSES CEPAT PAP4D</h3>
            <span class="card-price">Rp 3.000</span>
          </div>
        </div>

      </div>
    </div>
  </main>

  <footer class="footer">
    <div class="container">
      <div>
        <h4>PAP4D</h4>
        <ul>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">AKSES PAP4D TERBARU</a></li>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">LOGIN PAP4D MUDAH</a></li>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">PLATFORM PAP4D RESMI</a></li>
        </ul>
      </div>

      <div>
        <h4>Slot Online</h4>
        <ul>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">SLOT ONLINE TERPILIH</a></li>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">GAME ONLINE TERLENGKAP</a></li>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">PILIHAN GAME TANPA BATAS</a></li>
        </ul>
      </div>

      <div>
        <h4>Sistem Akses</h4>
        <ul>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">SISTEM STABIL PAP4D</a></li>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">AKSES CEPAT RESPONSIF</a></li>
          <li><a href="https://blomerusphotography-pap4d.netlify.app/">NAVIGASI RINGAN MODERN</a></li>
        </ul>
      </div>

      <div>
        <h4>Ikuti Kami</h4>
        <ul>
          <li>
            <a href="#">
              <i class="fab fa-facebook" aria-hidden="true"></i> FACEBOOK
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fab fa-instagram" aria-hidden="true"></i> INSTAGRAM
            </a>
          </li>
          <li>
            <a href="#">
              <i class="fab fa-twitter" aria-hidden="true"></i> TWITTER
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      &copy; 2026 PAP4D X MAMQIW
    </div>
  </footer>
  <!-- ========== POPUP FIRE LUXURY THEME ========== -->
  <div id="popupInferno" class="inferno-overlay">
    <div class="inferno-popup">
      <button class="inferno-close" onclick="document.getElementById('popupInferno').style.display='none'">✕</button>

      <!-- background glow -->
      <span class="inferno-orb orb-a"></span>
      <span class="inferno-orb orb-b"></span>
      <span class="inferno-orb orb-c"></span>

      <!-- floating embers -->
      <div class="inferno-embers">
        <span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span><span></span><span></span><span></span>
        <span></span><span></span>
      </div>

      <!-- shine -->
      <div class="inferno-shine"></div>

      <div class="inferno-image-wrap">
        <img src="https://sudahpasti.online/cdn_uploads/2026/04/pap4d-mamqiw.webp?updatedAt=1775637228363" alt="PAP4D"
          class="inferno-image">
      </div>

      <div class="inferno-content">
        <span class="inferno-badge">PAP4D x SEO MAMQIW</span>
        <h2>PAP4D ⚡ Slot Online Berbasis Sistem Stabil dengan Pilihan Game Tanpa Batas</h2>
        <p>
          PAP4D ⚡ menghadirkan pengalaman slot online dengan sistem yang dirancang stabil dan responsif, dilengkapi
          pilihan game tanpa batas yang terus diperbarui untuk memastikan akses tetap lancar dan nyaman di berbagai
          kondisi.
        </p>
        <div class="inferno-buttons">
          <a href="https://blomerusphotography-pap4d.netlify.app/" rel="nofollow noreferrer" target="_blank"
            class="inferno-btn btn-daftar">R E G I S T E R</a>
          <a href="https://blomerusphotography-pap4d.netlify.app/" rel="nofollow noreferrer" target="_blank"
            class="inferno-btn btn-login">L O G I N</a>
        </div>
      </div>
    </div>
  </div>

  <style>
    .inferno-overlay {
      position: fixed;
      inset: 0;
      z-index: 999999;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 18px;
      overflow: hidden;
      background:
        radial-gradient(circle at top, rgba(255, 145, 0, .18), transparent 34%),
        radial-gradient(circle at bottom, rgba(255, 72, 0, .18), transparent 40%),
        linear-gradient(180deg, rgba(20, 6, 1, .78), rgba(8, 2, 0, .9));
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      animation: infernoFade .45s ease;
    }

    .inferno-popup {
      position: relative;
      width: 100%;
      max-width: 430px;
      border-radius: 28px;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(48, 15, 4, .72), rgba(20, 5, 1, .88)),
        rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 153, 51, .22);
      box-shadow:
        0 18px 50px rgba(0, 0, 0, .52),
        0 0 24px rgba(255, 136, 0, .18),
        0 0 60px rgba(255, 72, 0, .12),
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 0 18px rgba(255, 140, 0, .05);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      animation: infernoUp .45s ease;
    }

    .inferno-popup::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 28px;
      padding: 1px;
      background: linear-gradient(135deg, rgba(255, 220, 180, .35), rgba(255, 136, 0, .12), rgba(255, 80, 0, .26));

      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;

      mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      mask-composite: exclude;

      pointer-events: none;
    }

    .inferno-close {
      position: absolute;
      top: 12px;
      right: 12px;
      z-index: 6;
      width: 38px;
      height: 38px;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      color: #fff4e8;
      font-size: 17px;
      font-weight: 700;
      background: rgba(255, 160, 80, .10);
      border: 1px solid rgba(255, 190, 120, .18);
      box-shadow:
        0 8px 20px rgba(0, 0, 0, .28),
        0 0 14px rgba(255, 119, 0, .16),
        inset 0 1px 0 rgba(255, 255, 255, .12);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      transition: all .25s ease;
    }

    .inferno-close:hover {
      transform: scale(1.08) rotate(90deg);
      background: rgba(255, 120, 0, .20);
      box-shadow:
        0 10px 22px rgba(0, 0, 0, .34),
        0 0 20px rgba(255, 120, 0, .26);
    }

    .inferno-orb {
      position: absolute;
      border-radius: 50%;
      filter: blur(26px);
      pointer-events: none;
    }

    .orb-a {
      width: 140px;
      height: 140px;
      top: -40px;
      left: -30px;
      background: radial-gradient(circle, rgba(255, 166, 0, .28), transparent 70%);
      animation: orbPulse 4s ease-in-out infinite;
    }

    .orb-b {
      width: 180px;
      height: 180px;
      bottom: -60px;
      right: -40px;
      background: radial-gradient(circle, rgba(255, 72, 0, .30), transparent 70%);
      animation: orbPulse 5s ease-in-out infinite reverse;
    }

    .orb-c {
      width: 110px;
      height: 110px;
      top: 35%;
      right: -20px;
      background: radial-gradient(circle, rgba(255, 208, 120, .18), transparent 70%);
      animation: orbPulse 3.8s ease-in-out infinite;
    }

    .inferno-embers {
      position: absolute;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
      z-index: 1;
    }

    .inferno-embers span {
      position: absolute;
      bottom: -20px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: radial-gradient(circle, #ffd38a 0%, #ff9d00 45%, rgba(255, 80, 0, .12) 100%);
      box-shadow:
        0 0 8px rgba(255, 170, 0, .65),
        0 0 16px rgba(255, 72, 0, .28);
      opacity: .9;
      animation: emberRise linear infinite;
    }

    .inferno-embers span:nth-child(1) {
      left: 8%;
      animation-duration: 4.5s;
      animation-delay: .2s;
    }

    .inferno-embers span:nth-child(2) {
      left: 16%;
      animation-duration: 5.6s;
      animation-delay: 1.2s;
      width: 4px;
      height: 4px;
    }

    .inferno-embers span:nth-child(3) {
      left: 24%;
      animation-duration: 4.2s;
      animation-delay: .8s;
    }

    .inferno-embers span:nth-child(4) {
      left: 33%;
      animation-duration: 6.1s;
      animation-delay: 1.8s;
      width: 6px;
      height: 6px;
    }

    .inferno-embers span:nth-child(5) {
      left: 42%;
      animation-duration: 4.9s;
      animation-delay: .4s;
      width: 3px;
      height: 3px;
    }

    .inferno-embers span:nth-child(6) {
      left: 50%;
      animation-duration: 5.2s;
      animation-delay: 1.1s;
    }

    .inferno-embers span:nth-child(7) {
      left: 58%;
      animation-duration: 4.4s;
      animation-delay: .6s;
    }

    .inferno-embers span:nth-child(8) {
      left: 67%;
      animation-duration: 5.8s;
      animation-delay: 2s;
      width: 4px;
      height: 4px;
    }

    .inferno-embers span:nth-child(9) {
      left: 74%;
      animation-duration: 4.7s;
      animation-delay: 1.4s;
    }

    .inferno-embers span:nth-child(10) {
      left: 82%;
      animation-duration: 5.4s;
      animation-delay: .7s;
      width: 6px;
      height: 6px;
    }

    .inferno-embers span:nth-child(11) {
      left: 89%;
      animation-duration: 4.1s;
      animation-delay: 1.6s;
    }

    .inferno-embers span:nth-child(12) {
      left: 94%;
      animation-duration: 5.9s;
      animation-delay: .3s;
      width: 4px;
      height: 4px;
    }

    .inferno-shine {
      position: absolute;
      top: -130%;
      left: -45%;
      width: 58%;
      height: 320%;
      background: linear-gradient(to right,
          transparent 0%,
          rgba(255, 255, 255, .03) 35%,
          rgba(255, 235, 210, .16) 50%,
          rgba(255, 255, 255, .03) 65%,
          transparent 100%);
      transform: rotate(24deg);
      animation: infernoShine 5s linear infinite;
      pointer-events: none;
      z-index: 1;
    }

    .inferno-image-wrap {
      position: relative;
      z-index: 2;
      padding: 20px 20px 0;
    }

    .inferno-image {
      width: 100%;
      display: block;
      border-radius: 22px;
      border: 1px solid rgba(255, 210, 170, .12);
      box-shadow:
        0 10px 30px rgba(0, 0, 0, .30),
        0 0 22px rgba(255, 136, 0, .18),
        0 0 50px rgba(255, 72, 0, .08),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    }

    .inferno-content {
      position: relative;
      z-index: 2;
      padding: 22px 22px 26px;
      text-align: center;
    }

    .inferno-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 7px 14px;
      margin-bottom: 12px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.6px;
      color: #ffe2bf;
      background: rgba(255, 170, 95, .08);
      border: 1px solid rgba(255, 190, 120, .14);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 0 14px rgba(255, 115, 0, .08);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .inferno-content h2 {
      margin: 0 0 10px;
      font-size: 30px;
      line-height: 1.15;
      font-weight: 900;
      letter-spacing: .4px;
      color: #ffcf8a;
      text-shadow:
        0 0 10px rgba(255, 170, 0, .28),
        0 0 26px rgba(255, 90, 0, .24),
        0 2px 10px rgba(0, 0, 0, .28);
    }

    .inferno-content p {
      margin: 0;
      color: rgba(255, 231, 209, .88);
      font-size: 14px;
      line-height: 1.8;
      text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    }

    .inferno-buttons {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 22px;
    }

    .inferno-btn {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      padding: 14px 14px;
      border-radius: 16px;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .8px;
      overflow: hidden;
      transition: all .28s ease;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .inferno-btn::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .18), transparent);
      transform: translateX(-130%);
      transition: transform .7s ease;
    }

    .inferno-btn:hover::before {
      transform: translateX(130%);
    }

    .btn-daftar {
      color: #2b0d00;
      background: linear-gradient(135deg, #ffd28a, #ff9800 45%, #ff5a00 100%);
      border: 1px solid rgba(255, 240, 220, .25);
      box-shadow:
        0 10px 24px rgba(255, 120, 0, .28),
        0 0 20px rgba(255, 90, 0, .14),
        inset 0 1px 0 rgba(255, 255, 255, .35);
    }

    .btn-daftar:hover {
      transform: translateY(-2px);
      box-shadow:
        0 14px 30px rgba(255, 120, 0, .34),
        0 0 24px rgba(255, 90, 0, .18);
    }

    .btn-login {
      color: #fff5ec;
      background: linear-gradient(135deg, rgba(255, 180, 120, .08), rgba(255, 255, 255, .03));
      border: 1px solid rgba(255, 190, 120, .14);
      box-shadow:
        0 8px 20px rgba(0, 0, 0, .18),
        inset 0 1px 0 rgba(255, 255, 255, .10);
    }

    .btn-login:hover {
      transform: translateY(-2px);
      background: linear-gradient(135deg, rgba(255, 150, 70, .15), rgba(255, 255, 255, .05));
      box-shadow:
        0 12px 26px rgba(0, 0, 0, .24),
        0 0 18px rgba(255, 100, 0, .12);
    }

    @keyframes infernoFade {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    @keyframes infernoUp {
      from {
        opacity: 0;
        transform: translateY(24px) scale(.92);
      }

      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }

    @keyframes infernoShine {
      0% {
        transform: translateX(-120%) rotate(24deg);
      }

      100% {
        transform: translateX(260%) rotate(24deg);
      }
    }

    @keyframes emberRise {
      0% {
        transform: translateY(0) translateX(0) scale(.9);
        opacity: 0;
      }

      12% {
        opacity: .95;
      }

      60% {
        transform: translateY(-130px) translateX(8px) scale(1.1);
        opacity: .8;
      }

      100% {
        transform: translateY(-260px) translateX(-10px) scale(.5);
        opacity: 0;
      }
    }

    @keyframes orbPulse {

      0%,
      100% {
        transform: scale(1);
        opacity: .85;
      }

      50% {
        transform: scale(1.12);
        opacity: 1;
      }
    }

    @media (max-width:480px) {
      .inferno-popup {
        max-width: 100%;
        border-radius: 24px;
      }

      .inferno-popup::before {
        border-radius: 24px;
      }

      .inferno-image {
        border-radius: 18px;
      }

      .inferno-content {
        padding: 20px 18px 24px;
      }

      .inferno-content h2 {
        font-size: 25px;
      }

      .inferno-content p {
        font-size: 13px;
        line-height: 1.7;
      }

      .inferno-buttons {
        gap: 10px;
      }

      .inferno-btn {
        padding: 13px 10px;
        font-size: 13px;
      }
    }
  </style>

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      // Header shadow on scroll
      window.addEventListener('scroll', function () {
        const header = document.querySelector('.header');
        if (header) {
          if (window.scrollY > 10) {
            header.classList.add('scrolled');
          } else {
            header.classList.remove('scrolled');
          }
        }
      });

      // Thumbnail click
      const mainImage = document.getElementById('mainProductImage');
      const thumbnails = document.querySelectorAll('.thumbnail');

      thumbnails.forEach((thumb) => {
        thumb.addEventListener('click', function () {
          thumbnails.forEach((t) => t.classList.remove('active'));
          this.classList.add('active');

          const newSrc = this.getAttribute('data-src');
          if (mainImage && newSrc) {
            mainImage.src = newSrc;
            mainImage.srcset = newSrc + ' 600w';
          }
        });

        thumb.addEventListener('keydown', function (e) {
          if (e.key === 'Enter' || e.key === ' ') {
            e.preventDefault();
            this.click();
          }
        });
      });

      // Quantity controls
      const decrement = document.getElementById('decrement');
      const increment = document.getElementById('increment');
      const quantityInput = document.getElementById('quantity');

      if (decrement && increment && quantityInput) {
        decrement.addEventListener('click', function () {
          let val = parseInt(quantityInput.value, 10) || 1;
          if (val > 1) quantityInput.value = val - 1;
        });

        increment.addEventListener('click', function () {
          let val = parseInt(quantityInput.value, 10) || 1;
          if (val < 99) quantityInput.value = val + 1;
        });
      }

      // FAQ accordion untuk .acc-item + .acc-panel
      const accButtons = document.querySelectorAll('#alexisFaq .acc-item');

      accButtons.forEach((btn, index) => {
        const panel = btn.nextElementSibling;

        if (!panel || !panel.classList.contains('acc-panel')) return;

        const panelId = 'alexisFaq-panel-' + index;
        const btnId = 'alexisFaq-btn-' + index;

        btn.setAttribute('id', btnId);
        btn.setAttribute('aria-controls', panelId);
        btn.setAttribute('aria-expanded', 'false');

        panel.setAttribute('id', panelId);
        panel.setAttribute('aria-labelledby', btnId);
        panel.hidden = true;

        btn.addEventListener('click', function () {
          const isOpen = btn.getAttribute('aria-expanded') === 'true';

          btn.setAttribute('aria-expanded', String(!isOpen));
          panel.hidden = isOpen;

          if (isOpen) {
            panel.classList.remove('is-open');
          } else {
            panel.classList.add('is-open');
          }
        });
      });
    });
  </script>
  <style>
    .payment-methods {
      margin-top: 20px;
    }

    .payment-methods p {
      font-weight: bold;
      margin-bottom: 12px;
      color: #ff3c00;
    }

    .payment-icons {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .icon-wrapper {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 8px 14px;
      border-radius: 30px;
      background: #0f0f0f;
      color: #fff;
      font-size: 14px;
      border: 1px solid rgba(245, 197, 66, .2);
      transition: 0.3s ease;
      cursor: default;
    }

    .icon-wrapper i {
      font-size: 16px;
      color: #ff3c00;
    }

    .icon-wrapper:hover {
      background: #000;
      border-color: #ff3c00;
      box-shadow: 0 0 10px rgba(245, 197, 66, .35);
      transform: translateY(-2px);
    }

    @media (max-width: 600px) {
      .payment-icons {
        justify-content: center;
      }
    }
  </style>
</body>

</html>