
<!--SEO POKER88-->
<!--SEO NEBWIE POKER ONLINE-->
<!DOCTYPE html>

<html data-n-head-ssr="" lang="id">

<head>
  <meta charset=utf-8>
  <meta name="robots" content="max-snippet:-1, max-image-preview:large" />
  <meta name=viewport content="width=device-width, initial-scale=1">
  <meta name=layout content=main>
  <title>Poker88 | Login Poker Online Terbaik di Asia | Poker88 Link Alternatif Paling Banyak Peminat</title>
  <meta name="description" content="Poker88 hadir untuk pecinta poker online di Asia. Login cepat, permainan stabil, dan link alternatif aktif 24 jam. Akses langsung meja favoritmu sekarang juga!">
  <meta data-n-head="ssr" charset="utf-8">
  <meta data-n-head="ssr" data-hid="robots" name="robots" content="index, follow">
  <meta data-n-head="ssr" data-hid="viewport" name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1">
  <meta data-n-head="ssr" data-hid="http-equiv" name="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta data-n-head="ssr" data-hid="msapplication-tap-highlight" name="msapplication-tap-highlight" content="no">
  <meta data-n-head="ssr" data-hid="renderer" name="renderer" content="webkit">
  <meta data-n-head="ssr" data-hid="MobileOptimized" name="MobileOptimized" content="320">
  <meta data-n-head="ssr" data-hid="format-detection" name="format-detection" content="telephone=no">
  <meta data-n-head="ssr" data-hid="_csrf" name="_csrf" content="7214d8a3-132e-4684-a975-dd612a9eb808">
  <meta data-n-head="ssr" data-hid="keywords" name="keywords" content="POKER88">
  <meta data-n-head="ssr" data-hid="description" name="description" content="POKER88">
  <meta data-n-head="ssr" property="og:type" content="website">
  <meta data-n-head="ssr" data-hid="og:description" property="og:description" content="POKER88">
  <meta data-n-head="ssr" property="og:image"
    content="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg">
  <link rel="canonical" href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/">
  <link rel="amphtml" href="https://ampagesjava.com/finvids.com/">
  <meta data-n-head="ssr" property="og:image:width" content="324">
  <meta data-n-head="ssr" property="og:image:height" content="324">
  <meta data-n-head="ssr" data-hid="og:title" property="og:title"
    content="Poker88 | Login Poker Online Terbaik di Asia | Poker88 Link Alternatif Paling Banyak Peminat">
  <base href="/">
  <link data-n-head="ssr" rel="icon" type="image/x-icon" href="https://imgstock.io/images/2025/09/22/Poker88_1.png">
  <link data-n-head="ssr" rel="stylesheet preload" as="style" crossorigin="anonymous" type="text/css"
    href="https://res.mapclub.com/resources/v2/css/main.min.css">
  <link data-n-head="ssr" rel="stylesheet preload" as="style" crossorigin="anonymous" type="text/css"
    href="https://res.mapclub.com/resources/libs/spice/css/d2-spice.min.css">
  <link data-n-head="ssr" rel="stylesheet preload" as="style" crossorigin="anonymous" type="text/css"
    href="https://res.mapclub.com/resources/css/d2-common.min.css">
  <link data-n-head="ssr" rel="preload" as="image" media="(min-width: 1px) and (max-width: 500px)"
    imagesrcset="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_1000/format,webp 3x,
      https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_500/format,webp">
  <link data-n-head="ssr" rel="preload" as="image" media="(min-width: 501px) and (max-width: 1024px)"
    imagesrcset="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_2048/format,webp 3x,
      https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_1024/format,webp">
  <link data-n-head="ssr" rel="preload" as="image" media="(min-width: 1025px)"
    imagesrcset="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_2200/format,webp 3x,
      https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_1100/format,webp">
  <meta name="twitter:title" content="Poker88 | Login Poker Online Terbaik di Asia | Poker88 Link Alternatif Paling Banyak Peminat" />
  <meta name="twitter:site" content="POKER88" />
  <meta name="twitter:image" content="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg" />
  <meta Property="og:type" Content="POKER88-objects:item" />
  <meta Property="og:image" Content="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg" />
  <meta name="twitter:description"
    content="Poker88 hadir untuk pecinta poker online di Asia. Login cepat, permainan stabil, dan link alternatif aktif 24 jam. Akses langsung meja favoritmu sekarang juga!" />
  <meta name="twitter:card" content="summary" />
  <meta Property="og:site_name" Content="POKER88" />
  <link href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" rel="preconnect" />
  <meta name="referrer" content="unsafe-url" />
  <link rel="preconnect" href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" />
  <meta Property="og:title" Content="Poker88 | Login Poker Online Terbaik di Asia | Poker88 Link Alternatif Paling Banyak Peminat" />
  <meta content="en-us" http-equiv="content-language" />
    <meta name="description"
      content="Poker88 hadir untuk pecinta poker online di Asia. Login cepat, permainan stabil, dan link alternatif aktif 24 jam. Akses langsung meja favoritmu sekarang juga!" />
  <meta Property="og:url" Content="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" />
  <meta Property="og:description"
    Content="Poker88 hadir untuk pecinta poker online di Asia. Login cepat, permainan stabil, dan link alternatif aktif 24 jam. Akses langsung meja favoritmu sekarang juga!" />
    
 <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://poker88link.com/#website",
      "url": "https://poker88link.com/",
      "name": "Poker88",
      "alternateName": "Poker88 Asia | Situs Login Poker Online Terbaik | Link Alternatif Resmi",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://poker88link.com/?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "Organization",
      "@id": "https://poker88link.com/#organization",
      "name": "Poker88",
      "url": "https://poker88link.com/",
      "logo": {
        "@type": "ImageObject",
        "url": "https://imgstock.io/images/2025/09/29/LOGO---Poker88.gif", 
        "width": 600,
        "height": 60
      },
      "sameAs": [
        "https://x.com/poker88_id",
        "https://t.me/poker88official",
        "https://www.youtube.com/channel/UCgqJniYtMOLl2I8lkJw29sw"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+628788614543",
        "contactType": "Customer Support",
        "areaServed": "ID",
        "availableLanguage": ["Indonesian"]
      },
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Jakarta",
        "addressCountry": "ID"
      }
    }
  ]
}
</script>


  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/5c02414.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/af756eb.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/a5f3157.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/885c663.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/3a74600.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/d38884f.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/59a0ba7.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/468e2ad.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/b672661.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/4e6a016.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/44d11b2.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/94bc509.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/01125d7.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/865fcb0.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/fe9f197.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/9bb6602.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/28d7ef0.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/7b68221.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/308cb94.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/48924a4.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/7e0e26d.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/ac13d81.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/2fcd48d.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/19bb962.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/0c43427.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/812a934.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/f86924a.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/c2814f9.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/0068f7a.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/df707d7.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/b1626af.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/e1eb24b.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/a697e94.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/f508c15.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/54c993b.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/949296c.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/66f178f.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/d223a3a.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/2065aec.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/360d719.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/47569a2.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/3517572.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/85b851b.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/518a582.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/4571b73.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/38e52fa.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/19bdd13.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/9200729.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/79b33af.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/eaca05b.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/3d116a1.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/a818909.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/9f5a599.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/d26a032.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/46fd8a2.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/8bfb1f7.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/ab61ee7.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/747db94.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/19d9d22.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/1397d4f.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/3158d41.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/6f4dc5d.js" as="script">
  <link rel="preload" href="https://res.mapclub.com/resources/_nuxt/product/4bb848b.js" as="script">
  <style
    data-vue-ssr-id="1226e6d4:0 a3dc4b70:0 2bea31b5:0 39c5326d:0 3b5a96a3:0 345ec84a:0 8ab0ddf8:0 0b2f9f0e:0 f6cf6106:0 6a682a41:0 20e4fe06:0 55cef0b0:0 7b8f5ec3:0 0fe2adcd:0 7fb33951:0 57e5880a:0 71a03e5e:0 fb61127e:0 5567880d:0 bb9568ba:0 3e507e45:0 0a1af6b5:0 d40170e6:0 63cd4fa2:0 06c4cda3:0 388627de:0 b631a698:0 37b2c1c1:0 7c8a3dec:0 3bcbdaa4:0 df6d75e6:0 083e6e62:0 1a4a0296:0 0e49e31e:0 5e8fbe3d:0 ba045c8e:0 0b45d3f4:0 69914e5b:0 3fc76f3a:0 7689d81c:0 02eadd32:0 35da1471:0 ca839638:0 11f9a549:0 895fc7b6:0 1b48ba3e:0 17bc380d:0 334e4c41:0 6fb91fa1:0 beddbb7c:0 da71e7fe:0 899df98e:0 239dc55e:0 92e17c20:0 4eadeacd:0">
    body {
      font-family: "Jost", sans-serif;
      color: #333;
      font-size: 12px;
      letter-spacing: 0;
      min-height: 100%
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      word-break: normal;
      font-weight: 500;
      line-height: 1.2;
      color: inherit
    }

    dd,
    div,
    dl,
    dt,
    i,
    li,
    p,
    span,
    ul {
      word-break: normal
    }

    p {
      margin: 0
    }

    img {
      max-width: 100%
    }

    .mb-16 {
      margin-bottom: 16px
    }

    .mb-30 {
      margin-bottom: 30px
    }

    .icon-wishlist-add,
    .icon-wishlist-added {
      background-position: -295px -259px;
      width: 20px;
      height: 20px
    }

    .icon-wishlist-added {
      background-position: -295px -233px
    }

    .icon-fold-b,
    .icon-unfold-b {
      background-position: -375px -257px;
      width: 14px;
      height: 14px
    }

    .icon-fold-b {
      background-position: -375px -137px
    }

    .btn {
      font-family: "HelveticaNeue", "Arial", "PingFangSC-Regular", "微软雅黑", "Microsoft YaHei", sans-serif;
      -webkit-touch-action: manipulation;
      -moz-touch-action: manipulation;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      overflow: hidden;
      text-align: center;
      white-space: normal;
      vertical-align: middle;
      border: 0;
      margin: 0;
      color: #333;
      border-radius: 0;
      min-width: 128px;
      height: 36px;
      line-height: 36px;
      background-color: #fff;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
      position: relative;
      padding: 0 20px
    }

    .btn.btn-black {
      background: #333;
      color: #fff
    }

    .btn.btn-black-border {
      font-size: 14px;
      color: #333;
      border: 1px solid #333;
      min-width: 128px;
      height: 36px;
      line-height: 36px
    }

    .fade-enter-active,
    .fade-leave-active {
      transition: opacity 1s ease-in-out
    }

    .fade-enter,
    .fade-leave-to {
      opacity: 0
    }

    .mapclub-seo {
      text-align: left !important
    }

    .mapclub-seo--is-plp {
      margin-top: 80px
    }

    .mapclub-seo h1 {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 20px;
      line-height: 120%;
      color: rgba(0, 0, 0, 0.8)
    }

    .mapclub-seo h2 {
      font-size: 16px;
      font-weight: 500;
      line-height: 140%;
      color: rgba(0, 0, 0, 0.8);
      margin-bottom: 12px
    }

    .mapclub-seo p {
      color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
      line-height: 140%;
      margin-bottom: 20px
    }

    .mapclub-seo section {
      margin-bottom: 40px
    }

    .mapclub-seo section:last-of-type {
      margin-bottom: 0px
    }

    .mapclub-seo section p:last-of-type {
      margin-bottom: 0px
    }

    .shimmer,
    img[lazy=loading],
    div[lazy=loading] {
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-name: placeHolderShimmer;
      animation-timing-function: linear;
      background: #F2F2F2;
      background: linear-gradient(to right, #F2F2F2 8%, #fff 18%, #F2F2F2 33%);
      background-size: 800px 104px
    }

    .shimmer.shim-line,
    img[lazy=loading].shim-line,
    div[lazy=loading].shim-line {
      height: 10px;
      margin-bottom: 5px
    }

    .shimmer.shim-line--1,
    img[lazy=loading].shim-line--1,
    div[lazy=loading].shim-line--1 {
      width: calc(1 / 12 * 100%)
    }

    .shimmer.shim-line--2,
    img[lazy=loading].shim-line--2,
    div[lazy=loading].shim-line--2 {
      width: calc(2 / 12 * 100%)
    }

    .shimmer.shim-line--3,
    img[lazy=loading].shim-line--3,
    div[lazy=loading].shim-line--3 {
      width: calc(3 / 12 * 100%)
    }

    .shimmer.shim-line--4,
    img[lazy=loading].shim-line--4,
    div[lazy=loading].shim-line--4 {
      width: calc(4 / 12 * 100%)
    }

    .shimmer.shim-line--5,
    img[lazy=loading].shim-line--5,
    div[lazy=loading].shim-line--5 {
      width: calc(5 / 12 * 100%)
    }

    .shimmer.shim-line--6,
    img[lazy=loading].shim-line--6,
    div[lazy=loading].shim-line--6 {
      width: calc(6 / 12 * 100%)
    }

    .shimmer.shim-line--7,
    img[lazy=loading].shim-line--7,
    div[lazy=loading].shim-line--7 {
      width: calc(7 / 12 * 100%)
    }

    .shimmer.shim-line--8,
    img[lazy=loading].shim-line--8,
    div[lazy=loading].shim-line--8 {
      width: calc(8 / 12 * 100%)
    }

    .shimmer.shim-line--9,
    img[lazy=loading].shim-line--9,
    div[lazy=loading].shim-line--9 {
      width: calc(9 / 12 * 100%)
    }

    .shimmer.shim-line--10,
    img[lazy=loading].shim-line--10,
    div[lazy=loading].shim-line--10 {
      width: calc(10 / 12 * 100%)
    }

    .shimmer.shim-line--11,
    img[lazy=loading].shim-line--11,
    div[lazy=loading].shim-line--11 {
      width: calc(11 / 12 * 100%)
    }

    .shimmer.shim-line--12,
    img[lazy=loading].shim-line--12,
    div[lazy=loading].shim-line--12 {
      width: 100%
    }

    @keyframes placeHolderShimmer {
      0% {
        background-position: -468px 0
      }

      100% {
        background-position: 468px 0
      }
    }

    @media (max-width: 1439px) {
      .mapclub-seo {
        width: 1136px;
        margin: 0 auto
      }
    }

    @media (max-width: 1024px) {
      .mapclub-seo {
        padding: 0px 20px;
        width: 100%
      }
    }


    .nuxt-progress {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      height: 2px;
      width: 0%;
      opacity: 1;
      transition: width 0.1s, opacity 0.4s;
      background-color: #fff;
      z-index: 999999;
    }

    .nuxt-progress.nuxt-progress-notransition {
      transition: none;
    }

    .nuxt-progress-failed {
      background-color: red;
    }

    html[data-v-4561235e] {
      font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      font-size: 16px;
      word-spacing: 1px;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      box-sizing: border-box
    }

    *[data-v-4561235e],
    *[data-v-4561235e]:before,
    *[data-v-4561235e]:after {
      box-sizing: border-box;
      margin: 0
    }

    .button--green[data-v-4561235e] {
      display: inline-block;
      border-radius: 4px;
      border: 1px solid #3b8070;
      color: #3b8070;
      text-decoration: none;
      padding: 10px 30px
    }

    .button--green[data-v-4561235e]:hover {
      color: #fff;
      background-color: #3b8070
    }

    .button--grey[data-v-4561235e] {
      display: inline-block;
      border-radius: 4px;
      border: 1px solid #35495e;
      color: #35495e;
      text-decoration: none;
      padding: 10px 30px;
      margin-left: 15px
    }

    .button--grey[data-v-4561235e]:hover {
      color: #fff;
      background-color: #35495e
    }

    .back-button[data-v-4561235e] {
      position: absolute;
      display: none;
      width: 24px;
      height: 24px;
      background-position: left center;
      background-repeat: no-repeat;
      z-index: 2
    }

    @media (max-width: 1024px) {
      .container[data-v-4561235e] {
        padding-top: 60px
      }

      .back-button[data-v-4561235e] {
        display: block;
        margin-left: 20px;
        margin-top: 12px
      }
    }

    .download-app[data-v-2d2c5927] {
      position: fixed;
      top: 0px;
      z-index: 203;
      width: 100%;
      background: linear-gradient(221.99deg, #C10230 -29.88%, #000 248.49%);
      height: 72px;
      overflow: hidden
    }

    .download-app__circle[data-v-2d2c5927] {
      position: absolute;
      right: 0px
    }

    .download-app__container[data-v-2d2c5927] {
      width: 100%;
      justify-content: space-between;
      align-items: center;
      display: flex;
      height: 72px
    }

    .download-app__content[data-v-2d2c5927] {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      margin-left: 20px
    }

    .download-app__button[data-v-2d2c5927] {
      display: block;
      cursor: pointer;
      background: #fff;
      color: #000;
      text-transform: uppercase;
      font-size: 12px;
      font-weight: 500;
      line-height: 150%;
      padding: 6px 16px;
      margin-right: 20px;
      z-index: 2
    }

    .download-app__text[data-v-2d2c5927] {
      font-size: 14px;
      color: #fff;
      line-height: 140%;
      display: block;
      width: 72%;
      font-weight: 500;
      letter-spacing: 0.05em
    }

    .download-app__close[data-v-2d2c5927] {
      display: block;
      position: relative;
      width: 20px;
      height: 20px;
      top: 0px;
      margin: 0px 16px 0px 0px;
      background-position: center
    }

    @media (min-width: 768px) {
      .download-app__text[data-v-2d2c5927] {
        width: 100%
      }
    }

    .download-app~header .header-container {
      top: 72px !important
    }

    .download-app~.homepage {
      margin-top: 72px
    }

    .mainCategory .download-app~div>.diver-0 {
      margin-top: 72px
    }

    .download-app~#wrapper {
      margin-top: 72px
    }

    .download-app~#wrapper header .header-container {
      margin-top: 72px
    }

    header[data-v-14acc7d4] {
      height: 120px
    }

    header .header-container[data-v-14acc7d4] {
      width: 100%;
      background: #fff;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 202
    }

    header .header-top[data-v-14acc7d4] {
      background: #F4F4F4;
      padding: 6px 0
    }

    header .header-top-wrapper[data-v-14acc7d4] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 1328px;
      height: 32px;
      margin: 0 auto
    }

    header .header-top-left[data-v-14acc7d4] {
      display: flex;
      align-items: center;
      gap: 24px
    }

    header .header-top-left a[data-v-14acc7d4] {
      color: #000;
      font-size: 14px
    }

    header .header-top-right[data-v-14acc7d4] {
      display: flex;
      align-items: center;
      gap: 24px
    }

    header .header-top-right a[data-v-14acc7d4] {
      color: #000;
      font-size: 14px
    }

    header .header-main[data-v-14acc7d4] {
      background: #fff;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05)
    }

    header .header-main-wrapper[data-v-14acc7d4] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 1328px;
      height: 64px;
      margin: 0 auto;
      position: relative
    }

    header .header-main .separator[data-v-14acc7d4] {
      width: 1px;
      background: rgba(0, 0, 0, 0.8);
      height: 20px;
      margin: 0 16px
    }

    @media (max-width: 1439px) {
      header .header-top-wrapper[data-v-14acc7d4] {
        width: 1136px
      }

      header .header-main-wrapper[data-v-14acc7d4] {
        width: 1136px
      }

      header .header-segment-wrapper[data-v-14acc7d4] {
        width: 1136px
      }

      header .header-simple-wrapper[data-v-14acc7d4] {
        width: 1136px
      }
    }

    @media (max-width: 1024px) {
      header[data-v-14acc7d4] {
        height: 74px
      }

      header.hide[data-v-14acc7d4] {
        display: none
      }

      .header-responsive[data-v-14acc7d4] {
        position: fixed;
        top: 0px;
        z-index: 10;
        background-color: #fff;
        width: 100%
      }

      .header--pdp[data-v-14acc7d4] {
        height: auto
      }

      .header--pdp .header-responsive[data-v-14acc7d4] {
        background-color: transparent
      }
    }

    .header-location[data-v-55495d88] {
      display: flex;
      gap: 4px;
      cursor: pointer
    }

    .header-location__text[data-v-55495d88] {
      font-size: 14px;
      font-weight: 400;
      line-height: 140%
    }

    .svg-icon[data-v-55495d88] {
      width: 16px;
      height: 16px
    }

    .arrow-down[data-v-55495d88] {
      width: 10px;
      height: 6px;
      background-size: contain
    }

    .arrow-down__wrapper[data-v-55495d88] {
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto 0;
      transition: transform .3s
    }

    .arrow-down__wrapper--active[data-v-55495d88] {
      transform: rotate(-180deg)
    }

    .location-popup[data-v-55495d88] {
      position: absolute;
      padding: 24px;
      background: #FFF;
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
      z-index: 9999;
      top: 55px;
      min-height: 80vh
    }

    .location-popup h1[data-v-55495d88] {
      color: #000;
      font-weight: 500;
      font-size: 40px
    }

    .location-popup .location-search[data-v-55495d88] {
      margin-top: 16px;
      width: 365px;
      display: flex;
      align-items: center;
      padding: 8px;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      background: #FFF;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
      gap: 8px
    }

    .location-popup .location-search .svg-icon[data-v-55495d88] {
      width: 24px;
      height: 24px
    }

    .location-popup .location-search form[data-v-55495d88] {
      width: 100%
    }

    .location-popup .location-search form input[data-v-55495d88] {
      width: 100%;
      outline: none;
      border: none
    }

    .location-popup .location-tab[data-v-55495d88] {
      display: flex;
      margin: 16px 0
    }

    .location-popup .location-tab-menu[data-v-55495d88] {
      width: 50%;
      text-align: center;
      padding: 16px
    }

    .location-popup .location-tab-menu__text[data-v-55495d88] {
      padding-bottom: 8px;
      cursor: pointer
    }

    .location-popup .location-tab-menu__text.active[data-v-55495d88] {
      border-bottom: 3px solid #C10230;
      font-weight: 650
    }

    .location-popup .location-malls-button[data-v-55495d88] {
      display: flex;
      gap: 16px;
      align-items: center;
      padding: 10px 16px;
      border-radius: 2px;
      background: #000;
      box-shadow: 0px 4px 0px 0px #C10230;
      color: white;
      cursor: pointer
    }

    .location-popup .location-malls-button__text[data-v-55495d88] {
      width: calc(100% - 66px)
    }

    .location-popup .location-malls-button__text h2[data-v-55495d88] {
      font-size: 14px;
      font-weight: 700
    }

    .location-popup .location-malls-button__text span[data-v-55495d88] {
      font-size: 12px
    }

    .location-popup .location-malls-select[data-v-55495d88] {
      margin: 24px 0
    }

    .location-popup .location-malls-select__heading[data-v-55495d88] {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 6px
    }

    .location-popup .location-malls-list__heading[data-v-55495d88] {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 8px
    }

    .location-popup .location-malls-list__item[data-v-55495d88] {
      display: flex;
      padding: 12px 0;
      align-items: center;
      justify-content: space-between;
      margin-top: 8px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      cursor: pointer
    }

    .location-popup .location-malls-list__item .svg-icon[data-v-55495d88] {
      width: 24px;
      height: 24px;
      transform: rotate(270deg)
    }

    .location-popup .location-malls-list__item .mall-information[data-v-55495d88] {
      width: 80%
    }

    .location-popup .location-malls-list__item .mall-distance[data-v-55495d88] {
      opacity: 0.7
    }

    .location-popup .location-malls-list__name[data-v-55495d88] {
      margin-bottom: 4px;
      font-size: 14px
    }

    .location-popup .location-malls-list__stores[data-v-55495d88] {
      font-size: 12px;
      opacity: 0.7
    }

    .location-popup .brands .svg-icon[data-v-55495d88] {
      width: 24px;
      height: 24px;
      transform: rotate(270deg)
    }

    .location-popup .brands-heading[data-v-55495d88] {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 8px
    }

    .location-popup .brands-list[data-v-55495d88] {
      margin-bottom: 24px
    }

    .location-popup .brands-list-item[data-v-55495d88] {
      display: flex;
      padding: 12px 0;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-top: 8px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      cursor: pointer
    }

    .location-popup .brands-list-item__image[data-v-55495d88] {
      border-radius: 8px;
      border: 1px solid #EBEBEB;
      width: 40px;
      height: 40px
    }

    .location-popup .brands-list-item__image img[data-v-55495d88] {
      width: 40px;
      height: 40px
    }

    .location-popup .brands-list-item__name[data-v-55495d88] {
      width: calc(100% - 56px)
    }

    .location-popup .brands-last-viewed__heading[data-v-55495d88] {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 8px
    }

    @media (max-width: 768px) {
      .location-popup[data-v-55495d88] {
        height: 100vh;
        top: 0;
        padding: 0 16px;
        width: 100%
      }

      .location-popup h1[data-v-55495d88] {
        display: none
      }
    }

    .ps {
      overflow: hidden !important;
      overflow-anchor: none;
      -ms-overflow-style: none;
      touch-action: auto;
      -ms-touch-action: auto;
      position: relative
    }

    .ps.ps--active-y>.ps__rail-y {
      display: block;
      background-color: transparent
    }

    .ps .ps__rail-y {
      display: none;
      transition: background-color .2s linear, opacity .2s linear;
      -webkit-transition: background-color .2s linear, opacity .2s linear;
      width: 4px;
      right: 0;
      position: absolute
    }

    .ps .ps__rail-y .ps__thumb-y {
      background: rgba(0, 0, 0, 0.1);
      transition: background-color .2s linear, width .2s ease-in-out;
      -webkit-transition: background-color .2s linear, width .2s ease-in-out;
      width: 100%;
      position: absolute
    }

    .header-social__list[data-v-91658d9a] {
      display: flex;
      gap: 16px
    }

    .header-social__list img[data-v-91658d9a] {
      width: 20px;
      height: 20px
    }

    .header-download[data-v-9188ab26] {
      position: relative
    }

    .header-download a[data-v-9188ab26] {
      color: #000000;
      font-size: 14px
    }

    .header-download__popup[data-v-9188ab26] {
      position: absolute;
      padding: 24px;
      background: #C10230;
      z-index: 11;
      border-radius: 12px;
      top: 30px;
      right: -155px;
      min-width: 495px;
      display: flex;
      gap: 16px;
      justify-content: center;
      align-items: center;
      min-height: 208px
    }

    .header-download__qr[data-v-9188ab26] {
      background: white;
      padding: 10px;
      border-radius: 8px;
      width: fit-content;
      min-width: 160px
    }

    .header-download__content[data-v-9188ab26] {
      width: 271px
    }

    .header-download__content-title[data-v-9188ab26] {
      color: #fff;
      font-size: 20px;
      font-weight: 600;
      line-height: 28px
    }

    .header-download__content-download[data-v-9188ab26] {
      font-size: 20px;
      font-weight: 600;
      line-height: 28px;
      color: #FFDD00
    }

    .header-download__content-img[data-v-9188ab26] {
      display: flex;
      gap: 16px
    }

    .header-download__content-img img[data-v-9188ab26] {
      height: 40px;
      width: 127px
    }

    .header-download__content-caption[data-v-9188ab26] {
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      line-height: 20px;
      display: block;
      margin-bottom: 18px;
      margin-top: 8px
    }

    .toggle-language[data-v-1f4cbc4c] {
      display: flex;
      justify-content: flex-start
    }

    .toggle-language li[data-v-1f4cbc4c] {
      padding: 9px 0;
      margin-right: 6px;
      font-size: 14px;
      display: flex;
      align-items: center
    }

    .toggle-language li div[data-v-1f4cbc4c] {
      opacity: 0.5;
      text-transform: uppercase;
      color: rgba(0, 0, 0, 0.8);
      cursor: pointer
    }

    .toggle-language li div.is-active[data-v-1f4cbc4c] {
      color: #000;
      opacity: 1
    }

    .toggle-language .separator[data-v-1f4cbc4c] {
      width: 0.5px;
      background: rgba(0, 0, 0, 0.8);
      height: 20px;
      margin-left: 6px
    }

    @media (max-width: 1024px) {
      .toggle-language li[data-v-1f4cbc4c] {
        width: 50%;
        margin: 0;
        padding: 0
      }

      .toggle-language li div[data-v-1f4cbc4c] {
        height: 48px;
        font-size: 16px;
        line-height: 48px;
        color: rgba(0, 0, 0, 0.4);
        text-align: center;
        text-transform: uppercase;
        border: 1px solid rgba(0, 0, 0, 0.4)
      }

      .toggle-language li div.is-active[data-v-1f4cbc4c] {
        color: #fff;
        background: #000;
        border-color: #000
      }
    }

    .header__icons[data-v-0cdff818] {
      display: flex;
      gap: 12px;
      justify-content: center;
      align-items: center
    }

    .header__icons-divider[data-v-0cdff818] {
      width: 1px;
      background: rgba(0, 0, 0, 0.3);
      height: 16px;
      display: none
    }

    .header__icons--daily-needs .header-daily-needs[data-v-0cdff818] {
      display: flex
    }

    .header__icons--daily-needs .header__icons-divider[data-v-0cdff818] {
      display: block
    }

    .header-main-logo[data-v-0cdff818] {
      width: 143px;
      min-width: 143px;
      padding: 21px 0 19px;
      font-size: 14px
    }

    .header-main-logo a .img-logo[data-v-0cdff818] {
      width: 100%;
      vertical-align: baseline
    }

    .header-daily-needs[data-v-0cdff818] {
      width: 125px;
      min-width: 125px;
      font-size: 14px;
      padding: 21px 0 19px;
      display: none
    }

    .header-daily-needs .img-logo[data-v-0cdff818] {
      width: 100%
    }

    @media (max-width: 1024px) {
      .header__icons[data-v-0cdff818] {
        height: 48px
      }

      .header__icons--daily-needs .header-main-logo[data-v-0cdff818] {
        display: none
      }

      .header__icons--daily-needs .header__icons-divider[data-v-0cdff818],
      .header__icons--daily-needs .header-daily-needs[data-v-0cdff818] {
        display: none
      }

      .header-main-logo[data-v-0cdff818] {
        height: 48px;
        padding: 18px 0 16px;
        position: relative;
        z-index: 1
      }
    }

    .header-category[data-v-68622e0f] {
      padding-left: 60px
    }

    .header-category-wrapper[data-v-68622e0f] {
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 8px
    }

    .header-category-wrapper__icon[data-v-68622e0f] {
      width: 24px;
      max-width: none;
      height: 24px;
      padding: 8px 5px;
      transition: transform 0.15s ease-in-out
    }

    .header-category-wrapper__icon--active[data-v-68622e0f] {
      transform: rotate(-180deg)
    }

    .header-category-wrapper__text[data-v-68622e0f] {
      font-size: 14px;
      font-weight: 500;
      line-height: 140%
    }

    .header-category-menu[data-v-68622e0f] {
      width: 100%;
      position: fixed;
      top: 109px;
      left: 0;
      z-index: 10
    }

    .header-category-menu-container[data-v-68622e0f] {
      background: #fff;
      padding: 24px 0
    }

    .header-category-menu-wrapper[data-v-68622e0f] {
      display: flex;
      width: 1328px;
      margin: 0 auto
    }

    .header-category .segment-list[data-v-68622e0f] {
      border-right: 1px solid rgba(0, 0, 0, 0.1);
      padding-right: 16px
    }

    .header-category .segment-list-item[data-v-68622e0f] {
      display: flex;
      align-items: center;
      padding: 8px 16px;
      gap: 16px;
      margin-bottom: 8px;
      width: 220px;
      cursor: pointer
    }

    .header-category .segment-list-item__image[data-v-68622e0f] {
      width: 40px;
      height: 40px;
      border-radius: 8px
    }

    .header-category .segment-list-item__name[data-v-68622e0f] {
      font-size: 16px
    }

    .header-category .segment-list-item--active[data-v-68622e0f] {
      background: rgba(0, 0, 0, 0.05);
      border-radius: 8px
    }

    .header-category .segment-list-item--active .segment-list-item__name[data-v-68622e0f] {
      font-weight: 700
    }

    .header-category .nav-right[data-v-68622e0f] {
      padding-left: 64px;
      flex-grow: 1;
      overflow-x: scroll;
      min-height: 400px
    }

    .header-category .nav-right[data-v-68622e0f]::-webkit-scrollbar {
      background: transparent;
      height: 8px;
      width: 8px
    }

    .header-category .nav-right[data-v-68622e0f]::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.3);
      border-radius: 8px
    }

    .header-category .menu-list[data-v-68622e0f] {
      display: flex;
      gap: 92px
    }

    .header-category .menu-list a[data-v-68622e0f] {
      font-size: 16px;
      font-weight: 700;
      color: #000;
      white-space: nowrap
    }

    .header-category .menu-list--inactive[data-v-68622e0f] {
      cursor: default;
      pointer-events: none
    }

    .header-category .category-list[data-v-68622e0f] {
      margin-top: 16px
    }

    .header-category .category-list li[data-v-68622e0f] {
      margin-bottom: 16px;
      display: flex;
      gap: 16px;
      align-items: center
    }

    .header-category .category-list li a[data-v-68622e0f] {
      font-size: 14px;
      font-weight: normal
    }

    .header-category .category-list-image[data-v-68622e0f] {
      border-radius: 8px;
      border: 1px solid #EBEBEB;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px
    }

    .header-category .category-list-image img[data-v-68622e0f] {
      width: 30px
    }

    @media (max-width: 1439px) {
      .header-category-menu-wrapper[data-v-68622e0f] {
        width: 1136px
      }
    }

    .slide-enter-active[data-v-68622e0f],
    .slide-leave-active[data-v-68622e0f] {
      max-height: 1000px;
      overflow: hidden;
      transition: max-height .3s ease-in-out
    }

    .slide-enter[data-v-68622e0f],
    .slide-leave-to[data-v-68622e0f] {
      overflow: hidden;
      max-height: 0
    }

    .scrollbar-category-menu.ps {
      overflow: hidden !important;
      overflow-anchor: none;
      -ms-overflow-style: none;
      touch-action: auto;
      -ms-touch-action: auto;
      position: relative
    }

    .scrollbar-category-menu.ps.ps--active-y>.ps__rail-y {
      display: block;
      background-color: transparent
    }

    .scrollbar-category-menu.ps .ps__rail-y {
      display: none;
      transition: background-color .2s linear, opacity .2s linear;
      -webkit-transition: background-color .2s linear, opacity .2s linear;
      width: 8px;
      right: 0;
      position: absolute;
      margin-right: 4px
    }

    .scrollbar-category-menu.ps .ps__rail-y .ps__thumb-y {
      background: rgba(0, 0, 0, 0.3);
      transition: background-color .2s linear, width .2s ease-in-out;
      -webkit-transition: background-color .2s linear, width .2s ease-in-out;
      width: 100%;
      position: absolute;
      border-radius: 10px
    }

    .scrollbar-category-menu.ps.ps--active-x>.ps__rail-x {
      display: block;
      background-color: transparent
    }

    .scrollbar-category-menu.ps .ps__rail-x {
      display: none;
      transition: background-color .2s linear, opacity .2s linear;
      -webkit-transition: background-color .2s linear, opacity .2s linear;
      width: 8px;
      right: 0;
      position: absolute;
      margin-right: 4px
    }

    .scrollbar-category-menu.ps .ps__rail-x .ps__thumb-x {
      background: rgba(0, 0, 0, 0.3);
      transition: background-color .2s linear, width .2s ease-in-out;
      -webkit-transition: background-color .2s linear, width .2s ease-in-out;
      width: 100%;
      position: absolute;
      border-radius: 10px
    }

    .header-community[data-v-7eaecc4a] {
      flex: 1
    }

    .header-community--onscroll[data-v-7eaecc4a] {
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
      background: #fff
    }

    .header-search[data-v-7eaecc4a] {
      position: relative;
      display: flex;
      flex-grow: 1;
      align-items: center;
      padding: 8px;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      background: #FFF;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
      gap: 16px;
      margin-left: 24px
    }

    .header-search .svg-icon[data-v-7eaecc4a] {
      width: 24px;
      height: 24px;
      cursor: pointer
    }

    .header-search form[data-v-7eaecc4a] {
      width: 100%
    }

    .header-search form input[data-v-7eaecc4a] {
      width: 100%;
      outline: none;
      border: none
    }

    .header-search__sugestion[data-v-7eaecc4a] .search-suggestion {
      width: calc(100% + 28%);
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
      left: 0px;
      margin-top: 12px
    }

    .header-search__sugestion[data-v-7eaecc4a] .on-active {
      width: calc(100% + 28%);
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
      left: 0px;
      margin-top: 12px
    }

    .header-search__sugestion[data-v-7eaecc4a] .on-active--is-active {
      border: unset
    }

    .header-search__cart[data-v-7eaecc4a] {
      position: relative
    }

    .header-search__cart a[data-v-7eaecc4a] {
      width: 24px;
      height: 24px;
      cursor: pointer;
      display: block
    }

    .header-search__cart span[data-v-7eaecc4a] {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
      height: 12px;
      color: #fff;
      font-size: 8px;
      font-weight: 500;
      text-align: center;
      background: #DC3F45;
      border-radius: 12px;
      bottom: 14px;
      left: 10px;
      cursor: pointer;
      pointer-events: none;
      padding: 4px
    }

    @media (max-width: 1024px) {
      .header-community[data-v-7eaecc4a] {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px 20px
      }

      .header-community .header-back[data-v-7eaecc4a] {
        display: block;
        width: 24px;
        height: 24px
      }

      .header-community .header-back.hidden[data-v-7eaecc4a] {
        display: none
      }

      .header-community .header-search[data-v-7eaecc4a] {
        margin-left: 0px
      }

      .header-community .header-search--pdp[data-v-7eaecc4a] {
        box-shadow: none;
        border: none;
        justify-content: flex-end;
        gap: 0px;
        padding: 0px;
        background: transparent
      }

      .header-community .header-search--pdp form[data-v-7eaecc4a] {
        display: none
      }
    }

    .search-suggestion[data-v-4fbe0f2c] {
      display: block;
      width: calc(100% + 2px);
      background: #fff;
      overflow: hidden;
      position: absolute;
      top: 100%;
      left: -1px;
      z-index: 2;
      max-height: 410px;
      overflow-y: auto
    }

    .search-suggestion ul li[data-v-4fbe0f2c] {
      padding: 12px 20px
    }

    .search-suggestion ul li[data-v-4fbe0f2c]:hover {
      background: rgba(0, 0, 0, 0.05)
    }

    .search-suggestion ul li a[data-v-4fbe0f2c] {
      display: block;
      font-size: 16px;
      line-height: 24px;
      cursor: pointer;
      color: #000
    }

    .search-suggestion ul li a[data-v-4fbe0f2c] b {
      font-weight: 500 !important
    }

    .search-suggestion__brands[data-v-4fbe0f2c] {
      margin-top: 12px;
      padding: 0px 20px
    }

    .search-suggestion__brands-title[data-v-4fbe0f2c] {
      font-size: 20px;
      color: #000;
      font-weight: 500;
      line-height: 27px;
      margin-bottom: 4px
    }

    .search-suggestion__brands-caption[data-v-4fbe0f2c] {
      color: rgba(0, 0, 0, 0.6);
      font-weight: 400;
      line-height: 140%;
      font-size: 14px
    }

    .search-suggestion__brands-container[data-v-4fbe0f2c] {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin: 16px 0px 20px 0px
    }

    .search-suggestion__brands-container li[data-v-4fbe0f2c] {
      padding: 0px 0px 0px 0px !important;
      width: 232px
    }

    .search-suggestion__brands-container li[data-v-4fbe0f2c]:hover {
      background: none !important
    }

    .search-suggestion__brands-item a[data-v-4fbe0f2c] {
      display: flex !important;
      align-items: center;
      gap: 12px
    }

    .search-suggestion__brands-item a span[data-v-4fbe0f2c] {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.8);
      text-transform: capitalize;
      display: block;
      font-weight: 500
    }

    .search-suggestion__brands-image[data-v-4fbe0f2c] {
      width: 60px;
      height: 40px;
      background: #f7f7f7;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .search-suggestion__brands-image img[data-v-4fbe0f2c] {
      width: 100%
    }

    .search-suggestion__button[data-v-4fbe0f2c] {
      display: flex;
      padding: 4px 20px 20px 20px;
      justify-content: space-between;
      gap: 20px
    }

    .search-suggestion__button-link[data-v-4fbe0f2c] {
      padding: 16px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: block;
      width: 100%;
      border-radius: 4px;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 400;
      text-transform: capitalize;
      line-height: 140%;
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .search-suggestion__button-link span[data-v-4fbe0f2c] {
      font-weight: 500
    }

    .search-suggestion__button-chevron[data-v-4fbe0f2c] {
      display: block;
      width: 10px;
      height: 6px;
      background-repeat: no-repeat !important;
      background-size: contain;
      background-position: center center;
      transform: rotate(-90deg)
    }

    .search-suggestion__product[data-v-4fbe0f2c] {
      padding: 12px 0px
    }

    .search-suggestion__product--empty[data-v-4fbe0f2c] {
      padding: 0px
    }

    .search-suggestion__product li[data-v-4fbe0f2c] {
      padding: 8px 20px !important
    }

    .search-suggestion__product li[data-v-4fbe0f2c]:hover {
      background: none !important
    }

    .search-active .search-suggestion[data-v-4fbe0f2c] {
      border: 1px solid #000
    }

    .fadeHeight-enter-active[data-v-4fbe0f2c],
    .fadeHeight-leave-active[data-v-4fbe0f2c] {
      transition: all .3s ease-in-out;
      max-height: 1000px
    }

    .fadeHeight-enter[data-v-4fbe0f2c],
    .fadeHeight-leave-to[data-v-4fbe0f2c] {
      max-height: 0px
    }

    .on-active[data-v-1979ddc0] {
      display: block;
      width: calc(100% + 2px);
      background: #fff;
      overflow: hidden;
      position: absolute;
      top: 100%;
      left: -1px;
      z-index: 2;
      max-height: 0px;
      transition: all .3s ease-in-out
    }

    .on-active--is-active[data-v-1979ddc0] {
      border: 1px solid #000;
      max-height: 1000px
    }

    .on-active__sale[data-v-1979ddc0] {
      margin-bottom: 16px;
      margin-top: 4px;
      padding: 0px 20px 0px 20px
    }

    .on-active__sale-title[data-v-1979ddc0] {
      font-size: 20px;
      color: #000;
      line-height: 140%;
      font-weight: 500;
      margin-bottom: 4px
    }

    .on-active__sale-caption[data-v-1979ddc0] {
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      line-height: 140%
    }

    .on-active__sale-products[data-v-1979ddc0] {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      padding: 0px 20px 20px 20px
    }

    .on-active__sale-list[data-v-1979ddc0] {
      width: calc(50% - 20px)
    }

    .on-active__recent[data-v-1979ddc0] {
      margin-bottom: 16px;
      padding: 20px 20px 0px 20px
    }

    .on-active__recent-title[data-v-1979ddc0] {
      font-size: 20px;
      color: #000;
      line-height: 140%;
      font-weight: 500;
      margin-bottom: 4px
    }

    .on-active__recent-products[data-v-1979ddc0] {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-bottom: 24px;
      padding: 0px 20px 0px 20px
    }

    .on-active__recent-list[data-v-1979ddc0] {
      width: calc(50% - 20px)
    }

    @media (max-width: 1024px) {
      .on-active[data-v-1979ddc0] {
        border: none;
        top: 90px;
        left: auto;
        width: 100%;
        overflow: scroll;
        padding-top: 0px;
        height: calc(100% - 100px);
        transition: none;
        max-height: none
      }

      .on-active__sale-list[data-v-1979ddc0],
      .on-active__recent-list[data-v-1979ddc0] {
        width: 100%
      }

      .on-active__sale-products[data-v-1979ddc0],
      .on-active__recent-products[data-v-1979ddc0] {
        gap: 16px
      }

      .on-active--is-active[data-v-1979ddc0] {
        max-height: none
      }
    }

    .recent-search[data-v-0c267ab0] {
      padding: 20px
    }

    .recent-search__list[data-v-0c267ab0] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      margin-bottom: 16px
    }

    .recent-search__list-title[data-v-0c267ab0] {
      font-size: 20px;
      color: #000;
      line-height: 140%;
      font-weight: 500
    }

    .recent-search__list-clear[data-v-0c267ab0] {
      text-decoration: underline;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer
    }

    .recent-search__keywords[data-v-0c267ab0] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 8px
    }

    .recent-search__keywords-item[data-v-0c267ab0] {
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: 8px 16px;
      border-radius: 40px;
      cursor: pointer
    }

    .recent-search__keywords-item a[data-v-0c267ab0] {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.8);
      line-height: 140%;
      font-weight: 500;
      text-transform: capitalize
    }

    .recent-search__keywords-item[data-v-0c267ab0]:hover {
      border: 1px solid rgba(0, 0, 0, 0.8)
    }

    .recent-search__keywords--skeleton[data-v-0c267ab0] {
      display: flex;
      gap: 8px
    }

    .recent-search__keywords--skeleton li[data-v-0c267ab0] {
      width: 100px;
      padding: 0px;
      border: none
    }

    .recent-search__keywords--skeleton li[data-v-0c267ab0]:hover {
      border: none
    }

    .recent-search__keywords--skeleton li p[data-v-0c267ab0] {
      display: block;
      height: 36px;
      border-radius: 40px
    }

    .skeleton[data-v-0c267ab0] {
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-iteration-count: infinite;
      animation-name: placeHolderShimmer;
      animation-timing-function: linear;
      background: #F2F2F2;
      background: linear-gradient(to right, #F2F2F2 8%, #fff 18%, #F2F2F2 33%);
      background-size: 800px 104px
    }

    @media (max-width: 1024px) {
      .recent-search__list[data-v-0c267ab0] {
        margin-bottom: 16px
      }

      .recent-search__keywords[data-v-0c267ab0] {
        flex-wrap: wrap
      }

      .recent-search__keywords--skeleton[data-v-0c267ab0] {
        flex-wrap: wrap
      }
    }

    .fadeHeight-enter-active[data-v-0c267ab0],
    .fadeHeight-leave-active[data-v-0c267ab0] {
      transition: all .3s ease-in-out;
      max-height: 1000px
    }

    .fadeHeight-enter[data-v-0c267ab0],
    .fadeHeight-leave-to[data-v-0c267ab0] {
      max-height: 0px
    }

    .header-main-menu[data-v-55545584] {
      margin-left: 32px
    }

    .header-main-menu ul[data-v-55545584] {
      display: flex;
      gap: 16px;
      padding: 0 8px
    }

    .header-main-menu ul li[data-v-55545584] {
      display: flex;
      height: 40px;
      margin: 7px 0;
      background-color: #fff;
      position: relative
    }

    .header-main-menu ul li .svg-icon[data-v-55545584] {
      display: block;
      width: 24px;
      height: 100%;
      background-position: center;
      cursor: pointer
    }

    .header-main-menu ul li span[data-v-55545584] {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 10px;
      padding: 0 4px;
      font-weight: 700;
      line-height: 15px;
      text-align: center;
      background: #DC3F45;
      border-radius: 8px;
      top: 9px;
      border: 1px solid #fff;
      left: 12px;
      cursor: pointer;
      pointer-events: none
    }

    .header-account-not-login[data-v-737f08b2] {
      position: relative
    }

    .header-account-login[data-v-737f08b2] {
      border: 1px solid #000;
      border-radius: 5px;
      padding: 0px 16px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer
    }

    .header-account-login p[data-v-737f08b2] {
      font-size: 14px;
      font-weight: 500;
      line-height: 140%;
      color: #000
    }

    .header-account-login p span[data-v-737f08b2] {
      text-transform: lowercase
    }

    .header-account-login--loading[data-v-737f08b2] {
      width: 110px;
      height: 20px
    }

    .header-account-badge[data-v-737f08b2] {
      position: absolute;
      text-align: center;
      background: #A32029;
      color: #fff;
      padding: 8px 16px;
      border-radius: 4px;
      top: 44px
    }

    .header-account-badge p[data-v-737f08b2] {
      font-size: 14px;
      font-weight: 500;
      line-height: 20px
    }

    .header-account-icon img[data-v-737f08b2] {
      transition: transform .3s
    }

    .header-account-container[data-v-737f08b2] {
      cursor: pointer
    }

    .header-account-container .my-account-wrapper[data-v-737f08b2] {
      padding: 8px 8px;
      display: flex;
      gap: 8px;
      align-items: center
    }

    .header-account-container .my-account-wrapper>img[data-v-737f08b2] {
      width: 32px;
      height: 20px
    }

    .header-account-container .my-account-wrapper .separator[data-v-737f08b2] {
      width: 1px;
      background: rgba(0, 0, 0, 0.8);
      height: 20px;
      margin: 0 16px
    }

    .header-account-container .my-account-wrapper[data-v-737f08b2]:hover {
      background: rgba(0, 0, 0, 0.05);
      border-radius: 8px
    }

    .header-account-container .my-account-wrapper:hover .my-account-dropdown[data-v-737f08b2] {
      max-height: 1000px
    }

    .header-account-container .my-account-wrapper:hover .header-account-icon img[data-v-737f08b2] {
      transform: rotate(-180deg)
    }

    .header-account-dropdown[data-v-737f08b2] {
      position: absolute;
      padding: 24px;
      background: #FFF;
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
      z-index: 9999;
      min-width: 375px;
      top: 55px;
      right: 0
    }

    .header-account-name[data-v-737f08b2] {
      max-width: 90px;
      font-size: 14px;
      font-weight: 500;
      line-height: 140%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .header-account-name--loading[data-v-737f08b2] {
      width: 56px;
      height: 20px
    }

    .header-account-points[data-v-737f08b2] {
      display: flex;
      font-size: 14px;
      font-weight: 500;
      line-height: 140%
    }

    .header-account-points__value[data-v-737f08b2] {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 76px
    }

    .header-account-icon[data-v-737f08b2] {
      width: 20px;
      height: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 4px
    }

    .header-account-icon>img[data-v-737f08b2] {
      width: 12px;
      height: 7px;
      object-fit: contain
    }

    .header-account .account-name[data-v-737f08b2] {
      display: flex;
      gap: 12px
    }

    .header-account .account-card-wrapper[data-v-737f08b2] {
      display: flex;
      align-items: center;
      gap: 16px;
      border-radius: 4px;
      padding: 16px 0 16px 16px;
      background: linear-gradient(229deg, #C6C6C2 0%, #4E4E4E 100%);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
      margin: 16px 0
    }

    .my-account-dropdown[data-v-737f08b2] {
      display: block;
      width: 375px;
      background: #fff;
      box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: calc(36px + 14px + 15px);
      right: 0;
      z-index: 10;
      overflow: hidden;
      transition: max-height .3s ease-in-out;
      max-height: 0px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px
    }

    .my-account-dropdown[data-v-737f08b2]>li:first-child {
      margin-top: 4px
    }

    .my-account-dropdown[data-v-737f08b2]>li:last-child {
      margin-bottom: 4px
    }

    .article-product-information[data-v-31fc597f] {
      max-width: 1130px;
      padding: 0 15px;
      margin: 0 auto 48px;
      position: relative;
      min-height: 520px
    }

    @media (max-width: 1024px) {
      .container[data-v-31fc597f] {
        margin-top: -60px
      }

      .article-product-information[data-v-31fc597f] {
        padding: 0;
        margin-bottom: 0;
        min-height: auto
      }
    }

    .article-breadcrumb[data-v-342603a3] {
      max-width: 1130px;
      margin-bottom: 16px
    }

    .article-breadcrumb .breadcrumb[data-v-342603a3] {
      padding: 6px 0
    }

    .article-breadcrumb .breadcrumb ul li[data-v-342603a3] {
      font-size: 16px;
      display: inline-block;
      color: rgba(0, 0, 0, 0.6);
      font-weight: 400;
      line-height: 140%;
      cursor: default
    }

    .article-breadcrumb .breadcrumb ul li[data-v-342603a3]:nth-child(even) {
      padding: 0 3px
    }

    .article-breadcrumb .breadcrumb ul li a[data-v-342603a3] {
      color: rgba(0, 0, 0, 0.6)
    }

    .article-breadcrumb .breadcrumb ul li.is-active a[data-v-342603a3],
    .article-breadcrumb .breadcrumb ul li.is-active span[data-v-342603a3] {
      color: #000;
      font-weight: 500
    }

    .article-breadcrumb .breadcrumb ul li.is-have-url[data-v-342603a3] {
      cursor: pointer
    }

    .product-left {
      float: left;
      position: absolute;
      top: 0;
      left: 15px;
      width: 44.8%;
      padding-right: 30px;
      z-index: 1
    }

    .product-left .min-scroller-wrap {
      float: left;
      width: 17.466%;
      padding-right: 17px;
      margin-bottom: -20px;
      height: 516px
    }

    .product-left .detail-time {
      background: rgba(51, 51, 51, 0.5);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      padding: 4px 0;
      z-index: 3;
      color: #fff
    }

    .scroll-gallery.axis-y {
      width: auto;
      height: 100%;
      padding: 0;
      overflow: hidden
    }

    .scroll-gallery.axis-y .scroller-wrap {
      height: 100%
    }

    .scroll-gallery.axis-y .scroller-wrap ul {
      display: flex;
      flex-direction: column
    }

    .scroll-gallery.axis-y .scroller-wrap ul li {
      width: auto;
      border: 1px solid #fff;
      margin-bottom: 20px;
      flex: 1
    }

    .scroll-gallery.axis-y .scroller-wrap ul li.active {
      border: 1px solid #000
    }

    .scroll-gallery.axis-y .scroller-wrap ul li a {
      padding: 0
    }

    .scroll-gallery.axis-y .scroll-btn-prev,
    .scroll-gallery.axis-y .scroll-btn-next {
      z-index: 2
    }

    .scroll-gallery.axis-y .scroll-btn-prev a,
    .scroll-gallery.axis-y .scroll-btn-next a {
      text-indent: 999999px
    }

    .scroll-btn-prev i {
      background-position: -177px -100px
    }

    .scroll-btn-next i {
      vertical-align: bottom;
      background-position: -223px -54px
    }

    .scroll.pdp-big-scroll {
      float: right;
      width: 82.065%
    }

    .scroll .scroller-wrap {
      overflow: visible;
      position: relative
    }

    .swiper-video {
      cursor: pointer;
      position: relative;
      display: block
    }

    .swiper-video .svg-icon {
      width: 20px;
      height: 20px;
      cursor: pointer;
      display: block;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      z-index: 1;
      border-radius: 8px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%)
    }

    @media (max-width: 1024px) {
      .product-left {
        float: none;
        width: 100% !important;
        padding: 0;
        left: 0;
        position: relative
      }

      .product-left .pdp-big-scroll {
        float: none;
        width: 100%
      }

      .product-left .pdp-big-scroll .scroller-slide {
        display: flex
      }

      .product-left .pdp-big-scroll .scroller-slide .scroller-list {
        display: block;
        flex-shrink: 0
      }

      .product-left .pdp-big-scroll .scroller-slide .scroller-list a {
        display: block
      }

      .product-left .pdp-big-scroll .scroll-dots {
        left: auto !important;
        margin-left: 0 !important;
        right: 20px;
        width: auto !important;
        bottom: 10px
      }

      .product-left .pdp-big-scroll .scroll-dots a {
        width: 14px;
        height: 2px;
        background: #ccc;
        border-radius: 0;
        margin: 0 2px
      }

      .product-left .pdp-big-scroll .scroll-dots a.active {
        width: 28px;
        background: #f0242b
      }

      .scroll .scroller-wrap {
        overflow: hidden
      }
    }

    .zoom-image .thumbnail-area[data-v-332370a5] {
      position: relative;
      overflow: hidden
    }

    .zoom-image .img-zoom-container[data-v-332370a5] {
      z-index: 100;
      transition: all .2s ease
    }

    @media (max-width: 1024px) {
      .thumbnail-area[data-v-332370a5] {
        width: 100%;
        height: auto
      }
    }

    .ribbon-img[data-v-096e0015] {
      position: absolute;
      width: 50%;
      pointer-events: none
    }

    .ribbon-img.top[data-v-096e0015] {
      top: 0;
      transform: translateX(50%)
    }

    .ribbon-img.upper-left[data-v-096e0015] {
      top: 0;
      left: 0
    }

    .ribbon-img.upper-right[data-v-096e0015] {
      top: 0;
      right: 0
    }

    .ribbon-img.bottom[data-v-096e0015] {
      bottom: 0;
      width: 100%
    }

    .ribbon-img.bottom-right[data-v-096e0015] {
      bottom: 0;
      right: 0
    }

    .ribbon-img.bottom-left[data-v-096e0015] {
      bottom: 0;
      left: 0
    }

    .product-right[data-v-780683c8] {
      float: right;
      width: 54.182%;
      padding-left: 5px
    }

    @media (max-width: 1024px) {
      .product-right[data-v-780683c8] {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 0
      }
    }

    .message-bar[data-v-23a6e28b] {
      display: flex;
      padding: 11px 12px;
      margin-bottom: 24px;
      background: #FFFBEA;
      border: 1px solid #F5C600
    }

    .message-bar>div[data-v-23a6e28b] {
      display: flex
    }

    .message-bar__icon i[data-v-23a6e28b] {
      display: block;
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      background-size: contain
    }

    .message-bar__detail[data-v-23a6e28b] {
      width: 100%;
      margin-left: 8px;
      color: rgba(0, 0, 0, 0.8);
      font-size: 12px;
      font-weight: 500;
      line-height: 18px
    }

    @media (max-width: 1024px) {
      .message-bar[data-v-23a6e28b] {
        margin: 20px
      }
    }

    .product-top-l[data-v-542c6b60] {
      float: left;
      display: inline-block;
      width: 100%
    }

    .product-top-l>div[data-v-542c6b60] {
      margin-right: 200px
    }

    .product-top-l .product-name[data-v-542c6b60] {
      font-size: 16px;
      line-height: 22.4px;
      margin-bottom: 8px;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 500
    }

    .product-top-l .product-subtitle[data-v-542c6b60] {
      font-size: 14px;
      color: #333;
      margin-bottom: 8px;
      font-weight: 400
    }

    .product-top-l .product-code[data-v-542c6b60] {
      color: rgba(0, 0, 0, 0.4);
      margin-bottom: 30px;
      font-weight: 400;
      font-size: 12px
    }

    .product-top-l .product-price span[data-v-542c6b60]:first-child {
      font-size: 24px;
      color: #C10230;
      font-weight: 600
    }

    .product-top-l .product-price span.discount[data-v-542c6b60] {
      margin-left: 4px;
      padding: 0 4px;
      font-size: 16px;
      border-radius: 4px;
      color: #fff;
      background: #DC3F45;
      font-size: 14px;
      border-radius: 4px;
      font-weight: 600;
      padding: 0px 4px;
      line-height: 20px
    }

    .product-top-l .product-price__crossed[data-v-542c6b60] {
      font-size: 16px;
      line-height: 24px;
      color: rgba(0, 0, 0, 0.6);
      display: block;
      margin-top: 4px
    }

    .product-top-l .product-price__label[data-v-542c6b60] {
      display: block;
      width: fit-content;
      margin: 8px 0px
    }

    .product-top-l .product-price__label img[data-v-542c6b60] {
      height: 25px;
      width: auto
    }

    .product-top-l .product-price__sale[data-v-542c6b60] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 4px;
      margin-top: 4px
    }

    .product-top-l .product-price__sale--has-online span[data-v-542c6b60]:first-child {
      color: #000 !important;
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 24px
    }

    .product-top-l .product-price__exclusive[data-v-542c6b60] {
      margin: 0px 0px 4px 0px;
      display: flex;
      align-items: center;
      justify-content: flex-start
    }

    .product-top-r[data-v-542c6b60] {
      float: right;
      width: 236px;
      margin-left: -236px;
      display: inline-block;
      position: relative;
      text-align: right;
      font-size: 14px
    }

    .product-top-r .reviews[data-v-542c6b60] {
      cursor: pointer
    }

    .product-promo[data-v-542c6b60] {
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      color: #000;
      margin: 4px 0px
    }

    .product-promo a[data-v-542c6b60] {
      color: #000;
      text-decoration: underline;
      cursor: pointer
    }

    @media (max-width: 1024px) {
      .product-top[data-v-542c6b60] {
        margin-top: 20px;
        margin-bottom: 21px;
        padding: 0 20px
      }

      .product-top .product-top-l[data-v-542c6b60] {
        float: none
      }

      .product-top .product-top-l>div[data-v-542c6b60] {
        margin-right: 0
      }

      .product-top .product-top-l>div .product-name[data-v-542c6b60] {
        font-size: 16px;
        margin-bottom: 4px;
        line-height: 22.4px
      }

      .product-top .product-top-l>div .product-subtitle[data-v-542c6b60] {
        margin-bottom: 4px;
        color: #333;
        line-height: 19.6px
      }

      .product-top .product-top-l>div .product-code[data-v-542c6b60] {
        margin-bottom: 20px
      }

      .product-top .product-top-l>div .product-price[data-v-542c6b60] {
        padding-right: 94px
      }

      .product-top .discount-info[data-v-542c6b60] {
        position: relative;
        margin-top: 16px;
        margin-bottom: 20px
      }

      .product-top .discount-info h3[data-v-542c6b60] {
        position: absolute;
        right: 0;
        top: -36px;
        font-size: 14px;
        margin-bottom: 0
      }

      .product-top .discount-info p[data-v-542c6b60] {
        color: #4a4a4a;
        text-align: center;
        padding-left: 0
      }

      .product-top .product-top-r[data-v-542c6b60] {
        float: none;
        width: 100%;
        margin-left: 0;
        position: relative;
        text-align: left;
        overflow: hidden;
        line-height: 1
      }

      .product-top .product-top-r .reviews[data-v-542c6b60] {
        display: inline-block;
        padding-left: 6px;
        margin-bottom: 0;
        font-size: 12px
      }

      .product-top .product-top-r .reviews span[data-v-542c6b60] {
        color: #9d9d9d
      }
    }

    @media (max-width: 767px) {
      .product-price[data-v-542c6b60] {
        padding-right: 0
      }

      .discount-info[data-v-542c6b60] {
        margin-top: 10px
      }

      .discount-info h3[data-v-542c6b60] {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 10px
      }
    }

    .discount-info[data-v-66b535b0] {
      margin-bottom: 20px
    }

    .discount-info h3[data-v-66b535b0] {
      font-size: 16px;
      color: #333;
      margin-bottom: 10px;
      line-height: 22.4px
    }

    .discount-info h3 a[data-v-66b535b0] {
      color: #333;
      text-decoration: underline;
      font-weight: 500
    }

    .star[data-v-3230cc89] {
      margin-bottom: 6px;
      font-size: 0
    }

    .star#reviewsStar span[data-v-3230cc89] {
      position: relative;
      display: inline-block;
      margin-right: 10px
    }

    .star span i.icon-star-inactive[data-v-3230cc89] {
      background-position: -96px -160px;
      width: 20px;
      height: 20px
    }

    .star span i.icon-star-active[data-v-3230cc89] {
      background-position: -122px -160px;
      width: 20px;
      height: 20px
    }

    .star span i[data-v-3230cc89]:nth-child(2) {
      position: absolute;
      left: 0;
      top: 0
    }

    @media (max-width: 1024px) {
      .star[data-v-3230cc89] {
        margin-bottom: 0
      }

      .star#reviewsStar[data-v-3230cc89] {
        float: left
      }

      .star#reviewsStar span[data-v-3230cc89]:last-child {
        margin-right: 0
      }

      .star span[data-v-3230cc89] {
        margin-right: 4px
      }

      .star span[data-v-3230cc89]:last-child {
        margin-right: 0
      }
    }

    .conditional-info__list-item[data-v-5a5cac8d] {
      background-position: 8px center;
      background-repeat: no-repeat;
      background-size: 20px;
      border: 1px solid rgba(0, 0, 0, 0.1);
      color: rgba(0, 0, 0, 0.8);
      display: inline-block;
      font-size: 12px;
      line-height: 150%;
      margin-bottom: 10px;
      padding: 8px 8px 8px 36px
    }

    .conditional-info__list:last-child div[data-v-5a5cac8d] {
      margin-bottom: 20px
    }

    @media (max-width: 1024px) {
      .conditional-info[data-v-5a5cac8d] {
        padding: 0 20px
      }
    }

    .color-box h3[data-v-22ffebca] {
      color: #999;
      font-size: 12px
    }

    .color-box h3 span[data-v-22ffebca] {
      color: #151515
    }

    .color-main ul[data-v-22ffebca] {
      font-size: 0
    }

    .color-main ul li[data-v-22ffebca] {
      display: inline-block;
      vertical-align: top;
      margin-right: 18px;
      margin-top: 10px
    }

    .color-main ul li a[data-v-22ffebca] {
      display: block
    }

    .color-main ul li a span[data-v-22ffebca] {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      font-size: 0;
      border-radius: 3px
    }

    .color-main ul li a span[data-v-22ffebca]::after {
      content: "";
      display: none;
      position: absolute;
      width: 24px;
      height: 24px;
      top: 50%;
      left: 50%;
      margin: -12px 0 0 -12px;
      border-radius: 4px
    }

    .color-main ul li.is-active a span[data-v-22ffebca]::after {
      display: block;
      border: 1px solid #000
    }

    .color-main--circle ul li a span[data-v-22ffebca] {
      border-radius: 50%
    }

    .color-main--circle ul li a span[data-v-22ffebca]::after {
      border-radius: 50%
    }

    @media (max-width: 1024px) {
      .color-box[data-v-22ffebca] {
        padding: 0 20px;
        margin-bottom: 20px
      }

      .color-box .color-main ul li[data-v-22ffebca] {
        margin-right: 30px
      }

      .color-box .color-main ul li.is-active a span[data-v-22ffebca] {
        position: relative
      }

      .color-box .color-main ul li.is-active a span[data-v-22ffebca]:after {
        content: "";
        display: block;
        position: absolute;
        width: 34px;
        height: 34px;
        top: 50%;
        left: 50%;
        margin: -17px 0 0 -17px;
        border: 1px solid #000
      }

      .color-box .color-main ul li a span[data-v-22ffebca] {
        width: 30px;
        height: 30px
      }

      .color-box .color-main--circle ul li[data-v-22ffebca] {
        margin-right: 12px
      }

      .color-box .color-main--circle ul li a span[data-v-22ffebca] {
        width: 24px;
        height: 24px
      }
    }

    .model-box h3[data-v-f4835ca8] {
      font-size: 12px
    }

    .model-box h3 p[data-v-f4835ca8] {
      float: left
    }

    .model-box h3 .choose-box[data-v-f4835ca8] {
      color: #df1a2e;
      display: none
    }

    .model-box h3 .model-con[data-v-f4835ca8] {
      display: block;
      color: #999
    }

    .model-box h3 .model-con span[data-v-f4835ca8] {
      color: #151515
    }

    .model-box h3 a[data-v-f4835ca8] {
      float: right;
      color: #333;
      text-decoration: underline
    }

    .model-main[data-v-f4835ca8] {
      margin-bottom: 14px
    }

    .model-main ul[data-v-f4835ca8] {
      font-size: 0;
      margin-top: 10px
    }

    .model-main ul li[data-v-f4835ca8] {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 10px;
      max-width: 100%
    }

    .model-main ul li.is-active div[data-v-f4835ca8] {
      background: #333;
      border: 1px solid #000;
      color: #fff
    }

    .model-main ul li.is-disabled div[data-v-f4835ca8] {
      cursor: pointer !important;
      border: 1px solid #e6e6e6;
      color: #999;
      background-color: #fff
    }

    .model-main ul li div[data-v-f4835ca8] {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 68px;
      height: 40px;
      padding: 0 15px;
      text-align: center;
      line-height: 36px;
      border: 1px solid #333;
      color: #333;
      font-size: 12px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      border-radius: 4px
    }

    .model-main .free-gift[data-v-f4835ca8] {
      display: inline-block;
      padding: 0 4px;
      margin-left: 8px;
      font-size: 10px;
      font-weight: 500;
      line-height: 14px;
      color: #fff;
      background-color: #C10230
    }

    .model-main--wide[data-v-f4835ca8] {
      margin-bottom: 24px
    }

    .model-main--wide ul li[data-v-f4835ca8] {
      display: block;
      max-width: 360px
    }

    .model-main--wide ul li div[data-v-f4835ca8] {
      height: 50px;
      border: 1px solid #DDDDDD
    }

    .model-main--wide ul li.is-active div[data-v-f4835ca8] {
      background: #fff;
      border: 1px solid #000;
      color: #000
    }

    @media (max-width: 1024px) {
      .model-box[data-v-f4835ca8] {
        margin-bottom: 20px;
        padding: 0 20px
      }

      .model-main[data-v-f4835ca8] {
        margin-bottom: 10px
      }

      .model-main--wide[data-v-f4835ca8] {
        margin-bottom: 20px
      }

      .model-main--wide ul li[data-v-f4835ca8] {
        max-width: 100%
      }

      .model-main--wide ul li div[data-v-f4835ca8] {
        height: 40px
      }
    }

    .variant-box h3[data-v-459c5aaa] {
      font-size: 12px
    }

    .variant-box h3 p[data-v-459c5aaa] {
      float: left
    }

    .variant-box h3 .choose-box[data-v-459c5aaa] {
      color: #df1a2e;
      display: none
    }

    .variant-box h3 .variant-con[data-v-459c5aaa] {
      display: block;
      color: #999
    }

    .variant-box h3 .variant-con span[data-v-459c5aaa] {
      color: #151515
    }

    .variant-box h3 a[data-v-459c5aaa] {
      float: right;
      color: #333;
      text-decoration: underline
    }

    .variant-main[data-v-459c5aaa] {
      margin-bottom: 14px
    }

    .variant-main ul[data-v-459c5aaa] {
      font-size: 0;
      margin-top: 10px
    }

    .variant-main ul li[data-v-459c5aaa] {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 10px;
      max-width: 100%
    }

    .variant-main ul li.is-active div[data-v-459c5aaa] {
      background: #333;
      border: 1px solid #000;
      color: #fff
    }

    .variant-main ul li.is-disabled div[data-v-459c5aaa] {
      cursor: pointer !important;
      border: 1px solid #e6e6e6;
      color: #999;
      background-color: #fff;
      pointer-events: none
    }

    .variant-main ul li div[data-v-459c5aaa] {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 68px;
      height: 40px;
      padding: 0 15px;
      text-align: center;
      line-height: 36px;
      border: 1px solid #333;
      color: #333;
      font-size: 12px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      border-radius: 4px
    }

    .variant-main .free-gift[data-v-459c5aaa] {
      display: inline-block;
      padding: 0 4px;
      margin-left: 8px;
      font-size: 10px;
      font-weight: 500;
      line-height: 14px;
      color: #fff;
      background-color: #C10230
    }

    .variant-main--wide[data-v-459c5aaa] {
      margin-bottom: 24px
    }

    .variant-main--wide ul li[data-v-459c5aaa] {
      display: block;
      max-width: 360px
    }

    .variant-main--wide ul li div[data-v-459c5aaa] {
      height: 50px;
      border: 1px solid #DDDDDD
    }

    .variant-main--wide ul li.is-active div[data-v-459c5aaa] {
      background: #fff;
      border: 1px solid #000;
      color: #000
    }

    @media (max-width: 1024px) {
      .variant-box[data-v-459c5aaa] {
        margin-bottom: 20px;
        padding: 0 20px
      }

      .variant-main[data-v-459c5aaa] {
        margin-bottom: 10px
      }

      .variant-main--wide[data-v-459c5aaa] {
        margin-bottom: 20px
      }

      .variant-main--wide ul li[data-v-459c5aaa] {
        max-width: 100%
      }

      .variant-main--wide ul li div[data-v-459c5aaa] {
        height: 40px
      }
    }

    .size-box h3[data-v-3f0e3793] {
      font-size: 12px
    }

    .size-box h3 p[data-v-3f0e3793] {
      float: left
    }

    .size-box h3 .choose-box[data-v-3f0e3793] {
      color: #df1a2e;
      display: none
    }

    .size-box h3 .size-con[data-v-3f0e3793] {
      display: block;
      color: #999
    }

    .size-box h3 .size-con span[data-v-3f0e3793] {
      color: #151515
    }

    .size-box h3 a[data-v-3f0e3793] {
      float: right;
      color: #333;
      text-decoration: underline
    }

    .size-main[data-v-3f0e3793] {
      margin-bottom: 14px
    }

    .size-main ul[data-v-3f0e3793] {
      font-size: 0;
      margin-top: 10px
    }

    .size-main ul li[data-v-3f0e3793] {
      display: inline-block;
      margin-right: 20px;
      margin-bottom: 10px;
      max-width: 100%
    }

    .size-main ul li.is-active div[data-v-3f0e3793] {
      background: #333;
      border: 1px solid #000;
      color: #fff
    }

    .size-main ul li.is-disabled div[data-v-3f0e3793] {
      cursor: pointer !important;
      border: 1px solid #e6e6e6;
      color: #999;
      background-color: #fff
    }

    .size-main ul li div[data-v-3f0e3793] {
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 68px;
      height: 40px;
      padding: 0 15px;
      text-align: center;
      line-height: 36px;
      border: 1px solid #333;
      color: #333;
      font-size: 12px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      border-radius: 4px
    }

    .size-main .free-gift[data-v-3f0e3793] {
      display: inline-block;
      padding: 0 4px;
      margin-left: 8px;
      font-size: 10px;
      font-weight: 500;
      line-height: 14px;
      color: #fff;
      background-color: #C10230
    }

    .size-main--wide[data-v-3f0e3793] {
      margin-bottom: 24px
    }

    .size-main--wide ul li[data-v-3f0e3793] {
      display: block;
      max-width: 360px
    }

    .size-main--wide ul li div[data-v-3f0e3793] {
      height: 50px;
      border: 1px solid #DDDDDD
    }

    .size-main--wide ul li.is-active div[data-v-3f0e3793] {
      background: #fff;
      border: 1px solid #000;
      color: #000
    }

    @media (max-width: 1024px) {
      .size-box[data-v-3f0e3793] {
        margin-bottom: 20px;
        padding: 0 20px
      }

      .size-main[data-v-3f0e3793] {
        margin-bottom: 10px
      }

      .size-main--wide[data-v-3f0e3793] {
        margin-bottom: 20px
      }

      .size-main--wide ul li[data-v-3f0e3793] {
        max-width: 100%
      }

      .size-main--wide ul li div[data-v-3f0e3793] {
        height: 40px
      }
    }

    .free-gift__title[data-v-27feff3a] {
      display: flex
    }

    .free-gift__title h3[data-v-27feff3a] {
      font-size: 14px;
      font-weight: 500;
      line-height: 140%;
      color: rgba(0, 0, 0, 0.8)
    }

    .free-gift__title img[data-v-27feff3a] {
      margin-left: 4px
    }

    .free-gift ul[data-v-27feff3a] {
      display: flex;
      margin-top: 8px
    }

    .free-gift ul li[data-v-27feff3a] {
      width: 123px;
      height: 214px;
      padding: 8px;
      margin-bottom: 20px;
      margin-right: 20px;
      border: 1px solid rgba(0, 0, 0, 0.1)
    }

    .free-gift ul li a[data-v-27feff3a] {
      display: block;
      margin-top: 8px;
      color: #000;
      font-weight: 500;
      line-height: 20px;
      text-decoration: underline
    }

    .free-gift__image[data-v-27feff3a] {
      width: 105px;
      height: 120px;
      overflow: hidden
    }

    .free-gift__image img[data-v-27feff3a] {
      width: 100%
    }

    .free-gift .gift-detail[data-v-27feff3a] {
      margin-top: 8px
    }

    .free-gift .gift-detail__title[data-v-27feff3a] {
      font-weight: 500;
      line-height: 20px;
      color: #000;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }

    .free-gift .gift-detail__price[data-v-27feff3a] {
      margin-top: 4px;
      line-height: 18px;
      color: #000
    }

    .f-tooltip[data-v-27feff3a] {
      position: relative
    }

    .f-tooltip:hover p[data-v-27feff3a],
    .f-tooltip[data-v-27feff3a]:hover::before {
      transition: all .15s ease-in-out;
      opacity: 1
    }

    .f-tooltip[data-v-27feff3a]:hover::after {
      transition: all .05s ease-in-out;
      opacity: 1
    }

    .f-tooltip p[data-v-27feff3a] {
      padding: 8px;
      font-weight: 500;
      line-height: 18px;
      background-color: #fff;
      border: 1px solid #000;
      position: absolute;
      top: 100%;
      transform: translate(-32px, 12px);
      opacity: 0;
      pointer-events: none
    }

    .f-tooltip[data-v-27feff3a]::before,
    .f-tooltip[data-v-27feff3a]::after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border: 10px solid;
      position: absolute;
      top: 100%;
      opacity: 0
    }

    .f-tooltip[data-v-27feff3a]::before {
      border-color: transparent transparent #000 transparent;
      transform: translate(4px, -7px)
    }

    .f-tooltip[data-v-27feff3a]::after {
      border-color: transparent transparent #fff transparent;
      transform: translate(4px, -6px)
    }

    @media (min-width: 1025px) {
      .free-gift ul[data-v-27feff3a] {
        flex-wrap: wrap;
        padding-bottom: 4px
      }
    }

    @media (max-width: 1024px) {
      .free-gift__title[data-v-27feff3a] {
        padding: 0 20px
      }

      .free-gift ul[data-v-27feff3a] {
        overflow-x: auto
      }

      .free-gift ul li[data-v-27feff3a]:first-child {
        margin-left: 20px
      }
    }

    .product-num h3 {
      font-size: 12px;
      color: #999;
      margin-bottom: 8px
    }

    .product-num h3 span {
      color: #151515
    }

    .product-num h3 .select {
      width: auto;
      z-index: 1;
      position: relative
    }

    .product-num .select .dropdown {
      width: 150px;
      height: 40px;
      display: inline-block;
      vertical-align: middle
    }

    .product-num .select .dropdown .ps {
      max-height: 170px
    }

    .product-stock {
      margin-top: 8px
    }

    .product-stock p {
      font-size: 12px;
      font-weight: 500;
      line-height: 150%;
      color: #C10230
    }

    @media (max-width: 1024px) {
      .product-num {
        padding: 0 20px;
        margin-bottom: 24px
      }

      .product-num .select .dropdown {
        width: 100%
      }

      .product-stock {
        margin-top: 4px
      }
    }

    .dropdown.is-open .btn .dropdown-icon i.icon-caret {
      background-position: -417px 0
    }

    .dropdown .btn {
      padding: 5px 0 5px 8px;
      min-width: auto;
      line-height: 24px;
      text-align: left;
      border: 1px solid #e6e6e6;
      border-radius: 4px;
      height: 40px
    }

    .dropdown .btn .dropdown-text {
      padding-right: 32px;
      font-size: 12px;
      color: #999;
      margin-top: 2px
    }

    .dropdown .btn .dropdown-icon {
      width: 30px
    }

    .dropdown .btn .dropdown-icon i.icon-caret {
      background-position: -330px -381px;
      width: 12px;
      height: 12px
    }

    .dropdown .btn .dropdown-icon .icon-caret {
      top: 50%;
      left: 50%;
      margin: -6px 0 0 -6px;
      border: 0
    }

    .dropdown .sub-menu {
      z-index: 20;
      position: absolute;
      padding: 5px 0;
      top: 40px !important
    }

    .dropdown .sub-menu .viewport {
      max-height: 170px;
      height: auto;
      overflow: hidden;
      position: relative
    }

    .dropdown .sub-menu .viewport .overview {
      padding: 0;
      margin-left: 0;
      position: relative;
      margin-top: 0
    }

    .select-option-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0
    }

    div.tinyscrollbar .scrollbar {
      right: 0;
      top: 0;
      padding: 5px 0;
      position: absolute;
      height: 100%
    }

    div.tinyscrollbar .scrollbar .track {
      position: relative;
      background-color: transparent;
      right: 0;
      height: 100%
    }

    div.tinyscrollbar .scrollbar .track .thumb {
      overflow: hidden;
      position: absolute;
      left: 0;
      width: 100%;
      background: #333;
      border-radius: 0
    }

    .ps {
      overflow: hidden !important;
      overflow-anchor: none;
      -ms-overflow-style: none;
      touch-action: auto;
      -ms-touch-action: auto;
      position: relative
    }

    .ps.ps--active-y>.ps__rail-y {
      display: block;
      background-color: transparent
    }

    .ps .ps__rail-y {
      display: none;
      transition: background-color .2s linear, opacity .2s linear;
      -webkit-transition: background-color .2s linear, opacity .2s linear;
      width: 4px;
      right: 0;
      position: absolute
    }

    .ps .ps__rail-y .ps__thumb-y {
      background: #000;
      transition: background-color .2s linear, width .2s ease-in-out;
      -webkit-transition: background-color .2s linear, width .2s ease-in-out;
      width: 100%;
      position: absolute
    }

    .product-btn.produnt-outOfStock .addtocart-btn a.btn-add-shopbag[data-v-3f575c70],
    .product-btn.produnt-outOfStock .addtocart-btn a.btn-nowbuy[data-v-3f575c70] {
      display: none
    }

    .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale[data-v-3f575c70] {
      display: inline-block;
      padding: 28px 0 57px;
      text-align: left
    }

    .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale[data-v-3f575c70]:hover {
      background-color: unset;
      cursor: auto
    }

    .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale p[data-v-3f575c70] {
      font-size: 16px;
      color: #ff6060
    }

    .product-btn .addtocart-btn a[data-v-3f575c70] {
      display: flex;
      min-width: 240px;
      border-radius: 4px;
      height: 40px;
      font-size: 14px;
      justify-content: center;
      font-weight: 500;
      align-items: center
    }

    .product-btn .addtocart-btn a.btn-add-shopbag[data-v-3f575c70] {
      float: left;
      margin-right: 20px
    }

    .product-btn .addtocart-btn a.btn-add-shopbag i[data-v-3f575c70] {
      display: none
    }

    .product-btn .addtocart-btn a.btn-nowbuy[data-v-3f575c70] {
      float: left
    }

    .product-btn .addtocart-btn .not-for-sale[data-v-3f575c70] {
      display: none
    }

    .product-btn .addtocart-btn--wide[data-v-3f575c70] {
      display: flex;
      justify-content: flex-start;
      align-items: center
    }

    .product-btn .addtocart-btn--wide a[data-v-3f575c70] {
      height: 50px;
      border-radius: 8px;
      font-size: 16px;
      font-family: "Jost", sans-serif;
      width: 50%
    }

    .product-btn .addtocart-btn--wide a.btn-add-shopbag[data-v-3f575c70] {
      float: none
    }

    .product-btn .addtocart-btn--wide a.btn-add-shopbag i[data-v-3f575c70] {
      display: none
    }

    .product-btn .addtocart-btn--wide a.btn-nowbuy[data-v-3f575c70] {
      float: none
    }

    .icon[data-v-3f575c70] {
      width: 20px;
      height: 20px;
      display: block;
      background-size: contain
    }

    @media (max-width: 1024px) {
      .product-btn[data-v-3f575c70] {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 0;
        z-index: 4;
        width: 100%;
        margin-bottom: 0
      }

      .product-btn.produnt-outOfStock .addtocart-btn .not-for-sale[data-v-3f575c70] {
        display: flex
      }

      .product-btn .addtocart-btn--wide a[data-v-3f575c70] {
        font-size: 14px
      }

      .event-addtocart[data-v-3f575c70] {
        padding: 16px 20px;
        background: white;
        display: flex;
        gap: 8px
      }

      .addtocart-btn a.btn-add-shopbag[data-v-3f575c70],
      .addtocart-btn a.btn-nowbuy[data-v-3f575c70] {
        width: 100%;
        min-width: 122px !important;
        margin-right: 0px !important;
        font-weight: 500;
        line-height: 120%;
        font-family: "Jost", sans-serif !important;
        padding: 0px 16px
      }

      .btn-add-wishlist[data-v-3f575c70] {
        width: 60px !important;
        min-width: fit-content !important;
        border: 1px solid #000;
        border-radius: 4px;
        justify-content: center !important;
        align-items: center !important;
        display: flex !important
      }

      .not-for-sale[data-v-3f575c70] {
        display: none;
        justify-content: center;
        align-items: center;
        padding: 0px !important;
        border-radius: 4px;
        border: 1px solid #eee;
        width: 100%;
        height: 50px;
        background-color: #EEE !important
      }

      .not-for-sale p[data-v-3f575c70] {
        color: #ccc !important;
        line-height: normal
      }
    }

    @media only screen and (-webkit-device-pixel-ratio: 3) and (min-device-width: 375px) and (max-device-width: 428px) and (min-device-height: 780px) and (max-device-height: 926px) {
      .product-btn[data-v-3f575c70] {
        padding-bottom: 20px;
        background: #fff
      }
    }

    @media only screen and (-webkit-device-pixel-ratio: 2) and (min-device-width: 375px) and (max-device-width: 428px) and (min-device-height: 780px) and (max-device-height: 926px) {
      .product-btn[data-v-3f575c70] {
        padding-bottom: 20px;
        background: #fff
      }
    }

    .add-wish-box[data-v-076903ec] {
      display: flex;
      margin-bottom: 40px
    }

    .add-wish-box .icon[data-v-076903ec] {
      width: 20px;
      height: 20px;
      display: block;
      background-size: contain
    }

    .add-wish-box a[data-v-076903ec] {
      display: inline-block;
      vertical-align: middle
    }

    .add-wish-box a.add-wish[data-v-076903ec] {
      color: #333;
      display: flex;
      align-items: center;
      font-size: 14px;
      gap: 16px;
      padding-right: 32px;
      margin-right: 32px;
      border-right: 1px solid #DDDDDD
    }

    .add-wish-box a.add-share[data-v-076903ec] {
      color: #333;
      display: flex;
      align-items: center;
      font-size: 14px;
      gap: 16px;
      padding-right: 32px;
      margin-right: 32px;
      border-right: 1px solid #DDDDDD
    }

    .add-wish-box a.add-share--no-border[data-v-076903ec] {
      border-right: none
    }

    .add-wish-box a.add-collect[data-v-076903ec] {
      color: #333;
      font-size: 14px;
      display: flex;
      align-items: center;
      gap: 16px
    }

    .add-wish-box a span[data-v-076903ec] {
      display: inline-block;
      font-size: 14px;
      line-height: 1;
      vertical-align: middle;
      font-weight: 500
    }

    .add-wish-box .icon-shop[data-v-076903ec] {
      background-position: -375px -96px;
      width: 15px;
      height: 15px
    }

    @media (max-width: 1024px) {
      .add-wish-box[data-v-076903ec] {
        padding: 0 20px;
        margin-bottom: 30px
      }
    }

    .product-detial[data-v-2d1a78fa] {
      margin-bottom: 25px
    }

    .product-detial .commodity-attribute[data-v-2d1a78fa] {
      border-bottom: 1px solid #e6e6e6;
      padding: 1px 20px
    }

    .product-detial .commodity-attribute[data-v-2d1a78fa]:first-child {
      border-top: 1px solid #e6e6e6
    }

    .product-detial .commodity-attribute .commodity-tit[data-v-2d1a78fa] {
      font-size: 14px;
      color: #333;
      padding: 18px 0;
      cursor: pointer;
      position: relative
    }

    .product-detial .commodity-attribute .commodity-tit i[data-v-2d1a78fa] {
      position: absolute;
      right: 0;
      top: 50%;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%)
    }

    .product-detial .commodity-attribute .commodity-con[data-v-2d1a78fa] {
      color: #151515;
      overflow: hidden;
      line-height: 20px;
      transition: 400ms ease-out
    }

    .product-detial .commodity-attribute .commodity-con-active[data-v-2d1a78fa] {
      padding-bottom: 10px
    }

    .product-detial .commodity-attribute .commodity-con__specification[data-v-2d1a78fa] {
      border: 1px solid rgba(0, 0, 0, 0.1);
      display: flex;
      flex-wrap: wrap;
      padding: 10px 14px
    }

    .product-detial .commodity-attribute .commodity-con__specification li[data-v-2d1a78fa] {
      color: rgba(0, 0, 0, 0.8);
      margin-top: 0;
      padding-left: 10px;
      width: 50%
    }

    .product-detial .commodity-attribute .commodity-con__specification li[data-v-2d1a78fa]::before {
      height: 3px;
      width: 3px
    }

    @media (max-width: 1024px) {
      .product-detial[data-v-2d1a78fa] {
        padding: 0 20px;
        margin-bottom: 27px
      }

      .product-detial .commodity-attribute[data-v-2d1a78fa] {
        padding: 0
      }

      .product-detial .commodity-attribute .commodity-tit[data-v-2d1a78fa] {
        padding-top: 11px;
        padding-bottom: 11px
      }

      .product-detial .commodity-attribute .commodity-con[data-v-2d1a78fa] {
        margin-bottom: 10px
      }

      .product-detial .commodity-attribute .commodity-con p[data-v-2d1a78fa]:first-child {
        padding-bottom: 0
      }

      .product-detial .commodity-attribute .commodity-con__specification li[data-v-2d1a78fa] {
        width: 100%
      }
    }

    .product-detial .commodity-attribute .commodity-con ul {
      padding-left: 12px;
      margin-bottom: 13px;
      margin-top: 10px
    }

    .product-detial .commodity-attribute .commodity-con ul li {
      list-style: none;
      padding-left: 8px;
      margin-top: 3px;
      position: relative
    }

    .product-detial .commodity-attribute .commodity-con ul li:first-child {
      margin-top: 0
    }

    .product-detial .commodity-attribute .commodity-con ul li:before {
      content: "";
      display: block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #000;
      position: absolute;
      top: 8px;
      left: 0
    }

    .article-review {
      max-width: 1130px;
      padding: 0 15px;
      margin: 0 auto 50px
    }

    .article-review .tit-review {
      text-align: center;
      position: relative;
      margin-bottom: 47px
    }

    .article-review .tit-review::before {
      content: "";
      position: absolute;
      width: 48%;
      left: 26%;
      top: 50%;
      margin-top: -.5px;
      height: 1px;
      background: #f0f0f1
    }

    .article-review .tit-review span {
      display: inline-block;
      padding: 0 40px;
      font-family: "Jost", sans-serif, sans-serif !important;
      font-weight: 500;
      font-size: 24px;
      color: #333;
      line-height: 20px;
      position: relative;
      background: #fff
    }

    .article-review .review-con .review-left {
      float: left;
      width: 45.818%;
      text-align: center
    }

    .article-review .review-con .review-left h5 {
      font-size: 14px;
      color: #333;
      line-height: 20px;
      margin-bottom: 19px
    }

    .article-review .review-con .review-left .star-box {
      margin-right: 20px
    }

    .article-review .review-con .review-left .star-box .star {
      margin-bottom: 26px
    }

    .article-review .review-con .review-left .star-box .star span {
      position: relative;
      display: inline-block;
      margin-left: 27px
    }

    .article-review .review-con .review-left .star-box .star span:first-child {
      margin-left: 0
    }

    .article-review .review-con .review-left .star-box .star span i:nth-child(2) {
      position: absolute;
      left: 0;
      top: 0
    }

    .article-review .review-con .review-left .detial-per {
      display: inline-block;
      text-align: left
    }

    .article-review .review-con .review-left .detial-per div {
      margin-bottom: 19px
    }

    .article-review .review-con .review-left .detial-per div span {
      display: inline-block;
      vertical-align: middle
    }

    .article-review .review-con .review-left .detial-per div .progress-bar {
      display: inline-block;
      position: relative;
      height: 6px;
      margin: 0 15px 0 18px
    }

    .article-review .review-con .review-left .detial-per div .progress-bar .active {
      position: absolute;
      z-index: 2;
      width: 30%;
      height: 6px;
      top: 5px;
      background: #dc1f34
    }

    .article-review .review-con .review-left .detial-per div .progress-bar .inactive {
      width: 318px;
      height: 6px;
      border: 1px solid #e6e6e6
    }

    .article-review .review-con .review-right {
      float: left;
      width: 54.182%
    }

    .article-review .review-con .review-right .review-per {
      margin-bottom: 44px
    }

    .article-review .review-con .review-right .review-per .by-per {
      margin-bottom: 22px
    }

    .article-review .review-con .review-right .review-per .by-per .star {
      float: left;
      position: relative
    }

    .article-review .review-con .review-right .review-per .by-per .star span {
      position: relative;
      display: inline-block;
      margin-right: 10px
    }

    .article-review .review-con .review-right .review-per .by-per .star span i:nth-child(2) {
      position: absolute;
      left: 0;
      top: 0
    }

    .article-review .review-con .review-right .review-per .by-per .author {
      float: right
    }

    .article-review .review-con .review-right .review-per .goods-detial {
      color: #333;
      line-height: 18px;
      margin-bottom: 12px
    }

    .article-review .review-con .review-right .review-per .goods-detial h5 {
      font-size: 12px;
      margin-bottom: 6px
    }

    .article-review .review-con .review-right .review-per .goods-detial p {
      color: #999
    }

    .article-review .review-con .review-right .review-per .goods-detial p span {
      color: #333
    }

    .article-review .review-con .review-right .review-per .goods-detial p .small-line {
      display: inline-block;
      margin: 0 8px;
      width: 0;
      height: 9px;
      border-left: 1px solid #3f3f3f;
      overflow: hidden;
      vertical-align: middle
    }

    .article-review .review-con .review-right .review-per .per-say {
      font-size: 14px;
      color: #999;
      line-height: 20px;
      padding-bottom: 10px
    }

    .article-review .review-con .review-right .review-per .per-say .goods-photo {
      font-size: 0
    }

    .article-review .review-con .review-right .review-per .say-con {
      margin-bottom: 16px;
      font-size: 12px
    }

    .article-review .review-con .review-right .review-per .feedback {
      line-height: 18px
    }

    .article-review .review-con .review-right .review-per .feedback h6 {
      float: left;
      margin-top: 2px
    }

    .article-review .review-con .review-right .review-per .feedback p {
      float: right
    }

    .article-review .review-con .review-right .review-per .feedback p span {
      cursor: pointer
    }

    .article-review .review-con .review-right .review-per .feedback p span:nth-child(2) {
      margin-left: 20px
    }

    .article-review .review-con .review-right .review-per .feedback p span i {
      font-style: normal !important
    }

    .article-review .review-con .review-right .pagination-box {
      margin-top: -26px
    }

    .article-review .review-con .review-right .pagination-box .pagination {
      display: inline-block;
      margin: 0
    }

    .article-review .no-review {
      margin-top: -17px
    }

    .article-review .no-review p {
      color: #333;
      font-size: 14px;
      text-align: center
    }

    @media (max-width: 1024px) {
      .article-review {
        padding: 0 20px;
        margin-bottom: 50px
      }

      .article-review>div .tit-review {
        margin-bottom: 20px
      }

      .article-review>div .tit-review:before {
        width: 100%;
        left: 50%;
        margin-left: -50%
      }

      .article-review>div .tit-review span {
        padding: 0 20px;
        font-size: 20px
      }

      .article-review>div .review-con .review-left {
        float: none;
        width: 100%;
        padding-bottom: 17px
      }

      .article-review>div .review-con .review-left .star-box {
        margin-right: 0
      }

      .article-review>div .review-con .review-left .star-box .star {
        margin-bottom: 17px
      }

      .article-review>div .review-con .review-left h5 {
        margin-bottom: 15px
      }

      .article-review>div .review-con .review-left .detial-per>div {
        margin-bottom: 9px
      }

      .article-review>div .review-con .review-left .detial-per>div>span:first-of-type {
        display: block;
        text-align: center
      }

      .article-review>div .review-con .review-left .detial-per>div .progress-bar {
        margin: 0 20px 0 0
      }

      .article-review>div .review-con .review-left .detial-per>div .progress-bar .inactive {
        width: 254px
      }

      .article-review>div .review-con .review-right {
        float: none;
        width: 100%
      }

      .article-review>div .review-con .review-right .review-per {
        padding-top: 20px;
        border-top: 1px solid #f0f0f1;
        margin-bottom: 20px
      }

      .article-review>div .review-con .review-right .review-per .by-per {
        margin-bottom: 17px
      }

      .article-review>div .review-con .review-right .review-per .by-per .star span {
        margin-right: 6px
      }

      .article-review>div .review-con .review-right .review-per .goods-detial h5 {
        margin-bottom: 4px
      }

      .article-review>div .review-con .review-right .review-per .per-say {
        padding-bottom: 0
      }

      .article-review>div .review-con .review-right .review-per .per-say .say-detial {
        position: relative
      }

      .article-review>div .review-con .review-right .review-per .per-say .say-detial .see-more {
        position: absolute;
        right: 0;
        bottom: -24px;
        font-size: 12px;
        color: #333;
        background-color: #fff;
        cursor: pointer;
        text-decoration: underline
      }

      .article-review>div .review-con .review-right .review-per .per-say .goods-photo {
        padding-top: 6px
      }

      .article-review>div .review-con .review-right .review-per .say-con {
        overflow: hidden
      }

      .article-review>div .review-con .review-right .review-per .feedback {
        color: #666
      }

      .article-review>div .no-review {
        margin-top: 0
      }
    }

    @media (max-width: 365px) {
      .article-review>div .review-con .review-left .detial-per>div {
        margin-bottom: 18px
      }

      .article-review>div .review-con .review-left .detial-per>div .progress-bar {
        margin-right: 5px
      }

      .article-review>div .review-con .review-left .detial-per>div .progress-bar .inactive {
        width: 210px
      }
    }

    .article-frequent {
      max-width: 1130px;
      padding: 0 15px;
      margin: 0 auto 60px
    }

    .article-frequent .tit {
      text-align: center;
      position: relative;
      margin-bottom: 30px;
      text-transform: uppercase
    }

    .article-frequent .tit::before {
      content: "";
      position: absolute;
      width: 57.3%;
      left: 50%;
      top: 50%;
      margin-top: -.5px;
      height: 1px;
      background: #e6e6e6;
      margin-left: -28.65%
    }

    .article-frequent .tit span {
      display: inline-block;
      padding: 0 40px;
      font-family: "Jost", sans-serif, sans-serif;
      font-size: 24px;
      color: #333;
      line-height: 20px;
      position: relative;
      background: #fff
    }

    .swiper-wrapper {
      display: flex
    }

    .swiper-wrapper .swiper-slide {
      width: 25%;
      flex-shrink: 0
    }

    .swiper-wrapper .swiper-slide a {
      display: block;
      text-align: center
    }

    .swiper-wrapper .swiper-slide a .title {
      font-size: 14px;
      color: #333;
      margin-top: 15px;
      line-height: 14px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      padding: 0 10px
    }

    .swiper-wrapper .swiper-slide a .detial {
      font-size: 12px;
      color: #999;
      margin-bottom: 12px;
      height: 40px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      line-height: 20px;
      padding: 0 10px
    }

    .swiper-wrapper .swiper-slide a .price {
      padding: 0 10px
    }

    .swiper-wrapper .swiper-slide a .price span {
      display: block;
      font-size: 14px;
      color: #333
    }

    .swiper-wrapper .swiper-slide a .price span:first-child {
      color: #d43232;
      margin-bottom: 4px
    }

    .swiper-wrapper .swiper-slide a .price span:last-child {
      color: #999;
      font-size: 12px;
      text-decoration: line-through
    }

    @media (max-width: 1024px) {
      .article-frequent {
        padding: 0
      }

      .article-frequent .tit:before {
        width: 90%;
        left: 50%;
        margin-left: -45%
      }

      .article-frequent .tit span {
        padding: 0 20px;
        font-size: 20px
      }

      .article-frequent .e-preferred-brand-swiper {
        overflow: hidden
      }
    }

    .article-recommend {
      max-width: 1130px;
      padding: 0 15px;
      margin: 0 auto 60px
    }

    .article-recommend .tit {
      text-align: center;
      position: relative;
      margin-bottom: 30px
    }

    .article-recommend .tit::before {
      content: "";
      position: absolute;
      width: 57.3%;
      left: 50%;
      top: 50%;
      margin-top: -.5px;
      height: 1px;
      background: #e6e6e6;
      margin-left: -28.65%
    }

    .article-recommend .tit span {
      display: inline-block;
      padding: 0 40px;
      font-family: "Jost", sans-serif, sans-serif;
      font-size: 24px;
      color: #333;
      line-height: 20px;
      position: relative;
      background: #fff
    }

    .swiper-wrapper {
      display: flex
    }

    .swiper-wrapper .swiper-slide {
      width: 25%;
      flex-shrink: 0
    }

    .swiper-wrapper .swiper-slide a {
      display: block;
      text-align: center
    }

    .swiper-wrapper .swiper-slide a .title {
      font-size: 14px;
      color: #333;
      margin-top: 15px;
      line-height: 14px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      padding: 0 10px
    }

    .swiper-wrapper .swiper-slide a .detial {
      font-size: 12px;
      color: #999;
      margin-bottom: 12px;
      height: 40px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      line-height: 20px;
      padding: 0 10px
    }

    .swiper-wrapper .swiper-slide a .price {
      padding: 0 10px
    }

    .swiper-wrapper .swiper-slide a .price span {
      display: block;
      font-size: 14px;
      color: #333
    }

    .swiper-wrapper .swiper-slide a .price span:first-child {
      color: #d43232;
      margin-bottom: 4px
    }

    .swiper-wrapper .swiper-slide a .price span:last-child {
      color: #999;
      font-size: 12px;
      text-decoration: line-through
    }

    @media (max-width: 1024px) {
      .article-recommend {
        padding: 0
      }

      .article-recommend .tit:before {
        width: 90%;
        left: 50%;
        margin-left: -45%
      }

      .article-recommend .tit span {
        padding: 0 20px;
        font-size: 20px
      }

      .article-recommend .e-preferred-brand-swiper {
        overflow: hidden
      }
    }

    .pdp-collect-map .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close {
      top: 10px;
      right: 10px;
      position: absolute
    }

    html.overflow {
      overflow: hidden
    }

    .fade-enter-active[data-v-b6b6bd76],
    .fade-leave-active[data-v-b6b6bd76] {
      transition: opacity .5s ease-in-out;
      opacity: 1
    }

    .fade-enter[data-v-b6b6bd76],
    .fade-leave-to[data-v-b6b6bd76] {
      opacity: 0
    }

    .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog {
      max-width: none
    }

    .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close {
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer
    }

    .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container {
      padding: 50px 60px 10px;
      width: 840px;
      height: 613px;
      border-radius: 0
    }

    .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container h3 {
      font-family: "Jost", sans-serif, sans-serif !important;
      font-weight: 500;
      font-size: 24px;
      line-height: 1;
      text-align: center
    }

    .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .size-tab {
      margin: 36px 0 6px;
      text-align: center;
      border-bottom: 1px solid #e6e6e6
    }

    .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .size-tab li {
      display: inline-block;
      margin: 0 5px;
      padding: 8px 10px;
      font-size: 14px;
      line-height: 1;
      border-bottom: 3px solid transparent;
      cursor: pointer
    }

    .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .size-tab li.is-active {
      font-family: "Jost", sans-serif, sans-serif !important;
      font-weight: 500;
      border-color: #f0242b
    }

    @media (max-width: 1024px) {
      .size-chart-dialog {
        background: #fff
      }

      .size-chart-dialog .dialog-scroll-wrap {
        display: block;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
        transition: none !important
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container {
        display: block
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll {
        display: block;
        height: 100%
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div {
        height: 100%
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog {
        margin: 0;
        height: 100%
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-close {
        top: 21px;
        right: 10px;
        z-index: 3
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container {
        position: relative;
        padding: 0;
        width: auto;
        height: 100%
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container h3 {
        position: absolute;
        z-index: 2;
        padding: 0 20px;
        width: 100%;
        height: 60px;
        font-size: 16px;
        line-height: 59px;
        background: #fff;
        border-bottom: 1px solid #f0f0f1;
        text-align: left
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .dialog-main {
        height: 100%;
        padding: 60px 20px 0
      }

      .size-chart-dialog .dialog-scroll-wrap .dialog-scroll-container .dialog-scroll>div .dialog .dialog-container .dialog-main .size-chart-main {
        height: 100%
      }
    }

    .installment-popup {
      z-index: 203;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3)
    }

    .installment-popup__wrap {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .installment-popup__container {
      padding: 40px 80px;
      background: #fff;
      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
      width: 55%
    }

    .installment-popup__close {
      width: 24px;
      height: 24px;
      background-position: 50%;
      background-repeat: no-repeat;
      margin-bottom: 16px;
      cursor: pointer;
      left: 100%;
      position: relative
    }

    .installment-popup__heading {
      font-weight: 500;
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 24px
    }

    .installment-popup__tab {
      display: flex;
      margin-bottom: 32px
    }

    .installment-popup__tab-list {
      font-size: 20px;
      line-height: 23px;
      letter-spacing: 0.1em;
      margin-right: 60px;
      padding-bottom: 4px;
      cursor: pointer
    }

    .installment-popup__tab-list--is-active {
      border-bottom: 3px solid #C10230;
      font-weight: 500
    }

    .installment-popup__list {
      display: flex;
      flex-wrap: wrap
    }

    .installment-popup__item {
      background-color: #f7f7f7;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(25% - 32px);
      margin-bottom: 32px;
      margin-right: 32px;
      border: 1px solid #ebebeb;
      text-align: center
    }

    .installment-popup__item--is-active {
      border: 1px solid #000
    }

    .installment-popup__tenor {
      margin-bottom: 32px
    }

    .installment-popup .dialog-close {
      position: absolute;
      top: 20px;
      right: 20px
    }

    .installment-popup__info {
      font-size: 16px;
      font-weight: 500;
      display: flex;
      color: #000
    }

    .installment-popup__info-icon {
      transform: rotate(180deg);
      background-repeat: no-repeat;
      background-position: right center;
      width: 20px;
      height: 20px;
      margin-left: 8px
    }

    .tenor {
      width: 100%
    }

    .tenor__card {
      font-weight: 500;
      font-size: 20px;
      line-height: 28px;
      padding-bottom: 8px;
      margin-bottom: 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

    .tenor__list {
      display: flex;
      padding-bottom: 8px;
      font-size: 16px;
      line-height: 22px
    }

    .tenor__term {
      width: 30%
    }

    .tenor__interest {
      display: block;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.6)
    }

    @media (max-width: 1024px) {
      .installment-popup__container {
        width: 100%;
        height: 100%;
        padding: 20px
      }

      .installment-popup__close {
        left: calc(100% - 20px)
      }

      .installment-popup__heading {
        font-size: 32px;
        line-height: 38px
      }

      .installment-popup__tab {
        justify-content: space-around;
        margin-bottom: 24px
      }

      .installment-popup__tab-list {
        font-size: 14px;
        padding-bottom: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: normal;
        margin-right: 0
      }

      .installment-popup__list {
        margin: 0 -8px 12px
      }

      .installment-popup__item {
        width: calc(33% - 16px);
        margin: 0 8px 12px
      }

      .installment-popup__tenor {
        max-height: 180px;
        margin-bottom: 16px;
        overflow-y: auto
      }

      .tenor__list {
        font-size: 14px;
        line-height: 20px
      }

      .tenor__interest {
        font-size: 14px
      }
    }

    .fade-enter-active,
    .fade-leave-active {
      transition: opacity .5s ease-in-out;
      opacity: 1
    }

    .fade-enter,
    .fade-leave-to {
      opacity: 0
    }

    .apps-only-popup[data-v-5073b5bb] {
      z-index: 203;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3)
    }

    .apps-only-popup__wrap[data-v-5073b5bb] {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .apps-only-popup__container[data-v-5073b5bb] {
      padding: 60px 80px;
      background: #fff;
      box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
      max-width: 560px;
      border-radius: 8px
    }

    .apps-only-popup__close[data-v-5073b5bb] {
      width: 24px;
      height: 24px;
      background-position: 50%;
      background-repeat: no-repeat;
      margin-bottom: 16px;
      cursor: pointer;
      left: 100%;
      position: relative
    }

    .apps-only-popup__heading[data-v-5073b5bb] {
      font-weight: 500;
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 24px
    }

    .apps-only-popup__detail[data-v-5073b5bb] {
      display: flex;
      flex-direction: column;
      gap: 24px
    }

    .apps-only-popup__detail p[data-v-5073b5bb] {
      font-size: 16px;
      line-height: 22px
    }

    .apps-only-popup__detail button[data-v-5073b5bb] {
      padding: 14px 16px;
      width: 100%;
      border-radius: 4px;
      background: #000;
      color: #fff;
      border: 0;
      cursor: pointer
    }

    .apps-only-popup__download[data-v-5073b5bb] {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      padding: 20px 16px;
      border-radius: 4px;
      border: 1px solid #9BC7E5;
      background: #F3F8FC
    }

    .apps-only-popup__download p[data-v-5073b5bb] {
      font-size: 14px;
      font-weight: 400;
      line-height: 19.6px;
      text-align: center;
      color: #555
    }

    .apps-only-popup__download-apps[data-v-5073b5bb] {
      display: flex;
      gap: 16px
    }

    @media (max-width: 1024px) {
      .apps-only-popup__container[data-v-5073b5bb] {
        width: 100%;
        height: 100%;
        padding: 20px 40px
      }

      .apps-only-popup__heading[data-v-5073b5bb] {
        font-size: 28px;
        line-height: 32px
      }
    }

    .fade-enter-active[data-v-5073b5bb],
    .fade-leave-active[data-v-5073b5bb] {
      transition: opacity .5s ease-in-out;
      opacity: 1
    }

    .fade-enter[data-v-5073b5bb],
    .fade-leave-to[data-v-5073b5bb] {
      opacity: 0
    }

    footer[data-v-4c38ce68] {
      margin-top: 40px
    }

    .footer-top[data-v-4c38ce68] {
      background: #f2f2f2
    }

    .footer-top-wrapper[data-v-4c38ce68] {
      display: flex;
      width: 1328px;
      margin: 0 auto;
      padding-top: 68px;
      padding-bottom: 60px;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      column-gap: 4px
    }

    .footer-top .logo[data-v-4c38ce68] {
      grid-column: span 3
    }

    .footer-top .logo img[data-v-4c38ce68] {
      width: 200px
    }

    .footer-top .information[data-v-4c38ce68] {
      grid-column: span 2;
      display: flex;
      flex-direction: column;
      gap: 24px
    }

    .footer-top .getintouch[data-v-4c38ce68] {
      grid-column: span 3;
      display: flex;
      flex-direction: column;
      gap: 32px
    }

    .footer-top .getintouch .contact-us[data-v-4c38ce68],
    .footer-top .getintouch .complaint-service[data-v-4c38ce68] {
      display: flex;
      flex-direction: column
    }

    .footer-top .getintouch .contact-us[data-v-4c38ce68] {
      gap: 24px
    }

    .footer-top .getintouch .complaint-service[data-v-4c38ce68] {
      gap: 16px
    }

    .footer-top .getintouch .complaint-service__contact[data-v-4c38ce68] {
      display: flex;
      flex-direction: column;
      gap: 4px
    }

    .footer-top .getintouch .complaint-service__contact--mapclub[data-v-4c38ce68] {
      margin-bottom: 16px
    }

    .footer-top .getintouch .complaint-service__contact--mapclub a[data-v-4c38ce68] {
      line-height: 100% !important
    }

    .footer-top .getintouch .complaint-service__contact--mapclub p[data-v-4c38ce68] {
      font-size: 14px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.8);
      line-height: 140%
    }

    .footer-top .getintouch .complaint-service__contact--mapclub a[data-v-4c38ce68]:nth-child(1) {
      border-right: 1px solid rgba(0, 0, 0, 0.8);
      padding-right: 8px
    }

    .footer-top .getintouch .complaint-service__group[data-v-4c38ce68] {
      display: flex;
      flex-direction: column;
      gap: 8px
    }

    .footer-top .getintouch .complaint-service__icon-mail[data-v-4c38ce68] {
      padding: 4px
    }

    .footer-top .getintouch .complaint-service__icon-whatsapp[data-v-4c38ce68] {
      padding: 2px
    }

    .footer-top .getintouch .complaint-service__item[data-v-4c38ce68] {
      display: flex;
      align-items: center;
      gap: 8px
    }

    .footer-top .getintouch .complaint-service__item>a[data-v-4c38ce68],
    .footer-top .getintouch .complaint-service__item p[data-v-4c38ce68] {
      font-size: 14px;
      font-weight: 500;
      line-height: 150%;
      color: rgba(0, 0, 0, 0.8)
    }

    .footer-top .getintouch .complaint-service__item>img[data-v-4c38ce68] {
      width: 24px;
      height: 24px;
      object-fit: contain;
      filter: brightness(0) saturate(100%)
    }

    .footer-top .payment[data-v-4c38ce68] {
      grid-column: span 4;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      column-gap: 4px;
      row-gap: 32px
    }

    .footer-top .payment__bank[data-v-4c38ce68],
    .footer-top .payment__system[data-v-4c38ce68] {
      display: flex;
      flex-direction: column;
      gap: 24px;
      grid-column: span 4
    }

    .footer-top .payment__bank_img--wrapper[data-v-4c38ce68] {
      width: 86%;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      column-gap: 8px;
      row-gap: 12px
    }

    .footer-top .payment__bank_img--item[data-v-4c38ce68] {
      width: 100%;
      height: 44px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 7px 0
    }

    .footer-top .payment__system-img--wrapper[data-v-4c38ce68] {
      width: fit-content;
      display: flex;
      flex-direction: column;
      gap: 12px
    }

    .footer-top .payment__system-img--item[data-v-4c38ce68] {
      display: flex;
      gap: 8px
    }

    .footer-top .payment__system-img--item-icon[data-v-4c38ce68] {
      width: 24px;
      height: 24px;
      object-fit: cover
    }

    .footer-top .payment__system-img--item-label[data-v-4c38ce68] {
      font-size: 14px;
      font-weight: 500;
      line-height: 140%;
      color: rgba(0, 0, 0, 0.8)
    }

    .footer-top-title[data-v-4c38ce68] {
      font-size: 16px;
      font-weight: 500
    }

    .footer-top-list li[data-v-4c38ce68] {
      display: flex;
      align-items: center;
      gap: 8px
    }

    .footer-top-list li[data-v-4c38ce68]:not(:first-child) {
      margin-top: 16px
    }

    .footer-top-list li>div[data-v-4c38ce68],
    .footer-top-list li a[data-v-4c38ce68] {
      color: rgba(0, 0, 0, 0.8);
      font-size: 14px;
      font-weight: 500;
      line-height: 18px;
      cursor: pointer
    }

    .footer-top-list li>img[data-v-4c38ce68] {
      width: 24px;
      height: 24px;
      object-fit: contain;
      padding: 4px
    }

    .footer-bottom[data-v-4c38ce68] {
      background: #C10230
    }

    .footer-bottom-wrapper[data-v-4c38ce68] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 1328px;
      padding: 16px 0;
      margin: 0 auto
    }

    .footer-bottom-ccs[data-v-4c38ce68] {
      display: flex;
      flex-direction: column
    }

    .footer-bottom-ccs p[data-v-4c38ce68] {
      font-size: 12px;
      line-height: 18px;
      color: #fff
    }

    .footer-bottom-ccs a[data-v-4c38ce68] {
      display: flex;
      align-items: center;
      padding-top: 4px;
      color: #fff;
      font-size: 12px
    }

    .footer-bottom-ccs a img[data-v-4c38ce68] {
      padding-right: 4px
    }

    .footer-bottom .social-media ul[data-v-4c38ce68] {
      display: flex;
      gap: 32px;
      flex-wrap: wrap
    }

    .footer-bottom .social-media ul li[data-v-4c38ce68] {
      display: flex
    }

    .footer-bottom .social-media ul li>a[data-v-4c38ce68] {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 500;
      line-height: 140%;
      color: #fff
    }

    .footer-bottom .download-apps[data-v-4c38ce68] {
      display: flex;
      gap: 20px
    }

    .footer-bottom .download-apps p[data-v-4c38ce68] {
      font-size: 14px;
      color: #fff;
      line-height: 24px
    }

    .footer-bottom .download-apps ul[data-v-4c38ce68] {
      display: flex;
      gap: 8px
    }

    .footer-bottom .download-apps ul li[data-v-4c38ce68] {
      height: 24px
    }

    .footer-bottom .download-apps ul li img[data-v-4c38ce68] {
      width: 100%;
      height: 100%
    }

    .footer-copyright[data-v-4c38ce68] {
      background: #000
    }

    .footer-copyright-wrapper[data-v-4c38ce68] {
      width: 1328px;
      margin: 0 auto;
      padding: 12px 0
    }

    .footer-copyright p[data-v-4c38ce68] {
      font-size: 12px;
      line-height: 150%;
      text-align: center;
      color: #fff
    }

    @media (max-width: 1439px) {
      .footer-top-wrapper[data-v-4c38ce68] {
        width: 1136px
      }

      .footer-bottom-wrapper[data-v-4c38ce68] {
        width: 1136px
      }

      .footer-copyright-wrapper[data-v-4c38ce68] {
        width: 1136px
      }
    }

    @media (min-width: 1025px) {
      .footer-top-list[data-v-4c38ce68] {
        display: block !important
      }

      .footer-top-title-elbow[data-v-4c38ce68] {
        display: none
      }

      .footer-bottom .social-media[data-v-4c38ce68] {
        display: flex;
        justify-content: flex-end
      }

      .footer-bottom-ccs[data-v-4c38ce68] {
        margin-top: 20px
      }
    }

    @media (max-width: 1024px) {
      footer[data-v-4c38ce68] {
        margin-top: 20px
      }

      .footer-top-wrapper[data-v-4c38ce68] {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        padding: 40px 20px;
        row-gap: 32px;
        column-gap: 0
      }

      .footer-top .logo[data-v-4c38ce68] {
        width: 100%
      }

      .footer-top .information[data-v-4c38ce68],
      .footer-top .getintouch[data-v-4c38ce68] {
        width: 100%
      }

      .footer-top .getintouch[data-v-4c38ce68] {
        gap: 32px
      }

      .footer-top .getintouch .contact-us[data-v-4c38ce68] {
        gap: 20px
      }

      .footer-top .information[data-v-4c38ce68] {
        gap: 20px
      }

      .footer-top .payment[data-v-4c38ce68] {
        grid-template-columns: repeat(1, 1fr)
      }

      .footer-top .payment__bank_img--item[data-v-4c38ce68] {
        width: 100%
      }

      .footer-top .payment__bank_img--wrapper[data-v-4c38ce68] {
        width: 100%;
        grid-template-columns: repeat(4, 1fr)
      }

      .footer-top-title[data-v-4c38ce68] {
        display: flex;
        justify-content: space-between
      }

      .footer-top-title-elbow .svg-icon[data-v-4c38ce68] {
        filter: invert(1);
        transition: transform .3s;
        position: relative;
        bottom: 2px
      }

      .footer-top-title-elbow .svg-icon__180[data-v-4c38ce68] {
        transform: rotate(-180deg)
      }

      .footer-top-list[data-v-4c38ce68] {
        padding-top: 0
      }

      .footer-top-list>li[data-v-4c38ce68]:not(:first-child) {
        margin-top: 20px
      }

      .footer-bottom-wrapper[data-v-4c38ce68] {
        flex-direction: column;
        width: 100%;
        height: auto;
        padding: 20px;
        gap: 32px
      }

      .footer-bottom .social-media ul[data-v-4c38ce68] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
      }

      .footer-bottom .download-apps[data-v-4c38ce68] {
        flex-direction: column;
        margin: 0;
        gap: 8px
      }

      .footer-bottom .download-apps p[data-v-4c38ce68] {
        text-align: center;
        line-height: 16px
      }

      .footer-bottom .download-apps ul[data-v-4c38ce68] {
        flex-direction: row-reverse;
        justify-content: center
      }

      .footer-bottom .download-apps ul li[data-v-4c38ce68] {
        height: 36px
      }

      .footer-bottom .download-apps ul li[data-v-4c38ce68]:nth-child(1) {
        margin-left: 0
      }

      .footer-bottom-ccs[data-v-4c38ce68] {
        align-items: center;
        margin-top: 8px
      }

      .footer-bottom-ccs p[data-v-4c38ce68] {
        text-align: center
      }

      .footer-bottom-ccs a[data-v-4c38ce68] {
        padding-top: 8px
      }

      .footer-bottom-ccs a img[data-v-4c38ce68] {
        height: 20px
      }

      .footer-copyright[data-v-4c38ce68] {
        height: auto
      }

      .footer-copyright-wrapper[data-v-4c38ce68] {
        width: 100%;
        padding: 8px 20px
      }

      .fadeHeight-enter-active[data-v-4c38ce68],
      .fadeHeight-leave-active[data-v-4c38ce68] {
        transition: all .4s;
        max-height: 1000px
      }

      .fadeHeight-enter[data-v-4c38ce68],
      .fadeHeight-leave-to[data-v-4c38ce68] {
        opacity: 0;
        max-height: 0px
      }
    }

    .dialog-opacity[data-v-327ab380] {
      transition: opacity 2s ease-in-out
    }

    .dialog-opacity[data-v-327ab380] {
      background-color: rgba(0, 0, 0, 0.6);
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 20;
      overflow-x: hidden;
      overflow-y: auto;
      min-width: 320px
    }

    .dialog-opacity .dialog-scroll-wrap[data-v-327ab380] {
      display: table;
      width: 100%;
      height: 100%
    }

    .dialog-opacity .dialog-scroll-container[data-v-327ab380] {
      width: 100%;
      height: 100%;
      text-align: center;
      position: relative;
      display: table-cell;
      vertical-align: middle
    }

    .dialog-opacity .dialog-scroll-container .dialog-scroll[data-v-327ab380] {
      *position: absolute;
      *top: 50%;
      *left: 50%;
      display: inline-block
    }

    .dialog-opacity .dialog-scroll-container .dialog-scroll>div[data-v-327ab380] {
      *top: -50%;
      *left: -50%;
      position: relative
    }

    .dialog-opacity .dialog-scroll-container .dialog[data-v-327ab380] {
      background-color: transparent;
      left: auto;
      position: relative;
      top: auto;
      vertical-align: middle;
      max-width: 500px;
      width: auto;
      margin: 80px 20px;
      padding: 0;
      border-radius: 0
    }

    .dialog-opacity .dialog-scroll-container .dialog-container[data-v-327ab380] {
      background-color: #fff;
      text-align: left;
      display: block;
      width: auto;
      height: auto;
      padding: 40px;
      border-radius: 4px
    }

    .dialog-opacity-transparent[data-v-327ab380] {
      background-color: transparent
    }

    .add-shopbag-tip .dialog-scroll-container .dialog-container[data-v-327ab380] {
      padding: 0;
      background-color: rgba(0, 0, 0, 0.7)
    }

    .add-shopbag-tip .dialog-content>div[data-v-327ab380] {
      padding: 47px 48px
    }

    .add-shopbag-tip .dialog-content>div p[data-v-327ab380] {
      font-size: 14px;
      color: #fff;
      position: relative
    }

    .add-shopbag-tip .dialog-content>div p i[data-v-327ab380] {
      position: absolute;
      top: 0;
      right: -25px
    }

    .add-shopbag-tip .dialog-close[data-v-327ab380] {
      display: none
    }

    .fade-enter-active[data-v-327ab380],
    .fade-leave-active[data-v-327ab380] {
      transition: opacity .5s
    }

    .fade-enter[data-v-327ab380],
    .fade-leave-to[data-v-327ab380] {
      opacity: 0
    }

    .toast-message[data-v-327ab380] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      transition: all .3s ease;
      color: #fff;
      font-size: 14px;
      padding: 10px 16px;
      line-height: 19px;
      position: fixed;
      top: 20%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 999
    }

    .toast-message__close[data-v-327ab380] {
      background-repeat: no-repeat;
      width: 24px;
      height: 24px;
      padding-right: 16px;
      align-self: center
    }

    .slide-enter[data-v-327ab380],
    .slide-leave-to[data-v-327ab380] {
      opacity: 0;
      transform: translate(-50%, -60px)
    }

    @media (max-width: 1024px) {
      .toast-message[data-v-327ab380] {
        top: 10%;
        transform: unset;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: fit-content;
        max-width: 90%
      }
    }

    .black-overlay[data-v-18fa2b9e] {
      display: block;
      -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=68);
      filter: alpha(opacity=68);
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 150;
      background: rgba(0, 0, 0, 0.7)
    }

    .fade-enter-active[data-v-18fa2b9e],
    .fade-leave-active[data-v-18fa2b9e] {
      transition: opacity .3s ease
    }

    .fade-enter[data-v-18fa2b9e],
    .fade-leave-to[data-v-18fa2b9e] {
      opacity: 0
    }
  </style>
</head>

<body>
  <div data-server-rendered="true" id="__nuxt"><!---->
    <div id="__layout">
      <div data-v-4561235e=""><!---->
        <div id="wrapper" data-v-4561235e="">
          <header data-v-14acc7d4="" data-v-4561235e="">
            <div class="header-container" data-v-14acc7d4="">
              <div class="header-top" data-v-14acc7d4="">
                <div class="header-top-wrapper" data-v-14acc7d4="">
                  <section class="header-top-left" data-v-14acc7d4="">
                    <div data-v-55495d88="" data-v-14acc7d4="">
                      <div class="header-location" data-v-55495d88="">
                        <div class="svg-icon"
                          style="background-image:url(https://res.mapclub.com/resources/v2/images/svg/location-black.svg);background-repeat:no-repeat;background-position:center;"
                          data-v-55495d88=""></div> <span class="header-location__text" data-v-55495d88="">
                          Lihat Lokasi Kami
                        </span>
                        <div class="arrow-down__wrapper" data-v-55495d88="">
                          <div class="svg-icon arrow-down"
                            style="background-image:url(https://res.mapclub.com/resources/v2/images/svg/chevron-down.svg);background-repeat:no-repeat;background-position:center;"
                            data-v-55495d88=""></div>
                        </div>
                      </div>
                    </div> <!----> <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" data-v-14acc7d4="">POKER88</a>
                    <div class="header-social" data-v-91658d9a="" data-v-14acc7d4="">
                      <ul class="header-social__list" data-v-91658d9a="">
                        <li data-v-91658d9a=""><a href="https://www.youtube.com/channel/UCgqJniYtMOLl2I8lkJw29sw/" target="_blank"
                            data-v-91658d9a=""><img
                              src="https://res.mapclub.com/resources/v2/images/svg/instagram-black-line.svg"
                              data-v-91658d9a=""></a></li>
                                </ul>
                    </div>
                  </section>
                  <section class="header-top-right" data-v-14acc7d4="">
                    <div class="header-download" data-v-9188ab26="" data-v-14acc7d4=""><a data-v-9188ab26="">Download
                        App</a> <!----></div> <a data-v-14acc7d4="">Pusat Bantuan</a>
                    <ul class="toggle-language" data-v-1f4cbc4c="" data-v-14acc7d4="">
                      <li data-v-1f4cbc4c="">
                        <div data-v-1f4cbc4c="">
                          en
                        </div>
                        <div class="separator" data-v-1f4cbc4c=""></div>
                      </li>
                      <li data-v-1f4cbc4c="">
                        <div class="is-active" data-v-1f4cbc4c="">
                          id
                        </div> <!---->
                      </li>
                    </ul>
                  </section>
                </div>
              </div>
              <div class="header-main" data-v-14acc7d4="">
                <div class="header-main-wrapper" data-v-14acc7d4="">
                  <div class="header__icons" data-v-0cdff818="" data-v-14acc7d4="">
                    <section class="header-main-logo" data-v-0cdff818=""><a
                        href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/"
                        data-v-0cdff818=""><img
                          src="https://imgstock.io/images/2025/09/29/LOGO---Poker88.gif" alt="POKER88"
                          width="143" height="auto" class="img-logo" data-v-0cdff818=""></a></section>
                    <div class="header__icons-divider" data-v-0cdff818=""></div> <!---->
                  </div>
                  <div tabindex="0" class="header-category" data-v-68622e0f="" data-v-14acc7d4="">
                    <div data-v-68622e0f="">
                      <div class="header-category-wrapper" data-v-68622e0f=""><span
                          class="header-category-wrapper__text" data-v-68622e0f="">Poker Online</span> <img
                          src="https://res.mapclub.com/resources/v2/images/svg/chevron-down.svg"
                          class="header-category-wrapper__icon" data-v-68622e0f=""></div>
                    </div> <!---->
                  </div>
                  <div class="header-community" data-v-7eaecc4a="" data-v-14acc7d4=""><!---->
                    <div class="header-search header-search--pdp" data-v-7eaecc4a="">
                      <div class="svg-icon"
                        style="background-image:url(https://res.mapclub.com/resources/v2/images/svg/search.svg);background-repeat:no-repeat;"
                        data-v-7eaecc4a=""></div>
                      <form role="search" data-v-7eaecc4a=""><input type="text" name="keyword" autocomplete="off"
                          placeholder="Poker Online" value="" data-v-7eaecc4a=""></form> <!---->
                      <div class="header-search__sugestion" data-v-7eaecc4a="">
                        <div class="search-suggestion" style="display:none;" data-v-4fbe0f2c="" data-v-7eaecc4a="">
                          <ul data-v-4fbe0f2c=""></ul> <!----> <!---->
                        </div>
                        <div data-v-1979ddc0="" data-v-7eaecc4a="">
                          <div data-v-1979ddc0="">
                            <div class="on-active" data-v-1979ddc0=""><!----> <!----></div>
                          </div>
                        </div>
                      </div>
                    </div> <!---->
                  </div>
                  <div class="header-main-menu" data-v-55545584="" data-v-14acc7d4="">
                    <ul data-v-55545584="">
                      <li data-v-55545584=""><a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" title="Wishlist"
                          class="svg-icon"
                          style="background-image:url(https://res.mapclub.com/resources/v2/images/svg/heart.svg);background-repeat:no-repeat;"
                          data-v-55545584=""></a> <!----></li>
                      <li data-v-55545584=""><a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" title="Shopping Bag"
                          class="svg-icon"
                          style="background-image:url(https://res.mapclub.com/resources/v2/images/svg/cart.svg);background-repeat:no-repeat;"
                          data-v-55545584=""></a> <!----></li>
                      <li data-v-55545584="">
                        <div class="svg-icon"
                          style="background-image:url(https://res.mapclub.com/resources/v2/images/svg/notification.svg);background-repeat:no-repeat;"
                          data-v-55545584=""></div> <!----> <!---->
                      </li>
                    </ul>
                  </div>
                  <div class="separator" data-v-14acc7d4=""></div>
                  <div class="header-account header-account-not-login" data-v-737f08b2="" data-v-14acc7d4="">
                    <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" class="header-account-logo" data-v-737f08b2="">
                        <img 
                          src="https://imgstock.io/images/2025/09/29/LOGO---Poker88.gif" 
                           alt="POKER88 - Platform Poker Online Terpercaya" 
                        style="height: 40px; width: auto; display: block;"/>
                </a>
                </div>
              </div>
            </div>
          </header>
          <section class="container" data-v-31fc597f="" data-v-4561235e="">
            <article class="article article-breadcrumb none-sm" data-v-342603a3="" data-v-31fc597f="">
              <div class="breadcrumb" data-v-342603a3="">
                <ul class="list-inline" data-v-342603a3="">
                  <li data-v-342603a3=""><a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" data-v-342603a3="">Poker88</a></li>
                  <li class="is-have-url" data-v-342603a3="">
                    /
                    <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" data-v-342603a3="">
                      Login Poker88
                    </a>
                  </li>
                  <li class="is-have-url" data-v-342603a3="">
                    /
                    <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/" data-v-342603a3="">
                      Daftar Poker88
                    </a>
                  </li>
                  <li class="is-have-url" data-v-342603a3="">
                    /
                    <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/"
                      data-v-342603a3="">
                      Poker Online
                    </a>
                  </li>
                  <li class="is-have-url" data-v-342603a3="">
                    /
                    <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/"
                      data-v-342603a3="">
                      Capsa Susun
                    </a>
                  </li>
                  <li data-v-342603a3="">
                    /
                    <span data-v-342603a3="">Poker88 | Login Poker Online Terbaik di Asia | Poker88 Link Alternatif Paling Banyak Peminat</span>
                  </li>
                </ul>
              </div>
            </article>
            <article id="pdpDetail" class="article article-product-information float-clearfix" data-v-31fc597f="">
              <div class="product-picture-show product-left float-clearfix" data-v-31fc597f="">
                <div class="scroll pdp-big-scroll e-pdp-scroll e-cloudzoom-default events-scroll-loop">
                  <div class="scroller-wrap e-zoom disabled">
                    <ul class="float-clearfix scroller-slide">
                      <li class="scroller-list"><a>
                          <div class="zoom-image primary-product-image" data-v-332370a5="">
                            <div class="thumbnail-area"
                              style="background-image:url(https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_391,limit_0,m_lfit);background-image:-webkit-image-set(url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_782/quality,Q_80/format,webp&quot;) 2x,\n          url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_391/quality,Q_80/format,webp&quot;) 1x);background-image:image-set(url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_782/quality,Q_80/format,webp&quot;) 2x,\n          url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_391/quality,Q_80/format,webp&quot;) 1x);background-size:cover;height:391px;width:391px;"
                              data-v-332370a5="">
                              <div
                                style="position:absolute;z-index:999;transform:translateZ(0px);top:NaNpx;left:NaNpx;width:195.5px;height:258px;box-shadow:0 0 10px rgba(0,0,0,.4);background:none;border:0;cursor:crosshair;display:none;"
                                data-v-332370a5=""></div>
                            </div>
                            <div class="img-zoom-container"
                              style="height:516px;width:391px;left:420px;top:0px;position:absolute;overflow:hidden;border:1px solid #ccc;display:none;"
                              data-v-332370a5="">
                              <div
                                style="background-image:url(https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_782,limit_0,m_lfit));background-image:-webkit-image-set(url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_1564/quality,Q_80/format,webp&quot;) 2x,\n          url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_782/quality,Q_80/format,webp&quot;) 1x);background-image:image-set(url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_1564/quality,Q_80/format,webp&quot;) 2x,\n          url(&quot;https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_782/quality,Q_80/format,webp&quot;) 1x);background-repeat:no-repeat;background-position:NaNpx NaNpx;background-size:cover;width:100%;height:100%;transform:scale(2);"
                                data-v-332370a5=""></div>
                            </div>
                          </div>
                        </a></li><!---->
                    </ul>
                  </div>
                  <div class="scroll-dots none block-sm" style="width: 96px; left: 50%; margin-left: -48px;"></div>
                  <!---->
                </div>
                <div id="beforeMobileCountDown" class="min-scroller-wrap none-sm">
                  <div class="e-pdp-small-gallary scroll-gallery scroll axis-y">
                    <div class="scroller-wrap">
                      <ul class="float-clearfix swiper-wrapper">
                        <li ipi="" class="swiper-slide active"><a>
                            <picture>
                              <source media="(min-width:501px)"
                                srcset="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_128/format,webp 3x,
      https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_64/format,webp"
                                type="image/webp"> <img
                                srcset="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg 3x, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg"
                                alt="Poker88 | Login Poker Online Terbaik di Asia | Poker88 Link Alternatif Paling Banyak Peminat Blush One Size" width="64"
                                height="85" class="primary-product-image">
                            </picture>
                          </a></li>
                        <li ipi="" class="swiper-slide"><a>
                            <picture>
                              <source media="(min-width:501px)"
                                srcset="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_128/format,webp 3x,
      https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize,w_64/format,webp"
                                type="image/webp"> <img
                                srcset="https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg 3x, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg?x-oss-process=image/resize, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg, https://i.postimg.cc/g0dN4jN3/pk88ass.jpg"
                                alt="Poker88 | Login Poker Online Terbaik di Asia | Poker88 Link Alternatif Paling Banyak Peminat Blush One Size" width="64"
                                height="85" class="primary-product-image">
                            </picture>
                          </a></li>
                      </ul>
                    </div> <!----> <!---->
                  </div>
                </div>
              </div>
            
              <div class="product-information product-right" data-v-780683c8="" data-v-31fc597f=""><!---->
                <div class="product-top float-clearfix mb-16" data-v-542c6b60="" data-v-780683c8="">
                  <div class="product-top-l" data-v-542c6b60=""><!---->
                   <!--artikel hero-->
               <style>
  /* Gaya tetap di dalam <style>, seperti permintaan Anda */
  h1 {
    color: #253a54;
    margin-bottom: 24px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    font-family: 'Segoe UI', system-ui, sans-serif;
  }

  h2 {
    color: #253a54;
    margin: 36px 0 20px;
    font-size: 22px;
    font-weight: 600;
    font-family: 'Segoe UI', system-ui, sans-serif;
  }

  p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #444;
    line-height: 1.65;
    font-family: 'Segoe UI', system-ui, sans-serif;
  }

  .button-group {
    display: flex;
    gap: 20px;
    margin-top: 32px;
    flex-wrap: wrap;
  }

  .btn {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    flex: 1;
    min-width: 170px;
    color: white;
    letter-spacing: 0.2px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: left 0.5s ease;
  }

  .btn:hover::after {
    left: 100%;
  }

  .btn-primary {
    background: linear-gradient(135deg, #1c5a9e, #2a7cbf);
  }

  .btn-primary:hover {
    background: linear-gradient(135deg, #184d85, #22659e);
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(28, 90, 158, 0.35);
  }

  .btn-secondary {
    background: linear-gradient(135deg, #6d5038, #8b6a4f);
  }

  .btn-secondary:hover {
    background: linear-gradient(135deg, #5c432d, #755841);
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(109, 80, 56, 0.35);
  }

  /* ——Testimoni (baru, sesuai gaya Anda) ——*/
  .testimonial {
    background: #faf9f7;
    padding: 24px;
    border-radius: 14px;
    margin-top: 28px;
    border-left: 4px solid #1c5a9e;
    position: relative;
  }

  .testimonial p {
    font-style: italic;
    margin-bottom: 16px;
    color: #333;
  }

  .testimonial p::before {
    content: "";
    position: absolute;
    top: 8px;
    left: -12px;
    font-size: 32px;
    color: #d0c8b8;
    opacity: 0.7;
    font-family: serif;
  }

  .user {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1c5a9e, #8b6a4f);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
  }

  .user-info strong {
    color: #253a54;
    font-size: 15px;
  }

  .user-info span {
    color: #777;
    font-size: 14px;
  }

  /* Responsif tetap dipertahankan */
  @media (max-width: 600px) {
    .button-group {
      flex-direction: column;
    }
    .btn {
      width: 100%;
      min-width: auto;
    }
    .user {
      flex-wrap: wrap;
    }
  }
</style>

<div class="container">
<h1 style="text-align: center;">Poker88 Poker Online Terbaik di Asia & Link Alternatif Paling Banyak Peminat</h1>
<p style="text-align: justify;">Selamat datang di **Poker88**, platform utama untuk pengalaman *poker online* terbaik di Asia. Kami memahami kebutuhan pemain akan akses yang mudah, cepat, dan juga stabil. Di sini, setiap sesi bermain dirancang untuk mengandalkan **strategi dan *skill* murni**, bukan hanya sekadar hoki. Kami jamin, setiap putaran terasa adil dan seru! Coba login ke <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/">Poker88</a> sekarang.</p>
<h3 style="text-align: center;">Fokus Pemain Poker88: Link Alternatif, Keamanan, dan Fair Play</h3>
<p style="text-align: justify;">Kenapa harus memilih Poker88? Kami menawarkan berbagai keunggulan yang tidak akan kamu temukan di tempat lain:</p>
<ol style="text-align: justify;">
<li>**Link Alternatif 24 Jam:** Tidak perlu khawatir internet positif! Kami menyediakan <a href="https://finvids.com/Chart-Pattern/Three-Rising-Valleys/">Poker88 Link Alternatif</a> resmi yang selalu aktif, memastikan kamu bisa login kapan saja.</li>
<p><li style="text-align: justify;">**Sistem Keamanan Canggih:** Data pribadimu dan semua transaksi dijamin aman 100%. Fokus saja pada kartu di tanganmu, sisanya biar kami yang urus.</li>
<p><li style="text-align: justify;">**Algoritma Kartu Fair Play:** Pembagian kartu di Poker88 transparan dan acak sempurna. Kemenanganmu murni hasil dari *skill* bermain dan strategi terbaikmu.</li>
<p><li style="text-align: justify;">**Pilihan Game Terlengkap:** Dari Texas Hold'em yang legendaris hingga Omaha, kami punya variasi game yang siap menguji mental dan strategimu.</li>
</ol><br><br>
<h3 style="text-align: center;">Strategi Jitu Poker88: Tingkatkan Skill dan Raih Kemenangan Besar!</h3><br>

<p style="text-align: justify;">Mau sering menang di meja Poker88? Kuncinya adalah strategi yang matang. Kamu harus menguasai peluang, cermat dalam membaca gerakan lawan (*tell*), dan disiplin dalam manajemen modal. Sebagai situs *poker online* terbaik, Poker88 juga menyediakan tips dan panduan bermain untuk membantu pemain baru. Manfaatkan setiap informasi untuk mengasah *skill* dan membawa pulang **jackpot** besar!</p>
<p style="text-align: justify;">Bergabunglah dengan komunitas pemain Poker88! Ini adalah tempat ideal untuk tukeran pengalaman main, mencari tahu strategi terbaru, dan menjalin pertemanan dengan sesama pemain. Dengan berpartisipasi di forum atau grup media sosial kami, kamu akan mendapatkan wawasan berharga yang bisa langsung diterapkan di meja. Jangan cuma main, tapi juga belajar dan berkembang!</p>
<p style="text-align: justify;">Poker88 bukan sekadar tempat bermain, tapi *ecosystem* poker yang lengkap. Kami berkomitmen pada **integritas, kecepatan login, dan pengalaman yang menyenangkan**. Baik kamu seorang pemula atau profesional, poker88 link alternatif ini&nbsp;siap membawamu langsung ke meja. Rasakan sensasi *poker online* yang benar-benar adil dan paling banyak peminatnya hanya di Poker88!</p>

<div class="button-cards">
  <a href="https://bebekpeking.xyz/poker88/" class="card card-primary">
    <h3>DAFTAR SEKARANG</h3>
    <p>Gratis & dapatkan bonus sambutan!</p>
  </a>
  <a href="https://bebekpeking.xyz/poker88/" class="card card-secondary">
    <h3>LOGIN</h3>
    <p>Kembali ke akun Anda</p>
  </a>
</div>

<style>
:root {
  --dark-bg: #271f14;
  --neon-blue: #00FFFF;
  --neon-red: #FF3366;
  --shadow-intensity: 0 0 15px;
}

.button-cards {
  display: flex;
  gap: 25px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 0;
}
.card {
  width: 200px; 
  padding: 15px;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  color: white;
  
  background: var(--dark-bg); 
  border: 1px solid transparent;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
  transition: transform 0.2s, box-shadow 0.3s, border-color 0.3s;
  
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card:hover {
  transform: translateY(-2px); 
}

.card-primary {
  background: #0d0d0d; 
  border-color: #fbd987;
  box-shadow: var(--shadow-intensity) #fbd987;
}
.card-primary:hover {
  box-shadow: var(--shadow-intensity) #fbd987, 0 0 20px #fbd987;
}


.card-secondary {
  background: #0d0d0d;
  border-color: #794909;
  box-shadow: var(--shadow-intensity) #794909; /* Bayangan Neon Merah */
}
.card-secondary:hover {
  box-shadow: var(--shadow-intensity) #794909, 0 0 20px #794909;
}

.card h3,
.card p {
  color: white !important;
  margin: 0;
}
.card h3 {
  margin-bottom: 6px;
  font-weight: 700;
}
.card p {
  font-size: 14px;
  opacity: 0.8;
}
</style>

<!--body-->



                   <!--artikel  hero end-->
                   <br>
 
<br>
                    <style>.rjb-fixed-footer{display:flex;justify-content:space-around;position:fixed;background:linear-gradient(to bottom, rgb(164 142 100) 0%, rgb(111 85 33) 50%, rgb(32, 32, 32) 100%);box-shadow:inset 2px 2px 2px 0 rgba(49,49,49,0.5),7px 7px 20px 0 rgba(49, 17, 2),4px 4px 5px 0 rgba(49, 17, 2);outline:none;padding:8px 0;box-shadow:0 0 2px 2px rgb(54, 44, 1);left:0;right:0;bottom:0;z-index:99;border-radius:40px 40px 0 0;border:2px dashed #fff;}.rjb-fixed-footer a{flex-basis:calc((100% - 15px*3)/3);text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fcfbfb;max-width:85px;font-size:13px;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}.rjb-fixed-footer a:hover{font-weight:bold;}.rjb-fixed-footer img{max-width:25px;margin-bottom:2px;max-height:25px;}@keyframes shake{0%{transform:translateX(0);}25%{transform:translateX(-3px);}50%{transform:translateX(3px);}75%{transform:translateX(-3px);}100%{transform:translateX(0);}}.shake{animation:shake 0.6s infinite;}</style>
                    <div class="rjb-fixed-footer">
                        <a href="https://bebekpeking.xyz/poker88/" rel="nofollow noopener" target="_blank">
                            <img src="https://imgstock.io/images/2025/10/28/promo-1.webp" alt="Promo">
                            Login
                        </a>
                        <a href="https://bebekpeking.xyz/poker88/" rel="nofollow noopener" target="_blank" class="shake">
                            <img src="https://imgstock.io/images/2025/10/13/plus.png" alt="Daftar">
                            Daftar
                        </a>
                        <a href="https://bebekpeking.xyz/poker88/" rel="nofollow noopener" target="_blank">
                            <img src="https://imgstock.io/images/2025/10/13/cs.png" alt="Live Chat">
                            Live Chat
                        </a>
                    </div>
 
      
</body>

</html>