@charset "UTF-8";
/* ==========================================================
   MERPUT62 - Combined CSS
   Digabung otomatis dari 33 blok <style> sesuai urutan HTML asli.
   Jangan mengubah urutan blok tanpa pengujian tampilan.
   ========================================================== */

/* ===== BLOCK 01: MERPUT62-clean-style-v6 ===== */
:root{
  --btt-bg:#0d0616;
  --btt-card:#170a24;
  --btt-card2:#20102f;
  --btt-gold:#a855f7;
  --btt-gold2:#d92662;
  --btt-text:#f1e9fb;
  --btt-muted:#cdb8e8;
  --btt-line:rgba(168, 85, 247, 0.42);
}
html,body{background:#0d0616!important;color:var(--btt-text)!important;font-family:Poppins,Arial,Helvetica,sans-serif!important}
body *{font-family:Poppins,Arial,Helvetica,sans-serif}
img[src*="SL9W8mGl63eun4gY.gif"],img[alt*="MERPUT62"],img[title*="MERPUT62"]{object-fit:contain!important;max-width:100%!important;height:auto}
img[src*="bKVbPZ4vo74OedGn.png"]{object-fit:contain!important}
.btt-scene,.fx-article-wrap,.fx-article{position:relative;background:#0d0616!important;color:var(--btt-text)!important;overflow:hidden}
.btt-rain,.btt-fog{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.btt-fog:before,.btt-fog:after{content:"";position:absolute;width:70vw;height:38vh;left:-10vw;top:12%;background:radial-gradient(ellipse at center,rgba(168, 85, 247, 0.16),transparent 65%);filter:blur(28px);animation:bttFog 18s linear infinite}
.btt-fog:after{left:auto;right:-18vw;top:58%;animation-duration:25s;opacity:.65}
.btt-rain span{position:absolute;top:-120px;width:1px;height:54px;background:linear-gradient(to bottom,transparent,rgba(216,190,255,.55),transparent);opacity:.42;transform:rotate(13deg);animation:bttRain linear infinite}
@keyframes bttRain{0%{transform:translate3d(0,-130px,0) rotate(13deg);opacity:0}12%{opacity:.55}100%{transform:translate3d(-140px,115vh,0) rotate(13deg);opacity:0}}
@keyframes bttFog{from{transform:translateX(-14vw)}to{transform:translateX(32vw)}}
.btt-wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:28px 16px 42px;color:var(--btt-text)}
.btt-wrap *{box-sizing:border-box}
.btt-hero{position:relative;min-height:320px;border:1px solid var(--btt-line);border-radius:26px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.18)),url('https://merput62nich.com/img/nich.webp') center/cover no-repeat;box-shadow:0 0 34px rgba(168,85,247,.28),inset 0 0 70px rgba(168,85,247,.10);display:flex;align-items:center;padding:34px}
.btt-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at right,rgba(217,38,98,.18),transparent 38%);pointer-events:none}
.btt-hero-inner{position:relative;z-index:2;max-width:720px}
.btt-logo{width:230px;max-width:82%;margin-bottom:18px}
.btt-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--btt-line);border-radius:999px;background:rgba(0,0,0,.6);color:var(--btt-gold2);font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.btt-title{font-size:clamp(30px,5.4vw,62px);line-height:1.04;margin:16px 0 12px;font-weight:900;color:#fff;text-shadow:0 0 16px rgba(216, 160, 255, 0.5),0 0 26px rgba(168, 85, 247, 0.3)}
.btt-desc{font-size:17px;line-height:1.7;color:var(--btt-text);max-width:760px}
.btt-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.btt-btn{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:14px 20px;border-radius:14px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;text-decoration:none!important}
.btt-btn-login{background:linear-gradient(180deg,#1c0e2c,#0a0412);color:var(--btt-text)!important;border:1px solid var(--btt-line);box-shadow:0 0 20px rgba(168,85,247,.25)}
.btt-btn-daftar{background:linear-gradient(180deg,#ff6f91,#d92662 48%,#7a1338);color:#fff5f8!important;border:1px solid rgba(255,150,180,.6);box-shadow:0 0 20px rgba(217, 38, 98, 0.4)}
.btt-panel,.btt-game-card,.btt-stat,.btt-signal,.btt-review,.btt-faq details,.btt-article,.idrtt-block,.idrtt-card,.idrtt-review-card{background:linear-gradient(180deg,rgba(24,12,36,.92),rgba(5,2,10,.96))!important;border:1px solid var(--btt-line)!important;border-radius:18px!important;box-shadow:0 0 24px rgba(168,85,247,.14),inset 0 0 22px rgba(168,85,247,.05)!important}
.btt-panel{margin-top:22px;padding:22px;border-radius:24px!important}
.btt-section-title,.btt-article h1,.btt-article h2,.idrtt-head,.idrtt-title{color:var(--btt-gold)!important;text-shadow:0 0 14px rgba(168, 85, 247, 0.5)!important;font-weight:900!important}
.btt-section-title{text-align:center;margin:0 0 10px;letter-spacing:1px;text-transform:uppercase;font-size:clamp(22px,3vw,38px)}
.btt-section-sub{text-align:center;color:var(--btt-muted)!important;margin:0 0 18px;letter-spacing:.8px}
.btt-smart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.btt-game-card{padding:16px;text-align:center}
.btt-game-card img{width:88px;height:88px;object-fit:cover;border-radius:18px;margin:0 auto 10px;border:2px solid var(--btt-gold);box-shadow:0 0 16px rgba(168, 85, 247, 0.55)}
.btt-game-card h3{font-size:14px;margin:0 0 8px;color:#e9d6ff!important;font-weight:900}
.btt-rtp{height:7px;border-radius:20px;background:rgba(255,255,255,.14);overflow:hidden;margin:8px 0}
.btt-rtp i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#f0c8ff,var(--btt-gold),#d92662);animation:bttBar 3s ease-in-out infinite}
@keyframes bttBar{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
.btt-radar{overflow:hidden;border-block:1px solid var(--btt-line);padding:16px 0;margin-top:22px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.05),transparent)}
.btt-radar-track{display:flex;gap:18px;width:max-content;animation:bttMarquee 26s linear infinite}
.btt-radar img{width:82px;height:82px;object-fit:cover;border-radius:18px;border:2px solid rgba(168,85,247,.9);box-shadow:0 0 16px rgba(168, 85, 247, 0.45)}
@keyframes bttMarquee{to{transform:translateX(-50%)}}
.btt-stats,.btt-signals,.btt-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.btt-stat,.btt-signal,.btt-review{padding:16px;text-align:center;color:var(--btt-text)!important}
.btt-stat b,.btt-signal b,.btt-review b,.btt-faq summary{display:block;color:var(--btt-gold)!important;font-weight:900}
.btt-stat b{font-size:31px;line-height:1.1}.btt-signal b{font-size:24px}
.btt-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:22px}
.btt-article{padding:22px}
.btt-article p,.btt-faq p,.btt-review p,.idrtt-block p,.idrtt-review-card p{line-height:1.76;color:var(--btt-text)!important}
.btt-article a,.btt-tags a{color:var(--btt-gold)!important;font-weight:800}
.btt-faq{display:grid;gap:12px}
.btt-faq details{padding:14px}
.btt-faq summary{cursor:pointer;list-style:none;position:relative;padding-right:36px}
.btt-faq summary::-webkit-details-marker{display:none}
.btt-faq summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--btt-line);color:var(--btt-gold)}
.btt-faq details[open] summary:after{content:"−"}
.btt-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
.btt-stars{color:var(--btt-gold2);letter-spacing:2px}
.btt-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btt-tags a,.btt-tags span{padding:10px 14px;border-radius:999px;border:1px solid var(--btt-line);background:rgba(168,85,247,.08);color:#ecd9ff!important;text-decoration:none!important;font-weight:800}
.daftarku-fixed-footer{background:linear-gradient(180deg,#d92662,#0d0616 52%,#a855f7)!important;border:1px solid rgba(216,160,255,.5)!important;box-shadow:0 0 20px rgba(217, 38, 98, 0.35)!important}
.daftarku-fixed-footer a,.daftarku-fixed-footer span,.daftarku-fixed-footer div{color:#f1e9fb!important;text-shadow:0 0 8px rgba(0,0,0,.85)}
@media (max-width:900px){.btt-smart-grid,.btt-stats,.btt-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.btt-content-grid{grid-template-columns:1fr}.btt-review-grid{grid-template-columns:1fr}.btt-hero{padding:24px;min-height:260px}.btt-radar img{width:68px;height:68px}}
@media (max-width:560px){.btt-wrap{padding:20px 10px 34px}.btt-smart-grid,.btt-stats,.btt-signals{grid-template-columns:1fr}.btt-panel{padding:16px}.btt-title{font-size:31px}.btt-desc{font-size:15px}.btt-rain span:nth-child(n+36){display:none}.btt-fog{opacity:.55}}
.mp-header{position:relative;z-index:30;background:linear-gradient(rgba(10,4,18,.72),rgba(10,4,18,.85)),url('https://merput62nich.com/img/nich.webp') center/cover no-repeat;background-attachment:fixed;border-bottom:1px solid var(--btt-line);box-shadow:0 2px 22px rgba(168,85,247,.28)}
.mp-header-inner{max-width:1180px;margin:0 auto;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.mp-logo{display:flex;align-items:center;flex-shrink:0}
.mp-logo img{height:36px;width:auto;display:block}
.mp-logo-fallback{font-weight:900;color:var(--btt-gold);font-size:20px;letter-spacing:1px}
.mp-header-icons{display:flex;align-items:center;gap:18px}
.mp-header-icons a{display:flex;color:#fff;opacity:.9;transition:opacity .2s}
.mp-header-icons a:hover{opacity:1}
.mp-header-icons svg{width:20px;height:20px}
.mp-nav-toggle-input{display:none}
.mp-nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:8px;z-index:35}
.mp-nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
.mp-navbar{position:relative;background:radial-gradient(circle at top,rgba(255,245,120,.28),transparent 45%),linear-gradient(to bottom,#a855f7 0%,#000 38%,#000 68%,#a855f7 86%,#a855f7 100%);border-top:1px solid rgba(255,235,110,.6);border-bottom:1px solid rgba(255,235,110,.75);box-shadow:0 0 18px rgba(255,217,0,.5),inset 0 -1px 12px rgba(255,250,170,.16)}
.mp-nav-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;list-style:none;margin:0;padding:14px 16px;max-width:1180px;margin:0 auto}
.mp-nav-list a{color:#f1e9fb;text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.4px;text-transform:uppercase;opacity:.9;transition:opacity .2s,color .2s}
.mp-nav-list a:hover{opacity:1;color:#ffe993}
.mp-nav-overlay{display:none}
@media (max-width:991px){
  .mp-nav-toggle{display:flex}
  .mp-navbar{position:fixed;top:0;right:-280px;width:260px;max-width:80vw;height:100vh;flex-direction:column;transition:right .3s ease;box-shadow:-8px 0 30px rgba(0,0,0,.5);z-index:34;overflow-y:auto}
  .mp-nav-list{flex-direction:column;align-items:flex-start;gap:22px;padding:80px 24px 24px}
  .mp-nav-toggle-input:checked ~ .mp-navbar{right:0}
  .mp-nav-toggle-input:checked ~ .mp-nav-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:33}
}

/* ===== BLOCK 02: merput62-layout-fix ===== */
/* Kembalikan ukuran halaman produk seperti template asal */
#PageContainer,
.main-content,
#shopify-section-Product,
.product-standing-flower,
.product-single {
  width: 100% !important;
  max-width: none !important;
}

.product-single {
  background-image: url('https://merput62nich.com/img/nich.webp') !important;
  background-repeat: repeat !important;
  background-position: top center !important;
  background-size: 418px auto !important;
  background-attachment: scroll !important;
  padding: 28px 0 46px !important;
}

#product-top.container {
  width: calc(100% - 32px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

#product-top .product-sticky {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 24px !important;
  background: rgba(5, 2, 10, .76) !important;
  border: 1px solid rgba(168, 85, 247, .35) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
  box-sizing: border-box !important;
}

#product-image {
  flex: 0 0 58.333333% !important;
  max-width: 58.333333% !important;
  width: 58.333333% !important;
  padding: 0 22px 0 0 !important;
  box-sizing: border-box !important;
}

#product-meta {
  flex: 0 0 41.666667% !important;
  max-width: 41.666667% !important;
  width: 41.666667% !important;
  padding: 0 0 0 18px !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

#product-image .product-image,
#product-image .row,
#product-featured-image {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#thumb-image-product {
  flex: 0 0 16.666667% !important;
  max-width: 16.666667% !important;
  width: 16.666667% !important;
  padding: 0 10px 0 0 !important;
  box-sizing: border-box !important;
}

#featured-image-product {
  flex: 0 0 83.333333% !important;
  max-width: 83.333333% !important;
  width: 83.333333% !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#featured-image-product .gallery-top,
#featured-image-product .product-single__photos,
#featured-image-product .easyzoom,
#featured-image-product .easyzoom > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

#ProductPhotoImg {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 8px !important;
}

#thumb-image-product .gallery-thumbs {
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
}

#thumb-image-product .thumbnails {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  transform: none !important;
}

#thumb-image-product .swiper-slide {
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

#thumb-image-product img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border-radius: 6px !important;
}

#product-meta .product-meta {
  width: 100% !important;
  max-width: 100% !important;
}

#product-meta h1 {
  font-size: clamp(25px, 2.4vw, 38px) !important;
  line-height: 1.18 !important;
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  .product-single {
    background-size: 320px auto !important;
    padding: 14px 0 86px !important;
  }

  #product-top.container {
    width: calc(100% - 20px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #product-top .product-sticky {
    display: block !important;
    padding: 14px !important;
  }

  #product-image,
  #product-meta {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
  }

  #product-meta {
    margin-top: 18px !important;
  }
}

/* ===== BLOCK 03: merput62-side-gallery-fix ===== */
/* Background halaman hanya satu gambar, tidak diulang */
.product-single{
  background-image:url('https://merput62nich.com/img/nich.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}
.product-single::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(5,2,10,.58);
  pointer-events:none;
}
.product-single{position:relative!important}
#product-top{position:relative!important;z-index:1!important}

/* Satu gambar utama besar, gambar lain kecil di samping kiri */
#product-featured-image{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  max-width:100%!important;
}
#thumb-image-product{
  order:1!important;
  display:block!important;
  flex:0 0 82px!important;
  width:82px!important;
  max-width:82px!important;
  padding:0 10px 0 0!important;
}
#featured-image-product{
  order:2!important;
  display:block!important;
  flex:1 1 auto!important;
  width:calc(100% - 82px)!important;
  max-width:calc(100% - 82px)!important;
  padding:0!important;
}
#ProductPhoto,
#ProductPhoto .easyzoom,
#ProductPhoto .easyzoom>a{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}
#ProductPhotoImg{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:640px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  border-radius:10px!important;
}
#thumb-image-product .gallery-thumbs{
  width:72px!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
#thumb-image-product .thumbnails{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:9px!important;
  width:72px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
#thumb-image-product .swiper-slide{
  flex:0 0 72px!important;
  width:72px!important;
  height:72px!important;
  margin:0!important;
  overflow:hidden!important;
  border:2px solid rgba(255,255,255,.22)!important;
  border-radius:8px!important;
  opacity:.64!important;
  cursor:pointer!important;
  transition:.2s ease!important;
}
#thumb-image-product .swiper-slide:hover,
#thumb-image-product .swiper-slide.active-thumb{
  opacity:1!important;
  border-color:#d92662!important;
  box-shadow:0 0 14px rgba(217,38,98,.65)!important;
}
#thumb-image-product .product-single__thumbnail,
#thumb-image-product img{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
#thumb-image-product img{object-fit:cover!important}

/* HP: gambar utama tetap satu, thumbnail kecil berjajar di bawah agar tidak sempit */
@media(max-width:991px){
  .product-single{background-attachment:scroll!important;background-position:center top!important}
  #product-featured-image{flex-direction:column!important}
  #featured-image-product{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
  }
  #featured-image-product2{display:none!important}
  #thumb-image-product{
    order:2!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    padding:10px 0 0!important;
  }
  #thumb-image-product .gallery-thumbs,
  #thumb-image-product .thumbnails{width:100%!important}
  #thumb-image-product .thumbnails{
    flex-direction:row!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
  }
  #thumb-image-product .swiper-slide{
    flex:0 0 58px!important;
    width:58px!important;
    height:58px!important;
  }
  #ProductPhotoImg{max-height:none!important}
}

/* ===== BLOCK 04: merput62-final-gallery-v4 ===== */
/* Satu background halaman saja */
.product-single{
  position:relative!important;
  background:url('https://merput62nich.com/img/nich.webp') center top/cover no-repeat fixed!important;
  padding:28px 0 48px!important;
}
.product-single::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:rgba(4,1,8,.68)!important;
  pointer-events:none!important;
}
#product-top{position:relative!important;z-index:1!important;max-width:1180px!important;margin:0 auto!important}
#product-top .product-sticky{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  gap:20px!important;
  padding:22px!important;
  background:rgba(9,3,15,.66)!important;
  border:1px solid rgba(217,38,98,.35)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
#product-image{flex:0 0 54%!important;max-width:54%!important;width:54%!important;padding:0!important}
#product-meta{flex:1 1 46%!important;max-width:46%!important;width:46%!important;padding:0!important}

/* Matikan gallery bawaan yang membuat semua gambar menumpuk */
#product-featured-image > #thumb-image-product,
#product-featured-image > #featured-image-product,
#featured-image-product2,
.product-m-pageleb-video{display:none!important}

/* Gallery pengganti: thumbnail kecil di kiri + satu gambar utama */
#mp-gallery-v4{display:flex!important;align-items:flex-start!important;gap:10px!important;width:100%!important}
#mp-gallery-v4 .mp-thumbs-v4{
  flex:0 0 64px!important;
  width:64px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#mp-gallery-v4 .mp-thumb-v4{
  display:block!important;
  width:64px!important;
  height:64px!important;
  padding:0!important;
  overflow:hidden!important;
  border:2px solid rgba(255,255,255,.22)!important;
  border-radius:7px!important;
  background:#08030d!important;
  opacity:.72!important;
  cursor:pointer!important;
}
#mp-gallery-v4 .mp-thumb-v4.active,
#mp-gallery-v4 .mp-thumb-v4:hover{
  opacity:1!important;
  border-color:#ef2b49!important;
  box-shadow:0 0 13px rgba(239,43,73,.65)!important;
}
#mp-gallery-v4 .mp-thumb-v4 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
#mp-gallery-v4 .mp-main-v4{flex:1 1 auto!important;min-width:0!important}
#mp-gallery-v4 .mp-main-v4 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:650px!important;
  object-fit:contain!important;
  border-radius:8px!important;
  margin:0!important;
}

/* Tetap dua kolom seperti contoh, jangan gambar turun bertumpuk */
@media(max-width:991px){
  .product-single{background-attachment:scroll!important;padding:10px 0 82px!important}
  #product-top.container{width:calc(100% - 12px)!important;padding:0!important}
  #product-top .product-sticky{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;padding:10px!important}
  #product-image{flex:0 0 48%!important;max-width:48%!important;width:48%!important}
  #product-meta{flex:1 1 52%!important;max-width:52%!important;width:52%!important;margin:0!important;padding:0!important}
  #mp-gallery-v4{gap:6px!important}
  #mp-gallery-v4 .mp-thumbs-v4{flex-basis:34px!important;width:34px!important;gap:5px!important}
  #mp-gallery-v4 .mp-thumb-v4{width:34px!important;height:34px!important;border-width:1px!important}
  #product-meta h1{font-size:clamp(13px,3.2vw,22px)!important;line-height:1.15!important}
  #product-meta p,#product-meta li,#product-meta a,#product-meta span{font-size:10px!important;line-height:1.35!important}
}
@media(max-width:420px){
  #product-image{flex-basis:46%!important;max-width:46%!important;width:46%!important}
  #product-meta{flex-basis:54%!important;max-width:54%!important;width:54%!important}
  #mp-gallery-v4 .mp-thumbs-v4{flex-basis:28px!important;width:28px!important}
  #mp-gallery-v4 .mp-thumb-v4{width:28px!important;height:28px!important}
}

/* ===== BLOCK 05: merput62-clean-product-meta-v7 ===== */
/* Sembunyikan sisa komponen Shopify/Outerbloom yang tidak dipakai */
#popupCart,
.purchasePopup,
.purchasePopupSpotify,
#shopify-section-cart-template,
.cart-drawer,
.ajaxcart,
#CartDrawer,
#personalizeBtn,
#row-delivery-date,
#row-delivery-time,
.delivery-city,
.upload-image-preview,
.file-dnd,
.product-meta .visually-hidden,
.product-meta .discount-product-detail,
.product-meta .meta-sds,
.product-meta #purchaseProduct,
.product-meta .product-meta--review,
.product-meta .c-pdp-product-info,
.product-meta .short-desc-desktop {
  display:none!important;
  visibility:hidden!important;
}

/* Rapikan kotak produk utama */
#product-top .product-sticky{
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(14,5,23,.92),rgba(7,2,12,.86))!important;
  border:1px solid rgba(217,38,98,.44)!important;
  box-shadow:0 22px 65px rgba(0,0,0,.46),0 0 30px rgba(168,85,247,.16)!important;
  overflow:hidden!important;
}
#product-image,
#product-meta{min-width:0!important}
#product-meta{align-self:stretch!important}
#product-meta .product-meta{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Gallery tetap satu gambar besar + thumbnail kecil di kiri */
#mp-gallery-v4 .mp-main-v4{
  border-radius:14px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#13081e,#08030d)!important;
  border:1px solid rgba(168,85,247,.34)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
}
#mp-gallery-v4 .mp-main-v4 img{
  min-height:360px!important;
  max-height:610px!important;
  object-fit:cover!important;
  object-position:center!important;
}
#mp-gallery-v4 .mp-thumb-v4{
  border-radius:10px!important;
  background:#100619!important;
}

/* Panel informasi pengganti yang bersih */
.mp-clean-meta-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:100%;
  padding:28px;
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(217,38,98,.18),transparent 35%),
    radial-gradient(circle at 0 100%,rgba(168,85,247,.16),transparent 38%),
    linear-gradient(180deg,rgba(31,13,46,.96),rgba(10,4,17,.98));
  border:1px solid rgba(168,85,247,.36);
  box-shadow:inset 0 0 35px rgba(168,85,247,.06),0 16px 45px rgba(0,0,0,.32);
  color:#f7f0ff;
  box-sizing:border-box;
  overflow:hidden;
}
.mp-clean-meta-card:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-95px;
  top:-95px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.018),0 0 0 58px rgba(255,255,255,.012);
  pointer-events:none;
}
.mp-clean-badge{
  position:relative;
  z-index:1;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:15px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(217,38,98,.5);
  background:rgba(217,38,98,.10);
  color:#ff9db7;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.9px;
}
.mp-clean-badge:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ff557f;
  box-shadow:0 0 12px #ff557f;
}
.mp-clean-meta-card h1{
  position:relative;
  z-index:1;
  margin:0 0 14px!important;
  color:#fff!important;
  font-size:clamp(23px,2.55vw,38px)!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.5px;
  text-shadow:0 0 18px rgba(168,85,247,.38)!important;
}
.mp-clean-desc{
  position:relative;
  z-index:1;
  margin:0 0 18px!important;
  color:#d7c8e7!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.mp-clean-price-row{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
  padding:14px 15px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
}
.mp-clean-price-label{
  display:block;
  margin-bottom:3px;
  color:#bda9d2;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.mp-clean-price{
  display:block;
  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:900;
}
.mp-clean-discount{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  height:34px;
  padding:0 10px;
  border-radius:10px;
  background:linear-gradient(180deg,#ff638b,#c91950);
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(217,38,98,.26);
}
.mp-clean-feature-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:18px;
}
.mp-clean-feature{
  min-width:0;
  padding:11px 9px;
  border-radius:12px;
  text-align:center;
  background:rgba(168,85,247,.075);
  border:1px solid rgba(168,85,247,.18);
}
.mp-clean-feature b{
  display:block;
  margin-bottom:3px;
  color:#f3e8ff;
  font-size:11px;
  line-height:1.25;
}
.mp-clean-feature span{
  display:block;
  color:#ad99c3;
  font-size:9px;
  line-height:1.35;
}
.mp-clean-actions{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.mp-clean-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px;
  padding:12px 14px!important;
  border-radius:13px!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.55px!important;
  text-align:center!important;
  transition:transform .2s ease,filter .2s ease!important;
}
.mp-clean-action:hover{transform:translateY(-2px);filter:brightness(1.08)}
.mp-clean-action-primary{
  color:#fff!important;
  background:linear-gradient(180deg,#ff668d,#d92662 52%,#97143e)!important;
  border:1px solid rgba(255,164,188,.6)!important;
  box-shadow:0 10px 24px rgba(217,38,98,.30)!important;
}
.mp-clean-action-secondary{
  color:#eee2fb!important;
  background:linear-gradient(180deg,#21102f,#0a0411)!important;
  border:1px solid rgba(168,85,247,.42)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}
.mp-clean-note{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:14px 0 0!important;
  color:#a994be!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.mp-clean-note:before{
  content:"✓";
  flex:0 0 18px;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:rgba(168,85,247,.13);
  color:#d9b7ff;
  font-weight:900;
}

/* Pada layar sempit tetap berdampingan, tetapi tidak berantakan */
@media(max-width:991px){
  #product-top .product-sticky{
    align-items:stretch!important;
    border-radius:14px!important;
  }
  #mp-gallery-v4 .mp-main-v4 img{
    min-height:250px!important;
    max-height:520px!important;
  }
  .mp-clean-meta-card{padding:18px!important;border-radius:13px!important}
  .mp-clean-meta-card h1{font-size:clamp(16px,3.3vw,25px)!important;margin-bottom:10px!important}
  .mp-clean-desc{font-size:11px!important;line-height:1.55!important;margin-bottom:12px!important}
  .mp-clean-price-row{padding:10px 11px!important;margin-bottom:12px!important}
  .mp-clean-price{font-size:19px!important}
  .mp-clean-feature-grid{gap:5px!important;margin-bottom:12px!important}
  .mp-clean-feature{padding:8px 5px!important}
  .mp-clean-feature b{font-size:9px!important}
  .mp-clean-feature span{font-size:7.5px!important}
  .mp-clean-actions{grid-template-columns:1fr!important;gap:7px!important}
  .mp-clean-action{min-height:39px!important;padding:9px!important;font-size:10px!important}
  .mp-clean-note{font-size:8px!important;margin-top:10px!important}
}
@media(max-width:620px){
  #product-top .product-sticky{gap:7px!important;padding:7px!important}
  #product-image{flex:0 0 47%!important;max-width:47%!important;width:47%!important}
  #product-meta{flex:1 1 53%!important;max-width:53%!important;width:53%!important}
  #mp-gallery-v4 .mp-main-v4 img{min-height:220px!important;object-fit:cover!important}
  .mp-clean-meta-card{padding:12px!important}
  .mp-clean-badge{font-size:7px!important;padding:5px 7px!important;margin-bottom:8px!important}
  .mp-clean-badge:before{width:5px!important;height:5px!important}
  .mp-clean-meta-card h1{font-size:clamp(13px,3.25vw,19px)!important;line-height:1.16!important}
  .mp-clean-desc{font-size:8px!important;line-height:1.48!important;margin-bottom:8px!important}
  .mp-clean-price-row{padding:7px 8px!important;border-radius:9px!important;margin-bottom:8px!important}
  .mp-clean-price-label{font-size:7px!important}
  .mp-clean-price{font-size:14px!important}
  .mp-clean-discount{min-width:36px!important;height:24px!important;padding:0 6px!important;font-size:8px!important;border-radius:7px!important}
  .mp-clean-feature-grid{display:none!important}
  .mp-clean-action{min-height:32px!important;font-size:8px!important;border-radius:8px!important}
  .mp-clean-note{display:none!important}
}

/* ===== BLOCK 06: inline-style-06 ===== */
#notification {z-index: 99;width: 100%;transition: top 0.2s ease-in-out;}
   #notification.promo-up {top: -48px!important;}
   .promo-bg {width: 100%;padding: 6px 0;background:linear-gradient(90deg,#0d0616,#24102f 55%,#4a1029);}
   .notification__message p {margin: 0;color: #000000;font-size: 14px!important;}
   .notification__message p a {text-decoration: underline;color: #ffffff;}
   @media (max-width: 991px){
     .notification__message p {font-size: 14px!important;}
   }

/* ===== BLOCK 07: inline-style-07 ===== */
#search-trigger {
     cursor: pointer;
   }
   #search-popup {
     display: none;
     position: fixed;
     left: 0;
     width: 100%;
     top: 0;
     height: 100%;
     justify-content: center;
     z-index: 9999;
     background: rgb(196 196 196 / 30%);
   }
   #search-input {
     align-self: center;
     width: 100%;
     height: 80px;
     position: absolute;
     top: 0;
     border-bottom: 0.5px solid #A3A3A3;
     background-color: #fff;
   }
   #search-input * {
     align-self: center;
   }
   #search-type {
     width: 100%;
     border: none;
     padding-right: 20px;
     padding-left: 20px;
     font-size: 16px;
     color: #757575;
   }
   #search-btn {
     font-size: 16px;
     font-weight: 500;
   }
   #search-result {
     min-height: 490px;
     width: 100%;
     padding-top: 80px;
   }
   #search-result .container {
     background-color: #fff;
     padding: 20px 40px;
   }
   body.search-popup-open {
   /* .search-popup-open */
     overflow: hidden;
   }
   .search-popup-open #loc_delivery {
     display: none
   }
   .search-header svg {
     display: none;
     cursor: pointer;
   }
   .wrapper-search-popup {
     max-height: calc(100vh - 150px);
     overflow-y: auto;
     overflow-x: hidden;
   }
 
   .group-recommend {
     padding: 20px 40px;
   }
 
   .resultsearch {
     display: none;
   }
   .results { padding: 20px 40px }
   .resultsearch label {
     font-weight: 600;
     padding-bottom: 20px;
     display: block;
     margin-bottom: 20px;
     border-bottom: 1px solid #AAAAAA;
   }
 
   ul.result_product {
     max-height: 300px;
     overflow: auto;
   }
 
   .group-promotion ul {
     margin: 0;
   }
   .group-promotion li {
     list-style: none;
     margin-bottom: 12px;
   }
   .group-promotion li a {
     color: inherit;
   }
 
   .group-recent {
     position: relative;
     padding: 20px 40px;
   }
   .group-recent ul {
     margin: 0;
   }
   .group-recent li {
     list-style: none;
     display: inline-block;
     margin-right: 60px;
   }
   .group-recent li a {
     color: inherit;
   }
 
   .last-search svg {
     width: 20px;
     vertical-align: middle;
   }
   ul.last-search a {
     vertical-align: middle;
     padding: 0 10px;
   }
   ul.last-search li span {
     cursor: pointer;
   }
   .delete-all-history {
     position: absolute;
     top: 25px;
     right: 40px;
     text-decoration: underline;
     color: #e11d1d;
     cursor: pointer;
     font-size: 12px;
   }
 
   form.search.search-modal__form {
     position: relative;
   }
 
   button.search__button svg {
     width: 25px;
     color: #495057;
     fill: #757582;
   }
 
   button.search__button.field__button {
     position: absolute;
     top: 50%;
     margin-top: -12px;
   }
 
   .close-search {
     display: none;
     position: absolute;
     right: 65px;
     top: 10px;
     cursor: pointer;
   }
 
   .site-overlay {
     position: fixed;
     top: 0;
     width: 100vw;
     height: 100vh;
     z-index: 1000;
     background: #0000005c;
     visibility: hidden;
     opacity: 0;
     pointer-events: none;
     transition: all .3s linear;
     display: block !important;
   }
 
   .search-popup-open .site-overlay {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
     z-index: -1;
     cursor: pointer;
   }
 
   @media (min-width: 991px) {
     .group-recent ul {
       column-count: 3;
     }
     .group-promotion li a {
       font-size: 12px;
       font-weight: 400;
     }
     .group-recent li a {
       font-size: 12px;
       font-weight: 400;
     }
   }
 
   .moreresult {
     padding: 10px 40px;
     border-top: 1px solid #AAAAAA;
   }
   .moreresult * {
     align-self: center;
   }
   .moreresult p {
     margin: 0;
     font-size: 12px !important;
   }
   .moreresult svg {
     width: 13px;
   }
 
   @media (max-width: 992px) {
     .icon-key-mobile {
         height: auto!important;
         width: 10px!important;
     }
     body.grid-view.search-popup-open .products {
       -ms-flex: 0 0 100%!important;
       flex: 0 0 100%!important;
       max-width: 100%!important;
     }
     button.search__button svg {
       width: 20px;
     }
     #search-result {
       padding-left: 0;
       padding-right: 0;
     }
     #search-result {
       padding-top: 55px;
     }
     #search-input {
       height: 55px;
     }
     .group-recommend {
       padding: 20px;
     }
     #search-input .container {
       padding: 0 20px;
     }
     #search-type {
       font-size: 14px;
     }
     #search-btn {
       font-size: 12px;
       text-decoration: underline;
     }
     .results {
       padding: 20px;
     }
     .group-recommend h3 {
       font-size: 16px;
     }
     .products .card-body {
       padding: 8px 0px 10px;
     }
     .moreresult {
       padding: 10px 20px;
     }
   }

/* ===== BLOCK 08: inline-style-08 ===== */
:root {
        --fx-tosca: #ff700;
        --fx-tosca-dark: #a855f7;
        --fx-tosca-deep: #160b20;
        --fx-tosca-soft: #c4b5fd;
        --fx-aqua: #ede9fe;
        --fx-cream: #f5f3ff;
        --fx-white: #ffffff;
        --fx-text: #f5f3ff;
        --fx-border: rgba(255, 230, 109, .52);
        --fx-bg: rgba(73, 62, 0, 0.76);
        --fx-shadow: 0 20px 60px rgba(255, 208, 0, 0.34);

        --purple: #ff700;
        --accent: #c4b5fd;
        --white: #ffffff;
    }

    /* =========================
       ADVERTISEMENT PLACEHOLDER
    ========================== */
    div.advertisement-placeholder {
        text-align: center;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    div.advertisement-text p {
        margin: 0;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        line-height: 20px;
        color: #c4b5fd;
    }

    div.advertisement-banner {
        margin: 0px auto;
    }

    div#div-gpt-ad-billboard-placeholder {
        width: 996px;
        margin: 0 auto;
        background: #f5f3ff;
        padding-bottom: unset !important;
        min-height: 200px;
    }

    div#div-gpt-ad-lb-placeholder {
        background: #f5f3ff;
        padding-bottom: unset !important;
        min-height: 280px;
    }

    /* =========================
       VIDEO BACKGROUND
    ========================== */
    .fx-video-bg {
        position: relative;
        width: 100%;
        min-height: 100vh;
        overflow: hidden;
    }

    .fx-video-bg video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
        object-fit: cover;
        z-index: 1;
    }

    .fx-video-overlay {
        position: absolute;
        inset: 0;
        z-index: 2;
        background:
            radial-gradient(circle at 30% 20%, rgba(255, 217, 0, 0.34), transparent 55%),
            radial-gradient(circle at 70% 80%, rgba(255, 230, 109, .22), transparent 60%),
            linear-gradient(180deg, rgba(0, 0, 0, .70), rgba(43, 35, 0, 0.94));
    }

    /* =========================
       ARTICLE WRAPPER
    ========================== */
    .fx-article-wrap {
        position: relative;
        z-index: 3;
        max-width: 1280px;
        margin: 0 auto;
        padding: 60px 14px;
    }

    .fx-article {
        position: relative;
        border-radius: 22px;
        padding: 26px 22px;
        color: var(--fx-text);
        background:
            radial-gradient(circle at top, rgba(255, 217, 0, 0.12), transparent 45%),
            rgba(73, 62, 0, 0.52);
        border: 1px solid var(--fx-border);
        box-shadow: var(--fx-shadow);
        backdrop-filter: blur(6px);
    }

    .fx-badge {
        display: inline-block;
        margin-bottom: 12px;
        padding: 6px 12px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .6px;
        border-radius: 999px;
        color: #a855f7;
        background: linear-gradient(90deg, #a855f7, #b794f4, #ede9fe);
        box-shadow: 0 0 18px rgba(255, 230, 0, 0.56);
    }

    .fx-article h1 {
        font-size: 1.8rem;
        margin-bottom: 14px;
        text-shadow:
            0 2px 8px rgba(0, 0, 0, .75),
            0 0 18px rgba(255, 230, 7, 0.52);
    }

    .fx-article h2 {
        font-size: 1.3rem;
        margin: 18px 0 10px;
        border-left: 4px solid var(--fx-tosca);
        padding-left: 10px;
    }

    .fx-article p {
        line-height: 1.75;
        margin-bottom: 14px;
        color: rgba(255, 251, 230, .95);
    }

    .fx-article a {
        color: #c4b5fd;
        border-bottom: 1px dashed rgba(255, 230, 109, .78);
        text-decoration: none;
    }

    .fx-article a:hover {
        color: #ffffff;
        text-shadow: 0 0 12px rgba(255, 210, 7, 0.78);
    }

    .fx-callout {
        margin: 18px 0;
        padding: 14px;
        border-radius: 14px;
        background:
            linear-gradient(145deg, rgba(255, 208, 0, 0.18), rgba(154, 131, 0, 0.22));
        border: 1px solid rgba(255, 230, 109, .52);
    }

    /* =========================
       FAQ & REVIEW SECTION
    ========================== */
    .faq-review-section {
        position: relative;
        max-width: 1190px;
        margin: 60px auto;
        padding: 40px 30px;
        border-radius: 25px;
        background:
            linear-gradient(145deg, rgba(255, 208, 0, 0.12), rgba(255, 245, 157, .08));
        overflow: hidden;
        box-shadow:
            0 0 40px rgba(255, 208, 0, 0.68),
            inset 0 0 18px rgba(255, 230, 109, .10);
    }

    .faq-review-section::before {
        content: "";
        position: absolute;
        width: 150%;
        height: 150%;
        background: radial-gradient(circle at center, rgba(255, 245, 157, .14), transparent 70%);
        animation: spinAura 15s linear infinite;
        top: -25%;
        left: -25%;
    }

    .section-title {
        text-align: center;
        color: var(--fx-aqua);
        font-size: 1.9rem;
        letter-spacing: 1px;
        font-weight: 700;
        text-shadow: 0 0 20px rgba(255, 193, 7, .82);
        position: relative;
        z-index: 2;
        margin-bottom: 25px;
    }

    .section-title::after {
        content: '';
        width: 100px;
        height: 3px;
        background: linear-gradient(90deg, #a855f7, #b794f4, #ede9fe);
        display: block;
        margin: 10px auto;
        border-radius: 2px;
        box-shadow: 0 0 10px rgba(255, 193, 7, .64);
        animation: pulseLine 2s infinite alternate;
    }

    /* =========================
       FAQ & REVIEW ITEM
    ========================== */
    .faq-item,
    .review-item {
        background:
            linear-gradient(145deg, rgba(122, 104, 0, 0.58)rgba(255, 217, 0, 0.34)4));
        border: 1px solid rgba(255, 230, 109, .42);
        border-radius: 18px;
        padding: 18px 20px;
        margin: 18px 0;
        color: var(--fx-white);
        box-shadow: inset 0 0 0 rgba(255, 152, 0, 0);
        transform: perspective(800px) rotateX(15deg) scale(0.95);
        opacity: 0;
        transition: all 0.7s ease, box-shadow 0.4s ease;
    }

    .faq-item.show,
    .review-item.show {
        opacity: 1;
        transform: perspective(800px) rotateX(0deg) scale(1);
    }

    .faq-item:hover,
    .review-item:hover {
        background:
            linear-gradient(145deg, rgba(255, 230, 109, .36), rgba(255, 193, 7, .44));
        box-shadow: 0 0 25px rgba(255, 217, 0, 0.62);
        transform: scale(1.02);
    }

    .faq-item::before {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        border: 2px solid transparent;
        background: linear-gradient(120deg, #a855f7, #b794f4, #ede9fe) border-box;
        mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        opacity: 0;
        transition: opacity .3s ease;
    }

    /* =========================
       FAQ CONTENT
    ========================== */
    .faq-question {
        cursor: pointer;
        font-weight: 600;
        color: var(--fx-aqua);
        position: relative;
        font-size: 1.9rem;
        padding-right: 25px;
        text-shadow: 0 0 10px rgba(255, 193, 7, .88);
    }

    .faq-question::after {
        content: "+";
        position: absolute;
        right: 0;
        top: 0;
        color: #ffffff;
        font-weight: bold;
        font-size: 1.4rem;
        transition: transform .3s;
    }

    .faq-item.active .faq-question::after {
        transform: rotate(45deg);
    }

    .faq-answer {
        display: none;
        color: #ffffff;
        line-height: 1.6em;
        padding-top: 10px;
        border-top: 1px dashed rgba(255, 230, 109, .52);
        margin-top: 10px;
    }

    .faq-item.active .faq-answer {
        display: block;
        animation: fadeUp .4s ease;
    }

    /* =========================
       REVIEW CONTENT
    ========================== */
    .review-author {
        font-weight: 700;
        color: var(--fx-aqua);
        font-size: 1.9rem;
        text-shadow: 0 0 10px rgba(255, 193, 7, .88);
    }

    .review-text {
        color: #ffffff;
        margin: 6px 0;
        font-style: italic;
    }

    .review-rating {
        color: var(--fx-aqua);
        font-weight: bold;
        font-size: 1rem;
        text-shadow: 0 0 8px rgba(255, 255, 255, .45);
    }

    /* =========================
       ANIMATION
    ========================== */
    @keyframes spinAura {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes pulseLine {
        from {
            opacity: .6;
            transform: scaleX(.7);
        }

        to {
            opacity: 1;
            transform: scaleX(1);
        }
    }

    @keyframes fadeUp {
        from {
            opacity: 0;
            transform: translateY(10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes borderGlow {
        to {
            transform: rotate(360deg);
        }
    }

    /* =========================
       RESPONSIVE
    ========================== */
    @media (max-width: 768px) {
        .fx-article-wrap {
            padding: 40px 12px;
        }

        .fx-article h1 {
            font-size: 1.5rem;
        }

        .faq-review-section {
            padding: 28px 18px;
        }

        .section-title {
            font-size: 1.5rem;
        }
    }

/* ===== BLOCK 09: inline-style-09 ===== */
#breadcrumbProduct {
     padding: 20px 0;
   }
   #breadcrumbProduct ul {
       display: flex;
       padding: 0;
       list-style: none;
       margin: 0;
       gap: 12px;
   }
   #breadcrumbProduct ul li {
     text-transform: uppercase;
     margin: 0;
     font-size: 12px;
 }
   #breadcrumbProduct ul li a {
     color: #757575;
   }
 
   #breadcrumbProduct ul li svg {
     width: 10px;
     height: 10px;
     padding: 0;
     color: #757575;
     vertical-align: middle;
   }

/* ===== BLOCK 10: inline-style-10 ===== */
.bg-card {
     background-color: #000000;
 }

/* ===== BLOCK 11: inline-style-11 ===== */
.view-video{display:block; margin:auto; padding:5px 10px;font-size:16px;font-weight:bold;border:2px solid #ffffff;background:#fff;}
       .view-video .icon-play{fill:#ffffff;vertical-align: middle;}
       .video-modal{display:none;position:fixed;background: rgba(0,0,0,.5); width:100%; height:100%; overflow:auto; z-index:1; top:0;left:0;}
       .close-video{position:absolute;right:9px; top:8%;z-index:2;padding:5px;}
       .close-video .icon{width:30px;height:30px;}
       /*responsive iframe */
       .video-container {position: relative;padding-bottom: 48.25%;padding-top: 35px;height: 0;box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
       .video-container iframe {position: absolute;top:60%;left: 0;width: 100%;height: 100%;}
 
       .youtube {
         background-color: #000;
         margin-bottom: 30px;
         position: relative;
         padding-top: 56.25%;
         overflow: hidden;
         cursor: pointer;
         width: 100%;
       }
       .swiper-slide .youtube {
         max-width: 480px;
       }
       .youtube img {
         width: 100%;
         top: -16.82%;
         left: 0;
         opacity: 0.7;
       }
       .youtube .play-button {
         width: 90px;
         height: 60px;
         background-color: #333;
         box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
         z-index: 1;
         opacity: 0.8;
         border-radius: 6px;
       }
       .youtube .play-button:before {
         content: "";
         border-style: solid;
         border-width: 15px 0 15px 26.0px;
         border-color: transparent transparent transparent #fff;
       }
       .youtube img,
       .youtube .play-button {
         cursor: pointer;
       }
       .youtube img,
       .youtube iframe,
       .youtube .play-button,
       .youtube .play-button:before {
         position: absolute;
       }
       .youtube .play-button,
       .youtube .play-button:before {
         top: 50%;
         left: 50%;
         transform: translate3d( -50%, -50%, 0 );
       }
       .youtube iframe {
         height: 100%;
         width: 100%;
         top: 0;
         left: 0;
       }

/* ===== BLOCK 12: inline-style-12 ===== */
.c-pdp-product-info__service--active {
     font-size: 12px;
     padding-left: 10px;
     text-align: left;
     max-width: 550px;
     margin: auto;
   }
   .c-pdp-product-info__service--active li {
     list-style: disc;
   }
   .c-pdp-product-info {
     background-color: #f5f5f5;
     padding: 12px;
     margin: 0;
   }
   .freeship em {
     font-style: italic;
     font-size: 12px !important;
   }

/* ===== BLOCK 13: inline-style-13 ===== */
.product-meta--review {margin-top:10px}
   .freeship * {font-size: 14px !important;font-style: normal;}

/* ===== BLOCK 14: inline-style-14 ===== */
.short-desc-desktop {
         margin-bottom: 2rem;
         color: white;
     }
     .short-desc ul li:nth-child(n + 4) {
         display: none;
     }
     .short-desc ul li.showList:nth-child(n + 4) {
         display: list-item;
     }
     label.more {
         display: none;
     }
     label.more.showMe {
         display: block;
         font-size: 12px;
         text-transform: uppercase;
         font-weight: 700;
         cursor: pointer;
     }

/* ===== BLOCK 15: inline-style-15 ===== */
.variant-metafield {
     display: block!important;
     width: 1px;
     padding: 0;
     border-color: #fff;
   }
   .select2-results__option[aria-disabled] {
     display: none;
   }
 
   .towel-bordir {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-around;
   }

/* ===== BLOCK 16: inline-style-16 ===== */
.file-dnd * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
   .file-dnd {
     width: 100%;
     height: 250px;
     border: 1px solid #ddd;
     border-radius: 10px;
     padding: 15px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     /* box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.05); */
     margin: auto;
   }
   .file-dnd input {
     display: none;
   }
   .file-dnd .before-upload {
     border: 1px dashed #888;
     flex: 1;
     border-radius: 5px;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
     cursor: pointer;
   }
   .file-dnd .before-upload > div {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 8px;
   }
   .file-dnd .before-upload > div h4 {
     width: 150px;
   }
   .file-dnd .before-upload > div p {
     font-size: 12px !important;
     color: #555;
   }
   .file-dnd.active .before-upload {
     border: 1px solid #5750d9;
     background-color: #f5f5ff;
   }
   .file-dnd .after-upload {
     position: relative;
     display: none;
   }
   .file-dnd .after-upload img {
     width: 100%;
     border-radius: 5px;
     max-height: 180px;
     object-fit: contain;
     display: block;
   }
   .file-dnd .after-upload .clear-btn {
     position: absolute;
     top: 10px;
     right: 10px;
     background: rgba(0, 0, 0, 0.5);
     width: 15px;
     height: 15px;
     text-align: center;
     line-height: 15px;
     border-radius: 50%;
     color: #fff;
     cursor: pointer;
     font-size: 14px;
   }

/* ===== BLOCK 17: inline-style-17 ===== */
@media (max-width: 768px) {
     .select2-search__field {
       pointer-events: none !important;
     }
     
     .select2-search {
       display: none !important;
     }
   }

/* ===== BLOCK 18: inline-style-18 ===== */
.icon-img-footer {
     width: 80px; 
     padding: 0px 5px;
 }
 @media (min-width: 768px) {
     .icon-img-footer {
         width: 120px; 
     }
 }
 @media (min-width: 992px) {
     .icon-img-footer {
         width: 120px; 
     }
 }

/* ===== BLOCK 19: inline-style-19 ===== */
#PBarNextFrameWrapper {
     display: none;
   }
   #backgroundPopup {
     display: none;
     position: fixed;
     _position: absolute;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     background: rgb(117 117 117 / 24%);
     z-index: 1;
   }
   .sectionPurchase {
     height: 100%;
     position: relative;
     max-width: 1344px;
     background-color: #fff;
     padding: 0;
     overflow: hidden; /* Changed from auto to hidden */
     display: flex;
     flex-direction: column;
   }
   .sectionPurchase.purchaseAddonSpotify {
     max-width: 1070px!important;
     max-height: 765px!important;
   }
   .sectionPurchaseBoard {
     max-width: 872px!important;
     max-height: 821px!important;
   }
   .purchaseAddonSpotify .btn-action {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     display: flex;
     gap: 10px;
   }
   .wrapperPurchase {
     position: relative;
     height: 100%;
     display: flex;
     flex-direction: column;
   }
   
   /* New styles for scrollable content and sticky button */
   .purchase-content {
     flex: 1;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 20px;
   }
   
   .purchase-button-wrapper {
     position: sticky;
     bottom: 0;
     background-color: #fff;
     border-top: 1px solid #e0e0e0;
     padding: 15px 0;
     margin-top: auto;
     z-index: 10;
   }
   
   .purchasePopup {
     display: none;
     position: fixed;
     background: rgb(117 117 117 / 24%);
     z-index: 999;
     padding: 40px;
     font-size: 13px;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   .popupPurchaseClose{
     font-size:14px;
     line-height:14px;
     right:45px;
     top:45px;
     position:absolute;
     color:#6fa5fd;
     font-weight:700;
     display:block;
     cursor: pointer;
   }
 
   .headerPurchase {
     margin-bottom: 30px;
     display: flex;
     justify-content: space-between;
   }
 
   .headerPurchase h3 {
     font-size: 16px;
     text-transform: uppercase;
   }
 
   .sectionPurchaseBoard .headerPurchase {
     margin-bottom: 15px;
   }
 
   .sectionPurchaseBoard .formAddressPurchase {
     padding-top: 0;
   }
 
   .purchaseArea {
     position: relative;
     height: 100%;
   }
 
   .purchaseArea h4 {
     width: 100%;
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 10px;
     text-transform: uppercase;
   }
 
   .menuPurchase {
     margin-bottom: 30px;
   }
 
   .menuPurchase ul {
     list-style-type: none;
     margin: 0;
   }
 
   .menuPurchase ul li {
     display: inline-block;
     border: 1px solid #ffffff;
     padding: 5px 20px;
     margin-right: 5px;
     margin-bottom: 10px;
     font-size: 12px;
     font-weight: 400;
   }
 
   .menuPurchase ul li:hover, .menuPurchase ul li.selected {
     background-color: #ffffff;
     color: #ffffff;
   }
 
   .contentPurchase h5 {
       font-size: 12px;
       margin-bottom: 10px;
       font-weight: 400;
       overflow: hidden;
   }
 
   /* Card */
 
   #itemCards {
     max-height: 430px;
     overflow: auto;
   }
 
   .item-cards {
       width: 100%;
   }
   .item-card.selected {
       border: 1px solid #ffffff;
   }
   .item-card:hover {
       border: 1px solid #C4C4C4;
   }
   .item-cards .item-card {
     position: relative;
     width: calc(33% - 10px);
     max-width: calc(33% - 10px);
     flex: 0 0 calc(33% - 10px);
     margin-bottom: 20px;
   }
   .item-cards .item-card label,
   .item-addons .item-addon label {
       position: absolute;
       left: 0;
       width: 100%;
       height: 100%;
   }
   .item-cards .item-card .card-image img,
   .item-addons .item-addon .card-image img {
       display: block;
       width: 100%;
   }
   .item-card .card-meta,
   .item-addon .card-meta {
       padding: 10px 5px 5px;
   }
   .item-card.selected .card-meta,
   .item-addon.selected .card-meta,
   .item-card.selected .card-qty {
       background-color: #ffffff;
       color: #fff;
       visibility: visible!important;
   }
   .item-card:hover .card-meta,
   .item-addon:hover .card-meta,
   .item-card:hover .card-qty {
       background-color: #C4C4C4;
       color: #fff;
       visibility: visible!important;
   }
   .item-cards .item-card p,
   .item-addons .item-addon p {
     font-size: 12px !important;
     margin: 0;
     font-weight: 600;
   }
   .item-card .card-meta input,
   .item-addon .card-meta input {
       display: none;
   }
   .item-cards .item-card h5,
   .item-addons .item-addon h5 {
     text-transform: uppercase;
     max-height: 35px;
   }
 
   @media (max-width: 768px) {
     .item-cards .item-card {
         width: calc(50% - 10px);
         max-width: calc(50% - 10px);
         flex: 0 0 calc(50% - 10px);
         margin-bottom: 0;
     }
   }
 
   .card-qty {
     display: flex;
     padding: 5px;
     visibility: hidden;
     background-color: #fff !important;
     z-index: 999;
   }
   .card-qty a {
     border-width: 1px;
     width: 30%;
     cursor: pointer;
     text-align: center;
     align-self: center;
     height: 28px;
     display: block;
     position: relative;
   }
   .card-qty a svg {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
   }
   input.btn-qty {
     border-width: 0px;
     border-radius: 0;
     background-color: #fff;
     -webkit-appearance: none;
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none!important;
     width: 40%;
     border-left: 1px solid #c4c4c4;
     border-right: 1px solid #c4c4c4;
     padding: 0;
   }
 
   .sectionPurchaseBoard #itemAddons .item-card {
     width: calc(20% - 15px);
     max-width: calc(20% - 15px);
     flex: 0 0 calc(20% - 15px);
   }
 
   .purchase-button {
     width: 100%;
     padding: 0; /* Reset padding as it's now handled by wrapper */
     margin: 0;
   }
 
   .sectionPurchaseBoard .purchase-button {
     margin-top: 0 !important; /* Reset margin */
   }
 
   .back-purchase-button, .back-spotify {
       width: 139px;
       border: 1px solid;
       height: 43px;
   }
   .purchase-button .btn {
     width: 297px;
     height: 43px;
     background-color: #ffffff;
     color: #ffffff;
   }
   .purchase-button .btn[disabled] {
     background-color: #EEEEEE;
   }
   .back-purchase-button svg, .back-spotify svg {
     align-self: center;
     vertical-align: middle;
     margin-right: 10px;
   }
 
   #purchaseProduct .row .error {
     font-size: 12px !important;
     color: orange;
     margin-top: 5px;
   }
 
   .reviewCardPurchase {
     max-width: 448px;
     float: right;
   }
 
   .addonsPurchase .addon-item {display: flex;justify-content: space-between;}
   .addon-item * {align-self: center;font-size: 12px;}
   .addon-itm-title {width: 360px;}
   .addon-itm-line-price {color: #757575;width: 80px;justify-content: space-between;display: flex;}
 
   .propsAddonSpotify p {
     margin: 0;
     display: flex;
     font-size: 12px !important;
     margin-bottom: 5px;
   }
   .propsAddonSpotify p span:first-child {
     text-transform: uppercase;
     font-weight: 600;
     -ms-flex: 0 0 150px;
     flex: 0 0 150px;
     max-width: 150px;
   }
 
   .addonsPurchase .addons {
     max-height: 250px;
     overflow: auto;
   }
 
   .btn .loading:after {
     content: "";
     display: inline-block;
     width: 20px;
     height: 20px;
     padding: 3px;
     aspect-ratio: 1;
     border-radius: 50%;
     background: #FFFFFF;
     --_m: conic-gradient(#0000 10%, #ffffff), linear-gradient(#ffffff 0 0) content-box;
     -webkit-mask: var(--_m);
     mask: var(--_m);
     -webkit-mask-composite: source-out;
     mask-composite: subtract;
     animation: l3 1s infinite linear;
     margin: auto;
     vertical-align: middle;
     margin-left: 10px;
   }
 
   #qrcode img, #qrcode canvas {
     width: 50px;
     position: absolute;
     top: 12px;
     left: 16px;
   }
 
   .t-preview {
     position: absolute;
     top: 17px;
     left: 75px;
   }
   .t-preview p {
     margin: 0;
     font-size: 12px !important;
   }
   .t-preview .h3 {
     font-size: 16px !important;
     margin-bottom: 5px;
     font-weight: 600;
   }
   .scanCard {
     width: 100%;
     border: 1px solid;
     height: 76px;
     background-color: #fff;
   }
   .scanCard > div > img {
     position: absolute;
     right: 0;
     width: 55px;
   }
 
   @keyframes l3 {
     100% {
       transform: rotate(1turn);
     }
   }
 
   @media (min-width: 991px) {
     .sectionPurchase {
       height: 100%;
       position: relative;
       max-width: 1344px;
       background-color: #fff;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
     }
     .headerPurchase h3 {
       font-size: 20px;
     }
     .purchaseArea h4 {
       font-size: 16px;
     }
 
     .menuPurchase ul li {
         font-size: 16px;
     }
     
     .contentPurchase {
       margin-bottom: 30px;
     }
     .contentPurchase h5 {
       font-size: 16px;
     }
 
     .item-cards .item-card p,
     .item-addons .item-addon p {
       font-size: 16px !important;
     }
 
     .cards {
       float: right;
       width: 400px;
     }
 
     .item-cards .item-card {
       width: calc(25% - 30px);
       max-width: calc(25% - 30px);
       flex: 0 0 calc(25% - 30px);
     }
 
       #itemAddons .item-card {
         position: relative;
         width: calc(16% - 40px);
         max-width: calc(16% - 40px);
         flex: 0 0 calc(16% - 40px);
       }
       
     .purchase-button-wrapper {
         padding: 10px 20px;
     }
   }
 
   @media (max-width: 1200px) {
     .item-cards .item-card {
       width: calc(33% - 30px);
       max-width: calc(33% - 30px);
       flex: 0 0 calc(33% - 30px);
     }
   }
 
   @media (max-width: 992px) {
     .purchasePopup {
       padding: 0;
     }
     .item-cards .item-card h5,
     .item-addons .item-addon h5 {
       max-height: 30px;
     }
 
     .back-purchase-button, .back-spotify, .next-purchase-button {
         width: 100%;
     }
     .addon-itm-title {
       width: 300px;
     }
     .addon-itm-line-price {
       margin-right: 10px;
     }
     .t-preview {
       top: 10px;
     }
 
     .card-qty a {
       height: 15px;
     }
     
     .purchase-button-wrapper {
       padding: 15px;
     }
   }
 
   @media (max-width: 576px) {
     .purchase-button .btn {
         width: 100%!important;
     }
     .purchase-button > .col-12 {
       padding-left: 0;
       padding-right: 0;
     }
   }

/* ===== BLOCK 20: inline-style-20 ===== */
.customize-papan .group-field-1 .input-field {float: left;width: 100%;height: 317px;background-color: #E5E5EA;}
   .customize-papan .input-field textarea {width: 100%;max-width: 421px;min-height: 150px;font-weight: 400;font-size: 16px;resize: none;background-color: #E5E5EA;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #ffffff;border: none;}
   
   .customize-papan .field-papan.group-field-2 .input-field.field-logo {height: 90px;margin: 0;border-radius: 0;position: relative;-ms-flex: 0 0 174px;flex: 0 0 174px;max-width: 174px;}
   .customize-papan .btn-upload-papan svg {width: 21px;height: 25px;display: block;align-self: center;margin: auto;margin-bottom: 12px;}
   .svgLogoPapan {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
   .svgLogoPapan p {color: #8E8E93; margin: 0;}
   .svgLogoPapan p span {font-size: 12px;color: #FF0E00;}
   .customize-papan .btn-upload-papan img {margin: auto;display: block;position: absolute;width: 80px;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
   #suggest-messages {position: absolute;bottom: 5px;left: 5px;}
   #suggest-messages a {border: 1px solid #979797;background: #fff;color: #979797;border-radius: 3px;padding: 5px 10px;font-size: 10px;font-weight: 600;display: inline-block;}
   .case-occasion .nice-select:after {border-bottom: 2px solid #333;border-right: 2px solid #333;right: 20px;top: 42%;width: 10px;height: 10px;}
   .customize-papan .input-field input {font-weight: 600;font-size: 16px;width: 100%;height: 90px;min-height: 44px !important;border: none;background: #E5E5EA;margin: 0;border-radius: 0;text-align: center;color: #ffffff;}
   .customize-papan .input-field .limit {position: absolute;right: 15px;top: 0;color: #757575;}
 
   @media (min-width: 991px) {
     .customize-papan:before {content: "";position: absolute;border: 4px solid #ffffff;bottom: -50px;left: 210px;width: 100px;display: block;-ms-transform: rotate(60deg);-webkit-transform: rotate(60deg);transform: rotate(-65deg);}
     .customize-papan:after {content: "";position: absolute;border: 4px solid #ffffff;bottom: -52px;right: 240px;width: 100px;display: block;-ms-transform: rotate(-120deg);-webkit-transform: rotate(70deg);transform: rotate(70deg);}
   }

/* ===== BLOCK 21: inline-style-21 ===== */
.animated-title {
     text-align: center;
     font-weight: bold;
     color: #b4235a;
     font-size: 28px;
     position: relative;
     animation: glow 2s infinite alternate, moveUpDown 3s infinite;
 }
 
 /* Efek glow / bercahaya hijau */
 @keyframes glow {
     0% { text-shadow: 0 0 5px #b4235a; color: #b4235a; }
     50% { text-shadow: 0 0 20px #d92662; color: #a855f7; }
     100% { text-shadow: 0 0 10px #d92662; color: #b4235a; }
 }
 
 /* Efek gerakan naik turun */
 @keyframes moveUpDown {
     0% { transform: translateY(0px); }
     50% { transform: translateY(-5px); }
     100% { transform: translateY(0px); }
 }

/* ===== BLOCK 22: inline-style-22 ===== */
.stamped-review-header-title,
     .stamped-review-header .author,
     .stamped-review-content-body,
     .stamped-sort-select,
     .stamped-review-header .verified-badge[data-type=buyer]:after,
     .stamped-review-header-byline,
     .stamped-review-reply-body {font-size: 14px!important;font-family: 'Barlow',sans-serif!important;}
     .stamped-review {margin-bottom: 0;}
     .stamped-review-body {padding-left: 65px;}
     .stamped-review:first-child {padding-top: 25px;}
     .stamped-review-content {clear: none;}
     .stamped-review-reply {margin: 15px 0 0 65px;background: #f2f2f2;border-left: none;}
     .stamped-review-reply-body {padding-left: 65px;}
     .stamped-review-header .author {text-transform: capitalize;}
     .stamped-questions .stamped-review-content {padding-left: 65px;}
 
     .stamped-pagination {margin: 20px 0 0;}
     .stamped-pagination li {position: initial!important;display: inline-block;position: relative;vertical-align: middle;text-decoration: none;-webkit-tap-highlight-color: transparent;-webkit-box-flex: 0;-moz-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: 0 0;text-transform: none;color: #33373D;font-weight: 400;-webkit-transition: background .1s ease,box-shadow .1s ease,color .1s ease;transition: background .1s ease,box-shadow .1s ease,color .1s ease;border: 1px solid #ccc;border-right: none;margin-bottom: 0;}
     .stamped-pagination li a {color: #121212;padding: 13px 18px;vertical-align: middle;display: block;}
     .stamped-pagination li.active a {background-color: #ddd;font-weight: 400;}
     .stamped-pagination li:hover a {background: #ddd;}
     .stamped-pagination .next {border-right: 1px solid #ccc;}
     .stamped-pagination li:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
     .stamped-pagination li:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
 
     #stamped-pagination-question span.page {display: inline-block;border: 1px solid #ccc;width: 47px;}
     #stamped-pagination-question span {font-size: 14px;}
     #stamped-pagination-question .page.active {padding: 12px;font-weight: 400;background: #ddd;}
     #stamped-pagination-question a, #stamped-pagination-question .page.active {color: #121212;padding: 13px 18px;vertical-align: middle;display: inline-block;}
     .stamped-pagination-deco {color: #121212;padding: 13px 18px;width: 47px;vertical-align: middle;display: inline-block;border: 1px solid #ccc;padding: 12px;}
     .stamped-pagination-prev, .stamped-pagination-next {position: inherit;}
     .stamped-pagination-prev a, .stamped-pagination-next a {width: auto!important;border: 1px solid #ccc;}
 
     @media (max-width: 480px){
       .stamped-review-reply {margin-left: 0!important;}
       select.stamped-sort-select {font-size: 13px!important;}
     }
 
   #product-reviews .stamped-summary-ratings, #product-reviews .stamped-summary-actions, .stamped-content {
       display: block !important;
   }

/* ===== BLOCK 23: inline-style-23 ===== */
#shopify-section-newsletter {
       background: url('https://merput62nich.com/img/nich.webp');
       background-attachment: fixed;
       margin-bottom: 0;
     }
     input:-webkit-autofill,
     input:-webkit-autofill:hover,
     input:-webkit-autofill:active,
     input:-webkit-autofill:focus {
       -webkit-box-shadow:0 0 0 50px white inset;
       -webkit-text-fill-color: #ffffff;
     }
     .section-newsletter {
       max-width: 800px;
       margin: auto;
       padding: 50px 0;
     }
     .section-newsletter h2 {
       font-weight: 700;
       font-size: 24px;
     }
     .section-newsletter input[type="email"] {
       width: 100%;
       text-align: center;
       border: none;
       border-bottom: 1px solid #ffffff;
       font-size: 16px;
       color: #757575;
       background-color: #eeeeee;
     }
     .section-newsletter .row label {
       font-size: 14px;
       cursor: pointer;
     }
     .section-newsletter .radio-inline input {
       width: auto;
     }
     .section-newsletter .btn {
       width: 130px;
       border: 1px solid #ffffff;
       box-shadow: none;
       font-size: 16px;
       font-weight: 500;
       text-transform: uppercase;
     }
     .section-newsletter form {
       margin: 30px 0 60px;
     }
     .section-newsletter input[type="radio"] {
       position: absolute;
       width: 1px;
       height: 1px;
     }
     .section-newsletter [type="radio"]:checked + label, .section-newsletter [type="radio"]:not(:checked) + label {
       position: relative;
       padding-left: 28px;
       cursor: pointer;
       line-height: 20px;
       display: inline-block;
       color: #666;
     }
     .section-newsletter [type="radio"]:checked + label:before, .section-newsletter [type="radio"]:not(:checked) + label:before {
       content: '';
       position: absolute;
       left: 0;
       top: 0;
       width: 18px;
       height: 18px;
       border: 1px solid #ddd;
       border-radius: 100%;
       background: #fff;
     }
     .section-newsletter [type="radio"]:checked + label:after, .section-newsletter [type="radio"]:not(:checked) + label:after {
       content: '';
       width: 12px;
       height: 12px;
       background: #ffffff;
       position: absolute;
       top: 3px;
       left: 3px;
       border-radius: 100%;
       -webkit-transition: all 0.2s ease;
       transition: all 0.2s ease;
     }
     .section-newsletter [type="radio"]:not(:checked) + label:after {
       opacity: 0;
       -webkit-transform: scale(0);
       transform: scale(0);
     }
     .opt-newsletter {display:none;}
     .footer-newsletter p, .footer-newsletter p a {
       color: #757575;
     }
     @media (max-width:991px){
       .section-newsletter h2 {
         font-size: 32px;
       }
       .section-newsletter input {
         width: 300px;
         font-size: 14px;
       }
       .section-newsletter {
         padding: 50px 20px;
       }
     }
     @media (max-width: 480px){
       .section-newsletter input[type="email"] {font-size: 16px;}
     }

/* ===== BLOCK 24: inline-style-24 ===== */
.icon-img-footer {
    width: 80px;
    padding: 0 5px;
}

@media (min-width: 768px) {
    .icon-img-footer {
        width: 120px;
    }
}

@media (min-width: 992px) {
    .icon-img-footer {
        width: 120px;
    }
}

.button-login-daftar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-weight: 700;
    gap: 10px;
}

.button-login-daftar a {
    text-align: center;
    text-decoration: none;
}

.login,
.register {
    padding: 15px 10px;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* LOGIN - ORANGE KUNING ELEGANT */
.login,
.login-button {
    background:
        radial-gradient(circle at top, rgb(0 0 0 / 28%), transparent 42%), linear-gradient(to bottom, #a855f7 0%, #000000 48%, #000000 72%, #a855f7 100%);
    border: 2px solid #d8b4fe;
    color: #ffffff;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.9),
        0 0 8px rgba(255, 217, 0, 0.7);
    box-shadow:
        0 0 16px rgba(255, 208, 0, 0.58),
        0 0 26px rgba(255, 217, 0, 0.28),
        inset 0 0 12px rgba(255, 245, 160, 0.14);
}

/* REGISTER - KUNING TERANG PREMIUM */
.register,
.register-button {
    background:
        radial-gradient(circle at top, rgb(0 0 0 / 28%), transparent 42%), linear-gradient(to bottom, #a855f7 0%, #000000 48%, #000000 72%, #a855f7 100%);
    border: 2px solid #f3e8ff;
    color: #a855f7;
    text-shadow:
        0 1px 2px rgba(255, 255, 255, 0.62),
        0 0 6px rgba(255, 217, 0, 0.7);
    box-shadow:
        0 0 18px rgba(255, 208, 0, 0.58),
        0 0 30px rgba(255, 217, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.48);
}

/* SHINE EFFECT */
.login::before,
.register::before,
.login-button::before,
.register-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 55%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.42),
        transparent
    );
    transform: skewX(-22deg);
    transition: left 0.65s ease;
    pointer-events: none;
}

.login:hover::before,
.register:hover::before,
.login-button:hover::before,
.register-button:hover::before {
    left: 130%;
}

.login:hover,
.register:hover,
.login-button:hover,
.register-button:hover {
    filter: brightness(1.12) contrast(1.06);
    transform: translateY(-2px);
    box-shadow:
        0 0 24px rgba(255, 145, 0, 0.78),
        0 0 38px rgba(255, 225, 70, 0.48),
        inset 0 0 14px rgba(255, 255, 255, 0.14);
}

/* ===== BLOCK 25: MERPUT62-versi-kita-v7 ===== */
/* Seluruh bagian memakai satu suasana visual yang sama dengan hero atas */
#MERPUT62-final-page{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background-color:#08030f!important;
  background-image:
    linear-gradient(180deg,rgba(5,1,10,.18) 0%,rgba(8,3,15,.72) 22%,rgba(8,3,15,.88) 58%,rgba(5,1,10,.94) 100%),
    radial-gradient(circle at 12% 22%,rgba(217,38,98,.24),transparent 34%),
    radial-gradient(circle at 88% 62%,rgba(168,85,247,.22),transparent 38%),
    url('https://merput62nich.com/img/nich.webp')!important;
  background-position:center top,center top,center top,center center!important;
  background-size:cover,cover,cover,cover!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
#MERPUT62-final-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(115deg,transparent 0 38%,rgba(168,85,247,.07) 39%,transparent 40% 62%,rgba(217,38,98,.06) 63%,transparent 64%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 72px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 72px);
  opacity:.8;
}
#MERPUT62-final-page::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.06),transparent 18%),
    radial-gradient(circle at 8% 74%,rgba(217,38,98,.14),transparent 22%),
    radial-gradient(circle at 92% 34%,rgba(168,85,247,.14),transparent 24%);
  mix-blend-mode:screen;
}
#MERPUT62-final-page .fx-video-overlay{
  z-index:1!important;
  background:linear-gradient(180deg,rgba(5,1,10,.08),rgba(5,1,10,.36) 30%,rgba(5,1,10,.58) 100%)!important;
}
#MERPUT62-final-page .btt-rain,
#MERPUT62-final-page .btt-fog{z-index:1!important;opacity:.72}
#MERPUT62-final-page .fx-article-wrap{
  position:relative!important;
  z-index:3!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:28px 14px 46px!important;
  background:transparent!important;
}
#MERPUT62-final-page .fx-article{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
#MERPUT62-final-page .btt-wrap{
  max-width:1180px!important;
  padding:0 10px 30px!important;
}

/* Hero tetap kuat, tetapi menyatu dengan background halaman */
#MERPUT62-final-page .btt-hero{
  min-height:330px!important;
  border:1px solid rgba(222,159,255,.5)!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,rgba(2,0,6,.88) 0%,rgba(7,2,14,.72) 46%,rgba(7,2,14,.20) 100%),
    url('https://merput62nich.com/img/nich.webp') center/cover no-repeat!important;
  box-shadow:0 18px 50px rgba(0,0,0,.46),0 0 34px rgba(168,85,247,.24),inset 0 0 60px rgba(217,38,98,.08)!important;
}
#MERPUT62-final-page .btt-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,transparent,#d92662,#a855f7,transparent);
  box-shadow:0 0 18px rgba(168,85,247,.8);
}
#MERPUT62-final-page .btt-kicker{
  background:rgba(10,3,17,.64)!important;
  border-color:rgba(217,38,98,.58)!important;
  box-shadow:inset 0 0 16px rgba(217,38,98,.08),0 0 18px rgba(217,38,98,.12)!important;
}

/* Panel bukan blok polos lagi: kaca gelap transparan dan tetap terbaca */
#MERPUT62-final-page .btt-panel,
#MERPUT62-final-page .btt-article,
#MERPUT62-final-page .btt-faq,
#MERPUT62-final-page .btt-game-card,
#MERPUT62-final-page .btt-stat,
#MERPUT62-final-page .btt-signal,
#MERPUT62-final-page .btt-review,
#MERPUT62-final-page .btt-faq details{
  position:relative!important;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(35,13,52,.74),rgba(9,3,16,.82) 58%,rgba(18,6,29,.76))!important;
  border:1px solid rgba(185,104,255,.48)!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.34),
    0 0 24px rgba(168,85,247,.10),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 24px rgba(168,85,247,.05)!important;
  backdrop-filter:blur(13px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(125%)!important;
}
#MERPUT62-final-page .btt-panel{
  margin-top:20px!important;
  padding:24px!important;
  border-radius:24px!important;
}
#MERPUT62-final-page .btt-panel::before,
#MERPUT62-final-page .btt-article::before,
#MERPUT62-final-page .btt-faq::before{
  content:"";
  position:absolute;
  top:0;
  left:8%;
  right:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,200,255,.82),rgba(217,38,98,.75),transparent);
  box-shadow:0 0 14px rgba(168,85,247,.7);
}
#MERPUT62-final-page .btt-panel::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  right:-105px;
  bottom:-125px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(217,38,98,.14),transparent 68%);
  pointer-events:none;
}
#MERPUT62-final-page .btt-section-title{
  position:relative;
  z-index:2;
  margin-bottom:8px!important;
  color:#e8c9ff!important;
  font-size:clamp(20px,2.4vw,31px)!important;
  letter-spacing:1.25px!important;
  text-shadow:0 0 10px rgba(168,85,247,.66),0 0 24px rgba(217,38,98,.22)!important;
}
#MERPUT62-final-page .btt-section-sub{
  position:relative;
  z-index:2;
  max-width:820px;
  margin:0 auto 20px!important;
  color:#d4c1e6!important;
  line-height:1.65;
}

/* Tiga langkah dibuat lebih khas versi kita */
#MERPUT62-final-page .btt-smart-grid{counter-reset:mp-step;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#MERPUT62-final-page .btt-game-card{
  counter-increment:mp-step;
  min-height:186px;
  padding:18px 14px 15px!important;
  border-radius:18px!important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
#MERPUT62-final-page .btt-game-card::before{
  content:"0" counter(mp-step);
  position:absolute;
  top:10px;
  left:12px;
  z-index:2;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:-1px;
  color:rgba(237,216,255,.92);
  text-shadow:0 0 12px rgba(168,85,247,.88);
}
#MERPUT62-final-page .btt-game-card::after{
  content:"";
  position:absolute;
  inset:auto -25px -42px auto;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(168,85,247,.18),transparent 68%);
}
#MERPUT62-final-page .btt-game-card:hover{
  transform:translateY(-4px);
  border-color:rgba(232,181,255,.82)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.42),0 0 26px rgba(168,85,247,.20)!important;
}
#MERPUT62-final-page .btt-game-card img{
  width:76px!important;
  height:76px!important;
  margin:12px auto 10px!important;
  border:1px solid rgba(233,188,255,.78)!important;
  border-radius:17px!important;
  box-shadow:0 0 0 4px rgba(168,85,247,.08),0 0 18px rgba(168,85,247,.42)!important;
}
#MERPUT62-final-page .btt-game-card h3{font-size:14px!important;line-height:1.45;margin-bottom:9px!important}
#MERPUT62-final-page .btt-game-card p{margin:7px 0 0!important;color:#d8c4eb!important;font-size:12px!important}
#MERPUT62-final-page .btt-rtp{height:4px!important;background:rgba(255,255,255,.08)!important}

/* Baris icon/radar menjadi bagian dari background, bukan kotak hitam polos */
#MERPUT62-final-page .btt-radar{
  position:relative;
  z-index:2;
  padding:17px 0!important;
  border:1px solid rgba(168,85,247,.30)!important;
  border-radius:18px;
  background:linear-gradient(90deg,rgba(6,2,12,.30),rgba(52,18,76,.28),rgba(6,2,12,.30))!important;
  box-shadow:inset 0 0 30px rgba(168,85,247,.08);
}
#MERPUT62-final-page .btt-radar::before,
#MERPUT62-final-page .btt-radar::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  z-index:3;
  width:72px;
  pointer-events:none;
}
#MERPUT62-final-page .btt-radar::before{left:0;background:linear-gradient(90deg,rgba(8,3,15,.96),transparent)}
#MERPUT62-final-page .btt-radar::after{right:0;background:linear-gradient(270deg,rgba(8,3,15,.96),transparent)}

/* Ringkasan layanan */
#MERPUT62-final-page .btt-stats,
#MERPUT62-final-page .btt-signals{position:relative;z-index:2;gap:12px!important}
#MERPUT62-final-page .btt-stat,
#MERPUT62-final-page .btt-signal{border-radius:16px!important;min-height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center}
#MERPUT62-final-page .btt-stat b{font-size:27px!important;color:#f1d9ff!important;text-shadow:0 0 14px rgba(168,85,247,.72)}
#MERPUT62-final-page .btt-stat span,
#MERPUT62-final-page .btt-signal{color:#d8c4eb!important}
#MERPUT62-final-page .btt-stat small{color:#bfa7d4!important}
#MERPUT62-final-page .btt-signals{margin-top:12px}
#MERPUT62-final-page .btt-signal b{margin-top:4px;color:#e9ceff!important;text-shadow:0 0 12px rgba(217,38,98,.38)}

/* Artikel dan FAQ dibuat menjadi dua panel yang benar-benar seimbang */
#MERPUT62-final-page .btt-content-grid{gap:16px!important;margin-top:20px!important;align-items:stretch}
#MERPUT62-final-page .btt-article,
#MERPUT62-final-page .btt-faq{padding:24px!important;border-radius:22px!important}
#MERPUT62-final-page .btt-article h1{
  margin:0 0 14px!important;
  font-size:clamp(24px,3vw,34px)!important;
  line-height:1.25!important;
  color:#e9cfff!important;
  text-shadow:0 0 15px rgba(168,85,247,.48)!important;
}
#MERPUT62-final-page .btt-article h2{
  position:relative;
  margin:22px 0 8px!important;
  padding-left:16px!important;
  border-left:0!important;
  color:#d8adff!important;
  font-size:19px!important;
}
#MERPUT62-final-page .btt-article h2::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:4px;
  border-radius:9px;
  background:linear-gradient(180deg,#d92662,#a855f7);
  box-shadow:0 0 12px rgba(168,85,247,.72);
}
#MERPUT62-final-page .btt-article p,
#MERPUT62-final-page .btt-faq p{color:#eee5f6!important;line-height:1.78!important}
#MERPUT62-final-page .btt-article a{color:#e7c5ff!important;border-bottom:1px dashed rgba(217,38,98,.65)!important}
#MERPUT62-final-page .btt-faq{display:block!important}
#MERPUT62-final-page .btt-faq .btt-section-title{text-align:left!important;font-size:24px!important;line-height:1.35;margin:0 0 15px!important}
#MERPUT62-final-page .btt-faq details{
  margin-top:10px;
  padding:14px 15px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(44,16,64,.60),rgba(8,3,14,.72))!important;
}
#MERPUT62-final-page .btt-faq summary{color:#ead7fa!important;line-height:1.45;padding-left:34px;padding-right:34px!important}
#MERPUT62-final-page .btt-faq summary::before{
  content:"?";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(217,38,98,.68);
  color:#f4dfff;
  background:rgba(217,38,98,.10);
  box-shadow:0 0 12px rgba(217,38,98,.18);
}

/* Ulasan lebih rapi dan punya karakter sendiri */
#MERPUT62-final-page .btt-review-grid{gap:13px!important}
#MERPUT62-final-page .btt-review{
  min-height:190px;
  padding:20px 17px 18px!important;
  border-radius:17px!important;
  text-align:left!important;
  transition:transform .25s ease,border-color .25s ease;
}
#MERPUT62-final-page .btt-review::before{
  content:"“";
  position:absolute;
  right:14px;
  bottom:-12px;
  font-family:Georgia,serif;
  font-size:82px;
  line-height:1;
  color:rgba(168,85,247,.14);
}
#MERPUT62-final-page .btt-review:hover{transform:translateY(-3px);border-color:rgba(232,181,255,.76)!important}
#MERPUT62-final-page .btt-review b{font-size:16px;color:#ebd3ff!important}
#MERPUT62-final-page .btt-stars{margin:5px 0 8px;color:#ff5e94!important;text-shadow:0 0 11px rgba(217,38,98,.48)}
#MERPUT62-final-page .btt-review p{position:relative;z-index:2;margin-bottom:0!important;color:#e8dff0!important;font-size:13px!important}

/* Bagian topik di bawah ikut tema supaya tidak kembali polos */
.btt-trending-tags{
  position:relative;
  max-width:none!important;
  margin:0!important;
  padding:28px max(16px,calc((100vw - 1180px)/2)) 92px!important;
  background:
    linear-gradient(180deg,rgba(5,1,10,.94),rgba(10,3,18,.96)),
    url('https://merput62nich.com/img/nich.webp') center/cover fixed no-repeat!important;
  border-top:1px solid rgba(168,85,247,.28);
}
.btt-trending-tags h2{color:#e1c0ff!important;text-shadow:0 0 14px rgba(168,85,247,.48)!important}
.btt-trending-tags .btt-tag{
  color:#ead9f8!important;
  background:linear-gradient(145deg,rgba(43,15,62,.72),rgba(8,3,14,.78))!important;
  border:1px solid rgba(168,85,247,.42)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 14px rgba(168,85,247,.08)!important;
}

@media (max-width:900px){
  #MERPUT62-final-page .fx-article-wrap{padding:18px 8px 34px!important}
  #MERPUT62-final-page .btt-wrap{padding-inline:4px!important}
  #MERPUT62-final-page .btt-panel{padding:18px!important}
  #MERPUT62-final-page .btt-content-grid{grid-template-columns:1fr!important}
  #MERPUT62-final-page .btt-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:560px){
  #MERPUT62-final-page{background-attachment:scroll!important;background-size:auto 100vh,auto 100vh,auto 100vh,auto 100vh!important;background-repeat:repeat-y!important}
  #MERPUT62-final-page .btt-hero{min-height:300px!important;padding:24px 18px!important;background-position:62% center!important}
  #MERPUT62-final-page .btt-title{font-size:30px!important}
  #MERPUT62-final-page .btt-smart-grid,
  #MERPUT62-final-page .btt-stats,
  #MERPUT62-final-page .btt-signals,
  #MERPUT62-final-page .btt-review-grid{grid-template-columns:1fr!important}
  #MERPUT62-final-page .btt-game-card{min-height:170px}
  #MERPUT62-final-page .btt-review{min-height:0}
  #MERPUT62-final-page .btt-panel,
  #MERPUT62-final-page .btt-article,
  #MERPUT62-final-page .btt-faq{padding:16px!important;border-radius:18px!important}
  .btt-trending-tags{background-attachment:scroll!important;padding-bottom:105px!important}
}
@media (prefers-reduced-motion:reduce){
  #MERPUT62-final-page .btt-rain span,
  #MERPUT62-final-page .btt-fog::before,
  #MERPUT62-final-page .btt-fog::after,
  #MERPUT62-final-page .btt-radar-track{animation:none!important}
}

/* ===== BLOCK 26: inline-style-26 ===== */
#CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty button,
   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty button,
   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty button {display: none;}
   #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;opacity: 0.5;}
   #CartDrawer .ajaxcart__product.nExtra.Shipping.Cost .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n3D2N .ajaxcart__qty input,
   #CartDrawer .ajaxcart__product.n4D3N .ajaxcart__qty input {pointer-events: none;}

/* ===== BLOCK 27: inline-style-27 ===== */
/** Search AutoComplete **/
   .resultsearch .ui-menu-item[data-cat="Collection"],
   .resultsearch .ui-menu-item[data-cat="Collection"] {display: none;}
   .resultsearch .ui-widget.ui-widget-content {
     width: 100%;
     top: 48px;
     border: none;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
   }
   .resultsearch .ui-menu-item {text-align: left;}
   .resultsearch .ui-menu-item>a, .resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 16px;}.resultsearch .ui-menu-item img {vertical-align: middle;}.resultsearch .ui-menu-item a[data-cat="Collection"] img {display: none;}.resultsearch .ui-menu .ui-state-focus, .resultsearch .ui-menu .ui-state-active {margin: 0;}.ui-state-active, .ui-widget-content .ui-state-active {background: #f2f2f2;border: none;color: #ffffff;}.resultsearch .ui-menu-item>a,.resultsearch .ui-menu-item>span {display: inline-block;width: 100%;font-size: 13px;}.resultsearch .ui-menu-item a[data-cat="Produk"] img {margin-right: 10px;}.resultsearch .ui-menu-item a[data-cat="Produk"] .price {float: right;padding: 15px 0;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"]:before {content: "Product Populer";font-size: 13px;padding: 5px;margin: 5px 0;background: #f2f2f2;width: 100%;display: block;color: #ffffff;}.ui-autocomplete-category.ui-menu-item[data-cat="Produk"] span {display: none;}
   .ui-state-active {
     border: none!important;
     background-color: #fafafa!important;
     color: #000!important;
   }
   .ui-menu-item a[data-cat="Collection"] {padding: 5px 12px;}
   .ui-menu .ui-menu-item {line-height: normal;}

/* ===== BLOCK 28: inline-style-28 ===== */
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.fade.in{opacity:1}.modal-open .modal{overflow-x:hidden;overflow-y:auto;z-index:999999;background-color:rgba(0,0,0,.3)}.modal-dialog{position:relative;width:auto;margin:10px}.wishlist-model .modal-dialog{width:700px}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.wishlist-model .modal-content{}.wishlist-model .modal-header{min-height:0;padding:0;border-bottom:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #121212;filter:alpha(opacity=20);opacity:.2}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-header .close{margin-top:-2px}.wishlist-model .close{position:absolute;top:-10px;right:-10px;background:#fff;opacity:1;width:30px;height:30px;font-size:15px;border-radius:50%;z-index:10;box-shadow:0 1px 4px 0 #121212}.wishlist-model .close .icon-close{width:25px;height:25px}.modal-body{position:relative;padding:15px}.wishlist-model .modal-body{padding:0 30px;display:flex}.wishlist-model .wishlist-left{width:66.67%;border-right:1px solid #ccc;padding:30px 0}.wishlist-model .wishlist-note{position:relative;display:inline-block;margin-bottom:20px;margin-left:35px;border-bottom:1px solid #121212;color:#121212}.wishlist-model .wishlist-note a{color: #ffffff;}.wishlist-model .wishlist-note .cirle{position:absolute;top:-4px;left:-35px;width:25px;height:25px;color:#fff;background:#121212;line-height:25px;border-radius:50%;text-align:center}.wishlist-model .wishlist-note svg{fill:#fff}.wishlist-model .wishlist-note .cirle .icon-check{vertical-align:middle}.wishlist-model .product-left{width:33.33%;float:left;margin-right:30px}.wishlist-model .wishlist-image{overflow:hidden}.wishlist-model .wishlist-image img{transition:all .3s linear}.wishlist-model .wishlist-name{padding:0;margin-bottom:10px}.wishlist-model .wishlist-name a{color: #ffffff;}.wishlist-model .wishlist-price{margin-bottom:10px}.wishlist-model .wishlist-price .price{font-weight:700;margin-right:10px;font-size:15px}.wishlist-model .wishlist-price .price_compare{color:#ccc}.wishlist-model .wishlist-right{width:33.33%;padding:30px 0;padding-left:30px}.wishlist-model .btn-quick-shop{width:100%;border-color:#121212;background:#fff;color:#121212;padding:0 30px;transition:all .2s linear;height:36px;margin-bottom:10px;text-transform:uppercase}.wishlist-model .btn-cta{width:100%;font-size:1em;border-color:#ffffff;background:#ffffff;color:#fff;padding:0;transition:all .2s linear;height:36px;line-height:36px;margin-bottom:10px}.wishlist-model .quantity-content{text-align:center}.wishlist-model .quantity-content input{outline:none;text-align:center;font-weight:600;border:1px solid #121212}.wishlist-model .quantity-content button{border-color:#121212}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}}

/* ===== BLOCK 29: inline-style-29 ===== */
.stamped-badge[data-rating="0.0"]{display: none !Important;}
        
         div[data-load-type="continue"] ul.stamped-pagination li.next a, div[data-widget-load-type="continue"] ul.stamped-pagination li.next a {
           border-radius: 0px;
       }
           .stamped-review-body {
           padding-left: 0px !important;
       }
           #product-reviews .stamped-header:after {
             display:none !Important;
           }
       #stamped-main-widget .stamped-container, .stamped-badge-caption,#stamped-reviews-widget {
           font-family:inherit !important;
       }

/* ===== BLOCK 30: inline-style-30 ===== */
.jss59 {
     background-color: rgba(0, 0, 0, 0.6);
   }
   .MuiBackdrop-root {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: flex;
     z-index: -1;
     position: fixed;
     align-items: center;
     justify-content: center;
     background-color: rgba(0, 0, 0, 0.5);
     -webkit-tap-highlight-color: transparent;
   }
   .MuiDialog-scrollPaper {
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .MuiDialog-container {
     height: 100%;
     outline: 0;
   }
   .MuiPaper-elevation24 {
     box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2), 0px 24px 38px 3px rgba(0,0,0,0.14), 0px 9px 46px 8px rgba(0,0,0,0.12);
   }
   .MuiDialog-paper {
     margin: 32px;
     position: relative;
     overflow-y: auto;
   }
   .MuiDialog-paperScrollPaper {
     display: flex;
     max-height: calc(100% - 64px);
     flex-direction: column;
   }
   .MuiDialog-paperWidthSm {
     max-width: 600px;
   }
   #location-lock-dialog {
     top: 20%;
     left: 0;
     right: 0;
     width: 30%;
     margin: 0px auto;
     display: block;
     padding: 30px;
     z-index: 99999;
     position: fixed;
     font-size: 14px;
     background: rgb(0, 0, 0);
     box-shadow: rgba(11, 11, 12, 0.2) 2px 4px 5px 0px;
     text-align: center;
     font-family: Roboto, Arial, sans-serif;
     line-height: 1;
     border-radius: 8px;
     -webkit-font-smoothing: subpixel-antialiased;
   }
   .MuiButtonBase-root {
     color: inherit;
     border: 0;
     cursor: pointer;
     margin: 0;
     display: inline-flex;
     outline: 0;
     padding: 0;
     position: relative;
     align-items: center;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
     -moz-appearance: none;
     justify-content: center;
     text-decoration: none;
     background-color: transparent;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: transparent;
   }
   .MuiIconButton-root {
     flex: 0 0 auto;
     color: rgba(0, 0, 0, 0.54);
     padding: 12px;
     overflow: visible;
     font-size: 1.5rem;
     text-align: center;
     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     border-radius: 50%;
   }
   .MuiIconButton-label {
     width: 100%;
     display: flex;
     align-items: inherit;
     justify-content: inherit;
   }
   .MuiSvgIcon-root {
     fill: currentColor;
     width: 1em;
     height: 1em;
     display: inline-block;
     font-size: 1.5rem;
     transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     flex-shrink: 0;
     user-select: none;
   }
   .MuiTouchRipple-root {
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 0;
     overflow: hidden;
     position: absolute;
     border-radius: inherit;
     pointer-events: none;
   }
   .jss36 {
     color: #222222;
     font-size: 24px;
     font-family: Roboto, Arial, sans-serif;
     font-weight: 500;
   }
   .jss37 {
     color: #555555;
     padding: 10px 0px 0px;
     font-size: 14px;
   }
   .MuiFormGroup-root {
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
   }
   .MuiFormGroup-row {
     flex-direction: row;
   }
   .jss63 {
     width: 85%;
     margin: 15px auto;
     display: flex;
     padding: 11px 0px 0px;
     justify-content: space-evenly;
   }
   .MuiFormControlLabel-root {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     margin-left: -11px;
     margin-right: 16px;
     vertical-align: middle;
     -webkit-tap-highlight-color: transparent;
   }
   .jss70 {
     margin: 0;
   }
   .MuiButtonBase-root {
     color: inherit;
     border: 0;
     cursor: pointer;
     margin: 0;
     display: inline-flex;
     outline: 0;
     padding: 0;
     position: relative;
     align-items: center;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
     -moz-appearance: none;
     justify-content: center;
     text-decoration: none;
     background-color: transparent;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: transparent;
   }
   .MuiIconButton-root {
     flex: 0 0 auto;
     color: rgba(0, 0, 0, 0.54);
     padding: 12px;
     overflow: visible;
     font-size: 1.5rem;
     text-align: center;
     transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     border-radius: 50%;
   }
   .MuiIconButton-colorSecondary {
     color: #f50057;
   }
   .jss71 {
     padding: 9px;
   }
   .MuiRadio-root {
     color: rgba(0, 0, 0, 0.54);
   }
   .jss64 {
     padding: 2px;
   }
   .MuiRadio-colorSecondary.Mui-checked {
     color: #f50057;
   }
   .MuiIconButton-label {
     width: 100%;
     display: flex;
     align-items: inherit;
     justify-content: inherit;
   }
   .MuiTypography-root {
     margin: 0;
   }
   .MuiTypography-body1 {
     font-size: 18px;
     font-family: Roboto,sans-serif;
     font-weight: 400;
     line-height: 1.5;
   }
   .location-popup_area-block__sp9Ws {
     display: -moz-box;
     display: flex;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
     flex-direction: column;
     -moz-box-pack: center;
     justify-content: center;
     position: relative;
     margin: 10px 10% 0;
   }
   .location-popup_pin-search-box__3l5mJ {
     width: 100%;
     display: -moz-box;
     display: flex;
     -moz-box-align: center;
     align-items: center;
   }
   .location-popup_place-icon-city__1XAX5, .location-popup_place-icon__jSG0Q {
     position: absolute;
     z-index: 999;
   }
   .location-popup_place-icon__jSG0Q {
     color: #ffffff;
     padding-left: 8px;
   }
   .location-popup_place-icon__jSG0Q svg {
     width: 18px;
     height: 18px;
   }
   .location-popup_cancel-icon__FHujU {
     color: #fff;
     right: 10px;
     width: 16px;
     cursor: pointer;
     height: 16px;
     display: none;
     padding: 5px;
     position: absolute;
     background: #999;
     text-align: center;
     border-radius: 50%;
   }
   .location-popup_pin-search-box__3l5mJ>div>select {
 /*     -webkit-box-shadow: 0 0 10px #ffffff;
     box-shadow: 0 0 10px #ffffff; */
     text-transform: capitalize;
     border: 1px solid #ffffff;
     color: #ffffff;
     width: 100%;
     margin: 0;
     display: -moz-box;
     display: flex;
     padding: 0 30px;
     -webkit-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
     -moz-animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
     animation: location-popup_focuses__1I8Gj 1.5s ease-in-out infinite;
     font-size: 16px;
     border-radius: 4px;
     height: 44px;
     moz-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
     webkit-animation: location-popup_focuses__1I8Gj ease-in-out 1.5s infinite;
   }
   .MuiButtonBase-root {
     color: inherit;
     border: 0;
     cursor: pointer;
     margin: 0;
     display: inline-flex;
     outline: 0;
     padding: 0;
     position: relative;
     align-items: center;
     user-select: none;
     border-radius: 0;
     vertical-align: middle;
     -moz-appearance: none;
     justify-content: center;
     text-decoration: none;
     background-color: transparent;
     -webkit-appearance: none;
     -webkit-tap-highlight-color: transparent;
   }
   .MuiButton-root {
     color: rgba(0, 0, 0, 0.87);
     padding: 6px 16px;
     font-size: 0.875rem;
     min-width: 64px;
     box-sizing: border-box;
     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     font-family: Roboto,sans-serif;
     font-weight: 500;
     line-height: 1.75;
     border-radius: 4px;
     text-transform: uppercase;
   }
   .MuiButton-contained {
     color: rgba(0, 0, 0, 0.87);
     box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
     background-color: #e0e0e0;
   }
   .MuiButtonBase-root.Mui-disabled {
     cursor: default;
     pointer-events: none;
   }
   .MuiButton-label {
     width: 100%;
     display: inherit;
     align-items: inherit;
     justify-content: inherit;
   }
   .cartButton_login_content__2j1f7 {
     display: -moz-box;
     display: flex;
     text-align: center;
     z-index: 9;
     font-size: 18px;
     font-weight: 500;
     color: #fff;
   }
   
   .jss35 {
     top: 5px;
     right: 5px;
     padding: 4px;
     position: absolute;
     border-radius: 50%;
   }
   .jss67 {
     cursor: pointer;
     font-size: 15px;
     line-height: 1.3;
     padding-left: 5px;
   }
   .jss69 {
     color: #222222;
   }
   .jss80 {
     color: #fff;
     width: 100%;
     height: 52px;
     padding: 11px 16px;
     font-size: 18px;
     min-width: 88px;
     min-height: 36px;
     transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
     font-weight: 500;
     line-weight: 1em;
     border-radius: 4px;
     text-transform: uppercase;
     background-color: #E87325;
   }
   @media (min-width: 991px){
     .cartButton_login_content__2j1f7 {
         font-weight: 500;
     }
   }
 
   @media (max-width: 992px) {
     #location-lock-dialog {
       width: 100%;
       top: auto;
       bottom: 0;
       padding-left: 0;
       padding-right: 0;
     }
     .MuiFormGroup-row {
       display: block
     }
     .MuiIconButton-label input {
       margin: 0;
     }
   }

/* ===== BLOCK 31: inline-style-31 ===== */
.daftarku-fixed-footer {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        height: 70px;
        background:
            radial-gradient(circle at top, rgba(255, 241, 118, 0.35), transparent 45%),
            linear-gradient(135deg, #dbcd00, #ffd904, #ff700);
        border: 1.5px solid rgba(255, 235, 59, 0.75);
        border-radius: 20px;
        backdrop-filter: blur(10px);
        box-shadow:
            0 0 25px rgba(255, 152, 0, 0.45),
            inset 0 0 15px rgba(255, 253, 231, 0.18);
        display: flex;
        justify-content: space-around;
        align-items: center;
        overflow: hidden;
        z-index: 9999;
        animation: floatUp 0.8s ease-out;
    }

    .daftarku-fixed-footer::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 20px;
        padding: 2px;
        background: linear-gradient(
            120deg,
            #ff700,
            #ddd6fe,
            #6d28d9,
            #f5f3ff,
            #d92662,
            #ff8c00,
            #210916,
            #ff700
        );
        background-size: 400%;
        -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        animation: ledRotate 6s linear infinite;
    }

    @keyframes ledRotate {
        0% { background-position: 0% 50%; }
        100% { background-position: 400% 50%; }
    }

    .daftarku-fixed-footer::after {
        content: "";
        position: absolute;
        top: -50%;
        left: 0;
        width: 100%;
        height: 200%;
        background: radial-gradient(circle at 50% 0%, rgba(247, 222, 4, 0.28), transparent 70%);
        animation: shinePass 5s ease-in-out infinite;
    }

    @keyframes shinePass {
        0%, 100% { opacity: 0.3; }
        50% { opacity: 0.7; }
    }

    .daftarku-fixed-footer a {
        flex: 1;
        text-align: center;
        color: #f5f3ff;
        font-weight: 700;
        text-decoration: none;
        font-size: 13px;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: 0.3s ease;
        z-index: 2;
        text-shadow:
            0 1px 2px rgba(0, 0, 0, 0.85),
            0 0 8px rgba(255, 217, 0, 0.65);
    }

    .daftarku-fixed-footer a img {
        width: 30px;
        height: 30px;
        margin-bottom: 4px;
        filter:
            drop-shadow(0 0 8px #ff700)
            drop-shadow(0 0 12px rgba(255, 241, 118, 0.55));
        transition: 0.3s ease;
        animation: floatBtn 3s ease-in-out infinite;
    }

    @keyframes floatBtn {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-4px); }
    }

    .daftarku-fixed-footer a:hover {
        color: #ddd6fe;
        transform: scale(1.15);
        text-shadow:
            0 0 12px #f5f3ff,
            0 0 25px #ff700;
    }

    .daftarku-fixed-footer a:hover img {
        transform: scale(1.25) rotate(10deg);
        filter:
            drop-shadow(0 0 15px #ff700)
            drop-shadow(0 0 20px rgba(255, 241, 118, 0.75));
    }

    .daftarku-fixed-footer a.tada {
        background:
            radial-gradient(circle, #ddd6fe 0%, #d92662 42%, #6d28d9 80%);
        padding: 6px 12px;
        border-radius: 12px;
        box-shadow:
            0 0 20px #ff700,
            inset 0 0 10px #ddd6fe;
        color: #210916;
        position: relative;
        overflow: hidden;
        animation: pulseEnergy 2s infinite ease-in-out;
    }

    .daftarku-fixed-footer a.tada::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: conic-gradient(
            from 0deg,
            rgba(255, 241, 118, 0.70),
            transparent 60%
        );
        animation: spinEnergy 2s linear infinite;
    }

    @keyframes pulseEnergy {
        0%, 100% {
            box-shadow:
                0 0 20px #ff700,
                inset 0 0 10px rgba(255, 241, 118, 0.45);
        }
        50% {
            box-shadow:
                0 0 40px #6d28d9,
                0 0 55px rgba(255, 152, 0, 0.55);
        }
    }

    @keyframes spinEnergy {
        to { transform: rotate(360deg); }
    }

    @keyframes floatUp {
        0% {
            opacity: 0;
            transform: translate(-50%, 50px);
        }

        100% {
            opacity: 1;
            transform: translate(-50%, 0);
        }
    }

/* ===== BLOCK 32: MERPUT62-red-white-dark-final ===== */
:root{
  --btt-bg:#090b10;
  --btt-card:#12151b;
  --btt-card2:#1a1e26;
  --btt-gold:#f7f7f8;
  --btt-gold2:#e11d2e;
  --btt-text:#f5f5f5;
  --btt-muted:#c9cbd1;
  --btt-line:rgba(225,29,46,.46);
}
html,body{background:#090b10!important;color:#f5f5f5!important}
body::before{background:linear-gradient(180deg,rgba(8,9,12,.35),rgba(8,9,12,.82))!important}
.mp-header{background:linear-gradient(rgba(7,8,11,.72),rgba(7,8,11,.92)),url('https://merput62nich.com/img/nich.webp') center/cover no-repeat!important;border-bottom-color:rgba(225,29,46,.48)!important;box-shadow:0 2px 24px rgba(225,29,46,.18)!important}
.mp-navbar{background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 46%),linear-gradient(to bottom,#a30f1f 0%,#111318 36%,#090b10 70%,#a30f1f 100%)!important;border-color:rgba(255,255,255,.32)!important;box-shadow:0 0 18px rgba(225,29,46,.32),inset 0 -1px 12px rgba(255,255,255,.08)!important}
.mp-nav-list a{color:#fff!important}.mp-nav-list a:hover{color:#ff6b75!important}
.product-single{background-color:#090b10!important}
.product-single::before{background:rgba(7,8,11,.72)!important}
#product-top .product-sticky{background:linear-gradient(145deg,rgba(20,22,28,.94),rgba(7,8,11,.92))!important;border-color:rgba(225,29,46,.48)!important;box-shadow:0 22px 65px rgba(0,0,0,.48),0 0 30px rgba(225,29,46,.14)!important}
#mp-gallery-v4 .mp-main-v4{background:linear-gradient(180deg,#1a1d23,#090b10)!important;border-color:rgba(255,255,255,.18)!important}
#mp-gallery-v4 .mp-thumb-v4{background:#111318!important}
#mp-gallery-v4 .mp-thumb-v4.active,#mp-gallery-v4 .mp-thumb-v4:hover{border-color:#e11d2e!important;box-shadow:0 0 13px rgba(225,29,46,.58)!important}
.mp-clean-meta-card{background:radial-gradient(circle at 100% 0,rgba(225,29,46,.20),transparent 35%),radial-gradient(circle at 0 100%,rgba(255,255,255,.08),transparent 38%),linear-gradient(180deg,rgba(26,29,36,.98),rgba(8,9,13,.99))!important;border-color:rgba(225,29,46,.42)!important;color:#fff!important}
.mp-clean-badge{border-color:rgba(225,29,46,.58)!important;background:rgba(225,29,46,.12)!important;color:#ff9aa3!important}.mp-clean-badge:before{background:#ef3347!important;box-shadow:0 0 12px #ef3347!important}
.mp-clean-meta-card h1,.mp-clean-meta-card h2{color:#fff!important;text-shadow:0 0 16px rgba(225,29,46,.32)!important}
.btt-btn-login{background:linear-gradient(180deg,#20232b,#090b10)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 0 20px rgba(255,255,255,.08)!important}
.btt-btn-daftar{background:linear-gradient(180deg,#f2384c,#e11d2e 48%,#7f101d)!important;color:#fff!important;border-color:rgba(255,255,255,.40)!important;box-shadow:0 0 22px rgba(225,29,46,.42)!important}
#MERPUT62-final-page{background:linear-gradient(180deg,rgba(8,9,13,.78),rgba(8,9,13,.95)),radial-gradient(circle at 14% 22%,rgba(225,29,46,.20),transparent 34%),radial-gradient(circle at 88% 62%,rgba(255,255,255,.07),transparent 38%),url('https://merput62nich.com/img/nich.webp') center/cover no-repeat fixed!important}
#MERPUT62-final-page::before{background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.035) 39%,transparent 40% 62%,rgba(225,29,46,.055) 63%,transparent 64%),repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 72px)!important}
#MERPUT62-final-page::after{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.055),transparent 18%),radial-gradient(circle at 8% 74%,rgba(225,29,46,.16),transparent 22%),radial-gradient(circle at 92% 34%,rgba(255,255,255,.055),transparent 24%)!important}
#MERPUT62-final-page .fx-video-overlay{background:linear-gradient(180deg,rgba(6,7,10,.10),rgba(6,7,10,.42) 30%,rgba(6,7,10,.68) 100%)!important}
#MERPUT62-final-page .btt-fog:before,#MERPUT62-final-page .btt-fog:after{background:radial-gradient(ellipse at center,rgba(225,29,46,.13),transparent 65%)!important}
#MERPUT62-final-page .btt-rain span{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.48),transparent)!important}
#MERPUT62-final-page .btt-hero{border-color:rgba(225,29,46,.58)!important;background:linear-gradient(90deg,rgba(5,6,9,.92) 0%,rgba(14,15,20,.74) 48%,rgba(14,15,20,.20) 100%),url('https://merput62nich.com/img/nich.webp') center/cover no-repeat!important;box-shadow:0 18px 50px rgba(0,0,0,.50),0 0 34px rgba(225,29,46,.22),inset 0 0 60px rgba(255,255,255,.04)!important}
#MERPUT62-final-page .btt-hero::before{background:linear-gradient(90deg,transparent,#e11d2e,#fff,#e11d2e,transparent)!important;box-shadow:0 0 18px rgba(225,29,46,.72)!important}
#MERPUT62-final-page .btt-hero::after{background:radial-gradient(circle at right,rgba(225,29,46,.20),transparent 40%)!important}
#MERPUT62-final-page .btt-kicker{background:rgba(8,9,13,.72)!important;border-color:rgba(225,29,46,.60)!important;color:#ff7782!important;box-shadow:inset 0 0 16px rgba(225,29,46,.08),0 0 18px rgba(225,29,46,.16)!important}
#MERPUT62-final-page .btt-title{color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.18),0 0 28px rgba(225,29,46,.32)!important}
#MERPUT62-final-page .btt-desc{color:#e6e7ea!important}
#MERPUT62-final-page .btt-panel,#MERPUT62-final-page .btt-article,#MERPUT62-final-page .btt-faq,#MERPUT62-final-page .btt-game-card,#MERPUT62-final-page .btt-stat,#MERPUT62-final-page .btt-signal,#MERPUT62-final-page .btt-review,#MERPUT62-final-page .btt-faq details{background:linear-gradient(145deg,rgba(25,28,35,.88),rgba(8,9,13,.92) 58%,rgba(19,21,27,.88))!important;border-color:rgba(225,29,46,.42)!important;box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 24px rgba(225,29,46,.08),inset 0 1px 0 rgba(255,255,255,.055),inset 0 0 24px rgba(255,255,255,.025)!important}
#MERPUT62-final-page .btt-panel::before,#MERPUT62-final-page .btt-article::before,#MERPUT62-final-page .btt-faq::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),rgba(225,29,46,.74),transparent)!important;box-shadow:0 0 14px rgba(225,29,46,.56)!important}
#MERPUT62-final-page .btt-panel::after{background:radial-gradient(circle,rgba(225,29,46,.15),transparent 68%)!important}
#MERPUT62-final-page .btt-section-title{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.16),0 0 24px rgba(225,29,46,.24)!important}
#MERPUT62-final-page .btt-section-sub{color:#cfd1d6!important}
#MERPUT62-final-page .btt-game-card::before{color:#fff!important;text-shadow:0 0 12px rgba(225,29,46,.88)!important}
#MERPUT62-final-page .btt-game-card::after{background:radial-gradient(circle,rgba(225,29,46,.18),transparent 68%)!important}
#MERPUT62-final-page .btt-game-card:hover{border-color:rgba(255,255,255,.52)!important;box-shadow:0 20px 42px rgba(0,0,0,.44),0 0 26px rgba(225,29,46,.22)!important}
#MERPUT62-final-page .btt-game-card img{border-color:rgba(225,29,46,.82)!important;box-shadow:0 0 0 4px rgba(255,255,255,.045),0 0 18px rgba(225,29,46,.42)!important}
#MERPUT62-final-page .btt-game-card h3{color:#fff!important}#MERPUT62-final-page .btt-game-card p{color:#cfd1d6!important}
#MERPUT62-final-page .btt-rtp i{background:linear-gradient(90deg,#fff,#ff7a85,#e11d2e)!important}
#MERPUT62-final-page .btt-radar{border-color:rgba(225,29,46,.34)!important;background:linear-gradient(90deg,rgba(7,8,11,.34),rgba(96,17,28,.24),rgba(7,8,11,.34))!important;box-shadow:inset 0 0 30px rgba(225,29,46,.08)!important}
#MERPUT62-final-page .btt-radar::before{background:linear-gradient(90deg,rgba(8,9,13,.97),transparent)!important}#MERPUT62-final-page .btt-radar::after{background:linear-gradient(270deg,rgba(8,9,13,.97),transparent)!important}
#MERPUT62-final-page .btt-radar img{border-color:rgba(225,29,46,.82)!important;box-shadow:0 0 16px rgba(225,29,46,.36)!important}
#MERPUT62-final-page .btt-stat b,#MERPUT62-final-page .btt-signal b{color:#fff!important;text-shadow:0 0 14px rgba(225,29,46,.52)!important}
#MERPUT62-final-page .btt-stat span,#MERPUT62-final-page .btt-signal{color:#d7d8dc!important}#MERPUT62-final-page .btt-stat small{color:#aeb1b8!important}
#MERPUT62-final-page .btt-article h1{color:#fff!important;text-shadow:0 0 15px rgba(225,29,46,.34)!important}
#MERPUT62-final-page .btt-article h2{color:#ff7b85!important}#MERPUT62-final-page .btt-article h2::before{background:linear-gradient(180deg,#fff,#e11d2e)!important;box-shadow:0 0 12px rgba(225,29,46,.62)!important}
#MERPUT62-final-page .btt-article p,#MERPUT62-final-page .btt-faq p,#MERPUT62-final-page .btt-review p{color:#e6e7ea!important}
#MERPUT62-final-page .btt-article a{color:#fff!important;border-bottom-color:rgba(225,29,46,.72)!important}
#MERPUT62-final-page .btt-faq details{background:linear-gradient(145deg,rgba(31,34,41,.78),rgba(8,9,13,.86))!important}
#MERPUT62-final-page .btt-faq summary{color:#fff!important}#MERPUT62-final-page .btt-faq summary::before{border-color:rgba(225,29,46,.76)!important;color:#fff!important;background:rgba(225,29,46,.15)!important;box-shadow:0 0 12px rgba(225,29,46,.24)!important}
#MERPUT62-final-page .btt-faq summary::after{border-color:rgba(255,255,255,.22)!important;color:#ff6571!important}
#MERPUT62-final-page .btt-review{border-top-color:rgba(225,29,46,.70)!important}#MERPUT62-final-page .btt-review b{color:#fff!important}#MERPUT62-final-page .btt-stars{color:#ff5966!important;text-shadow:0 0 10px rgba(225,29,46,.34)!important}
.btt-trending-tags{background:linear-gradient(180deg,#0c0e13,#090b10)!important;border-top-color:rgba(225,29,46,.30)!important}.btt-trending-tags h2{color:#fff!important}.btt-tag,.btt-tags a,.btt-tags span{background:rgba(225,29,46,.10)!important;border-color:rgba(225,29,46,.42)!important;color:#fff!important}
.daftarku-fixed-footer{background:linear-gradient(180deg,#b51222,#090b10 54%,#e11d2e)!important;border-color:rgba(255,255,255,.26)!important;box-shadow:0 0 20px rgba(225,29,46,.34)!important}
.daftarku-fixed-footer a,.daftarku-fixed-footer span,.daftarku-fixed-footer div{color:#fff!important}

/* ===== BLOCK 33: MERPUT62-no-purple-hard-override ===== */
:root{
  --btt-gold:#ffffff!important;
  --btt-gold2:#e11d2e!important;
  --btt-line:rgba(225,29,46,.48)!important;
}
.login,
.login-button,
.register,
.register-button,
.button-login-daftar a{
  color:#ffffff!important;
  text-decoration:none!important;
}
.login,
.login-button{
  background:radial-gradient(circle at top,rgba(255,255,255,.10),transparent 42%),linear-gradient(to bottom,#b31224 0%,#0d0f14 48%,#090b10 72%,#b31224 100%)!important;
  border:2px solid rgba(255,255,255,.28)!important;
  box-shadow:0 0 16px rgba(225,29,46,.38),0 0 26px rgba(255,255,255,.10),inset 0 0 12px rgba(255,255,255,.06)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(225,29,46,.38)!important;
}
.register,
.register-button{
  background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 42%),linear-gradient(to bottom,#d61d32 0%,#12151b 48%,#090b10 72%,#d61d32 100%)!important;
  border:2px solid rgba(255,255,255,.38)!important;
  color:#ffffff!important;
  box-shadow:0 0 18px rgba(225,29,46,.42),0 0 30px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(255,255,255,.15)!important;
}
.button-login-daftar .login::before,
.button-login-daftar .register::before,
.login-button::before,
.register-button::before{
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.30),transparent)!important;
}
.btt-trending-tags,
.btt-trending-tags *{
  color:#ffffff!important;
}
.btt-trending-tags h2{
  color:#ffffff!important;
  text-shadow:0 0 12px rgba(225,29,46,.26)!important;
}
.btt-trending-tags a,
.btt-trending-tags a:link,
.btt-trending-tags a:visited,
.btt-trending-tags a:hover,
.btt-trending-tags a:active,
.btt-trending-tags .badge,
.btt-tag,
.btt-tags a,
.btt-tags span{
  color:#ffffff!important;
  text-decoration:none!important;
  background:rgba(225,29,46,.12)!important;
  border:1px solid rgba(225,29,46,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 12px rgba(225,29,46,.10)!important;
}
.btt-trending-tags a:hover,
.btt-tag:hover,
.btt-tags a:hover{
  background:rgba(225,29,46,.18)!important;
  border-color:rgba(255,255,255,.34)!important;
}
.btt-article a,
.btt-article a:visited,
#MERPUT62-final-page .btt-article a,
#MERPUT62-final-page .btt-article a:visited{
  color:#ffffff!important;
  border-bottom-color:rgba(225,29,46,.70)!important;
}
.mp-nav-list a,
.mp-nav-list a:visited,
.mp-nav-list a:hover,
.mp-nav-list a:active{
  color:#ffffff!important;
}
#MERPUT62-final-page .btt-section-title,
#MERPUT62-final-page .btt-article h1,
#MERPUT62-final-page .btt-article h2,
#MERPUT62-final-page .btt-faq summary,
#MERPUT62-final-page .btt-review b,
#MERPUT62-final-page .btt-stat b,
#MERPUT62-final-page .btt-signal b,
#MERPUT62-final-page .btt-game-card h3,
#MERPUT62-final-page .btt-tags a,
#MERPUT62-final-page .btt-tags span{
  color:#ffffff!important;
}
/* hard-kill leftover purple text/glow on common inline elements */
[style*="#a855f7"], [style*="#7c3aed"], [style*="#c4b5fd"], [style*="#b794f4"], [style*="#ede9fe"] {
  color:#ffffff!important;
}