



  <!DOCTYPE html>
  <html lang="id">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <meta name="theme-color" content="#03ac0e">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="NOS138">
    <meta name="format-detection" content="telephone=no">
    <!-- Meta Tag SEO 2026 -->
    <title>NOS138: Jalur Digital Dinamis untuk Pengalaman Online Lebih Konsisten</title>
    <meta name="description" content="NOS138 menyediakan pengalaman akses online dengan jalur dinamis yang membantu menjaga koneksi tetap aktif dan minim gangguan setiap saat.">
    <meta name="keywords" content="nos138,slot indo, slot nos138">
    <meta name="author" content="NOS138"> 
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index, follow">
    <meta name="language" content="id">
    <meta name="geo.country" content="id">
    <link rel="canonical" href="https://prismvisualsolutions.com/">
    <link rel="amphtml" href="https://terbaik-sehat-selalu.pages.dev/" />
    <!-- Hreflang -->
      <link rel="alternate" hreflang="id-id" href="https://terbaik-sehat-selalu.pages.dev/"/>
  <link rel="alternate" href="https://terbaik-sehat-selalu.pages.dev/"/>
  <link rel="alternate" hreflang="id" href="https://terbaik-sehat-selalu.pages.dev/"/>
  <link rel="alternate" hreflang="en" href="https://terbaik-sehat-selalu.pages.dev/"/>
  <link rel="alternate" hreflang="x-default" href="https://terbaik-sehat-selalu.pages.dev/"/>  
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="product">
    <meta property="og:url" content="https://prismvisualsolutions.com/">
    <meta property="og:title" content="NOS138: Jalur Digital Dinamis untuk Pengalaman Online Lebih Konsisten">
    <meta property="og:description" content="NOS138 menyediakan pengalaman akses online dengan jalur dinamis yang membantu menjaga koneksi tetap aktif dan minim gangguan setiap saat.">
    <meta property="og:image" content="https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:site_name" content="NOS138">
    <meta name="google-site-verification" content="CcgppwmqsBolufTK1SZmau1llebChDcMteHa245ybAM" />
    <meta property="product:price:amount" content="150000">
    <meta property="product:price:currency" content="IDR">  
    <meta property="product:availability" content="in stock">
    <meta property="product:condition" content="new">

    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="NOS138: Jalur Digital Dinamis untuk Pengalaman Online Lebih Konsisten">
    <meta name="twitter:description" content="NOS138 menyediakan pengalaman akses online dengan jalur dinamis yang membantu menjaga koneksi tetap aktif dan minim gangguan setiap saat.">
    <meta name="twitter:image" content="https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png">
    <meta name="twitter:site" content="@tokoanda">
    <meta name="twitter:label1" content="Harga">
    <meta name="twitter:data1" content="Rp150.000">
    <meta name="twitter:label2" content="Ketersediaan">
    <meta name="twitter:data2" content="Tersedia">
  
    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "Beranda", "item": "https://prismvisualsolutions.com/" },
        { "@type": "ListItem", "position": 2, "name": "Kategori", "item": "https://prismvisualsolutions.com//kategori" },
        { "@type": "ListItem", "position": 3, "name": "Nama Produk Unggulan", "item": "https://prismvisualsolutions.com/" }
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Product",
      "name": "Nama Produk Unggulan",
      "description": "Deskripsi lengkap produk yang menjelaskan fitur, bahan, dan keunggulan. Cocok untuk artikel mendalam.",
      "sku": "PROD12345",
      "mpn": "MPN12345",
      "image": [
        "https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png",
        "https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png",
        "https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png"
      ],
      "brand": {
        "@type": "Brand",
        "name": "Merek Terkenal",
        "logo": "https://pub-ff691a0f277146f79481e24221407187.r2.dev/favicon_c2831620-4e74-4ff5-9d19-ea2ee20707fd_1771352423997.png"
      },
      "offers": {
        "@type": "Offer",
        "url": "https://prismvisualsolutions.com/",
        "priceCurrency": "IDR",
        "price": "150000",
        "priceValidUntil": "2027-12-31",
        "availability": "https://schema.org/InStock",
        "itemCondition": "https://schema.org/NewCondition",
        "seller": {
          "@type": "Organization",
          "name": "NOS138",
          "url": "https://prismvisualsolutions.com/"
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.5",
        "reviewCount": "125",
        "bestRating": "5",
        "worstRating": "1"
      },
      "review": [
        {
          "@type": "Review",
          "author": { "@type": "Person", "name": "Budi" },
          "reviewRating": { "@type": "Rating", "ratingValue": "5" },
          "description": "Produk sangat bagus, sesuai deskripsi."
        },
        {
          "@type": "Review",
          "author": { "@type": "Person", "name": "Ani" },
          "reviewRating": { "@type": "Rating", "ratingValue": "4" },
          "description": "Bagus, tapi pengiriman agak lama."
        }
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Apakah produk ini original?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ya, semua produk kami 100% original dan bergaransi resmi."
          }
        },
        {
          "@type": "Question",
          "name": "Berapa lama estimasi pengiriman?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Estimasi pengiriman 2-4 hari kerja untuk wilayah Jawa, dan 3-7 hari untuk luar Jawa."
          }
        }
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "NOS138",
      "url": "https://prismvisualsolutions.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://prismvisualsolutions.com//search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "NOS138",
      "url": "https://prismvisualsolutions.com/",
      "logo": "https://prismvisualsolutions.com//logo.png",
      "sameAs": [
        "https://www.facebook.com/tokoanda",
        "https://www.instagram.com/tokoanda",
        "https://twitter.com/tokoanda"
      ]
    }
    </script>

    <!-- Google Font Inter dengan swap -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
      /* ==== GLOBAL ==== */
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      }

      body {
        background-color: #f5f5f5;
        color: #1a1a1a;
        line-height: 1.6;
      }

      :root {
        --tokopedia-green: #03ac0e;
        --tokopedia-green-light: #e6f7e6;
        --tokopedia-dark: #2c2c2c;
        --tokopedia-gray: #f1f3f5;
        --tokopedia-border: #e0e0e0;
      }

      /* Fokus keyboard */
      .btn:focus-visible, .variant-option:focus-visible, .thumbnail:focus-visible, .wishlist-btn:focus-visible, .chat-button:focus-visible, .quantity-btn:focus-visible, .tab:focus-visible, .faq-question:focus-visible, .footer a:focus-visible {
        outline: 2px solid var(--tokopedia-green);
        outline-offset: 2px;
      }

      /* ==== HEADER ==== */
      .header {
        background: white;
        border-bottom: 1px solid var(--tokopedia-border);
        padding: 0.8rem 2rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        position: sticky;
        top: 0;
        z-index: 100;
      }

      .logo {
        font-size: 1.8rem;
        font-weight: 700;
        color: var(--tokopedia-green);
        margin-right: 2rem;
      }

      .nav-menu {
        display: flex;
        gap: 1.5rem;
        margin-right: 2rem;
      }

      .nav-menu a {
        text-decoration: none;
        color: #333;
        font-weight: 500;
      }

      .search-bar {
        flex: 1 1 300px;
        margin: 0 1rem;
      }

      .search-bar input {
        width: 100%;
        padding: 0.7rem 1rem;
        border: 1px solid var(--tokopedia-border);
        border-radius: 8px;
        font-size: 1rem;
      }

      .header-icons {
        display: flex;
        align-items: center;
        gap: 1.2rem;
      }

      .header-icons i {
        font-size: 1.3rem;
        color: #555;
        cursor: pointer;
        position: relative;
      }

      .cart-badge {
        position: absolute;
        top: -8px;
        right: -8px;
        background: var(--tokopedia-green);
        color: white;
        border-radius: 50%;
        padding: 0.2rem 0.5rem;
        font-size: 0.7rem;
        font-weight: bold;
      }

      /* ==== CONTAINER ==== */
      .container {
        max-width: 1300px;
        margin: 2rem auto;
        padding: 0 1rem;
      }

      /* Breadcrumb responsif */
      .breadcrumb {
        margin-bottom: 1.5rem;
        font-size: 0.9rem;
        color: #666;
      }
      .breadcrumb a {
        color: var(--tokopedia-green);
        text-decoration: none;
      }
      @media (max-width: 480px) {
        .breadcrumb a:not(:first-child):not(:last-child) {
          display: none;
        }
        .breadcrumb a:first-child::after {
          content: " > ... > ";
          color: #666;
          text-decoration: none;
          pointer-events: none;
        }
        .breadcrumb a:last-child {
          display: inline;
        }
      }

      /* ==== PRODUCT GRID ==== */
      .product-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
        background: white;
        padding: 1.5rem;
        border-radius: 16px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        margin-bottom: 2rem;
      }

      /* Galeri */
      .product-gallery {
        display: flex;
        flex-direction: column;
      }

      .main-image {
        width: 100%;
        border-radius: 12px;
        background: #f9f9f9;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        cursor: zoom-in;
        transition: transform 0.2s;
      }

      .thumbnail-list {
        display: flex;
        gap: 0.5rem;
        margin-top: 1rem;
        flex-wrap: wrap;
      }

      .thumbnail {
        width: 70px;
        height: 70px;
        border-radius: 8px;
        object-fit: cover;
        cursor: pointer;
        border: 2px solid transparent;
        transition: border 0.2s;
      }

      .thumbnail.active {
        border-color: var(--tokopedia-green);
      }

      /* Info produk */
      .product-info {
        display: flex;
        flex-direction: column;
      }

      .badges {
        display: flex;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
        flex-wrap: wrap;
      }

      .badge {
        background: #ff6b6b;
        color: white;
        padding: 0.2rem 0.8rem;
        border-radius: 20px;
        font-size: 0.8rem;
        font-weight: 600;
      }

      .badge.flash-sale {
        background: #ff8c00;
      }

      .badge.free-shipping {
        background: #2e86de;
      }

      .product-title {
        font-size: 1.8rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
        line-height: 1.3;
      }

      .product-meta {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1rem;
        color: #555;
        font-size: 0.95rem;
        flex-wrap: wrap;
      }

      .rating {
        color: #f9a826;
        font-weight: 600;
      }

      .sold {
        color: #666;
      }

      .price {
        font-size: 2rem;
        font-weight: 700;
        color: var(--tokopedia-dark);
        margin: 1rem 0 0.5rem;
      }

      .price small {
        font-size: 1rem;
        font-weight: 400;
        color: #999;
        text-decoration: line-through;
        margin-left: 0.5rem;
      }

      .discount {
        background: #ff6b6b;
        color: white;
        padding: 0.2rem 0.6rem;
        border-radius: 12px;
        font-size: 0.9rem;
        margin-left: 0.5rem;
      }

      .variants {
        margin: 1rem 0;
      }

      .variant-label {
        font-weight: 600;
        margin-bottom: 0.3rem;
      }

      .variant-options {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
      }

      .variant-option {
        padding: 0.5rem 1rem;
        border: 1px solid var(--tokopedia-border);
        border-radius: 20px;
        cursor: pointer;
        background: white;
        transition: all 0.2s;
      }

      .variant-option.selected {
        border-color: var(--tokopedia-green);
        background: var(--tokopedia-green-light);
      }

      /* Quantity selector */
      .quantity-selector {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 1rem 0;
        flex-wrap: wrap;
      }

      .quantity-btn {
        width: 40px;
        height: 40px;
        border: 1px solid var(--tokopedia-border);
        background: white;
        border-radius: 8px;
        font-size: 1.2rem;
        cursor: pointer;
      }

      .quantity-input {
        width: 60px;
        height: 40px;
        text-align: center;
        border: 1px solid var(--tokopedia-border);
        border-radius: 8px;
      }

      .quantity-error {
        color: #ff6b6b;
        font-size: 0.85rem;
        margin-left: 0.5rem;
      }

      .action-buttons {
        display: flex;
        gap: 1rem;
        margin: 1.5rem 0;
      }

      .btn {
        padding: 1rem 2rem;
        border: none;
        border-radius: 8px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: 0.2s;
      }

      .btn-primary {
        background: var(--tokopedia-green);
        color: white;
        flex: 2;
      }

      .btn-primary:hover {
        background: #028a0b;
      }

      .btn-outline {
        background: white;
        border: 2px solid var(--tokopedia-green);
        color: var(--tokopedia-green);
        flex: 1;
      }

      .btn-outline:hover {
        background: var(--tokopedia-green-light);
      }

      /* Wishlist button */
      .wishlist-btn {
        background: white;
        border: 2px solid var(--tokopedia-border);
        color: #666;
        padding: 0.8rem 1.2rem;
        border-radius: 8px;
        cursor: pointer;
        font-size: 1.2rem;
        transition: 0.2s;
      }
      .wishlist-btn:hover {
        border-color: #ff6b6b;
        color: #ff6b6b;
      }

      /* Seller info card */
      .seller-card {
        border: 1px solid var(--tokopedia-border);
        border-radius: 12px;
        padding: 1rem;
        margin: 1rem 0;
        background: #fafafa;
      }

      .seller-header {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 0.5rem;
      }

      .seller-avatar {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        background: #ddd;
      }

      .seller-name {
        font-weight: 700;
      }

      .seller-rating {
        font-size: 0.9rem;
        color: #f9a826;
      }

      .seller-location {
        font-size: 0.9rem;
        color: #666;
      }

      .chat-button {
        margin-left: auto;
        background: var(--tokopedia-green-light);
        border: 1px solid var(--tokopedia-green);
        color: var(--tokopedia-green);
        padding: 0.4rem 1rem;
        border-radius: 20px;
        cursor: pointer;
      }

      /* Shipping info */
      .shipping-info {
        border: 1px solid var(--tokopedia-border);
        border-radius: 12px;
        padding: 1rem;
        margin: 1rem 0;
      }

      .shipping-row {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem 0;
      }

      /* Trust badges tambahan */
      .trust-badges {
        display: flex;
        gap: 1.5rem;
        margin: 1rem 0;
        color: #666;
      }
      .trust-badges span i {
        color: var(--tokopedia-green);
        margin-right: 0.3rem;
      }

      /* ==== TAB SECTION ==== */
      .tab-section {
        background: white;
        margin-top: 2rem;
        border-radius: 16px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        overflow: hidden;
      }

      .tabs {
        display: flex;
        border-bottom: 1px solid var(--tokopedia-border);
        overflow-x: auto;
      }

      .tab {
        padding: 1rem 2rem;
        font-weight: 600;
        cursor: pointer;
        border-bottom: 3px solid transparent;
        transition: 0.2s;
        white-space: nowrap;
      }

      .tab.active {
        border-bottom-color: var(--tokopedia-green);
        color: var(--tokopedia-green);
      }

      .tab-content {
        padding: 2rem;
      }

      .tab-pane {
        display: none;
      }

      .tab-pane.active {
        display: block;
      }

      /* Deskripsi artikel (dengan teks unik) */
      .article-description {
        line-height: 1.8;
      }
      .article-description h2 {
        color: var(--tokopedia-dark);
      }
      .article-description h3 {
        margin: 1.5rem 0 0.5rem;
      }
      .article-description p {
        margin-bottom: 1rem;
      }
      .article-description img {
        max-width: 100%;
        border-radius: 12px;
        margin: 1rem 0;
      }

      /* Spesifikasi tabel */
      .spec-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 1rem;
      }
      .spec-table tr {
        border-bottom: 1px solid #eee;
      }
      .spec-table td {
        padding: 0.8rem 0;
      }
      .spec-table td:first-child {
        font-weight: 600;
        width: 30%;
      }

      /* Ulasan */
      .review-summary {
        display: flex;
        align-items: center;
        gap: 2rem;
        background: #fafafa;
        padding: 1.5rem;
        border-radius: 12px;
        margin-bottom: 2rem;
        flex-wrap: wrap;
      }

      .average-rating {
        text-align: center;
      }
      .average-rating .big {
        font-size: 3rem;
        font-weight: 700;
        color: #f9a826;
      }

      .review-filter {
        margin-bottom: 1rem;
        display: flex;
        justify-content: flex-end;
      }
      .review-filter select {
        padding: 0.5rem;
        border: 1px solid var(--tokopedia-border);
        border-radius: 8px;
      }

      .review-list {
        margin-top: 1rem;
      }
      .review-item {
        border-bottom: 1px solid #eee;
        padding: 1rem 0;
      }
      .review-author {
        font-weight: 600;
      }
      .review-rating {
        color: #f9a826;
        margin: 0.2rem 0;
      }

      /* FAQ */
      .faq-item {
        border-bottom: 1px solid #eee;
        padding: 1rem 0;
      }
      .faq-question {
        font-weight: 600;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .faq-answer {
        margin-top: 0.5rem;
        color: #555;
        padding-left: 1rem;
        display: none;
      }
      .faq-answer.show {
        display: block;
      }

      .faq-ask {
        margin-top: 2rem;
        padding: 1rem;
        background: #f9f9f9;
        border-radius: 8px;
      }
      .faq-ask textarea {
        width: 100%;
        padding: 0.7rem;
        border: 1px solid var(--tokopedia-border);
        border-radius: 8px;
        margin: 0.5rem 0;
      }
      .faq-ask .error-message {
        color: #ff6b6b;
        font-size: 0.85rem;
        margin-bottom: 0.5rem;
        display: none;
      }
      .faq-ask .success-message {
        color: var(--tokopedia-green);
        font-size: 0.9rem;
        margin-top: 0.5rem;
        display: none;
      }
      .faq-ask button {
        background: var(--tokopedia-green);
        color: white;
        border: none;
        padding: 0.5rem 1rem;
        border-radius: 8px;
        cursor: pointer;
      }

      /* Produk terkait */
      .related-products {
        margin-top: 3rem;
      }
      .related-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 1rem;
      }
      .related-item {
        background: white;
        padding: 1rem;
        border-radius: 12px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.05);
        transition: transform 0.2s, box-shadow 0.2s;
      }
      .related-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      }
      .related-item img {
        width: 100%;
        border-radius: 8px;
      }
      .related-item h4 {
        margin: 0.5rem 0;
        font-size: 1rem;
      }

      /* Toast notifikasi */
      .toast {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        background: #333;
        color: white;
        padding: 0.8rem 1.5rem;
        border-radius: 30px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        z-index: 1000;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
      }
      .toast.show {
        opacity: 1;
      }

      /* Sticky Mobile Cart (dua tombol) */
      .sticky-mobile-cart {
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: white;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        padding: 1rem;
        z-index: 99;
        border-top: 1px solid var(--tokopedia-border);
        gap: 0.5rem;
      }
      .sticky-mobile-cart .btn {
        flex: 1;
        margin: 0;
      }
      .sticky-mobile-cart .btn-outline {
        background: white;
        border: 2px solid var(--tokopedia-green);
        color: var(--tokopedia-green);
      }

      /* Lightbox modal */
      .modal {
        display: none;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.9);
        align-items: center;
        justify-content: center;
      }
      .modal-content {
        max-width: 90%;
        max-height: 90%;
      }
      .modal-close {
        position: absolute;
        top: 20px;
        right: 30px;
        color: white;
        font-size: 40px;
        cursor: pointer;
      }

      /* Footer (konsisten bahasa Indonesia) */
      .footer {
        background: white;
        border-top: 1px solid var(--tokopedia-border);
        padding: 3rem 2rem 2rem;
        margin-top: 4rem;
      }
      .footer-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 2rem;
        max-width: 1300px;
        margin: 0 auto;
      }
      .footer-col h4 {
        margin-bottom: 1rem;
      }
      .footer-col ul {
        list-style: none;
      }
      .footer-col li {
        margin-bottom: 0.5rem;
      }
      .footer-col a {
        color: #555;
        text-decoration: none;
      }
      .footer-col a:hover {
        color: var(--tokopedia-green);
      }
      .payment-icons i {
        font-size: 2rem;
        margin-right: 0.5rem;
        color: #666;
      }
      .copyright {
        text-align: center;
        margin-top: 3rem;
        padding-top: 2rem;
        border-top: 1px solid #eee;
        color: #777;
      }

      /* Responsif */
      @media (max-width: 992px) {
        .product-grid {
          grid-template-columns: 1fr;
        }
        .header {
          padding: 0.8rem 1rem;
        }
        .nav-menu {
          display: none;
        }
      }

      @media (max-width: 600px) {
        .action-buttons {
          flex-direction: column;
        }
        .sticky-mobile-cart {
          display: flex;
        }
        .product-grid {
          margin-bottom: 80px;
        }
        .wishlist-btn {
          padding: 0.8rem 1rem;
        }
      }
    </style>
  </head>
  <body>
    <!-- Lightbox Modal -->
    <div id="imageModal" class="modal" onclick="closeModal()">
      <span class="modal-close" onclick="closeModal()">&times;</span>
      <img class="modal-content" id="modalImage" src="" alt="Perbesar Gambar">
    </div>

    <!-- Toast Notification -->
    <div id="toast" class="toast"></div>

    <header class="header">
      <picture>
                      <source media="(max-width: 768px)" srcset="https://pub-ff691a0f277146f79481e24221407187.r2.dev/logo_c2831620-4e74-4ff5-9d19-ea2ee20707fd_1771352423997.png">
                      <source media="(min-width: 769px)" srcset="https://pub-ff691a0f277146f79481e24221407187.r2.dev/logo_c2831620-4e74-4ff5-9d19-ea2ee20707fd_1771352423997.png">
                      <img src="https://pub-ff691a0f277146f79481e24221407187.r2.dev/logo_c2831620-4e74-4ff5-9d19-ea2ee20707fd_1771352423997.png" alt="NOS138" class="logo-image">
                    </picture>
      <div class="nav-menu">
        <a href="https://prismvisualsolutions.com/">Kategori</a>
        <a href="https://prismvisualsolutions.com/">Flash Sale</a>
        <a href="https://prismvisualsolutions.com/">Official Store</a>
      </div>
      <div class="search-bar">
        <input type="text" placeholder="Cari produk...">
      </div>
      <div class="header-icons">
        <i class="fas fa-shopping-cart" aria-label="Keranjang">
          <span class="cart-badge">3</span>
        </i>
        <i class="fas fa-user" aria-label="Akun"></i>
        <i class="fas fa-bell" aria-label="Notifikasi"></i>
      </div>
    </header>

    <main class="container">
      <div class="breadcrumb">
        <a href="https://prismvisualsolutions.com/">Beranda</a> > <a href="https://prismvisualsolutions.com/">Kategori</a> > <a href="https://prismvisualsolutions.com/">Subkategori</a> > Nama Produk
      </div>

      <!-- Produk utama -->
      <div class="product-grid">
        <div class="product-gallery">
          <!-- Gambar utama dengan srcset -->
          <img src="https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png" 
              srcset="https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png 300w,,"
              sizes="(max-width: 600px) 300px, (max-width: 1200px) 600px, 900px"
              alt="Produk Utama Nama Produk Unggulan" 
              class="main-image" 
              id="mainImage" 
              onclick="openZoom(this)"
              loading="eager">
          <div class="thumbnail-list">
            <img src="https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png" 
                srcset="https://pub-f48915beed1344d689c8d7b7943430a7.r2.dev/prism.png 1x, https://via.placeholder.com/140x140?text=1 2x"
                alt="Thumbnail 1 - Produk Unggulan" 
                class="thumbnail active" 
                onclick="changeImage(this)"
                tabindex="0"
                loading="lazy">
            <img src="https://via.placeholder.com/70x70?text=2" 
                srcset="https://via.placeholder.com/70x70?text=2 1x, https://via.placeholder.com/140x140?text=2 2x"
                alt="Thumbnail 2 - Produk Unggulan" 
                class="thumbnail" 
                onclick="changeImage(this)"
                tabindex="0"
                loading="lazy">
            <img src="https://via.placeholder.com/70x70?text=3" 
                srcset="https://via.placeholder.com/70x70?text=3 1x, https://via.placeholder.com/140x140?text=3 2x"
                alt="Thumbnail 3 - Produk Unggulan" 
                class="thumbnail" 
                onclick="changeImage(this)"
                tabindex="0"
                loading="lazy">
            <img src="https://via.placeholder.com/70x70?text=4" 
                srcset="https://via.placeholder.com/70x70?text=4 1x, https://via.placeholder.com/140x140?text=4 2x"
                alt="Thumbnail 4 - Produk Unggulan" 
                class="thumbnail" 
                onclick="changeImage(this)"
                tabindex="0"
                loading="lazy">
          </div>
        </div>

        <div class="product-info">
          <div class="badges">
            <span class="badge flash-sale"><i class="fas fa-bolt"></i> Flash Sale</span>
            <span class="badge free-shipping"><i class="fas fa-truck"></i> Gratis Ongkir</span>
            <span class="badge" style="background:#f9a826;">Top Rated</span>
          </div>
          <h1 class="product-title">NOS138: Jalur Digital Dinamis untuk Pengalaman Online Lebih Konsisten</h1>
          <div class="product-meta">
            <span class="rating"><i class="fas fa-star"></i> 4.5 (125 ulasan)</span>
            <span class="sold">Terjual 1rb+</span>
            <span>Stok: 50</span>
          </div>
          <div class="price">
            Rp12.500 <small>Rp10.000</small> <span class="discount">25%</span>
          </div>

          <!-- Variasi -->
          <div class="variants">
            <div class="variant-label">Ukuran:</div>
            <div class="variant-options">
              <span class="variant-option selected" data-variant="size" data-value="S" tabindex="0">S</span>
              <span class="variant-option" data-variant="size" data-value="M" tabindex="0">M</span>
              <span class="variant-option" data-variant="size" data-value="L" tabindex="0">L</span>
              <span class="variant-option" data-variant="size" data-value="XL" tabindex="0">XL</span>
            </div>
          </div>
          <div class="variants">
            <div class="variant-label">Warna:</div>
            <div class="variant-options">
              <span class="variant-option selected" data-variant="color" data-value="Hitam" tabindex="0">Hitam</span>
              <span class="variant-option" data-variant="color" data-value="Putih" tabindex="0">Putih</span>
              <span class="variant-option" data-variant="color" data-value="Biru" tabindex="0">Biru</span>
              <span class="variant-option" data-variant="color" data-value="Merah" tabindex="0">Merah</span>
            </div>
          </div>

          <!-- Kuantitas -->
          <div class="quantity-selector">
            <button class="quantity-btn" onclick="decreaseQty()" aria-label="Kurangi jumlah">−</button>
            <input type="number" class="quantity-input" id="quantity" value="1" min="1" max="50" onchange="validateQty()" aria-label="Jumlah">
            <button class="quantity-btn" onclick="increaseQty()" aria-label="Tambah jumlah">+</button>
            <span style="margin-left: 1rem;">Sisa 50</span>
            <span id="quantity-error" class="quantity-error"></span>
          </div>

          <!-- Tombol Aksi + Wishlist -->
  <div style="display: flex; gap: 0.5rem;">
    
    <div class="action-buttons" style="flex: 1; display: flex; gap: 0.5rem;">
      
      <a href="https://wde.la/Login-Nos" class="btn btn-primary">
        LOGIN & DAFTAR DISINI
      </a>

      <a href="https://t.ly/Livechat-NOS138" class="btn btn-outline">
        <i class="fas fa-cart-plus"></i> LIVECHAT
      </a>

    </div>

    <a href="wishlist.html" class="wishlist-btn" aria-label="Tambah ke wishlist">
      <i class="far fa-heart"></i>
    </a>

  </div>

          <!-- Trust badges tambahan -->
          <div class="trust-badges">
            <span><i class="fas fa-check-circle"></i> Original</span>
            <span><i class="fas fa-shield-alt"></i> Garansi 1 Bulan</span>
            <span><i class="fas fa-undo-alt"></i> Retur 7 Hari</span>
          </div>

          <!-- Info Penjual -->
          <div class="seller-card">
            <div class="seller-header">
              <img src="https://pub-ff691a0f277146f79481e24221407187.r2.dev/logo_c2831620-4e74-4ff5-9d19-ea2ee20707fd_1771352423997.png" alt="NOS138" class="seller-avatar" loading="lazy">
              <div>
                <div class="seller-name">NOS138</div>
                <div class="seller-rating"><i class="fas fa-star"></i> 4.8 (5rb+ pengikut)</div>
                <div class="seller-location"><i class="fas fa-map-marker-alt"></i> Jakarta Pusat</div>
              </div>
              <div class="chat-button" onclick="openChat()" tabindex="0"><i class="fas fa-comment"></i> Chat</div>
            </div>
          </div>

          <!-- Info Pengiriman -->
          <div class="shipping-info">
            <div class="shipping-row">
              <span><i class="fas fa-truck"></i> Dikirim dari</span>
              <span>Jakarta Pusat</span>
            </div>
            <div class="shipping-row">
              <span><i class="fas fa-box"></i> Berat</span>
              <span>500 gr</span>
            </div>
            <div class="shipping-row">
              <span><i class="fas fa-calendar"></i> Estimasi sampai</span>
              <span>2-4 hari</span>
            </div>
            <div class="shipping-row">
              <span><i class="fas fa-shield-alt"></i> Garansi</span>
              <span>1 bulan</span>
            </div>
          </div>
        </div>
      </div>

      <!-- Tab: Deskripsi, Spesifikasi, Ulasan, FAQ -->
      <div class="tab-section">
        <div class="tabs">
          <div class="tab active" data-tab="desc" tabindex="0">Deskripsi & Artikel</div>
          <div class="tab" data-tab="spec" tabindex="0">Spesifikasi</div>
          <div class="tab" data-tab="reviews" tabindex="0">Ulasan (125)</div>
          <div class="tab" data-tab="faq" tabindex="0">FAQ</div>
        </div>

        <div class="tab-content">
          <!-- Deskripsi / Artikel (diisi dengan teks unik dan kaya kata kunci) -->
          <div class="tab-pane active" id="desc">
            <div class="article-description">
          
              <p>Saat akses utama mengalami kendala, NOS138 hadir sebagai jalur cadangan yang tetap bisa diandalkan tanpa perlu konfigurasi rumit. Platform ini dirancang dengan fokus pada keberlanjutan akses, bukan sekadar tampilan atau fitur tambahan. Dengan mekanisme yang adaptif terhadap kondisi jaringan, NOS138 memungkinkan pengguna tetap terhubung tanpa harus mencari solusi manual. Pendekatan ini membuatnya berbeda, karena lebih menekankan fungsi nyata sebagai penghubung ketika akses biasa tidak lagi berjalan sebagaimana mestinya.</p>
            
            </div>
          </div>

          <!-- Spesifikasi -->
          <div class="tab-pane" id="spec">
            <h2>Spesifikasi Produk</h2>
            <table class="spec-table">
              <tr><td>Merek</td><td>Merek Terkenal</td></tr>
              <tr><td>Model</td><td>XYZ-123</td></tr>
              <tr><td>Bahan</td><td>Katun premium</td></tr>
              <tr><td>Ukuran</td><td>S, M, L, XL</td></tr>
              <tr><td>Warna</td><td>Hitam, Putih, Biru, Merah</td></tr>
              <tr><td>Berat</td><td>500 gram</td></tr>
              <tr><td>Garansi</td><td>1 bulan</td></tr>
            </table>
          </div>

          <!-- Ulasan dengan filter (simulasi) -->
          <div class="tab-pane" id="reviews">
            <div class="review-summary">
              <div class="average-rating">
                <span class="big">4.5</span> dari 5
                <div><i class="fas fa-star" style="color:#f9a826;"></i><i class="fas fa-star" style="color:#f9a826;"></i><i class="fas fa-star" style="color:#f9a826;"></i><i class="fas fa-star" style="color:#f9a826;"></i><i class="fas fa-star-half-alt" style="color:#f9a826;"></i></div>
                <span>125 ulasan</span>
              </div>
              <div>
                <div>5 <i class="fas fa-star"></i> : 80%</div>
                <div>4 <i class="fas fa-star"></i> : 15%</div>
                <div>3 <i class="fas fa-star"></i> : 3%</div>
                <div>2 <i class="fas fa-star"></i> : 1%</div>
                <div>1 <i class="fas fa-star"></i> : 1%</div>
              </div>
            </div>

            <div class="review-filter">
              <select id="reviewSort" aria-label="Urutkan ulasan" onchange="sortReviews()">
                <option value="newest">Terbaru</option>
                <option value="highest">Tertinggi</option>
                <option value="lowest">Terendah</option>
              </select>
            </div>

            <div class="review-list" id="reviewList">
              <div class="review-item" data-rating="5">
                <div class="review-author">FUFUFAFA</div>
                <div class="review-rating"><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"></i></div>
                <p>Sangat gacor, sesuai deskripsi. Pengiriman cepat.</p>
                <small style="color:#888;">2 hari lalu</small>
              </div>
              <div class="review-item" data-rating="4">
                <div class="review-author">mbowo</div>
                <div class="review-rating"><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>
                <p>depo proses cepat anti drama</p>
                <small style="color:#888;">1 minggu lalu</small>
              </div>
              <div class="review-item" data-rating="5">
                <div class="review-author">pria solo</div>
                <div class="review-rating"><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"></i></div>
                <p>buset ini web apa gacor gini kink</p>
                <small style="color:#888;">3 hari lalu</small>
              </div>
            </div>
          </div>

          <!-- FAQ dengan form tanya -->
          <div class="tab-pane" id="faq">
            <div class="faq-list">
              <div class="faq-item">
                <div class="faq-question" onclick="toggleFaq(this)" tabindex="0">
                  Apakah produk ini original?
                  <i class="fas fa-chevron-down"></i>
                </div>
                <div class="faq-answer show">Ya, semua produk kami 100% original dan bergaransi resmi.</div>
              </div>
              <div class="faq-item">
                <div class="faq-question" onclick="toggleFaq(this)" tabindex="0">
                  Berapa lama estimasi pengiriman?
                  <i class="fas fa-chevron-down"></i>
                </div>
                <div class="faq-answer">Estimasi pengiriman 2-4 hari kerja untuk wilayah Jawa, dan 3-7 hari untuk luar Jawa.</div>
              </div>
              <div class="faq-item">
                <div class="faq-question" onclick="toggleFaq(this)" tabindex="0">
                  Bagaimana cara mengembalikan barang?
                  <i class="fas fa-chevron-down"></i>
                </div>
                <div class="faq-answer">Hubungi customer service dalam 7 hari setelah barang diterima, sertakan video unboxing.</div>
              </div>
            </div>

            <div class="faq-ask">
              <h3>Tanya Jawab Lainnya</h3>
              <textarea id="faqQuestion" rows="3" placeholder="Tulis pertanyaan Anda..."></textarea>
              <div id="faqError" class="error-message">Pertanyaan tidak boleh kosong.</div>
              <div id="faqSuccess" class="success-message">Pertanyaan Anda telah dikirim. Terima kasih.</div>
              <button onclick="askQuestion()">Kirim Pertanyaan</button>
            </div>
          </div>
        </div>
      </div>

      <!-- Produk terkait dengan label menarik -->
      <div class="related-products">
        <h2 style="margin-bottom: 1rem;">Rekomendasi Untukmu</h2>
        <div class="related-grid">
          <div class="related-item">
            <img src="https://via.placeholder.com/150x150" 
                srcset="https://via.placeholder.com/150x150 1x, https://via.placeholder.com/300x300 2x"
                alt="Produk Lain A" 
                loading="lazy">
            <h4>Produk Lain A</h4>
            <div>Rp120.000</div>
            <div><i class="fas fa-star" style="color:#f9a826;"></i> 4.3</div>
          </div>
          <div class="related-item">
            <img src="https://via.placeholder.com/150x150" 
                srcset="https://via.placeholder.com/150x150 1x, https://via.placeholder.com/300x300 2x"
                alt="Produk Lain B" 
                loading="lazy">
            <h4>Produk Lain B</h4>
            <div>Rp180.000</div>
            <div><i class="fas fa-star" style="color:#f9a826;"></i> 4.7</div>
          </div>
          <div class="related-item">
            <img src="https://via.placeholder.com/150x150" 
                srcset="https://via.placeholder.com/150x150 1x, https://via.placeholder.com/300x300 2x"
                alt="Produk Lain C" 
                loading="lazy">
            <h4>Produk Lain C</h4>
            <div>Rp200.000</div>
            <div><i class="fas fa-star" style="color:#f9a826;"></i> 4.5</div>
          </div>
          <div class="related-item">
            <img src="https://via.placeholder.com/150x150" 
                srcset="https://via.placeholder.com/150x150 1x, https://via.placeholder.com/300x300 2x"
                alt="Produk Lain D" 
                loading="lazy">
            <h4>Produk Lain D</h4>
            <div>Rp90.000</div>
            <div><i class="fas fa-star" style="color:#f9a826;"></i> 4.2</div>
          </div>
        </div>
      </div>
    </main>

    <!-- Sticky Mobile Cart (dua tombol) -->
    <div class="sticky-mobile-cart">
    <a href="https://wde.la/Login-Nos" class="btn btn-primary">
      LOGIN & DAFTAR DISINI
    </a>

    <a href="https://t.ly/Livechat-NOS138" class="btn btn-outline">
      <i class="fas fa-cart-plus"></i> LIVECHAT
    </a>
  </div>

    <!-- Footer dengan bahasa Indonesia konsisten -->
    <footer class="footer">
      <div class="footer-grid">
        <div class="footer-col">
          <h4>NOS138</h4>
          <ul>
            <li><a href="https://prismvisualsolutions.com/">Tentang Kami</a></li>
            <li><a href="https://prismvisualsolutions.com/">Karir</a></li>
            <li><a href="https://prismvisualsolutions.com/">Blog</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Layanan Pelanggan</h4>
          <ul>
            <li><a href="https://prismvisualsolutions.com/">Pusat Bantuan</a></li>
            <li><a href="https://prismvisualsolutions.com/">Syarat & Ketentuan</a></li>
            <li><a href="https://prismvisualsolutions.com/">Kebijakan Privasi</a></li>
          </ul>
        </div>
        <div class="footer-col">
          <h4>Metode Pembayaran</h4>
          <div class="payment-icons">
            <i class="fab fa-cc-visa"></i>
            <i class="fab fa-cc-mastercard"></i>
            <i class="fab fa-cc-paypal"></i>
            <i class="fas fa-credit-card"></i>
          </div>
        </div>
        <div class="footer-col">
          <h4>Ikuti Kami</h4>
          <div>
            <a href="https://prismvisualsolutions.com/"><i class="fab fa-facebook"></i></a>
            <a href="https://prismvisualsolutions.com/"><i class="fab fa-instagram"></i></a>
            <a href="https://prismvisualsolutions.com/"><i class="fab fa-twitter"></i></a>
          </div>
        </div>
      </div>
      <div class="copyright">
        &copy; 2026 NOS138. Semua hak dilindungi.
      </div>
    </footer>

    <script>
      // === Fungsi-fungsi interaksi ===

      // Lightbox
      const modal = document.getElementById('imageModal');
      const modalImg = document.getElementById('modalImage');

      function openZoom(img) {
        modal.style.display = 'flex';
        modalImg.src = img.src;
      }

      function closeModal() {
        modal.style.display = 'none';
      }

      // Ganti gambar utama
      function changeImage(thumbnail) {
        const main = document.getElementById('mainImage');
        main.src = thumbnail.src.replace('70x70', '600x600');
        const baseUrl = thumbnail.src.replace('70x70', '');
        main.srcset = `${baseUrl}300x300?text=Produk+Utama 300w, ${baseUrl}600x600?text=Produk+Utama 600w, ${baseUrl}900x900?text=Produk+Utama 900w`;
        document.querySelectorAll('.thumbnail').forEach(t => t.classList.remove('active'));
        thumbnail.classList.add('active');
      }

      // Validasi quantity
      function validateQty() {
        let qty = document.getElementById('quantity');
        const errorSpan = document.getElementById('quantity-error');
        if (qty.value < 1) qty.value = 1;
        if (qty.value > 50) {
          qty.value = 50;
          errorSpan.textContent = 'Maksimal 50 item';
        } else {
          errorSpan.textContent = '';
        }
      }

      function decreaseQty() {
        let qty = document.getElementById('quantity');
        if (qty.value > 1) qty.value = parseInt(qty.value) - 1;
        validateQty();
      }
      function increaseQty() {
        let qty = document.getElementById('quantity');
        if (qty.value < 50) qty.value = parseInt(qty.value) + 1;
        validateQty();
      }

      // Toast notifikasi
      function showToast(message) {
        const toast = document.getElementById('toast');
        toast.textContent = message;
        toast.classList.add('show');
        setTimeout(() => toast.classList.remove('show'), 2000);
      }

      // Tombol aksi
      function buyNow() {
        showToast('Lanjut ke checkout dengan ' + document.getElementById('quantity').value + ' item');
      }
      function addToCart() {
        showToast('Ditambahkan ke keranjang: ' + document.getElementById('quantity').value + ' item');
      }

      // Wishlist
      function toggleWishlist() {
        const btn = document.querySelector('.wishlist-btn i');
        btn.classList.toggle('far');
        btn.classList.toggle('fas');
        if (btn.classList.contains('fas')) {
          showToast('Produk ditambahkan ke wishlist');
        } else {
          showToast('Produk dihapus dari wishlist');
        }
      }

      // Chat
      function openChat() {
        showToast('Membuka chat dengan penjual (simulasi)');
      }

      // Tab switching
      const tabs = document.querySelectorAll('.tab');
      tabs.forEach(tab => {
        tab.addEventListener('click', function() {
          document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
          document.querySelectorAll('.tab-pane').forEach(p => p.classList.remove('active'));
          this.classList.add('active');
          const target = this.getAttribute('data-tab');
          document.getElementById(target).classList.add('active');
        });
        // Dukungan keyboard
        tab.addEventListener('keypress', function(e) {
          if (e.key === 'Enter' || e.key === ' ') {
            this.click();
          }
        });
      });

      // Toggle FAQ
      function toggleFaq(element) {
        const answer = element.nextElementSibling;
        answer.classList.toggle('show');
        const icon = element.querySelector('i');
        if (icon) {
          icon.classList.toggle('fa-chevron-down');
          icon.classList.toggle('fa-chevron-up');
        }
      }

      // Kirim pertanyaan FAQ dengan validasi
      function askQuestion() {
        const question = document.getElementById('faqQuestion').value.trim();
        const errorDiv = document.getElementById('faqError');
        const successDiv = document.getElementById('faqSuccess');
        if (question === '') {
          errorDiv.style.display = 'block';
          successDiv.style.display = 'none';
        } else {
          errorDiv.style.display = 'none';
          successDiv.style.display = 'block';
          document.getElementById('faqQuestion').value = '';
          setTimeout(() => successDiv.style.display = 'none', 3000);
          showToast('Pertanyaan Anda telah dikirim');
        }
      }

      // Simulasi sortir ulasan
      function sortReviews() {
        const sortBy = document.getElementById('reviewSort').value;
        const reviewList = document.getElementById('reviewList');
        const items = Array.from(reviewList.children);
        if (sortBy === 'newest') {
          items.sort((a, b) => {
            // dummy: urut berdasarkan teks kecil (asumsi terbaru adalah item pertama)
            return 0; 
          });
        } else if (sortBy === 'highest') {
          items.sort((a, b) => b.dataset.rating - a.dataset.rating);
        } else if (sortBy === 'lowest') {
          items.sort((a, b) => a.dataset.rating - b.dataset.rating);
        }
        reviewList.innerHTML = '';
        items.forEach(item => reviewList.appendChild(item));
      }

      // Klik di luar modal
      window.onclick = function(event) {
        if (event.target == modal) {
          closeModal();
        }
      }

      // Inisialisasi variant option dengan keyboard
      document.querySelectorAll('.variant-option').forEach(opt => {
        opt.addEventListener('click', function() {
          const parent = this.parentNode;
          parent.querySelectorAll('.variant-option').forEach(o => o.classList.remove('selected'));
          this.classList.add('selected');
        });
        opt.addEventListener('keypress', function(e) {
          if (e.key === 'Enter' || e.key === ' ') {
            this.click();
          }
        });
      });
    </script>
  <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"1a74f22857404be5a3f0bdfc000abb1f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon='{"version":"2024.11.0","token":"1a74f22857404be5a3f0bdfc000abb1f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v67327c56f0bb4ef8b305cae61679db8f1769101564043" integrity="sha512-rdcWY47ByXd76cbCFzznIcEaCN71jqkWBBqlwhF1SY7KubdLKZiEGeP7AyieKZlGP9hbY/MhGrwXzJC/HulNyg==" data-cf-beacon='{"version":"2024.11.0","token":"1a74f22857404be5a3f0bdfc000abb1f","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  </body>
  </html>
