<!doctype html>
<html>
<head>
        <meta charset="utf-8">
    <title>Artikel Tidak Ditemukan - Pegastore</title>
    <meta name="description" content="Artikel Tidak Ditemukan">
    <meta name="keywords" content="artikel">

    <base href="https://pegastore.id/">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
    <link rel="shortcut icon" href="https://pegastore.id/images/favicon-lite.png" type="image/x-icon">
    <link rel="icon" href="https://pegastore.id/images/favicon-lite.png" type="image/x-icon">

    <meta property="og:type" content="website"/>
    <meta property="og:site_name" content="PegaStore"/>
    <meta property="og:url" content="https://pegastore.id/baca-artikel/includes/style-1024.css?1778280429"/>
    <meta property="og:title" content="Artikel Tidak Ditemukan - Pegastore"/>
    <meta property="og:description" content="Artikel Tidak Ditemukan"/>
    <meta property="og:image" content="https://pegastore.id/images/media.png"/>

    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="Artikel Tidak Ditemukan - Pegastore"/>
    <meta name="twitter:description" content="Artikel Tidak Ditemukan">
    <meta name="twitter:image" content="https://pegastore.id/images/media.png" />

    <meta name="copyright" content="pegastore.id" />
    <meta name="host" content="pegastore.id" />
    <meta name="geo.region" content="ID,10" />
    <meta name="geo.country" content="ID" />
    <meta name="geo.placename" content="Yogyakarta, DIY, Indonesia" />
    <meta name="geo.position" content="-7.7805207;110.3705453" />
    <meta name="ICBM" content="-7.7805207;110.3705453" />


    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Urbanist&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Urbanist&display=swap"></noscript>

    <link href="includes/fontawesome/css/fontawesome.min.css" rel="stylesheet" />
    <link href="includes/fontawesome/css/brands.min.css" rel="stylesheet" />
    <link href="includes/fontawesome/css/solid.min.css" rel="stylesheet" />
    <link href="includes/fontawesome/css/regular.min.css" rel="stylesheet" />

    <link href="includes/style.css?1780188789" rel="stylesheet">
    <link href="includes/style-768.css?1780188789" rel="stylesheet">
    <link href="includes/style-1024.css?1780188789" rel="stylesheet">
    <link href="includes/style-1366.css?1780188789" rel="stylesheet">
    
        <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-WS2WZXYQ43"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-WS2WZXYQ43');
    </script>

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-MSRSCB5W');</script>
    <!-- End Google Tag Manager -->

    <meta name="google-site-verification" content="FG0J-0Fp1EJtK8_kWypbnsltWgymVqPVtaXmK983BMk" />
    
    <link rel="canonical" href="https://pegastore.id/baca-artikel/includes/style-1024.css" />
    
    <script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=69b13157e9c59cebcb23bf6a&product=inline-share-buttons' async='async'></script>

    <style>
        body {
            margin: 0 !important;
            padding: 0 !important;
        }
        .container.main {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            max-width: 100% !important;
            display: block !important;
            overflow: visible !important;
            padding-top: calc(var(--topbar-height, 60px) + 10px) !important;
            margin-top: 0 !important;
        }
        #FormKode {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        #FormKode .field {
            width: 100px;
            text-align: center;
        }
        #FormKode .button {
            padding: 5px 15px;
            white-space: nowrap;
        }
        .ArtikelNav {
            width: 100%;
            position: relative;
            z-index: 1;
            flex-shrink: 0;
        }
        .ArtikelNav #FormKode {
            padding: 5px;
            justify-content: center;
        }
        .ArtikelNav .kategori {
            width: 100%;
            overflow-x: visible;
            white-space: nowrap;
            padding: 10px;
            position: relative;
            z-index: 1;
        }
        .ArtikelContent {
            width: 100%;
            padding: 0 10px 10px 10px;
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            box-sizing: border-box;
        }
        .custom-dropdown-wrapper {
            position: relative;
            width: calc(100% - 20px);
            margin: 8px 10px;
            z-index: 99999;
        }
        .custom-dropdown-selected {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 12px;
            border: solid 1px #1E52FB;
            border-radius: 8px;
            background: white;
            font-size: 0.95em;
            color: #333;
            cursor: pointer;
            user-select: none;
        }
        .custom-dropdown-selected .arrow {
            font-size: 0.75em;
            transition: transform 0.2s ease;
            color: #1E52FB;
        }
        .custom-dropdown-selected.open .arrow {
            transform: rotate(180deg);
        }
        .custom-dropdown-list {
            display: none;
            position: absolute;
            top: calc(100% + 4px);
            left: 0;
            right: 0;
            background: white;
            border: solid 1px #ccc;
            border-radius: 8px;
            overflow: hidden;
            z-index: 99999;
            box-shadow: 0 4px 16px rgba(0,0,0,0.2);
        }
        .custom-dropdown-list.open {
            display: block;
        }
        .custom-dropdown-list .dropdown-option {
            padding: 10px 14px;
            font-size: 0.95em;
            color: #333;
            cursor: pointer;
            transition: background 0.15s;
            text-align: center;
        }
        .custom-dropdown-list .dropdown-option:hover {
            background: #f0f5ff;
        }
        .custom-dropdown-list .dropdown-option.active {
            background-color: #1E52FB;
            color: white;
            font-weight: bold;
        }
        .kategori-list {
            display: none;
        }
        .ListArtikel {
            margin-top: 8px;
            padding: 0 10px;
            display: block !important;
            visibility: visible !important;
        }
        .ListArtikel .date {
            text-align: center;
            font-size: 0.85em;
            color: #999;
            margin-bottom: 20px;
            letter-spacing: 0.03em;
        }
        .ListArtikel iframe {
            max-width: 100%;
            height: calc((100vw - 20px) * 360/640);
        }
        h1 {
            margin-bottom: 10px;
            text-align: center;
        }
        .MainImage {
            text-align: center;
            margin-bottom: 28px;
        }
        .MainImage img {
            max-width: 320px;
            height: auto;
            border-radius: 8px;
        }
        .sharethis-inline-share-buttons {
            position: static !important;
            margin: 32px auto 0 auto !important;
            width: auto !important;
            background: none !important;
            padding: 6px 0 !important;
            box-shadow: none !important;
            display: flex !important;
            justify-content: center !important;
        }

        .ListArtikel.mainlist {
            max-width: 780px;
            margin-left: auto;
            margin-right: auto;
            padding: 20px 28px 40px 28px;
            box-sizing: border-box;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 2px 20px rgba(0,0,0,0.06);
        }
        .ListArtikel.mainlist h1 {
            font-size: clamp(1.8em, 3vw, 2.6em);
            font-weight: 800;
            line-height: 1.25;
            margin-bottom: 14px;
            text-align: center;
            color: #000000;
        }
        .ListArtikel.mainlist h2,
        .ListArtikel.mainlist h3 {
            font-size: clamp(1.1em, 2.5vw, 1.4em);
            font-weight: 700;
            line-height: 1.4;
            margin-top: 36px;
            margin-bottom: 10px;
            color: #000000;
        }
        .ListArtikel.mainlist p {
            font-size: 1em;
            line-height: 1.95;
            color: #333;
            margin-bottom: 1.6em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 4;
        }
        .ListArtikel.mainlist p.expanded {
            -webkit-line-clamp: unset;
            display: block;
        }
        .BannerKanan {
            display: none;
        }

        @media screen and (min-width: 768px) {
            .container.main {
                display: flex !important;
                flex-direction: row !important;
                align-items: stretch !important;
                flex-wrap: nowrap !important;
                gap: 0 !important;
                padding: 0 !important;
                padding-top: var(--topbar-height, 100px) !important;
                margin-left: auto !important;
                margin-right: auto !important;
                max-width: 1366px !important;
                width: 100% !important;
                min-height: calc(100vh - var(--topbar-height, 100px));
            }
            .ArtikelNav {
                float: none;
                flex-shrink: 0;
                width: 180px;
                margin: 0;
                padding: 0 !important;
                background: #eee;
                position: sticky;
<<<<<<< HEAD
                top: 101px;
                align-self: stretch;
                min-height: 100vh;
=======
                top: var(--topbar-height, 100px);
                align-self: flex-start;
>>>>>>> 20c661cb6c1059d4d097ec76e68966d99bd6f0f1
                overflow-y: auto;
                height: calc(100vh - var(--topbar-height, 100px));
                z-index: 1;
                top: 100px;
                xxheight: calc(100vh - 100px);
            }
            .ArtikelNav #FormKode {
                padding: 10px 10px 8px 3px;
                justify-content: flex-start;
            }
            .ArtikelNav .kategori {
                width: auto;
                overflow-x: auto;
                white-space: unset;
                padding: 0px;
            }
            .custom-dropdown-wrapper {
                display: none;
            }
            .kategori-list {
                display: block;
            }
            .kategori-list .cat {
                display: block;
                border: none !important;
                border-radius: unset !important;
                padding: 8px 12px !important;
                margin-right: 0px !important;
                color: #666 !important;
                text-decoration: none;
                white-space: normal;
                text-align: center;
            }
            .kategori-list .cat:hover {
                background: #ddd;
                color: #333 !important;
            }
            .kategori-list .cat.active {
                background: var(--pegastore, #1E52FB) !important;
                color: white !important;
                font-weight: bold;
                border: none !important;
            }
            .ArtikelContent {
                flex: 1;
                min-width: 1;
                display: flex !important;
                flex-direction: row;
                align-items: flex-start;
                gap: 12px;
                padding: 20px 16px 10px 16px;
            }
            .ListArtikel {
                flex: 1;
                min-width: 0;
                margin-top: 0;
                padding: 0;
            }
            .ListArtikel.mainlist {
                margin-top: -25px;
            }
            .ListArtikel iframe {
                width: 500px;
                height: calc(500px * 360/640);
            }
            .BannerKanan {
                display: flex;
                flex-direction: column;
                flex-shrink: 0;
                width: 200px;
                padding: 14px 10px 20px 10px;
                box-sizing: border-box;
            }
            .referensi-title {
                font-size: 14px;
                font-weight: 800;
                color: #1E52FB;
                text-transform: uppercase;
                letter-spacing: 0.1em;
                padding-bottom: 7px;
                margin-bottom: 12px;
            }
            .ref-item {
                display: flex;
                flex-direction: column;
                gap: 7px;
                padding: 12px 0;
                text-decoration: none;
                color: inherit;
                transition: opacity 0.15s;
            }
            .ref-item:last-child {
                border-bottom: none;
            }
            .ref-item:hover {
                opacity: 0.8;
            }
            .ref-item:hover .ref-judul {
                color: #1E52FB;
            }
            .ref-item img {
                width: 100%;
                height: 100px;
                object-fit: cover;
                border-radius: 6px;
                display: block;
            }
            .ref-no-img {
                width: 100%;
                height: 80px;
                background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%);
                border-radius: 6px;
                display: block;
            }
            .ref-judul {
                font-size: 0.82em;
                font-weight: 600;
                line-height: 1.45;
                color: #000000;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                transition: color 0.15s;
            }
        }

        @media screen and (min-width: 1024px) {
            .ListArtikel iframe {
                width: 640px;
                height: 360px;
            }
            .BannerKanan {
                width: 220px;
            }
        }
        
        @media screen and (min-width: 1366px) {
            .ListArtikel.mainlist h1 {
                font-size: clamp(1.8em, 4vw, 2.6em);
            }
        }
    </style>
</head>

<body>
    <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MSRSCB5W"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<div class="topbar">
    <div class="container">

        <div class="desktop">
            <div class="address">
                <i class="fa-solid fa-map-marker-alt location"></i> 
                Jl. C. Simanjuntak No. 37, Terban, Kec. Gondokusuman, Kota Yogyakarta
            </div>
            <div class="minimenu">
                <a href="tentang-kami">Tentang Kami</a>
                <a href="tentang-registrasi">FAQ</a>
                <a href="karir">Karir</a>
                <a href="pricelist">Price List</a>
                <a href="service-center">Service Center</a>
                <a href="artikel">Artikel</a>
            </div>
        </div>

        <div class="flex">
            <div class="left">

                
                <a href="https://pegastore.id/" aria-label="PegaStore">
                    <picture class="logo">
                        <source media="(min-width:768px)" srcset="images/logo.png">
                        <img src="images/logo-mobile.png" alt="PegaStore" class="logo">
                    </picture>
                </a>

                <div class="mobile-hamburger-btn mobile" id="MobileMenuToggle" aria-label="Buka Menu">
                    <i class="fa-solid fa-bars hamburger"></i>
                </div>

                <div class="icon menu desktop">
                    <i class="fa-solid fa-bars hamburger"></i>
                    <i class="fa-solid fa-circle-xmark close"></i>
                    <div class="desktop">Kategori</div>
                </div>

                <div class="CatList"><ul><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">!!!PROMO!!!</div></a><ul><li>  <a href="kategori/promo-224022026154736">    <div class="thumb"><img src="media/product_cat/1772766055-badge-kecil-promo.jpg" alt="!!!PROMO!!!"></div>    <div class="name">!!!PROMO!!!</div>  </a></li><li><a href="kategori/apple-luxe-deals-5117052026213238"  >    <div class="thumb"><img src="media/product_cat/1779028358-badge-kecil-website-(1).jpg" alt="APPLE LUXE DEALS"></div>    <div class="name">APPLE LUXE DEALS</div></a></li><li><a href="kategori/hot-sale-506032026095437"  >    <div class="thumb"><img src="media/product_cat/1772765677-hot-sale.jpg" alt="HOT SALE"></div>    <div class="name">HOT SALE</div></a></li><li><a href="kategori/rare-item-2818032025105120"  >    <div class="thumb"><img src="media/product_cat/1749635271-acc-(46).jpg" alt="RARE ITEM"></div>    <div class="name">RARE ITEM</div></a></li></ul></li><li><a href="kategori/merchandise-9913042026140052" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">!MERCHANDISE!</div></a><ul><li>  <a href="kategori/merchandise-9913042026140052">    <div class="thumb"><img src="media/product_cat/1776065973-badge-kecil-website.jpg" alt="!MERCHANDISE!"></div>    <div class="name">!MERCHANDISE!</div>  </a></li></ul></li><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">ACCESSORIES</div></a><ul><li>  <a href="kategori/accessories-">    <div class="thumb"><img src="media/product_cat/1749634150-acc-(34).jpg" alt="ACCESSORIES"></div>    <div class="name">ACCESSORIES</div>  </a></li><li><a href="kategori/accessories-gaming-5721022018042944"  >    <div class="thumb"><img src="media/product_cat/1749628406-acc-(2).jpg" alt="Accessories Gaming"></div>    <div class="name">Accessories Gaming</div></a></li><li><a href="kategori/adaptor-9819052022085038"  >    <div class="thumb"><img src="media/product_cat/1749630542-acc-(14).jpg" alt="Adaptor"></div>    <div class="name">Adaptor</div></a></li><li><a href="kategori/cable-2519012023152004"  >    <div class="thumb"><img src="media/product_cat/1753062384-cable.jpg" alt="Cable"></div>    <div class="name">Cable</div></a></li><li><a href="kategori/case-"  >    <div class="thumb"></div>    <div class="name">Case</div></a></li><li><a href="kategori/converter-"  >    <div class="thumb"><img src="media/product_cat/1749630420-acc-(13).jpg" alt="Converter"></div>    <div class="name">Converter</div></a></li><li><a href="kategori/cooling-pad-5612122022155516"  >    <div class="thumb"><img src="media/product_cat/1749629624-acc-(6).jpg" alt="Cooling Pad"></div>    <div class="name">Cooling Pad</div></a></li><li><a href="kategori/digital-drawing-"  >    <div class="thumb"><img src="media/product_cat/1749629479-acc-(5).jpg" alt="Digital Drawing"></div>    <div class="name">Digital Drawing</div></a></li><li><a href="kategori/headset-headphone-"  >    <div class="thumb"><img src="media/product_cat/1749629388-acc-(4).jpg" alt="Headset & Headphone"></div>    <div class="name">Headset & Headphone</div></a></li><li><a href="kategori/mouse-keyboard-"  >    <div class="thumb"><img src="media/product_cat/1749629212-acc-(1).jpg" alt="Mouse & Keyboard"></div>    <div class="name">Mouse & Keyboard</div></a></li><li><a href="kategori/pointer-4626092019033640"  >    <div class="thumb"><img src="media/product_cat/1753062748-pointer.jpg" alt="Pointer"></div>    <div class="name">Pointer</div></a></li><li><a href="kategori/powerbank-8814122016033741"  >    <div class="thumb"><img src="media/product_cat/1753062847-PB.jpg" alt="Powerbank"></div>    <div class="name">Powerbank</div></a></li><li><a href="kategori/sleeve-case-"  >    <div class="thumb"><img src="media/product_cat/1749629044-acc-(2).jpg" alt="Sleeve Case"></div>    <div class="name">Sleeve Case</div></a></li><li><a href="kategori/speaker-"  >    <div class="thumb"><img src="media/product_cat/1749628795-acc-(1).jpg" alt="Speaker"></div>    <div class="name">Speaker</div></a></li><li><a href="kategori/storage-"  >    <div class="thumb"><img src="media/product_cat/1749628652-acc.jpg" alt="Storage"></div>    <div class="name">Storage</div></a></li><li><a href="kategori/vga-card-6828102025204627"  >    <div class="thumb"><img src="media/product_cat/1763356011-vga-card.jpg" alt="VGA CARD"></div>    <div class="name">VGA CARD</div></a></li><li><a href="kategori/webcam-"  >    <div class="thumb"><img src="media/product_cat/1749628540-acc-(3).jpg" alt="Webcam"></div>    <div class="name">Webcam</div></a></li></ul></li><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">COMPUTER</div></a><ul><li>  <a href="kategori/computer-">    <div class="thumb"><img src="media/product_cat/1749631494-acc-(21).jpg" alt="COMPUTER"></div>    <div class="name">COMPUTER</div>  </a></li><li><a href="kategori/all-in-one-pc-"  >    <div class="thumb"><img src="media/product_cat/1749631254-acc-(18).jpg" alt="All in One PC"></div>    <div class="name">All in One PC</div></a></li><li><a href="kategori/desktop-pc-8317042015165613"  >    <div class="thumb"><img src="media/product_cat/1749630873-acc-(15).jpg" alt="Desktop PC"></div>    <div class="name">Desktop PC</div></a></li><li><a href="kategori/game-console-3125062025145707"  >    <div class="thumb"><img src="media/product_cat/1753063708-console.jpg" alt="Game Console"></div>    <div class="name">Game Console</div></a></li><li><a href="kategori/laptop-"  >    <div class="thumb"><img src="media/product_cat/1749631055-acc-(16).jpg" alt="Laptop"></div>    <div class="name">Laptop</div></a></li><li><a href="kategori/mini-pc-"  >    <div class="thumb"><img src="media/product_cat/1749631358-acc-(19).jpg" alt="Mini PC"></div>    <div class="name">Mini PC</div></a></li></ul></li><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">GADGET</div></a><ul><li>  <a href="kategori/gadget-">    <div class="thumb"><img src="media/product_cat/1749631670-acc-(22).jpg" alt="GADGET"></div>    <div class="name">GADGET</div>  </a></li><li><a href="kategori/smartwatch-4031032022092707"  >    <div class="thumb"><img src="media/product_cat/1753063850-smartwatch.jpg" alt="Smartwatch"></div>    <div class="name">Smartwatch</div></a></li><li><a href="kategori/tablet-"  >    <div class="thumb"><img src="media/product_cat/1749631687-acc-(23).jpg" alt="Tablet"></div>    <div class="name">Tablet</div></a></li></ul></li><li><a href="kategori/mesin-kasir-504102025133126" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">MESIN KASIR</div></a><ul><li>  <a href="kategori/mesin-kasir-504102025133126">    <div class="thumb"><img src="media/product_cat/1763356188-mesin-kasir-(1).jpg" alt="MESIN KASIR"></div>    <div class="name">MESIN KASIR</div>  </a></li></ul></li><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">NETWORKING</div></a><ul><li>  <a href="kategori/networking-">    <div class="thumb"><img src="media/product_cat/1749631784-acc-(24).jpg" alt="NETWORKING"></div>    <div class="name">NETWORKING</div>  </a></li><li><a href="kategori/network-accessories-"  >    <div class="thumb"><img src="media/product_cat/1749631881-acc-(25).jpg" alt="Network Accessories"></div>    <div class="name">Network Accessories</div></a></li><li><a href="kategori/routers-switch-"  >    <div class="thumb"><img src="media/product_cat/1749631950-acc-(26).jpg" alt="Routers & Switch"></div>    <div class="name">Routers & Switch</div></a></li></ul></li><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">OFFICE & BUSINESS</div></a><ul><li>  <a href="kategori/office-business-">    <div class="thumb"><img src="media/product_cat/1749633416-acc-(32).jpg" alt="OFFICE & BUSINESS"></div>    <div class="name">OFFICE & BUSINESS</div>  </a></li><li><a href="kategori/scanner-"  >    <div class="thumb"><img src="media/product_cat/1749633870-acc-(33).jpg" alt="Scanner"></div>    <div class="name">Scanner</div></a></li><li><a href="kategori/software-"  >    <div class="thumb"><img src="media/product_cat/1749633913-acc-(28).jpg" alt="Software"></div>    <div class="name">Software</div></a></li></ul></li><li><a href="kategori/pega-3d-figurine-5530092025114202" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">PEGA 3D FIGURINE</div></a><ul><li>  <a href="kategori/pega-3d-figurine-5530092025114202">    <div class="thumb"><img src="media/product_cat/1763356309-pegatini.jpg" alt="PEGA 3D FIGURINE"></div>    <div class="name">PEGA 3D FIGURINE</div>  </a></li></ul></li><li><a href="kategori/pegacare-8828072025114536" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">PEGACARE+</div></a><ul><li>  <a href="kategori/pegacare-8828072025114536">    <div class="thumb"><img src="media/product_cat/1763360781-cover-artikel-(2).jpg" alt="PEGACARE+"></div>    <div class="name">PEGACARE+</div>  </a></li></ul></li><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">PERIPHERAL</div></a><ul><li>  <a href="kategori/peripheral-">    <div class="thumb"><img src="media/product_cat/1749634216-acc-(35).jpg" alt="PERIPHERAL"></div>    <div class="name">PERIPHERAL</div>  </a></li><li><a href="kategori/barcode-scanner-3104112016070914"  >    <div class="thumb"><img src="media/product_cat/1753064028-barcode.jpg" alt="Barcode Scanner"></div>    <div class="name">Barcode Scanner</div></a></li><li><a href="kategori/cctv-"  >    <div class="thumb"><img src="media/product_cat/1749634283-acc-(36).jpg" alt="CCTV"></div>    <div class="name">CCTV</div></a></li><li><a href="kategori/fingerprint-7530062025155304"  >    <div class="thumb"><img src="media/product_cat/1753064108-fingerprint.jpg" alt="Fingerprint"></div>    <div class="name">Fingerprint</div></a></li><li><a href="kategori/monitor-"  >    <div class="thumb"><img src="media/product_cat/1749634394-acc-(39).jpg" alt="Monitor"></div>    <div class="name">Monitor</div></a></li><li><a href="kategori/projector-"  >    <div class="thumb"><img src="media/product_cat/1749634522-acc-(40).jpg" alt="Projector"></div>    <div class="name">Projector</div></a></li><li><a href="kategori/ram-"  >    <div class="thumb"><img src="media/product_cat/1749634640-acc-(41).jpg" alt="RAM"></div>    <div class="name">RAM</div></a></li><li><a href="kategori/ups-power-backup-"  >    <div class="thumb"><img src="media/product_cat/1749634800-acc-(42).jpg" alt="UPS & Power Backup"></div>    <div class="name">UPS & Power Backup</div></a></li></ul></li><li><a href="#" class="MainCat" onclick="MainCat($(this));" onmouseover="MainCat($(this));">    <div class="name">PRINTER</div></a><ul><li>  <a href="kategori/printer-">    <div class="thumb"><img src="media/product_cat/1749634833-acc-(27).jpg" alt="PRINTER"></div>    <div class="name">PRINTER</div>  </a></li><li><a href="kategori/3d-printer-"  >    <div class="thumb"><img src="media/product_cat/1749635111-acc-(43).jpg" alt="3D Printer"></div>    <div class="name">3D Printer</div></a></li><li><a href="kategori/printer-kasir-4822042015175759"  >    <div class="thumb"><img src="media/product_cat/1753064336-print-kasir.jpg" alt="Printer Kasir"></div>    <div class="name">Printer Kasir</div></a></li><li><a href="kategori/tinta-printer-"  >    <div class="thumb"><img src="media/product_cat/1749635144-acc-(44).jpg" alt="Tinta Printer"></div>    <div class="name">Tinta Printer</div></a></li></ul></li></ul></div>

                <form action="cari" id="Search" method="get" autocomplete="off">
                                        <input type="text" name="produk" id="keyword" value="" placeholder="Cari produk...">
                    <i class="fa-solid fa-magnifying-glass searchicon"></i>
                </form>
            </div>

            <div class="right">
                
                <a href="keranjang-belanja" class="btn cart desktop" aria-label="Keranjang Belanja">
                    <i class="fa-solid fa-cart-shopping"></i>
                    <div class="text">Keranjang</div>
                    <div class="num ">0</div>
                </a>

                <a href="riwayat-transaksi" class="btn cart mobile-cart mobile" aria-label="Riwayat">
                    <img class="mobile" src="images/history-dark-blue.png" alt="Riwayat">
                </a>

                <a href="login" class="btn cart mobile-cart mobile" aria-label="Wish List">
                    <img class="mobile" src="images/wishlist-dark-blue.png" alt="Wishlist">
                    <div class="num ">0</div>
                </a>

                <a href="keranjang-belanja" class="btn cart mobile-cart mobile" aria-label="Keranjang Belanja">
                    <img class="mobile" src="images/cart-dark-blue.png" alt="Keranjang">
                    <div class="num ">0</div>
                </a>

                <a href="login" class="btn wishlist desktop" aria-label="Wish List">
                    <i class="fa-solid fa-heart"></i>
                    <div class="text">Wishlist</div>
                    <div class="num ">0</div>
                </a>

                                    <a class="btn akun desktop" href="akun" aria-label="Akun Saya">
                        <img src="images/profile.png" alt="Akun" class="account"> 
                        <div class="text">Masuk</div>
                    </a>
                
            </div>
        </div>
    </div>
</div>

<div class="suggestions"></div>

<div class="AccMenu">
    <div class="mobile">
        <div class="name">Hai, !</div>
        <div class="email"></div>
    </div>
    <a href="keranjang-belanja" class="mobile cart">       
        <img class="mobile" src="images/cart-blue.png" alt="Keranjang"> 
        <div class="text">Keranjang</div>
        <div class="num ">0</div>
    </a>        
    <a href="riwayat-transaksi">
        <img class="mobile" src="images/history-blue.png" alt="Riwayat"> 
        <img class="desktop" src="images/history-dark-blue.png" alt="Riwayat"> 
        Riwayat Transaksi
    </a>
    <a href="profil">
        <img class="desktop" src="images/profile-dark-blue.png" alt="Profil"> 
        Profil Saya
    </a>
    <a href="login">
        <img class="mobile" src="images/wishlist-blue.png" alt="Wishlist"> 
        <img class="desktop" src="images/wishlist-dark-blue.png" alt="Wishlist"> 
        Wishlist
    </a>
    <a href="#" class="logout">
        <i class="fa-solid fa-arrow-right-from-bracket"></i> 
        Logout
    </a>
</div>


<div class="MobileMenuOverlay" id="MobileMenuOverlay"></div>


<div class="MobileMenuPanel" id="MobileMenuPanel">

    <div class="MobileMenuHeader">
        <div class="MobileMenuUser">
            <div class="MobileMenuAvatar">
                <i class="fa-solid fa-user"></i>
            </div>
            <div class="MobileMenuUserInfo">
                                    <div class="MobileMenuUserName">Hai, Pengguna!</div>
                    <a href="akun" class="MobileMenuUserSub">Masuk atau Daftar</a>
                            </div>
        </div>
        <div class="MobileMenuClose" id="MobileMenuClose">
            <i class="fa-solid fa-bars"></i>
        </div>
    </div>

    <div class="MobileMenuTabs">
        <div class="MobileMenuTab active" data-tab="menu">Menu</div>
        <div class="MobileMenuTab" data-tab="kategori">Kategori</div>
    </div>

    <div class="MobileMenuContent active" id="tab-menu">
        <a href="https://pegastore.id/">Home</a>
        <a href="tentang-kami">Tentang Kami</a>
        <a href="tentang-registrasi">FAQ</a>
        <a href="pricelist">Price List</a>
        <a href="service-center">Service Center</a>
        <a href="artikel">Artikel</a>
        <a href="karir">Karir</a>
        
        <div class="MobileMenuSpacer"></div>

        <div class="MobileMenuBottom">
            <div class="MobileMenuSosmed">
                <a href="https://www.instagram.com/pegastoreid" target="_blank" aria-label="Instagram">
                    <i class="fa-brands fa-instagram"></i>
                </a>
                <a href="https://www.tiktok.com/@pegastoreid" target="_blank" aria-label="TikTok">
                    <i class="fa-brands fa-tiktok"></i>
                </a>
                <a href="https://www.youtube.com/channel/UCGqyiTszcHiIq1wZrpZ9cIA" target="_blank" aria-label="YouTube">
                    <i class="fa-brands fa-youtube"></i>
                </a>
            </div>
            <div class="MobileMenuAddress">
                <i class="fa-solid fa-map-marker-alt"></i>
                Jl. C. Simanjuntak No. 37, Terban, Kec. Gondokusuman, Kota Yogyakarta
            </div>
        </div>
    </div>

    <div class="MobileMenuContent" id="tab-kategori">
        <div class="MobileCatGroup">  <a href="kategori/promo-224022026154736" class="MobileCatParent">!!!PROMO!!!</a>  <div class="MobileCatChildren"><a href="kategori/apple-luxe-deals-5117052026213238" class="MobileCatChild">APPLE LUXE DEALS</a><a href="kategori/hot-sale-506032026095437" class="MobileCatChild">HOT SALE</a><a href="kategori/rare-item-2818032025105120" class="MobileCatChild">RARE ITEM</a>  </div></div><a href="kategori/merchandise-9913042026140052" class="MobileCatChild">!MERCHANDISE!</a><div class="MobileCatGroup">  <a href="kategori/accessories-" class="MobileCatParent">ACCESSORIES</a>  <div class="MobileCatChildren"><a href="kategori/accessories-gaming-5721022018042944" class="MobileCatChild">Accessories Gaming</a><a href="kategori/adaptor-9819052022085038" class="MobileCatChild">Adaptor</a><a href="kategori/cable-2519012023152004" class="MobileCatChild">Cable</a><a href="kategori/case-" class="MobileCatChild">Case</a><a href="kategori/converter-" class="MobileCatChild">Converter</a><a href="kategori/cooling-pad-5612122022155516" class="MobileCatChild">Cooling Pad</a><a href="kategori/digital-drawing-" class="MobileCatChild">Digital Drawing</a><a href="kategori/headset-headphone-" class="MobileCatChild">Headset & Headphone</a><a href="kategori/mouse-keyboard-" class="MobileCatChild">Mouse & Keyboard</a><a href="kategori/pointer-4626092019033640" class="MobileCatChild">Pointer</a><a href="kategori/powerbank-8814122016033741" class="MobileCatChild">Powerbank</a><a href="kategori/sleeve-case-" class="MobileCatChild">Sleeve Case</a><a href="kategori/speaker-" class="MobileCatChild">Speaker</a><a href="kategori/storage-" class="MobileCatChild">Storage</a><a href="kategori/vga-card-6828102025204627" class="MobileCatChild">VGA CARD</a><a href="kategori/webcam-" class="MobileCatChild">Webcam</a>  </div></div><div class="MobileCatGroup">  <a href="kategori/computer-" class="MobileCatParent">COMPUTER</a>  <div class="MobileCatChildren"><a href="kategori/all-in-one-pc-" class="MobileCatChild">All in One PC</a><a href="kategori/desktop-pc-8317042015165613" class="MobileCatChild">Desktop PC</a><a href="kategori/game-console-3125062025145707" class="MobileCatChild">Game Console</a><a href="kategori/laptop-" class="MobileCatChild">Laptop</a><a href="kategori/mini-pc-" class="MobileCatChild">Mini PC</a>  </div></div><div class="MobileCatGroup">  <a href="kategori/gadget-" class="MobileCatParent">GADGET</a>  <div class="MobileCatChildren"><a href="kategori/smartwatch-4031032022092707" class="MobileCatChild">Smartwatch</a><a href="kategori/tablet-" class="MobileCatChild">Tablet</a>  </div></div><a href="kategori/mesin-kasir-504102025133126" class="MobileCatChild">MESIN KASIR</a><div class="MobileCatGroup">  <a href="kategori/networking-" class="MobileCatParent">NETWORKING</a>  <div class="MobileCatChildren"><a href="kategori/network-accessories-" class="MobileCatChild">Network Accessories</a><a href="kategori/routers-switch-" class="MobileCatChild">Routers & Switch</a>  </div></div><div class="MobileCatGroup">  <a href="kategori/office-business-" class="MobileCatParent">OFFICE & BUSINESS</a>  <div class="MobileCatChildren"><a href="kategori/scanner-" class="MobileCatChild">Scanner</a><a href="kategori/software-" class="MobileCatChild">Software</a>  </div></div><a href="kategori/pega-3d-figurine-5530092025114202" class="MobileCatChild">PEGA 3D FIGURINE</a><a href="kategori/pegacare-8828072025114536" class="MobileCatChild">PEGACARE+</a><div class="MobileCatGroup">  <a href="kategori/peripheral-" class="MobileCatParent">PERIPHERAL</a>  <div class="MobileCatChildren"><a href="kategori/barcode-scanner-3104112016070914" class="MobileCatChild">Barcode Scanner</a><a href="kategori/cctv-" class="MobileCatChild">CCTV</a><a href="kategori/fingerprint-7530062025155304" class="MobileCatChild">Fingerprint</a><a href="kategori/monitor-" class="MobileCatChild">Monitor</a><a href="kategori/projector-" class="MobileCatChild">Projector</a><a href="kategori/ram-" class="MobileCatChild">RAM</a><a href="kategori/ups-power-backup-" class="MobileCatChild">UPS & Power Backup</a>  </div></div><div class="MobileCatGroup">  <a href="kategori/printer-" class="MobileCatParent">PRINTER</a>  <div class="MobileCatChildren"><a href="kategori/3d-printer-" class="MobileCatChild">3D Printer</a><a href="kategori/printer-kasir-4822042015175759" class="MobileCatChild">Printer Kasir</a><a href="kategori/tinta-printer-" class="MobileCatChild">Tinta Printer</a>  </div></div>    </div>

</div>

<script>
(function() {
    var toggle   = document.getElementById('MobileMenuToggle');
    var panel    = document.getElementById('MobileMenuPanel');
    var overlay  = document.getElementById('MobileMenuOverlay');
    var closeBtn = document.getElementById('MobileMenuClose');
    var tabs     = document.querySelectorAll('.MobileMenuTab');
    var contents = document.querySelectorAll('.MobileMenuContent');

    function openMenu() {
        panel.classList.add('active');
        overlay.classList.add('active');
        document.body.style.overflow = 'hidden';
    }
    function closeMenu() {
        panel.classList.remove('active');
        overlay.classList.remove('active');
        document.body.style.overflow = '';
    }

    if (toggle)  toggle.addEventListener('click', openMenu);
    if (closeBtn) closeBtn.addEventListener('click', closeMenu);
    if (overlay) overlay.addEventListener('click', closeMenu);

    tabs.forEach(function(tab) {
        tab.addEventListener('click', function() {
            tabs.forEach(function(t) { t.classList.remove('active'); });
            contents.forEach(function(c) { c.classList.remove('active'); });
            tab.classList.add('active');
            var target = document.getElementById('tab-' + tab.getAttribute('data-tab'));
            if (target) target.classList.add('active');
        });
    });
})();
</script>

    <div class="container main">

        <div class="ArtikelNav">
            <form id="FormKode" action="artikel">
                <input type="tel" name="kode" id="kode" class="field" placeholder="Kode Artikel" value="" maxlength="6">
                <input type="submit" class="button" id="submit" value="Cari">
            </form>
            <div class="kategori">
                <div class="custom-dropdown-wrapper" id="customDropdownWrapper">
                    <div class="custom-dropdown-selected" id="customDropdownSelected" onclick="toggleCustomDropdown()">
                        <span id="customDropdownLabel">
                            Semua Artikel                        </span>
                        <span class="arrow">&#9660;</span>
                    </div>
                    <div class="custom-dropdown-list" id="customDropdownList">
                        <div class="dropdown-option active" 
                             onclick="selectDropdownOption('', 'Semua Artikel')">
                            Semua Artikel
                        </div>
                                                    <div class="dropdown-option " 
                                 onclick="selectDropdownOption('berita', 'Berita')">
                                Berita                            </div>
                                                    <div class="dropdown-option " 
                                 onclick="selectDropdownOption('event-n-promo', 'Event &amp; Promo')">
                                Event &amp; Promo                            </div>
                                                    <div class="dropdown-option " 
                                 onclick="selectDropdownOption('pegacare', 'PEGACARE')">
                                PEGACARE                            </div>
                                                    <div class="dropdown-option " 
                                 onclick="selectDropdownOption('tech-news', 'Tech News')">
                                Tech News                            </div>
                                                    <div class="dropdown-option " 
                                 onclick="selectDropdownOption('tips-n-tricks', 'Tips &amp; Tricks')">
                                Tips &amp; Tricks                            </div>
                                            </div>
                </div>
                <div class="kategori-list">
                    <a class="cat active" href="artikel">Semua Artikel</a>
                                            <a class="cat " href="artikel/berita">
                            Berita                        </a>
                                            <a class="cat " href="artikel/event-n-promo">
                            Event &amp; Promo                        </a>
                                            <a class="cat " href="artikel/pegacare">
                            PEGACARE                        </a>
                                            <a class="cat " href="artikel/tech-news">
                            Tech News                        </a>
                                            <a class="cat " href="artikel/tips-n-tricks">
                            Tips &amp; Tricks                        </a>
                                    </div>
            </div>
        </div>

        <div class="ArtikelContent">
            <div class="ListArtikel mainlist">
                                <h1>Artikel Tidak Ditemukan</h1>
                    <p align="center"><a href="artikel">Kembali ke daftar Artikel</a></p>
                        </div>
        </div>
        <div class="BannerKanan">
            <div class="referensi-title">Artikel Lainnya</div>
            <a class="ref-item" href="baca-artikel/260545_upgrade-workspace-lebih-rapi-dan-siap-tender-kenapa-msi-pro-ap242-id-layak-dipilih"><img src="media/news/artikel-1780131451.jpg" alt="Upgrade Workspace Lebih Rapi dan Siap Tender: Kenapa MSI PRO AP242 ID Layak Dipilih?" loading="lazy"><span class="ref-judul">Upgrade Workspace Lebih Rapi dan Siap Tender: Kenapa MSI PRO AP242 ID Layak Dipilih?</span></a><a class="ref-item" href="baca-artikel/260544_5-aksesori-yang-bikin-perempuan-makin-lancar-berkarya-digital-di-2026"><img src="media/news/artikel-1780111857.jpg" alt="5 Aksesori yang Bikin Perempuan Makin Lancar Berkarya Digital di 2026" loading="lazy"><span class="ref-judul">5 Aksesori yang Bikin Perempuan Makin Lancar Berkarya Digital di 2026</span></a><a class="ref-item" href="baca-artikel/260543_kenapa-banyak-bisnis-fb-sekarang-pindah-ke-pos-berbasis-android"><img src="media/news/artikel-1780045920.jpg" alt="Kenapa Banyak Bisnis F&amp;B Sekarang Pindah ke POS Berbasis Android?" loading="lazy"><span class="ref-judul">Kenapa Banyak Bisnis F&amp;B Sekarang Pindah ke POS Berbasis Android?</span></a><a class="ref-item" href="baca-artikel/260542_usaha-rumahan-naik-order-saatnya-upgrade-sistem-transaksi-dengan-sunmi-v3"><img src="media/news/artikel-1780027455.jpg" alt="Usaha Rumahan Naik Order? Saatnya Upgrade Sistem Transaksi dengan Sunmi V3" loading="lazy"><span class="ref-judul">Usaha Rumahan Naik Order? Saatnya Upgrade Sistem Transaksi dengan Sunmi V3</span></a><a class="ref-item" href="baca-artikel/260541_laptop-cepat-itu-bukan-kebetulan-ini-logika-matematika-di-baliknya"><img src="media/news/artikel-1779971355.jpg" alt="Laptop Cepat Itu Bukan Kebetulan, Ini Logika Matematika di Baliknya" loading="lazy"><span class="ref-judul">Laptop Cepat Itu Bukan Kebetulan, Ini Logika Matematika di Baliknya</span></a><a class="ref-item" href="baca-artikel/260540_bukan-sekadar-laptop-gaming-msi-raider-18-max-hx-kini-bisa-gantikan-pc-studio-kamu"><img src="media/news/artikel-1779967319.jpg" alt="Bukan Sekadar Laptop Gaming, MSI Raider 18 Max HX Kini Bisa Gantikan PC Studio Kamu" loading="lazy"><span class="ref-judul">Bukan Sekadar Laptop Gaming, MSI Raider 18 Max HX Kini Bisa Gantikan PC Studio Kamu</span></a>        </div>

    </div>
        
            
        

        



                <footer>
            <div class="container">
                <div class="upper">
                    <div class="col company">
                        <img src="images/logo.png" alt="Pegastore" width="210" height="32" class="logo">
                        
                        <div class="col">
                            <a class="rowicon" href="#" aria-label="Jam Buka">
                                <i class="fa-regular fa-clock icon"></i> 
                                <div>
                                    Buka <br class="mobile">
                                    Senin - Sabtu : <hours>08:30 - 20:00</hours><br class="mobile">
                                    <span class="desktop inline">,</span>
                                    Minggu : <hours>10:00 - 20:00</hours>
                                </div>
                            </a><br>
                            <a class="rowicon" href="lokasi-toko" aria-label="Lokasi Toko">
                                <i class="fa-solid fa-map-marker-alt icon"></i> 
                                <div>Jl. C. Simanjuntak No. 37, Terban, Kec. Gondokusuman, Kota Yogyakarta</div>
                            </a>
                        </div>
                    </div>
                    <div class="col socials">
                                                <a class="medsos" aria-label="PegaStore di Instagram" href="https://www.instagram.com/pegastoreid" target="_blank"><img class="lozad" data-src="https://pegastore.id/images/sosmed-instagram.png" alt="Instagram" width="36" height="36"></a>
                        <a class="medsos" aria-label="PegaStore di TikTok" href="https://www.tiktok.com/@pegastoreid" target="_blank"><img class="lozad" data-src="https://pegastore.id/images/sosmed-tiktok.png" alt="tiktok" width="36" height="36"></a>
                        <a class="medsos" aria-label="PegaStore di Youtube" href="https://www.youtube.com/channel/UCGqyiTszcHiIq1wZrpZ9cIA" target="_blank"><img class="lozad" data-src="https://pegastore.id/images/sosmed-youtube.png" alt="Youtube" width="36" height="36"></a>
                        <span class="marketplace">
                            <a class="medsos" aria-label="PegaStore di Blibli" href="https://www.blibli.com/merchant/pegastore-id/HAS-57682" target="_blank"><img class="lozad" data-src="https://pegastore.id/images/icon-blibli.png" alt="Blibli" width="36" height="36"></a>
                            <a class="medsos" aria-label="PegaStore di Shopee" href="https://shopee.co.id/pegastore_id" target="_blank"><img class="lozad" data-src="https://pegastore.id/images/icon-shopee.png" alt="Shopee" width="36" height="36"></a>
                            <a class="medsos" aria-label="PegaStore di Tokopedia" href="https://www.tokopedia.com/pegastoreid" target="_blank"><img class="lozad" data-src="https://pegastore.id/images/icon-tokopedia.png" alt="Tokopedia" width="36" height="36"></a>
                        </span>
                    </div>
                </div>
                <hr>
                <div class="lower">
                    <div class="col wide">
                        <div class="coltitle">Hubungi Kami</div>
                        <div class="subcols">
                            <div class="subcol">
                                <div class="colsubtitle">Hotline Store</div>
                                <div class="rowtitle">Telepon</div>
                                <a href="tel:0274520200" aria-label="Telepon Store">0274-520200</a>
                                <div class="rowtitle">WhatsApp</div>
                                <a href="http://wa.me/+628170674007" target="_blank" aria-label="WhatsApp Store">081-70674-007</a>
                                <div class="rowtitle">Email</div>
                                <a href="#" aria-label="Email Store">info<span>@</span>pegastore.id</a>
                            </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="coltitle">Informasi</div>
                        <a href="tentang-kami" aria-label="Tentang Kami">Tentang Kami</a><br>
                        <a href="penghargaan" aria-label="Penghargaan">Penghargaan</a><br>
                        <a href="tentang-registrasi" aria-label="FAQ">FAQ</a><br>
                        <a href="syarat-dan-ketentuan" aria-label="Syarat & Ketentuan">Syarat & Ketentuan</a><br>
                        <a href="kebijakan-privasi" aria-label="Kebijakan Privasi">Kebijakan Privasi</a><br>
                        <a href="artikel" aria-label="Artikel">Artikel</a><br>
                        <a href="karir" aria-label="Karir">Karir</a>
                    </div>
                    <div class="col">
                        <div class="coltitle">LAYANAN</div>
                        <a href="service-center" aria-label="Service Center">Service Center</a><br>
                        <a href="pricelist" aria-label="Price List">Price List</a>
                                            </div>
                    <div class="col paymentmethods">
                        <div class="coltitle">METODE PEMBAYARAN</div>
                        <div class="payments">
                            <div class="payment"><img class="lozad" data-src="images/payment-mandiri.jpg" alt="Mandiri" width="200" height="62"></div>
                            <div class="payment"><img class="lozad" data-src="images/payment-bca.jpg" alt="BCA" width="200" height="64"></div>
                            <div class="payment"><img class="lozad" data-src="images/payment-permata.jpg" alt="Permata" width="200" height="50"></div>
                            <div class="payment"><img class="lozad" data-src="images/payment-bni.jpg" alt="BNI" width="266" height="94"></div>
                                                        <div class="payment"><img class="lozad" data-src="images/payment-gopay.jpg" alt="GoPay" width="200" height="48"></div>
                            <div class="payment"><img class="lozad" data-src="images/payment-bri.jpg" alt="BRI" width="300" height="108"></div>
                            <div class="payment"><img class="lozad" data-src="images/payment-shopee-line.jpg" alt="ShopeePay" width="200" height="95"></div>
                        </div>
                        <div class="coltitle">Pengiriman</div>
                        <div class="payments">
                            <div class="payment"><img class="lozad" data-src="media/jne.png" alt="Mandiri" width="200" height="62"></div>
                        </div>
                    </div>
                </div>
                <div class="col newsletterBox">
                    <div class="coltitle">NEWSLETTER</div>
                    Dapatkan berita produk terbaru <keep>hanya dengan subscribe newsletter kami.</keep>
                    <form id="NewsForm" novalidate>
                        <input type="email" class="field" name="email" id="email" placeholder="Alamat email" value="">
                        <input type="submit" class="button" value="Berlangganan">
                    </form>
                    Dengan mendaftar, Anda menyetujui <keep><a href="kebijakan-privasi">Kebijakan Privasi</a></keep> 
                </div>
            </div>
        </footer>
        


    <div class="overlay white "></div>
    <div class="mainloading "><img class="lozad" data-src="images/maskot-harrisma.png" alt="Maskot Pegastore"></div>
    <img src="images/loading-2.gif" class="hide" alt="loading">
    
    <div class="Toast">
        <div class="message"></div>
        <i class="fas fa-times close"></i>
    </div>    

    <div class="CartOverlay"></div>

    <div class="overlay dark"></div>

    <div class="searchOverlay"></div>

        <style>
        .LiveChatWA {
            position: fixed;
            bottom: 60px;
            right: 25px;
            z-index: 999999;
        }
        .LiveChatWA .button {
            background: #01499e;
            display: flex;
            justify-content: center;
            column-gap: 10px;
            align-items: center;
            height: 60px;
            font-family: 'Inter', sans-serif;
            font-size: 16px;
            font-weight: 400;
            border-radius: 30px;
            box-shadow: 4px 4px 10px 1px rgba(46, 46, 46, 0.35);
            transition: all 0.2s;
            min-width: 85px;
        }
        .LiveChatWA .button:hover {
            margin-bottom: 8px;
        }
        .LiveChatWA .button img {
            width: 30px;
            height: auto;
        }
        .LiveChatWA .button .text {
            display: none;
        }
        .LiveChatWA .mascot {
            background-image: url("images/mascot-chat-3.gif");
            width: 100px;
            height: 100px;
            background-size: 100px auto;
            background-repeat: no-repeat;
            background-position: left bottom;
            position: fixed;
            right: 6px;
            bottom: 112px;
            pointer-events: none;
            z-index: -1;
        }
        @media screen and (min-width: 768px) {
            .LiveChatWA .mascot {
                width: 180px;
                height: 180px;
                right: -10px;
                bottom: 100px;
                background-size: 180px auto;
            }
            .LiveChatWA .button .text {
                display: block;
            }
        }
    </style>
    <div class="LiveChatWA">
        <div class="mascot"></div>
        <a href="http://wa.me/+628170674007" class="button" target="_blank">
            <img src="images/p-white.png" alt="Pegastore icon">
            <div class="text">Live Chat</div>
        </a>
    </div>
    </body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>


<script src="js/sweetalert.min.js" crossorigin="anonymous"></script> 

<script src="js/number-divider.min.js"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>

<script>
    /*
    document.addEventListener('DOMContentLoaded', function() {
        var s,t; s = document.createElement('script'); s.type = 'text/javascript';
        //s.src = 'https://s3-ap-southeast-1.amazonaws.com/qiscus-sdk/public/qismo/qismo-v4.js'; 
        s.src = 'https://pegastore.id/js/qismo-v4.js'; 
        s.async = true;
        s.onload = s.onreadystatechange = function() { new Qismo('cisc-2wgcjgy6bgfrbrz5', {
                        options: {
                            channel_id: 3500,  
                            extra_fields: [], 
                        }
                    }); }
        t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);
    });
    */
</script>


<script>
const observer = lozad();
observer.observe();


// =============================================
// MOBILE MENU PANEL
// =============================================
(function() {
    var toggle   = document.getElementById('MobileMenuToggle');
    var panel    = document.getElementById('MobileMenuPanel');
    var overlay  = document.getElementById('MobileMenuOverlay');
    var closeBtn = document.getElementById('MobileMenuClose');
    var tabs     = document.querySelectorAll('.MobileMenuTab');
    var contents = document.querySelectorAll('.MobileMenuContent');

    function openMenu() {
        panel.classList.add('active');
        overlay.classList.add('active');
        document.body.classList.add('menu-open');
    }

    function closeMenu() {
        panel.classList.remove('active');
        overlay.classList.remove('active');
        document.body.classList.remove('menu-open');
    }

    if (toggle)  toggle.addEventListener('click', openMenu);
    if (closeBtn) closeBtn.addEventListener('click', closeMenu);
    if (overlay) overlay.addEventListener('click', closeMenu);
    
    tabs.forEach(function(tab) {
        tab.addEventListener('click', function() {
            tabs.forEach(function(t) { t.classList.remove('active'); });
            contents.forEach(function(c) { c.classList.remove('active'); });
            tab.classList.add('active');
            var target = document.getElementById('tab-' + tab.getAttribute('data-tab'));
            if (target) target.classList.add('active');
        });
    });
})();
// =============================================
// END MOBILE MENU PANEL
// =============================================


// main menu
//$('.CatList .MainCat').click(function() {
function MainCat(obj)
{
    $('.topbar .CatList .MainCat').removeClass('active');
    obj.addClass('active');
    $('.topbar .CatList ul ul').removeClass('show');
    obj.parent().find('ul').addClass('show');
}

$(document).on('click', function(event) {
    if (!$(event.target).closest('.topbar .CatList').length) {
        $('.topbar .CatList').removeClass('active');
        CatList = 0;
    }
});
    
var CatList = 0;
$(".topbar .menu").click(function() {
    if( CatList==1 ) 
    {
        setTimeout(function() {
            $('.topbar .menu').removeClass('active');   
            $('.topbar .CatList').removeClass('active');   
            CatList = 0;
        }, 100);
    }
    else 
    {
        setTimeout(function() {
            $('.topbar .MainCat').removeClass('active');
            $('.topbar .CatList ul ul').removeClass('show');
            $('.topbar .MainCat').first().addClass('active');
            
            $('.topbar .menu').addClass('active');
            $('.topbar .CatList').addClass('active');
            
            if( $(document).width()>=768 )
            {
                var CatListH = $('.topbar .CatList').height();
                console.log(CatListH);
                $('.topbar .CatList').css('margin-top', CatListH + 100);
            }
            
            CatList = 1;
        }, 100);
    }
});
    
    
var AccMenu = 0;
$(".topbar .loggedin").click(function() {
    console.log('here')
    if( AccMenu==1 ) 
    {
        setTimeout(function() {
            $('.AccMenu').removeClass('active');
            $('.overlay.dark').hide();
            AccMenu = 0;
        }, 100);
    }
    else
    {
        setTimeout(function() {
            $('.AccMenu').addClass('active');   
            AccMenu = 1;
            
            if( $(document).width()<768 ) $('.overlay.dark').show();
        }, 100);
    }
});
    
$(document).on('click', function(event) {
    if (!$(event.target).closest('.topbar .loggedin').length) {
        $('.AccMenu').removeClass('active');
        $('.overlay.dark').hide();
        AccMenu = 0;
    }
});    

$('.overlay.dark').click(function() {
    if( !$('.AnimationPlayer .close').is(':visible') )
    {
        $('.AccMenu').removeClass('active');
        $('.overlay.dark').hide();
        AccMenu = 0;
    }
});    

$("a").click(function(e) { 
    if($(this).attr('href')=="#") 
    {
        e.preventDefault(); 
        return false;
    }
});

$("#FilterForm").submit(function(e) {
    e.preventDefault();
});
    
function LoadingWhite()
{
    $(".overlay.white").fadeIn('fast', function() {
        $(".mainloading").show();
    });
}
function FadeOutWhite()
{
    $(".mainloading").hide().removeClass('show');
    $(".overlay.white").fadeOut('fast');
}
    
var ToastTimeout = null;
function Toast(message, timeout=2000)
{
    $(".Toast .message").html(message);
    $(".Toast").addClass('active');
    ToastTimeout = setTimeout(function() {
                        $(".Toast").removeClass('active');
                    }, timeout);
}
    
$(document).on('focus',".date", function(){
    $(this).datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        changeMonth: true,
        changeYear: true,
        dateFormat: 'dd-mm-yy'
    });
});


$(".Toast .close").click(function() {
    window.clearTimeout(ToastTimeout);
    $(".Toast").removeClass('active');
});

function setCookie(cname, cvalue, exdays=365) {
  const d = new Date();
  d.setTime(d.getTime() + (exdays * 60 * 60 * 24));
  let expires = "expires="+d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  let name = cname + "=";
  let ca = document.cookie.split(';');
  for(let i = 0; i < ca.length; i++) {
    let c = ca[i];
    while (c.charAt(0) == ' ') {
      c = c.substring(1);
    }
    if (c.indexOf(name) == 0) {
      return c.substring(name.length, c.length);
    }
  }
  return "";
}


function validJSON(text){
    if (typeof text!=="string" || text=='' || text==null){
        return false;
    }
    try{
        JSON.parse(text);
        return true;
    }
    catch (error){
        return false;
    }
}
    
$('.AccountPage .menu .title').click(function() {
    var Menu = $('.AccountPage .menu');
    if( Menu.hasClass('active') ) Menu.removeClass('active');
    else Menu.addClass('active');
});

    
$(".pop .head .close").click(function() {
    $(this).parent().parent().hide();
    $(".overlay").hide();
});

  
/*  
$(".topbar .cart").click(function() {
  $(".CartOverlay, .CartSide").addClass('active');
  $("body").addClass('freeze');
});
  
$(".CartOverlay, .CartSide .close").click(function() {
  $(".CartOverlay, .CartSide").removeClass('active');
  $("body").removeClass('freeze');
});
*/  

    
    
function Timer(timer, totime)
{
    var countDownDate   = new Date(totime).getTime();
    var now             = new Date().getTime();
    var distance        = countDownDate - now;

    if(distance>0)
    {
        setInterval(function() {
            var now       = new Date().getTime();
            var distance  = countDownDate - now;

            var days      = Math.floor(distance / (1000 * 60 * 60 * 24));
            var hours     = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes   = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            var seconds   = Math.floor((distance % (1000 * 60)) / 1000);

            if(days>0) 
            {
                if(!$("."+timer+" .daycol").length) 
                {
                    $("."+timer+" .hours").before('<span class="daycol"><span class="flip days"><div class="head">Hari</div><div class="num">&nbsp;</div></span> - </span>');
                }
                $("."+timer+" .days .num").html(days);
            }
            else $(".timer .daycol").remove();

            $("."+timer+" .hours .num").html(hours);
            $("."+timer+" .minutes .num").html(minutes);
            $("."+timer+" .seconds .num").html(seconds);

            if (distance <= 1) {
                document.location.reload();
            }
        }, 1000);
    }
}

var suggestions = null;

    
    
    
$("#keyword").focus(function() {
    $(".suggestions").addClass('active');
    $(".searchOverlay").fadeIn('fast');
    
    $(".topbar .menu").addClass('disabled');
    
    var keyword = $(this).val();
    if(keyword.length<3)
    {
        $(".suggestions").html('<p style="padding-left:10px;">Silakan lakukan pencarian</p><div class="TopSearch">  <div class="title">Paling Dicari</div>  <div class="list"><a class="product" href="produk/apple-ipad-pro-11-m4-mvw13pa-black-3216102025121433&source=search">  <img src="media/product/produk-1760591671.jpg">  <div class="name">Apple IPAD Pro 11 M4 MVW13PA Black</div></a><a class="product" href="produk/msi-modern-14-f13mg-298-urban-silver-5505062025161808&source=search">  <img src="media/product/produk-1749115069-1749115088.jpg">  <div class="name">MSI Modern 14 F13MG-298 Urban Silver</div></a><a class="product" href="produk/fantech-shooter-iii-wgp13s-dual-mode-gamepad-gaming-wireless-black-4105082025153516&source=search">  <img src="media/product/produk-1760519768.jpg">  <div class="name">Fantech Shooter III WGP13S Dual Mode Gamepad Gaming Wireless Black</div></a>  </div></div>');
    }
    else
    {
        $("#keyword").keyup();
    }
});
    
$("#keyword").keyup(function() {
    var keyword = $(this).val();
    if(keyword.length>=3)
    {
        $(".suggestions").addClass('active').html('<div class="loading"><img src="images/loading-2.gif"></div>');

        $.ajax({
            url: '_search-suggestions.php',
            cache:false,
            method:'POST',
            data: "keyword="+keyword,
            success: function(data) {
                setTimeout(function() {
                    $(".suggestions").html(data);
                }, 500);
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                setTimeout(function() {
                    $("#keyword").keyup();
                }, 500);
            },
            timeout: 10000
        });
    }
    else
    {
        if(keyword) $(".suggestions").html('<p style="padding-left:10px;">Pencarian minimal 3 karater</p><div class="TopSearch">  <div class="title">Paling Dicari</div>  <div class="list"><a class="product" href="produk/apple-ipad-pro-11-m4-mvw13pa-black-3216102025121433&source=search">  <img src="media/product/produk-1760591671.jpg">  <div class="name">Apple IPAD Pro 11 M4 MVW13PA Black</div></a><a class="product" href="produk/msi-modern-14-f13mg-298-urban-silver-5505062025161808&source=search">  <img src="media/product/produk-1749115069-1749115088.jpg">  <div class="name">MSI Modern 14 F13MG-298 Urban Silver</div></a><a class="product" href="produk/fantech-shooter-iii-wgp13s-dual-mode-gamepad-gaming-wireless-black-4105082025153516&source=search">  <img src="media/product/produk-1760519768.jpg">  <div class="name">Fantech Shooter III WGP13S Dual Mode Gamepad Gaming Wireless Black</div></a>  </div></div>');
        else $(".suggestions").html('<p style="padding-left:10px;">Silakan lakukan pencarian</p><div class="TopSearch">  <div class="title">Paling Dicari</div>  <div class="list"><a class="product" href="produk/apple-ipad-pro-11-m4-mvw13pa-black-3216102025121433&source=search">  <img src="media/product/produk-1760591671.jpg">  <div class="name">Apple IPAD Pro 11 M4 MVW13PA Black</div></a><a class="product" href="produk/msi-modern-14-f13mg-298-urban-silver-5505062025161808&source=search">  <img src="media/product/produk-1749115069-1749115088.jpg">  <div class="name">MSI Modern 14 F13MG-298 Urban Silver</div></a><a class="product" href="produk/fantech-shooter-iii-wgp13s-dual-mode-gamepad-gaming-wireless-black-4105082025153516&source=search">  <img src="media/product/produk-1760519768.jpg">  <div class="name">Fantech Shooter III WGP13S Dual Mode Gamepad Gaming Wireless Black</div></a>  </div></div>');
    }    
});

$(".searchOverlay").click(function() {
    $(".suggestions").removeClass('active');
    $(".searchOverlay").fadeOut('fast');
    $(".topbar .menu").removeClass('disabled');
});
    
$(document).on("click", function(event){
    if(!$(event.target).closest(".suggestions").length)
    {
        //$(".suggestions").removeClass('active');
    }
});
    
function isTouchDevice() {
  return (('ontouchstart' in window) ||
         (navigator.maxTouchPoints > 0) ||
         (navigator.msMaxTouchPoints > 0));
}
    
    
$('.clearFilter').click(function() {
    var parentForm = $(this).parent();
    parentForm.find(':text').val('');
    parentForm.find(':checkbox').prop('checked', false);
    parentForm.submit();
});
    
    
$(".FilterButton").click(function() {
    $(".browse_stage .filters").addClass('active');
});

$('.filters .head.mobile').click(function() {
    $('.filters').removeClass('active');
});
    
$("#NewsForm").submit(function(e) {
    e.preventDefault();
    
    var email = $.trim( $('#NewsForm #email').val() );
    
    if(!email)
    {
        swal("", "Email diperlukan untuk berlangganan", "error");
    }
    else
    {
        LoadingWhite();
        $.ajax({
            url: 'includes/_newsletter-subscribe.php',
            cache:false,
            method:'POST',
            data: "email=" + email,
            success: function(data) {
                setTimeout(function() {
                    FadeOutWhite();
                    if(data=='OK')
                    {
                        $("#NewsForm #email").val('');
                        swal("Pendaftaran Berhasil", '', "success");
                    }
                    else
                    {
                        swal("Proses Gagal", data, "error");
                    }
                }, 500);
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                setTimeout(function() {
                    FadeOutWhite();
                    swal("Kendala Sistem", "Hubungi admin \n"+errorThrown, "error");
                }, 500);
            },
            timeout: 10000
        });
    }
});
    
    
$(function(){
    $('.animations .item').click(function() {
        var YoutubeID = $(this).attr('YoutubeID');
        $('.AnimationPlayer iframe').attr('src', 'https://www.youtube.com/embed/'+YoutubeID+'?rel=0&autoplay=1&controls=1&loop=0&mute=0&playsinline=0&playlist='+YoutubeID);
        $('.AnimationPlayer, .overlay.dark').show();
    });

    $('.AnimationPlayer .close').click(function() {
        $('.AnimationPlayer, .overlay.dark').hide();
        $('.AnimationPlayer iframe').attr('src', 'blank.html');
    });    
});
</script>


<script>
    $(".logout").click(function() {
        LoadingWhite();
        $.ajax({
            url: '_logout.php',
            cache:false,
            method:'POST',
            data: $("#LoginForm").serialize(),
            success: function(data) {
                setTimeout(function() {
                    FadeOutWhite();
                    if(data=="OK")
                    {
                        Toast("Berhasil Keluar!", 5000);
                        setTimeout(function() {
                            document.location.href = "https://pegastore.id/";
                        }, 0);
                    }
                    else
                    {
                        swal('', data, 'info');
                    }
                }, 500);
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                setTimeout(function() {
                    FadeOutWhite();
                    swal('Kendala Sistem', 'Silakan hubungi admin', 'error');
                }, 500);
            },
            timeout: 10000
        });
    });
    
    
    </script><script>
function toggleCustomDropdown() {
    var selected = document.getElementById('customDropdownSelected');
    var list     = document.getElementById('customDropdownList');
    selected.classList.toggle('open');
    list.classList.toggle('open');
}

function selectDropdownOption(alias, label) {
    document.getElementById('customDropdownLabel').innerText = label;
    document.getElementById('customDropdownSelected').classList.remove('open');
    document.getElementById('customDropdownList').classList.remove('open');

    var options = document.querySelectorAll('#customDropdownList .dropdown-option');
    options.forEach(function(opt) {
        opt.classList.remove('active');
    });
    event.currentTarget.classList.add('active');

    if(alias) {
        window.location.href = 'artikel/' + alias;
    } else {
        window.location.href = 'artikel';
    }
}

document.addEventListener('click', function(e) {
    var wrapper = document.getElementById('customDropdownWrapper');
    if(wrapper && !wrapper.contains(e.target)) {
        document.getElementById('customDropdownSelected').classList.remove('open');
        document.getElementById('customDropdownList').classList.remove('open');
    }
});

function setTopbarHeight() {
    var topbar = document.querySelector('.topbar');
    var totalHeight = 0;

    if (topbar) {
        totalHeight = topbar.getBoundingClientRect().height;
    } else {
        totalHeight = window.innerWidth >= 768 ? 100 : 60;
    }

    document.documentElement.style.setProperty('--topbar-height', totalHeight + 'px');
}

setTopbarHeight();
window.addEventListener('load', setTopbarHeight);
window.addEventListener('resize', setTopbarHeight);
</script>