/*
Theme Name: SavageManiac Clone Lite
Theme URI: https://example.com/
Author: ChatGPT
Author URI: https://example.com/
Description: Tema WordPress ringan bergaya top up games dengan customizer frontend yang dirapikan dan diperluas. Fokus hanya ke theme/frontend, tanpa menyentuh panel-admin plugin.
Version: 1.6.90
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: savagemaniac-clone-lite
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, blog
*/

:root{
  --bg1:#0a2f7a;
  --bg2:#1f8fff;
  --bg3:#081a44;
  --navy:#081a44;
  --card:#0c2d6b;
  --card2:#081f4f;
  --line:rgba(138,214,255,.18);
  --pill:rgba(255,255,255,.08);
  --white:rgba(255,255,255,.96);
  --muted:rgba(220,240,255,.78);
  --accent:#57c7ff;
  --accent2:#ffb400;
  --footer:#081a44;
  --glow:0 0 18px rgba(87,199,255,.35);
}

body{
  background:
    radial-gradient(circle at 50% 20%, rgba(120,210,255,.30) 0%, rgba(120,210,255,0) 28%),
    linear-gradient(180deg, #1f8fff 0%, #0a2f7a 45%, #081a44 100%);
  color: var(--white);
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

a{color:inherit}
img{max-width:100%;height:auto}

/* =========================================================
 * Bottom floating menu (mobile & tablet)
 * Struktur: BERANDA | (FAB) LIVE CHAT | DAFTAR HARGA
 * ========================================================= */
.sv-bottomnav{display:none}

@media (max-width: 1024px){
  /* App-like bottom bar (SaldoGame-style) */
  body{padding-bottom:74px !important;}

  .sv-bottomnav{
    position:fixed !important;
    left:0 !important; right:0 !important; bottom:0 !important;
    z-index:999999 !important;
    display:block !important;
    background:#ffffff !important;
    border-top:1px solid rgba(0,0,0,.08);
    padding:6px 10px calc(6px + env(safe-area-inset-bottom)) !important;
  }

  .sv-bnav-bar{
    width:min(560px, 100%);
    margin:0 auto;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:6px;
  }

  .sv-bnav-item{
    flex:1 1 0;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:8px 6px;
    border-radius:14px;
    text-decoration:none;
    color:rgba(0,0,0,.72);
    font-weight:800;
    letter-spacing:.1px;
    background:transparent;
    border:0;
    outline:0;
    cursor:pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .sv-bnav-ico{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    color:rgba(0,0,0,.58);
  }
  .sv-bnav-ico svg{width:22px;height:22px;display:block}

  .sv-bnav-label{
    font-size:12px;
    line-height:1;
  }

  .sv-bnav-item.is-active{
    background:rgba(31,111,255,.10);
    color:var(--sm-accent, #1f6fff);
  }
  .sv-bnav-item.is-active .sv-bnav-ico{color:var(--sm-accent, #1f6fff);}

  /* small badge for chat */
  .sv-bnav-badge{
    position:absolute;
    top:6px;
    right:18%;
    min-width:18px;
    height:18px;
    border-radius:999px;
    padding:0 6px;
    display:grid;
    place-items:center;
    font-size:11px;
    font-weight:900;
    background:var(--sm-accent, #1f6fff);
    color:#fff;
    box-shadow:0 8px 18px rgba(31,111,255,.35);
  }

  .sv-bnav-item--chat{position:relative;}

  /* desktop/tablet tap feedback */
  .sv-bnav-item:active{transform:scale(.98);}
}

/* v1.5.4: Step 1 includes WhatsApp inside account block */
#sv-step1 .sv-field{width:100%;}

/* === SVCL LIVECHAT CLICK FIX (mobile & UC browser) === */
.sv-bottomnav, .sv-bnav, .sv-bottom-nav{ z-index: 999999 !important; }
.sv-bottomnav *, .sv-bnav *, .sv-bottom-nav *{ pointer-events: auto; }
.sv-bottomnav .sv-bnav__center, .sv-bnav .sv-bnav__center{ pointer-events:auto; }
.sv-bottomnav .sv-bnav__center button, .sv-bnav .sv-bnav__center button{ pointer-events:auto; }

/* === SM Live Chat PRO: ensure launcher clickable on desktop === */
.smplc-launcher,
.smplc-pro-launcher,
.smplcpro-launcher,
.smplc-floating,
.smplc-bubble,
.sm-livechat-launcher,
.sm-live-support-launcher,
.sm-live-support,
.sm-livechat,
#smplc-launcher,
#smplc-pro-launcher,
#smplcpro-launcher,
#sm_live_support_launcher,
#sm-live-support-launcher{
  position: fixed !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

.smplc-launcher *,
.smplc-pro-launcher *,
.smplcpro-launcher *,
#smplc-launcher *,
#smplc-pro-launcher *{
  pointer-events: auto !important;
}

/* If an overlay/menu is open, keep launcher above it */
.sv-nav-overlay{ z-index: 9997 !important; }

/* ===== Bersihkan total area bawah hero (single game) ===== */
body.single-sv_game .sv-hero,
body.single-sv_game .sv-hero-panel{
  box-shadow: none !important;
  border: none !important;
}

/* ==========================================================
   Mobile precision fix: prevent overflow/cut + true centering
   Target: single game page (single-sv_game)
   v1.6.49
   ========================================================== */

/* Hard stop any horizontal overflow on mobile */
@media (max-width: 768px){
  html, body{ overflow-x: hidden !important; width: 100% !important; }
}

/* Use one centered container width for ALL right-side blocks */
@media (max-width: 768px){
  body.single-sv_game .site,
  body.single-sv_game #page,
  body.single-sv_game .site-content,
  body.single-sv_game .site-main,
  body.single-sv_game .entry-content,
  body.single-sv_game .page-content{
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  /* The game layout wrappers (from plugin/template) */
  body.single-sv_game main .sv-wrap,
  body.single-sv_game main .sv-section,
  body.single-sv_game main .sv-txgrid,
  body.single-sv_game main .sv-left,
  body.single-sv_game main .sv-right{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Create a single centered inner width used by ALL cards */
  body.single-sv_game main .sv-right{
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }

  /* Any main card / panel inside right column must fit the inner width */
  body.single-sv_game main .sv-right .sv-stepcard,
  body.single-sv_game main .sv-right .sv-summary,
  body.single-sv_game main .sv-right .sv-desc,
  body.single-sv_game main .sv-right .sv-pay,
  body.single-sv_game main .sv-right .sv-review,
  body.single-sv_game main .sv-right .sv-reviews,
  body.single-sv_game main .sv-right .sv-panel,
  body.single-sv_game main .sv-right .sv-card,
  body.single-sv_game main .sv-right .sv-box{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Ensure inner grids do not force overflow */
  body.single-sv_game .sv-pack-grid,
  body.single-sv_game .sv-products,
  body.single-sv_game .product-grid,
  body.single-sv_game .nominal-grid{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single-sv_game .sv-pack-card{ min-width: 0 !important; }
  body.single-sv_game .sv-pack-body{ min-width: 0 !important; }

  /* Promo row: prevent the button from pushing layout wider */
  body.single-sv_game .sv-promo,
  body.single-sv_game .sv-promo-row,
  body.single-sv_game .sv-promo-actions{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.single-sv_game .sv-promo-row{
    display:flex !important;
    gap:10px !important;
    flex-wrap: wrap !important;
  }

  body.single-sv_game .sv-promo-row input{
    flex: 1 1 220px !important;
    min-width: 0 !important;
  }

  body.single-sv_game .sv-promo-row button{
    flex: 0 0 auto !important;
  }
}

/* Footer: avoid any horizontal cut on mobile */
@media (max-width: 768px){
  .site-footer,
  footer,
  .footer,
  .sv-footer{
    overflow-x: hidden !important;
  }

  .site-footer .container,
  footer .container,
  .sv-footer .container,
  .sv-footer__inner{
    width: calc(100% - 24px) !important;
    max-width: 720px !important;
    margin: 0 auto !important;
  }
}

/* =========================================================
   WPPartenggen Fix: Hero panel full-width on single game pages
   Applies to desktop/tablet/mobile (edge-to-edge dark panel)
   ========================================================= */
body.single-sv_game main{
  width:100%;
  max-width:100%;
}

body.single-sv_game .sv-wrap{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.single-sv_game .sv-section{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.single-sv_game .sv-hero-cardwrap{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

body.single-sv_game .sv-hero-panel{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border-radius:0 !important; /* true full-width look */
}

/* keep hero inner layout clean on mobile */
@media (max-width:768px){
  body.single-sv_game .sv-hero-panel{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* =========================================================
   Rapikan header mobile agar logo dan tombol menu tidak mepet
   ========================================================= */
@media (max-width:768px){
  .sv-header .sv-wrap{
    padding-left:14px !important;
    padding-right:14px !important;
    box-sizing:border-box !important;
  }

  .sv-header .sv-row{
    gap:10px !important;
    align-items:center !important;
  }

  .sv-logo{
    margin-right:6px !important;
    flex:0 0 auto !important;
  }

  .sv-iconbtn{
    margin-left:4px !important;
    flex:0 0 auto !important;
  }

  .sv-search{
    min-width:0 !important;
    flex:1 1 auto !important;
  }
}

/* =========================================================
   ROYAL DREAM STAGE 2
   Header glow + card premium + royal blue polish
   Tempel di paling bawah style.css
   ========================================================= */

/* Header lebih menyatu dan bercahaya */
.sv-header,
.site-header,
header.site-header{
  background: linear-gradient(180deg, rgba(8,26,68,.92) 0%, rgba(12,45,107,.88) 100%) !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.18),
    0 0 24px rgba(87,199,255,.16) !important;
  border-bottom: 1px solid rgba(138,214,255,.16) !important;
}

/* Search bar lebih premium */
.sv-search,
.sv-search input,
.sv-header input[type="search"],
.sv-header input[type="text"]{
  background: rgba(6, 29, 74, .78) !important;
  color: rgba(255,255,255,.96) !important;
}

.sv-search input::placeholder,
.sv-header input[type="search"]::placeholder,
.sv-header input[type="text"]::placeholder{
  color: rgba(220,240,255,.55) !important;
}

/* Menu atas lebih terang saat hover */
.sv-header a,
.site-header a{
  transition: all .22s ease;
}

.sv-header a:hover,
.site-header a:hover{
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(87,199,255,.35);
}

/* Hero/banner diberi frame halus */
.sv-hero,
.sv-banner,
.hero-banner,
.sv-slider,
.sv-swiper{
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    0 0 22px rgba(87,199,255,.12) !important;
  border: 1px solid rgba(138,214,255,.15) !important;
}

/* Card game lebih premium */
.sv-card,
.sv-gamecard,
.sv-game-item,
.game-card,
.products .product,
.sv-grid > *{
  background: linear-gradient(180deg, rgba(10,37,96,.96) 0%, rgba(7,27,72,.98) 100%) !important;
  border: 1px solid rgba(138,214,255,.12) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.16),
    0 0 18px rgba(87,199,255,.08) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* Hover card game */
.sv-card:hover,
.sv-gamecard:hover,
.sv-game-item:hover,
.game-card:hover,
.products .product:hover,
.sv-grid > *:hover{
  transform: translateY(-4px);
  border-color: rgba(138,214,255,.28) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.22),
    0 0 24px rgba(87,199,255,.18) !important;
}

/* Judul game lebih hidup */
.sv-card h3,
.sv-card h4,
.sv-gamecard h3,
.sv-game-item h3,
.game-card h3,
.products .product h3{
  color: #ffffff !important;
}

/* Subjudul game */
.sv-card p,
.sv-gamecard p,
.sv-game-item p,
.game-card p,
.products .product p{
  color: rgba(220,240,255,.72) !important;
}

/* Footer rapikan agar tidak terlalu gelap mati */
.site-footer,
footer,
.sv-footer{
  background:
    radial-gradient(circle at 50% -20%, rgba(87,199,255,.10) 0%, rgba(87,199,255,0) 38%),
    linear-gradient(180deg, #0a2258 0%, #07183f 100%) !important;
  border-top: 1px solid rgba(138,214,255,.10) !important;
}

/* Link footer */
.site-footer a,
footer a,
.sv-footer a{
  color: rgba(255,255,255,.82) !important;
}

.site-footer a:hover,
footer a:hover,
.sv-footer a:hover{
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(87,199,255,.28);
}

/* =========================================================
   ROYAL DREAM STAGE 3
   Sparkle / stars overlay yang benar-benar tampil
   Tempel di paling bawah style.css
   ========================================================= */

html, body{
  min-height:100%;
}

body{
  position:relative;
  overflow-x:hidden;
}

/* layer sparkle utama */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.65;
  background-image:
    radial-gradient(circle at 8% 18%, rgba(255,255,255,.85) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 22% 36%, rgba(255,255,255,.55) 0 1px, transparent 1.7px),
    radial-gradient(circle at 35% 22%, rgba(255,255,255,.75) 0 1.4px, transparent 2px),
    radial-gradient(circle at 48% 68%, rgba(255,255,255,.45) 0 1px, transparent 1.7px),
    radial-gradient(circle at 63% 28%, rgba(255,255,255,.8) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 76% 52%, rgba(255,255,255,.55) 0 1px, transparent 1.8px),
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.7) 0 1.3px, transparent 2px),
    radial-gradient(circle at 82% 78%, rgba(255,255,255,.5) 0 1px, transparent 1.7px),
    radial-gradient(circle at 14% 78%, rgba(255,255,255,.7) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 56% 88%, rgba(255,255,255,.45) 0 1px, transparent 1.7px);
  background-repeat:no-repeat;
}

/* semua isi web naik di atas layer sparkle */
body > *{
  position:relative;
  z-index:1;
}

/* =========================================
   CARD GAME: THUMBNAIL MENYATU + MODERN GLOW
   ========================================= */

.sv-grid .sv-card,
.sv-gamecard,
.sv-game-item,
.game-card,
.products .product{
  border-radius: 22px !important;
  overflow: hidden !important;
}

.sv-grid .sv-card{
  display:flex !important;
  flex-direction:column !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration:none !important;
}

.sv-grid .sv-card::after{display:none !important;}

.sv-grid .sv-card .thumb{
  position:relative !important;
  aspect-ratio: 1 / 1 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  border-radius: 22px 22px 0 0 !important;
}

.sv-grid .sv-card .thumb img{
  position:absolute !important;
  inset:-1px !important;
  width:calc(100% + 2px) !important;
  height:calc(100% + 2px) !important;
  max-width:none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  transition: transform .35s ease, filter .35s ease !important;
}

.sv-grid .sv-card .meta{
  background: linear-gradient(180deg, rgba(18,58,120,.98) 0%, rgba(11,46,99,.98) 100%) !important;
  border-radius: 0 0 22px 22px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.sv-grid .sv-card .meta .t{color:#fff !important;}
.sv-grid .sv-card .meta .p{color:rgba(220,240,255,.78) !important;}

.sv-grid .sv-card:hover,
.sv-grid .sv-card:focus-visible{
  transform: translateY(-4px) !important;
}

.sv-grid .sv-card:hover .thumb img,
.sv-grid .sv-card:focus-visible .thumb img{
  transform: scale(1.03) !important;
  filter: saturate(1.05) brightness(1.04) !important;
}

.sv-grid .sv-card:active{
  transform: scale(.985) !important;
}

/* =====================================
   HOMEPAGE HERO BANNER FULL UTUH
   TANPA CROP DAN TANPA BATAS TINGGI
   ===================================== */

.home .sv-hero{
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  margin-bottom:18px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

.home .sv-hero-banner{
  position:relative !important;
  width:100% !important;
  max-width:1400px !important;
  margin:0 auto !important;
  border-radius:18px !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    0 0 22px rgba(87,199,255,.12) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
}

.home .sv-hero-slider,
.home .sv-hero-slides{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  overflow:visible !important;
}

.home .sv-hero-slide{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  display:none !important;
  opacity:0 !important;
  transition:opacity .35s ease !important;
  overflow:visible !important;
}

.home .sv-hero-slide.is-active{
  display:block !important;
  opacity:1 !important;
  z-index:2 !important;
}

.home .sv-hero-slide a{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}

.home .sv-hero-slide img,
.home .sv-hero-bg{
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  max-width:100% !important;
  object-fit:unset !important;
  border-radius:18px !important;
}

/* Kalau ada elemen yang memakai background-image lama */
.home .sv-hero-bg{
  background-size:contain !important;
  background-repeat:no-repeat !important;
  background-position:center top !important;
}

/* Dots tetap */
.home .sv-hero-dots{
  position:absolute !important;
  left:50% !important;
  bottom:12px !important;
  transform:translateX(-50%) !important;
  z-index:4 !important;
  display:flex !important;
  gap:8px !important;
}

.home .sv-hero-dot{
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  border:none !important;
  background:rgba(255,255,255,.45) !important;
  cursor:pointer !important;
}

.home .sv-hero-dot.is-active{
  background:#fff !important;
  box-shadow:0 0 10px rgba(255,255,255,.4) !important;
}

/* Matikan overlay text lama */
.home .sv-hero-text{
  display:none !important;
}

@media (max-width:768px){
  .home .sv-hero{
    margin-bottom:14px !important;
  }

  .home .sv-hero-banner,
  .home .sv-hero-slide img,
  .home .sv-hero-bg{
    border-radius:14px !important;
  }

  .home .sv-hero-dots{
    bottom:10px !important;
  }
}

/* =====================================
   SV PILL - ICON TANPA LATAR + SCROLL
   ===================================== */

.sv-pills,
.sv-tabs,
.sv-categories,
.sv-cat-tabs,
.sv-category-tabs{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  align-items:center !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  scroll-behavior:smooth !important;
  padding-bottom:4px !important;
  scrollbar-width:none !important;
}

.sv-pills::-webkit-scrollbar,
.sv-tabs::-webkit-scrollbar,
.sv-categories::-webkit-scrollbar,
.sv-cat-tabs::-webkit-scrollbar,
.sv-category-tabs::-webkit-scrollbar{
  display:none !important;
}

.sv-pill{
  position:relative !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:48px !important;
  padding:10px 18px 10px 42px !important;
  border-radius:999px !important;

  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  letter-spacing:.1px !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  color:#ffffff !important;
  background:linear-gradient(180deg, #2f82ff 0%, #1e6df4 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 8px 18px rgba(0,0,0,.14) !important;

  transition:
    transform .18s ease,
    box-shadow .22s ease,
    background .22s ease,
    border-color .22s ease !important;

  box-sizing:border-box !important;
  overflow:hidden !important;
}

.sv-pill::before{
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 55%) !important;
  pointer-events:none !important;
}

/* ikon TANPA latar */
.sv-pill::after{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
  width:auto !important;
  height:auto !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#ffffff !important;
}

/* ikon per kategori */
.sv-pill[href*="/game/"]::after{
  content:"🎮" !important;
}

.sv-pill[href*="higg"]::after,
.sv-pill[href*="island"]::after{
  content:"🪙" !important;
}

.sv-pill[href*="royal"]::after{
  content:"👑" !important;
}

.sv-pill:not([href*="/game/"]):not([href*="higg"]):not([href*="island"]):not([href*="royal"])::after{
  content:"✦" !important;
}

.sv-pill:hover{
  transform:translateY(-1px) !important;
  background:linear-gradient(180deg, #4491ff 0%, #2a79fb 100%) !important;
  border-color:rgba(255,255,255,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 10px 22px rgba(0,0,0,.16) !important;
}

.sv-pill:active{
  transform:scale(.985) !important;
}

.sv-pill:focus,
.sv-pill:focus-visible{
  outline:none !important;
  box-shadow:
    0 0 0 3px rgba(120,190,255,.20),
    0 10px 22px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

.sv-pill.active,
.sv-pill.is-active,
.current .sv-pill,
.current-menu-item .sv-pill,
.sv-pill[aria-current="page"]{
  background:linear-gradient(180deg, #56a8ff 0%, #3388ff 100%) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 10px 22px rgba(0,0,0,.16) !important;
}

@media (max-width:768px){
  .sv-pills,
  .sv-tabs,
  .sv-categories,
  .sv-cat-tabs,
  .sv-category-tabs{
    gap:10px !important;
    padding-bottom:6px !important;
  }

  .sv-pill{
    min-height:44px !important;
    padding:9px 16px 9px 38px !important;
    font-size:14px !important;
  }

  .sv-pill::after{
    left:14px !important;
    font-size:14px !important;
  }
}

@media (max-width:480px){
  .sv-pill{
    min-height:40px !important;
    padding:8px 14px 8px 34px !important;
    font-size:13px !important;
  }

  .sv-pill::after{
    left:12px !important;
    font-size:13px !important;
  }
}

@media (max-width:390px){
  .sv-pill{
    font-size:12px !important;
    padding:8px 12px 8px 32px !important;
  }

  .sv-pill::after{
    left:11px !important;
    font-size:12px !important;
  }
}

/* =========================================
   FOOTER MODERN TOPKOIN
   Mobile/Tablet center
   Desktop 3 kolom
   ========================================= */

.sv-footer-modern{
  background:#050505 !important;
  color:#fff !important;
  padding:46px 0 28px !important;
}

.sv-footer-modern .sv-wrap{
  max-width:1200px !important;
  margin:0 auto !important;
  padding-left:20px !important;
  padding-right:20px !important;
  box-sizing:border-box !important;
}

.sv-footer-modern__top{
  display:grid !important;
  grid-template-columns:1.2fr .9fr .9fr !important;
  gap:34px !important;
  align-items:start !important;
}

.sv-footer-modern__brand{
  text-align:left !important;
}

.sv-footer-modern__logo img{
  display:block !important;
  max-width:280px !important;
  width:100% !important;
  height:auto !important;
}

.sv-footer-modern__textlogo{
  font-size:42px !important;
  font-weight:900 !important;
  line-height:1 !important;
  color:#fff !important;
}

.sv-footer-modern__desc{
  margin-top:24px !important;
  font-size:17px !important;
  line-height:1.9 !important;
  color:rgba(255,255,255,.94) !important;
}

.sv-footer-modern__socials{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:16px !important;
  margin-top:26px !important;
}

.sv-footer-modern__social{
  width:54px !important;
  height:54px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#171717 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:26px !important;
  transition:transform .2s ease, background .2s ease !important;
}

.sv-footer-modern__social:hover{
  transform:translateY(-2px) !important;
  background:#222 !important;
}

.sv-footer-modern__links,
.sv-footer-modern__cta{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100% !important;
}

.sv-footer-modern__linkrow{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:18px 24px !important;
}

.sv-footer-modern__linkrow a{
  color:#fff !important;
  text-decoration:none !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

.sv-footer-modern__linkrow a:hover{
  text-decoration:underline !important;
}

.sv-footer-modern__reseller{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:18px !important;
  line-height:1.4 !important;
}

.sv-footer-modern__reseller-ico{
  font-size:28px !important;
  line-height:1 !important;
}

.sv-footer-modern__bottom{
  margin-top:34px !important;
}

.sv-footer-modern__divider{
  height:1px !important;
  background:rgba(255,255,255,.9) !important;
  margin-bottom:20px !important;
}

.sv-footer-modern__copy{
  text-align:center !important;
  font-size:17px !important;
  color:rgba(255,255,255,.96) !important;
}

@media (max-width:980px){
  .sv-footer-modern{
    padding:40px 0 24px !important;
  }

  .sv-footer-modern__top{
    grid-template-columns:1fr !important;
    gap:28px !important;
    text-align:center !important;
  }

  .sv-footer-modern__brand,
  .sv-footer-modern__links,
  .sv-footer-modern__cta{
    text-align:center !important;
    justify-content:center !important;
  }

  .sv-footer-modern__logo img{
    margin:0 auto !important;
    max-width:240px !important;
  }

  .sv-footer-modern__textlogo{
    text-align:center !important;
    font-size:34px !important;
  }

  .sv-footer-modern__desc{
    font-size:16px !important;
    line-height:1.85 !important;
    margin-top:20px !important;
  }

  .sv-footer-modern__socials,
  .sv-footer-modern__linkrow,
  .sv-footer-modern__reseller{
    justify-content:center !important;
  }
}

@media (max-width:600px){
  .sv-footer-modern .sv-wrap{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .sv-footer-modern__logo img{
    max-width:220px !important;
  }

  .sv-footer-modern__desc{
    font-size:15px !important;
  }

  .sv-footer-modern__socials{
    gap:14px !important;
  }

  .sv-footer-modern__social{
    width:50px !important;
    height:50px !important;
    font-size:23px !important;
  }

  .sv-footer-modern__linkrow{
    gap:14px 18px !important;
  }

  .sv-footer-modern__linkrow a{
    font-size:16px !important;
  }

  .sv-footer-modern__reseller{
    font-size:17px !important;
  }

  .sv-footer-modern__copy{
    font-size:16px !important;
  }
}

/* =====================================
   Header Quick Menu
   ===================================== */

.sv-menulinks{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px;
}

.sv-menulinks a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
}

.sv-mi-emoji{
  display:inline-block;
  line-height:1;
  font-size:14px;
}

.sv-mi-label{
  display:inline-block;
  line-height:1.2;
}

/* =====================================
   Side Menu Cepat
   ===================================== */

.sv-mobile-side-links{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.sv-mobile-side-links a{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}

.sv-mobile-side-ico{
  display:inline-block;
  line-height:1;
  font-size:16px;
}

.sv-mobile-side-label{
  display:inline-block;
  line-height:1.2;
}

/* =====================================
   Footer Menu Cepat
   Tanpa ikon
   ===================================== */

.sv-footer-menu-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:18px 24px;
}

.sv-footer-menu-links a{
  color:#ffffff !important;
  text-decoration:none;
  font-size:17px;
  line-height:1.7;
}

.sv-footer-menu-links a:hover{
  text-decoration:underline;
}


/* =========================================================
   HERO BANNER RESPONSIVE SINGLE GAME
   Desktop / Tablet / Mobile
   ========================================================= */
body.single-sv_game .sv-hero-banner{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:28px;
  height:clamp(200px, 30vw, 420px);
  min-height:200px;
}

body.single-sv_game .sv-hero-banner picture,
body.single-sv_game .sv-hero-banner .sv-hero-bg{
  display:block;
  width:100%;
  height:100%;
}

body.single-sv_game .sv-hero-bg{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

@media (max-width:1024px){
  body.single-sv_game .sv-hero-banner{
    height:300px;
    min-height:300px;
  }
}

@media (max-width:640px){
  body.single-sv_game .sv-hero-banner{
    height:190px;
    min-height:190px;
    border-radius:18px;
  }
}

.sv-hero-banner picture{
  display:block;
  width:100%;
  height:100%;
}

/* RAPIIKAN INFORMASI FOOTER MOBILE + BESARKAN */
@media (max-width: 980px){
  footer.sv-footer-modern .sv-footer-modern__links{
    display:block !important;
    width:100% !important;
    text-align:center !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px 14px !important;
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    align-items:stretch !important;
    justify-content:center !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkcol{
    display:contents !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:10px 12px !important;
    text-align:center !important;
    line-height:1.35 !important;
    font-size:17px !important;
    font-weight:700 !important;
    color:rgba(255,255,255,.95) !important;
    text-decoration:none !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-sizing:border-box !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a::after{
    content:none !important;
  }
}

@media (max-width: 640px){
  footer.sv-footer-modern .sv-footer-modern__linkrow{
    grid-template-columns:1fr 1fr !important;
    gap:10px 10px !important;
    max-width:360px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    min-height:42px !important;
    font-size:16px !important;
    padding:9px 10px !important;
    border-radius:12px !important;
  }
}

@media (max-width: 420px){
  footer.sv-footer-modern .sv-footer-modern__linkrow{
    grid-template-columns:1fr !important;
    max-width:300px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    font-size:16px !important;
    min-height:44px !important;
  }
}

/* =========================================================
   FINAL POLISH: centered homepage game grid + true full-bleed
   thumbnails without visible inner frame
   ========================================================= */

.home .sv-grid{
  justify-content:center !important;
  align-items:start !important;
}

@media (max-width: 680px){
  .home .sv-wrap,
  .home .sv-section,
  .home main .sv-wrap,
  .home main .sv-section{
    width:100% !important;
    max-width:100% !important;
    padding-left:8px !important;
    padding-right:8px !important;
    box-sizing:border-box !important;
  }

  .home .sv-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    column-gap:22px !important;
    row-gap:18px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
	transform:scale(.92) !important;  
  }

  .home .sv-grid .sv-card{
    width:100% !important;
    min-width:0 !important;
  }

  .home .sv-grid .sv-card .meta{
    padding:12px 12px 14px !important;
  }
}

/* Center card pada desktop & tablet */
@media (min-width:681px){

  .home .sv-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, 220px) !important;
    justify-content:center !important;
    gap:18px !important;
  }

}

/* =========================================
   HILANGKAN KOTAK MEMANJANG DI DALAM SEARCH
   FRONTEND SAJA
   ========================================= */
.sv-search input[type="search"],
.sv-search input[name="s"]{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.sv-search form{
  background: transparent !important;
  box-shadow: none !important;
}

.sv-searchbtn{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* =========================================================
   TOPKOIN PACK CARD - FINAL CLEAN
   - capsule horizontal
   - coin besar kiri
   - nominal 1 baris
   - harga normal 1 baris
   - harga diskon bertumpuk
   - badge diskon kanan atas
   - fast instant di bawah card
   - mobile 2 kolom
   ========================================================= */

/* =========================
   GRID
   ========================= */
body.single-sv_game .sv-pack-grid--modern{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:start !important;
}

/* =========================
   CARD WRAPPER
   ========================= */
body.single-sv_game .sv-pack-card--modern{
  position:relative !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 0 14px 0 !important; /* ruang untuk badge fast instant */
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:transform .18s ease !important;
}

body.single-sv_game .sv-pack-card--modern:hover{
  transform:translateY(-2px) !important;
}

/* =========================
   CARD SHAPE
   ========================= */
body.single-sv_game .sv-pack-card--modern .sv-pack-modern__inner{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:78px !important;
  padding:9px 12px 16px !important;
  border-radius:28px !important;
  box-sizing:border-box !important;
  overflow:visible !important;

  background:
    radial-gradient(circle at 14% 26%, rgba(255,238,170,.30) 0%, rgba(255,238,170,0) 25%),
    linear-gradient(135deg,#fbfcff 0%,#eef3ff 58%,#e8efff 100%) !important;
  border:2px solid rgba(104,128,255,.78) !important;
  box-shadow:
    0 8px 20px rgba(16,24,60,.16),
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 14px rgba(91,128,255,.12) !important;
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
}

/* kilau atas */
body.single-sv_game .sv-pack-card--modern .sv-pack-modern__inner::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:28px !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 55%) !important;
  opacity:.85 !important;
}

/* =========================
   DISCOUNT BADGE
   ========================= */
body.single-sv_game .sv-pack-disc,
body.single-sv_game .sv-pack-modern__disc{
  position:absolute !important;
  top:-7px !important;
  right:10px !important;
  z-index:7 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:40px !important;
  height:18px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#ff695e 0%,#df3e35 100%) !important;
  color:#fff !important;
  font-size:8px !important;
  font-weight:800 !important;
  line-height:1 !important;
  box-shadow:0 6px 12px rgba(223,62,53,.20) !important;
}

/* =========================
   COIN
   ========================= */
body.single-sv_game .sv-pack-modern__coin{
  position:relative !important;
  z-index:2 !important;
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body.single-sv_game .sv-pack-modern__coin img{
  display:block !important;
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  filter:
    drop-shadow(0 5px 8px rgba(185,132,0,.18))
    drop-shadow(0 0 8px rgba(255,220,110,.14)) !important;
}

body.single-sv_game .sv-pack-modern__coin-fallback{
  display:block !important;
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%, #ffe88d 0%, #f4c84b 48%, #ca9200 100%) !important;
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.55),
    0 5px 8px rgba(185,132,0,.16) !important;
}

/* =========================
   CONTENT AREA
   ========================= */
body.single-sv_game .sv-pack-modern__content{
  position:relative !important;
  z-index:2 !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  padding-right:6px !important;
}

/* =========================
   TITLE / NOMINAL
   ========================= */
body.single-sv_game .sv-pack-modern__title{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:3px !important;
  min-width:0 !important;
  margin:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;

  font-size:12px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  color:#1f2430 !important;
  letter-spacing:0 !important;
}

body.single-sv_game .sv-pack-modern__part{
  display:inline-block !important;
  white-space:nowrap !important;
  color:#1f2430 !important;
}

body.single-sv_game .sv-pack-modern__plus{
  display:inline-block !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#ff6a3d !important;
  margin:0 1px !important;
}

body.single-sv_game .sv-pack-modern__part--bonus{
  color:#2f66ea !important;
}

/* =========================
   PRICE
   ========================= */

/* default: harga 1 baris */
body.single-sv_game .sv-pack-modern__price{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:5px !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.single-sv_game .sv-pack-modern__price strong{
  display:inline-block !important;
  white-space:nowrap !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#2e3440 !important;
}

body.single-sv_game .sv-pack-modern__old{
  display:none !important;
}

/* jika ada diskon: harga lama di atas, harga baru di bawah */
body.single-sv_game .sv-pack-modern__price:has(.sv-pack-modern__old){
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:2px !important;
  white-space:normal !important;
  overflow:visible !important;
}

body.single-sv_game .sv-pack-modern__price:has(.sv-pack-modern__old) .sv-pack-modern__old{
  display:block !important;
  white-space:nowrap !important;
  font-size:7px !important;
  line-height:1 !important;
  color:#9aa1af !important;
  text-decoration:line-through !important;
}

body.single-sv_game .sv-pack-modern__price:has(.sv-pack-modern__old) strong{
  display:block !important;
  white-space:nowrap !important;
  font-size:10px !important;
  line-height:1 !important;
}

/* =========================
   FAST INSTANT BADGE
   ========================= */
body.single-sv_game .sv-pack-modern__instant{
  position:absolute !important;
  right:12px !important;
  bottom:-9px !important;
  z-index:6 !important;

  display:inline-flex !important;
  align-items:center !important;
  gap:3px !important;
  height:18px !important;
  padding:0 8px !important;
  border-radius:999px !important;

  background:linear-gradient(180deg,#f25d43 0%,#d8422a 100%) !important;
  color:#fff !important;
  box-shadow:
    0 7px 14px rgba(210,66,42,.20),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body.single-sv_game .sv-pack-modern__instant-icon{
  font-size:9px !important;
  line-height:1 !important;
  color:#ffd54d !important;
}

body.single-sv_game .sv-pack-modern__instant-text{
  font-size:7.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  font-style:italic !important;
}

/* =========================
   HOVER
   ========================= */
body.single-sv_game .sv-pack-card--modern:hover .sv-pack-modern__inner{
  box-shadow:
    0 10px 24px rgba(16,24,60,.18),
    inset 0 1px 0 rgba(255,255,255,.95),
    0 0 18px rgba(91,128,255,.18) !important;
}

/* =========================
   ACTIVE / SELECTED
   ========================= */
body.single-sv_game .sv-pack-card--modern.is-active .sv-pack-modern__inner,
body.single-sv_game .sv-pack-card--modern.is-selected .sv-pack-modern__inner{
  background:
    radial-gradient(circle at 14% 24%, rgba(255,233,149,.36) 0%, rgba(255,233,149,0) 24%),
    linear-gradient(135deg, #fff8dc 0%, #ffefb9 58%, #ffe59c 100%) !important;
  border-color:#ebbe48 !important;
  box-shadow:
    0 10px 24px rgba(115,81,0,.18),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 0 16px rgba(235,190,72,.18) !important;
}

body.single-sv_game .sv-pack-card--modern.is-active .sv-pack-modern__title,
body.single-sv_game .sv-pack-card--modern.is-selected .sv-pack-modern__title,
body.single-sv_game .sv-pack-card--modern.is-active .sv-pack-modern__part,
body.single-sv_game .sv-pack-card--modern.is-selected .sv-pack-modern__part{
  color:#2a2108 !important;
}

body.single-sv_game .sv-pack-card--modern.is-active .sv-pack-modern__price strong,
body.single-sv_game .sv-pack-card--modern.is-selected .sv-pack-modern__price strong{
  color:#4d3800 !important;
}

body.single-sv_game .sv-pack-card--modern.is-active .sv-pack-modern__instant,
body.single-sv_game .sv-pack-card--modern.is-selected .sv-pack-modern__instant{
  background:linear-gradient(180deg,#4289ff 0%,#2968df 100%) !important;
}

/* =========================
   TABLET / MOBILE
   ========================= */
@media (max-width:768px){
  body.single-sv_game .sv-pack-grid--modern{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body.single-sv_game .sv-pack-card--modern{
    padding-bottom:13px !important;
  }

  body.single-sv_game .sv-pack-card--modern .sv-pack-modern__inner{
    min-height:74px !important;
    padding:9px 10px 15px !important;
    gap:8px !important;
    border-radius:26px !important;
  }

  body.single-sv_game .sv-pack-disc,
  body.single-sv_game .sv-pack-modern__disc{
    top:-6px !important;
    right:8px !important;
    min-width:38px !important;
    height:16px !important;
    padding:0 6px !important;
    font-size:7px !important;
  }

  body.single-sv_game .sv-pack-modern__coin{
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
  }

  body.single-sv_game .sv-pack-modern__coin img,
  body.single-sv_game .sv-pack-modern__coin-fallback{
    width:46px !important;
    height:46px !important;
  }

  body.single-sv_game .sv-pack-modern__title{
    font-size:11px !important;
    gap:2px !important;
  }

  body.single-sv_game .sv-pack-modern__plus{
    font-size:10px !important;
  }

  body.single-sv_game .sv-pack-modern__price strong{
    font-size:9px !important;
  }

  body.single-sv_game .sv-pack-modern__price:has(.sv-pack-modern__old) .sv-pack-modern__old{
    font-size:6.5px !important;
  }

  body.single-sv_game .sv-pack-modern__instant{
    right:10px !important;
    bottom:-8px !important;
    height:16px !important;
    padding:0 7px !important;
    gap:3px !important;
  }

  body.single-sv_game .sv-pack-modern__instant-icon{
    font-size:8px !important;
  }

  body.single-sv_game .sv-pack-modern__instant-text{
    font-size:7px !important;
  }
}

@media (max-width:420px){
  body.single-sv_game .sv-pack-grid--modern{
    gap:9px !important;
  }

  body.single-sv_game .sv-pack-card--modern{
    padding-bottom:12px !important;
  }

  body.single-sv_game .sv-pack-card--modern .sv-pack-modern__inner{
    min-height:72px !important;
    padding:8px 9px 14px !important;
    gap:7px !important;
    border-radius:24px !important;
  }

  body.single-sv_game .sv-pack-modern__coin{
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
  }

  body.single-sv_game .sv-pack-modern__coin img,
  body.single-sv_game .sv-pack-modern__coin-fallback{
    width:42px !important;
    height:42px !important;
  }

  body.single-sv_game .sv-pack-modern__title{
    font-size:10.5px !important;
  }

  body.single-sv_game .sv-pack-modern__price strong{
    font-size:8.8px !important;
  }

  body.single-sv_game .sv-pack-modern__price:has(.sv-pack-modern__old) .sv-pack-modern__old{
    font-size:6px !important;
  }

  body.single-sv_game .sv-pack-modern__instant{
    right:9px !important;
    bottom:-8px !important;
    height:15px !important;
    padding:0 6px !important;
  }

  body.single-sv_game .sv-pack-modern__instant-text{
    font-size:6.8px !important;
  }
}

/* =========================
   BESARKAN FONT CARD TOPUP
   ========================= */

/* Judul / jumlah koin */
body.single-sv_game .sv-pack-modern__title{
  font-size: 16px !important;
  font-weight: 800;
  line-height: 1.2;
}

/* Harga utama */
body.single-sv_game .sv-pack-modern__price strong{
  font-size: 18px !important;
  font-weight: 900;
}

/* Harga lama (diskon) */
body.single-sv_game .sv-pack-modern__price small{
  font-size: 13px !important;
  opacity: .7;
}

/* Spasi biar tidak sempit */
body.single-sv_game .sv-pack-modern__content{
  gap: 4px;
}

@media (max-width:768px){

  body.single-sv_game .sv-pack-modern__title{
    font-size: 15px !important;
  }

  body.single-sv_game .sv-pack-modern__price strong{
    font-size: 17px !important;
  }

  body.single-sv_game .sv-pack-modern__price small{
    font-size: 12px !important;
  }

}

/* =========================
   PERBESAR FONT CARD DISKON
   ========================= */

/* jumlah koin */
body.single-sv_game .sv-pack-card--modern .sv-pack-modern__title{
  font-size:14px !important;
  line-height:1.15 !important;
}

/* harga normal / utama */
body.single-sv_game .sv-pack-card--modern .sv-pack-modern__price strong{
  font-size:15px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

/* harga coret */
body.single-sv_game .sv-pack-card--modern .sv-pack-modern__old{
  font-size:10px !important;
  line-height:1 !important;
}

/* khusus card yang ada diskon */
body.single-sv_game .sv-pack-card--modern[data-disc]:not([data-disc="0"]) .sv-pack-modern__price{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:2px !important;
}

body.single-sv_game .sv-pack-card--modern[data-disc]:not([data-disc="0"]) .sv-pack-modern__old{
  font-size:10px !important;
}

body.single-sv_game .sv-pack-card--modern[data-disc]:not([data-disc="0"]) .sv-pack-modern__price strong{
  font-size:15px !important;
}

/* =========================
   HILANGKAN GARIS SAAT SELECT
   ========================= */

body.single-sv_game .sv-pack-card.is-active{
  outline: none !important;
  box-shadow: none !important;
}

body.single-sv_game .sv-pack-card.is-active{
  box-shadow: 0 0 0 2px rgba(255,200,0,.6),
              0 8px 20px rgba(0,0,0,.3);
}

/* =========================================================
   TOPKOIN - SPECIAL PACKAGE PREMIUM REWORK
   ========================================================= */

body.single-sv_game .sv-dyn-pack-special{
  margin-top:18px !important;
  padding:22px !important;
  border-radius:24px !important;
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at top right, rgba(93,154,255,.10) 0%, rgba(93,154,255,0) 30%),
    radial-gradient(circle at bottom left, rgba(255,110,140,.08) 0%, rgba(255,110,140,0) 28%),
    linear-gradient(135deg, rgba(62,18,42,.96) 0%, rgba(39,10,32,.98) 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

body.single-sv_game .sv-dyn-pack-special::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 24%) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-head{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 8px !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  color:#ffffff !important;
  letter-spacing:-.02em !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-sub{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 16px !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:rgba(255,255,255,.76) !important;
  max-width:760px !important;
}

/* panel utama slider */
body.single-sv_game .sv-dyn-pack-special .sv-dyn-panel--blue{
  position:relative !important;
  overflow:hidden !important;
  border-radius:22px !important;
  padding:22px 18px 18px !important;
  background:
    radial-gradient(circle at top center, rgba(118,176,255,.16) 0%, rgba(118,176,255,0) 36%),
    linear-gradient(135deg, rgba(69,79,145,.74) 0%, rgba(49,38,86,.78) 52%, rgba(36,24,60,.82) 100%) !important;
  border:1px solid rgba(154,190,255,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.16) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-panel--blue::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 28%) !important;
}

/* nominal & harga utama */
body.single-sv_game .sv-dyn-pack-special .sv-dyn-display-wrap{
  position:relative !important;
  z-index:2 !important;
  text-align:center !important;
  margin:0 0 18px !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-display{
  min-width:0 !important;
  font-size:52px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#ffffff !important;
  letter-spacing:-.03em !important;
  text-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-price{
  margin-top:10px !important;
  font-size:28px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  color:#ffe58b !important;
  text-shadow:0 6px 14px rgba(0,0,0,.18) !important;
}

/* kontrol */
body.single-sv_game .sv-dyn-pack-special .sv-dyn-controls{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:92px 1fr 92px !important;
  gap:14px !important;
  align-items:center !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn{
  min-width:0 !important;
  height:60px !important;
  border:none !important;
  border-radius:18px !important;
  font-size:20px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn:hover{
  transform:translateY(-1px) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn-soft{
  background:linear-gradient(180deg, #f8f8f9 0%, #e4e4e7 100%) !important;
  color:#232323 !important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-slider-wrap{
  min-width:0 !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-range{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  height:12px !important;
  border-radius:999px !important;
  outline:none !important;
  background:linear-gradient(90deg, rgba(255,255,255,.15), rgba(255,255,255,.10)) !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.24) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-range::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  border:3px solid #ffffff !important;
  background:linear-gradient(180deg, #7ec0ff 0%, #3377ff 100%) !important;
  box-shadow:
    0 8px 18px rgba(37,102,255,.26),
    0 0 0 4px rgba(126,192,255,.10) !important;
  cursor:pointer !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-range::-moz-range-thumb{
  width:28px !important;
  height:28px !important;
  border:none !important;
  border-radius:50% !important;
  background:linear-gradient(180deg, #7ec0ff 0%, #3377ff 100%) !important;
  box-shadow:
    0 8px 18px rgba(37,102,255,.26),
    0 0 0 4px rgba(126,192,255,.10) !important;
  cursor:pointer !important;
}

/* hasil pilihan bawah */
body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic{
  margin-top:16px !important;
  width:100% !important;
  border:none !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:
    linear-gradient(135deg, rgba(8,14,46,.96) 0%, rgba(5,10,34,.99) 100%) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic:hover{
  transform:translateY(-1px) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-body{
  padding:18px !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-title{
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  color:#ffffff !important;
  margin-bottom:6px !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-new{
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  color:#ffffff !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic.is-active{
  box-shadow:
    0 0 0 2px rgba(110,170,255,.18),
    0 14px 28px rgba(35,93,235,.20),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* mobile */
@media (max-width:768px){
  body.single-sv_game .sv-dyn-pack-special{
    padding:16px !important;
    border-radius:22px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-head{
    font-size:18px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-sub{
    font-size:13px !important;
    line-height:1.65 !important;
    margin-bottom:14px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-panel--blue{
    padding:18px 14px 14px !important;
    border-radius:20px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-display{
    font-size:42px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-price{
    font-size:24px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-controls{
    grid-template-columns:84px 1fr 84px !important;
    gap:10px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn{
    height:54px !important;
    font-size:18px !important;
    border-radius:16px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-body{
    padding:16px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-title,
  body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-new{
    font-size:16px !important;
  }
}

/* =========================================================
   TOPKOIN - PAKET SPESIAL PREMIUM UPGRADE
   ========================================================= */

body.single-sv_game .sv-dyn-pack-special{
  position:relative !important;
  margin-top:18px !important;
  padding:24px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at top right, rgba(118,154,255,.16) 0%, rgba(118,154,255,0) 28%),
    radial-gradient(circle at bottom left, rgba(255,105,180,.10) 0%, rgba(255,105,180,0) 24%),
    linear-gradient(135deg, rgba(70,12,36,.96) 0%, rgba(48,10,31,.98) 52%, rgba(33,7,23,.99) 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 20px 45px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(255,255,255,.02) !important;
}

body.single-sv_game .sv-dyn-pack-special::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,0) 18%),
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 20%) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-head{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 8px !important;
  font-size:22px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  color:#ffffff !important;
  text-shadow:0 4px 14px rgba(0,0,0,.16) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-sub{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 18px !important;
  font-size:14px !important;
  line-height:1.72 !important;
  color:rgba(255,255,255,.78) !important;
  max-width:760px !important;
}

/* panel utama */
body.single-sv_game .sv-dyn-pack-special .sv-dyn-panel--blue{
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  padding:28px 22px 22px !important;
  background:
    radial-gradient(circle at top center, rgba(133,183,255,.22) 0%, rgba(133,183,255,0) 34%),
    radial-gradient(circle at bottom left, rgba(182,102,255,.12) 0%, rgba(182,102,255,0) 28%),
    linear-gradient(135deg, rgba(74,82,156,.74) 0%, rgba(55,41,103,.82) 50%, rgba(35,22,62,.90) 100%) !important;
  border:1px solid rgba(161,196,255,.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 34px rgba(0,0,0,.18),
    0 0 30px rgba(110,140,255,.08) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-panel--blue::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 28%),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.012) 0px,
      rgba(255,255,255,.012) 2px,
      transparent 2px,
      transparent 14px
    ) !important;
  opacity:.6 !important;
}

/* nominal utama */
body.single-sv_game .sv-dyn-pack-special .sv-dyn-display-wrap{
  position:relative !important;
  z-index:2 !important;
  text-align:center !important;
  margin:0 0 22px !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-display{
  min-width:0 !important;
  font-size:64px !important;
  line-height:.95 !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
  color:#ffffff !important;
  text-shadow:
    0 10px 24px rgba(0,0,0,.18),
    0 0 20px rgba(255,255,255,.06) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-price{
  margin-top:12px !important;
  font-size:30px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
  color:#ffe58f !important;
  text-shadow:
    0 8px 20px rgba(0,0,0,.20),
    0 0 18px rgba(255,229,143,.08) !important;
}

/* controls */
body.single-sv_game .sv-dyn-pack-special .sv-dyn-controls{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:96px 1fr 96px !important;
  gap:16px !important;
  align-items:center !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn{
  min-width:0 !important;
  height:64px !important;
  border:none !important;
  border-radius:20px !important;
  font-size:22px !important;
  font-weight:1000 !important;
  cursor:pointer !important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.02) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn-soft{
  background:linear-gradient(180deg, #fbfbfc 0%, #e9e9ed 100%) !important;
  color:#262626 !important;
  box-shadow:
    0 14px 24px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-slider-wrap{
  min-width:0 !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-range{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:100% !important;
  height:14px !important;
  border-radius:999px !important;
  outline:none !important;
  background:linear-gradient(90deg, rgba(255,255,255,.14), rgba(255,255,255,.08)) !important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.03) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-range::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  border:4px solid #ffffff !important;
  background:linear-gradient(180deg, #87c4ff 0%, #367dff 100%) !important;
  box-shadow:
    0 10px 20px rgba(37,102,255,.30),
    0 0 0 6px rgba(126,192,255,.10) !important;
  cursor:pointer !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-dyn-range::-moz-range-thumb{
  width:30px !important;
  height:30px !important;
  border:none !important;
  border-radius:50% !important;
  background:linear-gradient(180deg, #87c4ff 0%, #367dff 100%) !important;
  box-shadow:
    0 10px 20px rgba(37,102,255,.30),
    0 0 0 6px rgba(126,192,255,.10) !important;
  cursor:pointer !important;
}

/* hasil paket bawah */
body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic{
  margin-top:18px !important;
  width:100% !important;
  border:none !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at top left, rgba(70,110,255,.08) 0%, rgba(70,110,255,0) 24%),
    linear-gradient(135deg, rgba(8,12,46,.98) 0%, rgba(4,8,34,.99) 100%) !important;
  box-shadow:
    0 16px 28px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(255,255,255,.02) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 18px 32px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 20px rgba(76,115,255,.10) !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-body{
  padding:20px 22px !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-title{
  font-size:19px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  color:#ffffff !important;
  margin-bottom:8px !important;
  letter-spacing:-.01em !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-new{
  font-size:20px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  color:#ffffff !important;
}

body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic.is-active{
  box-shadow:
    0 0 0 2px rgba(112,170,255,.16),
    0 18px 34px rgba(31,92,234,.18),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 24px rgba(89,132,255,.12) !important;
}

/* mobile */
@media (max-width:768px){
  body.single-sv_game .sv-dyn-pack-special{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-head{
    font-size:19px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-sub{
    font-size:13px !important;
    line-height:1.68 !important;
    margin-bottom:14px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-panel--blue{
    padding:20px 16px 16px !important;
    border-radius:22px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-display{
    font-size:48px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-price{
    font-size:26px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-controls{
    grid-template-columns:82px 1fr 82px !important;
    gap:10px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-dyn-btn{
    height:54px !important;
    font-size:18px !important;
    border-radius:16px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-body{
    padding:16px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-title{
    font-size:16px !important;
  }

  body.single-sv_game .sv-dyn-pack-special .sv-pack-card-dynamic .sv-pack-new{
    font-size:16px !important;
  }
}

/* =========================================
   REVIEW TAB - IMPROVED MODERN UI
   ========================================= */

.sv-review-page{
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:22px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(255,90,120,.10), transparent 25%),
    radial-gradient(circle at bottom left, rgba(80,120,255,.10), transparent 25%),
    linear-gradient(180deg, rgba(32,4,18,.96), rgba(20,2,12,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 24px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.sv-review-page-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  margin-bottom:18px;
}

.sv-review-page .sv-review-head{
  font-size:28px;
  line-height:1.1;
  font-weight:900;
  color:#fff;
  margin:0;
}

.sv-review-page .sv-review-sub{
  font-size:15px;
  color:rgba(255,255,255,.72);
  line-height:1.6;
}

/* tombol */
.sv-review-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, #b63a24, #8a2215);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 22px rgba(182,58,36,.22);
  transition:all .2s ease;
}

.sv-review-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(182,58,36,.28);
}

.sv-review-btn-alt{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:none;
}

/* list ulasan */
#sv-review-list{
  margin-top:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
}

.sv-review-list-items{
  display:grid;
  gap:14px;
  margin-top:0;
}

.sv-review-item{
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 24px rgba(0,0,0,.14);
}

.sv-review-item-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.sv-review-item-name{
  font-size:17px;
  font-weight:900;
  color:#fff;
}

.sv-review-item-rating{
  font-size:16px;
  white-space:nowrap;
}

.sv-review-item-date{
  font-size:12px;
  color:rgba(255,255,255,.55);
  margin-bottom:8px;
}

.sv-review-item-text{
  font-size:14px;
  line-height:1.7;
  color:rgba(255,255,255,.90);
  text-align:left;
}

/* form box */
.sv-review-form-box{
  margin-top:18px !important;
  padding:18px !important;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(84,0,0,.48), rgba(48,0,0,.58));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 14px 28px rgba(0,0,0,.16);
}


    
/* =========================================================
   TOPKOIN PAGE V2 - TOTAL REWORK
   ========================================================= */

body.page .entry-title,
body.page .page-title,
body.page .wp-block-post-title{
  display:none !important;
}

body.page{
  background:
    radial-gradient(circle at top center, rgba(87,199,255,.16) 0%, rgba(87,199,255,0) 28%),
    linear-gradient(180deg, #081a44 0%, #0b245f 35%, #081a44 100%) !important;
}

body.page::before{
  display:none !important;
}

body.page .site-main,
body.page .content-area,
body.page .page,
body.page article.page,
body.page .entry-content,
body.page .page-content{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.tk-page-shell{
  padding:18px 0 34px !important;
}

.tk-page-v2{
  width:100%;
}

.tk-page-v2__wrap{
  width:min(1180px, calc(100% - 24px));
  margin:0 auto;
}

/* HERO */
.tk-page-v2__hero{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:34px 28px;
  background:linear-gradient(135deg, #0b1f52 0%, #14357f 55%, #0b2259 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 22px 50px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08);
  margin-bottom:22px;
}

.tk-page-v2__hero-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 35%),
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 24%),
    radial-gradient(circle at 85% 30%, rgba(87,199,255,.18) 0%, rgba(87,199,255,0) 24%);
  pointer-events:none;
}

.tk-page-v2__hero-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(30px);
  opacity:.55;
  pointer-events:none;
}

.tk-page-v2__hero-glow--one{
  width:180px;
  height:180px;
  right:-30px;
  top:-30px;
  background:rgba(87,199,255,.25);
}

.tk-page-v2__hero-glow--two{
  width:150px;
  height:150px;
  left:-20px;
  bottom:-20px;
  background:rgba(255,90,120,.14);
}

.tk-page-v2__hero-content{
  position:relative;
  z-index:2;
  max-width:760px;
}

.tk-page-v2__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  color:#dcecff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:14px;
}

.tk-page-v2__title{
  margin:0 0 10px !important;
  font-size:clamp(30px, 5vw, 48px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
  color:#ffffff !important;
  text-shadow:0 10px 24px rgba(0,0,0,.20);
}

.tk-page-v2__subtitle{
  margin:0 0 18px !important;
  font-size:16px;
  line-height:1.75;
  color:rgba(236,244,255,.86);
  max-width:680px;
}

.tk-page-v2__meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.tk-page-v2__meta-item{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:170px;
  padding:12px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.tk-page-v2__meta-item strong{
  font-size:12px;
  line-height:1.2;
  color:#dcecff;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.tk-page-v2__meta-item em{
  font-style:normal;
  font-size:14px;
  line-height:1.4;
  color:#ffffff;
  font-weight:700;
}

/* BODY */
.tk-page-v2__body{
  display:grid;
  grid-template-columns:280px minmax(0, 1fr);
  gap:22px;
  align-items:start;
}

.tk-page-v2__side{
  display:grid;
  gap:16px;
}

.tk-page-v2__side-card{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:18px;
  color:#eef4ff;
  box-shadow:0 16px 34px rgba(0,0,0,.16);
}

.tk-page-v2__side-title{
  font-size:16px;
  line-height:1.2;
  font-weight:900;
  color:#ffffff;
  margin-bottom:10px;
}

.tk-page-v2__side-text{
  font-size:14px;
  line-height:1.7;
  color:rgba(236,244,255,.82);
}

.tk-page-v2__side-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(180deg, #2f82ff 0%, #1e6df4 100%);
  color:#ffffff;
  font-size:14px;
  font-weight:800;
  box-shadow:0 10px 22px rgba(30,109,244,.22);
}

/* ARTICLE */
.tk-page-v2__article{
  margin:0 !important;
}

.tk-page-v2__content{
  background:#ffffff !important;
  border-radius:28px !important;
  padding:30px 32px !important;
  color:#1f2937 !important;
  border:1px solid #e5e7eb !important;
  box-shadow:
    0 22px 50px rgba(4,18,48,.14),
    0 2px 0 rgba(255,255,255,.50) inset !important;
}

/* TYPOGRAPHY */
.tk-page-v2__content > *:first-child{
  margin-top:0 !important;
}
.tk-page-v2__content > *:last-child{
  margin-bottom:0 !important;
}

.tk-page-v2__content h1,
.tk-page-v2__content h2,
.tk-page-v2__content h3,
.tk-page-v2__content h4,
.tk-page-v2__content h5,
.tk-page-v2__content h6{
  color:#0f172a !important;
  font-weight:900 !important;
  line-height:1.28 !important;
  letter-spacing:-.02em !important;
}

.tk-page-v2__content h1{
  font-size:32px !important;
  margin:0 0 16px !important;
}

.tk-page-v2__content h2{
  font-size:26px !important;
  margin:30px 0 12px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid #e7edf5 !important;
}

.tk-page-v2__content h3{
  font-size:21px !important;
  margin:24px 0 10px !important;
}

.tk-page-v2__content h4{
  font-size:18px !important;
  margin:18px 0 8px !important;
}

.tk-page-v2__content p{
  margin:0 0 15px !important;
  color:#334155 !important;
  font-size:16px !important;
  line-height:1.82 !important;
}

.tk-page-v2__content ul,
.tk-page-v2__content ol{
  margin:0 0 16px 22px !important;
  padding:0 !important;
}

.tk-page-v2__content li{
  margin:0 0 9px !important;
  color:#334155 !important;
  font-size:16px !important;
  line-height:1.76 !important;
}

.tk-page-v2__content strong{
  color:#0f172a !important;
  font-weight:800 !important;
}

.tk-page-v2__content a{
  color:#1459d9 !important;
  font-weight:700 !important;
  text-decoration:none !important;
}

.tk-page-v2__content a:hover{
  text-decoration:underline !important;
}

.tk-page-v2__content hr{
  border:0 !important;
  border-top:1px solid #e5e7eb !important;
  margin:22px 0 !important;
}

.tk-page-v2__content blockquote{
  margin:20px 0 !important;
  padding:16px 18px !important;
  border-left:4px solid #2563eb !important;
  background:#f8fbff !important;
  border-radius:14px !important;
  color:#334155 !important;
}

.tk-page-v2__content table{
  width:100% !important;
  border-collapse:collapse !important;
  margin:18px 0 20px !important;
  overflow:hidden !important;
  border-radius:16px !important;
}

.tk-page-v2__content th,
.tk-page-v2__content td{
  border:1px solid #e5e7eb !important;
  padding:12px 14px !important;
  text-align:left !important;
  font-size:15px !important;
  color:#334155 !important;
}

.tk-page-v2__content th{
  background:#f8fafc !important;
  color:#0f172a !important;
  font-weight:800 !important;
}

.tk-page-v2__content img{
  border-radius:16px !important;
  height:auto !important;
}

.tk-page-v2__content .wp-block-group,
.tk-page-v2__content .wp-block-columns,
.tk-page-v2__content .wp-block-cover{
  margin-bottom:18px !important;
}

/* MOBILE */
@media (max-width: 980px){
  .tk-page-v2__body{
    grid-template-columns:1fr;
  }

  .tk-page-v2__side{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 768px){
  .tk-page-shell{
    padding:12px 0 20px !important;
  }

  .tk-page-v2__wrap{
    width:calc(100% - 14px);
  }

  .tk-page-v2__hero{
    padding:22px 16px;
    border-radius:22px;
    margin-bottom:16px;
  }

  .tk-page-v2__eyebrow{
    min-height:28px;
    padding:0 10px;
    font-size:11px;
    margin-bottom:10px;
  }

  .tk-page-v2__title{
    font-size:clamp(24px, 7vw, 34px) !important;
    margin-bottom:8px !important;
  }

  .tk-page-v2__subtitle{
    font-size:14px;
    line-height:1.68;
    margin-bottom:14px !important;
  }

  .tk-page-v2__meta{
    gap:10px;
  }

  .tk-page-v2__meta-item{
    min-width:0;
    flex:1 1 100%;
    padding:10px 12px;
    border-radius:16px;
  }

  .tk-page-v2__side{
    grid-template-columns:1fr;
    gap:12px;
  }

  .tk-page-v2__side-card{
    border-radius:20px;
    padding:14px;
  }

  .tk-page-v2__content{
    border-radius:22px !important;
    padding:20px 16px !important;
  }

  .tk-page-v2__content h1{
    font-size:26px !important;
  }

  .tk-page-v2__content h2{
    font-size:22px !important;
    margin:24px 0 10px !important;
  }

  .tk-page-v2__content h3{
    font-size:18px !important;
  }

  .tk-page-v2__content p,
  .tk-page-v2__content li{
    font-size:15px !important;
    line-height:1.72 !important;
  }

  .tk-page-v2__content ul,
  .tk-page-v2__content ol{
    margin-left:18px !important;
  }
}

.tk-page-v2__content h1:first-child{
  display:none !important;
}

.tk-page-v2__content h2{
  position:relative;
  padding-left:16px;
}

.tk-page-v2__content h2::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  width:6px;
  height:70%;
  border-radius:4px;
  background:linear-gradient(180deg,#3b82f6,#1e40af);
}

/* =========================================================
   FAQ/ PUSAT BANTUAN
   ========================================================= */

.tk-faq-item{
  border-bottom:1px solid #e5e7eb;
  padding:14px 0;
  cursor:pointer;
}

.tk-faq-question{
  font-weight:800;
  font-size:20px;
  line-height:1.4;
  color:#0f172a;
  position:relative;
  padding-right:30px;
}

.tk-faq-question::after{
  content:"+";
  position:absolute;
  right:0;
  top:0;
  font-size:22px;
  font-weight:700;
  color:#2563eb;
}

.tk-faq-item.active .tk-faq-question::after{
  content:"−";
}

.tk-faq-answer{
  display:none;
  margin-top:10px;
  color:#475569;
  line-height:1.8;
}

.tk-faq-item.active .tk-faq-answer{
  display:block;
}



/* =====================================
   SINGLE GAME HERO - HAPUS EFEK GELAP
   TANPA MENGUBAH UKURAN BANNER LAMA
   ===================================== */
body.single-sv_game .sv-hero,
body.single-sv_game .sv-hero-game,
body.single-sv_game .sv-hero-banner,
body.single-sv_game .sv-hero-banner picture,
body.single-sv_game .sv-hero-bg{
  background-image:none !important;
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

body.single-sv_game .sv-hero::before,
body.single-sv_game .sv-hero::after,
body.single-sv_game .sv-hero-game::before,
body.single-sv_game .sv-hero-game::after,
body.single-sv_game .sv-hero-banner::before,
body.single-sv_game .sv-hero-banner::after,
body.single-sv_game .sv-hero-banner picture::before,
body.single-sv_game .sv-hero-banner picture::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
  box-shadow:none !important;
}

body.single-sv_game .sv-hero-bg{
  filter:brightness(1) saturate(1) contrast(1) !important;
  opacity:1 !important;
  box-shadow:none !important;
}

/* =========================================================
   FOOTER PAYMENT FINAL - CLEAN STABLE
   ========================================================= */

/* DESKTOP */
@media (min-width: 981px){
  footer.sv-footer-modern .sv-footer-modern__top{
    display:grid !important;
    grid-template-columns: 360px minmax(0,1fr) 260px !important;
    gap:34px !important;
    align-items:start !important;
  }

  footer.sv-footer-modern .sv-footer-modern__brand{
    text-align:left !important;
  }

  footer.sv-footer-modern .sv-footer-modern__logo img{
    display:block !important;
    width:auto !important;
    max-width:220px !important;
    height:auto !important;
    margin:0 0 10px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__desc{
    max-width:340px !important;
    margin-top:0 !important;
    font-size:13px !important;
    line-height:1.65 !important;
    text-align:left !important;
  }

  footer.sv-footer-modern .sv-footer-modern__links{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    padding-top:16px !important;
    min-height:auto !important;
  }

  footer.sv-footer-modern .sv-footer-modern__links .sv-footer-modern__paytitle{
    text-align:left !important;
    margin:0 0 12px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:0 !important;
    margin:0 !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkcol{
    display:contents !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    display:inline !important;
    text-align:left !important;
    line-height:1.7 !important;
    white-space:normal !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a:not(:last-child)::after{
    content:" - ";
    white-space:pre;
    color:rgba(255,255,255,.5);
    font-weight:700;
  }

  footer.sv-footer-modern .sv-footer-modern__payments{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    padding-top:16px !important;
    min-height:auto !important;
    width:100% !important;
  }

  footer.sv-footer-modern .sv-footer-modern__payments .sv-footer-modern__paytitle{
    width:100% !important;
    text-align:left !important;
    margin:0 0 12px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__paylogos{
    display:grid !important;
    grid-template-columns:repeat(2, 86px) !important;
    gap:6px !important;
    justify-content:start !important;
    align-items:center !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
  }

  footer.sv-footer-modern .sv-footer-modern__payitem{
    width:86px !important;
    min-width:86px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  footer.sv-footer-modern .sv-footer-modern__payitem img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:82px !important;
    max-height:28px !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }
}

/* TABLET + MOBILE */
@media (max-width: 980px){
  footer.sv-footer-modern{
    padding:26px 0 16px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__top{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    text-align:center !important;
  }

  footer.sv-footer-modern .sv-footer-modern__brand,
  footer.sv-footer-modern .sv-footer-modern__links,
  footer.sv-footer-modern .sv-footer-modern__payments{
    text-align:center !important;
    align-items:center !important;
    justify-content:center !important;
    padding-top:0 !important;
    margin-top:0 !important;
    min-height:auto !important;
  }

  footer.sv-footer-modern .sv-footer-modern__logo img{
    display:block !important;
    width:auto !important;
    max-width:170px !important;
    height:auto !important;
    margin:0 auto 10px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__desc{
    max-width:92% !important;
    margin:0 auto !important;
    font-size:14px !important;
    line-height:1.7 !important;
    text-align:center !important;
  }

  footer.sv-footer-modern .sv-footer-modern__links .sv-footer-modern__paytitle,
  footer.sv-footer-modern .sv-footer-modern__payments .sv-footer-modern__paytitle{
    text-align:center !important;
    margin:0 0 12px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:0 !important;
    margin:0 auto !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkcol{
    display:contents !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    display:inline !important;
    line-height:1.8 !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a:not(:last-child)::after{
    content:" - ";
    white-space:pre;
    color:rgba(255,255,255,.5);
    font-weight:700;
  }

  footer.sv-footer-modern .sv-footer-modern__paylogos{
    display:grid !important;
    grid-template-columns:repeat(4, 72px) !important;
    gap:4px !important;
    justify-content:center !important;
    align-items:center !important;
    width:auto !important;
    max-width:none !important;
    margin:0 auto !important;
  }

  footer.sv-footer-modern .sv-footer-modern__payitem{
    width:72px !important;
    min-width:72px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }

  footer.sv-footer-modern .sv-footer-modern__payitem img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:68px !important;
    max-height:26px !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }
}

@media (max-width: 640px){
  footer.sv-footer-modern .sv-footer-modern__paylogos{
    grid-template-columns:repeat(4, 68px) !important;
    gap:3px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__payitem{
    width:68px !important;
    min-width:68px !important;
    height:30px !important;
    min-height:30px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__payitem img{
    max-width:64px !important;
    max-height:24px !important;
  }
}

footer.sv-footer-modern .sv-footer-modern__bottom{
  margin-top:18px !important;
}

footer.sv-footer-modern .sv-footer-modern__divider{
  height:1px !important;
  background:rgba(255,255,255,.12) !important;
  margin-bottom:12px !important;
}

footer.sv-footer-modern .sv-footer-modern__copy{
  text-align:center !important;
  font-size:14px !important;
}

/* =====================================
   FOOTER INFORMASI MOBILE - TANPA PILL
   ===================================== */
@media (max-width:980px){

  footer.sv-footer-modern .sv-footer-modern__links{
    display:block !important;
    text-align:center !important;
    padding-top:0 !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow{
    display:block !important;
    text-align:center !important;
    margin:0 auto !important;
    max-width:340px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkcol{
    display:inline !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    display:inline !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    width:auto !important;
    height:auto !important;
    color:rgba(255,255,255,.92) !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.9 !important;
    text-decoration:none !important;
    white-space:normal !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a:not(:last-child)::after{
    content:" - ";
    white-space:pre;
    color:rgba(255,255,255,.55) !important;
    font-weight:700 !important;
  }
}

@media (max-width:640px){
  footer.sv-footer-modern .sv-footer-modern__linkrow{
    max-width:300px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    font-size:14px !important;
    line-height:1.95 !important;
  }
}

/* =====================================
   FOOTER INFORMASI MOBILE - SEPARATOR FIX
   ===================================== */
@media (max-width:980px){

  footer.sv-footer-modern .sv-footer-modern__linkrow{
    display:block !important;
    text-align:center !important;
    max-width:340px !important;
    margin:0 auto !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkcol{
    display:inline !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    display:inline !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.9 !important;
    color:rgba(255,255,255,.85) !important;
    text-decoration:none !important;
  }

  /* separator tampil di depan link, kecuali link pertama */
  footer.sv-footer-modern .sv-footer-modern__linkrow a + a::before,
  footer.sv-footer-modern .sv-footer-modern__linkcol + .sv-footer-modern__linkcol a::before{
    content:" - " !important;
    color:rgba(255,255,255,.55) !important;
    font-weight:400 !important;
  }

  /* matikan separator lama kalau ada */
  footer.sv-footer-modern .sv-footer-modern__linkrow a::after{
    content:none !important;
  }
}

@media (max-width:640px){
  footer.sv-footer-modern .sv-footer-modern__linkrow{
    max-width:300px !important;
  }

  footer.sv-footer-modern .sv-footer-modern__linkrow a{
    font-size:13.5px !important;
  }
}

/* =========================================================
   PAYMENT METHOD - PREMIUM FINAL
   ========================================================= */

body.single-sv_game .sv-pay-groups{
  display:grid !important;
  gap:18px !important;
}

body.single-sv_game .sv-pay-group-block{
  display:grid !important;
  gap:12px !important;
}

body.single-sv_game .sv-pay-group-title{
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#ffffff !important;
  margin:0 !important;
  letter-spacing:-.01em !important;
}

body.single-sv_game .sv-pay-method-list{
  display:grid !important;
  gap:14px !important;
}

body.single-sv_game .sv-paycard,
body.single-sv_game .sv-payline{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  width:100% !important;
  padding:18px 18px !important;
  border-radius:24px !important;
  border:1px solid rgba(129,180,255,.22) !important;
  background:
    linear-gradient(180deg, rgba(15,39,86,.96) 0%, rgba(10,28,64,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.16) !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease !important;
}

body.single-sv_game .sv-paycard:hover,
body.single-sv_game .sv-payline:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(143,216,255,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 16px 32px rgba(0,0,0,.22),
    0 0 0 1px rgba(95,180,255,.08) !important;
}

body.single-sv_game .sv-paycard.is-active,
body.single-sv_game .sv-payline.is-active{
  border:1px solid #8fd8ff !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(110,190,255,.14) 0%, rgba(110,190,255,0) 28%),
    linear-gradient(180deg, rgba(18,46,98,.98) 0%, rgba(11,31,72,.99) 100%) !important;
  box-shadow:
    0 0 0 2px rgba(143,216,255,.22),
    0 18px 34px rgba(0,0,0,.24),
    0 0 24px rgba(87,199,255,.10) !important;
}

body.single-sv_game .sv-paycard-left,
body.single-sv_game .sv-pay-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.single-sv_game .sv-paycard-logo,
body.single-sv_game .sv-paylogo-wrap{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  flex:0 0 56px !important;
  border-radius:16px !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.80),
    0 8px 18px rgba(0,0,0,.18) !important;
  overflow:hidden !important;
}

body.single-sv_game .sv-paylogo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:#ffffff !important;
  padding:8px !important;
}

body.single-sv_game .sv-paycard-meta,
body.single-sv_game .sv-paytext{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

body.single-sv_game .sv-paycard-top{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:0 0 6px !important;
}

body.single-sv_game .sv-paycard-badge,
body.single-sv_game .sv-paytext .tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
  background:linear-gradient(180deg, #3896e8 0%, #2578cf 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 6px 14px rgba(37,120,207,.20) !important;
}

body.single-sv_game .sv-paycard-chip{
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  color:#f5f7ff !important;
  opacity:.96 !important;
}

body.single-sv_game .sv-paycard-name,
body.single-sv_game .sv-paycard-name.name,
body.single-sv_game .sv-paytext .name{
  display:block !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  color:#ffffff !important;
  letter-spacing:-.01em !important;
  margin:0 0 4px !important;
}

body.single-sv_game .sv-paycard-desc{
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  color:rgba(226,236,255,.78) !important;
  margin:0 !important;
}

body.single-sv_game .sv-paycard-right{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
}

body.single-sv_game .sv-paycard-fee,
body.single-sv_game .sv-paycard-right .fee{
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  color:#ffe38a !important;
  text-align:right !important;
  white-space:nowrap !important;
}

body.single-sv_game .sv-paycard-radio{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  border:2px solid rgba(255,255,255,.28) !important;
  background:transparent !important;
  box-sizing:border-box !important;
  transition:all .18s ease !important;
}

body.single-sv_game .sv-paycard.is-active .sv-paycard-radio,
body.single-sv_game .sv-payline.is-active .sv-paycard-radio{
  border-color:#8fd8ff !important;
  background:
    radial-gradient(circle, #8fd8ff 0 42%, transparent 43%) !important;
  box-shadow:
    0 0 0 4px rgba(143,216,255,.14) !important;
}

body.single-sv_game .sv-pay-hint-box{
  margin-top:16px !important;
  border-radius:18px !important;
  padding:16px 18px !important;
  background:linear-gradient(180deg, rgba(14,34,75,.96), rgba(9,24,56,.98)) !important;
  border:1px solid rgba(129,180,255,.16) !important;
  color:rgba(226,236,255,.82) !important;
  font-size:14px !important;
  line-height:1.65 !important;
}

/* mobile */
@media (max-width:768px){
  body.single-sv_game .sv-pay-group-title{
    font-size:17px !important;
  }

  body.single-sv_game .sv-paycard,
  body.single-sv_game .sv-payline{
    padding:14px 14px !important;
    gap:12px !important;
    border-radius:20px !important;
  }

  body.single-sv_game .sv-paycard-left,
  body.single-sv_game .sv-pay-main{
    gap:12px !important;
  }

  body.single-sv_game .sv-paycard-logo,
  body.single-sv_game .sv-paylogo-wrap{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    flex:0 0 50px !important;
    border-radius:14px !important;
  }

  body.single-sv_game .sv-paylogo{
    padding:7px !important;
  }

  body.single-sv_game .sv-paycard-badge,
  body.single-sv_game .sv-paytext .tag{
    min-height:25px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }

  body.single-sv_game .sv-paycard-chip{
    font-size:12px !important;
  }

  body.single-sv_game .sv-paycard-name,
  body.single-sv_game .sv-paycard-name.name,
  body.single-sv_game .sv-paytext .name{
    font-size:15px !important;
  }

  body.single-sv_game .sv-paycard-desc{
    font-size:12.5px !important;
    line-height:1.5 !important;
  }

  body.single-sv_game .sv-paycard-fee,
  body.single-sv_game .sv-paycard-right .fee{
    font-size:15px !important;
  }

  body.single-sv_game .sv-paycard-radio{
    width:20px !important;
    height:20px !important;
  }
}

/* =========================================================
   PAYMENT FIX FINAL (MERAH + HIDE DUPLIKAT)
   ========================================================= */

/* =========================
   ACTIVE = MERAH LAGI
   ========================= */
body.single-sv_game .sv-paycard.is-active,
body.single-sv_game .sv-payline.is-active{
  border:1px solid #ff4d4f !important;
  background:linear-gradient(180deg, #7a0f0f 0%, #4a0707 100%) !important;
  box-shadow:
    0 0 0 2px rgba(255,77,79,.25),
    0 14px 30px rgba(0,0,0,.25),
    0 0 25px rgba(255,77,79,.15) !important;
}

/* hover juga merah soft */
body.single-sv_game .sv-paycard:hover,
body.single-sv_game .sv-payline:hover{
  border-color:#ff6b6b !important;
  box-shadow:
    0 0 0 1px rgba(255,107,107,.25),
    0 12px 28px rgba(0,0,0,.25) !important;
}

/* =========================
   RADIO ACTIVE MERAH
   ========================= */
body.single-sv_game .sv-paycard.is-active .sv-paycard-radio,
body.single-sv_game .sv-payline.is-active .sv-paycard-radio{
  border-color:#ff6b6b !important;
  background:
    radial-gradient(circle, #ff6b6b 0 45%, transparent 46%) !important;
  box-shadow:0 0 0 4px rgba(255,107,107,.18) !important;
}

/* =========================
   SEMBUNYIKAN NAMA DUPLIKAT
   ========================= */
body.single-sv_game .sv-paycard-name,
body.single-sv_game .sv-paycard-name.name,
body.single-sv_game .sv-paytext .name{
  display:none !important;
}

/* =========================
   RAPATKAN TEKS ATAS
   ========================= */
body.single-sv_game .sv-paycard-top{
  margin-bottom:2px !important;
}

body.single-sv_game .sv-paycard-chip{
  font-size:14px !important;
  font-weight:500 !important;
  opacity:.95 !important;
}

/* =========================
   BIAR LEBIH CLEAN
   ========================= */
body.single-sv_game .sv-paycard-desc{
  margin-top:2px !important;
  font-size:13.5px !important;
  opacity:.85 !important;
}

/* =========================================================
   PAYMENT MOBILE FIX - RP JANGAN TURUN
   ========================================================= */
@media (max-width:768px){

  /* paksa layout tetap sejajar */
  body.single-sv_game .sv-paycard,
  body.single-sv_game .sv-payline{
    flex-direction:row !important;
    align-items:center !important;
    gap:10px !important;
  }

  /* kiri diperkecil */
  body.single-sv_game .sv-paycard-left,
  body.single-sv_game .sv-pay-main{
    gap:10px !important;
  }

  /* logo diperkecil */
  body.single-sv_game .sv-paycard-logo,
  body.single-sv_game .sv-paylogo-wrap{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    flex:0 0 42px !important;
  }

  body.single-sv_game .sv-paylogo{
    padding:6px !important;
  }

  /* teks lebih rapat */
  body.single-sv_game .sv-paycard-meta{
    gap:2px !important;
  }

  body.single-sv_game .sv-paycard-chip{
    font-size:12px !important;
  }

  body.single-sv_game .sv-paycard-desc{
    font-size:12px !important;
    line-height:1.4 !important;
  }

  /* bagian kanan jangan turun */
  body.single-sv_game .sv-paycard-right{
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:center !important;
    min-width:60px !important;
  }

  /* RP diperkecil sedikit */
  body.single-sv_game .sv-paycard-fee,
  body.single-sv_game .sv-paycard-right .fee{
    font-size:14px !important;
    white-space:nowrap !important;
  }

  /* radio diperkecil */
  body.single-sv_game .sv-paycard-radio{
    width:18px !important;
    height:18px !important;
  }
}

body.single-sv_game .sv-paycard-desc{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* =========================================================
   PAYMENT MOBILE HARD FIX
   Rp tetap di kanan, tidak turun ke bawah
   ========================================================= */
@media (max-width: 768px){

  body.single-sv_game .sv-paycard,
  body.single-sv_game .sv-payline{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:12px !important;
  }

  body.single-sv_game .sv-paycard-left,
  body.single-sv_game .sv-pay-main{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
  }

  body.single-sv_game .sv-paycard-logo,
  body.single-sv_game .sv-paylogo-wrap{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    flex:0 0 42px !important;
    border-radius:12px !important;
  }

  body.single-sv_game .sv-paylogo{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    padding:5px !important;
  }

  body.single-sv_game .sv-paycard-meta,
  body.single-sv_game .sv-paytext{
    min-width:0 !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
  }

  body.single-sv_game .sv-paycard-top{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 0 2px !important;
  }

  body.single-sv_game .sv-paycard-badge,
  body.single-sv_game .sv-paytext .tag{
    min-height:24px !important;
    padding:0 9px !important;
    font-size:10px !important;
  }

  body.single-sv_game .sv-paycard-chip{
    font-size:11px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  body.single-sv_game .sv-paycard-desc{
    font-size:11px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    margin:0 !important;
  }

  body.single-sv_game .sv-paycard-right{
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:flex-end !important;
    justify-content:center !important;
    gap:6px !important;
    min-width:44px !important;
    max-width:44px !important;
    flex:0 0 44px !important;
    margin-left:auto !important;
  }

  body.single-sv_game .sv-paycard-fee,
  body.single-sv_game .sv-paycard-right .fee{
    display:block !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    margin:0 !important;
  }

  body.single-sv_game .sv-paycard-radio{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    flex:0 0 16px !important;
    margin:0 !important;
  }
}

/* =========================================================
   PAYMENT HINT BOX - KECILKAN FONT
   ========================================================= */
body.single-sv_game .sv-hint.sv-pay-hint-box{
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:rgba(226,236,255,.82) !important;
}

body.single-sv_game .sv-hint.sv-pay-hint-box b,
body.single-sv_game .sv-hint.sv-pay-hint-box strong{
  font-size:12px !important;
  font-weight:700 !important;
}