.t-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(0, 255, 76, 0.3), inset 0 0 60px rgba(255,107,0,0.05);
    position: relative;
    overflow: hidden;
  }
  .t-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);
  }
  .t-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, 0, 0), 0 2px 4px rgb(255, 0, 0);
    line-height: 1.4;
  }
  .t-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);
  }
  .t-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;
  }
  .t-article h3::before {
    content: '🎰';
    position: absolute;
    left: 0;
    top: 0;
  }
  .t-article p {
    color: #E5E5E5 !important;
    font-size: 1rem !important;
    line-height: 1.8 !important;
    margin-bottom: 15px !important;
    text-align: justify;
  }
  .t-article a {
    color: var(--carnival-gold) !important;
    text-decoration: none;
    font-weight: 700;
    padding: 2px 8px;
    background: rgba(255,107,0,0.2);
    border-radius: 4px;
    border-bottom: 2px solid var(--carnival-orange);
    transition: all 0.3s ease;
  }
  .t-article a:hover {
    background: var(--carnival-orange);
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(255,107,0,0.5);
  }
  .t-article .highlight-box {
    background: linear-gradient(135deg, rgba(255,107,0,0.15) 0%, rgba(255,215,0,0.1) 100%);
    border: 1px solid var(--carnival-orange);
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
  }
  .t-article .highlight-box p {
    margin-bottom: 0 !important;
    font-style: italic;
  }

      .t-reasons-to-buy__content.t-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 */
      }
      .t-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;
      }
      .t-section-title::before{
          content:"";
          width: 6px; height: 22px; border-radius: 8px;
          background: linear-gradient(180deg, #d4af37, #f3dea0);
          flex: 0 0 auto;
      }

      /* ====== CARD BASE ====== */
      .t-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);
      }

      .trbtgl-header{
          display: grid;
          grid-template-columns: auto 1fr auto;
          grid-template-areas: "avatar meta rating";
          align-items: center;
          gap: 12px;
          margin-bottom: 8px;
      }

      .t-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, #d4af37 70%);
          color: #111; border: 1px solid rgba(17,24,39,.1);
      }
      .t-meta{ grid-area: meta; min-width: 0; }
      .trbtgl-name{
          margin: 0; font-weight: 800; color: #111827; font-size: 15px;
          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
      }
      .t-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;
      }
      .t-chip::before{
          content:""; width: 6px; height: 6px; border-radius: 999px; background:#22c55e;
      }

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

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

      .trbtgl-foot{
          display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto;
      }
      .trbtgl-date{ font-size:12px; color:#6b7280; }
      .trbtgl-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;
      }

      .t-reasons-to-buy__content.t-reviews .swiper-container,
      .t-reasons-to-buy__content.t-reviews .basic-swiper{
          overflow: visible; 
      }
      .t-reasons-to-buy__content.t-reviews .swiper-wrapper{
          align-items: stretch; /* semua slide tingginya ngikutin konten tertinggi */
      }
      .t-reasons-to-buy__content.t-reviews .swiper-slide{
          height: auto;  
          display: flex;  
          margin-top: 25px;
      }
      .t-reasons-to-buy__content.t-reviews .t-reasons-to-buy__list-inner{
          padding: 6px 2px 28px; 
      }
      .t-reasons-to-buy__content.t-reviews .swiper-slide:nth-child(5) .t-card,
      .t-reasons-to-buy__content.t-reviews .swiper-slide:nth-child(6) .t-card{
          transform: translateY(12px);
      }

                .t-container {
                    max-width: 1200px;
                    background: #000; /* hitam */
                    border-radius: 18px;
                    display: grid;
                    gap: 16px;
                    color: var(--text);
                    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
                }

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

                .accordion {
                    display: grid;
                    gap: 10px;
                }

                .acc-item-kaban {
                    width: 100%;
                    text-align: left;
                    background: rgba(0, 0, 0, .55);
                    border: 1px solid #d30000d9;
                    border-radius: 12px;
                    padding: 12px;
                    cursor: pointer;
                    color: #ffffff;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 12px;
                    box-shadow: 0 0 0 1px rgba(255, 208, 0, 0.08) inset;
                }

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

                .acc-ic-kaban {
                    width: 28px;
                    height: 28px;
                    border-radius: 10px;
                    display: grid;
                    place-items: center;
                    border: 1px solid #d30000d9;
                    background: #d30000d9;
                    font-size: 18px;
                    line-height: 1;
                }

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

                .acc-panel-kaban p {
                    margin: 10px 0 12px;
                    font-size: 13.8px;
                    line-height: 1.55;
                    color: #ffca00;
                }

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

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

                .penilaian-kaban-slider {
                    position: relative;
                    overflow: hidden;
                    border-radius: 14px;
                }

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

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

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

                .penilaian-kaban-nama {
                    font-weight: 750;
                    font-size: 14px;
                    color: #b30202;
                }

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

                .penilaian-kaban-isi {
                    margin: 0;
                    color: #fff;
                    font-size: 13.8px;
                    line-height: 1.55;
                    text-align: justify;
                }

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

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

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

                .penilaian-kaban-dot.is-active {
                    opacity: 1;
                    border-color: rgb(255 220 26 / 95%);
                    box-shadow: 0 0 18px rgb(255 214 26 / 55%);
                    transform: scale(1.1);
                }

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

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

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

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

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

                @keyframes neonPulse {

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

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

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

                    50% {
                        opacity: .85;
                    }

                    100% {
                        opacity: .20;
                    }
                }

                .btn-x{
  display:inline-block;
  min-width:200px;       /* panjang minimum tombol */
  text-align:center;     /* teks di tengah */
  padding:14px 28px;     /* lebih besar dari 12x18 */
  margin:5px;
  background:linear-gradient(to bottom, #4d0404 0%, #4d0404 50%, #cb0000e0 100%);
  color:#fff;
  border: 2px solid #d59d06de;
  font-weight:700;
  border-radius:10px;
  text-decoration:none;
  box-shadow:0 2px 6px rgb(0, 0, 0);
  cursor:pointer;
}
.btn-x:hover{
  background:#ffffff;    /* warna saat hover */
}
/* Sembunyikan total kolom kanan di desktop kalau kosong */
.right-rail:empty,
.sidebar:empty,
.product__aside:empty {
  display: none !important;
}

/* Jika pakai grid 2 kolom, jadikan 1 kolom saat kolom kanan hilang */
.page-grid {
  display: grid;
  grid-template-columns: 1fr; /* semula: 1fr 360px */
  gap: 24px;
}

.GRTOTO-premium-box{
    position:relative;
    margin:30px 0;
    padding:26px;
    border-radius:24px;
    background:rgb(0, 0, 0);
    box-shadow:
        0 18px 40px rgba(233, 217, 0, 0.75),
        inset 0 1px 0 #d30000d9,
        0 0 25px rgba(201, 58, 2, 0.836);
    overflow:hidden;
}

.s-premium-box:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,215,0,0.04) 35%,
        transparent 70%
    );
}

.s-premium-head{
    text-align:center;
    margin-bottom:20px;
}

.s-premium-head h3{
    margin:0;
    font-size:28px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#d30000d9;
    text-shadow:0 0 14px rgba(60, 255, 0, 0.18);
}

.s-premium-line{
    width:1000px;
    height:3px;
    margin:12px auto 0;
    border-radius:99px;
    background:linear-gradient(90deg,#ce0202ce,#d30000d9,#da3503d3);
    box-shadow:0 0 12px rgba(0, 255, 42, 0.25);
}

.s-premium-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    overflow:hidden;
    border-radius:18px;
    border:1px solid #d30000d9;
    background:rgba(0,0,0,0.35);
}

.s-premium-table tr{
    transition:all .3s ease;
}

.s-premium-table tr:hover{
    background:rgba(212, 3, 3, 0.822);
}

.s-premium-table td{
    padding:18px 16px;
    border-bottom:1px solid rgba(0, 255, 34, 0.08);
    font-size:15px;
}

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

.s-premium-table td.label{
    width:38%;
    color:#ffffff;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.s-premium-table td.value{
    color:#f3f3f3;
    font-weight:600;
}

.s-badge-gold{
    display:inline-block;
    padding:6px 12px;
    border-radius:999px;
    border:1px solid rgba(233, 229, 5, 0.897);
    background:linear-gradient(145deg,#2a1d00,#4a3500);
    color:#d30000d9;
    font-size:13px;
    font-weight:700;
    box-shadow:0 0 12px rgba(243, 227, 0, 0.945);
}
.s-rating{
    color:#d30000d9;
    font-weight:800;
    font-size:18px;
    text-shadow:0 0 10px rgba(255,215,0,0.15);
}

@media(max-width:768px){
    .s-premium-head h3{
        font-size:22px;
    }
    .s-premium-table td{
        padding:14px 12px;
        font-size:14px;
    }
}