
<!DOCTYPE html>
<html lang="id" class="wf-roboto-n4-active wf-roboto-n7-active wf-active">
<head>
  <meta charset="utf-8" />
  <meta name="title" content="PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya" />
  <meta name="description" content="Pragmatic 218 adalah situs link gacor zeus mania gampang Jackpot hari ini dan rtp dewa slot88 paling seru 2026."/>
  <meta name="robots" content="index, follow" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
  <meta name="format-detection" content="telephone=no" />
  <title>PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya</title>
  <meta property="og:image" content="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" />
  <meta property="og:image:secure_url" content="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" />
  <meta property="og:url" content="https://www.tonkatsubitonsakurai.com/"/>
  <meta property="og:canonical" content="https://www.tonkatsubitonsakurai.com/"/>
  <meta property="og:author" content="https://www.tonkatsubitonsakurai.com/"/>
  <link rel="canonical" href="https://www.tonkatsubitonsakurai.com/"/>
  <link rel="amphtml" href="https://www.tonkatsubitonsakurai.com/menu/" />
    <link rel="alternate" href="https://www.tonkatsubitonsakurai.com/menu/" hreflang="id">
  <link rel="alternate" href="https://www.tonkatsubitonsakurai.com/menu/" hreflang="en">
  <link rel="alternate" href="https://www.tonkatsubitonsakurai.com/menu/" hreflang="x-default">
  <link rel="alternate" hreflang="id-ID" href="https://www.tonkatsubitonsakurai.com/menu/" />
  <link rel="alternate" hreflang="en-US" href="https://www.tonkatsubitonsakurai.com/menu/" />
  <link rel="alternate" hreflang="en-SG" href="https://www.tonkatsubitonsakurai.com/menu/" />
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js" type="text/javascript" async=""></script>
  <link rel="stylesheet" type="text/css" media="all" href="https://tahanpukul.info/version-acel.css" />
  <link rel="stylesheet" type="text/css" media="screen and (min-width: 767px)" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/css/styles-l.min.css" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/light/opensans-300.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/regular/opensans-400.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/semibold/opensans-600.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/opensans/bold/opensans-700.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/fonts/Luma-Icons.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/WeltPixel_DesignElements/fonts/Simple-Line-Icons.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/WeltPixel_DesignElements/fonts/lined-icons.woff2" />
  <link rel="preload" as="font" crossorigin="anonymous" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/WeltPixel_DesignElements/fonts/font-icons.woff2" />
  <link rel="canonical" href="https://www.tonkatsubitonsakurai.com/"/>
  <link rel="icon" type="image/x-icon" href="https://www.tonkatsubitonsakurai.com/image/favicon-puncak.png" />
  <link rel="shortcut icon" type="image/x-icon" href="https://www.tonkatsubitonsakurai.com/image/favicon-puncak.png" />
  
  <style>
    .racol {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #fff;
      overflow: hidden;
    }

    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-container {
      position: relative;
      width: 90%;
      max-width: 420px;
      background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 175, 55, 0.2);
      padding-bottom: 20px;
      border: 1px solid rgba(212, 175, 55, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    /* ÃƒÂ°Ã…Â¸Ã¢â‚¬â„¢Ã¢â‚¬Âº Emas berdenyut yang mewah */
    @keyframes goldPulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 175, 55, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.3);
      }
    }

    /* ÃƒÂ¢Ã…â€œÃ‚Â¨ Shiny diagonal emas yang elegan */
    .popup-container::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 45%,
        rgba(255, 215, 0, 0.15) 50%,
        rgba(255, 255, 255, 0) 55%
      );
      animation: shineDiagonal 5s linear infinite;
      z-index: 2;
      pointer-events: none;
    }

    @keyframes shineDiagonal {
      0% {
        transform: translate(-100%, -100%) rotate(30deg);
      }
      100% {
        transform: translate(100%, 100%) rotate(30deg);
      }
    }

    .popup-image {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    }

    .popup-buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 25px 20px;
  position: relative;
  z-index: 3;
}

.popup-buttons a {
  width: 100%;
  display: block;
  padding: 18px 0;
  font-size: 16px;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  text-align: center;
  
  /* Perubahan ke Hitam Glossy */
  color: #d4af37; /* Warna Teks Emas */
  background: linear-gradient(180deg, #333333 0%, #000000 100%);
  border: 1px solid #444;
  
  /* Efek 3D (Bevel & Depth) */
  box-shadow: 0 8px 0 #1a1a1a, 0 10px 10px rgba(0,0,0,0.5);
  
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-family: 'Montserrat', sans-serif;
}

/* Efek cahaya geser */
.popup-buttons a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.2), transparent);
  transition: left 0.8s;
}

.popup-buttons a:hover::before {
  left: 100%;
}

/* Hover State */
.popup-buttons a:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 0 #1a1a1a, 0 8px 15px rgba(212, 175, 55, 0.3);
  background: linear-gradient(180deg, #444 0%, #111 100%);
}

/* Active State (Tombol ditekan) */
.popup-buttons a:active {
  transform: translateY(4px);
  box-shadow: 0 2px 0 #1a1a1a;
}

    .info-table {
      width: 90%;
      margin: 20px auto;
      border-collapse: collapse;
      color: #eee;
      font-size: 14px;
      position: relative;
      z-index: 3;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

    .info-table th {
      background: linear-gradient(135deg, #d4af37, #b8941f);
      padding: 14px 10px;
      font-size: 15px;
      color: #000;
      border: none;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .info-table td {
      padding: 12px;
      border-bottom: 1px solid rgba(212, 175, 55, 0.1);
      text-align: left;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    .popup-footer {
      font-size: 13px;
      color: #ccc;
      padding: 20px 10px;
      position: relative;
      z-index: 3;
      line-height: 1.6;
      font-family: 'Playfair Display', serif;
    }

    @keyframes rotateScaleIn {
      0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
      }
      50% {
        transform: scale(1.05) rotate(2deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    /* Efek partikel emas */
    .gold-particle {
      position: absolute;
      background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 175, 55, 0.4) 100%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: floatGold 10s infinite ease-in-out;
      box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
    }

    @keyframes floatGold {
      0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 0.8;
      }
      90% {
        opacity: 0.8;
      }
      100% {
        transform: translateY(-120px) translateX(40px);
        opacity: 0;
      }
    }

    /* Efek border emas mewah */
    .luxury-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(212, 175, 55, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(212, 175, 55, 0) 0%, 
        rgba(212, 175, 55, 0.1) 50%, 
        rgba(212, 175, 55, 0) 100%);
    }

    /* Tombol Close */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      border: 1px solid rgba(212, 201, 55, 0.671);
    }

    .close-btn:hover {
      background: rgb(255, 217, 0);
      transform: rotate(90deg);
    }

    .close-btn::before,
    .close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #fff;
    }

    .close-btn::before {
      transform: rotate(45deg);
    }

    .close-btn::after {
      transform: rotate(-45deg);
    }

    /* Responsif untuk layar kecil */
    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }
  </style>
  <style>
/* Wadah daun, menutupi seluruh layar */
.golden-leaves-background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

/* Popup tetap berada di atas daun */
.popup-container {
  position: relative;
  z-index: 3;
}

/* Overlay harus tetap memenuhi layar */
.popup-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 99999;
}

/* Bentuk daun */
.golden-leaf {
  position: absolute;
  top: -70px;
  display: block;
  width: 18px;
  height: 28px;

  background: linear-gradient(
    135deg,
    #fff4a8 0%,
    #ffd700 28%,
    #d4af37 62%,
    #8c6500 100%
  );

  border-radius: 80% 15% 80% 15%;

  box-shadow:
    0 0 7px rgba(255, 215, 0, 0.55),
    inset 2px 2px 3px rgba(255, 255, 255, 0.35);

  opacity: 0;
  transform-origin: center;
  animation: goldenLeafFall linear infinite;
  will-change: transform, opacity;
}

/* Tulang daun */
.golden-leaf::before {
  content: "";
  position: absolute;
  top: 9%;
  left: 49%;
  width: 1px;
  height: 80%;
  background: rgba(91, 57, 0, 0.55);
  transform: rotate(-34deg);
}

/* Tangkai daun */
.golden-leaf::after {
  content: "";
  position: absolute;
  left: 2px;
  bottom: -6px;
  width: 2px;
  height: 9px;
  border-radius: 3px;
  background: #a97908;
  transform: rotate(25deg);
}

@keyframes goldenLeafFall {
  0% {
    opacity: 0;
    transform:
      translate3d(0, -60px, 0)
      rotateX(0deg)
      rotateY(0deg)
      rotateZ(0deg);
  }

  8% {
    opacity: 0.8;
  }

  25% {
    transform:
      translate3d(35px, 25vh, 0)
      rotateX(80deg)
      rotateY(40deg)
      rotateZ(100deg);
  }

  50% {
    opacity: 0.75;
    transform:
      translate3d(-30px, 50vh, 0)
      rotateX(170deg)
      rotateY(90deg)
      rotateZ(220deg);
  }

  75% {
    transform:
      translate3d(45px, 75vh, 0)
      rotateX(260deg)
      rotateY(150deg)
      rotateZ(350deg);
  }

  100% {
    opacity: 0;
    transform:
      translate3d(-20px, 110vh, 0)
      rotateX(360deg)
      rotateY(220deg)
      rotateZ(520deg);
  }
}

.golden-leaf:nth-child(3n) {
  border-radius: 90% 10% 65% 25%;
}

.golden-leaf:nth-child(4n) {
  filter: blur(0.35px);
}

@media (max-width: 600px) {
  .golden-leaf {
    transform: scale(0.8);
  }
}

@media (prefers-reduced-motion: reduce) {
  .golden-leaf {
    display: none;
    animation: none;
  }
}
</style>
<div class="golden-leaves-background" id="goldenLeavesBackground"></div>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const container = document.getElementById("goldenLeavesBackground");

  if (!container) return;

  const totalLeaves = 28;

  for (let i = 0; i < totalLeaves; i++) {
    const leaf = document.createElement("span");
    leaf.className = "golden-leaf";

    const size = Math.floor(Math.random() * 18) + 14;
    const duration = Math.random() * 8 + 9;
    const delay = -(Math.random() * duration);
    const left = Math.random() * 100;

    leaf.style.left = left + "%";
    leaf.style.width = size + "px";
    leaf.style.height = (size * 1.4) + "px";
    leaf.style.animationDuration = duration + "s";
    leaf.style.animationDelay = delay + "s";

    container.appendChild(leaf);
  }
});
</script>
  <div class="popup-overlay" id="popupOverlay">
    <div class="golden-leaves-background" id="goldenLeavesBackground"></div>
    <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        
        <!-- Partikel emas untuk efek elegan -->
        <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        
        <div class="racol">
            <img src="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" alt="Popup Banner" class="popup-image" />

            <div class="popup-buttons">
                <a href="https://www.tonkatsubitonsakurai.com/menu/">LOGIN</a>
                <a href="https://www.tonkatsubitonsakurai.com/menu/">DAFTAR</a>
            </div>

            <div class="popup-footer">
                PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya<br/>
                <span style="color: #ffc400; font-weight: 600; text-shadow: 0 0 5px rgba(255, 196, 0, 0.5);">&copy; COPYRIGHT 2026 PRAGMATIC218</span>
            </div>
        </div>
    </div>
</div>
<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menutup popup ketika mengklik area di luar popup
    document.getElementById('popupOverlay').addEventListener('click', function(event) {
        if (event.target === this) {
            closePopup();
        }
    });
</script>
  <style type="text/css">
    html .cms-index-index #maincontent .custom-slider {
      display: block !important;
    }
    

    .catalog-widget .gen-wrapper .gender,
    .catalog-widget .gen-wrapper .color {
      font-size: 14px;
    }

    .catalog-widget .gen-wrapper .color span {
      font-weight: bold;
      font-size: 14px;
    }

    .catalog-widget .gen-wrapper {
      margin-top: 10px;
    }

    .catalog-widget .gen-wrapper .gender {
      padding-bottom: 0.5rem;
    }

    .fotorama__stage__shaft .fotorama__active .fotorama__img {
      width: auto;
      height: auto;
    }

    @media (min-width: 768px) and (max-width: 1200px) {
      .sections.nav-sections .section-items .section-item-content .ves-megamenu .navigation>ul>li.nav-item.level0 a span {
        font-size: 11px !important;
      }

      .nav-sections:not(.mobile-nav) .navigation {
        padding: 0 10px !important;
      }
    }

    @media (min-width: 768px) {
      .page-header-v1 .page-header .header-main {
        padding: 0 !important;
      }

      .sections.nav-sections .section-items .section-item-content .navigation li>a {
        padding: 7px 10px !important;
      }

      .page-header-v1 .page-header .header-main .h-navigation .sections.nav-sections {
        margin-bottom: 0 !important;
      }
    }

    .owl-carousel-products-upsell.owl-theme .owl-controls .owl-nav [class*="owl-"] {
      display: block !important;
    }

    body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text {
      width: 100% !important;
      max-width: 110px !important;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 0;
    }

    body.catalog-product-view #maincontent #product-options-wrapper .swatch-attribute .swatch-attribute-options .swatch-option.text {
      width: 100% !important;
      max-width: 110px !important;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 0;
    }

    .search.results>div#layer-product-list>.amasty-label-container img {
      display: none !important;
    }

    .product-item-info .amasty-label-container {
      z-index: 1;
    }

    .search.results>.block {
      display: none !important;
    }

    .checkout-cart-index .table-wrapper .loading-mask {
      display: none !important;
    }

    .sidebar-additional .block.block-wishlist {
      display: none;
    }

    .product-items .product-image-container [class*="amasty-label-container-25-"] {
      display: block !important;
      width: 90px;
      height: 28px;
      position: absolute;
      top: 0;
      left: 0;
    }

    #ymDivCircle img {
      width: 100% !important;
      height: 100% !important;
    }

    .catalog-category-view.atome-disabled .product-item-info .price-box {
      display: block;
    }

    .catalog-category-view.atome-disabled .product-item-info .price-box .price-wrapper-container {
      display: inline-block;
    }

    .catalogsearch-result-index.atome-disabled .product-item-info .price-box {
      display: block;
    }

    .catalogsearch-result-index.atome-disabled .product-item-info .price-box .price-wrapper-container {
      display: inline-block;
    }

    .catalogsearch-advanced-result.atome-disabled .product-item-info .price-box {
      display: block;
    }

    .catalogsearch-advanced-result.atome-disabled .product-item-info .price-box .price-wrapper-container {
      display: inline-block;
    }

    .page-header-v1 .page-header .header-top .store-information {
      display: none;
    }

    @media only screen and (max-width: 767px) {
      .post-list .post-holder .post-info {
        display: none;
      }

      body.catalog-category-view .column.main .products-grid .product-item .product-item-info .product_image {
        padding-bottom: 0;
        padding-top: 0;
        background-color: #fff;
      }

      .modal-popup.popup-newsletter.modal-slide._inner-scroll .modal-inner-wrap .modal-content .newsletter-content .image-container .newsletter.banner-image img {
        height: 100%;
      }

      .sections.nav-sections .section-items .section-item-content .navigation .level1.nav-dropdown .dropdown-submenu>a span,
      .sections.nav-sections .section-items .section-item-content .navigation .level2.nav-dropdown .dropdown-submenu>a span,
      .sections.nav-sections .section-items .section-item-content .navigation .level3.nav-dropdown .dropdown-submenu>a span {
        text-transform: none;
      }
    }

    .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu:hover .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span,
    .sections.nav-sections .section-items .section-item-content .navigation .level0 .submenu .submenu-inner .content-wrapper .mega-col.mega-col-level-2 div.nav-item.level2 a span {
      text-transform: none;
    }

    .checkout-index-index .modal-footer .secondary.action-hide-popup {
      padding: 7px;
    }

    .checkout-index-index .modal-footer .secondary.action-hide-popup:hover {
      text-decoration: none;
    }

    .page-header-v1 .page-header .header-main .h-logo .logo {
      max-width: 170px;
    }

    #search_bar_container {
      z-index: 101;
    }
  </style>
  <meta name="facebook-domain-verification" content="" />
  <!-- Start of footlockerid Zendesk Widget script -->
  <!-- End of footlockerid Zendesk Widget script -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,700&amp;subset=latin&amp;display=swap" media="all" />
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/common.js"></script>
  <script src="https://libraries.unbxdapi.com/ua/v6.3.1/uaLibrary.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/modal-show" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/modal-show.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Born_PerformanceFixes/js/product_page" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_Recommendation/js/widget/recommendation_init" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_Recommendation/js/widget/recommendation_init.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="handlebars" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.8/handlebars.amd.min.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/model/need-show" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/model/need-show.js"></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magento_Catalog/js/price-utils" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product-cart-checkout.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_Optimization/js/customer-data-mixin" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_Optimization/js/customer-data-mixin.js"></script>
  <style>
    /* == START CLEANSLATE == */
    /*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
*   github.com/premasagar/cleanslate
*
*    An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
*    by Premasagar Rose
*        dharmafly.com
*
*    license
*        opensource.org/licenses/mit-license.php
*
*    v0.10.1
*/
    [data-bv-rating] a,
    [data-bv-rating] span,
    [data-bv-rating] div,
    [data-bv-rating] svg,
    [data-bv-rating] path,
    [data-bv-rating] polygon,
    [data-bv-rating] button,
    [data-bv-show="inline_rating"] a,
    [data-bv-show="inline_rating"] span,
    [data-bv-show="inline_rating"] div,
    [data-bv-show="inline_rating"] svg,
    [data-bv-show="inline_rating"] path,
    [data-bv-show="inline_rating"] polygon,
    [data-bv-show="inline_rating"] button {
      background-attachment: scroll !important;
      background-color: transparent !important;
      background-image: none !important;
      /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
      background-position: 0 0 !important;
      background-repeat: repeat !important;
      border-color: black !important;
      border-color: currentColor !important;
      /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
      border-radius: 0 !important;
      border-style: none !important;
      border-width: medium !important;
      bottom: auto !important;
      clear: none !important;
      clip: auto !important;
      color: inherit !important;
      counter-increment: none !important;
      counter-reset: none !important;
      cursor: inherit !important;
      direction: inherit !important;
      display: inline !important;
      float: none !important;
      font-family: inherit !important;
      /* As with other inherit values, this needs to be set on the root container element */
      font-size: inherit !important;
      font-style: inherit !important;
      font-variant: normal !important;
      font-weight: inherit !important;
      height: auto !important;
      left: auto !important;
      letter-spacing: normal !important;
      line-height: inherit !important;
      list-style-type: inherit !important;
      /* Could set list-style-type to none */
      list-style-position: outside !important;
      list-style-image: none !important;
      margin: 0 !important;
      max-height: none !important;
      max-width: none !important;
      min-height: 0 !important;
      min-width: 0 !important;
      opacity: 1;
      outline: invert none medium !important;
      overflow: visible !important;
      padding: 0 !important;
      position: static !important;
      quotes: "" "" !important;
      right: auto !important;
      table-layout: auto !important;
      text-align: inherit !important;
      text-decoration: inherit !important;
      text-indent: 0 !important;
      text-transform: none !important;
      top: auto !important;
      unicode-bidi: normal !important;
      vertical-align: baseline !important;
      visibility: inherit !important;
      white-space: normal !important;
      width: auto !important;
      word-spacing: normal !important;
      z-index: auto !important;
      /* CSS3 */
      /* Including all prefixes according to http://caniuse.com/ */
      /* CSS Animations don't cascade, so don't require resetting */
      -webkit-background-origin: padding-box !important;
      background-origin: padding-box !important;
      -webkit-background-clip: border-box !important;
      background-clip: border-box !important;
      -webkit-background-size: auto !important;
      -moz-background-size: auto !important;
      background-size: auto !important;
      -webkit-border-image: none !important;
      -moz-border-image: none !important;
      -o-border-image: none !important;
      border-image: none !important;
      -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
      border-radius: 0 !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -webkit-box-sizing: content-box !important;
      -moz-box-sizing: content-box !important;
      box-sizing: content-box !important;
      -webkit-column-count: auto !important;
      -moz-column-count: auto !important;
      column-count: auto !important;
      -webkit-column-gap: normal !important;
      -moz-column-gap: normal !important;
      column-gap: normal !important;
      -webkit-column-rule: medium none black !important;
      -moz-column-rule: medium none black !important;
      column-rule: medium none black !important;
      -webkit-column-span: 1 !important;
      -moz-column-span: 1 !important;
      /* doesn't exist yet but probably will */
      column-span: 1 !important;
      -webkit-column-width: auto !important;
      -moz-column-width: auto !important;
      column-width: auto !important;
      font-feature-settings: normal !important;
      overflow-x: visible !important;
      overflow-y: visible !important;
      -webkit-hyphens: manual !important;
      -moz-hyphens: manual !important;
      hyphens: manual !important;
      -webkit-perspective: none !important;
      -moz-perspective: none !important;
      -ms-perspective: none !important;
      -o-perspective: none !important;
      perspective: none !important;
      -webkit-perspective-origin: 50% 50% !important;
      -moz-perspective-origin: 50% 50% !important;
      -ms-perspective-origin: 50% 50% !important;
      -o-perspective-origin: 50% 50% !important;
      perspective-origin: 50% 50% !important;
      -webkit-backface-visibility: visible !important;
      -moz-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      -o-backface-visibility: visible !important;
      backface-visibility: visible !important;
      text-shadow: none !important;
      -webkit-transition: all 0s ease 0s !important;
      transition: all 0s ease 0s !important;
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
      -webkit-transform-origin: 50% 50% !important;
      -moz-transform-origin: 50% 50% !important;
      -ms-transform-origin: 50% 50% !important;
      -o-transform-origin: 50% 50% !important;
      transform-origin: 50% 50% !important;
      -webkit-transform-style: flat !important;
      -moz-transform-style: flat !important;
      -ms-transform-style: flat !important;
      -o-transform-style: flat !important;
      transform-style: flat !important;
      word-break: normal !important;
    }

    [data-bv-rating] path,
    [data-bv-rating] polygon {
      fill: currentColor !important;
    }

    [data-bv-show="inline_rating"] path,
    [data-bv-show="inline_rating"] polygon {
      fill: currentColor !important;
    }

    /* == END CLEANSLATE == */
    [data-bv-show="inline_rating"] .bv_incentivized_review_container {
      display: block !important;
    }

    [data-bv-show="inline_rating"] .bv-rating-text-container {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      cursor: default !important;
      width: 100% !important;
      visibility: visible !important;
    }

    [data-bv-show="inline_rating"] .bv-rating-text-container .bv-rating-text {
      color: #515151 !important;
      font-size: 12px !important;
      line-height: 19.5px !important;
      font-family: Roboto, Arial, sans-serif !important;
      font-style: normal !important;
      font-weight: normal !important;
      text-decoration: none !important;
      text-transform: none !important;
      word-break: break-word !important;
      overflow: hidden !important;
      display: inline-block !important;
      text-overflow: ellipsis !important;
      width: 100% !important;
      white-space: nowrap !important;
    }

    [data-bv-show="inline_rating"] .bv_inline_rating_div_container {
      display: inline-block !important;
      width: 100% !important;
    }

    [data-bv-show="inline_rating"] .bv_hundred_percent_width {
      width: 100% !important;
    }

    [data-bv-show="inline_rating"] .incentivized_text {
      color: #515151 !important;
      font-size: 12px !important;
      font-family: Roboto, Arial, sans-serif !important;
      text-transform: none !important;
      font-weight: normal !important;
      font-style: normal !important;
      text-decoration: none !important;
      line-height: 19.5px !important;
    }

    [data-bv-show="inline_rating"] .bv_main_container.bv_hide_visibility {
      visibility: hidden !important;
    }

    [data-bv-rating] .bv_main_container,
    [data-bv-show="inline_rating"] .bv_main_container {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      flex-wrap: wrap !important;
      position: relative !important;
    }

    [data-bv-rating] .bv_main_container .bv_stars_button_container,
    [data-bv-show="inline_rating"] .bv_main_container .bv_stars_button_container {
      overflow: hidden !important;
    }

    [data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap,
    [data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap {
      display: flex !important;
      align-items: center !important;
      white-space: nowrap !important;
    }

    [data-bv-rating] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child),
    [data-bv-show="inline_rating"] .bv_main_container .bv_stars_svg_no_wrap svg:not(:last-child) {
      padding-right: 1px !important;
    }

    [data-bv-rating] .bv_main_container .bv_averageRating_component_container,
    [data-bv-show="inline_rating"] .bv_main_container .bv_averageRating_component_container {
      padding-right: 5px !important;
    }

    [data-bv-rating] .bv_main_container .bv_text,
    [data-bv-show="inline_rating"] .bv_main_container .bv_text {
      padding: 0.15em 0 0 0 !important;
      color: #0e1111 !important;
      font-size: 16px !important;
      font-family: Roboto, Arial, sans-serif !important;
      text-transform: none !important;
      font-weight: normal !important;
      font-style: normal !important;
      text-decoration: none !important;
      line-height: 19.5px !important;
    }

    [data-bv-rating] .bv_main_container .bv_stars_component_container,
    [data-bv-show="inline_rating"] .bv_main_container .bv_stars_component_container {
      padding-right: 5px !important;
    }

    [data-bv-rating] .bv_main_container .bv-off-screen,
    [data-bv-show="inline_rating"] .bv_main_container .bv-off-screen {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(1px, 1px, 1px, 1px) !important;
      padding: 0 !important;
      border: 0 !important;
    }

    [data-bv-rating] .bv_hover,
    [data-bv-show="inline_rating"] .bv_hover {
      border: 0 !important;
      background: transparent !important;
    }

    [data-bv-rating] .bv_hover:hover,
    [data-bv-show="inline_rating"] .bv_hover:hover {
      cursor: pointer !important;
    }

    .bv_ms_focusable:focus {
      border: 1px solid blue !important;
    }
  </style>
  <style type="text/css">
    .fancybox-margin {
      margin-right: 15px;
    }
  </style>

  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="mage/validation/validation" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home-category-product-cart.js"></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magento_PageBuilder/js/resource/slick/slick" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home-product-category.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="matchMedia" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home-product-cart.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_ProductListing/js/product_label" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_ProductListing/js/product_label.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_ProductListing/js/product-item" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_ProductListing/js/product-item.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_Optimization/js/bot-detector" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_Optimization/js/bot-detector.js"></script>
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&amp;display=swap" />
  <script type="text/javascript" async="" src="https://libraries.unbxdapi.com/recs-sdk/v3.1.2/unbxd_recs_template_sdk.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="WeltPixel_OwlCarouselSlider/js/owl.config" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/home.js"></script>
  <script type="text/javascript" src="https://libraries.unbxdapi.com/unbxdAutosuggest_v1.js"></script>
  <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Unbxd_SearchJs/js/autosuggest.js"></script>
  <link rel="stylesheet" href="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Unbxd_SearchJs/css/autosuggest.min.css" />
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magento_Wishlist/js/add-to-wishlist" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product-category.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Magefan_FacebookPixelPlus/js/pixel" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Magefan_FacebookPixelPlus/js/pixel.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Codilar_ProductListing/js/swatch-renderer-map-mixin" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_ProductListing/js/swatch-renderer-map-mixin.js"></script>
  <style type="text/css">
    ._unbxd_strike_through_container {
      margin: 2px;
    }

    ._unbxd_original_price_container {
      margin: 2px;
    }

    ._unbxd_item_discount_text {
      margin: 2px;
    }

    ._unbxd_recs-slider {
      font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
        "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
        sans-serif;
      overflow: auto;
    }

    ._unbxd_recs-slider-heading {
      font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
        "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
        sans-serif;
      display: block;
    }

    ._unbxd_recs-slider__item {
      cursor: pointer;
      float: left;
      margin-right: 5px;
      margin-left: 5px;
      box-sizing: border-box;
      padding-right: 0;
      flex: none;
      text-align: center;
      margin-bottom: 20px;
      position: relative;
      list-style: none;
    }

    ._unbxd_recs-slider__item:last-of-type {
      margin-right: 0;
    }

    ._unbxd_recs-slider__item img {
      margin-bottom: 3px;
      width: 100%;
    }

    ._unbxd_recs-slider-container {
      margin-top: 8px;
      overflow: hidden;
      width: 100%;
    }

    .unbxd-recs-slider {
      position: relative;
    }

    ._unbxd_recs-slider-btn {
      background-color: #fff;
      border-width: 0;
      border-radius: 3px;
      box-shadow: -3px 0 6px -3px rgba(68, 88, 112, 0.3);
      cursor: pointer;
      height: 65px;
      padding: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      z-index: 1;
    }

    ._unbxd_recs-slider-btn img {
      padding: 16px 5px;
    }

    ._unbxd_rex-slider--prev {
      left: 5px;
    }

    ._unbxd_rex-slider--next {
      right: 5px;
    }

    ._unbxd_recs_product_details {
      display: block;
      margin-top: 4px;
      height: 112px;
    }

    ._unbxd_recs-slider__content {
      margin-top: 5px;
      margin-bottom: 0;
      width: inherit;
      overflow: hidden;
      font-stretch: normal;
      font-style: normal;
      text-align: center;
    }

    ._unbxd_content--ratings .recs-star {
      height: 15px;
      width: 15px;
    }

    ._unbxd_content--ratings .recs-star img {
      height: inherit;
      width: inherit;
      margin: 0;
    }

    ._unxbd_slider_hide {
      opacity: 0;
    }

    ._unbxd_rating-item {
      display: inline-block;
      margin-top: 2px;
    }

    .unbxd--action--buttons {
      display: block;
    }

    .unbxd--action--buttons>a {
      position: absolute;
      background: #ffff;
      border-radius: 50%;
      padding: 4%;
      width: 25px;
    }

    .unbxd--like {
      bottom: 132px;
      left: 9px;
    }

    .unbxd--dislike {
      bottom: 132px;
      right: 9px;
    }

    .unbxd--share {
      top: 15px;
      left: 9px;
    }

    .unbxd--wishlist {
      top: 15px;
      right: 9px;
    }
  </style>
  <script>
    /* ================================
        SETUP DATA REVIEWS (FINAL)
        ================================ */
    (function() {
      const jsonEl = document.getElementById('bv-jsonld-reviews-data');
      if (!jsonEl) {
        console.error('[reviews] JSON-LD tidak ditemukan');
        return;
      }
      let raw;
      try {
        raw = JSON.parse(jsonEl.textContent);
      } catch (e) {
        console.error('[reviews] JSON-LD invalid', e);
        return;
      }
      /* ========= HELPER ========= */
      function formatRelativeDate(iso) {
        if (!iso) return '';
        const d = new Date(iso);
        const diff = Math.floor((Date.now() - d.getTime()) / 86400000);
        if (diff <= 0) return 'hari ini';
        if (diff === 1) return 'satu hari yang lalu';
        if (diff < 30) return diff + ' hari yang lalu';
        if (diff < 365) return Math.floor(diff / 30) + ' bulan yang lalu';
        return Math.floor(diff / 365) + ' tahun yang lalu';
      }
      /* ========= NORMALISASI ========= */
      window.REVIEWS = (raw.review || []).map((r, i) => {
        const iso = (r.datePublished || r.dateCreated || '').slice(0, 10);
        return {
          id: i + 1,
          author: r.author?.name || 'Anonymous',
          rating: Number(r.reviewRating?.ratingValue || 0),
          title: r.headline || '',
          body: r.reviewBody || '',
          dateISO: iso,
          dateText: formatRelativeDate(iso),
          locale: 'intl'
        };
      });
      /* ========= DEBUG ========= */
      console.log('[reviews] data siap:', window.REVIEWS);
      console.table(window.REVIEWS);
    })();
  </script>
  </script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Born_Bopis/js/map-loader" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/product-checkout.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/cookies" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/cookies.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/modal-component" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/modal-component.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/create-modal" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/create-modal.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/information-modal" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/information-modal.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/save" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/save.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/action/allow" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/action/allow.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="Amasty_GdprFrontendUi/js/model/manageable-cookie" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Amasty_GdprFrontendUi/js/model/manageable-cookie.js"></script>
  <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="https://maps.googleapis.com/maps/api/js?key=AIzaSyBm1LoVaeAnNcoZm_F8zomUmBOKt3GH-is&amp;callback=google_maps_loaded&amp;libraries=places" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBm1LoVaeAnNcoZm_F8zomUmBOKt3GH-is&amp;callback=google_maps_loaded&amp;libraries=places"></script>
    <script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="text!Magento_Captcha/template/checkout/captcha.html" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/bundles/category-product-cart-checkout.js"></script>
  <script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/63/10a/common.js"></script>
  <script type="text/javascript" charset="UTF-8" src="https://maps.googleapis.com/maps-api-v3/api/js/63/10a/util.js"></script>
  <style type="text/css">
    ._unbxd_strike_through_container {
      margin: 2px;
    }

    ._unbxd_original_price_container {
      margin: 2px;
    }

    ._unbxd_item_discount_text {
      margin: 2px;
    }

    ._unbxd_recs-slider {
      font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
        "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
        sans-serif;
      overflow: auto;
    }

    ._unbxd_recs-slider-heading {
      font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
        "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
        sans-serif;
      display: block;
    }

    ._unbxd_recs-slider__item {
      cursor: pointer;
      float: left;
      margin-right: 5px;
      margin-left: 5px;
      box-sizing: border-box;
      padding-right: 0;
      flex: none;
      text-align: center;
      margin-bottom: 20px;
      position: relative;
      list-style: none;
    }

    ._unbxd_recs-slider__item:last-of-type {
      margin-right: 0;
    }

    ._unbxd_recs-slider__item img {
      margin-bottom: 3px;
      width: 100%;
    }

    ._unbxd_recs-slider-container {
      margin-top: 8px;
      overflow: hidden;
      width: 100%;
    }

    .unbxd-recs-slider {
      position: relative;
    }

    ._unbxd_recs-slider-btn {
      background-color: #fff;
      border-width: 0;
      border-radius: 3px;
      box-shadow: -3px 0 6px -3px rgba(68, 88, 112, 0.3);
      cursor: pointer;
      height: 65px;
      padding: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 30px;
      z-index: 1;
    }

    ._unbxd_recs-slider-btn img {
      padding: 16px 5px;
    }

    ._unbxd_rex-slider--prev {
      left: 5px;
    }

    ._unbxd_rex-slider--next {
      right: 5px;
    }

    ._unbxd_recs_product_details {
      display: block;
      margin-top: 4px;
      height: 112px;
    }

    ._unbxd_recs-slider__content {
      margin-top: 5px;
      margin-bottom: 0;
      width: inherit;
      overflow: hidden;
      font-stretch: normal;
      font-style: normal;
      text-align: center;
    }

    ._unbxd_content--ratings .recs-star {
      height: 15px;
      width: 15px;
    }

    ._unbxd_content--ratings .recs-star img {
      height: inherit;
      width: inherit;
      margin: 0;
    }

    ._unxbd_slider_hide {
      opacity: 0;
    }

    ._unbxd_rating-item {
      display: inline-block;
      margin-top: 2px;
    }

    .unbxd--action--buttons {
      display: block;
    }

    .unbxd--action--buttons>a {
      position: absolute;
      background: #ffff;
      border-radius: 50%;
      padding: 4%;
      width: 25px;
    }

    .unbxd--like {
      bottom: 132px;
      left: 9px;
    }

    .unbxd--dislike {
      bottom: 132px;
      right: 9px;
    }

    .unbxd--share {
      top: 15px;
      left: 9px;
    }

    .unbxd--wishlist {
      top: 15px;
      right: 9px;
    }
  </style>
</head>

<body data-container="body" class="atome-disabled theme-pearl page-product-configurable product-page-v1 product_page_v1 store-view-idn catalog-product-view product-nike-unstructured-unisex-futura-wash-cap-black-3 page-layout-1column wp-device-l device-md" id="html-body" aria-busy="false">
  <!-- BACKGROUND BINTANG EMAS JATUH -->
<div class="falling-stars" aria-hidden="true">
  <span style="--x:5; --s:12px; --d:9s; --delay:0s;">★</span>
  <span style="--x:14; --s:8px; --d:11s; --delay:1s;">★</span>
  <span style="--x:22; --s:14px; --d:10s; --delay:2s;">★</span>
  <span style="--x:31; --s:9px; --d:13s; --delay:.5s;">★</span>
  <span style="--x:43; --s:13px; --d:8s; --delay:3s;">★</span>
  <span style="--x:55; --s:7px; --d:12s; --delay:1.5s;">★</span>
  <span style="--x:64; --s:15px; --d:9s; --delay:2.5s;">★</span>
  <span style="--x:72; --s:10px; --d:14s; --delay:.8s;">★</span>
  <span style="--x:83; --s:12px; --d:10s; --delay:4s;">★</span>
  <span style="--x:94; --s:8px; --d:12s; --delay:2s;">★</span>
</div>

<style>
.falling-stars{
  position:fixed;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  z-index:9999;
}

.falling-stars span{
  position:absolute;
  top:-40px;
  left:calc(var(--x) * 1%);
  font-size:var(--s);
  color:#FFD700;
  text-shadow:
    0 0 6px #FFD700,
    0 0 12px #D4AF37,
    0 0 20px rgba(212,175,55,.8);
  animation:
    starFall var(--d) linear infinite,
    starSpin 3s linear infinite,
    starBlink 1.4s ease-in-out infinite alternate;
  animation-delay:var(--delay);
}

@keyframes starFall{
  0%{
    transform:translateY(-50px) rotate(0deg);
  }
  100%{
    transform:translateY(110vh) rotate(360deg);
  }
}

@keyframes starSpin{
  from{ rotate:0deg; }
  to{ rotate:360deg; }
}

@keyframes starBlink{
  from{ opacity:.35; }
  to{ opacity:1; }
}
</style>
  <!-- MEGAMENU CUSTOM CSS -->
  <style type="text/css">
    @media only screen and (max-width: 800px) {
      .sections.nav-sections .section-items .section-item-content .ves-megamenu .nav-item.menu-mobile-show>a {
        visibility: visible !important;
      }

      .filter .filter-current {
        margin: 5px 0 0;
      }
    }
  </style>
  <!-- MEGAMENU CUSTOM CSS -->
  <link rel="preconnect" href="https://celebrosnlp.com/" />
  <link rel="preconnect" href="https://fonts.googleapis.com/" />
  <link rel="preconnect" href="https://ajax.googleapis.com/" />
  <link rel="preconnect" href="https://fast.a.klaviyo.com/" />
  <link rel="dns-prefetch" href="https://hit.api.useinsider.com/" />
  <link rel="dns-prefetch" href="https://connect.facebook.net/" />
  <link rel="dns-prefetch" href="https://static.zdassets.com/" />
  <link rel="dns-prefetch" href="https://apps.bazaarvoice.com/" />
  <link rel="dns-prefetch" href="https://fonts.gstatic.com/" />
  <link rel="dns-prefetch" href="https://static.klaviyo.com/" />
  <link rel="dns-prefetch" href="https://network-a.bazaarvoice.com/" />
  <link rel="dns-prefetch" href="https://static-tracking.klaviyo.com/" />
  <link rel="dns-prefetch" href="https://static-forms.klaviyo.com/" />
  <link rel="dns-prefetch" href="https://static.criteo.net/" />
  <link rel="dns-prefetch" href="https://fledge.as.criteo.com/" />
  <link rel="dns-prefetch" href="https://sslwidget.criteo.com/" />
  <link rel="dns-prefetch" href="https://web-image.useinsider.com/" />
  <link rel="dns-prefetch" href="https://api.bazaarvoice.com/" />
  <link rel="dns-prefetch" href="https://ai2.celebros-analytics.com/" />
  <link rel="dns-prefetch" href="https://fledge.as.criteo.com/" />
  <link rel="dns-prefetch" href="https://dis.criteo.com/" />
  <link rel="preconnect" href="https://photos-eu.bazaarvoice.com/" />
  <link rel="dns-prefetch" href="https://maps.googleapis.com/" />
  <!--  twitter product cards-->
  <meta name="twitter:card" content="product" />
  <meta name="twitter:domain" content="https://www.footlocker.id/" />
  <meta name="twitter:site" content="" />
  <meta name="twitter:creator" content="" />
  <meta name="twitter:title" content="PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya" />
  <meta name="twitter:description" content="Pragmatic 218 adalah situs link gacor zeus mania gampang Jackpot hari ini dan rtp dewa slot88 paling seru 2026." />
  <meta name="twitter:image" content="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" />
  <meta name="twitter:data1" content="IDR10000.00" />
  <meta name="twitter:label1" content="PRICE" />
  <meta name="twitter:data2" content="ID" />
  <meta name="twitter:label2" content="LOCATION" />
  <!--  twitter product cards-->
  <!--  facebook open graph -->
  <meta property="og:site_name" content="" />
  <meta property="og:type" content="product" />
  <meta property="og:title" content="PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya" />
  <meta property="og:image" content="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" />
  <meta property="og:description" content="A mid-depth cap with classic style for any occasion, this Nike Club Cap comes in smooth cotton twill that's been softly washed for casual, daily comfort. Soft and unstructured, the precurved bill makes for easy styling, and the adjustable back-strap lets you find the right fit.


Nike Hat Size
6 1/2
6 5/8
6 3/4
6 7/8
7
7 1/8
7 1/4
7 3/8
7 1/2
7 5/8
7 3/4


Head Size (CM)
52
53
54
55
56
57
58
59
60
61
62


Alpha Size
-
-
XS
-
S
-
M
-
L
-
XL


Swhoosh Flex
-
XS/S
XS/S
XS/S - PRAGMATIC218
XS/S - PRAGMATIC218
PRAGMATIC218 - OS
PRAGMATIC218 - OS
PRAGMATIC218 - OS
PRAGMATIC218 - OS
PRAGMATIC218 - XL-XXL
PRAGMATIC218 - XL-XXL


Adjustable PRAGMATIC218
XS
XS
XS - S - OS
XS - S - OS
XS - S - OS
XS -S - OS
S - OS
S - OS - XL
OS - XL
OS - XL
XL


Adjustable Women's
S
S
S - OS
S - OS
S - OS
S - OS
OS - L
OS - L
L
L
L


-
-
-
XS/S
-
PRAGMATIC218
-
PRAGMATIC218
-
PRAGMATIC218 LOGIN
-


Dual Size Women's
-
-
PRAGMATIC218
-
PRAGMATIC218
-
PRAGMATIC218 LOGIN
-
-
-
-



Size Disclaimer:

There may be a 1-2cm difference in measurements depending on the development and manufacturing process.

Color Disclaimer:

Actual colors may vary. This is due to the fact that every computer monitor has a different capability to display colors, we cannot guarantee that the color you see accurately portrays the true color of the product.
" />
  <meta property="og:url" content="https://www.tonkatsubitonsakurai.com/"/>
  <meta property="product:price:amount" content="10.000.00" />
  <meta property="product:price:currency" content="IDR" />
  <meta property="product:availability" content="instock" />
  <meta property="product:retailer_item_id" content="3109-RJ1136126726" />
  <!--  facebook open graph -->
  <!-- rich pins -->
  <meta name="pinterest-rich-pin" content="enabled" />
  <!-- rich pins -->
  <div class="cookie-status-message" id="cookie-status" style="display: none"> The store will not work correctly in the case when cookies are disabled. </div>
  <noscript>
    <div class="message global noscript">
      <div class="content">
        <p>
          <strong>JavaScript seems to be disabled in your browser.</strong>
          <span> For the best experience on our site, be sure to turn on Javascript in your browser. </span>
        </p>
      </div>
    </div>
  </noscript>
  <!-- ko scope: 'gdpr-cookie-modal' -->
  <!--ko template: getTemplate()--><!-- ko foreach: elems() --><!-- /ko -->
  <!-- /ko -->
  <!-- /ko -->
  <style>
    .amgdprjs-bar-template {
      z-index: 15;
      bottom: 0;
    }
    
body{
    margin:0;
    overflow-x:hidden;
}
  </style>
  <div class="page-wrapper">
    <div class="scroll-div" style="height: 159.6px;">&nbsp;</div>
    <div class="page-header page-header-v1">
      <header class="page-header">
        <div class="header-multistore">
          <div id="multistore-mobile-switcher-language">
            <div class="store-options">
              <div class="language-dropdown-container mobile">
                <div class="weltpixel_multistore">
                  <div class="current-store">
                    <img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/2/ind-flag_1_.jpg" alt="Bahasa" />
                    <span>ID</span>
                    <span class="drill-opener"></span>
                  </div>
                  <ul class="store-switcher-dropdown">
                    <div class="drilldown-back">
                      <span class="drill-opener"></span>
                      <span class="current-cat"> Indonesia </span>
                    </div>
                    <li class="view-default switcher-option">
                      <a href="#" data-post='{"action":"https:\/\/www.footlocker.id\/stores\/store\/redirect\/","data":{"___store":"default","___from_store":"idn","uenc":""}}'><img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/1/eng-flag_1_.jpg" alt="English" />
                        <span> English </span>
                      </a>
                    </li>
                    <li class="view-idn current switcher-option">
                      <img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/2/ind-flag_1_.jpg" alt="Bahasa" />
                      <span>Indonesia</span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <style>
            ul.weltpixel_multistore li img {
              height: 20px;
              width: 30px;
            }
          </style>
        </div>
        <div class="header-top-wrap" style="">
          <div class="header-top">
            <div class="container">
              <div class="row">
                <div class="col-md-6 col-xs-12">
                  <span class="store-information">
                    <a id="whatsapp" class="social" href="#">
                      <strong></strong> </a>Senin - Minggu, 09.00 - 22.00 WIB </span>
                  <style>
                    #html-body [data-pb-style="M6THEQS"] {
                      justify-content: flex-start;
                      display: flex;
                      flex-direction: column;
                      background-position: left top;
                      background-size: cover;
                      background-repeat: no-repeat;
                      background-attachment: scroll;
                    }

                    #html-body [data-pb-style="M6THEQS"],
                    #html-body [data-pb-style="VXFWSGO"] {
                      border-style: none;
                      border-width: 1px;
                      border-radius: 0;
                      margin: 0;
                      padding: 0;
                    }
                  </style>
                  <div data-content-type="row" data-appearance="contained" data-element="main">
                    <div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="M6THEQS">
                      <div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="VXFWSGO" data-decoded="true">
                        <div class="custom-slider" id="custom-slider-28">
                          <div style="" class="owl-carousel-custom-28 owl-carousel owl-theme owl-loaded owl-hidden" data-slider-id="28">
                            <div class="owl-stage-outer">
                              <div class="owl-stage" style="
                                    transform: translate3d(0px, 0px, 0px);
                                    transition: all;
                                    width: 0px;
                                  ">
                                <div class="owl-item active" style="width: 0px; margin-right: 0px">
                                  <div class="banner-item banner-236" style="margin: 0px 4px">
                                    <span class="banner-custom">
                                      <div style="
                                            text-align: center;
                                            color: #000;
                                            font-weight: 400;
                                            font-size: 15px;
                                            padding: 5px;
                                            margin-top: 5px;
                                          ">
                                        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="15" x="0px" y="2px" viewBox="0 0 285.6 146.1" style="
                                              fill: #ffffff;
                                              vertical-align: middle;
                                            " xml:space="preserve">
                                          <path d="M95.5,146.1c-6.9,0-13.2-2.7-17.7-7.6c-4.5-5-6.7-11.5-6.1-18.4C72.9,106.2,85.2,95,99.1,95c6.9,0,13.2,2.7,17.7,7.6
c4.5,5,6.7,11.5,6.1,18.4C121.7,134.8,109.4,146.1,95.5,146.1z M99,105.9c-8.3,0-15.7,6.8-16.4,15.1c-0.3,3.8,0.8,7.4,3.2,10.1
c2.4,2.6,5.8,4.1,9.6,4.1c8.3,0,15.7-6.8,16.4-15.1l0,0c0.3-3.8-0.8-7.4-3.2-10.1C106.3,107.3,102.8,105.9,99,105.9z"></path>
                                          <path d="M283.6,72.8l-14.1-19.5c-1.3-1.8-2.9-5-4.5-7.1L252.7,3.8c-0.7-2.1-3-3.8-5.2-3.8h-181c-2.2,0-4.2,1.8-4.3,4l-9.6,110
c-0.2,2.2,1.5,4,3.7,4h9.5c1.7-16.9,16.7-30.5,33.7-30.5s29.5,13.6,28.3,30.5h85c1.7-16.9,16.7-30.5,33.7-30.5s29.5,13.6,28.3,30.5
h4.5c2.2,0,4.2-1.8,4.3-4l3-34C285.7,77.8,284.8,74.5,283.6,72.8z M226.3,65.5c-0.2,2.2-1.2,5.5-2.3,7.5l-17.3,30
c-1.1,1.9-3.8,4.5-6,4.5h-14c-2.2,0-3.8-1.8-3.7-4l7.7-88c0.2-2.2,2.1-4,4.3-4h32c2.2,0,3.8,1.8,3.7,4L226.3,65.5z M252.6,50.5h-14
c-2.2,0-3.8-1.8-3.7-4l2.8-32c0.2-2.2,1.2-4,2.3-4s2.6,1.7,3.4,3.8l11.8,32.5C256,48.8,254.8,50.5,252.6,50.5z"></path>
                                          <path d="M241.5,146.1c-6.9,0-13.2-2.7-17.7-7.6c-4.5-5-6.7-11.5-6.1-18.4c1.2-13.9,14.5-25.1,27.4-25.1c6.9,0,13.2,2.7,17.7,7.6
c4.5,5,6.7,11.5,6.1,18.4C267.7,134.8,255.4,146.1,241.5,146.1z M245,105.9c-8.3,0-15.7,6.8-16.4,15.1c-0.3,3.8,0.8,7.4,3.2,10.1
c2.4,2.6,5.8,4.1,9.6,4.1c8.3,0,15.7-6.8,16.4-15.1l0,0c0.3-3.8-0.8-7.4-3.2-10.1C252.3,107.3,248.8,105.9,245,105.9z"></path>
                                          <g>
                                            <path d="M9.3,18c0-2.8,2.2-5,5-5h35.2c2.8,0,4.8,2.2,4.5,5l-0.1,1.2c-0.3,2.7-2.8,5-5.5,5h-34c-2.8,0-5-2.2-5-5V18H9.3z"></path>
                                          </g>
                                          <g>
                                            <path d="M0,44.7c0-2.8,2.2-5,5-5h33.4c2.8,0,4.8,2.2,4.5,5l-0.1,1.2c-0.3,2.7-2.8,5-5.5,5H5c-2.8,0-5-2.2-5-5V44.7z"></path>
                                          </g>
                                          <g>
                                            <path d="M4.7,71.4c0-2.8,2.2-5,5-5h31.9c2.8,0,4.8,2.2,4.5,5L46,72.5c-0.3,2.7-2.7,5-5.5,5H9.7c-2.7,0-5-2.2-5-5V71.4z"></path>
                                          </g>
                                        </svg><b> Gratis Ongkir</b> se-Indonesia!
                                      </div>
                                    </span>
                                    <div class="content_slider">
                                      <div class="buttons"></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="owl-controls">
                              <div class="owl-nav">
                                <div class="owl-prev" style="display: none"> prev </div>
                                <div class="owl-next" style="display: none"> next </div>
                              </div>
                              <div class="owl-dots" style="display: none"></div>
                            </div>
                          </div>
                          <!-- <div id="pre-div">
                                        <div class="cssload-loader">
                    <div class="cssload-inner cssload-one"></div>
                    <div class="cssload-inner cssload-two"></div>
                    <div class="cssload-inner cssload-three"></div>
                </div>
                
                            <table class="imageloader-loader">
                    <tbody>
                    <tr>
                        <td>
                            <img src= "<//?= /* @noEscape */ //$loaderHelper->getLoadingImageUrl() ?>" />
                        </td>
                    </tr>
                    </tbody>
                </table>
                    </div> -->
                        </div>
                        <script>
                          // Image Render Size Optimisation
                          (function() {
                            let slider_id = 28;
                            let slider_config = {
                              title: "Homepage Promotional Slider IDN",
                              show_title: "0",
                              status: "1",
                              scheduled_ajax: "1",
                              nav: "0",
                              dots: "0",
                              thumbs: "0",
                              center: "0",
                              items: "1",
                              loop: "0",
                              margin: "0",
                              merge: null,
                              URLhashListener: null,
                              wrap_link: null,
                              stagePadding: "0",
                              lazyLoad: "0",
                              transition: "slide",
                              autoplay: "1",
                              autoplayTimeout: "5000",
                              autoplayHoverPause: "0",
                              autoHeight: "0",
                              nav_brk1: "0",
                              items_brk1: "1",
                              nav_brk2: "0",
                              items_brk2: "1",
                              nav_brk3: "0",
                              items_brk3: "1",
                              nav_brk4: "0",
                              items_brk4: "1",
                              enable_image_optimisation: "0",
                            };
                            let enableImageOptimisation = 0;
                            let windowWidth = window.innerWidth;
                            let itemsCount = parseInt(slider_config.items) || 1;
                            if (slider_config.transition !== "slide") {
                              itemsCount = 1;
                            }
                            if (windowWidth < 0) {
                              itemsCount = parseInt(slider_config.items) || 1;
                            } else if (windowWidth < 600) {
                              itemsCount = parseInt(slider_config.items_brk1) || 1;
                            } else if (windowWidth < 1000) {
                              itemsCount = parseInt(slider_config.items_brk2) || 1;
                            } else if (windowWidth < 1280) {
                              itemsCount = parseInt(slider_config.items_brk3) || 1;
                            } else {
                              itemsCount = parseInt(slider_config.items_brk4) || 1;
                            }
                            document.addEventListener("DOMContentLoaded", function() {
                              document.querySelectorAll("#custom-slider-28 .banner-image img, #custom-slider-28 .hero-proxy-image", ).forEach(function(img) {
                                if (enableImageOptimisation) {
                                  let img_src = img.getAttribute("src");
                                  if (!img_src) return;
                                  let img_render_width = Math.ceil(windowWidth / itemsCount / 100, ) * 100;
                                  img.setAttribute("src", img_src + "?width=" + img_render_width, );
                                }
                              });
                            }, );
                            document.querySelectorAll(`#custom-slider-28 .banner-image picture, #custom-slider-28 .proxy-banner picture`, ).forEach(function(picture) {
                              if (enableImageOptimisation) {
                                let sources = picture.querySelectorAll("source");
                                let imgRenderWidth = Math.ceil(windowWidth / itemsCount / 100, ) * 100;
                                sources.forEach(function(source) {
                                  let srcset = source.getAttribute("srcset");
                                  if (srcset) {
                                    let newSrcset = srcset.split("?")[0] + `?width=${imgRenderWidth}`;
                                    source.setAttribute("srcset", newSrcset, );
                                  }
                                });
                              }
                            });
                          })();
                          require(["jquery", "underscore", "owl_carousel", "owl_config", ], function($, _) {
                            let enableImageOptimisation = 0;
                            var mobileBreakPoint = 768;
                            var windowLoadTime, documentLoadTime;
                            var slider_id = 28;
                            var slider_config = {
                              title: "Homepage Promotional Slider IDN",
                              show_title: "0",
                              status: "1",
                              scheduled_ajax: "1",
                              nav: "0",
                              dots: "0",
                              thumbs: "0",
                              center: "0",
                              items: "1",
                              loop: "0",
                              margin: "0",
                              merge: null,
                              URLhashListener: null,
                              wrap_link: null,
                              stagePadding: "0",
                              lazyLoad: "0",
                              transition: "slide",
                              autoplay: "1",
                              autoplayTimeout: "5000",
                              autoplayHoverPause: "0",
                              autoHeight: "0",
                              nav_brk1: "0",
                              items_brk1: "1",
                              nav_brk2: "0",
                              items_brk2: "1",
                              nav_brk3: "0",
                              items_brk3: "1",
                              nav_brk4: "0",
                              items_brk4: "1",
                              enable_image_optimisation: "0",
                            };
                            let itemsCount = slider_config.items >= 0 && slider_config.items != null ? slider_config.items : 1;
                            if (slider_config.transition != "slide") {
                              itemsCount = 1;
                            }
                            let windowWidth = $(window).width();
                            if (windowWidth < 600) {
                              itemsCount = parseInt(slider_config.items_brk1) || 1;
                            } else if (windowWidth < 1000) {
                              itemsCount = parseInt(slider_config.items_brk2) || 1;
                            } else if (windowWidth < 1280) {
                              itemsCount = parseInt(slider_config.items_brk3) || 1;
                            } else {
                              itemsCount = parseInt(slider_config.items_brk4) || 1;
                            }
                            $(document).ready(function() {
                              windowLoadTime = new Date().getTime();
                              $(".proxy-banner").remove();
                              $(".owl-carousel-custom-" + slider_id).show();
                              var items = slider_config.items >= 0 && slider_config.items != null ? slider_config.items : 1;
                              if (slider_config.transition != "slide") {
                                items = 1;
                              }
                              var stagePadding = slider_config.stagePadding != "" ? parseInt(slider_config.stagePadding) : 0;
                              var animate_Out = slider_config.transition != "fadeOut" ? true : false;
                              $(".owl-carousel-custom-" + slider_id).on("initialize.owl.carousel", function(event) {
                                var $this = $(this);
                                var carouselItems = $this.children();
                                var nrOfElements = carouselItems.length;
                                var requestUrl = "https://www.footlocker.id/ajaxowl/banner/validity/slider_id/28/";
                                $.get({
                                  url: requestUrl,
                                  cache: false,
                                  async: false,
                                }, function(responseData) {
                                  var invalidBanners = responseData.invalidBanners;
                                  if (invalidBanners) {
                                    for (var i = 0; i < nrOfElements; i++) {
                                      var itemClasses = $(carouselItems[i], ).get(0).className.split(" ");
                                      if (_.intersection(itemClasses, invalidBanners, ).length) {
                                        $(carouselItems[i]).remove();
                                      }
                                    }
                                  }
                                }, );
                              }, );
                              /** Lazyload bug when fewer items exist in the carousel then the ones displayed */
                              $(".owl-carousel-custom-" + slider_id).on("initialized.owl.carousel", function(event) {
                                var scopeSize = event.page.size;
                                for (var i = 0; i < scopeSize; i++) {
                                  var imgsrc = $(event.target).find(".owl-item").eq(i).find("img").attr("data-src");
                                  if ($(event.target).find(".owl-item").eq(i).find("img").attr("src")) {
                                    $(event.target).find(".owl-item").eq(i).find("img").attr("src", imgsrc);
                                    $(event.target).find(".owl-item").eq(i).find("img").attr("style", "opacity: 1;");
                                  }
                                }
                              }, );
                              $(".owl-carousel-custom-" + slider_id).on("loaded.owl.lazy", function(event) {
                                var $that = $(this);
                                setTimeout(function() {
                                  $that.find(".owl-height").css("height", $that.find(".owl-item.active").height(), );
                                }, 100);
                              }, );
                              $(".owl-carousel-custom-" + slider_id).on("initialized.owl.carousel", function(event) {
                                setTimeout(function() {
                                  $(".owl-thumbs").each(function() {
                                    if (!$(".owl-thumbs").children().length) {
                                      $(this).remove();
                                    }
                                  });
                                  $(".cssload-loader").parent().remove();
                                }, 370);
                              }, );
                              $(".owl-carousel-custom-" + slider_id, ).owlCarousel({
                                thumbs: parseInt(slider_config.thumbs) == 1 ? true : false,
                                thumbsPrerendered: parseInt(slider_config.thumbs) == 1 ? true : false,
                                nav: parseInt(slider_config.nav) == 1 ? true : false,
                                dots: parseInt(slider_config.dots) == 1 ? true : false,
                                center: slider_config.center == 1 && animate_Out ? true : false,
                                items: items,
                                loop: parseInt(slider_config.loop) == 1 ? true : false,
                                margin: slider_config.margin != "" && animate_Out ? parseInt(slider_config.margin) : 0,
                                stagePadding: parseInt(slider_config.center) == 1 ? 0 : stagePadding,
                                lazyLoad: parseInt(slider_config.lazyLoad) == 1 ? true : false,
                                autoplay: parseInt(slider_config.autoplay) == 1 ? true : false,
                                autoplayTimeout: parseInt(slider_config.autoplayTimeout) > 0 && slider_config.autoplayTimeout != null ? parseInt(slider_config.autoplayTimeout) : 3000,
                                autoplayHoverPause: parseInt(slider_config.autoplayHoverPause, ) == 1 ? true : false,
                                autoHeight: parseInt(slider_config.autoHeight) == 1 ? true : false,
                                animateOut: slider_config.transition == "slide" ? false : slider_config.transition,
                                smartSpeed: 1500,
                                responsive: {
                                  0: {
                                    nav: parseInt(slider_config.nav_brk1) == 1 ? true : false,
                                    items: parseInt(slider_config.items_brk1 >= 0 ? slider_config.items_brk1 : 0, ),
                                  },
                                  600: {
                                    nav: parseInt(slider_config.nav_brk2) == 1 ? true : false,
                                    items: parseInt(slider_config.items_brk2 >= 0 ? slider_config.items_brk2 : 0, ),
                                  },
                                  1000: {
                                    nav: parseInt(slider_config.nav_brk3) == 1 ? true : false,
                                    items: parseInt(slider_config.items_brk3 >= 0 ? slider_config.items_brk3 : 0, ),
                                  },
                                  1280: {
                                    nav: parseInt(slider_config.nav_brk4) == 1 ? true : false,
                                    items: parseInt(slider_config.items_brk4 >= 0 ? slider_config.items_brk4 : 0, ),
                                  },
                                },
                              });
                            });
                            $(document).ready(function() {
                              var windowWidth = $(window).width();
                              documentLoadTime = new Date().getTime();
                              $(".hero-proxy-image").each(function() {
                                if (windowWidth < mobileBreakPoint) {
                                  if ($(this).attr("width") && $(this).attr("height")) {
                                    $(this).attr("width", $(this).attr("data-width-mobile"), );
                                    $(this).attr("height", $(this).attr("data-height-mobile"), );
                                    $(this).attr("src", $(this).attr("data-mobile-img"), );
                                  }
                                } else {
                                  if ($(this).attr("width") && $(this).attr("height")) {
                                    $(this).attr("width", $(this).attr("data-width-desktop"), );
                                    $(this).attr("height", $(this).attr("data-height-desktop"), );
                                    $(this).attr("src", $(this).attr("data-desktop-img"), );
                                  }
                                }
                                // let img_render_width =  Math.ceil(windowWidth / itemsCount);
                                // let img_src = $(this).attr('src');
                                // let img_src_rendered_width = img_src + '?width=' + img_render_width;
                                // $(this).attr('src', img_src_rendered_width);
                              });
                            });
                          });
                        </script>
                        <style>
                          #custom-slider-28 {
                            min-height: 42px;
                          }
                        </style>
                      </div>
                    </div>
                  </div>
                  <style></style>
                </div>
                <div class="col-md-6 col-xs-12 right-top-header">
                  <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                    <ul class="header links">
                      <li class="link authorization-link" data-label="or"></li>
                      <li class="nav item">
                        <a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218</a>
                      </li>
                      <li class="nav item">
                        <a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218 LOGIN</a>
                      </li>
                      <li class="nav item">
                        <a href="https://www.tonkatsubitonsakurai.com/">LINK PRAGMATIC218</a>
                      </li>
                      <li class="nav item">
                        <a href="https://www.tonkatsubitonsakurai.com/" class="top-header-link-faq">PRAGMATIC218 ALTERNATIF</a>
                      </li>
                    </ul>
                  </div>
                  <style>
                    @media only screen and (max-width: 1180px) and (min-width: 767px) {
                      body #search_bar_container button.autosuggest-close-btn {
                        display: block;
                      }
                    }

                    .page-header-v1 .page-header .header-top .custom-slider {
                      min-height: 20px !important;
                    }
                  </style>
                  <div class="multistore-switcher switcher language switcher-language" id="switcher-language">
                    <div class="actions dropdown options switcher-options">
                      <div class="language-dropdown-container">
                        <div class="weltpixel_multistore custom-dropdown-switcher">
                          <div class="current-store">
                            <img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/2/ind-flag_1_.jpg" alt="Bahasa" />
                            <span>Indonesia</span>
                          </div>
                          <ul class="store-switcher-dropdown">
                            <li class="view-default switcher-option">
                              <a href="#" data-post='{"action":"https:\/\/www.footlocker.id\/stores\/store\/redirect\/","data":{"___store":"default","___from_store":"idn","uenc":"aHR0cHM6Ly93d3cuZm9vdGxvY2tlci5pZC9uaWtlLXVuc3RydWN0dXJlZC11bmlzZXgtZnV0dXJhLXdhc2gtY2FwLWJsYWNrLTMuaHRtbA,,"}}'><img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/1/eng-flag_1_.jpg" alt="English" />
                                <span>English</span>
                              </a>
                            </li>
                            <li class="view-idn current switcher-option">
                              <img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/2/ind-flag_1_.jpg" alt="Bahasa" />
                              <span>Indonesia</span>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                  <style>
                    .weltpixel_multistore .current-store {
                      cursor: pointer;
                      display: flex;
                      align-items: center;
                      gap: 8px;
                      padding: 6px 0 0;
                    }

                    .weltpixel_multistore .current-store span {
                      font-size: 12px;
                      padding-left: 5px;
                      font-weight: 700;
                      color: #fff;
                    }

                    .weltpixel_multistore .store-switcher-dropdown {
                      list-style: none;
                      margin: 0;
                      padding: 0;
                      display: none;
                      position: absolute;
                      background: #fff;
                      border: 1px solid #ddd;
                      z-index: 1000;
                      min-width: 160px;
                    }

                    .weltpixel_multistore.open .store-switcher-dropdown {
                      display: block;
                    }

                    .weltpixel_multistore .store-switcher-dropdown li {
                      padding: 5px 10px;
                      display: flex;
                      align-items: center;
                      gap: 8px;
                    }

                    .weltpixel_multistore .store-switcher-dropdown li:hover {
                      background-color: #f1f1f1;
                    }

                    .weltpixel_multistore img {
                      width: 21px;
                      height: 21px;
                      object-fit: cover;
                      border-radius: 50%;
                    }
                  </style>
                  <script type="text/javascript">
                    require(["jquery", "mage/mage"], function($) {
                      $(document).ready(function() {
                        var $multistore = $(".weltpixel_multistore");
                        // Toggle open on click
                        $multistore.find(".current-store").on("click", function(e) {
                          e.stopPropagation(); // Prevent bubbling to document
                          $multistore.toggleClass("open");
                          $("#search_bar_container .unbxd-as-wrapper.unbxd-as-overall-autosuggest", ).hide();
                        });
                        // Close when clicking outside
                        $(document).on("click", function(e) {
                          if (!$multistore.is(e.target) && $multistore.has(e.target).length === 0) {
                            $multistore.removeClass("open");
                          }
                        });
                      });
                    });
                  </script>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="header-main header-level-2" style="position: relative; top: 0px; width: 100%">
          <div class="container">
            <div class="row">
              <div class="col-md-offset-0 col-md-2 col-xs-7 col-lg-2 col-sm-offset-0 col-sm-7 h-logo responsive-main-header">
                <span class="action nav-toggle"><span>Toggle Nav</span></span>
                <a class="logo" href="https://www.tonkatsubitonsakurai.com/"title="" aria-label="store logo">
                  <img src="https://www.tonkatsubitonsakurai.com/image/logo-puncak.png" title="" alt="PRAGMATIC218 logo" width="170" />
                </a>
              </div>
              <div class="col-md-2 col-xs-5 col-sm-5 h-panel main-header-right">
  <div style="display: flex; align-items: center; gap: 12px;">
    
    <!-- Tombol Login (Outline Emas) -->
<div style="
    display:inline-block;
    margin-right:80px; /* Geser ke kiri */
    padding:8px 20px;
    border:1px solid #D4AF37;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    background:linear-gradient(to bottom,#333333,#000000);
    color:#D4AF37;
    border-radius:5px;
    text-shadow:0 1px 1px rgba(0,0,0,.8);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        inset 0 -2px 0 rgba(0,0,0,.6),
        0 3px 0 #000,
        0 5px 8px rgba(0,0,0,.45);
    cursor:default;
    user-select:none;
">
    PRAGMATIC218
</div>
    
  </div>
</div>
              <div class="col-md-8 col-xs-12 col-sm-12 h-search responsive-main-header h-panel sk-mini-cart">
                <div class="block block-search" style="padding-top:12px!important;">
                  <div class="block block-title"><strong>Cari</strong></div>
                  <div class="block block-content">
                    <form class="form minisearch" id="search_mini_form" action="https://www.footlocker.id/catalogsearch/result/" method="get">
                      <div class="field search">
                        <label class="label" for="search" data-role="minisearch-label">
                          <span>Cari</span>
                        </label>
                        <div class="control">
    <input id="search" type="text" name="q" value="" placeholder="Cari PRAGMATIC218 di Google" class="input-text" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false" onkeydown="if(event.key === 'Enter') return false;" />
    <div id="search_autocomplete" class="search-autocomplete"></div>
    <div class="nested">
        <a class="action advanced" href="https://www.footlocker.id/catalogsearch/advanced/" data-action="advanced-search"> Advanced Search </a>
    </div>
</div>
</div> <!-- Ini div penutup ketiga agar struktur seimbang -->
                      <div class="actions">
    <button type="button" aria-label="Search" title="Cari" class="action search" onclick="event.preventDefault();" style="
        width: 48px;
        height: 46px;
        background: linear-gradient(180deg, #D4AF37 0%, #BF953F 100%);
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        cursor: pointer;
        box-shadow: 0 4px 6px rgba(0,0,0,0.2);
    ">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true" style="display:block;">
            <circle cx="11" cy="11" r="7" stroke="#ffffff" stroke-width="2" />
            <line x1="16.65" y1="16.65" x2="21" y2="21" stroke="#ffffff" stroke-width="2" />
        </svg>
    </button>
</div>
                    </form>
                    <div id="search_bar_container" style="top: 10rem">
                      <div class="unbxd-as-wrapper unbxd-as-overall-autosuggest" style="
                            position: absolute;
                            display: none;
                            z-index: 1000;
                          "></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="h-navigation" style="position: unset; top: 78px; width: 100%">
          <div class="sections nav-sections">
            <div class="section-items nav-sections-items mage-tabs-disabled" role="tablist">
              <div class="section-item-title nav-sections-item-title active" data-role="collapsible" role="tab" data-collapsible="true" aria-controls="store.menu" aria-selected="false" aria-expanded="true" tabindex="0">
                <a class="nav-sections-item-switch" data-toggle="switch" href="#store.menu"> Explore </a>
              </div>
              <div class="section-item-content nav-sections-item-content" id="store.menu" data-role="content" role="tabpanel" aria-hidden="false">
                <div id="top-menu-1768541903" class="block ves-megamenu top-navigation ves-mdrilldown ves-dhorizontal ves-megamenu-hover top-menu nav-desktop">
                  <div class="navigation navitaion17685419036969cecf04b7f">
                    <nav class="navigation" data-action="navigation">
                      <ul id="nav17685419036969cecf04b7f" class="nav17685419036969cecf04b7f ui-menu ui-widget ui-widget-content" data-toggle-mobile-nav="false" role="menu" tabindex="0" aria-activedescendant="ui-id-8">
                        <li id="vesitem-7381768541902449662241" class="nav-item level0 nav-1 submenu-left subhover dropdown level-top category-item ui-menu-item">
                          <a href="https://www.tonkatsubitonsakurai.com/"title="PRAGMATIC218" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-2" tabindex="-1" role="menuitem"><span>PRAGMATIC218</span></a>
                        </li>
                        <li id="vesitem-112617685419021512837329" class="nav-item level0 nav-2 submenu-alignleft subhover dropdown level-top category-item ui-menu-item">
                          <a href="https://www.tonkatsubitonsakurai.com/"title="PRAGMATIC218 LOGIN" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-3" tabindex="-1" role="menuitem"><span>PRAGMATIC218 LOGIN</span></a>
                        </li>
                        <li id="vesitem-9671768541902261764118" class="nav-item level0 nav-3 submenu-left subhover dropdown level-top category-item parent ui-menu-item">
                          <a href="https://www.tonkatsubitonsakurai.com/"title="LINK PRAGMATIC218" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-4" tabindex="-1" role="menuitem"><span>LINK PRAGMATIC218</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a>
                          <div class="submenu dropdown-menu ui-menu-item-wrapper" style="width: 100%" id="ui-id-5" tabindex="-1" role="menuitem">
                            <div class="drilldown-back">
                              <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a>
                            </div>
                        <li id="vesitem-10051768541902782048993" class="nav-item level0 nav-4 submenu-left subhover dropdown level-top category-item parent ui-menu-item">
                          <a href="https://www.tonkatsubitonsakurai.com/"title="PRAGMATIC218 ALTERNATIF" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-6" tabindex="-1" role="menuitem"><span>PRAGMATIC218 ALTERNATIF</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a>
                          <div class="submenu dropdown-menu ui-menu-item-wrapper" style="width: 100%" id="ui-id-7" tabindex="-1" role="menuitem">
                            <div class="drilldown-back">
                              <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a>
                            </div>
                        <li id="vesitem-102217685419021770810440" class="nav-item level0 nav-5 submenu-left subhover dropdown level-top category-item parent ui-menu-item">
                          <a href="https://www.tonkatsubitonsakurai.com/"title="PRAGMATIC218 LINK ALTERNATIF" target="_self" class="nav-anchor ui-menu-item-wrapper" id="ui-id-8" tabindex="-1" role="menuitem"><span>PRAGMATIC218 LINK ALTERNATIF</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a>
                          <div class="submenu dropdown-menu ui-menu-item-wrapper" style="width: 100%; top: 44px" id="ui-id-9" tabindex="-1" role="menuitem">
                            <div class="drilldown-back">
                              <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a>
                            </div>
                        <li id="vesitem-101768541902208404789" class="nav-item level0 nav-6 submenu-left subhover dropdown level-top category-item parent ui-menu-item" data-animation-in="fadeIn" data-color="#303030" data-hover-color="#303030" data-bgcolor="transparent" data-hover-bgcolor="transparent">
                          <a href="https://www.tonkatsubitonsakurai.com/"title="SITUS PRAGMATIC218
                          " target="_self" data-hover-color="#303030" data-hover-bgcolor="transparent" data-color="#303030" data-bgcolor="transparent" style="
                                color: #303030;
                                background-color: transparent;
                              " class="nav-anchor ui-menu-item-wrapper" id="ui-id-10" tabindex="-1" role="menuitem"><span>SITUS PRAGMATIC218</span><span class="opener"></span><span class="drill-opener" style="display: none"></span></a>
                          <div class="submenu dropdown-menu animated fadeIn ui-menu-item-wrapper" data-animation-in="fadeIn" style="animation-duration: 0.8s; width: 100%" id="ui-id-11" tabindex="-1" role="menuitem">
                            <div class="drilldown-back">
                              <a href="#"><span class="drill-opener" style="display: none"></span><span class="current-cat"></span></a>
                            </div>
                            <div class="submenu-inner before-ves-submenu-inner">
                              <div class="content-wrapper">
                                <div class="item-content" style="width: 100%">
                                  <div class="nav-dropdown">
                                    <div class="mm__menu">
                                      <div class="mm__brands">
                                        <div class="mm__brand-title"> Shop by Brands </div>
                                        <div class="mm__brand-list">
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/adidas.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 32px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/adidas.png" alt="Adidas Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/anta.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 56px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/anta.png" alt="Anta Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/asics.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 24px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/Asics_Megamenu_2025.png" alt="Asics Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/crocs.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 60px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/crocs.png" alt="Crocs Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/converse.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 32px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/converse.png" alt="Converse Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/ellesse.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 60px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/ellesse.png" alt="Ellesse Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/hoka.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 20px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/hoka.png" alt="Hoka Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/jason-markk.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 20px;
                                                    " src="https://bo.footlocker.id/media/wysiwyg/Jason-Markk-new-logo.jpg" alt="Jasson Markk" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/lacoste.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 40px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/lacoste.png" alt="Lacoste Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/new-balance.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 32px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/new-balance.png" alt="New Balance Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/new-era.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 32px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/new-era.png" alt="New Era Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/nike.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 20px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/nike.png" alt="Nike Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/on-running.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 32px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/on-running.png" alt="On Running Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/puma.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 32px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/puma.png" alt="Puma Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/salomon.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 12px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/salomon.png" alt="Salomon Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/spalding.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 20px;
                                                    " src="https://bo.footlocker.id/media/wysiwyg/Spalding-new-logo.png" alt="Spalding" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/stanley.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 20px;
                                                    " src="https://bo.footlocker.id/media/wysiwyg/Stanley-new-logo.jpg" alt="Stanley" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/under-armour.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 32px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/under-armour.png" alt="Under Armour Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/vans.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 24px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/vans.png" alt="Vans Logo" /></span></a>
                                          </div>
                                          <div class="mm__brand-item">
                                            <a class="mm__brand-link" style="
                                                  display: block;
                                                  width: 100%;
                                                " href="https://www.footlocker.id/wilson.html" rel="noopener">
                                              <span class="mm__brand-logo" style="
                                                    display: block;
                                                    padding: 0;
                                                  "><img class="mm__img" style="
                                                      display: block;
                                                      object-fit: contain;
                                                      margin: auto;
                                                      height: 60px;
                                                    " src="https://www.footlocker.id/media/wysiwyg/brand_images/wilson.png" alt="Wilson Logo" /></span></a>
                                          </div>
                                        </div>
                                      </div>
                                      <div class="mm__sections">
                                        <div class="mm__sections-row">
                                          <!-- Nike Collections -->
                                          <div class="mm__section">
                                            <div class="mm__links">
                                              <div class="mm__links-title"> Top Nike Collection </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=CORTEZ">Cortez</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=AIR%20JORDAN%201%20LOW">Air Jordan 1 Low</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=AIR%20MAX%20PLUS">Air Max Plus</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=P-6000">P-6000</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=VOMERO%205">Vomero 5</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/nike.html">See All Collections</a>
                                              </div>
                                            </div>
                                          </div>
                                          <!-- Adidas Collections -->
                                          <div class="mm__section">
                                            <div class="mm__links">
                                              <div class="mm__links-title"> Top Adidas Collection </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=HANDBALL%20SPEZIAL">Handball Spezial</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=SAMBA">Samba</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=ADILETTE%2022">Adilette 22</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=SAMBAE">Sambae</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=ADIZERO%20EVO%20SL">Adizero Evo SL</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/adidas.html">See All Collections</a>
                                              </div>
                                            </div>
                                          </div>
                                          <!-- New Balance Collections -->
                                          <div class="mm__section">
                                            <div class="mm__links">
                                              <div class="mm__links-title"> Top NB Collection </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=530">530</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=740">740</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=2002R">2002R</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=1906R">1906R</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/catalogsearch/result/?q=9060">9060</a>
                                              </div>
                                              <div>
                                                <a class="mm__link" href="https://www.footlocker.id/new-balance.html">See All Collections</a>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </li>
                        <li id="vesitem-7241768541902288615773" class="nav-item level0 nav-7 submenu-alignleft subhover dropdown level-top sale category-item ui-menu-item" data-color="#D4AF37">
                          <a href="https://www.tonkatsubitonsakurai.com/" title="PLATFORM PRAGMATIC218" target="_self" data-color="#D4AF37" style="color: #D4AF37; color: #D4AF37 !important" class="nav-anchor ui-menu-item-wrapper" id="ui-id-12" tabindex="-1" role="menuitem"><span>PLATFORM PRAGMATIC218</span></a>
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
                <script>
                  require(["jquery", "jquery.drilldown"], function($) {
                    // $('.price-box.price-final_price', $("#nav17685419036969cecf04b7f")).each(function(){
                    //     $(this).removeClass('price-box').addClass('price-box1');
                    //     $(this).attr('data-role','priceBox1');
                    // })
                    $(".price-box", $("#nav17685419036969cecf04b7f")).each(function() {
                      $(this).removeClass("price-box").addClass("price-box1");
                      $(this).attr("data-role", "priceBox1");
                    }, );
                    jQuery(document).ready(function($) {
                      jQuery("#nav17685419036969cecf04b7f p").each(function() {
                        var $this = $(this);
                        if ($this.html().replace(/\s|&nbsp;/g, "").length == 0) $this.remove();
                      }, );
                      $("#nav17685419036969cecf04b7f .nav-item").hover(function() {
                        if ($(window).width() > 800) {
                          $(this).addClass("current");
                          var id = $(this).data("dynamic-id");
                          if (id) {
                            $(this).parents(".dynamic-items").find("li").removeClass("dynamic-active");
                            $(this).addClass("dynamic-active");
                            $("#nav17685419036969cecf04b7f ." + id).parent().find(".dynamic-item").removeClass("dynamic-active");
                            $("#nav17685419036969cecf04b7f ." + id, ).addClass("dynamic-active");
                          }
                          if ($(this).data("hovericon")) {
                            $(this).children(".nav-anchor").find(".item-icon").attr("src", $(this).data("hovericon"));
                          }
                          if ($(this).data("caret") && $(this).data("hovercaret")) {
                            $(this).children(".nav-anchor").find(".ves-caret").removeClass($(this).data("caret")).addClass($(this).data("hovercaret"));
                          }
                          var child_anchor = $(this).children(".nav-anchor");
                          $(child_anchor).css({
                            "background-color": $(child_anchor).data("hover-bgcolor"),
                            color: $(child_anchor).data("hover-color"),
                          });
                          if ($(this).hasClass("level0")) {
                            var mParentTop = $("#top-menu-1768541903 .navigation", ).offset().top;
                            var mParentHeight = $(this).parent().height();
                            var mTop = $(this).height();
                            var mHeight = $(this).height();
                            var mParent = $(this).parent();
                            if (mHeight < mParentHeight) {
                              mTop = $(this).offset().top - mParent.offset().top + mHeight;
                            }
                            $(this).children(".submenu").css({
                              top: mTop
                            });
                          }
                        }
                      }, function() {
                        if ($(window).width() > 800) {
                          var id = $(this).attr("id");
                          if ($(this).data("iconsrc")) {
                            $(this).children(".nav-anchor").find(".item-icon").attr("src", $(this).data("iconsrc"));
                          }
                          if ($(this).data("caret")) {
                            $(this).children(".nav-anchor").find(".ves-caret").removeClass($(this).data("hovercaret")).addClass($(this).data("caret"));
                          }
                          $(this).removeClass("current");
                          var child_anchor = $(this).children(".nav-anchor");
                          var link_bgcolor = $(child_anchor).data("bgcolor");
                          var link_color = $(child_anchor).data("color");
                          if (!link_bgcolor || typeof link_bgcolor == "undefined") {
                            link_bgcolor = "none";
                          }
                          if (!link_color || typeof link_color == "undefined") {
                            link_color = "none";
                          }
                          $(child_anchor).css({
                            "background-color": link_bgcolor,
                            color: link_color,
                          });
                        }
                      }, );
                      /** ACCORDION */
                      /* OPENER */
                      $("#nav17685419036969cecf04b7f .opener").on("click", function(e) {
                        e.preventDefault();
                        $("#nav17685419036969cecf04b7f .nav-item", ).removeClass("item-active");
                        var parent = $(this).parents(".nav-item").eq(0);
                        $(this).toggleClass("item-active");
                        var subMenu = $(parent).find(".submenu").eq(0);
                        subMenu.stop().slideToggle();
                        subMenu.css({
                          height: ""
                        });
                        return false;
                      }, );
                      /* TOGGLE */
                      $("#top-menu-1768541903 .ves-navtoggletop-menu-1768541903", ).click(function() {
                        $("html").removeClass("nav-before-open nav-open");
                        $(".ves-overlaytop-menu-1768541903").show();
                        $("#top-menu-1768541903").append('<div class="ves-overlay ves-overlaytop-menu-1768541903"></div>', );
                        $("#nav17685419036969cecf04b7f").css("left", "0px");
                        if ($("html").hasClass("ves-navopen")) {
                          $("html").removeClass("ves-navopen");
                          setTimeout(function() {
                            $("html").removeClass("ves-nav-before-open");
                          }, 300);
                        } else {
                          $("html").addClass("ves-nav-before-open");
                          setTimeout(function() {
                            $("html").addClass("ves-navopen");
                          }, 42);
                        }
                      });
                      /* OFF-CANVAS */
                      $(document).on("click", ".ves-overlaytop-menu-1768541903", function() {
                        $("#nav17685419036969cecf04b7f").css("left", "");
                        $("html").removeClass("ves-navopen");
                        setTimeout(function() {
                          $("html").removeClass("ves-nav-before-open");
                        }, 300);
                        $(this).remove();
                        return false;
                      }, );
                      /* STICKY MENY */
                      var mobileDrill, desktopDrill;
                      /* WINDOW RESIZE */
                      $(window).on("resize", function() {
                        var disable_bellow_number = $("#nav17685419036969cecf04b7f", ).attr("data-disable-bellow");
                        if (disable_bellow_number) {
                          if ($(window).width() < parseInt(disable_bellow_number)) {
                            $("#top-menu-1768541903").hide();
                          } else {
                            $("#top-menu-1768541903").show();
                          }
                        }
                        if ($(window).width() < 801) {
                          $("#top-menu-1768541903").addClass("nav-mobile").removeClass("nav-desktop");
                          /** DRILLDOWN MOBILE MENU */
                          $("#top-menu-1768541903 .drill-opener").show();
                          mobileDrill = $("#top-menu-1768541903").drilldown({
                            selector: ".drill-opener",
                            cssClass: {
                              container: "navitaion17685419036969cecf04b7f",
                              root: "nav17685419036969cecf04b7f",
                              sub: "submenu",
                              back: "drilldown-back",
                            },
                            speed: 300,
                          }, );
                          $("#top-menu-1768541903 .opener").removeClass("item-active", );
                        } else {
                          $("#top-menu-1768541903 .submenu").css({
                            display: "",
                          });
                          $("#top-menu-1768541903").removeClass("nav-mobile").addClass("nav-desktop");
                          /** DRILLDOWN MOBILE MENU */
                          $("#top-menu-1768541903 .drill-opener").hide();
                          $("#top-menu-1768541903").css("width", "");
                          if (typeof mobileDrill === "object") {
                            $("#top-menu-1768541903").drilldown("reset");
                          }
                          $("#top-menu-1768541903").find(".submenu").each(function() {
                            var subWidth = $(this).data("width");
                            if (!subWidth) {
                              subWidth = "100%";
                            }
                            $(this).css("width", subWidth);
                          });
                        }
                        // TABLET
                        $("#nav17685419036969cecf04b7f .nav-item").click(function() {
                          if ($(window).width() >= 800 && $(window).width() < 1024) {
                            var parent = $(this).parent();
                            if ($(parent).children(".submenu").length == 1) {
                              if ($(parent).hasClass("level0")) {
                                if ($(parent).hasClass("current")) {
                                  $(parent).removeClass("current");
                                  return false;
                                }
                                $("#nav17685419036969cecf04b7f .level0", ).removeClass("current");
                                var mParent = $("#top-menu-1768541903 .navigation", ).offset().top;
                                var mHeight = $(parent).offset().top;
                                var mTop = mHeight - mParent + $(parent).height();
                                $(parent).children(".submenu").css({
                                  top: mTop
                                });
                              }
                              $(parent).addClass("current");
                              if ($(parent).hasClass("submenu-alignleft") || $(parent).hasClass("submenu-alignright")) {
                                if ($(parent).offset().left + $(parent).children(".submenu").width() > $(window).width()) {
                                  $(parent).children(".submenu").css("max-width", "100%");
                                  $(parent).css("position", "static");
                                }
                              }
                              return false;
                            }
                          } else {
                            $("#nav17685419036969cecf04b7f").find(".submenu").css("max-width", "");
                            $("#nav17685419036969cecf04b7f").find(".submenu-alignleft").css("position", "relative");
                          }
                        }, );
                      }).resize();
                    });
                  });
                </script>
                <div class="additional-mobile">
                  <div class="login-mobile">  
                    <li>
                      <a href="https://www.tonkatsubitonsakurai.com/menu/" id="idUJSNQamy">Masuk | Daftar</a>
                    </li>
                  </div>
                  <li class="nav item">
                    <a href="https://www.footlocker.id/storelocator">PRAGMATIC218</a>
                  </li>
                  <li class="nav item">
                    <a href="https://www.footlocker.id/trackorder/track">PRAGMATIC218 LOGIN</a>
                  </li>
                  <li class="nav item">
                    <a href="https://www.footlocker.id/faq-id">LINK PRAGMATIC218</a>
                  </li>
                </div>
                <div class="additional-login-mobile" style="display: none">
                  <li class="nav item">
                    <a href="https://www.footlocker.id/customer/account/">Akun Saya</a>
                  </li>
                  <li class="nav item">
                    <a href="https://www.footlocker.id/wishlist/">Wishlist</a>
                  </li>
                  <div class="my-account-logout-mobile">
                    <li>
                      <a href="https://www.tonkatsubitonsakurai.com/menu/" id="idKRWYKRbl">Masuk | Daftar</a>
                    </li>
                  </div>
                </div>
                <div id="multistore-mobile-switcher-language">
                  <div class="store-options">
                    <div class="language-dropdown-container mobile">
                      <div class="weltpixel_multistore">
                        <div class="current-store">
                          <img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/2/ind-flag_1_.jpg" alt="Bahasa" />
                          <span>ID</span>
                          <span class="drill-opener"></span>
                        </div>
                        <ul class="store-switcher-dropdown">
                          <div class="drilldown-back">
                            <span class="drill-opener"></span>
                            <span class="current-cat"> Indonesia </span>
                          </div>
                          <li class="view-default switcher-option">
                            <a href="#" data-post='{"action":"https:\/\/www.footlocker.id\/stores\/store\/redirect\/","data":{"___store":"default","___from_store":"idn","uenc":""}}'><img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/1/eng-flag_1_.jpg" alt="English" />
                              <span> English </span>
                            </a>
                          </li>
                          <li class="view-idn current switcher-option">
                            <img src="https://www.footlocker.id/media/weltpixel/multistore/logo/stores/2/ind-flag_1_.jpg" alt="Bahasa" />
                            <span>Indonesia</span>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                <style>
                  ul.weltpixel_multistore li img {
                    height: 20px;
                    width: 30px;
                  }
                </style>
                <span class="store-information">
                  <a id="whatsapp" class="social" href="#">
                    <strong></strong> </a>Senin - Minggu, 08.00 - 21.00 WIB </span>
              </div>
            </div>
          </div>
        </div>
      </header>
    </div>
    <div class="breadcrumbs">
        <style>
  .botton-kontener {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    gap: 15px;
}

/* Tombol utama - Hitam Glossy & 3D Emas */
.button{

    display:block;
    width:100%;

    padding:14px 0;

    font-size:20px;
    font-weight:700;

    text-align:center;

    color:#D4AF37;

    text-decoration:none;

    background:
    linear-gradient(
    to bottom,
    #2e2e2e 0%,
    #101010 45%,
    #000 100%);

    border:1px solid #b88b18;

    border-radius:8px;

    position:relative;

    overflow:hidden;

    box-shadow:

    inset 0 1px rgba(255,255,255,.18),

    inset 0 -2px rgba(0,0,0,.8),

    0 5px 12px rgba(0,0,0,.45);

    transition:.25s;
}

.button:before{

    content:"";

    position:absolute;

    left:0;
    right:0;
    top:0;

    height:2px;

    background:

    linear-gradient(
    to right,
    transparent,
    #f6d560,
    transparent);

}

.button:hover{

    color:#ffd94f;

    border-color:#ffd94f;

    transform:translateY(-1px);

    box-shadow:

    inset 0 1px rgba(255,255,255,.2),

    inset 0 -2px rgba(0,0,0,.8),

    0 0 15px rgba(212,175,55,.3),

    0 8px 18px rgba(0,0,0,.6);

}

/* Divider - Emas Glossy */
.divider {
    width: 2px;
    background: linear-gradient(to bottom, transparent, #D4AF37, transparent);
    box-shadow: 0 0 10px #D4AF37;
    height: 40px;
}
</style>

<div class="botton-kontener">
  <a class="button" href="https://www.tonkatsubitonsakurai.com/menu/" target="_blank" style="color: #D4AF37 !important;">DAFTAR</a>
  <div class="divider"></div>
  <a class="button" href="https://www.tonkatsubitonsakurai.com/menu/" target="_blank" style="color: #D4AF37 !important;">LOGIN</a>
</div>

      <ul class="items">
        <li class="item home">
          <a href="https://www.tonkatsubitonsakurai.com/"title="Go to Home Page"> Home </a>
        </li>
        <li class="item product">
          <strong>PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya</strong>
        </li>
      </ul>
    </div>
    <main id="maincontent" class="page-main">
      <a id="contentarea" tabindex="-1"></a>
      <div class="page messages">
        <div data-placeholder="messages"></div>
        <div data-bind="scope: 'messages'" name="foot-locker">
          <!-- ko if: cookieMessages && cookieMessages.length > 0 --><!-- /ko -->
          <!-- ko if: messages().messages && messages().messages.length > 0 --><!-- /ko -->
        </div>
      </div>
      <div class="columns">
        <div class="column main">
          <input type="hidden" name="codilar_product_listing_product_data" data-pid="52165" data-vid="52165" />
          <input name="form_key" type="hidden" value="Uohjpvp3ouiOqk0n" />
          <div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}" style="display: none">
            <!-- ko template: getTemplate() -->
            <!-- /ko -->
          </div>
          <div id="sticky-gall-wrap" class="sticky-gall-wrap">
            <div class="product media" style="">
              <div class="mobile-top-info">
                <div class="product attribute mobile-name">
                  <strong class="type"></strong>
                  <div class="value"> PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya </div>
                </div>
                <div class="prod-attributes">
                  <div class="gender">PRAGMATIC218 THE BEST</div>
                  <!-- Dynamic Variant SKU (will be updated by swatch-renderer.js) -->
                  <div class="sku" data-has-global-sku="false"> | <div class="value">2514-0LX12904502</div>
                  </div>
                </div>
              </div>
              <a id="gallery-prev-area" tabindex="-1"></a>
              <div class="action-skip-wrapper">
                <a class="action skip gallery-next-area" href="#gallery-next-area">
                  <span> Skip to the end of the images gallery </span>
                </a>
              </div>
              <div class="sticky-gallery hasStickOnScroll">
                <div class="clearfix wishlist-icon">
                  <div class="product-addto-links" data-role="add-to-links">
                    <a href="#" class="action towishlist wl-52165" id="52165" data-post='{"action":"https:\/\/www.footlocker.id\/wishlist\/index\/add\/","data":{"product":52165,"uenc":"aHR0cHM6Ly93d3cuZm9vdGxvY2tlci5pZC9uaWtlLXVuc3RydWN0dXJlZC11bmlzZXgtZnV0dXJhLXdhc2gtY2FwLWJsYWNrLTMuaHRtbA,,"}}' data-action="add-to-wishlist"><span></span></a>
                  </div>
                </div>
                <div class="closer-look">
                  <p>Klik untuk Lihat Detail</p>
                </div>
                <div class="gallery-placeholder" data-gallery-role="gallery-placeholder" style="min-height: 400px">
                  <div class="fotorama--hidden"></div>
                  <style>
                    .fotorama1768680166529 .fotorama__nav--thumbs .fotorama__nav__frame {
                      padding: 2px;
                      height: 80px;
                    }

                    .fotorama1768680166529 .fotorama__thumb-border {
                      height: 80px;
                      border-width: 2px;
                      margin-top: 2px;
                    }
                  </style>
                  <div class="fotorama-item fotorama fotorama1768680166529" data-gallery-role="gallery">
                    <div data-gallery-role="fotorama__focusable-start" tabindex="-1"></div>
                    <div class="fotorama__wrap fotorama__wrap--css3 fotorama__wrap--toggle-arrows fotorama__wrap--fade fotorama__wrap--no-controls" style="min-width: 0px; max-width: 100%">
                      <div class="fotorama__stage" data-fotorama-stage="fotorama__stage" style="left: 82px; width: 631.9px; height: 714px">
                        <div class="fotorama__arr fotorama__arr--prev" tabindex="0" role="button" aria-label="Previous" data-gallery-role="arrow">
                          <div class="fotorama__arr__arr"></div>
                        </div>
                        <div class="fotorama__stage__shaft" tabindex="0" data-gallery-role="stage-shaft" style="
                              max-width: 631.9px;
                              transition-duration: 0ms;
                              transform: none;
                              margin-left: 0px;
                              width: 713.9px;
                            ">
                          <div class="fotorama__stage__frame fotorama__fade-rear fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img fotorama__active" aria-hidden="false" style="
                                left: 0px;
                                transition-duration: 0ms;
                                opacity: 1;
                              " data-active="true" href="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png">
                            <img src="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" alt="PRAGMATIC218" class="fotorama__img" aria-hidden="false" />
                          </div>
                          <div class="fotorama__stage__frame fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img" aria-hidden="true" style="left: 0px; transition-duration: 0ms" href="https://www.footlocker.id/media/catalog/product/cache/f57d6f7ebc711fc328170f0ddc174b08/0/2/02-NIKE-EC51ANIK5-NIKFB5368011-Black.jpg">
                            <img src="https://www.footlocker.id/media/catalog/product/cache/f57d6f7ebc711fc328170f0ddc174b08/0/2/02-NIKE-EC51ANIK5-NIKFB5368011-Black.jpg" alt="PRAGMATIC218" class="fotorama__img" aria-hidden="false" />
                          </div>
                        </div>
                        <div class="fotorama__arr fotorama__arr--next" tabindex="0" role="button" aria-label="Next" data-gallery-role="arrow" style="right: 82px">
                          <div class="fotorama__arr__arr"></div>
                        </div>
                        <div class="fotorama__video-close"></div>
                        <div class="fotorama__zoom-in hidden zoom-in-loaded" data-gallery-role="fotorama__zoom-in" aria-label="Zoom in" role="button" tabindex="0"></div>
                        <div class="fotorama__zoom-out hidden zoom-out-loaded" data-gallery-role="fotorama__zoom-out" aria-label="Zoom out" role="button" tabindex="0"></div>
                        <div class="fotorama__spinner"></div>
                      </div>
                      <div class="fotorama__nav-wrap fotorama__nav-wrap--vertical" data-gallery-role="nav-wrap">
                        <div class="fotorama__nav fotorama__nav--thumbs" style="width: 80px; height: 714px">
                          <div class="fotorama__thumb__arr fotorama__thumb__arr--left" role="button" aria-label="Previous" data-gallery-role="arrow" tabindex="-1" style="display: none">
                            <div class="fotorama__thumb--icon"></div>
                          </div>
                          <div class="fotorama__nav__shaft" style="
                                transition-duration: 0ms;
                                transform: translate3d(0px, 0px, 0px);
                              ">
                            <div class="fotorama__thumb-border" style="
                                  transition-duration: 0ms;
                                  transform: translate3d(0px, 0px, 0px);
                                  width: 80px;
                                  height: 80px;
                                "></div>
                            <div class="fotorama__nav__frame fotorama__nav__frame--thumb fotorama__active hidden" tabindex="0" role="button" data-gallery-role="nav-frame" data-nav-type="thumb" aria-label="PRAGMATIC218" style="width: 80px" data-active="true">
                              <div class="fotorama__thumb fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img">
                                <img src="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" alt="PRAGMATIC218" class="fotorama__img" aria-hidden="false" />
                              </div>
                            </div>
                            <div class="fotorama__nav__frame fotorama__nav__frame--thumb" tabindex="0" role="button" data-gallery-role="nav-frame" data-nav-type="thumb" aria-label="PRAGMATIC218" style="width: 80px">
                              <div class="fotorama__thumb fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img">
                                <img src="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" alt="PRAGMATIC218" class="fotorama__img" aria-hidden="false" />
                              </div>
                            </div>
                          </div>
                          <div class="fotorama__thumb__arr fotorama__thumb__arr--right" role="button" aria-label="Next" data-gallery-role="arrow" tabindex="-1" style="display: none">
                            <div class="fotorama__thumb--icon"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div data-gallery-role="fotorama__focusable-end" tabindex="-1"></div>
                  </div>
                  <div class="magnifier-preview magnify-hidden" data-gallery-role="magnifier" id="preview" style="display: none"></div>
                </div>
              </div>
              <!--Fix for jumping content. Loader must be the same size as gallery.-->
              <div class="action-skip-wrapper">
                <a class="action skip gallery-prev-area" href="#gallery-prev-area">
                  <span> Skip to the beginning of the images gallery </span>
                </a>
              </div>
              <a id="gallery-next-area" tabindex="-1"></a>
            </div>
            <div class="product-info-main">
              <div class="product attibute brand">
                <a href="https://www.tonkatsubitonsakurai.com/">
                  <h2 class="value pdp-brand-title" itemprop="brand" style="color: #B8860B;">PRAGMATIC218</h2>
                </a>
              </div>
              <div class="page-title-wrapper product">
                <h1 class="page-title">
                  <span class="base" data-ui-id="page-title-wrapper" itemprop="name">PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya</span>
                </h1>
              </div>
              <div class="prod-attributes">
                <div class="gender">PRAGMATIC218 THE BEST</div>
                <!-- Dynamic Variant SKU (will be updated by swatch-renderer.js) -->
                <div class="sku" data-has-global-sku="false"> | <div class="value">3109-RJ1136126726</div>
                </div>
              </div>
              <div class="product-info-price">
                <div class="price-box price-final_price" data-role="priceBox" data-product-id="52165" data-price-box="product-id-52165">
                  <div class="price-wrapper-container">
                    <span class="price-container price-final_price tax weee">
                      <span id="product-price-52165" data-price-amount="9999" data-price-type="finalPrice" class="price-wrapper"><span class="price">Rp. 218.000</span></span>
                    </span>
                  </div>
                </div>
              </div>
              <div class="product-group-name"></div>
              <div class="product attribute overview">
                <div class="value" itemprop="description">
                  <div class="show-reviews">
                    <div data-bv-show="rating_summary" data-bv-product-id="3109-RJ1136126726" data-bv-ready="true">
                      <div class="bv_main_container">
                        <meta itemprop="bestRating" content="5" /><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya</span></span>
                        <button class="bv_main_container_row_flex bv_ratings_summary" aria-haspopup="menu" type="button" aria-expanded="false">
                          <span class="bv_offscreen_text"> 4.5 dari 5 bintang, nilai rating rata-rata. Read 13 Reviews. Tautan halaman yang sama.</span>
                          <div class="bv_stars_component_container">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                            <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                            <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                            <defs>
                              <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                              </linearGradient>
                            </defs></svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_1_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg </div>
                            <div itemprop="ratingValue" class="bv_avgRating_component_container notranslate"> 4.9 </div>
                            <div class="bv_numReviews_component_container">
                              <meta itemprop="reviewCount" content="13" />&nbsp; <div class="bv_numReviews_text">(355.872)</div>
                            </div>
                        </button>
                        <div class="bv_main_container_row_flex">
                          <div class="bv_main_container_row_flex">
                            <div class="bv_button_component_container" style="">
                              <button aria-label="Tulis Ulasan (membuka jendela sembul). Tindakan ini akan membuka dialog modal." type="button" class="bv_button_buttonMinimalist bv_war_button"> Tulis ulasan </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <br />
                  </div>
                  <p>Topi Tanpa Bingkai Futura Wash</p>
                  <a class="more_button">Info lebih lanjut</a>
                </div>
              </div>
              <!--
    <div class="show-reviews">
                 <div data-bv-show="rating_summary"
             data-bv-product-id="">
                    </div>
    </div>
-->
              <div class="payment_emi"> Bayar dengan cicilan 0% x 4 sebesar <strong> <span class="price">Rp. 799</span></strong>
              </div>
              <div style="position: absolute; left: -20914565266523px; top: 0px;"><a href="https://www.tonkatsubitonsakurai.com/"target="_blank">PRAGMATIC218</a></div>
              <div class="product-add-form">
                <form data-product-sku="3109-RJ1136126726" action="https://www.footlocker.id/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZm9vdGxvY2tlci5pZC9uaWtlLXVuc3RydWN0dXJlZC11bmlzZXgtZnV0dXJhLXdhc2gtY2FwLWJsYWNrLTMuaHRtbA%2C%2C/product/52165/" method="post" id="product_addtocart_form" novalidate="novalidate">
                  <input type="hidden" name="product" value="52165" />
                  <input type="hidden" name="selected_configurable_option" value="" />
                  <input type="hidden" name="related_product" id="related-products-field" value="" />
                  <input type="hidden" name="item" value="52165" />
                  <input name="form_key" type="hidden" value="Uohjpvp3ouiOqk0n" />
                  <div class="product-options-wrapper" id="product-options-wrapper" data-hasrequired="* Wajib Diisi">
                    <div class="fieldset" tabindex="0">
                      <div class="product-info-stock-sku">
                        <!-- Dynamic Variant SKU (will be updated by swatch-renderer.js) -->
                        <div class="custom_global_sku" data-has-global-sku="false" style="display: none"> SKU: <span class="value">3109-RJ1136126726</span>
                        </div>
                        <div class="stock available" title="Availability">
                          <span>dalam stok</span>
                        </div>
                        <div class="availability only configurable-variation-qty" title="Jumlah"> Only <strong>%1</strong> left </div>
                      </div>
                      <div class="swatch-opt" data-role="swatch-options" data-country-dd-status="0" data-country-selected-value="us">
                        <div class="swatch-attribute size expanded" attribute-code="size" attribute-id="182">
                          <span id="option-label-size-182" class="swatch-attribute-label">PRAGMATIC218 OFFICIAL</span><span class="swatch-attribute-selected-option"></span>
                          <div aria-activedescendant="" tabindex="0" aria-invalid="false" aria-required="true" role="listbox" aria-labelledby="option-label-size-182" class="swatch-attribute-options clearfix swatch--">
                            <div class="swatch-option text" id="option-label-size-182-item-7591" index="0" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="7591" option-label="PRAGMATIC218" aria-label="PRAGMATIC218" option-tooltip-thumb="" option-tooltip-value="PRAGMATIC218" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> PRAGMATIC218 </div>
                            <div class="swatch-option text" id="option-label-size-182-item-663" index="1" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="663" option-label="PRAGMATIC218 LOGIN" aria-label="PRAGMATIC218 LOGIN" option-tooltip-thumb="" option-tooltip-value="PRAGMATIC218 LOGIN" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> PRAGMATIC218 LOGIN </div>
                            <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="LINK PRAGMATIC218" aria-label="LINK PRAGMATIC218" option-tooltip-thumb="" option-tooltip-value="LINK PRAGMATIC218" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> LINK PRAGMATIC218 </div>
                            <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="PRAGMATIC218 ALTERNATIF" aria-label="PRAGMATIC218 ALTERNATIF" option-tooltip-thumb="" option-tooltip-value="PRAGMATIC218 ALTERNATIF" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> PRAGMATIC218 PRAGMATIC218 </div>
                            <div class="swatch-option text" id="option-label-size-182-item-664" index="2" aria-checked="false" aria-describedby="option-label-size-182" tabindex="0" option-type="0" option-id="664" option-label="PRAGMATIC218 LINK ALTERNATIF" aria-label="PRAGMATIC218 LINK ALTERNATIF" option-tooltip-thumb="" option-tooltip-value="PRAGMATIC218 LINK ALTERNATIF" role="option" thumb-width="40" thumb-height="40" eu_label="null" uk_label="null" us_label="null"> PRAGMATIC218 LINK ALTERNATIF </div>
                          </div>
                          <input class="swatch-input super-attribute-select" name="super_attribute[182]" type="text" value="" data-selector="super_attribute[182]" data-validate="{required: true}" aria-required="true" aria-invalid="false" />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="product-options-bottom">
                    <div class="cart-stock-status">
                      <label id="stock_status_label"></label>
                    </div>
                    <div id="pdp_product_return">
                      <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                        <div class="return-policy-pdp">
                          <div class="return-icon">
                            <img class="no-lazyload" src="https://www.footlocker.id/media/wysiwyg/Vector.png" />
                          </div>
                          <div class="return-content">
                            <p style="text-align: justify">
                              <strong>Pengembalian:</strong> Gratis dan Mudah untuk item tertentu dalam waktu 7 hari setelah pembelian. Klik <a class="ret-link" href="https://www.tonkatsubitonsakurai.com/">disini<img class="no-lazyload" src="https://www.footlocker.id/media/wysiwyg/open-new-tab1.png" /></a> untuk info lebih lanjut.
                            </p>
                          </div>
                        </div>
                      </div>
                      <style>
                        @media (max-width: 767px) {
                          body.catalog-product-view #maincontent .product-info-main .return-policy-pdp .return-icon {
                            padding: 0;
                          }
                        }
                      </style>
                    </div>
                    <div id="pdp_free_shipping">
                      <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                        <div class="free-shipping">
                          <!--<h3>Gratis Ongkir untuk Semua Pesanan</h3> -->
                          <div class="free-shipping-content">
                            <div class="fr-sh-ico">
                              <img class="fr-sh-ico-img" src="https://www.footlocker.id/media/wysiwyg/truck.png" />
                            </div>
                            <div class="fr-ship-content">
                              <h3>GRATIS ONGKIR</h3>
                              <p>Buat pesanan sekarang!</p>
                            </div>
                          </div>
                        </div>
                      </div>
                      <style>
                        .fotorama__stage__shaft .fotorama__active .fotorama__img {
                          width: auto;
                          height: auto;
                        }
                      </style>
                    </div>
                    <div id="pdp_surprise_drop"></div>
                    <div class="box-tocart">
                      <div class="fieldset">
                        <div class="field qty">
                          <label class="label" for="qty"><span>Kuantitas</span></label>
                          <div class="control">
                            <select name="qty" title="Jumlah" id="qty" class="input-text qty">
                              <option value="1">1</option>
                              <option value="2">2</option>
                              <option value="3">3</option>
                              <option value="4">4</option>
                              <option value="5">5</option>
                              <option value="6">6</option>
                              <option value="7">7</option>
                              <option value="8">8</option>
                              <option value="9">9</option>
                              <option value="10">10</option>
                            </select>
                          </div>
                        </div>
                        <div class="actions hidden-md hidden-lg hidden" id="product-addtocart-action-m">
                          <button type="submit" title="Tambah Ke Keranjang" class="action primary tocart product-addtocart-button-cls" disabled="disabled">
                            <a href="https://www.tonkatsubitonsakurai.com/menu/" class="register"><span>DAFTAR</span></a>
                          </button>
                          <div class="buynow-button">
                            <button type="submit" title="Beli Sekarang" id="buy-now" class="action primary">
                              <a href="https://www.tonkatsubitonsakurai.com/menu/" class="login"><span>LOGIN</span></a>
                            </button>
                          </div>
                          <div id="instant-purchase" data-bind="scope:'instant-purchase'">
                            <!-- ko template: getTemplate() -->
                            <!-- ko if: showButton() --><!-- /ko -->
                            <!-- /ko -->
                          </div>
                        </div>
                        <div class="product-addto-links" data-role="add-to-links"></div>
                      </div>
                    </div>
                  </div>
                </form>
              </div>
              <div class="product attribute overview-mobile">
                <div class="value" itemprop="description">
                  <div class="show-reviews">
                    <div data-bv-show="rating_summary" data-bv-product-id="3109-RJ1136126726" data-bv-ready="true">
                      <div class="bv_main_container">
                        <meta itemprop="bestRating" content="5" /><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya</span>
                        </span>
                        <style>
                          /* == START CLEANSLATE == */
                          /*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
*   github.com/premasagar/cleanslate
*
*    An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
*    by Premasagar Rose
*        dharmafly.com
*
*    license
*        opensource.org/licenses/mit-license.php
*
*    v0.10.1
*/
                          [data-bv-show="rating_summary"] a,
                          [data-bv-show="rating_summary"] span,
                          [data-bv-show="rating_summary"] div,
                          [data-bv-show="rating_summary"] svg,
                          [data-bv-show="rating_summary"] path,
                          [data-bv-show="rating_summary"] polygon,
                          [data-bv-show="rating_summary"] button {
                            background-attachment: scroll !important;
                            background-color: transparent !important;
                            background-image: none !important;
                            /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
                            background-position: 0 0 !important;
                            background-repeat: repeat !important;
                            border-color: black !important;
                            border-color: currentColor !important;
                            /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
                            border-radius: 0 !important;
                            border-style: none !important;
                            border-width: medium !important;
                            bottom: auto !important;
                            clear: none !important;
                            clip: auto !important;
                            color: inherit !important;
                            counter-increment: none !important;
                            counter-reset: none !important;
                            cursor: auto !important;
                            direction: inherit !important;
                            display: inline !important;
                            float: none !important;
                            font-family: inherit !important;
                            /* As with other inherit values, this needs to be set on the root container element */
                            font-size: inherit !important;
                            font-style: inherit !important;
                            font-variant: normal !important;
                            font-weight: inherit !important;
                            height: auto !important;
                            left: auto !important;
                            letter-spacing: normal !important;
                            line-height: inherit !important;
                            list-style-type: inherit !important;
                            /* Could set list-style-type to none */
                            list-style-position: outside !important;
                            list-style-image: none !important;
                            margin: 0 !important;
                            max-height: none !important;
                            max-width: none !important;
                            min-height: 0 !important;
                            min-width: 0 !important;
                            opacity: 1;
                            outline: invert none medium !important;
                            overflow: visible !important;
                            padding: 0 !important;
                            position: static !important;
                            quotes: "" "" !important;
                            right: auto !important;
                            table-layout: auto !important;
                            text-align: inherit !important;
                            text-decoration: inherit !important;
                            text-indent: 0 !important;
                            text-transform: none !important;
                            top: auto !important;
                            unicode-bidi: normal !important;
                            vertical-align: baseline !important;
                            visibility: inherit !important;
                            white-space: normal !important;
                            width: auto !important;
                            word-spacing: normal !important;
                            z-index: auto !important;
                            /* CSS3 */
                            /* Including all prefixes according to http://caniuse.com/ */
                            /* CSS Animations don't cascade, so don't require resetting */
                            -webkit-background-origin: padding-box !important;
                            background-origin: padding-box !important;
                            -webkit-background-clip: border-box !important;
                            background-clip: border-box !important;
                            -webkit-background-size: auto !important;
                            -moz-background-size: auto !important;
                            background-size: auto !important;
                            -webkit-border-image: none !important;
                            -moz-border-image: none !important;
                            -o-border-image: none !important;
                            border-image: none !important;
                            -webkit-border-radius: 0 !important;
                            -moz-border-radius: 0 !important;
                            border-radius: 0 !important;
                            -webkit-box-sizing: content-box !important;
                            -moz-box-sizing: content-box !important;
                            box-sizing: content-box !important;
                            -webkit-column-count: auto !important;
                            -moz-column-count: auto !important;
                            column-count: auto !important;
                            -webkit-column-gap: normal !important;
                            -moz-column-gap: normal !important;
                            column-gap: normal !important;
                            -webkit-column-rule: medium none black !important;
                            -moz-column-rule: medium none black !important;
                            column-rule: medium none black !important;
                            -webkit-column-span: 1 !important;
                            -moz-column-span: 1 !important;
                            /* doesn't exist yet but probably will */
                            column-span: 1 !important;
                            -webkit-column-width: auto !important;
                            -moz-column-width: auto !important;
                            column-width: auto !important;
                            font-feature-settings: normal !important;
                            overflow-x: visible !important;
                            overflow-y: visible !important;
                            -webkit-hyphens: manual !important;
                            -moz-hyphens: manual !important;
                            hyphens: manual !important;
                            -webkit-perspective: none !important;
                            -moz-perspective: none !important;
                            -ms-perspective: none !important;
                            -o-perspective: none !important;
                            perspective: none !important;
                            -webkit-perspective-origin: 50% 50% !important;
                            -moz-perspective-origin: 50% 50% !important;
                            -ms-perspective-origin: 50% 50% !important;
                            -o-perspective-origin: 50% 50% !important;
                            perspective-origin: 50% 50% !important;
                            -webkit-backface-visibility: visible !important;
                            -moz-backface-visibility: visible !important;
                            -ms-backface-visibility: visible !important;
                            -o-backface-visibility: visible !important;
                            backface-visibility: visible !important;
                            text-shadow: none !important;
                            -webkit-transition: all 0s ease 0s !important;
                            transition: all 0s ease 0s !important;
                            -webkit-transform: none !important;
                            -moz-transform: none !important;
                            -ms-transform: none !important;
                            -o-transform: none !important;
                            transform: none !important;
                            -webkit-transform-origin: 50% 50% !important;
                            -moz-transform-origin: 50% 50% !important;
                            -ms-transform-origin: 50% 50% !important;
                            -o-transform-origin: 50% 50% !important;
                            transform-origin: 50% 50% !important;
                            -webkit-transform-style: flat !important;
                            -moz-transform-style: flat !important;
                            -ms-transform-style: flat !important;
                            -o-transform-style: flat !important;
                            transform-style: flat !important;
                            word-break: normal !important;
                          }

                          /* Necessary because cursor: auto breaks our hover styling */
                          [data-bv-show="rating_summary"] svg,
                          [data-bv-show="rating_summary"] polygon {
                            cursor: inherit !important;
                          }

                          [data-bv-show="rating_summary"] div {
                            display: block !important;
                          }

                          [data-bv-show="rating_summary"] a {
                            color: blue !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] a:visited {
                            color: #529 !important;
                          }

                          [data-bv-show="rating_summary"] a,
                          [data-bv-show="rating_summary"] a * {
                            cursor: pointer !important;
                          }

                          [data-bv-show="rating_summary"] path,
                          [data-bv-show="rating_summary"] polygon {
                            fill: currentColor !important;
                          }

                          /* == ROOT CONTAINER ELEMENT == */
                          /* This contains default values for child elements to inherit  */
                          [data-bv-show="rating_summary"] {
                            font-size: medium !important;
                            line-height: 1 !important;
                            direction: ltr !important;
                            text-align: left !important;
                            /* for IE, Opera */
                            text-align: start !important;
                            /* recommended W3C Spec */
                            color: black !important;
                            font-style: normal !important;
                            font-weight: normal !important;
                            text-decoration: none !important;
                            list-style-type: disc !important;
                          }

                          /* == END CLEANSLATE == */
                          [data-bv-show="rating_summary"] .bv_main_container {
                            display: inline-flex !important;
                            flex-wrap: wrap !important;
                            background-color: transparent !important;
                            margin-bottom: 0px !important;
                            margin-left: 0px !important;
                            margin-right: 0px !important;
                            margin-top: 0px !important;
                            padding-bottom: 0px !important;
                            padding-left: 0px !important;
                            padding-right: 0px !important;
                            padding-top: 0px !important;
                            border-bottom-style: solid !important;
                            border-bottom-color: transparent !important;
                            border-bottom-width: 2px !important;
                            border-left-style: solid !important;
                            border-left-color: transparent !important;
                            border-left-width: 2px !important;
                            border-right-style: solid !important;
                            border-right-color: transparent !important;
                            border-right-width: 2px !important;
                            border-top-style: solid !important;
                            border-top-color: transparent !important;
                            border-top-width: 1px !important;
                            border-bottom-left-radius: 0px !important;
                            border-bottom-right-radius: 0px !important;
                            border-top-left-radius: 0px !important;
                            border-top-right-radius: 0px !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
                            display: inline-flex !important;
                            align-items: center !important;
                            padding-right: 1em !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal {
                            width: 100% !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row {
                            display: inline-flex !important;
                            padding-top: 0.5em !important;
                            width: 100% !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break {
                            margin-top: 0.5em !important;
                            width: 100% !important;
                            max-width: 18em !important;
                            border-bottom: 1px solid #cecece !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden {
                            display: none !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container {
                            padding-right: 1em !important;
                            overflow: hidden !important;
                            display: inline-block !important;
                            text-overflow: ellipsis !important;
                            white-space: nowrap !important;
                            max-width: 300px !important;
                            cursor: default !important;
                            color: #515151 !important;
                            font-size: 12px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: none !important;
                          }

                          @media screen and (max-width: 450px) {
                            [data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container {
                              max-width: 90vw !important;
                              margin: 10px 0 !important;
                            }
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container {
                            display: flex !important;
                            align-items: center !important;
                            padding-right: 0.1em !important;
                            color: #036ad8 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover {
                            cursor: pointer !important;
                            color: #0e1111 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited {
                            color: #036ad8 !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
                            display: flex !important;
                            align-items: center !important;
                            white-space: nowrap !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter {
                            padding-right: 0.1em !important;
                            color: #ccc !important;
                            font-size: 14px !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text {
                            white-space: nowrap !important;
                            color: #036ad8 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover {
                            cursor: pointer !important;
                            color: #0e1111 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited {
                            color: #036ad8 !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container {
                            padding-top: 0.5em !important;
                            color: #515151 !important;
                            font-size: 12px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: none !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container {
                            padding-top: 0.5em !important;
                            padding-bottom: 0.3em !important;
                            color: #515151 !important;
                            font-size: 12px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: none !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container {
                            padding-top: 0.5em !important;
                            color: #515151 !important;
                            font-size: 12px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: none !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a,
                          [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button {
                            padding: 0 !important;
                            color: #036ad8 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
                          [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover {
                            cursor: pointer !important;
                            color: #0e1111 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
                          [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited {
                            color: #036ad8 !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus,
                          [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus {
                            border: 1px solid blue !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
                            display: flex !important;
                            align-items: center !important;
                            overflow: hidden !important;
                            white-space: nowrap !important;
                            padding-right: 1em !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span {
                            display: inherit !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) {
                            padding-right: 1px !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover {
                            cursor: pointer !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull {
                            padding: 0.5em 1em 0.5em 1em !important;
                            align-self: center !important;
                            border: none !important;
                            text-align: center !important;
                            text-decoration: none !important;
                            background-image: -webkit-linear-gradient(top,
                                rgba(255, 255, 255, 0) 0%,
                                rgba(255, 255, 255, 0) 100%) !important;
                            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important;
                            color: #ffffff !important;
                            font-size: 14px !important;
                            background-color: #e71836 !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: uppercase !important;
                            font-weight: bold !important;
                            font-style: normal !important;
                            text-decoration: none !important;
                            border-bottom-style: none !important;
                            border-bottom-color: #003776 !important;
                            border-bottom-width: 0px !important;
                            border-left-style: none !important;
                            border-left-color: #003776 !important;
                            border-left-width: 0px !important;
                            border-right-style: none !important;
                            border-right-color: #003776 !important;
                            border-right-width: 0px !important;
                            border-top-style: none !important;
                            border-top-color: #003776 !important;
                            border-top-width: 0px !important;
                            border-bottom-left-radius: 0px !important;
                            border-bottom-right-radius: 0px !important;
                            border-top-left-radius: 0px !important;
                            border-top-right-radius: 0px !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover {
                            cursor: pointer !important;
                            background-image: none !important;
                            box-shadow: none !important;
                            background-color: #be122b !important;
                            color: #ffffff !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: uppercase !important;
                            font-weight: bold !important;
                            font-style: normal !important;
                            font-size: 14px !important;
                            text-decoration: none !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist {
                            color: #036ad8 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover {
                            cursor: pointer !important;
                            color: #0e1111 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited {
                            color: #036ad8 !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus {
                            border: 1px solid blue !important;
                          }

                          [data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text {
                            position: absolute !important;
                            width: 1px !important;
                            height: 1px !important;
                            overflow: hidden !important;
                            clip: rect(1px 1px 1px 1px) !important;
                            padding: 0 !important;
                            border: 0 !important;
                          }

                          div.bv_modal_component_container[data-bv-modal] {
                            display: flex !important;
                            flex-wrap: wrap !important;
                            position: absolute !important;
                            z-index: 1000 !important;
                            background-color: #ffffff !important;
                          }

                          div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before {
                            content: "";
                            display: inline-flex !important;
                            position: absolute !important;
                            left: 45% !important;
                            top: -5px !important;
                            width: 10px !important;
                            height: 10px !important;
                            border-right: 1px solid black !important;
                            border-bottom: 1px solid black !important;
                            transform: rotate(-134Deg) !important;
                            background-color: #ffffff !important;
                          }

                          div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content {
                            margin: 0 auto !important;
                            display: inline-flex !important;
                            flex-wrap: wrap !important;
                            padding: 2em !important;
                            border: 1px solid black !important;
                            max-width: 270px !important;
                          }

                          .bv_histogram_component_container {
                            min-width: 200px !important;
                          }

                          .bv_histogram_row_prefix {
                            display: table-cell !important;
                            vertical-align: middle !important;
                            white-space: nowrap !important;
                          }

                          .bv_histogram_row_container {
                            min-width: 200px !important;
                            height: 25px !important;
                            padding: 0px !important;
                            margin: 0px !important;
                            display: table-row !important;
                            cursor: pointer !important;
                            color: #515151 !important;
                            font-size: 12px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: none !important;
                          }

                          .bv_histogram_row_container:hover {
                            background-color: #f7f7f7 !important;
                          }

                          .bv_histogram_row_bar_empty {
                            border-radius: 2px !important;
                            height: 10px !important;
                            display: block !important;
                            background-image: linear-gradient(to bottom,
                                rgba(255, 255, 255, 0.3) 0,
                                rgba(255, 255, 255, 0) 100%) !important;
                            background-color: #ccc !important;
                            background-color: #cccccc !important;
                          }

                          .bv_histogram_row_bar_filled {
                            border-radius: 2px !important;
                            height: 10px !important;
                            display: block !important;
                            background-image: linear-gradient(to bottom,
                                rgba(255, 255, 255, 0.3) 0,
                                rgba(255, 255, 255, 0) 100%) !important;
                            background-color: #515151 !important;
                          }

                          .bv_histogram_row_full_bar {
                            display: table-cell !important;
                            padding-left: 10px !important;
                            padding-right: 10px !important;
                            width: 100% !important;
                            vertical-align: middle !important;
                          }

                          .bv_histogram_row_rating {
                            display: table-cell !important;
                            vertical-align: middle !important;
                            text-align: center !important;
                          }

                          .bv_histogram_row_star {
                            vertical-align: middle !important;
                            margin-left: 2px;
                          }

                          .bv_button_buttonFull {
                            padding: 0.5em 1em 0.5em 1em !important;
                            align-self: center !important;
                            border: none !important;
                            text-align: center !important;
                            text-decoration: none !important;
                            background-image: -webkit-linear-gradient(top,
                                rgba(255, 255, 255, 0) 0%,
                                rgba(255, 255, 255, 0) 100%) !important;
                            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important;
                            color: #ffffff !important;
                            font-size: 14px !important;
                            background-color: #e71836 !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: uppercase !important;
                            font-weight: bold !important;
                            font-style: normal !important;
                            text-decoration: none !important;
                            border-bottom-style: none !important;
                            border-bottom-color: #003776 !important;
                            border-bottom-width: 0px !important;
                            border-left-style: none !important;
                            border-left-color: #003776 !important;
                            border-left-width: 0px !important;
                            border-right-style: none !important;
                            border-right-color: #003776 !important;
                            border-right-width: 0px !important;
                            border-top-style: none !important;
                            border-top-color: #003776 !important;
                            border-top-width: 0px !important;
                            border-bottom-left-radius: 0px !important;
                            border-bottom-right-radius: 0px !important;
                            border-top-left-radius: 0px !important;
                            border-top-right-radius: 0px !important;
                          }

                          .bv_button_buttonFull:hover {
                            cursor: pointer !important;
                            background-image: none !important;
                            box-shadow: none !important;
                            background-color: #be122b !important;
                            color: #ffffff !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: uppercase !important;
                            font-weight: bold !important;
                            font-style: normal !important;
                            font-size: 14px !important;
                            text-decoration: none !important;
                          }

                          .bv_button_buttonMinimalist {
                            color: #036ad8 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          .bv_button_buttonMinimalist:hover {
                            cursor: pointer !important;
                            color: #0e1111 !important;
                            font-size: 14px !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          .bv_button_buttonMinimalist:visited {
                            color: #036ad8 !important;
                            font-family: Roboto, Arial, sans-serif !important;
                            text-transform: none !important;
                            font-weight: normal !important;
                            font-style: normal !important;
                            text-decoration: underline !important;
                          }

                          .bv_ms_focusable:focus {
                            border: 1px solid blue !important;
                          }

                          .bv_offscreen_text {
                            position: absolute !important;
                            width: 1px !important;
                            height: 1px !important;
                            overflow: hidden !important;
                            clip: rect(1px 1px 1px 1px) !important;
                            padding: 0 !important;
                            border: 0 !important;
                          }

                          .bv_ms_focusable:focus {
                            border: 1px solid blue !important;
                          }
                        </style><button class="bv_main_container_row_flex bv_ratings_summary" aria-haspopup="menu" type="button" aria-expanded="false">
                          <span class="bv_offscreen_text"> 4.9 dari 5 bintang, nilai rating rata-rata. Read 13 Reviews. Tautan halaman yang sama.</span>
                          <div class="bv_stars_component_container">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_0_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_2_0_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_1_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_1_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_2_1_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_2_99.99_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_2_99.99_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_2_2_99.99_2514-H1N03621452" x1="99.99%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_3_46.15_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_3_46.15_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_2_3_46.15_2514-H1N03621452" x1="46.15%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg><svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 25 25" aria-hidden="true" focusable="false">
                              <polygon points="25 9.12 15.5669599 9.12 12.512219 0 9.40860215 9.12 0 9.12 7.55131965 14.856 4.47214076 24 12.512219 18.216 20.5522972 24 17.4731183 14.856" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_4_0.00_2514-H1N03621452&quot;) !important;
                                  "></polygon>
                              <path d="" style="
                                    fill: url(&quot;#bv_rating_summary_star_filled_2_4_0.00_2514-H1N03621452&quot;) !important;
                                  "></path>
                              <defs>
                                <linearGradient id="bv_rating_summary_star_filled_2_4_0.00_2514-H1N03621452" x1="0.00%" y1="0%" x2="100%" y2="0%">
                                  <stop offset="0%" style="
                                        stop-color: rgb(81, 81, 81);
                                        stop-opacity: 1;
                                      "></stop>
                                  <stop offset="1%" style="
                                        stop-color: rgb(204, 204, 204);
                                        stop-opacity: 1;
                                      "></stop>
                                </linearGradient>
                              </defs>
                            </svg>
                          </div>
                          <div itemprop="ratingValue" class="bv_avgRating_component_container notranslate"> 4.9 </div>
                          <div class="bv_numReviews_component_container">
                            <meta itemprop="reviewCount" content="13" />&nbsp; <div class="bv_numReviews_text">(884\.161)</div>
                          </div>
                        </button>
                        <div class="bv_main_container_row_flex">
                          <div class="bv_main_container_row_flex">
                            <div class="bv_button_component_container" style="">
                              <button aria-label="Tulis Ulasan (membuka jendela sembul). Tindakan ini akan membuka dialog modal." type="button" class="bv_button_buttonMinimalist bv_war_button"> Tulis ulasan </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <br />
                  </div>
                  <p>Topi Tanpa Bingkai Futura Wash</p>
                  <a class="more_button">Info lebih lanjut</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="tabs-1 product info detailed">
        <div class="product data items mage-tabs-disabled" role="tablist">
          <div class="data item title active" aria-labeledby="tab-label-description-title" data-role="collapsible" id="tab-label-description" role="tab" data-collapsible="true" aria-controls="description" aria-selected="false" aria-expanded="true" tabindex="0">
            <a class="data switch" tabindex="-1" data-toggle="switch" href="#description" id="tab-label-description-title"> Details </a>
          </div>
          <div class="data item content" id="description" data-role="content" aria-labelledby="tab-label-description" role="tabpanel" aria-hidden="false">
            <div class="pdp-description-section" style="background: #0a0a0a; padding: 25px; border: 2px solid #D4AF37; border-radius: 12px; box-shadow: 0 0 30px rgba(212, 175, 55, 0.4);">
              <h2 class="desc-title" style="color: #D4AF37; text-shadow: 0 0 15px #D4AF37; font-size: 28px; letter-spacing: 2px; margin-bottom: 25px; text-transform: uppercase;"> PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya </h2>
              <div class="pdp-desc" style="color: #e5d39d;text-justify:inner-word; line-height: 1.7; font-size: 16px;">

<p style="text-align: justify;"><span style="color: #ff0000;"><a style="color: #ff0000;" href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218</a></span> menawarkan platform hiburan digital yang mengusung pengalaman modern dengan tampilan menarik dan akses praktis. Melalui Pragmatic218 Login, pengguna dapat menjelajahi berbagai fitur unggulan dalam satu tempat dengan navigasi yang mudah dipahami. Mengutamakan kenyamanan dan kemudahan akses, PRAGMATIC218 terus menghadirkan inovasi untuk mengikuti perkembangan dunia digital. Popularitasnya menjadi bagian dari perjalanan platform dalam membangun identitas yang kuat di tengah persaingan. Dengan desain responsif, informasi yang tersusun rapi, serta pengalaman pengguna yang diperhatikan, PRAGMATIC218 menawarkan ruang hiburan digital yang menarik untuk dijelajahi. Nikmati kemudahan akses dan kenali berbagai fitur yang tersedia secara bijak dan bertanggung jawab.</p>

                <p class="certificateNo" style="display: none">
                  <strong class="label">SNI/K5I/VKKT :</strong>
                  <span class="value"></span>
                </p>
              </div>
            </div>


                  <div class="content FAQ">
        <section style="
      border-top: 2px solid #D4AF37;
      padding: 25px;
      margin-top: 30px;
      background: linear-gradient(180deg, #1a1a1a 0%, #000000 100%);
      border-radius: 12px;
      box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
  ">
    <h2 style="
    margin-bottom: 25px; text-align: center; font-size: 24px; font-weight: 700; color: #D4AF37; text-shadow: 0 0 12px #B8860B; letter-spacing: 1.5px; text-transform: uppercase;
">
    <section style="
  margin-top:40px;
  padding:30px;
  border-radius:22px;
  background:linear-gradient(180deg,#1a1a1a,#0a0a0a,#000000);
  border:1px solid rgba(50, 50, 50, 0.5);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
  position:relative;
  overflow:hidden;
">

  <div style="
    position:absolute;
    top:-80px;
    right:-80px;
    width:220px;
    height:220px;
    background:radial-gradient(circle, rgba(0, 0, 0, 0.6), transparent 70%);
    filter:blur(10px);
  "></div>

<h2 style="
    text-align:center;
    font-size:32px;
    font-weight:800;
    margin-bottom:30px;
    color:#D4AF37;
    letter-spacing:.5px;
    text-transform:uppercase;
    text-shadow:0 0 15px #FFD700;
  ">
    Frequently Asked Question Platform PRAGMATIC218
  </h2>

  <div id="faq-container"></div>
</section>
<script>
document.addEventListener("DOMContentLoaded", function () {
  const faqContainer = document.getElementById("faq-container");
  const faqSchemaElement = document.getElementById("faq-schema");

  if (!faqContainer || !faqSchemaElement) {
    return;
  }

  try {
    const faqSchema = JSON.parse(
      faqSchemaElement.textContent.trim()
    );

    const faqItems = Array.isArray(faqSchema.mainEntity)
      ? faqSchema.mainEntity
      : [];

    faqContainer.innerHTML = "";

    faqItems.forEach(function (item, index) {
      const question =
        typeof item.name === "string"
          ? item.name.trim()
          : "";

      const answer =
        item.acceptedAnswer &&
        typeof item.acceptedAnswer.text === "string"
          ? item.acceptedAnswer.text.trim()
          : "";

      if (!question || !answer) {
        return;
      }

      const faqBox = document.createElement("div");
      faqBox.className = "faq-box";

      if (index === faqItems.length - 1) {
        faqBox.style.borderBottom = "none";
      }

      const faqQuestion = document.createElement("strong");
      faqQuestion.className = "faq-question";
      faqQuestion.textContent = question;

      const faqAnswer = document.createElement("div");
      faqAnswer.className = "faq-answer";

      const paragraph = document.createElement("p");
      paragraph.textContent = answer;

      faqAnswer.appendChild(paragraph);
      faqBox.appendChild(faqQuestion);
      faqBox.appendChild(faqAnswer);
      faqContainer.appendChild(faqBox);
    });

    if (!faqContainer.children.length) {
      faqContainer.innerHTML = `
        <p class="faq-empty">
          FAQ belum tersedia.
        </p>
      `;
    }
  } catch (error) {
    console.error("Schema FAQ tidak dapat dibaca:", error);

    faqContainer.innerHTML = `
      <p class="faq-empty">
        FAQ belum dapat ditampilkan.
      </p>
    `;
  }
});
</script>
<style>
.faq-box{
  padding:22px 0;
  border-bottom:1px solid rgba(212, 175, 55, 0.35);
  transition:all .35s ease;
  position:relative;
}

.faq-box::before{
  content:'';
  position:absolute;
  left:-10px;
  top:20px;
  width:4px;
  height:0%;
  /* Gradasi emas terang ke emas gelap/redup */
  background:linear-gradient(to bottom, #FFD700, #B8860B);
  border-radius:10px;
  transition:all .35s ease;
  /* Efek cahaya emas */
  box-shadow:0 0 15px #D4AF37;
}

.faq-box:hover{
  transform:translateX(6px);
}

.faq-box:hover::before{
  height:70%;
}

.faq-box strong{
  display:block;
  margin-bottom:12px;
  font-size:18px;
  font-weight:800;
  color: #D4AF37;
  letter-spacing:.3px;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.6);
}

.faq-box p{
  margin:0;
  font-size:15.8px;
  line-height:1.9;
  color:#e5d39d;
}

@media(max-width:768px){
  section{
    padding:22px !important;
  }

  h2{
    font-size:24px !important;
  }

  .faq-box strong{
    font-size:16px;
  }

  .faq-box p{
    font-size:14.5px;
    line-height:1.8;
  }
}
</style>

            <!-- Review Section -->
<div itemscope itemtype="https://schema.org/SoftwareApplication">
  <meta itemprop="name" content="PRAGMATIC218">
  <meta itemprop="url" content="https://www.tonkatsubitonsakurai.com/">

  <div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
    <meta itemprop="ratingValue" content="5">
    <meta itemprop="bestRating" content="5">
    <meta itemprop="worstRating" content="1">
    <meta itemprop="reviewCount" content="3">
  </div>
</div>

  <div class="review-glow"></div>

  <h3 class="review-title">Review Player PRAGMATIC218</h3>

  <div id="organization-review-container"></div>
<style>
.review-wrapper{
  position:relative;
  margin-top:40px;
  padding:35px;
  border-radius:24px;
  /* Gradasi hitam glossy */
  background: 
    linear-gradient(180deg,#1a1a1a,#0a0a0a,#000000);
  /* Border emas yang redup */
  border:1px solid rgba(212, 175, 55, 0.35);
  overflow:hidden;
  /* Box shadow dengan nuansa hitam dan pendaran emas */
  box-shadow:
    0 0 40px rgba(0, 0, 0, 0.5),
    inset 0 0 25px rgba(212, 175, 55, 0.08);
}

.review-glow{
  position:absolute;
  top:-120px;
  right:-120px;
  width:280px;
  height:280px;
  background:radial-gradient(circle,
    rgba(212, 175, 55, 0.35),
    transparent 70%);
  filter:blur(15px);
}

.review-title{
  position:relative;
  text-align:center;
  margin-bottom:32px;
  font-size:30px;
  font-weight:800;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:1px;
  text-shadow:
    0 0 10px #D4AF37,
    0 0 25px rgba(212, 175, 55, 0.55);
}

.review-card{
  position:relative;
  background:
    linear-gradient(180deg,
      rgba(20, 20, 20, 0.96),
      rgba(10, 10, 10, 0.98));
  padding:24px;
  margin-bottom:22px;
  border-radius:18px;
  border:1px solid rgba(255, 255, 255, 0.1);
  overflow:hidden;
  transition:all .4s ease;
  box-shadow:
    0 0 20px rgba(0, 0, 0, 0.5);
}

.review-card::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:0%;
  height:100%;
  /* Gradasi hitam glossy yang halus */
  background:linear-gradient(90deg,
    rgba(0, 0, 0, 0.25),
    transparent);
  transition:.45s ease;
}

.review-card:hover{
  transform:translateY(-6px) scale(1.01);
  /* Border emas luxury */
  border-color: #D4AF37;
  /* Shadow emas yang lembut */
  box-shadow:
    0 0 35px rgba(212, 175, 55, 0.25);
}

.review-card:hover::before{
  width:100%;
}

.review-top{
  display:flex;
  align-items:center;
  margin-bottom:16px;
  position:relative;
  z-index:2;
}

.review-avatar{
  margin-right:18px;
}

.review-avatar img{
  width:62px;
  height:62px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #D4AF37;
  box-shadow:
    0 0 18px rgba(212, 175, 55, 0.55);
  transition:.4s ease;
}

.review-card:hover .review-avatar img{
  transform:scale(1.08) rotate(2deg);
}

.review-user strong{
  display:block;
  font-size:17px;
  color: #D4AF37;
  margin-bottom:6px;
  letter-spacing:.3px;
}

.review-stars{
  color:#ffd54a;
  font-size:20px;
  margin-bottom:6px;
  text-shadow:0 0 10px rgba(255,210,70,.8);
}

.review-user small{
  color: #D4AF37;
  font-size:13px;
}

.review-card h4{
  margin:12px 0 14px;
  font-size:19px;
  color: #D4AF37;
  font-weight:800;
  position:relative;
  z-index:2;
  text-shadow: 0 0 12px rgba(212, 175, 55, 0.45);
}

.review-card p{
  margin:0;
  line-height:1.9;
  color:#e5d39d;
  font-size:15.6px;
  position:relative;
  z-index:2;
}

@media(max-width:768px){

  .review-wrapper{
    padding:24px;
  }

  .review-title{
    font-size:24px;
  }

  .review-card{
    padding:20px;
  }

  .review-user strong{
    font-size:15px;
  }

  .review-card h4{
    font-size:17px;
  }

  .review-card p{
    font-size:14.5px;
    line-height:1.8;
  }

}
</style>
        <div class="data item title" aria-labeledby="tab-label-bv_reviews-title" data-role="collapsible" id="tab-label-bv_reviews" role="tab" data-collapsible="true" aria-controls="bv_reviews" aria-selected="false" aria-expanded="false" tabindex="0">
        </div>
        <div class="data item content" id="bv_reviews" data-role="content" aria-labelledby="tab-label-bv_reviews" role="tabpanel" aria-hidden="true" style="display: none">
          <div data-bv-show="reviews" data-bv-product-id="3109-RJ1136126726" data-bv-ready="true">
            <!-- ULASAN -->
            <!-- SL-VCT168 -->
          </div>
        </div>
      </div>
    </main>
    <div class="page-bottom">
      <!-- FAQ Section -->

      <footer class="page-footer">
        <style>
          #html-body [data-pb-style="GP2CGTI"] {
            justify-content: flex-start;
            display: flex;
            flex-direction: column;
            background-position: left top;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: scroll;
            border-style: none;
            border-width: 1px;
            border-radius: 0;
            margin: 0;
            padding: 0;
          }

          #html-body [data-pb-style="V8YTJQU"] {
            display: none;
          }

          #html-body [data-pb-style="KJI99O5"],
          #html-body [data-pb-style="V8YTJQU"] {
            border-style: none;
            border-width: 1px;
            border-radius: 0;
            margin: 0;
            padding: 0;
          }

          block-search .actions .action.search {
            background: none !important;
            border: none !important;
            box-shadow: none !important;
          }

          /* Matikan pseudo-element icon bawaan */
          .block-search .actions .action.search::before,
          .block-search .actions .action.search::after {
            content: none !important;
            display: none !important;
          }

          #tab-label-bv_reviews .data.switch {
            display: inline-flex;
            align-items: center;
            /* INI KUNCINYA */
          }

          #tab-label-bv_reviews [data-bv-show="inline_rating"] {
            display: inline-flex;
            align-items: center;
            margin-left: 4px;
          }

          #tab-label-bv_reviews svg {
            display: block;
          }

          #tab-label-bv_reviews .bv_stars_component_container {
            line-height: 1;
          }

          .reviews {
            padding: 32px 0;
          }

          .reviews-title {
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 24px;
          }

          .reviews-top {
            display: grid;
            grid-template-columns: 1.4fr 1fr 1.2fr;
            gap: 48px;
            padding-bottom: 24px;
            border-bottom: 1px solid #e5e5e5;
          }

          .reviews-col {
            min-height: 100px;
          }

          .reviews-subtitle {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 8px;
          }

          .reviews-desc {
            font-size: 13px;
            color: #555;
            margin-bottom: 16px;
          }

          .rating-summary {
            display: flex;
            flex-direction: column;
            gap: 8px;
          }

          .rating-row {
            display: grid;
            grid-template-columns: 80px 1fr 24px;
            align-items: center;
            gap: 10px;
          }

          .rating-label {
            font-size: 13px;
          }

          .rating-bar {
            height: 10px;
            background: #d0d0d0;
            border-radius: 6px;
            overflow: hidden;
          }

          .rating-fill {
            height: 100%;
            background: #555;
          }

          .rating-count {
            font-size: 13px;
            text-align: right;
          }

          .overall-rating {
            display: flex;
            flex-direction: column;
            gap: 8px;
          }

          .overall-score {
            font-size: 48px;
            font-weight: 600;
            line-height: 1;
          }

          .overall-stars {
            font-size: 18px;
            letter-spacing: 2px;
          }

          .overall-link {
            font-size: 13px;
            color: #0066cc;
            text-decoration: none;
          }

          .overall-link:hover {
            text-decoration: underline;
          }

          .write-review-stars {
            display: flex;
            gap: 8px;
            margin: 8px 0 12px;
          }

          .star-box {
            width: 40px;
            height: 40px;
            border: 1px solid #777;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            cursor: pointer;
          }

          .write-review-note {
            font-size: 12px;
            color: #555;
            max-width: 220px;
          }

          .reviews-filter {
            padding: 24px 0;
            border-bottom: 1px solid #e5e5e5;
          }

          .reviews-filter-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
          }

          .reviews-filter-left {
            display: flex;
            gap: 16px;
          }

          .reviews-select {
            min-width: 160px;
            padding: 10px 12px;
            font-size: 13px;
            border: 1px solid #777;
            background: #fff;
          }

          .reviews-count {
            font-size: 13px;
          }

          .reviews-sort {
            display: flex;
          }

          /* =========================
            HARD FORCE TEXT COLOR (ANTI KETABRAK THEME)
            ========================= */
          .reviews-filter,
          .reviews-filter * {
            color: #003776 !important;
          }

          /* kalau ada theme yang set link jadi putih */
          .reviews-filter a,
          .reviews-filter a:visited,
          .reviews-filter a:hover {
            color: #003776 !important;
          }

          /* =========================
            DROPDOWN BASE
            ========================= */
          .reviews-filter .filter-dropdown {
            position: relative !important;
            display: inline-block !important;
          }

          /* TRIGGER */
          .reviews-filter .filter-trigger {
            min-width: 160px !important;
            padding: 10px 14px !important;
            border: 1px solid #777 !important;
            background-color: #ffffff !important;
            color: #003776 !important;
            font-size: 13px !important;
            font-weight: 400 !important;
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            cursor: pointer !important;
            box-sizing: border-box !important;
          }

          /* paksa juga anaknya (span/icon) */
          .reviews-filter .filter-trigger *,
          .reviews-filter .filter-trigger span,
          .reviews-filter .filter-trigger svg,
          .reviews-filter .filter-trigger path,
          .reviews-filter .filter-trigger polygon {
            color: #003776 !important;
            fill: #003776 !important;
          }

          .reviews-filter .filter-trigger:hover {
            background-color: #f5f5f5 !important;
          }

          /* MENU */
          .reviews-filter .filter-menu {
            position: absolute !important;
            top: calc(100% + 6px) !important;
            left: 0 !important;
            width: 100% !important;
            background-color: #ffffff !important;
            border: 1px solid #dcdcdc !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
            z-index: 999999 !important;
            display: none;
            padding: 4px 0 !important;
          }

          /* OPTION */
          .reviews-filter .filter-option {
            width: 100% !important;
            padding: 10px 14px !important;
            background-color: #ffffff !important;
            color: #003776 !important;
            border: none !important;
            text-align: left !important;
            font-size: 13px !important;
            font-weight: 400 !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            cursor: pointer !important;
            box-sizing: border-box !important;
          }

          /* paksa anak option juga */
          .reviews-filter .filter-option *,
          .reviews-filter .filter-option span,
          .reviews-filter .filter-option svg,
          .reviews-filter .filter-option path,
          .reviews-filter .filter-option polygon {
            color: #003776 !important;
            fill: #003776 !important;
          }

          .reviews-filter .filter-option:hover {
            background-color: #f0f0f0 !important;
          }

          /* ICON + */
          .reviews-filter .filter-plus {
            width: 14px !important;
            text-align: center !important;
            font-weight: 700 !important;
            color: #003776 !important;
          }

          /* selected (kalau kamu mau nanti) */
          .reviews-filter .filter-option.active {
            background-color: #f5f5f5 !important;
          }

          /* jangan pakai ::before kalau span-nya sudah berisi "+", biar gampang:
            nanti JS ganti textContent "+" -> "✓"
            */
          .filter-dropdown,
          .filter-trigger,
          .filter-menu,
          .filter-option {
            pointer-events: auto !important;
            position: relative !important;
            z-index: 9999 !important;
          }

          .filter-dropdown {
            position: relative !important;
            overflow: visible !important;
          }

          .filter-menu {
            position: absolute !important;
            top: 100% !important;
            left: 0 !important;
            z-index: 99999 !important;
            display: none;
            background: #fff !important;
            border: 1px solid #777 !important;
          }

          #bv_review_maincontainer,
          #bv_reviews,
          .data.item.content,
          .product.data.items {
            overflow: visible !important;
          }

          .reviews-filter-bottom {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            margin-top: 16px !important;
          }

          .reviews-sort .filter-trigger {
            min-width: 200px !important;
          }

          .review-item {
            display: flex !important;
            gap: 24px !important;
            padding: 24px 0 !important;
            color: #000 !important;
            border: none !important;
          }

          .review-left {
            min-width: 180px !important;
            font-weight: 600 !important;
          }

          .review-author {
            font-size: 14px !important;
          }

          .review-right {
            flex: 1 !important;
          }

          .review-header {
            display: block !important;
          }

          .review-rating {
            display: block !important;
          }

          .review-stars {
            display: block !important;
            font-size: 14px !important;
            letter-spacing: 1px !important;
            margin-bottom: 4px !important;
          }

          .review-title {
            display: block !important;
            font-weight: 600 !important;
            font-size: 14px !important;
            line-height: 1.4 !important;
          }

          .review-meta {
            display: block !important;
            margin-top: 6px !important;
          }

          .review-author-name {
            display: block !important;
            font-weight: 600 !important;
            font-size: 13px !important;
            color: #000 !important;
          }

          .review-date {
            display: block !important;
            font-size: 12px !important;
            color: #666 !important;
            margin-top: 2px !important;
          }

          .review-meta span:not(:last-child)::after {
            content: " · ";
          }

          .review-body {
            margin-top: 12px !important;
            font-size: 10px !important;
            line-height: 1.6 !important;
            color: #666 !important;
          }

          .review-translate {
            display: inline-block !important;
            margin-top: 8px !important;
            font-size: 13px !important;
            color: #0056d2 !important;
            text-decoration: none !important;
          }

          .review-translate:hover {
            text-decoration: underline !important;
          }

          .review-badges {
            margin-top: 12px !important;
          }

          .review-badge {
            display: inline-flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 6px 10px !important;
            border: 1px solid #ccc !important;
            border-radius: 4px !important;
            font-size: 10px !important;
            color: #666 !important;
          }

          .review-badge img {
            height: 16px !important;
          }

          /* ===== ROW CONTAINER ===== */
          .reviews-filter-bottom {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 16px 20px !important;
            background: #f7f7f7 !important;
            border-radius: 4px !important;
            margin-top: 20px !important;
          }

          /* ===== COUNT TEXT ===== */
          #reviews-count {
            font-size: 14px !important;
            color: #000 !important;
            font-weight: 400 !important;
          }

          /* ===== PAGINATION WRAP ===== */
          .reviews-pagination {
            display: flex !important;
            gap: 8px !important;
          }

          /* ===== BUTTON BASE ===== */
          .reviews-pagination button {
            width: 40px !important;
            height: 40px !important;
            border: 1px solid #ccc !important;
            background: #fff !important;
            border-radius: 4px !important;
            font-size: 22px !important;
            /* 🔥 arrow lebih besar */
            line-height: 1 !important;
            color: #000 !important;
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
          }

          /* ===== HOVER ===== */
          .reviews-pagination button:hover:not(:disabled) {
            border-color: #000 !important;
            background: #fff !important;
          }

          /* ===== DISABLED STATE ===== */
          .reviews-pagination button:disabled {
            opacity: 0.4 !important;
            cursor: not-allowed !important;
            background: #fff !important;
          }

          /* ===== ICON ALIGN FIX (kalau pakai entity ‹ ›) ===== */
          #prevPage,
          #nextPage {
            font-family: Arial, Helvetica, sans-serif !important;
          }
        </style>
        <div data-content-type="row" data-appearance="contained" data-element="main">
          <div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="GP2CGTI">
            <div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="V8YTJQU" data-decoded="true">
              <div class="footer-container">
                <div class="footer">
                  <div class="row">
                    <div class="container">
                      <div class="row footer-space">
                        <div class="col-md-3 col-sm-6 col-xs-12 collapsible">
                          <span class="title">About</span>
                          <ul>
                            <li><a href="/about-us">Lineashoes</a></li>
                            <li><a href="#">Terms &amp; Conditions</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                          </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 col-xs-12 collapsible">
                          <span class="title">Customer Care</span>
                          <ul>
                            <li><a href="/faq">Faq</a></li>
                            <li>
                              <a href="/size-guide-adidas-footwear">Size Guide</a>
                            </li>
                            <li><a href="https://www.tonkatsubitonsakurai.com/">Return Policy</a></li>
                            <li><a href="/contact-us">Contact Us</a></li>
                          </ul>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <div class="newsletter-box">
                            <div class="block newsletter">
                              <span class="title">Join Our Newsletter</span>
                              <form class="form subscribe" novalidate="novalidate" action="https://www.footlocker.id/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
                                <input type="hidden" name="form_key" value="Uohjpvp3ouiOqk0n" />
                                <div class="field newsletter newsletter-input-section">
                                  <div class="control">
                                    <input name="email" type="email" id="newsletter" placeholder="Masukkan alamat email Anda" data-validate="{required:true, 'validate-email':true}" />
                                    <div class="actions">
                                      <button class="action subscribe primary" title="Berlangganan" type="submit" aria-label="Subscribe">
                                        <span>Daftar</span>
                                      </button>
                                    </div>
                                  </div>
                                </div>
                                <div class="field choice footer_subscription_consent">
                                  <div class="control">
                                    <input type="checkbox" name="footer_subscription_consent" value="1" id="footer_subscription_consent" class="checkbox" data-validate="{required:true}" data-msg-required="Anda harus menyetujui kebijakan data PRAGMATIC218 Indonesia untuk melanjutkan" />
                                    <label for="footer_subscription_consent" class="label"><span> Dengan memilih "Daftar Sekarang", saya menyetujui <a href="/privacy-policy" title="kebijakan keamanan data" target="_blank">kebijakan keamanan data</a> PRAGMATIC218 Indonesia</span></label>
                                    <div id="footer_subscription_consent-error" class="mage-error"></div>
                                  </div>
                                </div>
                              </form>
                            </div>
                          </div>
                          <div class="socia-media-links">
                            <ul class="clearfix">
                              <li>
                                <a id="facebook" class="social" href="https://www.facebook.com/SkechersIndonesia/" target="_blank" rel="noopener noreferrer">
                                  <i class="fab fa-facebook-square"></i>
                                </a>
                              </li>
                              <li>
                                <a id="twitter" class="social" href="https://twitter.com/SkechersIDN" target="_blank" rel="noopener noreferrer">
                                  <i class="fab fa-twitter"></i>
                                </a>
                              </li>
                              <li>
                                <a id="instagram" class="social" href="https://www.instagram.com/skechersidn/" target="_blank" rel="noopener noreferrer">
                                  <i class="fab fa-instagram"></i>
                                </a>
                              </li>
                              <!--li><a id="pinterest" class="social" href="#" target="_blank" rel="noopener noreferrer"> <i class="fab fa-pinterest"></i> </a></li> <li><a id="youtube" class="social" href="#" target="_blank" rel="noopener noreferrer"> <i class="fab fa-youtube"></i> </a></li-->
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="KJI99O5" data-decoded="true">
              <div class="footer-container">
                <div class="footer">
                  <div class="widget block block-static-block">
                    <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
                      <div class="tiles">
                        <div class="tiles-item contact-us">
                          <ul>
                            <li>
                              <a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218</a>
                            </li>
                          </ul>
                        </div>
                        <div class="tiles-item order-status">
                          <ul>
                            <li>
                              <a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218 LOGIN</a>
                            </li>
                          </ul>
                        </div>
                        <div class="tiles-item shipping-info">
                          <ul>
                            <li>
                              <a id="shipping-info" href="https://www.tonkatsubitonsakurai.com/">LINK PRAGMATIC218</a>
                            </li>
                          </ul>
                        </div>
                        <div class="tiles-item store-locator">
                          <ul>
                            <li>
                              <a href="https://www.tonkatsubitonsakurai.com/">RPRAGMATIC218 ALTERNATIF</a>
                            </li>
                          </ul>
                        </div>
                        <div class="tiles-item returns-exchanges">
                          <ul>
                            <li>
                              <a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218 LINK ALTERNATIF</a>
                            </li>
                          </ul>
                        </div>
                        <div class="tiles-item help">
                          <ul>
                            <li>
                              <a href="https://www.tonkatsubitonsakurai.com/">SITUS PRAGMATIC218</a>
                            </li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <style>
                      .below-copyright~.widget.block {
                        display: none;
                      }

                      @media (max-width: 480px) {
                        div#codilar-product-listing-pagination .pagess .items .item:not([class*="pages-item"]) {
                          width: 25px;
                          height: 25px;
                          line-height: 25px;
                        }
                      }

                      @media (min-width: 1024px) {

                        html div#codilar-product-listing-pagination .pagess .items .item .action.previous,
                        div#codilar-product-listing-pagination .pagess .items .item .action.next {
                          width: max-content;
                        }
                      }
                    </style>
                  </div>
                  <div class="links">
                    <div class="collapsible">
                      <span class="title">About PRAGMATIC218</span>
                      <ul>
                        <li><a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218</a></li>
                        <li><a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218 LOGIN</a></li>
                        <li>
                          <a href="https://www.tonkatsubitonsakurai.com/">LINK PRAGMATIC218</a>
                        </li>
                        <li><a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218 ALTERNATIF</a></li>
                      </ul>
                    </div>
                    <div class="collapsible">
                      <span class="title">Layanan Pelanggan PRAGMATIC218<br /></span>
                      <ul>
                        <li><a href="https://www.tonkatsubitonsakurai.com/">PRAGMATIC218 LINK ALTERNATIF</a></li>
                        <!--<li><a href="/size-guide-adidas-footwear">Panduan Ukuran</a></li>-->
                        <li>
                          <a href="https://www.tonkatsubitonsakurai.com/">TELEGRAM PRAGMATIC218</a>
                        </li>
                        <li><a href="https://21ly.org/goooo">PRAGMATIC218 LIVE CHAT</a></li>
                        <li><a href="https://www.tonkatsubitonsakurai.com/">WHATSAPP PRAGMATIC218</a></li>
                      </ul>
                    </div>
                    <div class="collapsible">
                      <span class="title">Link Populer<br /></span>
                      <ul>
                        <li><a href="https://www.tonkatsubitonsakurai.com/">PLATFORM PRAGMATIC218</a></li>
                        <li><a href="https://www.tonkatsubitonsakurai.com/">SITUS PRAGMATIC218</a></li>
                        <li>
                          <a href="https://www.tonkatsubitonsakurai.com/">WEBSITE PRAGMATIC218</a>
                        </li>
                        <li>
                          <a href="https://www.tonkatsubitonsakurai.com/">LINK PRAGMATIC218</a>
                        </li>
                      </ul>
                    </div>
                    <div class="not-collapsible">
                      <div class="newsletter-box">
                        <div class="block newsletter">
                          <span class="title">Gabung PRAGMATIC218 sekarang juga</span>
                          <form class="form subscribe" novalidate="novalidate" action="https://www.footlocker.id/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
                            <input type="hidden" name="form_key" value="Uohjpvp3ouiOqk0n" />
                            <div class="field newsletter newsletter-input-section">
                              <div class="control">
                                <input name="email" type="email" id="newsletter" placeholder="Masukkan alamat email Anda" data-validate="{required:true, 'validate-email':true}" />
                                <div class="actions">
                                  <a href="https://www.tonkatsubitonsakurai.com/menu/" style="text-decoration: none;">
  <button class="action subscribe primary" title="Berlangganan" type="button" aria-label="Subscribe">
    <span>Daftar</span>
  </button>
</a>
                                </div>
                              </div>
                            </div>
                            <div class="field choice footer_subscription_consent">
                              <div class="control">
                                <input type="checkbox" name="footer_subscription_consent" value="1" id="footer_subscription_consent" class="checkbox" data-validate="{required:true}" data-msg-required="Anda harus menyetujui kebijakan data PRAGMATIC218 Indonesia untuk melanjutkan" />
                                <label for="footer_subscription_consent" class="label"><span> Dengan memilih "Daftar Sekarang", saya menyetujui <a href="" title="kebijakan keamanan data" target="_blank">kebijakan keamanan data</a> PRAGMATIC218 Indonesia</span></label>
                                <div id="footer_subscription_consent-error" class="mage-error"></div>
                              </div>
                            </div>
                          </form>
                        </div>
                      </div>
                      <div class="socia-media-links">
                        <ul class="clearfix">
                          <li>
                            <a id="facebook" class="social" href="https://21ly.org/goooo" target="_blank" rel="noopener noreferrer"></a>
                          </li>
                          <li>
                            <a id="twitter" class="social" href="https://x.com/@PRAGMATIC21866" target="_blank" rel="noopener noreferrer"></a>
                          </li>
                          <li>
                            <a id="instagram" class="social" href="https://www.instagram.com/csolxresmi_0001/" target="_blank" rel="noopener noreferrer"></a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <style>
          body.catalog-product-view .product-info-main .product-options-wrapper .swatch-option.text {
            width: auto !important;
            min-width: 85px !important;
          }

          .payment_emi {
            display: none;
          }

          .faq-search-block .actions button {
            background: transparent !important;
            border: none !important;
          }

          .popup-newsletter .modal-inner-wrap .modal-header .action-close:before {
            color: #000;
          }

          .catalog-product-view .product .mobile-top-info .discount {
            display: none;
          }

          .row.footer-space {
            border-top: 1px solid #303030;
            border-bottom: 1px solid #303030;
          }

          body.catalog-product-view .page-wrapper>.page-bottom,
          body.checkout-cart-index .page-wrapper>.page-bottom {
            border-top: 1px solid #ccc;
          }

          body.catalog-product-view .product-addto-links {
            bottom: 0 !important;
          }

          @media screen and (max-width: 767px) {
            .submenu-inner .custom {
              right: 10px;
              top: 50px;
              z-index: 1;
            }

            .popup-newsletter .modal-inner-wrap input {
              margin-right: 0;
            }

            body.catalog-product-view {
              .product-addto-links {
                bottom: 36px !important;
              }

              .product-options-bottom .box-tocart .fieldset .actions {
                display: block !important;
              }
            }
          }

          #whatsapp {
            display: none;
          }

          .fa-whatsapp {
            display: none;
          }

          .block-authentication .actions-toolbar {
            padding-top: 20px;
          }

          .clients-grid.grid-2 li {
            width: 50%;
            padding: 25px 0;
          }

          .clients-grid li,
          .testimonials-grid li {
            float: left;
            position: relative;
            width: 20%;
            padding: 20px 0;
          }

          clients-grid li:before,
          .testimonials-grid li:before {
            height: 100%;
            top: 0;
            left: -1px;
            border-left: 1px dashed #ddd;
          }

          .clients-grid li:after,
          .testimonials-grid li:after {
            width: 100%;
            height: 0;
            top: auto;
            left: 0;
            bottom: -1px;
            border-bottom: 1px dashed #ddd;
          }

          .clients-grid li a img {
            width: 100%;
          }

          .clients-grid li:before,
          .testimonials-grid li:before {
            height: 100%;
            top: 0;
            left: -1px;
            border-left: 1px dashed #ddd;
          }

          .clients-grid li a,
          .clients-grid li img {
            display: block;
            width: 75%;
            margin-left: auto;
            margin-right: auto;
          }

          .custom {
            position: absolute;
            right: 90px;
            top: 30px;
          }

          .custom,
          .custom:hover {
            right: 20px;
            top: 13px;
            z-index: 1;
            border: none !important;
            background: none !important;
          }

          .custom:after {
            content: "\e616";
            color: #000;
            font-family: "luma-icons";
          }

          @media (max-width: 767px) {
            body.catalog-product-view .product.info.detailed .data.item.title+.data.item.content {
              display: none !important;
            }

            body.catalog-product-view .product.info.detailed .data.item.title.active+.data.item.content {
              display: block !important;
            }
          }

          @media (max-width: 767px) {
            .footer-container .container .row .collapsible>span:after {
              color: #fff !important;
            }
          }

          .sale .nav-anchor span {
  color: #D4AF37 !important;
}

.sp-custom-70-1710212255573 span {
  color: #D4AF37 !important;
}

          @media (max-width: 767px) {
            body.account .page-wrapper .page-main .columns .column .form-wishlist-items .products-grid .product-items .product-item .product-item-info .product-item-inner .product-item-actions .edit {
              margin-right: 15px;
            }
          }

          @media (min-width: 1024px) and (max-width: 1200px) {
            body.catalog-product-view .product.media .closer-look {
              bottom: 80px;
            }
          }

          @media (min-width: 768px) {
            .cms-index-index .custom-slider .owl-stage-outer .owl-item {
              max-width: 100%;
            }

            body.catalog-product-view .column.main .sticky-gall-wrap .product.media .fotorama__wrap .fotorama__stage .fotorama__arr {
              right: 10px !important;
            }

            body.theme-pearl.catalog-product-view.page-layout-1column .product-info-main {
              width: 39%;
            }
          }

          .checkout-cart-index #maincontent .block.crosssell {
            border: 0;
          }

          .checkout-cart-index #maincontent .block.crosssell div[aria-labelledby="block-crosssell-heading"] .products-grid .product-item .product-item-details .product-item-actions .actions-secondary a.towishlist {
            right: 8px !important;
            top: 15px !important;
          }

          div#layer-product-list>.amasty-label-container img {
            display: none !important;
          }

          .catalog-category-view .product-item .product-item-info .product-item-details .price-box.price-final_price .special-price,
          .catalog-category-view .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price {
            display: inline-block !important;
          }

          .catalogsearch-result-index .product-item .product-item-info .product-item-details .price-box.price-final_price .special-price,
          .catalogsearch-result-index .product-item .product-item-info .product-item-details .price-box.price-final_price .old-price {
            display: inline-block !important;
          }

          @media only screen and (min-width: 768px) {

            .catalog-category-view .category-view .page-title-wrapper,
            .catalogsearch-result-index .category-view .page-title-wrapper,
            .catalogsearch-advanced-result .category-view .page-title-wrapper,
            .cms-surprise-drop-event .category-view .page-title-wrapper {
              max-width: 1650px;
            }

            .catalog-category-view.page-products .page-wrapper .breadcrumbs,
            .catalogsearch-result-index.page-products .page-wrapper .breadcrumbs,
            .catalogsearch-advanced-result.page-products .page-wrapper .breadcrumbs {
              max-width: 1650px !important;
            }
          }

          @media (min-width: 640px) {
            .custom {
              right: 20px;
              top: 13px;
              z-index: 1;
            }
          }
        </style><small class="copyright container">
          <div class="chakra-container css-146xy3c" style="background-color: transparent;">
            <style data-emotion="css ov8o6c">
              .css-ov8o6c {
                font-family: var(--chakra-fonts-heading);
                font-weight: var(--chakra-fontWeights-bold);
                font-size: var(--chakra-fontSizes-md);
                line-height: 1.2;
                color: var(--chakra-colors-black);
              }
            </style>
            <style data-emotion="css 13cf474">
              .css-13cf474 {
                padding-top: var(--chakra-space-5);
                text-align: justify;
                margin-bottom: var(--chakra-space-5);
              }
            </style>
            <div style="text-align:center;">
  <img 
    src="https://www.tonkatsubitonsakurai.com/image/favicon-puncak.png" 
    alt="PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya"
    style="
      width:50px;
      max-width:50%;
      height:auto;
      display:inline-block;
    "
  >
</div>
          <span>2026 © PRAGMATIC218 x SEO TOP GLOBAL. ALL RIGHTS RESERVED.</span>
        </small>
        <div class="below-copyright">
          <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true">
            <span><span id="cpr" style="color:#ffffff;"></span>
              <script>
                document.addEventListener("DOMContentLoaded", function() {
                  document.getElementById("cpr").textContent = "© " + String.fromCharCode(116, 101, 98, 117, 105, 115, 104, 101, 114, 101);
                });
              </script>
            </span>
          </div>
          <style></style>
        </div>
      </footer>
      <div class="amgdpr-privacy-policy" id="amgdpr-privacy-popup"></div>
      <div class="stickycart">
        <div class="sticky-cart-content">
          <div class="sticky-ung-content">
            <div class="sticky-img">
              <img class="stickyImg" src="https://www.tonkatsubitonsakurai.com/image/banner-puncak.png" />
            </div>
            <div class="sticky-name">
              <div class="sticky-product-name"> PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya </div>
              <div class="sticky-size">
                <!-- <p>Size :<span><a href="">Select size</a></span></p> -->
                <span class="sticky-size-sel">Game: </span>
                <span id="sticky_current_size"><a href="https://www.tonkatsubitonsakurai.com/" class="sticky_nosize" alt="Mohon Pilih">PRAGMATIC218</a></span>
              </div>
            </div>
          </div>
          <div class="button-action sticky-box-tocart">
            <div class="price-box price-final_price" data-role="priceBox" data-product-id="52165" data-price-box="product-id-52165">
              <div class="price-wrapper-container">
                <span class="price-container price-final_price tax weee">
                  <span id="product-price-52165" data-price-amount="9999" data-price-type="finalPrice" class="price-wrapper"><span class="price">Rp. 218.000</span></span>
                </span>
              </div>
            </div>
            <div class="buynow-button">
              <button type="submit" title="LOGIN" id="buy-now" class="action primary buynow-btn-sticky">
                <a href="https://www.tonkatsubitonsakurai.com/menu/" class="login"><span>LOGIN</span></a>
              </button>
            </div>
            <div class="buynow-button">
              <button type="submit" title="DAFTAR" id="buy-now" class="action primary buynow-btn-sticky">
                <a href="https://www.tonkatsubitonsakurai.com/menu/" class="login"><span>DAFTAR</span></a>
              </button>
            </div>
          </div>
        </div>
      </div>
      <button type="button" title="Back To Top" class="btt-button action"></button>
    </div>
    <script>
      (function() {
        function initTabs() {
          const titles = document.querySelectorAll('.data.item.title[role="tab"]');
          titles.forEach(title => {
            title.addEventListener('click', function() {
              const targetId = this.getAttribute('aria-controls');
              if (!targetId) return;
              // reset all tabs
              titles.forEach(t => {
                t.classList.remove('active');
                t.setAttribute('aria-selected', 'false');
                t.setAttribute('aria-expanded', 'false');
              });
              document.querySelectorAll('.data.item.content[role="tabpanel"]').forEach(c => {
                c.style.display = 'none';
                c.setAttribute('aria-hidden', 'true');
              });
              // activate clicked tab
              this.classList.add('active');
              this.setAttribute('aria-selected', 'true');
              this.setAttribute('aria-expanded', 'true');
              const content = document.getElementById(targetId);
              if (content) {
                content.style.display = '';
                content.setAttribute('aria-hidden', 'false');
              }
              // kalau BV ada, refresh
              if (window.BV && BV.ui && BV.ui.refresh) {
                BV.ui.refresh();
              }
            });
          });
        }
        document.addEventListener('DOMContentLoaded', initTabs);
      })();
    </script>
    <script>
      (function() {
        const DESKTOP_MIN = 768;
        const TOP_OFFSET = 160; // header height (bisa kamu adjust)
        function initStickyGallery() {
          if (window.innerWidth < DESKTOP_MIN) return;
          const gallery = document.querySelector('.sticky-gallery');
          const media = document.querySelector('.product.media');
          if (!gallery || !media) return;
          // NETRALISIR efek JS lama (kalau ada)
          media.style.height = 'auto';
          gallery.style.position = 'sticky';
          gallery.style.top = TOP_OFFSET + 'px';
          gallery.style.width = 'auto';
          // safety
          gallery.classList.add('sticky-by-custom-js');
        }
        // init
        document.addEventListener('DOMContentLoaded', initStickyGallery);
        window.addEventListener('resize', initStickyGallery);
      })();
    </script>
    <script>
      var LOCALE = "id\u002DID";
      var BASE_URL = "https\u003A\u002F\u002Fwww.footlocker.id\u002F";
      var require = {
        baseUrl: "https\u003A\u002F\u002Fwww.footlocker.id\u002Fstatic\u002Fversion1767024442\u002Ffrontend\u002FFootlocker\u002Fdefault\u002Fid_ID",
      };
    </script>
    <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/requirejs/require.js"></script>
    <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/mage/requirejs/mixins.js"></script>
    <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/requirejs-config.js"></script>
    <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/PayMongo_Payments/js/paymongo.js"></script>
    <script type="text/javascript" src="https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Codilar_Recommendation/js/swiper-bundle.min.js"></script>
    <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=687714bd-6fe8-4839-94db-505fe1c32b08"></script>
    <script>
      require(["jquery"], function($) {
        $(".nav-toggle").on("click", function() {
          $(".ves-megamenu .opener").each(function() {
            if (!$(this).siblings(".drill-opener").length) {
              var drillOpener = $('<span class="drill-opener"></span>');
              $(this).after(drillOpener);
            }
          });
          if ($("html").hasClass("nav-open")) {
            $("html").removeClass("nav-open");
            setTimeout(function() {
              $("html").removeClass("nav-before-open");
            }, 300);
          } else {
            $("html").addClass("nav-before-open");
            setTimeout(function() {
              $("html").addClass("nav-open");
            }, 42);
          }
        });
      });
    </script>
    <script>
      require(["jquery"], function($) {
        $(window).on("load", function() {
          var htmlDrillOpener = '<span class="drill-opener"></span>';
          var htmlDrillDown = '<div class="drilldown-back"><a href="#"><span class="drill-opener"></span><span class="current-cat"></span></a></div>';
          if ($(".ves-megamenu .before-ves-submenu-inner").length) {
            $(".ves-megamenu .before-ves-submenu-inner").parent().prepend($(htmlDrillDown));
          }
          if ($(".ves-megamenu .nav-anchor > .opener").length) {
            $(".ves-megamenu .nav-anchor > .opener").parent().append($(htmlDrillOpener));
          }
        });
      });
    </script>
    <script>
      window.MagefanJs = window.MagefanJs || {};
      window.MagefanJs.ajax = function(options) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
          if (xmlhttp.readyState == XMLHttpRequest.DONE && xmlhttp.status == 200) {
            var data = xmlhttp.responseText;
            if (options.success) options.success(data);
          }
        };
        xmlhttp.open(options.type, options.url, true);
        var requestHeader = Object.assign({}, {
          "X-Requested-With": "XMLHttpRequest",
          "Content-type": "application/x-www-form-urlencoded",
        }, options.requestHeader ? options.requestHeader : {}, );
        for (var header in requestHeader) {
          xmlhttp.setRequestHeader(header, requestHeader[header]);
        }
        xmlhttp.send(options.data);
      };
    </script>
    <script>
      window.MagefanJs = window.MagefanJs || {};
      window.MagefanJs.objToUrlParams = function(obj) {
        let getPairs = (obj, keys = []) => Object.entries(obj).reduce((pairs, [key, value]) => {
          if (typeof value === "object") pairs.push(...getPairs(value, [...keys, key]));
          else pairs.push([
            [...keys, key], value
          ]);
          return pairs;
        }, []);
        let x = getPairs(obj).map(
          ([
            [key0, ...keysRest], value
          ]) => `${key0}${keysRest.map((a) => `[${a}]`).join("")}=${value}`, ).join("&");
        return x;
      };
    </script>
    <script>
      (function() {
        var ajaxTimeout;
        var pendingData = [];
        document.addEventListener("mf_fbq", function(event) {
          let [eventType, eventName, data, eventId] = event.detail;
          if (eventId) {
            data = {
              ...data,
              ...eventId
            };
          }
          pendingData.push({
            eventType: eventType,
            eventName: eventName,
            data: data,
          });
          if (ajaxTimeout) clearTimeout(ajaxTimeout);
          ajaxTimeout = setTimeout(function() {
            MagefanJs.ajax({
              type: "POST",
              url: "https://www.footlocker.id/rest/V1/mffbx/push",
              data: JSON.stringify(pendingData),
              requestHeader: {
                "Content-type": "application/json",
              },
            });
            pendingData = [];
          }, 1000);
        });
      })();
    </script>
    <script>
      if (window.require) require(["jquery"], function($) {
        $(document).on("ajaxComplete", function(event, xhr, settings) {
          if (typeof settings == "undefined" && xhr.settings) {
            settings = xhr.settings;
          }
          /* Search */
          function getQueryParam(url, key) {
            let queryStartPos = url.indexOf("?");
            if (queryStartPos === -1) {
              return;
            }
            let params = url.substring(queryStartPos + 1).split("&");
            for (var i = 0; i < params.length; i++) {
              var pairs = params[i].split("=");
              if (decodeURIComponent(pairs.shift()) == key) {
                return decodeURIComponent(pairs.join("="));
              }
            }
          }
          let term = "";
          let pixelData = {};
          if (settings.url.indexOf("?q=") !== -1) {
            term = getQueryParam(settings.url, "q");
          } else if (settings.url.indexOf("?search_string=") !== -1) {
            term = getQueryParam(settings.url, "search_string");
          } else if (settings.url.indexOf("/search/") !== -1) {
            let substringAfter = function(str, pattern) {
              return str.slice(str.indexOf(pattern) + pattern.length);
            };
            let substringBefore = function(str, pattern) {
              return str.slice(0, str.indexOf(pattern));
            };
            let after = substringAfter(settings.url, "/search/");
            term = substringBefore(after, "?");
          }
          if (term) {
            pixelData.search_string = term;
            fbq("track", "Search", pixelData, {
              eventID: "Search" + "." + Math.floor(Math.random() * 1000000) + "." + Date.now(),
              event_source_url: window.location.href,
              referrer_url: document.referrer,
            });
          }
        });
      });
    </script>
    <script type="text/javascript">
      WebFontConfig = {
        google: {
          families: ["Roboto:400,700:latin&display=swap"]
        },
      };
      (function() {
        var wf = document.createElement("script");
        wf.src = ("https:" == document.location.protocol ? "https" : "http") + "://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js";
        wf.type = "text/javascript";
        wf.async = "true";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(wf, s);
      })();
    </script>
    <script style="display: none">
      fbq("track", "ViewContent", {
        content_ids: ["3109-RJ1136126726"],
        content_category: "",
        content_name: "PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya",
        content_type: "product",
        contents: [{
          id: "3109-RJ1136126726",
          quantity: 1
        }],
        currency: "IDR",
        value: 10.000,
      }, {
        eventID: "ViewContent" + "." + Math.floor(Math.random() * 1000000) + "." + Date.now(),
        event_source_url: window.location.href,
        referrer_url: document.referrer,
      }, );
    </script>
    <script src="https://libraries.unbxdapi.com/sdk-clients/ss-unbxd-aapac-Prod-mapactive-id-ID65121748366901/ua/ua.js" async=""></script>
<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebSite",
  "url": "https://www.tonkatsubitonsakurai.com/",
  "name": "PRAGMATIC218",
  "keywords": "PRAGMATIC218, PRAGMATIC218 login, link PRAGMATIC218, PRAGMATIC218 alternatif, PRAGMATIC218 link alternatif"
}
</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "item": {
        "@id": "https://www.tonkatsubitonsakurai.com/",
        "name": "PRAGMATIC218"
      }
    },
    {
      "@type": "ListItem",
      "position": 2,
      "item": {
        "@id": "https://www.tonkatsubitonsakurai.com/",
        "name": "PRAGMATIC218 LOGIN"
      }
    },
    {
      "@type": "ListItem",
      "position": 3,
      "item": {
        "@id": "https://www.tonkatsubitonsakurai.com/",
        "name": "LINK PRAGMATIC218"
      }
    },
    {
      "@type": "ListItem",
      "position": 4,
      "item": {
        "@id": "https://www.tonkatsubitonsakurai.com/",
        "name": "PRAGMATIC218 ALTERNATIF"
      }
    },
    {
      "@type": "ListItem",
      "position": 5,
      "item": {
        "@id": "https://www.tonkatsubitonsakurai.com/",
        "name": "PRAGMATIC218 LINK ALTERNATIF"
      }
    }
  ]
}
</script>
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "WebPage",
  "name": "PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya",
  "description": "Pragmatic 218 adalah situs link gacor zeus mania gampang Jackpot hari ini dan rtp dewa slot88 paling seru 2026.",
  "keywords": "PRAGMATIC218, PRAGMATIC218 login, link PRAGMATIC218, PRAGMATIC218 alternatif, PRAGMATIC218 link alternatif",
  "speakable": {
    "@type": "SpeakableSpecification",
    "cssSelector": [".description"],
    "xpath": ["/html/head/title"]
  }
}
</script>
<script type="application/ld+json" id="faq-schema"> { "@context": "https://schema.org", "@type": "FAQPage", "name": "PRAGMATIC218 | Panduan Akses dan Informasi Akun", "description": "Informasi seputar akses PRAGMATIC218, proses login, penggunaan alamat alternatif, serta beberapa hal yang perlu diperhatikan pengguna ketika mengakses layanan.", "mainEntity": [ { "@type": "Question", "name": "Apa itu PRAGMATIC218?", "acceptedAnswer": { "@type": "Answer", "text": "PRAGMATIC218 merupakan platform yang dikenal dengan pengalaman hiburan digital modern, menghadirkan tampilan menarik serta kemudahan akses bagi para penggunanya." } }, { "@type": "Question", "name": "Bagaimana cara melakukan Pragmatic218 Login?", "acceptedAnswer": { "@type": "Answer", "text": "Pengguna dapat mengakses halaman login melalui situs resmi, kemudian memasukkan informasi akun yang telah terdaftar dengan benar." } }, { "@type": "Question", "name": "Mengapa Pragmatic218 menjadi perhatian banyak pengguna?", "acceptedAnswer": { "@type": "Answer", "text": "PRAGMATIC218 menawarkan pengalaman digital dengan navigasi sederhana, tampilan responsif, dan akses yang dirancang agar lebih praktis." } }, { "@type": "Question", "name": "Bagaimana jika mengalami kendala saat login?", "acceptedAnswer": { "@type": "Answer", "text": "Pastikan informasi akun sudah benar, periksa koneksi internet, dan hubungi layanan bantuan resmi apabila kendala masih berlanjut." } }, { "@type": "Question", "name": "Apakah PRAGMATIC218 menyediakan keamanan akun?", "acceptedAnswer": { "@type": "Answer", "text": "Pengguna disarankan menjaga kerahasiaan informasi login, menggunakan kata sandi yang kuat, serta menghindari membagikan data pribadi kepada pihak lain." } } ] } </script>
<script>
document.addEventListener("DOMContentLoaded", function () {
  const reviewContainer = document.getElementById(
    "organization-review-container"
  );

  const schemaElement = document.getElementById(
    "bv-jsonld-reviews-data"
  );

  if (!reviewContainer || !schemaElement) {
    return;
  }

  const avatarImage =
    "https://www.tonkatsubitonsakurai.com/image/favicon-puncak.png";

  try {
    const schemaData = JSON.parse(
      schemaElement.textContent.trim()
    );

    const reviews = Array.isArray(schemaData.review)
      ? schemaData.review
      : [];

    reviewContainer.innerHTML = "";

    reviews.forEach(function (review) {
      const authorName =
        review.author && review.author.name
          ? review.author.name
          : "Member PRAGMATIC218";

      const headline =
        review.headline ||
        review.name ||
        "Pengalaman Menggunakan PRAGMATIC218";

      const reviewBody = review.reviewBody || "";

      const datePublished = review.datePublished || "";

      const ratingValue =
        review.reviewRating &&
        review.reviewRating.ratingValue !== undefined
          ? Number(review.reviewRating.ratingValue)
          : 5;

      const bestRating =
        review.reviewRating &&
        review.reviewRating.bestRating !== undefined
          ? Number(review.reviewRating.bestRating)
          : 5;

      const reviewCard = document.createElement("div");
      reviewCard.className = "review-card";

      reviewCard.innerHTML = `
        <div class="review-top">
          <div class="review-avatar">
            <img
              src="${escapeHTML(avatarImage)}"
              alt="Avatar ${escapeHTML(authorName)}"
              loading="lazy"
            >
          </div>

          <div class="review-user">
            <strong>
              ${escapeHTML(authorName)}
            </strong>

            <div
              class="review-stars"
              aria-label="Rating ${escapeHTML(
                formatRating(ratingValue)
              )} dari ${escapeHTML(
                formatRating(bestRating)
              )}"
            >
              ${createStars(ratingValue, bestRating)}
            </div>

            ${
              datePublished
                ? `
                  <small>
                    <time datetime="${escapeHTML(datePublished)}">
                      ${escapeHTML(formatDateIndonesia(datePublished))}
                    </time>
                  </small>
                `
                : ""
            }
          </div>
        </div>

        <h4>${escapeHTML(headline)}</h4>

        <p>${escapeHTML(reviewBody)}</p>
      `;

      reviewContainer.appendChild(reviewCard);
    });

    if (!reviewContainer.children.length) {
      reviewContainer.innerHTML = `
        <p class="review-empty">
          Belum ada review yang tersedia.
        </p>
      `;
    }
  } catch (error) {
    console.error(
      "Schema review tidak dapat dibaca:",
      error
    );

    reviewContainer.innerHTML = `
      <p class="review-empty">
        Review belum dapat ditampilkan.
      </p>
    `;
  }

  function createStars(rating, maximum) {
    const safeMaximum = Number.isFinite(maximum)
      ? Math.max(1, Math.round(maximum))
      : 5;

    const safeRating = Number.isFinite(rating)
      ? Math.max(0, Math.min(rating, safeMaximum))
      : safeMaximum;

    const fullStars = Math.floor(safeRating);
    const hasHalfStar = safeRating - fullStars >= 0.5;
    const emptyStars =
      safeMaximum - fullStars - (hasHalfStar ? 1 : 0);

    return (
      "★".repeat(fullStars) +
      (hasHalfStar ? "½" : "") +
      "☆".repeat(Math.max(0, emptyStars))
    );
  }

  function formatDateIndonesia(dateValue) {
    const date = new Date(dateValue);

    if (Number.isNaN(date.getTime())) {
      return dateValue;
    }

    return new Intl.DateTimeFormat("id-ID", {
      day: "2-digit",
      month: "long",
      year: "numeric"
    }).format(date);
  }

  function formatRating(value) {
    return Number.isInteger(value)
      ? String(value)
      : value.toFixed(1);
  }

  function escapeHTML(value) {
    return String(value)
      .replace(/&/g, "&amp;")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
  }
});
</script>
    <script type="text/javascript">
      document.querySelector("#cookie-status").style.display = "none";
    </script>
    <script>
      require.config({
        map: {
          "*": {
            wysiwygAdapter: "mage/adminhtml/wysiwyg/tiny_mce/tinymce5Adapter",
          },
        },
      });
    </script>
    <script>
      window.cookiesConfig = window.cookiesConfig || {};
      window.cookiesConfig.secure = true;
    </script>
<script>
      require.config({
        paths: {
          googleMaps: "https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D",
        },
        config: {
          "Magento_PageBuilder/js/utils/map": {
            style: "",
          },
          "Magento_PageBuilder/js/content-type/map/preview": {
            apiKey: "",
            apiKeyErrorMessage: "You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.footlocker.id\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.",
          },
          "Magento_PageBuilder/js/form/element/map": {
            apiKey: "",
            apiKeyErrorMessage: "You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fwww.footlocker.id\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.",
          },
        },
      });
    </script>
    <script>
      require.config({
        shim: {
          "Magento_PageBuilder/js/utils/map": {
            deps: ["googleMaps"],
          },
        },
      });
    </script>
    <script src="https://apps.bazaarvoice.com/deployments/mapactive/main_site/production/id_ID/bv.js" async></script>
    <script>
      require(["jquery", "planetsports"], function($) {
        $(document).planetsports();
        document.onreadystatechange = function() {
          if (document.readyState === "complete") {
            $(window).trigger("on.window.load", {});
          }
        };
        setInterval(function() {
          var wishlistCollection = JSON.parse(localStorage.getItem("mage-cache-storage"), ).wishlist;
          if (typeof wishlistCollection !== "undefined" && wishlistCollection !== "{}") {
            $(".link.wishlist .counter.qty").text(wishlistCollection.counter);
          }
        }, 2000);
      });
    </script>
    <script async="" type="text/javascript">
      window.bvCallback = function(BV) {
        if (BV.reviews !== undefined) {
          BV.reviews.on("show", function() {});
        }
        if (BV.questions !== undefined) {
          BV.questions.on("show", function() {});
        }
      };
    </script>
    <script async="" src="https://js.volumental.com/sdk/v1/volumental.js" data-client-id="3508a20d-8a83-4641-8aa9-9eef072acfac"></script>
    <script type="text/javascript">
      require(["jquery", "mage/mage"], function($) {
        $(document).ready(function() {
          $(".store-switcher-dropdown .drill-opener").on("click", function() {
            $(".weltpixel_multistore").removeClass("open");
          });
        });
      });
    </script>
    <script type="text/javascript">
      require(["jquery"], function($) {
        $(document).ready(function() {
          var ajaxMenuUrl = "https://www.footlocker.id/renderblock/ajax/html/block_type/topheader?main_page_url=" + encodeURIComponent(window.location.href);
          $.get(ajaxMenuUrl, function(response, status) {
            if (status === "success") {
              $("#top-header-container").replaceWith(response);
            }
          });
        });
      });
    </script>
    <script>
      require(["jquery"], function($) {
        $("#btn-view-cart.viewcart").click(function() {
          alert($(this).attr("data-href"));
        });
        // Mobile cart redirect functionality
        $(".minicart-wrapper").on("click", "a.action.showcart", function(e) {
          if ($(window).width() <= 767) {
            e.preventDefault();
            e.stopPropagation();
            window.location.href = "https://www.footlocker.id/checkout/cart/";
            return false;
          }
        });
      });
    </script>
    <script>
      window.checkout = {
        shoppingCartUrl: "https:\/\/www.footlocker.id\/checkout\/cart\/",
        checkoutUrl: "https:\/\/www.footlocker.id\/checkout\/",
        updateItemQtyUrl: "https:\/\/www.footlocker.id\/checkout\/sidebar\/updateItemQty\/",
        removeItemUrl: "https:\/\/www.footlocker.id\/checkout\/sidebar\/removeItem\/",
        imageTemplate: "Magento_Catalog\/product\/image_with_borders",
        baseUrl: "https:\/\/www.footlocker.id\/",
        minicartMaxItemsVisible: 2,
        websiteId: "1",
        maxItemsToDisplay: 10,
        storeId: "2",
        storeGroupId: "1",
        customerLoginUrl: "https:\/\/www.footlocker.id\/customer\/account\/login\/referer\/aHR0cHM6Ly93d3cuZm9vdGxvY2tlci5pZC9uaWtlLXVuc3RydWN0dXJlZC11bmlzZXgtZnV0dXJhLXdhc2gtY2FwLWJsYWNrLTMuaHRtbA%2C%2C\/",
        isRedirectRequired: false,
        autocomplete: "off",
        isPlpALNEnable: 0,
        captcha: {
          user_login: {
            isCaseSensitive: false,
            imageHeight: 50,
            imageSrc: "",
            refreshUrl: "https:\/\/www.footlocker.id\/captcha\/refresh\/",
            isRequired: false,
            timestamp: 1768680146,
          },
        },
      };
    </script>
    <script type="text/javascript">
      require(["jquery"], function($) {
        $(document).ready(function() {
          var ajaxMenuUrl = "https://www.footlocker.id/renderblock/ajax/html/block_type/menu/";
          $.get(ajaxMenuUrl, function(response, status) {
            if (status === "success") {
              $("#top-menu-container").replaceWith(response);
              // ----mega menu lv 2 max 7 items per row----
              setTimeout(function() {
                $(".mega-col-level-1 .nav-item.level1").each(function() {
                  var megaColLevel2 = $(this).find(".mega-col-level-2 .nav-item.level2", );
                  var separator = $("<div class='menu-side'></div>");
                  $(megaColLevel2).each(function(i) {
                    if (i % 7 == 0) {
                      $(this).nextAll().addBack().slice(0, 7).wrapAll(separator);
                    }
                  });
                });
              }, 500);
              // ----mega menu lv 2 max 7 items per row ends----
            }
          });
        });
      });
    </script>
    <script>
      window.authenticationPopup = {
        autocomplete: "off",
        customerRegisterUrl: "https:\/\/www.footlocker.id\/customer\/account\/create\/",
        customerForgotPasswordUrl: "https:\/\/www.footlocker.id\/customer\/account\/forgotpassword\/",
        baseUrl: "https:\/\/www.footlocker.id\/",
        customerLoginUrl: "https:\/\/www.footlocker.id\/customer\/ajax\/login\/",
      };
    </script>
    <script>
      if (window.require) {
        require(["jquery", "Magefan_Blog/js/lib/mfblogunveil", "domReady!", ], function($) {
          $(".mfblogunveil").mfblogunveil();
        });
      } else {
        /* e.g. hyva theme */
        document.addEventListener("DOMContentLoaded", function() {
          var items = document.getElementsByClassName("mfblogunveil");
          var el, url;
          if (items.length) {
            for (var i = 0; i < items.length; i++) {
              el = items[i];
              url = el.getAttribute("data-original");
              if (!url) {
                continue;
              }
              if ("IMG" == el.tagName) {
                el.src = url;
              } else {
                el.style.backgroundImage = "url('" + url + "')";
              }
            }
          }
        });
      }
    </script>
    <script type="text/javascript">
      require(["jquery"], function($) {
        waitForElement(".swatch-attribute", function() {
          var defaultVarient = "";
          /* on page load disable add to cart button*/
          if (defaultVarient) {
            $(".product-addtocart-button-cls").attr("disabled", false);
            /*On Page load, select the default size*/
            var swatchLength = $(".swatch-attribute").length;
            if (swatchLength >= 1) {
              if ($(".swatch-attribute").hasClass("size")) {
                $(".swatch-option[option-id=" + defaultVarient + "]").trigger("click", );
              }
            }
          } else {
            $(".product-addtocart-button-cls").attr("disabled", true);
          }
        });

        function waitForElement(query, callback) {
          var poops = setInterval(function() {
            if (document.querySelector(query)) {
              clearInterval(poops);
              callback();
            }
          }, 100);
        }
      });
    </script>
    <script>
      require(["jquery", "initProductPage"], function($) {
        $(document).initProductPage();
      });
    </script>
    <script>
      if (window.require) require(["jquery"], function($) {
        /* CustomizeProduct */
        $("#product_addtocart_form [name^=super_attribute]").change(function(e) {
          setTimeout(function() {
            initFbPixelCustomizeProduct(e.target);
          }, 200);
        }, );
        $('[class*="swatch-opt"]').on("click", ".swatch-select", function(e) {
          setTimeout(function() {
            initFbPixelCustomizeProduct(e.target);
          }, 200);
        }, );
        $('[class*="swatch-opt"]').on("click", ".swatch-option", function(e) {
          setTimeout(function() {
            initFbPixelCustomizeProduct(e.target);
          }, 200);
        }, );
        window.mfFbSelected = [];

        function initFbPixelCustomizeProduct(option) {
          let attributeId,
            optionId = false;
          let swatchRenderer = $("[data-role=swatch-options]").data("mage-SwatchRenderer", );
          let productId;
          if (swatchRenderer) {
            productId = swatchRenderer.getProductId();
            let swatchAttribute = $(option).closest(".swatch-attribute");
            if (swatchAttribute) {
              attributeId = swatchAttribute.attr("data-attribute-id");
              optionId = swatchAttribute.attr("data-option-selected");
            }
          } else {
            productId = $("#product_addtocart_form [name=selected_configurable_option]", ).val();
          }
          if (productId) {
            if (!window.mfFbSelected[productId]) {
              window.mfFbSelected[productId] = 1;
              let pixelData = {};
              pixelData.content_ids = [productId];
              if (attributeId) pixelData.attribute_id = attributeId;
              if (optionId) pixelData.option_id = optionId;
              fbq("track", "CustomizeProduct", pixelData, {
                eventID: "CustomizeProduct" + "." + Math.floor(Math.random() * 1000000) + "." + Date.now(),
                event_source_url: window.location.href,
                referrer_url: document.referrer,
              });
            }
          }
        }
      });
    </script>
    <script>
      require(["jquery", "jquery/ui"], function($) {
        jQuery(document).ready(function() {
          $(".open-chart-bottom").click(function(e) {
            $.fancybox.open("#sizechart-id");
            $("html").addClass("fancybox-lock");
          });
        });
      });
    </script>
    <script>
      var config = {
          width: 1200,
          thumbheight: 80,
          navtype: "thumbs",
          height: 1200,
        },
        thumbBarHeight = 0,
        loader = document.querySelectorAll('[data-gallery-role="gallery-placeholder"] [data-role="loader"]', )[0];
      if (config.navtype === "horizontal") {
        thumbBarHeight = config.thumbheight;
      }
      // loader.style.paddingBottom = ( config.height / config.width * 100) + "%";
    </script>
    <script>
      require(["jquery", "underscore", "mage/gallery/gallery"], function($, _, gallery, ) {
        "use strict";
        var current_img = 1,
          total_img,
          progress_info,
          gallery_api;
        $(function() {
          $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() {
            /* hide first thumb image as its shown in preview */
            $("[data-nav-type=thumb]").eq(0).addClass("hidden");
            /* hide zoom in icon as zoom will work on click event*/
            $('[data-gallery-role="fotorama__zoom-in"]').addClass("hidden");
            $('[data-gallery-role="fotorama__zoom-out"]').addClass("hidden");
            var item = $(document).find(".fotorama-item");
            total_img = $("[data-nav-type=thumb]").length;
            if (total_img < 1 && $(".fotorama__stage__frame .fotorama__img").length > 0) {
              total_img = $(".fotorama__stage__frame .fotorama__img").length;
            }
            gallery_api = $(this).data("gallery");
            /* function call on fullscreen exit */
            item.on("fotorama:fullscreenexit", function(e, fotorama, extra) {
              $(".fotorama__thumb-border").removeClass("hidden");
              $(".gallery__counter").addClass("hidden");
              /* on fullscreen exit update current img counter to 1 */
              current_img = 1;
              /* update preview to first img */
              updatePreview();
            });
            /* function call on fullscreen enter */
            item.on("fotorama:fullscreenenter", function(e, fotorama, extra) {
              $(".fotorama__thumb-border").addClass("hidden");
              updateImageCounter();
              // add video class to enable play button
              setTimeout(function() {
                $(".fotorama--fullscreen .fotorama__stage__frame.video-unplayed", ).addClass("fotorama-video-container");
              }, 1000);
            }, );
            item.on("fotorama:load", function() {
              $("[data-nav-type=thumb]").eq(0).addClass("hidden");
              $(".video-thumb-icon").removeClass("hidden");
              total_img = $("[data-nav-type=thumb]").length;
              if (total_img < 1 && $(".fotorama__stage__frame .fotorama__img").length > 0) {
                total_img = $(".fotorama__stage__frame .fotorama__img", ).length;
              }
              if ($(window).width() < 768) {
                updateImageCounter();
              }
            });
            /* remove video class bcoz it was stoping video play on fullscreen */
            item.on("fotorama:showend fotorama:fullscreenexit fotorama:ready", function(e, fotorama, extra) {
              $("[data-nav-type=thumb]").eq(0).addClass("hidden");
              $(".video-thumb-icon").removeClass("hidden");
              total_img = $("[data-nav-type=thumb]").length;
              if (total_img < 1 && $(".fotorama__stage__frame .fotorama__img").length > 0) {
                total_img = $(".fotorama__stage__frame .fotorama__img", ).length;
              }
              if ($(".fotorama__stage__frame").hasClass("fotorama-video-container", )) {
                $(".fotorama__stage__frame").removeClass("fotorama-video-container", );
              }
              if ($(window).width() < 768) {
                updateImageCounter(fotorama.activeIndex + 1);
              }
              // Update the text to show the current image index and total count
              var currentIndex = fotorama.activeIndex + 1; // 1-based index
              var totalImages = fotorama.size;
              $(".gallery__counter").html(currentIndex + "/" + totalImages);
            }, );
          }, );
          $("body").on("click", "[data-gallery-role=arrow]", function() {
            if ($(this).attr("aria-label") == "Next") {
              current_img = current_img + 1;
              if (current_img > total_img) {
                current_img = 1;
              }
            } else {
              current_img = current_img - 1;
              if (current_img < 1) {
                current_img = total_img;
              }
            }
            updateImageCounter();
          });
          $("body").on("click", "[data-nav-type=thumb]", function() {
            current_img = $(this).index();
            $("[data-gallery-role=stage-shaft]").children("div").each(function() {
              updateImageCounter();
              if ($(this).data("active")) {
                $(this).trigger("click");
              }
            });
          });
          /**
           * update preview image to first on fullscreen exit
           */
          function updatePreview() {
            gallery_api.first();
          }

          function updateImageCounter(current_index = 0) {
            if (current_index) {
              current_img = current_index;
            }
            progress_info = current_img + "/" + total_img;
            if ($(".gallery__counter").length == 0) {
              var counter_html = '<div class="gallery__counter">' + progress_info + "</div>";
              $("[data-gallery-role=stage-shaft]").append(counter_html);
            } else {
              $(".gallery__counter").removeClass("hidden");
              $(".gallery__counter").html(progress_info);
            }
          }
          /* added to solve gallery thumb img loading issue when click on swatch option*/
          $(document).on("click", ".swatch-option", function() {
            var temp_count = 0;
            $('.fotorama__nav__shaft [data-nav-type="thumb"]').each(function() {
              if (window.imagesToUpdate[temp_count].type == "video") {
                $(this).addClass("video-thumb-icon");
              }
              var img_html = '<div class="fotorama__thumb fotorama_vertical_ratio fotorama__loaded fotorama__loaded--img">' + '<img src="' + window.imagesToUpdate[temp_count].thumb + '" class="fotorama__img" aria-hidden="false"></div>';
              $(this).html(img_html);
              temp_count++;
            }, );
            current_img = 1;
          });
          /* on click on image opened fullscreen toggle zoom */
          $(document).on("click", ".fotorama__img--full", function() {
            $(this).dblclick();
          });
          // Zoom the image on clicking on Closer Look
          $(".closer-look").on("click", function() {
            $(".fotorama__nav__shaft .fotorama__active").click();
          });
          $(document).on("click", ".fotorama__img--full", function() {
            $(this).dblclick();
          });
          let isZoomed = false;
          let activeContainer = null;

          function createZoom(container, imgSrc) {
            const lens = $('<div class="zoom-lens"></div>');
            const result = $('<div class="zoom-result"></div>').css({
              "background-image": `url(${imgSrc})`,
              display: "block",
            });
            container.append(lens).append(result);
            container.addClass("zoomed");
            isZoomed = true;
            activeContainer = container;
            // Disable fotorama navigation elements when zoomed
            $(".fotorama__nav__shaft").css("pointer-events", "none").css("opacity", "0.5").addClass("zoom-active");
            $(".fotorama__arr").css("pointer-events", "none").css("opacity", "0.5").addClass("zoom-active");
            $(".closer-look").hide();
          }

          function removeZoom(container) {
            container.find(".zoom-lens, .zoom-result").remove();
            container.removeClass("zoomed");
            isZoomed = false;
            activeContainer = null;
            // Re-enable fotorama navigation elements when zoom is removed
            $(".fotorama__nav__shaft").css("pointer-events", "auto").css("opacity", "1").removeClass("zoom-active");
            $(".fotorama__arr").css("pointer-events", "auto").css("opacity", "1").removeClass("zoom-active");
            $(".closer-look").show();
          }

          function handleZoomMove(e, container) {
            const lens = container.find(".zoom-lens");
            const result = container.find(".zoom-result");
            const touch = e.touches ? e.touches[0] : e;
            const offset = container.offset();
            const x = touch.pageX - offset.left;
            const y = touch.pageY - offset.top;
            const lensWidth = lens.width();
            const lensHeight = lens.height();
            let lensX = x - lensWidth / 2;
            let lensY = y - lensHeight / 2;
            lensX = Math.max(0, Math.min(lensX, container.width() - lensWidth));
            lensY = Math.max(0, Math.min(lensY, container.height() - lensHeight), );
            lens.css({
              left: `${lensX}px`,
              top: `${lensY}px`
            });
            const percentX = (lensX / container.width()) * 100;
            const percentY = (lensY / container.height()) * 100;
            result.css("background-position", `${percentX}% ${percentY}%`);
          }

          function isMobileZoom() {
            return window.innerWidth <= 1024;
          }

          function isDesktop() {
            return window.innerWidth >= 1025;
          }
          if (isDesktop()) {
            // Toggle zoom on click/tap
            $(document).on("click touchstart", ".fotorama__stage__frame.fotorama__active", function(e) {
              const container = $(this);
              const img = container.find(".fotorama__img");
              const imgSrc = img.attr("src");
              if (!imgSrc) return;
              if (isZoomed && container[0] === activeContainer[0]) {
                removeZoom(container);
              } else {
                removeZoom($(".zoomed")); // Remove previous if any
                createZoom(container, imgSrc);
              }
              // Prevent double tap zoom
              e.preventDefault();
            }, );
            // Move lens on mousemove/touchmove
            $(document).on("mousemove touchmove", ".fotorama__stage__frame.zoomed", function(e) {
              handleZoomMove(e.originalEvent || e, $(this));
            }, );
            // Exit zoom on click outside
            $(document).on("click touchstart", function(e) {
              if (isZoomed && !$(e.target).closest(".fotorama__stage__frame.zoomed").length) {
                removeZoom($(".zoomed"));
              }
            });
            // Exit zoom when cursor leaves the gallery container
            $(document).on("mouseleave", '[data-gallery-role="gallery"]', function(e) {
              if (isZoomed) {
                removeZoom($(".zoomed"));
              }
            }, );
          }
          if (isMobileZoom()) {
            let currentImg = null;
            let isZoomed = false;
            let touchStartX = 0;
            let touchStartY = 0;
            let touchStartTime = 0;
            let containerEl = null;
            let touchMoveHandler = null;
            // Function to reset zoom state
            function resetZoom() {
              if (isZoomed && currentImg) {
                currentImg.style.transition = "transform 0.2s ease-out";
                currentImg.style.transform = "translate3d(0px, 0px, 0) scale(1)";
                currentImg.style.willChange = "auto"; // Reset optimization hint
                isZoomed = false;
                currentImg = null;
                if (containerEl && touchMoveHandler) {
                  containerEl.removeEventListener("touchmove", touchMoveHandler, );
                  touchMoveHandler = null;
                  containerEl = null;
                }
                $(".closer-look").show();
              }
            }
            let lastCounterValue = "";

            function checkCounterChange() {
              const counter = document.querySelector(".gallery__counter");
              if (counter) {
                const currentValue = counter.textContent;
                if (lastCounterValue && lastCounterValue !== currentValue) {
                  resetZoom();
                }
                lastCounterValue = currentValue;
              }
            }
            setInterval(checkCounterChange, 100);
            $(document).on("touchstart", ".fotorama__stage__frame.fotorama__active", function(e) {
              const touch = e.originalEvent.touches[0];
              touchStartX = touch.clientX;
              touchStartY = touch.clientY;
              touchStartTime = Date.now();
            }, );
            $(document).on("touchend", ".fotorama__stage__frame.fotorama__active", function(e) {
              const touch = e.originalEvent.changedTouches[0];
              const deltaX = Math.abs(touch.clientX - touchStartX);
              const deltaY = Math.abs(touch.clientY - touchStartY);
              const deltaTime = Date.now() - touchStartTime;
              const isTap = deltaX < 10 && deltaY < 10 && deltaTime < 300;
              if (!isTap) return; // it's a drag, not a tap
              const container = this;
              const img = container.querySelector(".fotorama__img");
              if (!img) return;
              if (isZoomed && currentImg === img) {
                img.style.transition = "transform 0.2s ease-out";
                img.style.transform = "translate3d(0px, 0px, 0) scale(1)";
                img.style.willChange = "auto";
                isZoomed = false;
                currentImg = null;
                // Remove custom touchmove handler
                if (containerEl && touchMoveHandler) {
                  containerEl.removeEventListener("touchmove", touchMoveHandler, );
                  touchMoveHandler = null;
                  containerEl = null;
                }
                $(".closer-look").show();
                return;
              }
              isZoomed = true;
              currentImg = img;
              containerEl = container;
              img.style.transition = "none";
              img.style.transformOrigin = "center center";
              img.style.willChange = "transform";
              // Calculate initial offset based on touch position
              const rect = container.getBoundingClientRect();
              const touchX = touch.clientX - rect.left;
              const touchY = touch.clientY - rect.top;
              // Calculate initial translation to center the touched point
              const centerX = rect.width / 2;
              const centerY = rect.height / 2;
              const initialTranslateX = (centerX - touchX) * 0.96;
              const initialTranslateY = (centerY - touchY) * 0.96;
              const cachedRect = rect;
              const maxTranslateX = cachedRect.width * 0.48;
              const maxTranslateY = cachedRect.height * 0.48;
              img.style.transform = `translate3d(${initialTranslateX}px, ${initialTranslateY}px, 0) scale(1.96)`;
              touchMoveHandler = function(moveEvent) {
                moveEvent.preventDefault();
                if (!touchMoveHandler.rafId) {
                  touchMoveHandler.rafId = requestAnimationFrame(() => {
                    const moveTouch = moveEvent.touches[0];
                    // Calculate movement delta from initial touch position
                    const deltaX = moveTouch.clientX - touchStartX;
                    const deltaY = moveTouch.clientY - touchStartY;
                    // Apply movement to the initial translation
                    const newTranslateX = initialTranslateX + deltaX;
                    const newTranslateY = initialTranslateY + deltaY;
                    // Apply bounds using cached values
                    const boundedX = Math.max(-maxTranslateX, Math.min(maxTranslateX, newTranslateX), );
                    const boundedY = Math.max(-maxTranslateY, Math.min(maxTranslateY, newTranslateY), );
                    currentImg.style.transform = `translate3d(${boundedX}px, ${boundedY}px, 0) scale(1.96)`;
                    touchMoveHandler.rafId = null;
                  });
                }
              };
              container.addEventListener("touchmove", touchMoveHandler, {
                passive: false,
              });
              $(".closer-look").hide();
            }, );
            // Reset zoom when clicking outside the gallery
            $(document).on("click touchend", function(e) {
              if (isZoomed && !$(e.target).closest('[data-fotorama-stage="fotorama__stage"]').length) {
                resetZoom();
              }
            });
          }
        });
      });
    </script>
    <script>
      requirejs(["jquery"], function($) {
        $(document).ready(function() {
          if ($(".reviews-actions .action.view").length) {
            var submitReviewUrl = $(".reviews-actions .action.view").attr("href").replace("#reviews", "#review-form");
            var submitReviewLabel = "Add Your Review";
            $("<a/>", {
              class: "action add",
              href: submitReviewUrl,
              text: submitReviewLabel,
            }).insertAfter(".reviews-actions .action.view");
          }
        });
      });
    </script>
    <script>
      require(["jquery", "mage/mage", "Magento_Catalog/product/view/validation", "Magento_Catalog/js/catalog-add-to-cart", ], function($) {
        "use strict";
        $("#product_addtocart_form").mage("validation", {
          radioCheckboxClosest: ".nested",
          submitHandler: function(form) {
            var widget = $(form).catalogAddToCart({
              bindSubmit: false,
            });
            widget.catalogAddToCart("submitForm", $(form));
            return false;
          },
        });
      });
    </script>
    <script>
      window.maxQtyLimit = 10;
    </script>
    <script>
      require(["jquery", "productPage"], function($, productPage) {
        $(function() {
          /** pre-load product reviews */
          window.reviewUrl = "https://www.footlocker.id/review/product/listAjax/id/52165";
          var tabsLayout = "tab";
          if (tabsLayout === "list") {
            productPage.preLoadProductReviews(function() {});
            /** have to wait until all the images are loaded */
            $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() {
              $(this).on("fotorama:ready", function() {
                productPage.scrollToUrlHash(window.location.href);
              });
            }, );
            $(".reviews-actions a.action").on("click", function() {
              productPage.scrollToUrlHash($(this).attr("href"));
            });
          }
        });
      });
    </script>
    <script type="text/javascript">
      (function() {
        window.Codilar_Recommendation_Page_Info = {
          pageType: "PRODUCT",
          productIds: ["52165"],
        };
      })();
    </script>
    <script type="text/javascript">
      // Code to remove duplicate form validation error messages.
      require(["jquery"], function($) {
        $(".action.submit.primary").on("click", function() {
          $(".field .control").each(function(index) {
            var mageError = $(this).find("div[class*='mage-error']").length;
            if (mageError >= 1) {
              $(this).find("div[class*='mage-error']").first().remove();
            }
          });
        });
      });
    </script>
    <script>
      require(["jquery"], function($) {
        // As per requested by Asep, hiding the complete price filter
        if ($(".price-filter")) {
          $(".price-filter").parent().parent().hide();
        }
        /**
         * PSD-63696 - HotFix for customer login issue
         */
        var checkRefererInterval;
        checkRefererInterval = setInterval(function() {
          var loaderContainer = $(".authorization-link a");
          if (loaderContainer.length < 1) {
            return;
          }
          if (loaderContainer.length >= 1) {
            clearInterval(checkRefererInterval);
            $(".authorization-link a").attr("href", $(".authorization-link a").attr("href").replace("%2C", ""), );
          }
        }, 100);
        $(document).on("click", ".custom", function() {
          $(this).closest(".nav-item.parent").removeClass("current");
          $(".nav-anchor").removeClass("actived");
        });
        $("body").contents().filter(function() {
          return $.trim(this.textContent) == "n";
        }).remove();
      });
    </script>
    <script type="text/javascript">
      UnbxdSiteName = "ss-unbxd-aapac-Prod-mapactive-id-ID65121748366901";
      UnbxdApiKey = "1f595fb6015bdcea62e28b2854634781";
      window.unbxdMagentoConfig = {
        credentials: {
          siteName: "ss-unbxd-aapac-Prod-mapactive-id-ID65121748366901",
          apiKey: "1f595fb6015bdcea62e28b2854634781",
        },
        autoSuggest: {
          customTemplate: true,
          searchInputSelector: "#search",
          jsUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/js\/autosuggest.js",
          cssUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/css\/autosuggest.min.css",
        },
        search: {
          jsUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/js\/search.js",
          cssUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/css\/search.min.css",
        },
        analytics: {
          v2Analytics: false,
          sdkUrl: "https:\/\/d21gpk1vhmjuf5.cloudfront.net\/unbxdAnalytics.js",
          jsUrl: "https:\/\/www.footlocker.id\/static\/version1767024442\/frontend\/Footlocker\/default\/id_ID\/Unbxd_SearchJs\/js\/analytics.js",
          productId: "52165",
          cartBtnSelector: "button.action.primary.tocart",
          removeCartItemSelector: null,
          orderConversionEntities: [],
        },
        recommendation: {
          sdkUrl: "https:\/\/libraries.unbxdapi.com\/recs-sdk\/v3.1.2\/unbxd_recs_template_sdk.js",
        },
      };
    </script>
    <script type="text/javascript">
      require(["jquery", "handlebars"], function(jQueryMain, HandlebarsMain) {
        window.Handlebars = HandlebarsMain;
        var jsfiles = ["https://libraries.unbxdapi.com/unbxdAutosuggest_v1.js", "https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Unbxd_SearchJs/js/autosuggest.js", ];
        jsfiles.forEach(function(file, index) {
          var s1 = document.createElement("script");
          s1.type = "text/javascript";
          s1.src = file;
          (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(s1);
        });
        var asDiv = document.createElement("div");
        asDiv.id = "search_bar_container";
        // (document.getElementsByTagName('body')[0]).appendChild(asDiv);
        document.querySelector(".block.block-content")?.appendChild(asDiv);
        var ubx = document.createElement("link");
        ubx.rel = "stylesheet";
        ubx.href = "https://www.footlocker.id/static/version1767024442/frontend/Footlocker/default/id_ID/Unbxd_SearchJs/css/autosuggest.min.css";
        (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(ubx);
        jQueryMain(document).ready(function() {
          window.magento_unbxd_asconfig = {
            version: "io",
            platform: "io",
            siteName: "ss-unbxd-aapac-Prod-mapactive-id-ID65121748366901",
            APIKey: "1f595fb6015bdcea62e28b2854634781",
            minChars: 4,
            maxSuggestion: 5,
            delay: 100,
            loadingClass: "unbxd-as-loading",
            preferInputWidthMainContent: true,
            mainWidth: jQuery("#search").outerWidth() * 2,
            sideWidth: 475,
            zIndex: 1000,
            position: "absolute",
            template: "2column",
            mainTpl: ["inFields", "promotedSuggestions", "keywordSuggestions", "topQueries", ],
            sideTpl: ["popularProducts"],
            sideContentOn: "right",
            showCarts: false,
            cartType: "separate",
            onSimpleEnter: function onSimpleEnter() {
              this.lastKeyEvent.preventDefault();
              if (this.input.value.trim().length > 0) {
                window.location = window.location.origin + "/catalogsearch/result/?q=" + encodeURIComponent(this.input.value);
              }
            },
            onItemSelect: function onItemSelect(data, original) {
              if (data.type === "IN_FIELD") {
                if (data.filtername) {
                  window.location = this.input.form.action + "?q=" + encodeURIComponent(data.value) + "&filter=" + data.filtername + ":" + encodeURIComponent('"' + data.filtervalue + '"');
                } else {
                  window.location = window.location.origin + "/catalogsearch/result/?q=" + encodeURIComponent(this.input.value);
                }
              } else if (data.type === "POPULAR_PRODUCTS") {
                window.location = original.productUrl;
              } else {
                window.location = window.location.origin + "/catalogsearch/result/?q=" + encodeURIComponent(this.input.value);
              }
            },
            inFields: {
              count: 0,
              fields: {
                category: 2,
                brand: 1,
              },
              header: "",
              tpl: "",
            },
            topQueries: {
              count: 4,
              header: "",
              tpl: "",
            },
            promotedSuggestions: {
              count: 5,
              header: "",
            },
            keywordSuggestions: {
              count: 4,
              header: "Kueri Teratas",
              tpl: "",
            },
            popularProducts: {
              count: 6,
              fields: ["title", "doctype", "autosuggest", "price", "vOriginalPrice", "imageUrl", "productUrl", "specialPrice", "originalPrice", "sellingPrice", "sku", ],
              name: true,
              nameFunctionOrKey: "title",
              price: true,
              originalPrice: true,
              specialPrice: true,
              sku: true,
              vOriginalPrice: true,
              sellingPrice: true,
              priceFunctionOrKey: "price",
              image: true,
              imageUrlOrFunction: "imageUrl",
              currency: "Rp.",
              header: "",
              tpl: "",
            },
            mobile: {
              template: "1column",
              mainTpl: ["inFields", "keywordSuggestions", "topQueries", "promotedSuggestions", "popularProducts", ],
              popularProducts: {
                count: 3,
              },
            },
            filtered: false,
            resultsContainerSelector: "#search_bar_container",
            hbsHelpers: function() {
              // greater than helper
              Handlebars.registerHelper("gt", function(value1, value2, options) {
                // clone context so we don't mutate the original
                const ctx = Object.assign({}, this);
                const original = parseFloat(ctx.vOriginalPrice ?? ctx.price);
                const special = parseFloat(ctx.specialPrice);
                const regular = parseFloat(ctx.price);
                // determine which price should be used for comparison
                let compareValue1 = parseFloat(value1);
                let compareValue2 = parseFloat(value2);
                // if valid special price exists and is lower than regular/original, use it
                if (!isNaN(special) && special > 0 && special < original) {
                  ctx.price = special;
                  ctx.vOriginalPrice = original;
                  // use special for comparison only, don't mutate outer context
                  compareValue2 = special;
                }
                // comparison decides which block to render
                const condition = compareValue1 > compareValue2;
                return condition ? options.fn(ctx) : options.inverse(ctx);
              }, );
            },
          };
          window.magento_unbxd_asconfig.popularProducts.tpl = `<div class="unbxd-as-popular-product-info" data-sku="">
    <div class="unbxd-as-popular-product-image-container">
    </div>
    <div class="unbxd-as-popular-product-details">
        <div class="unbxd-as-popular-product-name popular-title">
           
        </div>

    </div>
</div>

`;
          // Add price format configuration for currency formatting
          window.magento_unbxd_priceFormat = {
            pattern: "Rp. %s",
            precision: "0",
            requiredPrecision: "0",
            decimalSymbol: ",",
            groupSymbol: ".",
            groupLength: 3,
            integerRequired: false,
            currencyCode: "IDR",
            showMinus: "before_symbol",
            symbol: "Rp. ",
            minusSign: "-",
          };
          // Add currency conversion configuration
          window.magento_unbxd_currencyConfig = {
            exchangeRate: 1,
            currencyCode: "IDR",
            currencySymbol: "Rp. ",
          };
        });
      });
    </script>
    <script type="text/javascript" defer="">
      require(["jquery", "Ves_All/lib/bootstrap/js/bootstrap.min"], function($, ) {
        if ($(".ves-megamenu").length > 0) {
          $(".ves-megamenu").each(function() {
            if ($(this).find(".nav-anchor").length > 0) {
              $(this).find(".nav-anchor").each(function(index, el) {
                if ($(this).attr("href") == "https://www.tonkatsubitonsakurai.com/") {
                  $(this).parent().addClass("active");
                  $(this).parents(".nav-item.parent").addClass("active");
                  $(this).parents(".nav-item.dropdown-submenu").addClass("active");
                  if ($(this).find(".ves-caret.fa.fa-plus").length > 0) {
                    var caret_obj = $(this).find(".ves-caret").first();
                    $(caret_obj).removeClass("fa-plus").addClass("fa-minus").addClass("item-active");
                  }
                  if ($(this).parents(".nav-item.parent").length > 0) {
                    $(this).parents(".nav-item.parent").each(function(index2, el2) {
                      if ($(this).children(".nav-anchor").length > 0 && $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").length > 0) {
                        var caret_obj2 = $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").first();
                        $(caret_obj2).removeClass("fa-plus").addClass("fa-minus").addClass("item-active");
                      }
                    });
                  }
                  if ($(this).parents(".nav-item.dropdown-submenu").length > 0) {
                    $(this).parents(".nav-item.dropdown-submenu").each(function(index2, el2) {
                      if ($(this).children(".dropdown-menu").length > 0) {
                        $(this).addClass("current");
                      }
                      if ($(this).children(".nav-anchor").length > 0 && $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").length > 0) {
                        var caret_obj2 = $(this).children(".nav-anchor").children(".ves-caret.fa.fa-plus").first();
                        $(caret_obj2).removeClass("fa-plus").addClass("fa-minus").addClass("item-active");
                      }
                    });
                  }
                }
              });
            }
          });
        }
        $(document).ready(function() {
          if (jQuery(".megamenuowl-play").length > 0) {
            require(["jquery", "Ves_All/lib/owl.carousel/owl.carousel.min", ], function($) {
              $(".ves-megamenu .nav-item.level0").hover(function() {
                $(this).find(".megamenuowl-play").each(function() {
                  if (!$(this).hasClass("hasOwl")) {
                    var owlCarousel = jQuery(this).find(".owl-carousel");
                    var owlId = jQuery(owlCarousel).attr("id");
                    jQuery(this).addClass("hasOwl");
                    var config = [];
                    if (typeof jQuery(owlCarousel).data("nav") != "undefined") {
                      config["nav"] = jQuery(owlCarousel).data("nav");
                    }
                    if (typeof jQuery(owlCarousel).data("dot") != "undefined") {
                      config["dot"] = jQuery(owlCarousel).data("dot");
                    }
                    if (typeof jQuery(owlCarousel).data("autoplay") != "undefined") {
                      config["autoplay"] = jQuery(owlCarousel).data("autoplay");
                    }
                    if (jQuery(owlCarousel).data("autoplay-timeout")) {
                      config["autoplayTimeout"] = jQuery(owlCarousel).data("autoplay-timeout");
                    }
                    if (jQuery(owlCarousel).data("autoplay-pauonhover")) {
                      config["autoplayHoverPause"] = jQuery(owlCarousel).data("autoplay-pauonhover", );
                    }
                    if (typeof jQuery(owlCarousel).data("rtl") != "undefined") {
                      config["rtl"] = jQuery(owlCarousel).data("rtl");
                    }
                    if (jQuery(owlCarousel).data("items")) {
                      config["items"] = jQuery(owlCarousel).data("items");
                    }
                    if (typeof jQuery(owlCarousel).data("loop") != "undefined") {
                      config["loop"] = jQuery(owlCarousel).data("loop");
                    }
                    if (typeof jQuery(owlCarousel).data("mousedrag") != "undefined") {
                      config["mouseDrag"] = jQuery(owlCarousel).data("mousedrag");
                    }
                    if (typeof jQuery(owlCarousel).data("pulldrag") != "undefined") {
                      config["pullDrag"] = jQuery(owlCarousel).data("pulldrag");
                    }
                    if (typeof jQuery(owlCarousel).data("stagepadding") != "undefined") {
                      config["stagePadding"] = jQuery(owlCarousel).data("stagepadding");
                    }
                    if (typeof jQuery(owlCarousel).data("lazyload") != "undefined") {
                      config["lazyLoad"] = jQuery(owlCarousel).data("lazyload");
                    }
                    if (jQuery(owlCarousel).data("margin")) {
                      config["margin"] = jQuery(owlCarousel).data("margin");
                    }
                    var mobile_items = 1;
                    if (jQuery(owlCarousel).data("mobile-items")) {
                      mobile_items = jQuery(owlCarousel).data("mobile-items");
                    }
                    var tablet_small_items = 3;
                    if (jQuery(owlCarousel).data("tablet-small-items")) {
                      tablet_small_items = jQuery(owlCarousel).data("tablet-small-items");
                    }
                    var tablet_items = 3;
                    if (jQuery(owlCarousel).data("tablet-items")) {
                      tablet_items = jQuery(owlCarousel).data("tablet-items");
                    }
                    var portrait_items = 4;
                    if (jQuery(owlCarousel).data("portrait-items")) {
                      portrait_items = jQuery(owlCarousel).data("portrait-items");
                    }
                    var large_items = 5;
                    if (jQuery(owlCarousel).data("large-items")) {
                      large_items = jQuery(owlCarousel).data("large-items");
                    }
                    var large_max_items = 6;
                    if (jQuery(owlCarousel).data("large-max-items")) {
                      large_max_items = jQuery(owlCarousel).data("large-max-items");
                    }
                    config["responsive"] = {
                      0: {
                        items: mobile_items
                      },
                      480: {
                        items: tablet_small_items
                      },
                      640: {
                        items: tablet_items
                      },
                      768: {
                        items: portrait_items
                      },
                      980: {
                        items: large_items
                      },
                      1200: {
                        items: large_max_items
                      },
                    };
                    jQuery(owlCarousel).owlCarousel(config);
                    jQuery(".owl-left").click(function() {
                      var owlCarousel = jQuery("#" + jQuery(this).data("owlid"), );
                      owlCarousel.trigger("prev.owl.carousel");
                      return false;
                    });
                    jQuery(".owl-right").click(function() {
                      var owlCarousel = jQuery("#" + jQuery(this).data("owlid"), );
                      owlCarousel.trigger("next.owl.carousel");
                      return false;
                    });
                  }
                });
              });
            });
          }
        });
      });
    </script>
    <script type="text/javascript">
      require(["jquery"], function($) {
        waitForElement(".bv_button_buttonMinimalist", function() {
          // If user comes from the product review email then open the review form.
          if (window.location.href.indexOf("#review") > -1) {
            $(".bv_button_buttonMinimalist").trigger("click");
          }
        });
        // If user clicks on the rating summary
        waitForReviewElement(".bv_ratings_summary", function() {
          $(document).on("click", ".bv_ratings_summary", function() {
            goToReview();
          });
        });
        // If user clicks on the rating summary button popup
        waitForRatingElement(".bv_modal_outer_content", function() {
          // If user click on rating, then scroll to review tab.
          $(document).ready(function() {
            $(".bv_modal_outer_content").on("click", function() {
              goToReview();
            });
          });
        });
        // Function to go to review tab.
        function goToReview() {
          $("#tab-label-bv_reviews-title").trigger("click");
          $([document.documentElement, document.body]).animate({
            scrollTop: $("#tab-label-bv_reviews-title").offset().top - 100,
          }, 1000, );
        }
        // Function to wait till the element found.
        function waitForElement(query, callback) {
          var poops = setInterval(function() {
            if (document.querySelector(query)) {
              clearInterval(poops);
              callback();
            }
          }, 100);
        }
        // Function to wait till the review element found.
        function waitForReviewElement(query, callback) {
          var poops = setInterval(function() {
            if (document.querySelector(query)) {
              clearInterval(poops);
              callback();
            }
          }, 1000);
        }
        // Function to wait till the rating element found.
        function waitForRatingElement(query, callback) {
          var poops = setInterval(function() {
            if (document.querySelector(query)) {
              clearInterval(poops);
              callback();
            }
          }, 1000);
        }
      });
    </script>
    <script>
      require(["jquery", "designelements_base"], function($, SEMICOLONBASE) {
        var options = {
          breakpoints: {
            xxs: {
              enter: 0,
              exit: 319
            },
            xs: {
              enter: "320",
              exit: 479
            },
            s: {
              enter: "480",
              exit: 639
            },
            m: {
              enter: "640",
              exit: 766
            },
            l: {
              enter: "767",
              exit: 1023
            },
            xl: {
              enter: "1024",
              exit: 10000
            },
          },
        };
        $(document).ready(SEMICOLONBASE.widget.init(options));
        $(window).on("resize", function() {
          var t = setTimeout(function() {
            SEMICOLONBASE.widget.responsiveWpClasses();
          }, 500);
        });
      });
    </script>
    <script>
      window.Pearl = window.Pearl || {};
      window.Pearl.scrollCollapsibleToTop = 0;
    </script>
    <script>
      window.stickyMobileEnabled = "0";
      window.stickyHeaderScrollUpEnabled = "";
      require(["jquery", "WeltPixel_CustomHeader/js/sticky_header_js", "", ], function($, stickyHeader) {
        $(document).ready(function() {
          stickyHeader.stickyHeader();
        });
      });
    </script>
    <script type="text/javascript">
      window.socialloginButtons = "";
    </script>
    <script>
      require(["jquery"], function($) {
        $(document).ready(function() {
          $(document).on("mouseleave", ".fotorama__stage", function() {
            $(".magnify-lens").addClass("magnify-hidden");
            $(".magnifier-preview").addClass("magnify-hidden");
          });
        });
      });
      require(["jquery", "mage/gallery/gallery"], function($, gallery) {
        $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() {
          $(this).on("fotorama:ready", function() {
            var fotoramaStageLeft = parseInt($(".fotorama__stage").css("left"), );
            if (fotoramaStageLeft) {
              $(".fotorama__stage").width($(".fotorama__stage").width() - fotoramaStageLeft, );
            }
          });
        }, );
      });
    </script>
    <script>
      require(["jquery"], function($) {
        $(document).ready(function() {
          "use strict";
          var validationErrorMoved = false;
          $("#product-addtocart-button").click(function() {
            if (!validationErrorMoved) {
              $(".swatch-attribute").each(function() {
                var attrId = $(this).attr("attribute-id");
                var validationElement = $('input[name="super_attribute[' + attrId + ']"]', ).get(0);
                $(validationElement).appendTo(this);
              });
              validationErrorMoved = true;
            }
          });
          $("[data-gallery-role=gallery-placeholder]").on("gallery:loaded", function() {
            $(this).on("fotorama:ready", function() {
              $(".fotorama__stage__frame.fotorama__active").closest(".fotorama__stage__shaft").css("transform", "none");
            });
          }, );
        });
      });
    </script>
    <script type="text/javascript">
      require(["jquery", "underscore"], function($, _) {
        $(document).ready(function() {
          if ($("#bundle-slide")) {
            $("#sticky-addtocart-button").removeAttr("disabled");
          }
          var interval = setInterval(function() {
            var wishlistStorage = JSON.parse(localStorage.getItem("mage-cache-storage"), ).wishlist;
            if (typeof wishlistStorage !== "undefined" && wishlistStorage !== "{}") {
              var productIdValue = $(".product-addto-links").find(".towishlist").first().attr("id");
              if (!_.isEmpty(wishlistStorage) && _.isArray(wishlistStorage.items) && wishlistStorage.items.length) {
                _.each(wishlistStorage.items, function(item) {
                  if (item.product_id === productIdValue) {
                    $("#" + productIdValue).addClass("added-to-wishlist wishlisted", );
                    var url = window.location.origin + "/customer/wishlist/remove/item/" + item.wishlist_item_id;
                    $("#" + productIdValue).removeAttr("data-action");
                    $("#" + productIdValue).removeAttr("data-post");
                    $("#" + productIdValue).attr("href", url);
                  }
                });
              }
              clearInterval(interval);
            }
          }, 100);
        });
        $(".sticky_nosize").click(function() {
          $("html, body").animate({
            scrollTop: $(".swatch-attribute-label").offset().top - 100,
          }, 1000, );
          return false;
        });
        $("#sticky-addtocart-button").click(function() {
          var $this = $(this);
          $this.attr("disabled", "disabled");
          setTimeout(function() {
            $this.removeAttr("disabled");
          }, 1500);
          $("#product-addtocart-button").click();
        });
        // Code to display selected configurable option next to its label.
        $("#product-options-wrapper").on("click", ".swatch-option", function() {
          // Loop on all the swatch attributes
          $(".swatch-attribute").each(function() {
            // Get the attribute id and code in var
            var attrCode = $(this).attr("attribute-code");
            var attrId = $(this).attr("attribute-id");
            // Get the selected option
            var selectedOption = $("#option-label-" + attrCode + "-" + attrId + "-item-" + $(this).attr("option-selected"), ).attr("option-label");
            // Check, if there is any option selected then display the same in sticky bar and current confirugable option.
            if (selectedOption != undefined) {
              if ($("#option-label-" + attrCode + "-" + attrId + " .current-" + attrCode, )) {
                $("#option-label-" + attrCode + "-" + attrId + " .current-" + attrCode, ).remove();
              }
              $("#option-label-" + attrCode + "-" + attrId).append('<span class="current-' + attrCode + '"> : ' + selectedOption + "</span>", );
              $("#sticky_current_" + attrCode).html(selectedOption);
            }
          });
        }, );
      });
    </script>
    <script>
      require(["jquery", "designelements_default"], function($, SEMICOLONDEFAULT, ) {
        $(document).ready(SEMICOLONDEFAULT.widget.init());
        $(window).on("resize", function() {
          var t = setTimeout(function() {
            SEMICOLONDEFAULT.widget.dataResponsiveClasses();
            SEMICOLONDEFAULT.widget.dataResponsiveHeights();
            SEMICOLONDEFAULT.widget.verticalMiddle();
            SEMICOLONDEFAULT.widget.fullScreen();
          }, 500);
        });
      });
    </script>
    <script>
      require(["jquery", "toggles_accordions_tabs"], function($, SEMICOLONTABS, ) {
        $(document).ready(SEMICOLONTABS.widget.init());
        $(window).on("resize", function() {
          var t = setTimeout(function() {
            SEMICOLONTABS.widget.tabsJustify();
          }, 500);
        });
      });
    </script>
    <script>
      require(["jquery", "btt_button"], function($, SEMICOLONBTTBUTTON) {
        var options = '{"offset":300,"offsetOpacity":1200,"scrollTopDuration":700}';
        $(document).ready(SEMICOLONBTTBUTTON.widget.init(options));
      });
    </script>
    <script>
      window.atomePaymentPluginPriceDividerOptions = {
        language: "id",
        price_divider: "yes",
        price_divider_applied_on: "all",
        max_spend: "0",
        min_spend: "50000",
        country: "id",
        platform: "TOTO",
        version: "6.0.0",
      };
    </script>
    <script>
      require(["jquery", "weltpixel_persistentLayer", "weltpixel_gtm", "Magento_Customer/js/customer-data", ], function($, wpPersDl, wpgtm, customerData) {
        $(document).ajaxComplete(function(event, xhr, settings) {
          if (settings.url.search("/customer\/section\/load/") > 0) {
            var response = xhr.responseJSON;
            if (response.gtm) {
              var dataLayerData = $.parseJSON(response.gtm.datalayer);
              for (index in dataLayerData) {
                if (window.eventName === "checkout" && dataLayerData[index].event === "checkout") {
                  continue;
                }
                window.dataLayer.push(dataLayerData[index]);
                window.eventName = "checkout";
              }
            }
          }
        });
        var wpPersDlOptions = {
          storageExpiryTime: 30
        };
        var wpGtmOptions = {
          enabled: 1,
          persDataLayer: wpPersDl,
        };
        wpPersDl.init(wpPersDlOptions);
        wpgtm.trackPromotion(wpGtmOptions);
      });
    </script>
    <script>
      window.getWpCookie = function(name) {
        match = document.cookie.match(new RegExp(name + "=([^;]+)"));
        if (match) return decodeURIComponent(match[1].replace(/\+/g, " "));
      };
      window.dataLayer = window.dataLayer || [];
      var dlObjects = [{
        event: "productDetail",
        ecommerce: {
          currencyCode: "IDR",
          detail: {
            actionField: {
              list: "homepage"
            },
            products: [{
              name: "PRAGMATIC218 ♨️ Link Gacor Zeus Slot Mania dan Hoki Dewa Slot88 Terpercaya",
              id: "3109-RJ1136126726",
              price: "9999",
              discounted_price: "",
              discount_percentage: "",
              dimension22: "52165",
              brand: "nike",
              category: "kategori pria",
              dimension4: "in stock",
              dimension7: "no",
              dimension5: "",
              dimension6: "",
            }, ],
            userID: "",
          },
        },
      }, ];
      for (var i in dlObjects) {
        if (dlObjects[i] && typeof dlObjects[i].categoryData === "undefined") {
          window.dataLayer.push(dlObjects[i]);
        }
      }
      var wpCookies = ["wp_customerId", "wp_customerGroup"];
      wpCookies.map(function(cookieName) {
        var cookieValue = window.getWpCookie(cookieName);
        if (cookieValue) {
          var dlObject = {};
          dlObject[cookieName.replace("wp_", "")] = cookieValue;
          window.dataLayer.push(dlObject);
        }
      });
    </script>
    <script type="text/javascript">
      require(["jquery", "Born_WeltPixelGtm/js/born_gtm"], function($, bornGtm, ) {
        $(window).on("on.window.load", function() {
          window.userId = "";
          bornGtm.triggerSocialLinksClick();
          bornGtm.triggerPromotionClick();
          bornGtm.triggerProductImpression();
          bornGtm.triggerProductClick();
          bornGtm.triggerPromotionImpressions();
          bornGtm.triggerBrandClick();
          bornGtm.triggerSocialShareTrack();
          bornGtm.triggerArticleTrack("\u007B\u0022type\u0022\u003A\u0022non\u002Darticle\u0022\u007D", );
          bornGtm.triggerRemarketingTag("\u007B\u0022event\u0022\u003A\u0022dynrmktparamsready\u0022,\u0022google_tag_params\u0022\u003A\u007B\u0022ecomm_pagetype\u0022\u003A\u0022product\u0022,\u0022ecomm_prodid\u0022\u003A\u002252165\u0022,\u0022ecomm_totalvalue\u0022\u003A\u0022299000\u0022\u007D\u007D", );
        });
      });
      var productInformation = "\u007B\u0022url\u0022\u003A\u0022https\u003A\u005C\u002F\u005C\u002Fwww.footlocker.id\u005C\u002Fnike\u002Dunstructured\u002Dunisex\u002Dfutura\u002Dwash\u002Dcap\u002Dblack\u002D3.html\u0022,\u0022name\u0022\u003A\u0022nike\u0020unstructured\u0020unisex\u0020futura\u0020wash\u0020cap\u0020\u002D\u0020black\u0022,\u0022id\u0022\u003A\u00220886\u002Dnikfb5368011\u0022,\u0022brand\u0022\u003A\u0022nike\u0022,\u0022price\u0022\u003A\u0022299000\u0022,\u0022category\u0022\u003A\u0022\u0022,\u0022dimension22\u0022\u003A\u002252165\u0022\u007D";
    </script>APPLIKASI PRAGMATIC218 <script type="text/javascript">
      window.NREUM || (NREUM = {});
      NREUM.info = {
        beacon: "bam.nr-data.net",
        licenseKey: "NRJS-f1f97408dd720d9f1e3",
        applicationID: "575529148",
        transactionName: "b1NSZEsCCkYFUBdYClYZcVNNCgtbS1ACRQRUWVcfSRELURFQFx4TUVNH",
        queueTime: 0,
        applicationTime: 2112,
        atts: "QxRREgMYGUg=",
        errorBeacon: "bam.nr-data.net",
        agent: "",
      };
    </script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"5c8d83f27a8440c99cc313d8332d35ed","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7b4bbee54bc942ff857d49aff426bcc0","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"30d5b670efff4ca78b53736261d3cc13","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"38b9d92d833840a8b71806f75f8c1b6f","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"563fbe7e22c24e6bae87510565d0cb46","r":1,"spa":2}' crossorigin="anonymous"></script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"3db2c6122c924c08bc123651609b7644","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html> 