<!DOCTYPE html>
<html lang="en">
  <head class="at-element-marker">
	<title>MANTIS88 Login & Daftar Resmi Dengan Akses Game Online Terbaru 2026</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="description" content="MANTIS88 menghadirkan halaman login dan pendaftaran dengan akses game online terbaru 2026, navigasi praktis, serta tampilan modern yang responsif."/>
	<meta name="robots" content="index, follow">
  <meta name="Keywords" content="MANTIS88">
  <meta name="publisher" content="MANTIS88">
	<link rel="shortcut icon" type="image/x-icon" media="all" href="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/icon.ico"/>
	<link rel="canonical" href="https://kungfumantis88.com/"/>
  <link rel="amphtml" href="https://kungfumantis88.mantis88.buzz/"/>
  <script type="text/javascript" async="" src="https://snap.licdn.com/li.lms-analytics/insight.min.js"></script>
  <script type="text/javascript" async="" src="https://tag.rmp.rakuten.com/124165.ct.js"></script>
  <script type="application/ld+json">
  			{
    "@context" : "http://schema.org",
    "@type" : "Product",
    "brand" : "MANTIS88",
    "description" : "MANTIS88 menghadirkan halaman login dan pendaftaran dengan akses game online terbaru 2026, navigasi praktis, serta tampilan modern yang responsif.",
    "image" : "https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png",
    "name" : "MANTIS88 hadir sebagai situs slot88 dan sport online populer 2026",
    "category" : "https://kungfumantis88.com/",
    "offers" : {
      "@type" : "Offer",
      "availability" : "https://schema.org/OutOfStock",
      "price" : "10000",
      "priceCurrency" : "GBP",
      "url" : "https://kungfumantis88.com/"
    },
    "sku" : "MANTIS88",
    "gtin13" : "321215324653"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "address": "Jl. HZ Mustofa No. 42, Kota Tasikmalaya, Jawa Barat",
    "url": "https://kungfumantis88.com/",
    "name": "MANTIS88",
    "telephone": "0265 608235",
    "logo": "https://veldrive.com/GZA8tqeQ/MANTIS88/moik/logoo.png",
    "email": "MANTIS88@gmail.com"
  }
  </script>

<link rel="preconnect" href="https://use.typekit.net" crossorigin=""/>
<link rel="preload" as="style" href="https://zingword.sfo3.cdn.digitaloceanspaces.com/adobedtmhnst1.css"/>
<link rel="stylesheet" href="https://zingword.sfo3.cdn.digitaloceanspaces.com/adobedtmhnst1.css" media="all" onload="this.media=&#39;all&#39;"/>
<noscript>
  <link rel="stylesheet" href="https://zingword.sfo3.cdn.digitaloceanspaces.com/adobedtmhnst1.css"/>
</noscript>

<link rel="stylesheet" type="text/css" media="all" href="https://zingword.sfo3.cdn.digitaloceanspaces.com/adobedtmhnst2.css"/>
<link rel="stylesheet" type="text/css" media="all" href="https://zingword.sfo3.cdn.digitaloceanspaces.com/adobedtmhnst3.css" as="style" onload="this.onload=null;this.rel=&#39;stylesheet&#39;"/>
<noscript><link rel="stylesheet"
      type="text/css"
      media="all"
      href="https://zingword.sfo3.cdn.digitaloceanspaces.com/adobedtmhnst3.css"
      />
</noscript>

<link rel="stylesheet" type="text/css" media="print" href="https://zingword.sfo3.cdn.digitaloceanspaces.com/adobedtmhnst4.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apakah MANTIS88 benar-benar bisa diakses di HP dengan spesifikasi rendah?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Betul. MANTIS88 sebagai situs terpercaya dirancang dengan teknologi PWA dan antarmuka ringan yang tetap responsif di berbagai perangkat, termasuk Android RAM 2GB ke atas dan iPhone 6s ke atas. Tersedia pula mode Akses Ringan untuk mengoptimalkan penggunaan kuota dan performa perangkat."
      }
    },
    {
      "@type": "Question",
      "name": "Seberapa cepat server MANTIS88 dalam merespons permintaan pengguna?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "MANTIS88 menghadirkan layanan cepat dengan rata-rata response time hanya 28 ms untuk wilayah Indonesia barat dan tengah, berdasarkan hasil monitoring selama 30 hari terakhir. Kecepatan ini didukung oleh sistem load balancing canggih dan jaringan CDN yang stabil."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah MANTIS88 aman digunakan oleh pemain yang baru bergabung?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Sangat aman, terutama bagi pemain baru. MANTIS88 hadir sebagai platform game online modern yang sistemnya transparan dan telah tersertifikasi resmi. Pemain baru tidak perlu khawatir soal keamanan data pribadi maupun keamanan kemenangan mereka."
      }
    },
    {
      "@type": "Question",
      "name": "Bagaimana MANTIS88 menjaga keamanan data pribadi penggunanya?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Seluruh data pengguna dilindungi dengan enkripsi SSL 256-bit berstandar tinggi. MANTIS88 berkomitmen tidak membagikan informasi pengguna kepada pihak ketiga tanpa persetujuan, sesuai kebijakan privasi lengkap yang tersedia di situs resmi."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah tersedia layanan bantuan jika pengguna mengalami kendala?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Tentu saja. MANTIS88 menyediakan tim dukungan profesional yang siap melayani 24 jam penuh melalui live chat dengan rata-rata waktu respons di bawah 3 menit, memberikan pengalaman hiburan digital yang nyaman tanpa gangguan. Bantuan juga dapat diakses melalui WhatsApp dan email resmi."
      }
    }
  ]
}
</script>
<script src="https://static.ads-twitter.com/uwt.js" async=""></script>
<script src="https://connect.facebook.net/en_US/fbevents.js" async=""></script>
<script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement.min.js" async=""></script>
<script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement_Module_ActivityMap.min.js" async=""></script>
<script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement_Module_AudienceManagement.min.js" async=""></script>
<script src="https://www.googletagmanager.com/gtag/js?id=&amp;l=dataLayer" async=""></script>
<script src="https://assets.adobedtm.com/f177fcea2274/0ec023f9574e/e92a583b7661/RC67855ee2c298479096687632678a397b-source.min.js" async=""></script>
<script src="https://static.ads-twitter.com/uwt.js" async=""></script>
<script src="https://connect.facebook.net/en_US/fbevents.js" async=""></script>
<script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement.min.js" async=""></script>
<script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement_Module_ActivityMap.min.js" async=""></script>
<script src="https://assets.adobedtm.com/extensions/EP31dbb9c60e404ba1aa6e746d49be6f29/AppMeasurement_Module_AudienceManagement.min.js" async=""></script>
<script src="https://www.googletagmanager.com/gtag/js?id=&amp;l=dataLayer" async=""></script>
<script src="https://assets.adobedtm.com/f177fcea2274/0ec023f9574e/e92a583b7661/RC67855ee2c298479096687632678a397b-source.min.js" async=""></script></head>



<body class="page-productDetails pageType-ProductPage template-pages-product-productLayout2Page  smartedit-page-uid-productDetails smartedit-page-uuid-eyJpdGVtSWQiOiJwcm9kdWN0RGV0YWlscyIsImNhdGFsb2dJZCI6Impld3NvbkNvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ== smartedit-catalog-version-uuid-jewsonContentCatalog/Online  language-en">
	<header class="header-alt js-header header-alt--sticky js-sticky-header" data-tracking-block="header">
        <style>.header-alt__top-bar{background: black;}</style>
			<section class="header-alt__top-bar d-none d-lg-block">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="d-lg-flex justify-content-center">
										<div class="yCmsComponent header-alt__top-bar-link ">
<a href="https://kungfumantis88.com/" title="Service Kami"><span class="header-alt__top-bar-link-icon glyph glyph--build-filled glyph--light"></span><span class="header-alt__top-bar-link-text">Service Kami</span></a></div><div class="yCmsComponent header-alt__top-bar-link ">
<a href="https://kungfumantis88.com/" title="Simulator Projek"><span class="header-alt__top-bar-link-icon glyph glyph--calculator glyph--light"></span><span class="header-alt__top-bar-link-text">Simulator Projek</span></a></div><div class="yCmsComponent header-alt__top-bar-link ">
<a href="https://kungfumantis88.com/" title="Butuh Bantuan?"><span class="header-alt__top-bar-link-icon glyph glyph--headset glyph--light"></span><span class="header-alt__top-bar-link-text">Butuh Bantuan?</span></a></div></div>
								<div class="toggle-alt">
		<form id="command" action="/_s/vat" method="post"><label for="toggle-alt_vat" class="toggle-alt__label" tabindex="0">
				<input type="checkbox" class="toggle-alt__input js-submit-on-toggle" id="toggle-alt_vat" name="showVatPrices" value="true"/>
				<div class="toggle-alt__ui">
					<span class="toggle-alt__vat">VAT</span>
					<span class="toggle-alt__ex">EX</span>
					<div class="toggle-alt__track">
						<span class="toggle-alt__handler"></span>
					</div>
					<span class="toggle-alt__inc">INC</span>
				</div>
			</label>
			<div class="form-group form-group--cta hide">
				<button type="submit" class="btn btn-primary">Toggle</button>
			</div>
		<div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>
</div>
					</div>
				</div>
			</section>
			<section class="header-alt__middle">
				<div class="container">
					<div class="row">
						<div class="col-12">

							<div class="header-alt__components">
								<div class="d-flex justify-content-between align-items-center">

									<div class="header-alt__logo order-1" data-tracking-position="logo">
										<a href="/" class="d-block mr-lg-1">
	<img class="header-alt__logo-img" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/logoo.png" alt="Jewson Standard Logo" title="Jewson.co.uk"/>
</a></div>

									<div class="header-alt__search order-2" data-tracking-position="search">
										<div class="search">
   <div class="form-group form-group--search m-0">
      <div class="sr-only">
         <label for="siteSearchMirror" class="sr-only">Search</label>
      </div>
      <div class="form-group__element">
         <input type="text" role="search" class="form-control js-trigger-search" id="siteSearchMirror" name="text" value=""/>
      </div>
      <div class="search__form-cta form-group form-group--cta">
         <button type="submit" class="btn btn-search glyph glyph--search">Search</button>
      </div>
   </div>
</div></div>
									<div class="header-alt__widgets order-3 d-lg-flex">
											<div class="header-alt__quick-bar d-flex order-lg-4">
												<div class="header-alt__quick-bar-icon d-none d-lg-block">
      <a href="javascript:void(0)" class="header-alt__quick-bar-link js-toggle-panel" data-panel-id="location-picker-location" data-modal-selection="Enter your postcode">
        <span class="header-alt__quick-bar-link-icon glyph glyph--location-marker"></span>
        <span class="d-none d-lg-block header-alt__quick-bar-location-name">
          Lokasi Saya</span>
      </a>
    </div>

    <div class="header-alt__quick-bar-icon d-none d-lg-block">
      <a href="javascript:void(0)" class="header-alt__quick-bar-link js-toggle-panel" data-panel-id="location-picker-branch" data-modal-selection="Enter your postcode">
        <span class="header-alt__quick-bar-link-icon glyph glyph--store"></span>
        <span class="d-none d-lg-block header-alt__quick-bar-location-name">
          Temukan Kami</span>
      </a>
    </div>

    <div inert="" class="offsite-panel offsite-panel--full js-ld-wrapper" data-panel-id="location-picker-location" data-panel-name="location picker location" data-drawer-type="location">
  <div class="offsite-panel__content">
    <div class="offsite-panel__toolbar">
      <div class="offsite-panel__close js-toggle-panel">
        <button class="offsite-panel__close-icon glyph glyph--cross glyph--light glyph--small"></button>
        <span>Close</span>
      </div>
    </div>

    <div class="offsite-panel__body">
      <div class="js-branch-form ">
        <h2>Set your location</h2>
        <p>Get local prices and products that are more readily available in your area.</p>

        <form id="modal-location-form" name="sessionLocationForm" novalidate="true" data-form-id="sessionLocationForm" class="js-form-validate" action="/_s/location" method="post" data-np-autofill-form-type="identity" data-np-checked="1" data-np-watching="1"><div class="form-group form-group--search-group form-group__postcode">
            <div class="form-group__label">
              <label for="locationQuery-location">
                </label>
            </div>
            <div class="d-flex">
              <div class="form-group__validation mr-0">
                <div class="form-group__element">
                  <input id="locationQuery-location" name="postcode" required="true" class="form-control" type="text" placeholder="Postcode" data-validation-for="postcode" data-np-checked="1" data-np-autofill-field-type="zip" data-np-uid="300c9c47-ac8f-4290-8894-bfe06dd2f83d"/>
                <nordpass-icon data-np-uid="300c9c47-ac8f-4290-8894-bfe06dd2f83d" tabindex="-1" style="all: initial !important;"></nordpass-icon></div>
              </div>
              <input type="hidden" name="geolocationPostcode" value="false"/>
              <button type="button" class="btn btn-tertiary btn--branch-search-location w-auto m-0 ml-2 glyph glyph--current-location js-geolocate" data-interaction="Use Lokasi Saya">
              <span class="sr-only">
                Use Lokasi Saya</span>
              </button>
            </div>
          </div>
  
          <div class="form-group form-group__fulfilment">
              <fieldset>
                <legend class="form-group__fulfilment-legend">
                  I want: (optional)</legend>
                <div class="d-flex flex-wrap">
                  <div class="radio mr-2">
                    <input type="radio" class="radio__input sr-only" id="drawer-location-delivery" name="delivery" value="true" checked data-validation-for="radioGroup" required=""/>
                    <label class="radio__label" for="drawer-location-delivery">
                      Delivery</label>
                  </div>
                  <div class="radio">
                    <input type="radio" class="radio__input sr-only" id="drawer-location-collection" name="delivery" value="false" data-validation-for="radioGroup" required=""/>
                    <label class="radio__label" for="drawer-location-collection">
                      Click &amp; Collect</label>
                  </div>
                </div>
              </fieldset>
            </div>
            <input type="hidden" name="changeFulfilmentType" value="true"/>
          <div class="form-group form-group--cta">
            <button type="submit" class="btn btn-primary js-location-cta" data-interaction="Enter">
              Enter</button>
          </div>
        <div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>

      <div class="offsite-panel__results js-branch-list">
        </div>
    </div>

    <div class="offsite-panel__footer js-drawer-cookies ">
      <hr class="hr"/>
      <div>Don&#39;t worry, we won&#39;t share your location! Read more about how we use <a href="https://kungfumantis88.com/">cookies</a>.</div>
    </div>
  </div>
</div>
<div inert="" class="offsite-panel offsite-panel--full js-ld-wrapper" data-panel-id="location-picker-branch" data-panel-name="location picker branch" data-drawer-type="branch">
  <div class="offsite-panel__content">
    <div class="offsite-panel__toolbar">
      <div class="offsite-panel__close js-toggle-panel">
        <button class="offsite-panel__close-icon glyph glyph--cross glyph--light glyph--small"></button>
        <span>Close</span>
      </div>
    </div>

    <div class="offsite-panel__body">
      <div class="js-branch-form ">
        <h2>Temukan Kami</h2>
        <p>Enter your postcode to find branches near you.</p>

        <form id="modal-branch-form" name="sessionLocationForm" novalidate="true" data-form-id="sessionLocationForm" class="js-form-validate" action="https://kungfumantis88.com//data" method="post"><div class="form-group form-group--search-group form-group__postcode">
            <div class="form-group__label">
              <label for="locationQuery-branch">
                </label>
            </div>
            <div class="d-flex">
              <div class="form-group__validation mr-0">
                <div class="form-group__element">
                  <input id="locationQuery-branch" name="postcode" required="true" class="form-control" type="text" placeholder="Postcode" data-validation-for="postcode"/>
                </div>
              </div>
              <input type="hidden" name="geolocationPostcode" value="false"/>
              <button type="button" class="btn btn-tertiary btn--branch-search-location w-auto m-0 ml-2 glyph glyph--current-location js-geolocate-branch" data-interaction="Use Lokasi Saya">
              <span class="sr-only">
                Use Lokasi Saya</span>
              </button>
            </div>
          </div>
  
          <div class="form-group form-group--cta">
            <button type="submit" class="btn btn-primary js-branch-cta" data-interaction="Enter">
              Enter</button>
          </div>
        <div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>

      <div class="offsite-panel__results js-branch-list">
        </div>
    </div>

    <div class="offsite-panel__footer js-drawer-cookies ">
      <hr class="hr"/>
      <div>Don&#39;t worry, we won&#39;t share your location! Read more about how we use <a href="https://kungfumantis88.com/">cookies</a>.</div>
    </div>
  </div>
</div>
<div class="header-alt__quick-bar-icon header-alt__quick-bar-cart order-2 order-lg-1">
<a href="https://kungfumantis88.com/" class="header-alt__quick-bar-link js-mini-basket" data-mini-cart-url="https://kungfumantis88.com//rollover/MiniCart" data-mini-cart-refresh-url="https://kungfumantis88.com//miniCart/TOTAL_WITHOUT_DELIVERY" data-mini-cart-name="Trolley" data-mini-cart-empty-name="Empty Trolley" rel="nofollow">

    <span class="header-alt__quick-bar-link-icon glyph glyph--cart-alt"></span>
    <div class="js-mini-cart-totals" data-v="2">
        <span class="d-none d-xxl-block">
            Produk MANTIS88</span>
    </div>
</a>
</div>

												<div class="header-alt__quick-bar-icon order-1 order-lg-2 header-alt__quick-bar-account js-header-qb-account">
														<a href="https://kungfumantis88.mantis88.buzz/" rel="nofollow" class="header-alt__quick-bar-link header-alt__quick-bar-link--account" data-section="header-link-login-register">
																<span class="header-alt__quick-bar-link-icon glyph glyph--user"></span>
																<span class="d-none d-xxl-block">Login / Daftar</span>
															</a>
</div>
												</div>
										</div>
									<div class="header-alt__menu order-4 d-lg-none js-header-menu-alt">
                                <span class="header-alt__menu-icon">
                                    <span class="header-alt__menu-icon-bar"></span>
                                    <span class="header-alt__menu-icon-bar"></span>
                                    <span class="header-alt__menu-icon-bar"></span>
                                </span>
									</div>

									<div class="header-alt__search-overlay search">
										<div class="search__wrap">
											<span class="glyph glyph--small glyph--cross"></span>
											<form class="search__form" novalidate="" autocomplete="off" method="get" action="/search">
												<div class="form-group form-group--search m-0">
													<div class="sr-only">
														<label for="siteSearch1" class="sr-only">Search</label>
													</div>
													<div class="form-group__element">
														<input type="text" role="search" class="form-control js-site-search" id="siteSearch1" name="text" value="" maxlength="100" placeholder="" data-blur-results="false"/>
													</div>
													<div class="search__form-cta form-group form-group--cta">
														<button type="submit" class="btn btn-search glyph glyph--search">Search</button>
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<div class="d-lg-none">
    <div class="header-alt__location-picker">
      <div href="#" class="header-alt__location-picker-link js-toggle-panel" data-panel-id="location-picker-location" data-modal-selection="Enter your postcode">
        <span class="glyph glyph--location-marker"></span>
        <span class="header-alt__location-picker-text">LOKASI MANTIS88</span>
      </div>

      <div href="#" class="header-alt__location-picker-link js-toggle-panel" data-panel-id="location-picker-branch" data-modal-selection="Enter your postcode">
        <span class="glyph glyph--store"></span>
        <span class="header-alt__location-picker-text">ARTIKEL MANTIS88</span>
      </div>
    </div>
  </div>
<nav class="menu-alt js-main-menu-alt menu-alt--overlay" data-tracking-block="header" data-tracking-position="main-nav">
	<div class="container">
		<div class="row menu-alt__wrap">
			<div class="col-12 menu-alt__inner">

				<section class="header-alt__top-bar d-lg-none">
					<div class="toggle-alt">
		<form id="command" action="/_s/vat" method="post"><label for="toggle-alt_vat-mobile" class="toggle-alt__label" tabindex="0">
				<input type="checkbox" class="toggle-alt__input js-submit-on-toggle" id="toggle-alt_vat-mobile" name="showVatPrices" value="true"/>
				<div class="toggle-alt__ui">
					<span class="toggle-alt__vat">VAT</span>
					<span class="toggle-alt__ex">EX</span>
					<div class="toggle-alt__track">
						<span class="toggle-alt__handler"></span>
					</div>
					<span class="toggle-alt__inc">INC</span>
				</div>
			</label>
			<div class="form-group form-group--cta hide">
				<button type="submit" class="btn btn-primary">Toggle</button>
			</div>
		<div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>
<div class="header-alt__top-bar-links">
						<div class="yCmsComponent header-alt__top-bar-link ">
<a href="https://kungfumantis88.com//jewson-services" title="Service Kami"><span class="header-alt__top-bar-link-icon glyph glyph--build-filled"></span><span class="header-alt__top-bar-link-text">Service Kami</span></a></div><div class="yCmsComponent header-alt__top-bar-link ">
<a href="https://kungfumantis88.com/" title="Simulator Projek"><span class="header-alt__top-bar-link-icon glyph glyph--calculator"></span><span class="header-alt__top-bar-link-text">Simulator Projek</span></a></div><div class="yCmsComponent header-alt__top-bar-link ">
<a href="https://kungfumantis88.com/" title="Butuh Bantuan?"><span class="header-alt__top-bar-link-icon glyph glyph--headset"></span><span class="header-alt__top-bar-link-text">Butuh Bantuan?</span></a></div></div>
				</section>

				<div class="d-lg-none">
					<span class="menu-alt__title">all categories</span>
				</div>

				<div class="menu-alt__tray">

					<div class="yCmsComponent d-lg-flex justify-content-between w-100" data-totoname="NavigationBar">
<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="GAME ONLINE" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">GAME ONLINE</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="MANTIS88" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">MANTIS88</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="BO GAME ONLINE" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">BO GAME ONLINE</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="SITUS GAME ONLINE" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">SITUS GAME ONLINE</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="PROVIDER GAME TERBAIK" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">PROVIDER GAME TERBAIK</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="BANDAR GAME ONLINE" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">BANDAR GAME ONLINE</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="JACKPOT PAUS" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">JACKPOT PAUS</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="AGEN GAME ONLINE" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">AGEN GAME ONLINE</a>
</div>

<div class="menu-alt__tray-item js-menu-tray-item">
    <a href="https://kungfumantis88.com/" title="MANTIS88 RESMI" class="menu-alt__link menu-alt__link--main menu-alt__link--parent js-menu-parent">MANTIS88 RESMI</a>
</div>
	</div>
    <div class="d-lg-none menu-alt__tray-item">
						<span class="menu-alt__title">More from Jewson</span>
						<div>
							<a href="https://kungfumantis88.com/" class="menu-alt__link at-element-marker">Click &amp; Collect in 15 mins</a>
							<a href="https://kungfumantis88.com/" class="menu-alt__link at-element-marker">FREE next day delivery*</a>
							<a href="https://kungfumantis88.com/" class="menu-alt__link at-element-marker" style="display: none;">Making better homes</a>
						</div>
					</div>

					<div class="d-lg-none menu-alt__close js-menu-close-alt">
						<button class="btn btn-tertiary w-100">Close</button>
					</div>
				</div>
			</div>
		</div>
	</div>
</nav>

</header>
<div class="MANTIS88-btn" id="ctaMeme">
  <a href="https://kungfumantis88.mantis88.buzz/" class="m-btn">DAFTAR</a>
  <a href="https://kungfumantis88.mantis88.buzz/" class="m-btn">LOGIN</a>
</div>

<style>
.MANTIS88-btn {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 2000px;
  margin: 10px auto;
  padding: 6px;
  border-radius: 18px;
  overflow: hidden;

  background:
    linear-gradient(135deg, rgba(20, 230, 72, 0.98), rgba(13, 218, 122, 0.96)),
    radial-gradient(circle at top left, rgb(18, 240, 11), transparent 38%),
    radial-gradient(circle at bottom right, rgba(4, 70, 34, 0.18), transparent 42%);

  border: 1px solid rgba(224, 191, 39, 0.45);

  box-shadow:
    0 14px 38px rgb(12, 109, 3),
    0 0 22px rgb(7, 155, 105),
    inset 0 1px 0 rgb(9, 194, 92);

  animation: ctaBlueGlow 3s ease-in-out infinite alternate;
}

.MANTIS88-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.10) 45%, transparent 72%);
  opacity: 0.6;
  pointer-events: none;
}

.MANTIS88-btn::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 17px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.MANTIS88-btn .m-btn {
  position: relative;
  flex: 1;
  display: block;
  padding: 16px 0;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  z-index: 2;

  color: #ffffff;
  font-family: "Poppins", "Segoe UI", Arial, sans-serif;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;

  background:
    linear-gradient(135deg, rgba(0, 33, 104, 0.96), rgba(0, 33, 104, 0.92));
  border-right: 1px solid rgba(224, 191, 39, 0.22);

  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.45),
    0 0 12px rgba(248, 181, 56, 0.28);

  transition:
    transform 0.28s ease,
    background 0.28s ease,
    box-shadow 0.28s ease,
    color 0.28s ease;
}

.MANTIS88-btn .m-btn:first-child {
  border-radius: 13px 0 0 13px;
}

.MANTIS88-btn .m-btn:last-child {
  border-right: none;
  border-radius: 0 13px 13px 0;
}

.MANTIS88-btn .m-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -140%;
  width: 90%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.34),
    transparent
  );
  transform: skewX(-25deg);
  animation: ctaShine 3.4s infinite ease-in-out;
}

.MANTIS88-btn .m-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center, rgba(224, 191, 39, 0.22), transparent 55%);
  opacity: 0;
  transition: opacity 0.28s ease;
}

.MANTIS88-btn .m-btn:hover {
  color: #e0f7ff;
  background:
    linear-gradient(135deg, rgba(0, 33, 104, 0.98), rgba(14, 116, 144, 0.95));
  box-shadow:
    inset 0 0 18px rgba(224, 191, 39, 0.16),
    0 0 18px rgba(248, 181, 56, 0.22);
  transform: translateY(-1px);
}

.MANTIS88-btn .m-btn:hover::after {
  opacity: 1;
}

.MANTIS88-btn .m-btn:active {
  transform: scale(0.98);
}

@keyframes ctaBlueGlow {
  0% {
    box-shadow:
      0 12px 30px rgba(2, 18, 32, 0.40),
      0 0 12px rgba(248, 181, 56, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.10);
  }

  100% {
    box-shadow:
      0 18px 44px rgba(2, 18, 32, 0.50),
      0 0 28px rgba(248, 181, 56, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.14);
  }
}

@keyframes ctaShine {
  0% {
    left: -140%;
  }

  28% {
    left: 145%;
  }

  100% {
    left: 145%;
  }
}

@media (max-width: 768px) {
  .MANTIS88-btn {
    border-radius: 15px;
    padding: 5px;
  }

  .MANTIS88-btn .m-btn {
    padding: 14px 0;
    font-size: 15px;
    letter-spacing: 0.9px;
  }

  .MANTIS88-btn .m-btn:first-child {
    border-radius: 11px 0 0 11px;
  }

  .MANTIS88-btn .m-btn:last-child {
    border-radius: 0 11px 11px 0;
  }
}
</style>
<script>
(function(){const c=document.getElementById("ctaMeme");c.onclick=function(e){if(e.target.tagName==="A")console.log("Redirecting to: "+e.target.href)}})();
</script>
<main id="main" class="main" tabindex="-1" data-currency-iso-code="GBP" data-tracking-block="main">
			<div class=" main-container container">
				<div class="yCmsContenttoto ">
<div class="row">
                <div class="col-12">
                    <ol class="breadcrumb js-breadcrumbs " itemscope="" itemtype="http://schema.org/BreadcrumbList" data-section="breadcrumbs">
	<li class="breadcrumb__item d-none" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" data-section="breadcrumb-item-home">
			<a class="breadcrumb__link" itemprop="item" href="/">
				<span itemprop="name" class="breadcrumb__inner breadcrumb__inner--text">
					MANTIS88</span>
				<span class="breadcrumb__inner breadcrumb__inner--icon" data-name="arrow">
					<span class="glyph glyph--chevron glyph--small"></span>
				</span>
			</a>
			
			<meta itemprop="position" content="1"/>
		</li>
	<li class="breadcrumb__item d-none" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" data-section="breadcrumb-item-2">
					<a class="breadcrumb__link" itemprop="item" href="https://kungfumantis88.com/">
						<span itemprop="name" class="breadcrumb__inner breadcrumb__inner--text">
							MANTIS88 LOGIN</span>
						<span class="breadcrumb__inner breadcrumb__inner--icon" data-name="arrow">
								<span class="glyph glyph--chevron glyph--small"></span>
							</span>
						</a>
					<meta itemprop="position" content="2"/>
				</li>
			<li class="breadcrumb__item d-none" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" data-section="breadcrumb-item-3">
					<a class="breadcrumb__link" itemprop="item" href="https://kungfumantis88.com/">
						<span itemprop="name" class="breadcrumb__inner breadcrumb__inner--text">
							MANTIS88 GAME ONLINE</span>
						<span class="breadcrumb__inner breadcrumb__inner--icon" data-name="arrow">
								<span class="glyph glyph--chevron glyph--small"></span>
							</span>
						</a>
					<meta itemprop="position" content="3"/>
				</li>
			<li class="breadcrumb__item d-none" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" data-section="breadcrumb-item-4">
					<a class="breadcrumb__link" itemprop="item" href="https://kungfumantis88.com/">
						<span itemprop="name" class="breadcrumb__inner breadcrumb__inner--text">
							MANTIS88 RESMI </span>
						</a>
					<meta itemprop="position" content="4"/>
				</li>
			</ol>
</div>
            </div>
        </div><div class="">
						<div class="row">
							<div class="col-12 ">
								</div>
						</div>
					</div>
				<div id="adobe-wrap"><div itemscope="" class="product product--main row mb-3 at-element-marker">
		<div class="col-12 col-lg-8 float-left">
	<div class="row">
		<div class="col-12 col-lg-6 order-2 order-lg-1">
			<div class="glider-slider--nav js-glider-nav">
			<div class="js-glider-slider glider-slider glider-slider--main">
					<div id="gallery-product-main" class="product-details-carousel js-glider-nav-main" data-zoom-parent="">
						





<div class="glider-slider__slide">
	<div class="zoom product-details-carousel__zoom">
		<a href="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png" data-component="zoom">
			<img src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png" width="100%" alt="MANTIS88 hadir sebagai situs slot88 dan sport online populer 2026" title="MANTIS88 hadir sebagai situs slot88 dan sport online populer 2026 B4TM4N" itemprop="image" content="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
		</a>
		<div class="product-details-carousel__zoom-text small">
			<span class="d-none d-lg-block">Click image to zoom in</span>
			<span class="d-lg-none">Tap image to zoom in</span>
		</div>
	</div>
</div>
</div>
				<div class="controls">
					<button class="glider-prev glider-arrow glyph glyph--chevron glyph--small glyph--rotate-180"></button>
					<button class="glider-next glider-arrow glyph glyph--chevron glyph--small"></button>
					<div class="dots"></div>
				</div>
			</div>
		</div>
		<div class="js-glider-slider glider-slider glider-slider--thumb">
	<div id="gallery-product-thumb" class="product-details-carousel product-details-carousel--track">
		<div class="js-glider-thumb">
				<div class="product-details-carousel__track-block">
					<div class="product-details-carousel__thumbnail">
					</div>
				</div>
			</div>
		</div>
</div>
</div>
		<div class="col-12 col-lg-6 order-1 order-lg-2">
			<h1 itemprop="name" class="product-title mb-1">MANTIS88 hadir sebagai situs slot88 dan sport online populer 2026</h1>

			<div class="product-sku mb-2">MANTIS88</div>
			<div class="d-none d-lg-block mb-4 product__description">
				<div class="product__description-long mb-3 js-line-clamp">
					<div class="content">MANTIS88 menghadirkan halaman login dan pendaftaran dengan akses game online terbaru 2026, navigasi praktis, serta tampilan modern yang responsif.</div>
				</div>
				<div class="strong attrib">Top Keyword :</div>
					<ul>
						<li>MANTIS88</li>
						<li>AGEN GAME ONLINE</li>
						<li>SITUS GAME ONLINE</li>
						<li>PROVIDER GAME TERBAIK</li>
						<li>BANDAR GAME ONLINE</li>
						</ul>
				</div>

			<div class="hide">
				<span class="sku">ID<span itemprop="sku productId">MANTIS88</span></span>
				<span itemprop="category">Kitchens &amp; Bathrooms &gt; Kitchen Appliances &gt; Refrigeration  &gt; MANTIS88 hadir sebagai situs slot88 dan sport online populer 2026</span>
				<span itemprop="url">https://kungfumantis88.com/</span>
			</div>
		</div>
		</div>

	<!-- Optional banner -->
	</div>

<div class="col-12 col-lg-4 float-right product__panel">
			<div class="simple-container__generic simple-container__product-panel">
				<div class="p-2 bg-light-grey">
	<form id="modalSessionLocationForm" name="sessionLocationForm" novalidate="true" data-form-id="sessionLocationForm" class="js-form-validate" data-disable-scroll="true" action="/fulfillment/options/delivery" method="post" data-np-autofill-form-type="identity" data-np-checked="1" data-np-watching="1"><div class="form-group form-group--search-group form-group__postcode mb-0">
			<div class="form-group__label">
				<label for="sessionLocationForm-postcode"><h3>See price and availability</h3></label>
			</div>
			<div class="d-flex">
				<div class="form-group__validation">
					<div class="form-group__element">
						<input id="sessionLocationForm-postcode" name="postcode" required="true" class="form-control" type="text" placeholder="RTP MANTIS88" data-np-checked="1" data-np-autofill-field-type="zip" data-np-uid="919130a6-8fd1-43b9-a0c4-22fa4148b832"/>
					<nordpass-icon data-np-uid="919130a6-8fd1-43b9-a0c4-22fa4148b832" tabindex="-1" style="all: initial !important;"></nordpass-icon></div>
				</div>
				<button type="submit" class="btn btn-primary px-3 py-0 js-pbp-cta" data-interaction="Enter">Enter</button>
			</div>
		</div>
	<div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>
<div class="d-flex mt-3 align-items-center">
	<span class="glyph glyph--delivery-fast mr-1"></span>
	<p class="strong text-blue">Next day delivery</p>
</div>
<div class="d-flex mt-3 align-items-center">
	<div class="mr-1"><span class="glyph glyph--click-and-collect"></span></div>
	<p class="strong text-blue">Collect today</p>
</div>

<hr class="hr--default hr--offset-10"/>
				<div>
					<div class="form-group d-flex mb-0">
        <div class="product__panel-icon mr-1">
            <span class="glyph glyph--wishlist"></span>
        </div>
        <div class="flex-grow-1">
            <button disabled class="btn btn-secondary btn--neat mb-2 w-100">
                Add to project list</button>
            <p>Please <a href="https://kungfumantis88.com/">sign in/register</a>
                to save items.</p>
        </div>
    </div>
<div class="modal micromodal-slide js-wishlist-form" id="modal-wishlist-create" aria-hidden="true">
    <div class="modal__overlay" tabindex="-1" data-micromodal-close="">
        <div class="modal__container " role="dialog" aria-modal="true" aria-labelledby="modal-wishlist-create">
            <header class="modal__header">
                <button class="modal__close" aria-label="Close" data-micromodal-close="">
                    Close</button>
            </header>
            <div class="modal__content mt-0" id="modal-wishlist-createcontent">
                <h2 class="modal__title" id="modal-wishlist-create-title">
                    New Project List</h2>
                <p class="large mb-3 mt-2 mt-md-0">
                    Save items to a project list which you can come back later.</p>

                <form id="wishlistCreateForm" novalidate="true" class="refine mb-3 js-wishlist-form-validate" action="/my-account/project-list/create" method="post"><input id="backUrl" name="backUrl" value="/p/caple-7030-frost-free-in-column-fridge-freezer-b4tm4n" type="hidden"/><input id="productCode" name="productCode" value="SEOCANNY" type="hidden"/><div class="form-group">
                        <div class="form-group__label">
                            <label for="wishlist-createNewListName" class="">
                                Project list name</label>
                        </div>
                        <div class="form-group__validation">
                            <div class="form-group__element">
                                <input id="wishlist-createNewListName" name="name" class="form-control js-wishlist-new-name" required="true" type="text" value="" data-np-intersection-state="observed"/></div>
                        </div>
                    </div>
                    <div class="row no-gutters mt-md-4">
                        <div class="col-md-6 pl-md-1 mb-2 mb-md-0 order-md-2">
                            <button type="submit" class="btn btn-primary btn--store">
                                Create Project list</button>
                        </div>
                        <div class="col-md-6 pr-md-1 order-md-1">
                            <button type="button" class="btn btn-tertiary btn--store js-reset-form" data-micromodal-close="">
                                Cancel</button>
                        </div>
                    </div>
                <div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>
        </div>
    </div>
</div>
</div>
			</div>
		</div>
</div>
<div class="wrapMANTIS88linkalternatif">
  <div class="wrapMANTIS88link">
    <h1 style="text-align: justify;">MANTIS88 hadir sebagai situs slot88 dan sport online populer 2026</h1>

<p style="text-align: justify;">MANTIS88 merupakan <strong>situs slot88 populer dengan pilihan permainan menarik dan akses yang mudah</strong> bagi pengguna yang ingin menikmati pengalaman bermain online secara praktis. Dengan dukungan sistem website modern, tampilan responsif, serta navigasi yang sederhana, MANTIS88 memberikan kemudahan bagi pengguna untuk menemukan berbagai permainan slot88 favorit melalui perangkat desktop maupun smartphone.</p>

<p style="text-align: justify;">Sebagai platform game online modern, MANTIS88 menghadirkan berbagai pilihan <strong>slot88 populer dan permainan online</strong> dalam satu akun. Setiap kategori permainan disusun secara rapi sehingga pengguna dapat menemukan game favorit dengan lebih mudah. Tampilan yang ringan dan responsif juga membuat proses berpindah menu serta mengakses berbagai fitur terasa lebih praktis.</p>

<h2 style="text-align: justify;">Mengenal MANTIS88: Situs slot88 Populer dengan Akses Mudah</h2>

<p style="text-align: justify;">MANTIS88 dikembangkan dengan mengutamakan kemudahan akses, performa website yang stabil, serta pengalaman pengguna yang nyaman. Desain antarmuka yang sederhana membuat berbagai fitur dapat digunakan dengan mudah, baik oleh pemain baru maupun pengguna berpengalaman. Beragam pilihan permainan slot88 populer tersedia dalam satu platform sehingga pengguna tidak perlu berpindah-pindah website untuk menemukan permainan yang diinginkan.</p>

<p style="text-align: justify;">Selain menghadirkan tampilan yang responsif, MANTIS88 juga melakukan pembaruan sistem secara berkala untuk menjaga kualitas layanan. Optimalisasi website membantu pengguna menikmati proses login, memilih permainan, dan menjelajahi berbagai kategori slot88 dengan lebih cepat serta efisien melalui smartphone, tablet, maupun desktop.</p>

<h3 style="text-align: justify;">Pilihan slot88 Populer dan Game Online</h3>

<p style="text-align: justify;">MANTIS88 menyediakan berbagai pilihan <strong>game slot88 populer</strong> dengan tema, fitur, dan karakter permainan yang beragam. Pengguna dapat menjelajahi kategori permainan sesuai preferensi melalui navigasi yang terstruktur. Pengelompokan menu yang sederhana membuat pencarian game menjadi lebih praktis sehingga pengguna dapat langsung menemukan pilihan permainan yang menarik.</p>

<h3 style="text-align: justify;">Mudah Diakses dengan Sistem Responsif</h3>

<p style="text-align: justify;">Salah satu keunggulan MANTIS88 adalah sistem website yang dirancang agar mudah diakses melalui berbagai perangkat. Optimalisasi halaman membantu menjaga performa ketika pengguna membuka menu permainan, berpindah kategori, maupun mengakses fitur lainnya. Dengan tampilan yang responsif, pengalaman menggunakan platform tetap nyaman baik melalui smartphone maupun desktop.</p>

<p style="text-align: justify;">Struktur navigasi yang ringan juga membantu pengguna menemukan informasi dan permainan dengan lebih efisien. Setiap menu disusun secara terorganisir sehingga proses menjelajahi berbagai pilihan slot88 dapat dilakukan tanpa langkah yang rumit.</p>

<h3 style="text-align: justify;">Pengalaman Bermain slot88 yang Praktis</h3>

<p style="text-align: justify;">MANTIS88 menghadirkan pengalaman bermain slot88 online dengan menggabungkan pilihan game yang beragam, akses responsif, serta navigasi yang mudah dipahami. Pengguna dapat memilih permainan sesuai preferensi dan menikmati berbagai fitur yang tersedia dalam satu platform. Klaim seperti <strong>mudah JP</strong> tetap sebaiknya dipahami sebagai istilah promosi, karena hasil permainan slot88 pada dasarnya bergantung pada mekanisme permainan dan keberuntungan.</p>

<p style="text-align: justify;">Dengan kombinasi pilihan slot88 populer, tampilan modern, akses yang praktis, dan sistem yang responsif, MANTIS88 menjadi platform yang ditujukan bagi pengguna yang mencari pengalaman game online dalam satu tempat. Pastikan pengguna memahami aturan permainan dan bermain secara bertanggung jawab.</p>
</div>

<style>
.wrapMANTIS88linkalternatif {
  position: relative;
  width: 100%;
  max-width: 1500px;
  margin: 10px auto;
  padding: 34px 32px;
  border-radius: 22px;
  text-align: center;
  font-family: 'Segoe UI', Arial, sans-serif;
  overflow: hidden;
  z-index: 1;

  background:
    linear-gradient(135deg, rgba(0, 33, 104, 0.96), rgba(0, 33, 104, 0.94)),
    radial-gradient(circle at top left, rgba(248, 181, 56, 0.18), transparent 35%),
    radial-gradient(circle at bottom right, rgba(0, 33, 104, 0.15), transparent 40%);

  border: 1px solid rgba(224, 191, 39, 0.35);
  box-shadow:
    0 18px 45px rgba(2, 18, 32, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.wrapMANTIS88linkalternatif::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.08) 45%, transparent 70%);
  opacity: 0.45;
  pointer-events: none;
}

.wrapMANTIS88linkalternatif::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 21px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.wrapMANTIS88linkalternatif > * {
  position: relative;
  z-index: 10;
}

.wrapMANTIS88linkalternatif h1,
.judul-wrapper-MANTIS88 {
  margin: 0 0 22px;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  color: #e0f7ff;
  text-align: center;
  text-shadow: 0 2px 12px rgba(248, 181, 56, 0.35);
}

.wrapMANTIS88linkalternatif h2,
.judul-wrapper-MANTIS88 {
  margin: 0 0 22px;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  color: #e0f7ff;
  text-align: center;
  text-shadow: 0 2px 12px rgba(248, 181, 56, 0.35);
}

.wrapMANTIS88linkalternatif h3,
.judul-wrapper-MANTIS88 {
  margin: 0 0 22px;
  font-size: 28px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.8px;
  color: #e0f7ff;
  text-align: center;
  text-shadow: 0 2px 12px rgba(248, 181, 56, 0.35);
}

.wrapMANTIS88link {
  color: #eefaff;
  font-size: 16px;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.wrapMANTIS88link p {
  margin: 0 0 18px;
  padding: 0 6px;
}

.wrapMANTIS88link p:last-child {
  margin-bottom: 0;
}

.wrapMANTIS88link a {
  color: #7dd3fc !important;
  font-weight: 800;
  text-decoration: none;
  padding: 2px 6px;
  border-radius: 8px;
  background: rgba(224, 191, 39, 0.08);
  border-bottom: 1px solid rgba(224, 191, 39, 0.45);
  transition: all 0.25s ease;
}

.wrapMANTIS88link a:hover {
  color: #ffffff !important;
  background: rgba(248, 181, 56, 0.18);
  box-shadow: 0 0 16px rgba(248, 181, 56, 0.22);
}

@media (max-width: 768px) {
  .wrapMANTIS88linkalternatif {
    padding: 24px 18px;
    border-radius: 18px;
  }

  .wrapMANTIS88linkalternatif h2,
  .judul-wrapper-MANTIS88 {
    font-size: 22px;
    letter-spacing: 1px;
  }

  .wrapMANTIS88link {
    font-size: 15px;
    line-height: 1.65;
  }
}
.wrapMANTIS88linkalternatif {
  text-align: left;
}

.wrapMANTIS88link {
  text-align: left;
  max-width: 1350px;
  margin: 0 auto;
}

.wrapMANTIS88link p {
  text-align: left;
  padding: 0;
  margin: 0 0 20px;
}

.wrapMANTIS88link p:last-child {
  margin-bottom: 0;
}
</style>

<style type="text/css">
.faq-section {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 50px 0;
  padding: 42px 34px;
  border-radius: 24px;
  overflow: hidden;
  font-family: "Poppins", "Segoe UI", Arial, sans-serif;

  background:
    linear-gradient(135deg, rgba(0, 33, 104, 0.97), rgba(0, 33, 104, 0.95)),
    radial-gradient(circle at top left, rgba(248, 181, 56, 0.18), transparent 36%),
    radial-gradient(circle at bottom right, rgba(0, 33, 104, 0.15), transparent 42%);

  border: 1px solid rgba(224, 191, 39, 0.35);
  box-shadow:
    0 20px 50px rgba(2, 18, 32, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.faq-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.08) 45%, transparent 72%);
  opacity: 0.45;
  pointer-events: none;
}

.faq-section::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.faq-section > * {
  position: relative;
  z-index: 2;
}

.faq-title {
  position: relative;
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 38px;
  padding: 14px 34px;
  text-align: center;

  font-size: 30px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(0, 33, 104, 0.98), rgba(0, 33, 104, 0.96));
  border: 1px solid rgba(224, 191, 39, 0.55);
  border-radius: 999px;

  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.45),
    0 0 14px rgba(248, 181, 56, 0.35);

  box-shadow:
    0 14px 34px rgba(2, 18, 32, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.faq-title::before,
.faq-title::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 85px;
  height: 2px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, rgba(0, 33, 104, 0.75));
}

.faq-title::before {
  right: 100%;
  margin-right: 18px;
}

.faq-title::after {
  left: 100%;
  margin-left: 18px;
  background: linear-gradient(90deg, rgba(0, 33, 104, 0.75), transparent);
}

.faq-container {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.faq-item {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  text-align: left;

  background:
    linear-gradient(135deg, rgba(13, 50, 76, 0.90), rgba(8, 38, 58, 0.94));
  border: 1px solid rgba(224, 191, 39, 0.24);

  box-shadow:
    0 10px 28px rgba(2, 18, 32, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

.faq-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #0060d5, #0060d5);
  opacity: 0.8;
  transition: all 0.28s ease;
}

.faq-item:hover {
  transform: translateY(-4px);
  border-color: rgba(224, 191, 39, 0.52);
  box-shadow:
    0 18px 42px rgba(2, 18, 32, 0.40),
    0 0 24px rgba(248, 181, 56, 0.16);
}

.faq-item:hover::before,
.faq-item.active::before {
  width: 7px;
  opacity: 1;
}

.faq-question {
  width: 100%;
  margin: 0;
  padding: 22px 28px 22px 32px;
  background: transparent;
  border: none;
  cursor: pointer;

  color: #ffffff !important;
  font-size: 15.5px;
  font-weight: 800;
  line-height: 1.65;
  text-align: left;

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif;
  transition: all 0.25s ease;
}

.faq-question:hover {
  color: #bae6fd !important;
}

.faq-question::after {
  content: "+";
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #e0f7ff;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;

  border: 1px solid rgba(224, 191, 39, 0.45);
  background: rgba(224, 191, 39, 0.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
  transition: all 0.3s ease;
}

.faq-item.active .faq-question::after {
  content: "+";
  transform: rotate(90deg);
  color: #ffffff;
  background: linear-gradient(135deg, #045f3c, #045f3c);
  border-color: transparent;
  box-shadow: 0 0 18px rgba(248, 181, 56, 0.28);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 28px 0 32px;

  color: #e7f8ff !important;
  font-size: 15.5px;
  line-height: 1.8;
  font-weight: 400;
  text-align: left;

  background:
    linear-gradient(180deg, rgba(224, 191, 39, 0.08), rgba(0, 33, 104, 0.08));

  transition: max-height 0.45s ease, padding 0.45s ease;
}

.faq-item.active .faq-answer {
  max-height: 800px;
  padding: 18px 28px 24px 32px;
  border-top: 1px solid rgba(224, 191, 39, 0.18);
}

.faq-answer p {
  margin: 0;
  color: #e7f8ff !important;
  font-size: 15.5px;
  line-height: 1.8;
  font-weight: 400;
  text-align: left;
}

@media (max-width: 768px) {
  .faq-section {
    margin: 32px 0;
    padding: 28px 18px;
    border-radius: 20px;
  }

  .faq-title {
    width: 100%;
    padding: 12px 18px;
    font-size: 21px;
    letter-spacing: 0.8px;
    border-radius: 18px;
    margin-bottom: 26px;
  }

  .faq-title::before,
  .faq-title::after {
    display: none;
  }

  .faq-container {
    gap: 14px;
  }

  .faq-item {
    border-radius: 16px;
  }

  .faq-question {
    font-size: 15px;
    padding: 20px 20px 20px 26px;
    gap: 12px;
  }

  .faq-question::after {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    font-size: 22px;
  }

  .faq-answer {
    font-size: 15px;
    padding: 0 20px 0 26px;
  }

  .faq-item.active .faq-answer {
    padding: 16px 20px 22px 26px;
  }

  .faq-answer p {
    font-size: 15px;
    line-height: 1.75;
  }

  .faq-item:hover {
    transform: none;
  }
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {
  const faqItems = document.querySelectorAll('.faq-item');

  faqItems.forEach(function (item) {
    const question = item.querySelector('.faq-question');

    question.addEventListener('click', function () {
      const isActive = item.classList.contains('active');

      faqItems.forEach(function (otherItem) {
        otherItem.classList.remove('active');
      });

      if (!isActive) {
        item.classList.add('active');
      }
    });
  });
});
</script>
 
<div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close" bis_skin_checked="1">
</div>

<section class="faq-section">
  <h2 class="faq-title">FAQ SEPUTAR LAYANAN & PENGALAMAN DI MANTIS88</h2>

  <div class="faq-container">
    <div class="faq-item">
      <h3 class="faq-question">Apakah MANTIS88 benar-benar bisa diakses ringan di HP spesifikasi rendah?</h3>
      <div class="faq-answer">
        Tentu. Berkat teknologi Progressive Web App (PWA) dan antarmuka hemat resource, MANTIS88 tetap berjalan lancar di perangkat Android RAM 2GB ke atas maupun iPhone 6s ke atas. Platform game online modern ini juga menyediakan mode "Akses Ringan" yang bisa diaktifkan kapan saja untuk menghemat kuota sekaligus menjaga performa perangkat.
      </div>
    </div>

    <div class="faq-item">
      <h3 class="faq-question">Seberapa cepat layanan server MANTIS88 merespons?</h3>
      <div class="faq-answer">
        Sebagai situs terpercaya dengan layanan cepat, rata-rata response time server MANTIS88 hanya 28 ms untuk wilayah Indonesia barat dan tengah, berdasarkan hasil monitoring 30 hari terakhir. Kecepatan dan stabilitas ini terus dijaga melalui sistem load balancing dinamis dan jaringan CDN yang andal.
      </div>
    </div>

    <div class="faq-item">
      <h3 class="faq-question">Apakah MANTIS88 aman digunakan oleh pemain yang baru bergabung?</h3>
      <div class="faq-answer">
        Sangat aman, terutama bagi pemula. MANTIS88 hadir dengan sistem yang transparan dan telah mendapat sertifikasi resmi sebagai bentuk komitmen keamanan. Pemain baru tidak perlu ragu soal perlindungan data pribadi maupun keamanan aktivitas bermain mereka di platform ini.
      </div>
    </div>

    <div class="faq-item">
      <h3 class="faq-question">Bagaimana MANTIS88 melindungi data pribadi penggunanya?</h3>
      <div class="faq-answer">
        Seluruh data pengguna dienkripsi menggunakan SSL 256-bit berstandar tinggi. MANTIS88 berkomitmen penuh untuk tidak membagikan informasi pribadi pengguna kepada pihak ketiga tanpa persetujuan, sesuai kebijakan privasi resmi yang dapat dibaca langsung di situs.
      </div>
    </div>

    <div class="faq-item">
      <h3 class="faq-question">Apakah tersedia layanan bantuan jika pengguna mengalami kendala?</h3>
      <div class="faq-answer">
        Tentu saja. MANTIS88 menyediakan tim dukungan profesional yang siap melayani 24 jam penuh melalui live chat dengan rata-rata waktu tanggap di bawah 3 menitâ€”memastikan pengalaman hiburan digital yang nyaman tanpa hambatan. Bantuan juga tersedia melalui WhatsApp dan email resmi.
      </div>
    </div>
  </div>
</section>

<section class="testimoni-section">
  <h2 class="testimoni-title">APA KATA MEMBER SETIA MANTIS88?</h2>

  <div class="testimoni-grid">

    <div class="testimoni-card">
      <div class="rating-stars">★★★★★</div>
      <blockquote>
        Reservasi akses di MANTIS88 benar-benar praktis. Website langsung terbuka dengan cepat dan tampilannya tetap responsif saat saya gunakan melalui smartphone maupun laptop.
      </blockquote>
      <div class="testimoni-author">
        <span>Andi Pratama</span>
        <small>Bandung</small>
      </div>
    </div>

    <div class="testimoni-card">
      <div class="rating-stars">★★★★★</div>
      <blockquote>
        Saya suka karena navigasi MANTIS88 sangat sederhana. Semua menu mudah ditemukan dan proses login terasa cepat tanpa hambatan, membuat pengalaman bermain jauh lebih nyaman.
      </blockquote>
      <div class="testimoni-author">
        <span>Rizky Saputra</span>
        <small>Bogor</small>
      </div>
    </div>

    <div class="testimoni-card">
      <div class="rating-stars">★★★★★</div>
      <blockquote>
        MANTIS88 memberikan akses yang stabil setiap kali saya bermain. Pilihan permainan lengkap, tampilannya ringan, dan website tetap lancar meski digunakan dalam waktu yang lama.
      </blockquote>
      <div class="testimoni-author">
        <span>Dimas Nugraha</span>
        <small>Banjarmasin</small>
      </div>
    </div>

    <div class="testimoni-card">
      <div class="rating-stars">★★★★★</div>
      <blockquote>
        Menurut saya MANTIS88 layak disebut situs slot88 terpercaya karena aksesnya selalu responsif, prosesnya cepat, dan seluruh fitur dapat digunakan dengan nyaman di berbagai perangkat.
      </blockquote>
      <div class="testimoni-author">
        <span>Fajar Ramadhan</span>
        <small>Jakarta</small>
      </div>
    </div>

  </div>
</section>

<style>
.testimoni-section {
  position: relative;
  max-width: 1200px;
  margin: 50px auto;
  padding: 42px 34px;
  border-radius: 24px;
  overflow: hidden;
  font-family: "Poppins", "Segoe UI", Arial, sans-serif;

  background:
    linear-gradient(135deg, rgba(0, 33, 104, 0.97), rgba(0, 33, 104, 0.95)),
    radial-gradient(circle at top left, rgba(248, 181, 56, 0.18), transparent 36%),
    radial-gradient(circle at bottom right, rgba(0, 33, 104, 0.15), transparent 42%);

  border: 1px solid rgba(224, 191, 39, 0.35);
  box-shadow:
    0 20px 50px rgba(2, 18, 32, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.testimoni-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.08) 45%, transparent 72%);
  opacity: 0.45;
  pointer-events: none;
}

.testimoni-section::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 23px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  pointer-events: none;
}

.testimoni-section > * {
  position: relative;
  z-index: 2;
}

.testimoni-title,
.testimoni-section > h2 {
  position: relative;
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 38px;
  padding: 14px 34px;
  text-align: center;

  font-size: 30px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(0, 33, 104, 0.98), rgba(0, 33, 104, 0.96));
  border: 1px solid rgba(224, 191, 39, 0.55);
  border-radius: 999px;

  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.45),
    0 0 14px rgba(248, 181, 56, 0.35);

  box-shadow:
    0 14px 34px rgba(2, 18, 32, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.testimoni-title::before,
.testimoni-title::after,
.testimoni-section > h2::before,
.testimoni-section > h2::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 85px;
  height: 2px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, rgba(0, 33, 104, 0.75));
}

.testimoni-title::before,
.testimoni-section > h2::before {
  right: 100%;
  margin-right: 18px;
}

.testimoni-title::after,
.testimoni-section > h2::after {
  left: 100%;
  margin-left: 18px;
  background: linear-gradient(90deg, rgba(0, 33, 104, 0.75), transparent);
}

.testimoni-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 22px;
  max-width: 1200px;
  margin: 0 auto;
}

.testimoni-card {
  position: relative;
  overflow: hidden;
  min-height: 260px;
  padding: 26px 24px;
  border-radius: 20px;
  text-align: left;

  background:
    linear-gradient(135deg, rgba(13, 50, 76, 0.90), rgba(8, 38, 58, 0.94));
  border: 1px solid rgba(224, 191, 39, 0.24);

  box-shadow:
    0 10px 28px rgba(2, 18, 32, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
}

.testimoni-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #7dd3fc, #0ea5e9);
  opacity: 0.8;
  transition: all 0.28s ease;
}

.testimoni-card::after {
  content: "Ã¢â‚¬Å“";
  position: absolute;
  right: 20px;
  top: 4px;
  font-size: 92px;
  line-height: 1;
  font-family: Georgia, serif;
  color: rgba(224, 191, 39, 0.10);
  pointer-events: none;
}

.testimoni-card:hover {
  transform: translateY(-6px);
  border-color: rgba(224, 191, 39, 0.52);
  box-shadow:
    0 18px 42px rgba(2, 18, 32, 0.40),
    0 0 24px rgba(248, 181, 56, 0.16);
}

.testimoni-card:hover::before {
  width: 7px;
  opacity: 1;
}

.rating-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 18px;
  padding: 7px 12px;

  color: #bae6fd;
  font-size: 17px;
  letter-spacing: 2px;
  line-height: 1;

  background: rgba(224, 191, 39, 0.10);
  border: 1px solid rgba(224, 191, 39, 0.28);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.testimoni-card blockquote {
  position: relative;
  z-index: 2;
  color: #e7f8ff;
  font-size: 15.5px;
  line-height: 1.8;
  font-weight: 400;
  margin: 0 0 24px;
  font-style: normal;
}

.testimoni-author {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(224, 191, 39, 0.18);
}

.testimoni-author span {
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.3px;
}

.testimoni-author small {
  color: #aee8ff;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(224, 191, 39, 0.09);
  border: 1px solid rgba(224, 191, 39, 0.2);
}

@media (max-width: 768px) {
  .testimoni-section {
    margin: 32px auto;
    padding: 28px 18px;
    border-radius: 20px;
  }

  .testimoni-title,
  .testimoni-section > h2 {
    width: 100%;
    padding: 12px 18px;
    font-size: 21px;
    letter-spacing: 0.8px;
    border-radius: 18px;
    margin-bottom: 26px;
  }

  .testimoni-title::before,
  .testimoni-title::after,
  .testimoni-section > h2::before,
  .testimoni-section > h2::after {
    display: none;
  }

  .testimoni-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .testimoni-card {
    min-height: auto;
    padding: 24px 20px;
    border-radius: 18px;
  }

  .testimoni-card:hover {
    transform: none;
  }

  .testimoni-card blockquote {
    font-size: 15px;
    line-height: 1.75;
  }

  .testimoni-author {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.testimoni-section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  margin: 50px 0 !important;
}

.testimoni-grid {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const cards = document.querySelectorAll(".testimoni-card");

  cards.forEach(function (card, index) {
    card.style.opacity = "0";
    card.style.transform = "translateY(18px)";

    setTimeout(function () {
      card.style.transition = "opacity 0.55s ease, transform 0.55s ease";
      card.style.opacity = "1";
      card.style.transform = "translateY(0)";
    }, 120 * index);
  });
});
</script>

</div>
    </div>
<div>
    <div class="product-recommendations-carousel">
    <center><h2 class="mb-1">PELANGGAN JUGA MEMBELI</h2></center>
    <br>
        <div class="glider-contain js-add-product" data-component="recommendations">
        <div class="align-items-center d-flex">
            <div class="glider-arrow">
                <button aria-label="Previous" class="glider-prev disabled" aria-disabled="true"><span class="sr-only">Previous</span></button>
            </div>
            <div class="glider draggable">                                                                                              
<div class="glider-track" style="width: 2620px;"><div class="item glider-slide active left-2 visible" data-product-name="MANTIS88" data-product-id="AGSMXC361" data-product-price="76.72" data-product-position="1" data-gslide="0" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="MANTIS88" title="MANTIS88" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">MANTIS88</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: AGSMXC361</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£76.72</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="AGSMXC361">
                                            <form id="addToCartForm-AGSMXC361" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="AGSMXC361" id="productCode-AGSMXC361"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-AGSMXC361" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="item glider-slide left-1 visible" data-product-name="BO GAME ONLINE" data-product-id="AGSTB006" data-product-price="76.72" data-product-position="2" data-gslide="1" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="BO GAME ONLINE" title="BO GAME ONLINE" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">BO GAME ONLINE</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: AGSTB006</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£76.72</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="AGSTB006">
                                            <form id="addToCartForm-AGSTB006" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="AGSTB006" id="productCode-AGSTB006"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-AGSTB006" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="item glider-slide center visible" data-product-name="SITUS GAME ONLINE" data-product-id="AGSML598" data-product-price="15.10" data-product-position="3" data-gslide="2" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="SITUS GAME ONLINE" title="SITUS GAME ONLINE" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">SITUS GAME ONLINE</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: AGSML598</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£15.10</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="AGSML598">
                                            <form id="addToCartForm-AGSML598" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="AGSML598" id="productCode-AGSML598"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-AGSML598" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="item glider-slide center" data-product-name="BANDAR GAME ONLINE" data-product-id="PZGF229C" data-product-price="3.52" data-product-position="4" data-gslide="3" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="BANDAR GAME ONLINE" title="BANDAR GAME ONLINE" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">BANDAR GAME ONLINE</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: PZGF229C</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£3.52</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="PZGF229C">
                                            <form id="addToCartForm-PZGF229C" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="PZGF229C" id="productCode-PZGF229C"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-PZGF229C" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="item glider-slide right-1" data-product-name="AGEN GAME ONLINE" data-product-id="SZGF229C" data-product-price="4.86" data-product-position="5" data-gslide="4" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="AGEN GAME ONLINE" title="AGEN GAME ONLINE" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">AGEN GAME ONLINE</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: SZGF229C</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£4.86</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="SZGF229C">
                                            <form id="addToCartForm-SZGF229C" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="SZGF229C" id="productCode-SZGF229C"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-SZGF229C" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="item glider-slide right-2" data-product-name="FSC Premium C24 Kiln Dried Regularised Treated Joist 47 x 100mm (4" x="" 2")"="" data-product-id="FAJT4710" data-product-price="3.97" data-product-position="6" data-gslide="5" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="FSC Premium C24 Kiln Dried Regularised Treated Joist 47 x 100mm (4" x="" 2")"="" title="FSC Premium C24 Kiln Dried Regularised Treated Joist 47 x 100mm (4" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">MANTIS88 RESMI</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: FAJT4710</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£3.97</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="FAJT4710">
                                            <form id="addToCartForm-FAJT4710" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="FAJT4710" id="productCode-FAJT4710"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-FAJT4710" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="item glider-slide right-3" data-product-name="Hardwood Eucaplus Plywood Poplar Core FSC 2440 x 1220 x 18mm" data-product-id="PEGF8418" data-product-price="54.23" data-product-position="7" data-gslide="6" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="Hardwood Eucaplus Plywood Poplar Core FSC 2440 x 1220 x 18mm" title="Hardwood Eucaplus Plywood Poplar Core FSC 2440 x 1220 x 18mm" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">Hardwood Eucaplus Plywood Poplar Core FSC 2440 x 1220 x 18mm</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: PEGF8418</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£54.23</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="PEGF8418">
                                            <form id="addToCartForm-PEGF8418" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="PEGF8418" id="productCode-PEGF8418"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-PEGF8418" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><div class="item glider-slide right-4" data-product-name="JACKPOT PAUS data-product-id=" fvrt4710"="" data-product-price="5.74" data-product-position="8" data-gslide="7" style="height: auto; width: 327.5px;">
                            <div class="product product--carousel">
                                <a href="https://kungfumantis88.com/" class="link-header link-header--primary">
                                    <div class="product__thumb">
                                        <picture class="product__image">
                                            <img alt="JACKPOT PAUS title=" toto="" gacor"="" src="https://veldrive.com/GZA8tqeQ/MANTIS88/moik/1.png"/>
                                        </picture>
                                    </div>
                                    <div class="product__name">JACKPOT PAUS</div>
                                </a>
                                <div class="d-flex flex-column flex-grow-1">
                                    <p class="flex-grow-1 small" itemprop="sku">SKU: FVRT4710</p>
                                    <div class="loading-text js-recommendations-price-loading d-none">
                                        <div class="loading-text__text">Loading<span class="loading-text__ellipsis"></span></div>
                                    </div>
                                    <div class="price-missing__pbp js-recommendations-price-hidden">
                                        <a href="https://kungfumantis88.com/">See price</a>
                                    </div>
                                    <div class="price price--medium d-none js-recommendations-price">
                                        <div class="price__value">Now Price£5.74</div>
                                    </div>
                                    <div class="plp__product-quantity mt-3 d-none js-recommendations-cta">
                                        <div class="product__quantity product__quantity-full js-product-quantity-holder js-add-to-cart-price-available mb-0" data-product-id="FVRT4710">
                                            <form id="addToCartForm-FVRT4710" novalidate="true" action="https://kungfumantis88.com//add" method="post">
                                                <input type="hidden" name="productCode" value="FVRT4710" id="productCode-FVRT4710"/>
                                                <input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
                                                <div class="form-group form-group--minimal mb-0">
                                                    <div class="form-group product__quantity-block product__quantity-block--plp flex-wrap mb-0">
                                                        <div class="js-quantity-modifier product__quantity-inputs mb-1 mr-1">
                                                            <fieldset>
                                                                <legend class="sr-only">Quantity</legend>
                                                                <div class="d-flex">
                                                                    <div class="product__quantity-input form-group__validation d-inline-block">
                                                                        <div class="form-group__element">
                                                                            <input id="quantity-FVRT4710" name="qty" data-max="9999" data-threshold="999" value="1" class="form-control form-control--quantity js-input-quantity" data-min="1" aria-label="Quantity input" required="true" type="number" size="2"/>
                                                                        </div>
                                                                    </div>
                                                                    <div class="product__quantity-inputs-modifiers d-flex flex-column">
                                                                        <button class="product__quantity-modify product__quantity-modify--plus" aria-label="Quantity increase" data-mode="increase"></button>
                                                                        <button class="product__quantity-modify product__quantity-modify--minus" aria-label="Quantity decrease" data-mode="decrease"></button>
                                                                    </div>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                        <div class="product__quantity-button product__quantity-button--plp d-flex mb-1">
                                                            <button type="submit" class="btn btn-primary btn--plp">
                                                                <span class="btn__text">Add to trolley</span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div></div></div>
            <div class="glider-arrow">
                <button aria-label="Next" class="glider-next" aria-disabled="false"><span class="sr-only">Next</span></button>
            </div>
        </div>
        <div role="tablist" class="dots glider-dots"><button data-index="0" aria-label="Page 1" role="tab" class="glider-dot active"></button><button data-index="1" aria-label="Page 2" role="tab" class="glider-dot "></button></div>
    </div>
</div>
</div>

	<div id="alternativeProductsCompponent">
		<div class="yCmsContenttoto js-track-carousel" data-totoname="AlternativeProducts">
</div></div>
	<div class="yCmsContenttoto js-track-carousel" data-totoname="UpSelling">
</div><div class="yCmsContenttoto js-track-carousel" data-totoname="CrossSelling">
</div>
<div class="modal micromodal-slide check-stock-modal" id="modal-pdp-stock" aria-hidden="true">
    <div class="modal__overlay" tabindex="-1" data-micromodal-close="">
        <div class="modal__container check-stock-modal__container" role="dialog" aria-modal="true">
            <header class="modal__header check-stock-modal__header">
                <h3 class="modal__title" id="modal-pdp-stock-title">
                    Check for your nearest stock</h3>
                <button class="modal__close" aria-label="Close" data-micromodal-close="">Close</button>
            </header>
            <div class="modal__content check-stock-modal__content my-2" id="modal-pdp-stockcontent">
                <div class="js-stock-check-form check-stock-modal__form">
                    <div class="row">
                        <div class="col-md-9">
                            <form id="pdpStockCheckFormModal" class="form-postcode js-store-search" action="#" method="post"><div class="input-group form-group mb-2">
                                    <div class="form-group__validation flex-grow-1">
                                        <div class="form-group__element">
                                            <input type="text" id="storeSearch" class="form-control" name="locationQuery" placeholder="Postcode" aria-label="Postcode" data-np-intersection-state="observed"/>
                                        </div>
                                    </div>
                                    <div class="d-flex">
                                        <span class="input-group-btn flex-grow-1">
                                            <div class="form-group m-0 ml-sm-1 text-center h-100">
                                                <button class="btn btn-primary btn--branch-search h-100 js-modal-nearest-stock-modal">
                                                    Search</button>
                                            </div>
                                        </span>
                                        <span class="input-group-btn">
                                            <div class="form-group m-0 ml-1 text-center h-100">
                                                <button class="btn btn-tertiary btn--branch-search-location glyph glyph--current-location h-100" data-modal-geolocate="">
                                                    <span class="sr-only">Use Lokasi Saya</span>
                                                </button>
                                            </div>
                                        </span>
                                    </div>
                                </div>
                                <div class="input-group">
                                    <div class="form-group checkbox mb-0">
                                        <input id="inStock" data-validation-for="checkbox" required="false" name="inStock" role="group" class="checkbox__input sr-only js-checkbox-stock" type="checkbox" value="inStock" aria-labelledby="inStockLabel" checked />
                                        <label id="inStockLabel" class="checkbox__label mb-0 strong" for="inStock">
                                            Show nearest branches with stock</label>
                                    </div>
                                </div>
                                <input id="pdpModalCollectionLastPostcode" name="collectionLastPostcode" type="hidden" value=""/><input id="pdpModalproductCode" name="productCode" type="hidden" value="SEOCANNY"/><input id="pdpModalCurrentPage" name="currentPage" value="0" type="hidden"/><div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>
                    </div>
                </div>

                <div class="js-stock-check-results js-remember-fulfillment check-stock-modal__results">
                    <div class="js-store-search-error"></div>
                    <hr class="hr--default"/>
                    <div class="mb-2">
                        <p class="strong mb-0">Stock is confirmed once you reserve your order</p>
                        <p class="js-alt-stock-messaging d-none">It is your responsibility when choosing suitable alternatives for your needs</p>
                    </div>
                    <div class="tabs tabs--stretch tabs--pdp" data-tabs="">
                        <ul class="tabs__list" role="tablist">
                            <li class="tabs__list-item active">
                                <a class="tabs__link" href="https://kungfumantis88.com/" data-tabs-head="" data-pdp-select="collection"><span class="d-none d-md-block">Click &amp; Collect Branches</span><span class="d-md-none">Collection</span></a>
                            </li>
                            <li class="tabs__list-item">
                                <a class="tabs__link" href="https://kungfumantis88.com/" data-tabs-head="" data-pdp-select="delivery"><span class="d-none d-md-block">Delivery</span><span class="d-md-none">Delivery</span></a>
                            </li>
                        </ul>
                        <div class="tabs__content">
                            <div data-tabs-content="" class="tabs__content-panel active" id="collection">
                                <div class="tabs__content-panel-results"></div>
                                <div id="loadMoreSection" class="text-center check-stock-modal__load-more">
                                    <form id="pdpStockCheckFormSection" class="js-store-search" action="#" method="post"><input type="hidden" id="loadMoreSectionStoreSearch" class="form-control form-control--search" name="locationQuery"/>

                                        <div class="text-center px-2">
                                            <button type="submit" class="btn btn-tertiary mt-1 mb-1 mb-md-0 js-modal-nearest-stock-modal" id="loadMoreButton">
                                                Load More</button>
                                        </div>

                                        <input type="hidden" id="pdpLoadMoreSectionCurrentPage" name="currentPage"/>
                                        <input type="hidden" id="pdpLoadMoreSectionInStock" required="false" name="inStock"/>

                                        <input id="pdpLoadMoreSectionProductCode" name="productCode" type="hidden" value="SEOCANNY"/><div>
<input type="hidden" name="CSRFToken" value="9352966a-0293-482c-9e24-b9ac73a5ad5c"/>
</div></form></div>
                            </div>
                            <div data-tabs-content="" class="tabs__content-panel" id="delivery">
                                <div class="tabs__content-panel-results"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
			

			<div id="js-modals-container">

			</div>

		</main>
		<footer class="footer" data-tracking-block="footer">
    <div class="social-footer" data-tracking-position="social">
        <div class="container">
        </div>
    </div>
    <style>.footer__inner {background: black;}</style>
    <div class="footer__inner" data-tracking-position="quick-links">
        <div class="container">
            <div class="row">
                <div class="accordion accordion--xs accordion--all js-accordion col-12">
                    <div class="row m-0">
                        <div class="footer__section col-12 col-lg-3">
                                        <div class="accordion-toggle__content mb-0 js-accordion-content">
                                            <span class="h3 footer__heading footer__heading--accordion accordion-toggle__title js-accordion-toggle">
                                                Helpful links</span>
                                            <div class="accordion-toggle__inner">
                                                <ul class="footer__list">
                                                    <li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Branch locator">Branch locator</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Delivery &amp; collection information">Delivery &amp; collection information</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="E-billing &amp; paying your account">E-billing &amp; paying your account</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Product recall">Product recall</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Promotions">Promotions</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Returns policy">Returns policy</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Shop by brand">Shop by brand</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Supplier updates">Supplier updates</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Tool hire help">Tool hire help</a></li></ul>
                                            </div>
                                        </div>
                                    </div>
                                <div class="footer__section col-12 col-lg-3">
                                        <div class="accordion-toggle__content mb-0 js-accordion-content">
                                            <span class="h3 footer__heading footer__heading--accordion accordion-toggle__title js-accordion-toggle">
                                                Our company</span>
                                            <div class="accordion-toggle__inner">
                                                <ul class="footer__list">
                                                    <li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="About Game Online">About Game Online</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Careers">Careers</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Contact MANTIS88">Contact MANTIS88</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com//jewson-services" title="Jewson services">Jewson services</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Jewson kitchen showrooms">Jewson kitchen showrooms</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Jewson bathroom showrooms">Jewson bathroom showrooms</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Electronic recycling service">Electronic recycling service</a></li></ul>
                                            </div>
                                        </div>
                                    </div>
                                <div class="footer__section col-12 col-lg-3">
                                        <div class="accordion-toggle__content mb-0 js-accordion-content">
                                            <span class="h3 footer__heading footer__heading--accordion accordion-toggle__title js-accordion-toggle">
                                                Legal</span>
                                            <div class="accordion-toggle__inner">
                                                <ul class="footer__list">
                                                    <li class="yCmsComponent">
<a href="https://about.me/MANTIS88/" title="Heylink MANTIS 88">Aboutme MANTIS 88</a></li><li class="yCmsComponent">
<a href="https://about.me/MANTIS88/" title="Heylink MANTIS88">Aboutme MANTIS88</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Modern slavery" target="_blank" rel="noopener">Modern slavery</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Privacy statement" target="_blank" rel="noopener">Privacy statement</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Terms &amp; conditions">Terms &amp; conditions</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Terms &amp; conditions of hire" target="_blank" rel="noopener">Terms &amp; conditions of hire</a></li><li class="yCmsComponent">
<a href="https://kungfumantis88.com/" title="Terms of website use">Terms of website use</a></li></ul>
                                            </div>
                                        </div>
                                    </div>
                                <div class="footer__section col-12 col-lg-3">
                                        <div class="accordion-toggle__content mb-0 js-accordion-content">
                                            <span class="h3 footer__heading footer__heading--accordion accordion-toggle__title js-accordion-toggle">
                                                Company Information</span>
                                            <div class="accordion-toggle__inner">
                                                <ul class="footer__list">
                                                    <li class="yCmsComponent">
<div class="content"><p>STARK Building Materials UK Limited,</p>

<p>Trading as Jewson,</p>

<p>Merchant House, Binley Business Park,</p>



<p>Harry Weston Road, Coventry, CV3 2TT</p><p>Registered in England No: 01647362</p>

<p>VAT Registered: GB 394 1212 63</p></div></li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<style>
:root {
  --cta-navy: #072034;
  --cta-sea: #094058;
  --cta-cyan: 045f3c;
  --cta-soft: #7dd3fc;
  --cta-light: #e0f7ff;
}

.footer-cta,
.footer-cta * {
  box-sizing: border-box;
}

.footer-cta {
  position: fixed;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 24px);
  max-width: 1720px;
  padding: 14px 14px;
  border-radius: 22px;
  z-index: 9999;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(900px 220px at 15% 0%, rgba(80, 73, 61, 0.22), transparent 60%),
    radial-gradient(900px 240px at 85% 120%, rgba(0, 33, 104, 0.2), transparent 60%),
    linear-gradient(135deg, rgba(0, 33, 104, 0.96), rgba(0, 33, 104, 0.94));

  backdrop-filter: blur(12px) saturate(140%);
  -webkit-backdrop-filter: blur(12px) saturate(140%);

  border: 1px solid rgba(224, 191, 39, 0.42);

  box-shadow:
    0 14px 40px rgba(2, 18, 32, 0.65),
    0 0 24px rgba(248, 181, 56, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);

  animation:
    floatUpDown 3.2s ease-in-out infinite,
    glassPulseBlue 3.2s ease-in-out infinite;
}

.footer-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;

  background: conic-gradient(
    from 0deg,
    rgba(224, 191, 39, 0.95),
    rgba(248, 181, 56, 0.95) 25%,
    rgba(0, 33, 104, 0.85) 50%,
    rgba(224, 191, 39, 0.95) 75%,
    rgba(248, 181, 56, 0.95)
  );

  animation: borderSpin 7s linear infinite;

  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.footer-cta::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 21px;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.10) 45%, transparent 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.10), transparent 42%);
  opacity: 0.68;
}

.cta-footer {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 10px;
  border-radius: 18px;
  position: relative;
  z-index: 2;
  overflow: hidden;

  background:
    linear-gradient(135deg, rgba(0, 33, 104, 0.52), rgba(0, 33, 104, 0.48));

  box-shadow:
    inset 0 0 0 1px rgba(224, 191, 39, 0.14),
    inset 0 0 28px rgba(248, 181, 56, 0.08);
}

.cta-footer::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 14px;
  pointer-events: none;
  opacity: 0.9;
  background:
    radial-gradient(160px 50px at 18% 15%, rgba(248, 181, 56, 0.18), transparent 72%),
    radial-gradient(160px 50px at 82% 85%, rgba(224, 191, 39, 0.14), transparent 72%);
}

.cta-footer .btn {
  flex: 1 1 0;
  min-width: 105px;
  padding: 12px 10px;
  font-size: 13px;
  font-weight: 900;
  border-radius: 999px;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  border: none;
  color: #ffffff;
  transition:
    transform 0.25s ease,
    filter 0.25s ease,
    box-shadow 0.25s ease,
    color 0.25s ease;
  isolation: isolate;
  white-space: nowrap;
}

.cta-footer .btn::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    rgba(224, 191, 39, 0.85),
    rgba(248, 181, 56, 1),
    rgba(224, 247, 255, 0.9),
    rgba(0, 33, 104, 1),
    rgba(224, 191, 39, 0.85)
  );

  background-size: 300% 300%;
  animation: borderFlow 4.2s linear infinite;

  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.cta-footer .btn::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  z-index: 1;

  background:
    linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.20) 22%, transparent 45%) no-repeat,
    linear-gradient(135deg, rgba(0, 33, 104, 0.98), rgba(0, 33, 104, 0.94));

  background-size: 220% 100%, 100% 100%;
  background-position: -130% 0, 0 0;
  animation: shineMove 4.6s ease-in-out infinite;
}

.cta-footer .btn span {
  position: relative;
  z-index: 2;
  color: #ffffff;
  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.55),
    0 0 12px rgba(248, 181, 56, 0.30);
}

.cta-footer .btn:hover {
  transform: translateY(-2px) scale(1.03);
  filter: brightness(1.08);
  color: var(--cta-light);

  box-shadow:
    0 0 18px rgba(248, 181, 56, 0.26),
    0 0 14px rgba(224, 191, 39, 0.18);
}


.cta-footer .btn:hover::after {
  background:
    linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.26) 22%, transparent 45%) no-repeat,
    linear-gradient(135deg, rgba(0, 33, 104, 0.98), rgba(14, 116, 144, 0.95));
  background-size: 220% 100%, 100% 100%;
  background-position: 130% 0, 0 0;
}

.cta-footer .btn:active {
  transform: translateY(0) scale(0.98);
}

@keyframes borderSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes floatUpDown {
  0%,
  100% {
    transform: translateX(-50%) translateY(0);
  }

  50% {
    transform: translateX(-50%) translateY(-8px);
  }
}

@keyframes glassPulseBlue {
  0%,
  100% {
    box-shadow:
      0 14px 38px rgba(2, 18, 32, 0.62),
      0 0 18px rgba(248, 181, 56, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.10);
  }

  50% {
    box-shadow:
      0 18px 46px rgba(2, 18, 32, 0.72),
      0 0 30px rgba(248, 181, 56, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.16);
  }
}

@keyframes borderFlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes shineMove {
  0%,
  55% {
    background-position: -130% 0, 0 0;
  }

  70% {
    background-position: 130% 0, 0 0;
  }

  100% {
    background-position: 130% 0, 0 0;
  }
}

@media (max-width: 760px) {
  .cta-footer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .cta-footer::-webkit-scrollbar {
    display: none;
  }

  .cta-footer .btn {
    flex: 0 0 120px;
    min-width: 120px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer-cta,
  .footer-cta::before,
  .cta-footer .btn::before,
  .cta-footer .btn::after {
    animation: none !important;
  }
}
</style>

<footer class="footer-cta">
  <div class="cta-footer">
    <a href="https://kungfumantis88.mantis88.buzz/" class="btn"><span>LIVECHAT</span></a>
    <a href="https://kungfumantis88.mantis88.buzz/" class="btn"><span>LINK</span></a>
    <a href="https://kungfumantis88.mantis88.buzz/" class="btn"><span>LOGIN</span></a>
    <a href="https://kungfumantis88.mantis88.buzz/" class="btn"><span>DAFTAR</span></a>
    <a href="https://kungfumantis88.mantis88.buzz/" class="btn"><span>PROMO</span></a>
    <a href="https://dub.sh/apkMANTIS88/" class="btn"><span>APK</span></a>
  </div>
</footer>

<div id="ariaStatusMsg" class="skip" role="status" aria-relevant="text" aria-live="polite"></div>
<script type="text/javascript" src="//assets.adobedtm.com/f177fcea2274/0ec023f9574e/launch-d6138b71f4d6.min.js?version=b97cc89f23855c8ec9feab9d57af7823" async=""></script>
<script src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.4.min.js" integrity="sha384-ck5f8pThYoM1f8j4JwF+l6iQPh5lbgeaEdXUv5n8bxd8kZe9DyY3vHU4nlyef0UW" crossorigin="anonymous"></script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9d141939994d3201',t:'MTc3MTY1NDQxNA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe>


</body>
</html>