.nv00-gnb-v4__l0-menu-text,
  .nv00-gnb-v4__l1-menu-text,
  .nv00-gnb-v4__l1-featured-link,
  .nv00-gnb-v4__l1-featured-title {
    font-size: 14.5px;
    line-height: 1.4;
  }

  /* Biar di HP tetap kebaca, naikin dikit */
  @media (max-width: 768px) {
    .nv00-gnb-v4__l0-menu-text,
    .nv00-gnb-v4__l1-menu-text,
    .nv00-gnb-v4__l1-featured-link,
    .nv00-gnb-v4__l1-featured-title {
      font-size: 13px;
    }
  }
:root{
/* ⚜️ PALET EMAS 3D PREMIUM */
--gold-lightest: #c914d9;     /* kilau puncak emas (pantulan terang) */
--gold-bright:   #c914d9;     /* warna utama emas cerah */
--gold-rich:     #c914d9;     /* emas solid utama */
--gold-deep:     #c914d9;     /* emas dalam, efek bayangan */
--gold-dark:     #c914d9;     /* tepi gelap untuk kontras */
--gold-shadow:   #c914d9;     /* pantulan bawah / refleksi */
--gold-glow:     #c914d9;     /* efek kilau neon lembut */
 
/* ✨ Warna tambahan refleksi & kontras */
--amber-warm:    #c914d9;     /* cahaya hangat di highlight */
--amber-soft:    #c914d9;     /* gradasi atas halus */
--bronze-deep:   #c914d9;     /* kedalaman gradasi bawah */
--platinum-white:#c914d9;     /* kilau putih netral */
--obsidian-dark: #0d0a04;     /* latar belakang kontras kuat */
--black:         #000;
--white:         #fff;
 
/* 🪙 Warna koin & efek cahaya */
--coin-glow-outer: rgba(250, 204, 0, 0.55);
--coin-glow-inner: rgba(255, 255, 255,.95);
--coin-reflect:    rgba(250, 204, 0, 0.8);
 
/* 🌈 Efek cahaya tambahan untuk UI */
--highlight-gold: linear-gradient(90deg,
var(--gold-lightest),
var(--gold-bright),
var(--gold-rich),
var(--gold-deep)
);
 
--shadow-gold: linear-gradient(180deg,
var(--gold-dark),
var(--bronze-deep)
);
 
--neon-gold: radial-gradient(circle at 50% 50%,
var(--gold-glow) 0%,
transparent 70%
);
 
/* ⚙️ Parameter umum UI */
--radius: 18px;
--pad: 18px;
--cta-h: 54px;
--shine-speed: 4.8s;
--coin-min: 6s;
--coin-max: 10s;
 
/* 🌟 Efek ambience untuk background */
--ambient-top:   radial-gradient(circle at 30% 10%, rgba(255,235,120,.15), transparent 60%);
--ambient-bottom:radial-gradient(circle at 70% 90%, rgba(255,180,60,.12), transparent 70%);
 
 
/* ⚙️ Parameter */
--cta-h: 54px;
--radius: 18px;
--pad: 18px;
--shine-speed: 4.8s;
--coin-min: 6s;
--coin-max: 10s;
}
 
/* ===== FRAME UTAMA ===== */
.royal-actions.v2 .cta-royal{
position:relative; isolation:isolate; overflow:hidden;
padding: calc(var(--pad) + 3px);
border-radius: var(--radius);
background:
radial-gradient(140% 120% at 20% -10%, rgba(255,255,255,.12), transparent 55%) ,
linear-gradient(180deg, var(--gold-3) 0%, var(--gold-2) 55%, var(--gold-1) 100%);
box-shadow:
0 0 0 2px rgba(255,215,0,.25) inset,
0 20px 38px rgba(255,205,0,.25),
0 0 48px rgba(255,255,180,.25);
backdrop-filter: saturate(1.15);
}
 
/* Bingkai emas berputar */
.royal-actions.v2 .gilded-frame{
position:absolute; inset:0; border-radius: var(--radius);
}
.royal-actions.v2 .gilded-frame::before{
content:""; position:absolute; inset:-2px; border-radius:inherit;
background:
conic-gradient(from 0deg,
#c914d9, #c914d9, #c914d9, #c914d9, #c914d9, #c914d9,
#c914d9, #c914d9, #c914d9, #c914d9);
animation: spin var(--shine-speed) linear infinite;
-webkit-mask:
radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
mask:
radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
pointer-events:none; opacity:.88;
}
@keyframes spin{ to{ transform: rotate(360deg);} }
 
/* ===== TOMBOL ===== */
.cta-buttons{
position:relative; display:flex; gap:16px; justify-content:center; z-index:2;
}
.btn-cta{
position:relative; overflow:hidden;
display:inline-flex; align-items:center; justify-content:center;
height: var(--cta-h); min-width: 170px; padding: 0 20px;
border-radius: 14px; text-decoration:none; font-weight: 900;
letter-spacing:.6px; text-transform: uppercase; line-height:1; cursor:pointer;
border:1.5px solid rgba(255,255,255,.25);
box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 10px 20px rgba(0,0,0,.25);
transition: transform .15s ease, filter .25s ease, box-shadow .25s ease;
}
.btn-cta:hover{ transform: translateY(-3px); filter: brightness(1.05) saturate(1.05); }
.btn-cta:active{ transform: translateY(0); }
 
/* LOGIN */
.btn-login{
color:#fff;
background:linear-gradient(180deg,#9b10ce 0%,#9b10ce 90%);
text-shadow:0 1px 0 rgba(0,0,0,.35);
}
 
/* REGISTER */
.btn-register{
color:#ffffff;
background:linear-gradient(180deg,#9b10ce 0%,#9b10ce 60%,#9b10ce 100%);
text-shadow:0 1px 0 rgba(255,255,255,.6);
box-shadow:0 0 0 1px rgba(255,230,150,.5) inset,0 10px 20px rgba(255,230,100,.4);
}
 
/* Efek shine di tombol */
.btn-cta::after{
content:""; position:absolute; inset:-2px; pointer-events:none;
background: linear-gradient(75deg, transparent 40%, rgba(255,255,255,.25) 50%, transparent 60%);
transform: translateX(-130%) skewX(-12deg);
transition: transform .45s ease;
}
.btn-cta:hover::after{ transform: translateX(140%) skewX(-12deg); }
 
/* Ripple */
.btn-cta::before{
content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
background: radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.3), transparent 45%);
opacity:0; transition: opacity .25s ease;
}
.btn-cta:active::before{ opacity:.8; }
 
.petals{
position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden;
}
 
.petals span{
position:absolute;
top:-50px; width:42px; height:42px;
background-image: var(--coin-url);
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
filter: drop-shadow(0 3px 5px rgba(0,0,0,.4));
animation:
coinFall linear infinite,
coinSway ease-in-out infinite,
coinShine 2.5s ease-in-out infinite;
}
 
/* ===== Bayangan pantulan bawah ===== */
.coin-shadow{
position:absolute; bottom:8px; left:0; right:0;
height:50px; z-index:0;
background: radial-gradient(ellipse at center, rgba(255,215,0,.25) 0%, transparent 70%);
filter: blur(12px);
opacity:.6;
}
 
@keyframes coinFall{
0%   { transform: translateY(-50px) rotateX(0deg) rotateZ(0deg); opacity:0; }
10%  { opacity:1; }
80%  { transform: translateY(300px) rotateX(300deg) rotateZ(720deg); opacity:1; }
100% { transform: translateY(330px) rotateX(360deg) rotateZ(1080deg); opacity:0; }
}
@keyframes coinSway{
0%,100% { margin-left:-12px; }
50%     { margin-left:12px; }
}
@keyframes coinShine{
0%,100% { filter: brightness(1) drop-shadow(0 3px 5px rgba(0,0,0,.4)); }
50%     { filter: brightness(1.4) saturate(1.2) drop-shadow(0 5px 10px rgba(255,215,0,.6)); }
}
 
/* Variasi posisi & delay alami */
.petals span:nth-child(1){ left:5%;  animation-duration: var(--coin-min); animation-delay:.2s; }
.petals span:nth-child(2){ left:13%; animation-duration: calc(var(--coin-min) + .8s); animation-delay:.7s; }
.petals span:nth-child(3){ left:21%; animation-duration: calc(var(--coin-min) + 1.4s); animation-delay:1.1s; }
.petals span:nth-child(4){ left:29%; animation-duration: calc(var(--coin-min) + 1.8s); animation-delay:.5s; }
.petals span:nth-child(5){ left:37%; animation-duration: calc(var(--coin-min) + 2.2s); animation-delay:1.5s; }
.petals span:nth-child(6){ left:45%; animation-duration: calc(var(--coin-max) - 1.9s); animation-delay:.9s; }
.petals span:nth-child(7){ left:53%; animation-duration: calc(var(--coin-max) - 1.4s); animation-delay:1.3s; }
.petals span:nth-child(8){ left:61%; animation-duration: calc(var(--coin-max) - .9s); animation-delay:1.8s; }
.petals span:nth-child(9){ left:69%; animation-duration: calc(var(--coin-max)); animation-delay:1.2s; }
.petals span:nth-child(10){left:77%; animation-duration: calc(var(--coin-max) - .6s); animation-delay:1.6s; }
.petals span:nth-child(11){left:85%; animation-duration: calc(var(--coin-max) - 1.2s); animation-delay:1.0s; }
.petals span:nth-child(12){left:93%; animation-duration: calc(var(--coin-max) - .4s); animation-delay:1.4s; }
 
/* Responsif */
@media (max-width:600px){
.btn-cta{ min-width: 48%; height: 46px; font-size:.95rem; }
.royal-actions.v2 .cta-royal{ padding: 12px; border-radius: 14px; }
.petals span{ width:32px; height:32px; }
}
 .pdd28-reasons-to-buy__content.lrx-reviews{
          padding: 8px 38px 16px; /* tambahin padding-bottom biar aman */
          background:
          radial-gradient(1200px 200px at 50% -80px, rgba(212,175,55,.10), transparent 60%) #fff;
          border-radius: 16px;
          overflow: visible; /* buka kalau parent punya overflow hidden */
      }
      .lrx-section-title{
          margin: 0 0 14px 30px;
          font-size: 24px;
          line-height: 1.25;
          letter-spacing: .2px;
          color: #0f172a;
          display: flex; align-items: center; gap: 10px;
      }
      .lrx-section-title::before{
          content:"";
          width: 6px; height: 22px; border-radius: 8px;
          background: linear-gradient(180deg, #0050c9, #f3dea0);
          flex: 0 0 auto;
      }

      /* ====== CARD BASE ====== */
      .lrx-card{
          position: relative;
          display: flex; flex-direction: column;
          height: auto; /* auto (bukan 100%) supaya fleksibel */
          padding: 16px;
          border-radius: 16px;
          background:
          linear-gradient(#fff, #fff) padding-box,
          linear-gradient(135deg, rgba(212,175,55,.8), rgba(243,222,160,.9)) border-box;
          border: 1px solid transparent;
          box-shadow: 0 6px 24px rgba(2,6,23,.06);
      }

      /* ====== CARD HEADER ====== */
      .lrx-header{
          display: grid;
          grid-template-columns: auto 1fr auto;
          grid-template-areas: "avatar meta rating";
          align-items: center;
          gap: 12px;
          margin-bottom: 8px;
      }
      .lrx-avatar{
          grid-area: avatar;
          width: 40px; height: 40px; border-radius: 50%;
          display: grid; place-items: center; font-weight: 800;
          background: radial-gradient(circle at 30% 25%, #f6e6a6, #0050c9 70%);
          color: #111; border: 1px solid rgba(17,24,39,.1);
      }
      .lrx-meta{ grid-area: meta; min-width: 0; }
      .lrx-name{
          margin: 0; font-weight: 800; color: #111827; font-size: 15px;
          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
      }
      .lrx-chip{
          display: inline-flex; align-items: center; gap: 6px;
          margin-top: 2px; padding: 4px 8px;
          font-size: 12px; color: #374151;
          background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 999px;
      }
      .lrx-chip::before{
          content:""; width: 6px; height: 6px; border-radius: 999px; background:#22c55e;
      }

      /* ====== RATING STARS ====== */
      .lrx-rating{ grid-area: rating; display: inline-flex; align-items:center; gap: 2px; }
      .lrx-star{ width: 16px; height: 16px; display: block; }
      .lrx-star--full path{ fill: #f59e0b; }
      .lrx-star--half path{ fill: url(#lrx-half); }
      .lrx-star--empty path{ fill: #e5e7eb; }
      .lrx-defs{ position:absolute; width:0; height:0; overflow:hidden; }

      /* ====== BODY / QUOTE ====== */
      .lrx-quote{
          position: relative;
          margin: 6px 0 10px 0; color:#374151; line-height:1.65; font-size: 14.5px;
      }
      .lrx-quote::before{
          content:"“";
          position:absolute; left:-6px; top:-10px; font-size:36px; line-height:1; color: rgba(212,175,55,.35);
          font-weight: 700;
      }

      /* ====== FOOTER ====== */
      .lrx-foot{
          display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto;
      }
      .lrx-date{ font-size:12px; color:#6b7280; }
      .lrx-badge{
          padding:6px 10px; border-radius: 10px; font-size:12px; font-weight:700;
          color:#111; background: linear-gradient(180deg, #f8f8f8, #fff);
          border:1px solid #e5e7eb;
      }

      /* ====== SWIPER OVERRIDES (anti kepotong) ====== */
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-container,
      .pdd28-reasons-to-buy__content.lrx-reviews .basic-swiper{
          overflow: visible; /* yang paling sering bikin “kepotong” */
      }
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-wrapper{
          align-items: stretch; /* semua slide tingginya ngikutin konten tertinggi */
      }
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-slide{
          height: auto;        /* biar tinggi slide fleksibel */
          display: flex;       /* supaya .lrx-card bisa stretch */
          margin-top: 25px;
      }
      .pdd28-reasons-to-buy__content.lrx-reviews .pdd28-reasons-to-buy__list-inner{
          padding: 6px 2px 28px; /* tambahin ruang bawah untuk tombol prev/next */
      }
      /* Optional: efek stagger aman (tanpa mengubah height container)
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-slide:nth-child(5) .lrx-card,
      .pdd28-reasons-to-buy__content.lrx-reviews .swiper-slide:nth-child(6) .lrx-card{
          transform: translateY(12px);
      } */
   .bobarawr {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #fff;
      overflow: hidden;
    }

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

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

    /* 💛 Emas berdenyut yang mewah */
    @keyframes goldPulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 175, 55, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.3);
      }
    }

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

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

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

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

    .popup-buttons a {
      width: 100%;
      display: block;
      padding: 18px 0;
      font-size: 16px;
      font-weight: 700;
      border-radius: 50px;
      text-decoration: none;
      text-align: center;
      color: #000;
      background: linear-gradient(135deg, #0050c9, #00adff);
      box-shadow: 0 10px 20px rgba(212, 175, 55, 0.4);
      transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
      overflow: hidden;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-family: 'Montserrat', sans-serif;
    }

    /* Efek hover tombol emas yang mewah */
    .popup-buttons a::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
      );
      transition: left 0.8s;
    }

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

    .popup-buttons a:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 25px rgba(212, 175, 55, 0.5);
      background: linear-gradient(135deg, #00adff, #0050c9);
    }

    .popup-buttons a:active {
      transform: translateY(1px);
    }

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

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

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

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

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

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

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

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

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

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

    .close-btn:hover {
      background: rgba(212, 175, 55, 0.8);
      transform: rotate(90deg);
    }

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

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

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

    /* Responsif untuk layar kecil */
    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }

  .IMEISLOT-article {
    background: linear-gradient(135deg, rgba(0,0,0,0.95) 0%, rgba(30,15,0,0.95) 50%, rgba(0,0,0,0.95) 100%);
    border-radius: 20px;
    padding: 40px 30px;
    margin: 20px 0;
    border: 2px solid var(--carnival-orange);
    box-shadow: 0 0 30px rgba(255, 217, 0, 0.3), inset 0 0 60px rgba(255, 217, 0, 0.05);
    position: relative;
    overflow: hidden;
  }
  .IMEISLOT-article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--carnival-orange), var(--carnival-gold), var(--carnival-orange), transparent);
  }
  .IMEISLOT-article h1 {
    color: var(--carnival-gold) !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px !important;
    text-shadow: 0 0 20px rgb(255, 217, 0), 0 2px 4px rgb(255, 217, 0);
    line-height: 1.4;
  }
  .IMEISLOT-article h2 {
    color: var(--carnival-orange) !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    margin: 30px 0 15px 0 !important;
    padding-left: 15px;
    border-left: 4px solid var(--carnival-gold);
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  }
  .IMEISLOT-article h3 {
    color: var(--carnival-gold) !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
    margin: 20px 0 10px 0 !important;
    padding-left: 25px;
    position: relative;
  }
  .IMEISLOT-article h3::before {
    content: '🎰';
    position: absolute;
    left: 0;
    top: 0;
  }
  .IMEISLOT-article p {
    color: #E5E5E5 !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    text-align: justify;
  }
  .IMEISLOT-article a {
    color: var(--carnival-gold) !important;
    text-decoration: none;
    font-weight: 700;
    padding: 2px 8px;
    background: rgba(255, 217, 0, 0.2);
    border-radius: 4px;
    border-bottom: 2px solid var(--carnival-orange);
    transition: all 0.3s ease;
  }
  .IMEISLOT-article a:hover {
    background: var(--carnival-orange);
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(255, 217, 0, 0.5);
  }
  .IMEISLOT-article .highlight-box {
    background: linear-gradient(135deg, rgba(255, 217, 0, 0.15) 0%, rgba(255,217,0,0.1) 100%);
    border: 1px solid var(--carnival-orange);
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
  }
  .IMEISLOT-article .highlight-box p {
    margin-bottom: 0 !important;
    font-style: italic;
  }
 :root{
          --lx-bg: #ffffff;
          --lx-card: #ffffff;
          --lx-text: #0f172a;
          --lx-muted:#6b7280;
          --lx-border:#e5e7eb;
          --lx-accent:#0050c9;    /* gold */
          --lx-accent-2:#111827;  /* deep slate */
          --lx-radius:16px;
          --lx-shadow:0 6px 24px rgba(2,6,23,.06);
      }

      .lx-wrap{
          background: var(--lx-bg);
          color: var(--lx-text);
          font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
      }
      .lx-container{
          max-width:1425px;
          margin:0 auto;
          padding: 0px 16px 0px;
      }

      /* Section shell */
      .lx-section{
          background: var(--lx-card);
          border:1px solid var(--lx-border);
          border-radius:var(--lx-radius);
          box-shadow:var(--lx-shadow);
          padding:24px;
          margin-bottom:18px;
      }
      .lx-head{
          display:flex; align-items:center; gap:12px; margin:0 0 12px 0;
          font-size:22px; line-height:1.25; letter-spacing:.2px;
      }
      .lx-head svg{ width:22px; height:22px; flex:0 0 auto; }
      .lx-body{ color: var(--lx-muted); font-size:15.5px; line-height:1.7; }
      .lx-body a{ color: #ffd900; text-underline-offset:3px; }

      /* Pills */
      .lx-stats{
          display:flex; flex-wrap:wrap; gap:10px; margin-top:14px;
      }
      .lx-pill{
          display:inline-flex; align-items:center; gap:8px;
          border:1px dashed var(--lx-border);
          padding:8px 12px; border-radius:999px; font-size:13.5px;
          color: var(--lx-text);
          background: linear-gradient(180deg, rgba(212,175,55,.08), rgba(212,175,55,0));
      }
      .lx-pill svg{ width:16px; height:16px; }

      /* Features grid */
      .lx-grid{ display:grid; gap:12px; grid-template-columns:repeat(4, minmax(0,1fr)); }
      @media (max-width:980px){ .lx-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
      @media (max-width:520px){ .lx-grid{ grid-template-columns:1fr; } }

      .lx-feature{
          padding:18px; border:1px solid var(--lx-border);
          border-radius:14px; background: var(--lx-card);
      }
      .lx-feature h3{
          margin:0 0 6px 0; font-size:16.5px; display:flex; align-items:center; gap:8px;
          color: var(--lx-text);
      }
      .lx-feature p{ margin:0; color: var(--lx-muted); font-size:14.5px; line-height:1.65; }
      .lx-icon{ width:18px; height:18px; color: var(--lx-accent-2); }

      /* Guide steps */
      .lx-steps{
          counter-reset: step;
          display:flex; flex-direction:column; gap:12px;
          margin:10px 0 0 0; padding:0; list-style:none;
      }
      .lx-step{
          display:flex; gap:12px; align-items:flex-start;
          border:1px solid var(--lx-border); border-radius:12px; padding:14px 16px;
          background: var(--lx-card);
      }
      .lx-step::before{
          counter-increment: step;
          content: counter(step);
          flex:0 0 32px; height:32px; display:inline-flex; align-items:center; justify-content:center;
          border-radius:8px; font-weight:700;
          color:#111; background: linear-gradient(180deg, #ffffff, rgba(212,175,55,.75));
          border:1px solid rgba(17,24,39,.12);
      }

      /* CTA */
      .lx-cta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
      .lx-btn{
          display:inline-block; padding:10px 16px; border-radius:10px; text-decoration:none; font-weight:600; line-height:1;
          border:1px solid var(--lx-border);
      }
      .lx-btn--primary{ background: var(--lx-accent-2); color:#fff; border-color: var(--lx-accent-2); }
      .lx-btn--outline{ background: transparent; color: var(--lx-text); }

      .lx-section + .lx-section{ margin-top:14px; }
                :root {
                    --base: #000;
                    --text: #f2f2f2;
                    --muted: #b8b8b8;
                    --gold: #b3a100;
                    --glow: #ffd51a;
                }

                /* Base hitam */
                .IMEISLOT-container {
                    max-width: 1200px;
                    margin: 18px auto;
                    padding: 30px;
                    background: var(--base);
                    border-radius: 18px;
                    display: grid;
                    gap: 16px;
                    color: var(--text);
                    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
                }

                /* Neon Pulse + Border Merah Berkedip */
                .neon-box {
                    background:
                        radial-gradient(1200px 500px at 20% -10%, rgba(255, 217, 0, 0.1), transparent 55%),
                        radial-gradient(1000px 500px at 90% 0%, rgba(255, 217, 0, .08), transparent 55%),
                        linear-gradient(180deg, #070707, #030303);
                    border: 2px solid var(--gold);
                    border-radius: 16px;
                    padding: 14px;
                    position: relative;
                    overflow: hidden;
                    box-shadow: 0 0 0 1px rgba(255, 217, 0, .15) inset, 0 10px 30px rgba(0, 0, 0, .55);
                    animation: neonPulse 2.2s ease-in-out infinite;
                }

                .neon-box::before {
                    content: "";
                    position: absolute;
                    inset: -2px;
                    border-radius: 18px;
                    background: linear-gradient(90deg, rgba(255, 217, 0, .0), rgba(255, 217, 0, .55), rgba(255, 217, 0, .0));
                    filter: blur(10px);
                    opacity: .55;
                    pointer-events: none;
                    animation: borderBlink 1.15s steps(2, end) infinite;
                }

                .box-title {
                    margin: 0 0 12px 0;
                    font-size: 30px;
                    color: #fff;
                    text-align: center;
                    letter-spacing: .6px;
                    text-transform: uppercase;
                    text-shadow: 0 0 12px rgba(255, 217, 0, .22);
                }

                /* FAQ Accordion */
                .accordion {
                    display: grid;
                    gap: 10px;
                }

                .acc-item {
                    width: 100%;
                    text-align: left;
                    background: rgba(0, 0, 0, .55);
                    border: 1px solid rgba(179, 152, 0, 0.65);
                    border-radius: 12px;
                    padding: 12px;
                    cursor: pointer;
                    color: var(--text);
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 12px;
                    box-shadow: 0 0 0 1px rgba(255, 217, 0, .08) inset;
                }

                .acc-q {
                    font-weight: 650;
                    font-size: 14.5px;
                    line-height: 1.25;
                }

                .acc-ic {
                    width: 28px;
                    height: 28px;
                    border-radius: 10px;
                    display: grid;
                    place-items: center;
                    border: 1px solid rgba(255, 221, 26, 0.55);
                    background: rgba(0, 0, 0, .55);
                    font-size: 18px;
                    line-height: 1;
                }

                .acc-panel {
                    background: rgba(0, 0, 0, .35);
                    border: 1px solid rgba(179, 152, 0, .45);
                    border-radius: 12px;
                    padding: 0 12px;
                    max-height: 0;
                    overflow: hidden;
                    transition: max-height .28s ease, padding .28s ease;
                }

                .acc-panel p {
                    margin: 10px 0 12px;
                    color: var(--muted);
                    font-size: 13.8px;
                    line-height: 1.55;
                }

                .acc-panel.is-open {
                    padding: 6px 12px;
                    max-height: 260px;
                }

                .acc-item[aria-expanded="true"] .acc-ic {
                    transform: rotate(45deg);
                }

                /* ===== PENILAIAN-ALX Auto Slide ===== */
                .penilaian-mwt-slider {
                    position: relative;
                    overflow: hidden;
                    border-radius: 14px;
                }

                .penilaian-mwt-track {
                    display: flex;
                    gap: 10px;
                    will-change: transform;
                    transition: transform .55s ease;
                }

                .penilaian-mwt-card {
                    min-width: 100%;
                    background: rgba(0, 0, 0, .45);
                    border: 1px solid rgba(179, 152, 0, .45);
                    border-radius: 14px;
                    padding: 12px;
                    box-shadow: 0 0 0 1px rgba(255, 217, 0, .06) inset;
                }

                .penilaian-mwt-top {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 10px;
                    margin-bottom: 6px;
                }

                .penilaian-mwt-nama {
                    font-weight: 750;
                    font-size: 14px;
                }

                .penilaian-mwt-bintang {
                    letter-spacing: 1px;
                    color: gold;
                    font-size: 14px;
                    text-shadow: 0 0 12px rgba(255, 217, 0, .18);
                }

                .penilaian-mwt-isi {
                    margin: 0;
                    color: var(--muted);
                    font-size: 13.8px;
                    line-height: 1.55;
                }

                .penilaian-mwt-tanggal {
                    display: block;
                    margin-top: 10px;
                    font-size: 12px;
                    color: rgba(255, 255, 255, .55);
                }

                .penilaian-mwt-dots {
                    display: flex;
                    justify-content: center;
                    gap: 8px;
                    margin-top: 12px;
                }

                .penilaian-mwt-dot {
                    width: 8px;
                    height: 8px;
                    border-radius: 999px;
                    border: 1px solid rgba(255, 221, 26, 0.55);
                    background: rgba(0, 0, 0, .55);
                    opacity: .6;
                }

                .penilaian-mwt-dot.is-active {
                    opacity: 1;
                    border-color: rgba(255, 221, 26, .95);
                    box-shadow: 0 0 18px rgba(255, 217, 0, .18);
                    transform: scale(1.1);
                }

                /* Responsive per view */
                @media (min-width: 720px) {
                    .penilaian-mwt-card {
                        min-width: calc(50% - 5px);
                    }
                }

                @media (min-width: 980px) {
                    .penilaian-mwt-card {
                        min-width: calc(33.333% - 6.7px);
                    }
                }

                @media (max-width: 520px) {
                    .neon-box {
                        padding: 12px;
                    }

                    .box-title {
                        font-size: 16px;
                    }

                    .acc-q {
                        font-size: 14px;
                    }
                }

                @keyframes neonPulse {

                    0%,
                    100% {
                        box-shadow: 0 0 0 1px rgba(255, 217, 0, .12) inset, 0 10px 30px rgba(0, 0, 0, .55);
                    }

                    50% {
                        box-shadow: 0 0 0 1px rgba(255, 217, 0, .20) inset, 0 0 30px rgba(255, 217, 0, .12), 0 10px 30px rgba(0, 0, 0, .55);
                    }
                }

                @keyframes borderBlink {
                    0% {
                        opacity: .20;
                    }

                    50% {
                        opacity: .85;
                    }

                    100% {
                        opacity: .20;
                    }
                }