.fs-5{font-size: 1.25rem !important}
.fs-6{font-size:1rem!important}
.fs-7{font-size:.875rem!important}
.fs-8{font-size:.75rem!important}
.fs-9{font-size:.675rem!important}
@media (min-width: 768px) {
  .fs-5 { font-size: 1.35rem !important; }
  .fs-6 { font-size: 1.05rem !important; }
  .fs-7 { font-size: .9rem !important; }
}
@media (min-width: 992px) {
  .fs-5 { font-size: 1.4rem !important; }
  .fs-6 { font-size: 1.1rem !important; }
  .fs-7 { font-size: .95rem !important; }
  .fs-8 { font-size: .8rem !important; }
}
@media (min-width: 1200px) {
  .fs-1 { font-size: 2.5rem !important; }
  .fs-2 { font-size: 2rem !important; }
  .fs-3 { font-size: 1.75rem !important; }
  .fs-4 { font-size: 1.5rem !important; }
  .fs-5 { font-size: 1.45rem !important; }
  .fs-6 { font-size: 1.15rem !important; }
  .fs-7 { font-size: 1rem !important; }
  .fs-8 { font-size: .85rem !important; }
  .fs-9 { font-size: .75rem !important; }
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bd-masthead{--bd-pink-rgb:214,51,132;--bd-accent-rgb:255,228,132;--bd-violet-rgb:113,44,249;padding:1rem 0;background-image:linear-gradient(180deg,rgba(var(--bs-body-bg-rgb),.01),rgba(var(--bs-body-bg-rgb),1) 85%),radial-gradient(ellipse at top left,rgba(var(--bs-primary-rgb),.5),transparent 50%),radial-gradient(ellipse at top right,rgba(var(--bd-accent-rgb),.5),transparent 50%),radial-gradient(ellipse at center right,rgba(var(--bd-violet-rgb),.5),transparent 50%),radial-gradient(ellipse at center left,rgba(var(--bd-pink-rgb),.5),transparent 50%)}
.text-purple{color:var(--primary)}
.tg-text-over{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.blur-up{filter:blur(20px);transition:filter 0.7s ease}
.nav-link.active{text-decoration:underline}
.nav-link:focus-visible{box-shadow:none!important}
.offcanvas-header{padding:.65rem .75rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.blur-up.lazyloaded{filter:blur(0)}
.navbar-toggler-icon{width:1.2em;height:1.2em}
.btn-primary,.btn-primary-custom{background:linear-gradient(270deg,var(--primary),var(--primary-rgb))!important;border:none!important;color:#fff!important}
footer a{color:#6b6b6b;text-decoration:none}
.game-list{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.game-item{width:calc(25% - 12px);min-width:160px;padding:10px;border-radius:8px;display:flex;gap:10px;align-items:center;background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent)}
.game-item img{border-radius:8px;width:56px;height:56px;object-fit:cover}
.game-name{color:var(--text);text-decoration:none}
.popular-item{display:flex;align-items:center;background-color:#fff;color:var(--text);text-decoration:none}
.tplist-item{display:flex;flex-direction:column;padding-top:.5rem;background-color:#fff;color:var(--text);text-decoration:none;height:100%;overflow:hidden}
.tplist-item-img{padding-bottom:100%;overflow:hidden}
.touch-item{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;will-change:transform, box-shadow, border-color;touch-action:manipulation;outline:none;border:2px solid transparent}
.touch-item:hover,.touch-item:focus,.touch-item:active{border-color:var(--primary);box-shadow: 0 4px 10px rgba(0,0,0,0.08)}
html[data-bs-theme="dark"] .popular-item,html[data-bs-theme="dark"] .tplist-item{background-color:#23292f}
.product-variant{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:75px;border:2px solid #e6d4cb;border-radius:8px;box-shadow:var(--card-shadow)}
.product-variant.active{background-color:rgb(255 122 0 / 12%);border:2px solid #ff7a00!important}
.icon-product{width:32px;height:25px}
.payment-card,.denom-card{border:2px solid #e6d4cb;border-radius:10px;box-shadow:var(--card-shadow)}
.price-detail{background:rgb(246 245 255);padding:.5rem;border-radius:0 0 10px 10px;}
.price-title{color:#fd4673;font-size:1rem;}
.price-discount{border-radius:8px;margin:2px 4px;background-color:rgb(213 247 219);font-size:.675rem;font-weight:600;letter-spacing:0;line-height:12px;padding:2px 4px;color:rgb(5 121 37);}
.btn-payment{background:linear-gradient(180deg,rgb(255 255 255 / .02),rgb(255 255 255 / .01));padding:.75rem 1.25rem;color:var(--text);border:0;border-radius:10px 10px 0 0;box-shadow:0 1px 2px rgba(0,0,0,.10),0px 2px 4px rgba(0,0,0,.08),0 1px 5px rgba(0,0,0,.15);}
.payment-icon{width:62px;height:23px;}
.icon-payview{background:#f6f5ff;display:flex;flex-direction:row;height:36px;padding:3px 3px 3px 15px;border-radius:0 0 10px 10px;cursor:pointer;overflow:hidden;justify-content:flex-end;text-align:right;}
.icon-payview span{display:-webkit-box;display:flex;align-items:center;}
.collapsed .icon-expand-more{transform:rotate(180deg);}
.payment-channel-button{flex-wrap:wrap;display:flex;}
.desktop-sidebar{display:none;}
.data-pesanan{background:var(--bg);border-radius:1rem;}
.title-services{padding:1px 7px}
.avg-ratings{font-size:20px;font-weight:bold;letter-spacing:-.6px;padding-top:1px}
.star-rating{font-size:18px}
@media(min-width:1199px){.avg-ratings{font-size:50px}.star-rating{font-size:35px;line-height:0.5}}
@media(min-width:992px) and (max-width:1198.98px){.avg-ratings{font-size:45px}.star-rating{font-size:29px;line-height:0.5}}
@media(min-width:992px){.desktop-sidebar{display:block;}}
@keyframes shimmer-border{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}
.choose-product:checked + label{border:2px solid transparent;background:linear-gradient(#ffefe0, #ffefe0) padding-box,linear-gradient(135deg,#e04949,#ebff7f 12.5%,#feffde,#fd7a02,#c46d1d,#ff9369,#feffde,#ff7f98 87.5%,#cc0e0e) border-box;background-size:300%;animation:shimmer-border 5s linear infinite;}
.number-step{background:var(--primary);color:#fff;padding:3px 10px;border-radius:7px;}
.popover-body{padding:0.375rem;background-color:var(--bg);color:#fff;border-radius:0.5rem;}
.popover{--bs-popover-max-width:300px!important;}
.btn-loading{background:#8649cc;color:#fff;}
.order-sticky-menu{position:fixed;left:0;right:0;bottom:0;z-index:99;width:100%;margin:0 auto;box-shadow:0 -.3rem .6rem 0 rgba(5,8,46,0.15);border-radius:10px 10px 0 0;}
.order-sticky-header{background:linear-gradient(135deg, #ff9433 0%, #dc6300 100%);border-radius:10px 10px 0 0;box-shadow:0 -.3rem .6rem 0 rgba(5,8,46,0.15);}
.order-sticky{display:flex;background:#ffffff;box-shadow:0 -.3rem .6rem 0 rgba(5,8,46,0.15);}
.tg-search-button{padding-top:3px;padding-bottom:0;color:#595c5f;font-size:1.125rem}
.navbar-toggler{font-size:1.125rem}
html[data-bs-theme="dark"] .tg-search-button {color:#9b9ea1}
.tg-search-result{position:absolute;left:0;right:0;top:54px;}
.tg-result-list{color:var(--text)!important;text-decoration:none;}
.tg-search-list{max-height:298px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.07),0 4px 5px rgba(0,0,0,.06),0 1px 10px rgba(0,0,0,.1)!important;}
.shadow-top{box-shadow:0 -0.125rem 0.25rem rgba(0,0,0,.075)!important;}
.shadow-card{box-shadow:0 2px 4px rgba(0,0,0,.15);}
.shadow-card-top{box-shadow:0 -2px 4px rgba(0,0,0,.15);}
@media(max-width:576px){.hero{padding:1rem;}.cover{height:72px;}}
@media(max-width:900px){.game-item{width:calc(50% - 12px);}}
@media(min-width:576px) and (max-width:767.98px){.order-sticky-menu{max-width:516px!important;}}
@media(min-width:768px) and (max-width:991.98px){.order-sticky-menu{max-width:696px!important;}}
.bg-white,.card,.game-item,.list-group-item,.dropdown-menu,.navbar,header,footer,.breadcrumb{box-shadow:var(--card-shadow);transition:background-color 200ms linear,color 200ms linear;}
.card{border:1px solid rgba(0,0,0,0.06);}
a,.nav-link{color:var(--primary-link);text-decoration:none}
.form-select,.form-control,input,textarea{background-color:rgba(0,0,0,0.03);color:var(--text);border:1px solid rgba(0,0,0,0.08)}
.form-select:focus,.form-control:focus{color:var(--text);background-color:var(--bs-body-bg);border-color:var(--primary);outline:0;box-shadow:none}
html[data-bs-theme="dark"] .form-select,html[data-bs-theme="dark"] .form-control{background-color:var(--bg);color:#8f9099;border-color:#8d663a}
html[data-bs-theme="dark"] .form-select:focus,html[data-bs-theme="dark"] .form-control:focus{color:#fff;background-color:#25170b;border:1px solid #ff7a00}
.list-category{background:#fff;color:var(--text);font-weight:600;border:none;border-radius:1rem;padding:4px 10px}
.list-category.active{background:var(--primary)!important;color:#fff}
html[data-bs-theme="dark"] .list-category{background:#23292f}
.dropdown-item.active,.dropdown-item:active{background-color:var(--primary)}
.badge{background:rgba(106,13,173,0.12);color:var(--primary)}
html[data-bs-theme="dark"] .bg-white,html[data-bs-theme="dark"] .card,html[data-bs-theme="dark"] .navbar,html[data-bs-theme="dark"] .dropdown-menu,html[data-bs-theme="dark"] .list-group-item,html[data-bs-theme="dark"] .breadcrumb,html[data-bs-theme="dark"] .table,html[data-bs-theme="dark"] .modal-content{background-color:#23292f!important;color:#e9e7ff!important;border-color:rgba(255,255,255,0.06)!important;box-shadow:none!important;}
html[data-bs-theme="dark"] .product-variant,html[data-bs-theme="dark"] .denom-card,html[data-bs-theme="dark"] .payment-card{border:2px solid #8d663a}
html[data-bs-theme="dark"] .icon-payview,html[data-bs-theme="dark"] .price-detail{background:rgb(22 26 30)}
html[data-bs-theme="dark"] .choose-product:checked + label{border:2px solid transparent;background:linear-gradient(#3d3329, #3d3329) padding-box,linear-gradient(135deg,#e04949,#ebff7f 12.5%,#feffde,#fd7a02,#c46d1d,#ff9369,#feffde,#ff7f98 87.5%,#cc0e0e) border-box;background-size:300%;animation:shimmer-border 5s linear infinite;}
html[data-bs-theme="dark"] .tg-result-list{color:#e9e7ff!important;}
html[data-bs-theme="dark"] .tg-search-list{background:#23292f;}
html[data-bs-theme="dark"] .game-item{background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.04);color:#e9e7ff;}
html[data-bs-theme="dark"] img.icon-invert{filter:brightness(1.6) contrast(0.95);}
html[data-bs-theme="dark"] .order-sticky{background:#23292f;}
.theme-icon-active{font-size:1.1rem;}
#darkModeToggle{position:fixed;right:18px;bottom:18px;z-index:9999;border:none;padding:10px 12px;border-radius:999px;box-shadow:0 6px 20px rgba(16,16,16,0.12);cursor:pointer;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 60%,black 20%));color:var(--primary-contrast);font-size:18px;}
#darkModeToggle .label{display:none;margin-left:8px;}
.pwa-prompt{padding:.75rem;background:var(--bg);background-image:url(/assets/images/pwa-bottom.png), url(/assets/images/pwa-top.png);background-position:0 100%, 100% 0;background-repeat:no-repeat;background-size:70px auto}
.pwa-close{font-size:1.5rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--text);padding:0}
.pwa-img{height:32px}
.cover-img-footer{top:0;right:0;z-index:1;width:300px;margin-top:-60px;margin-right:0;background-size:cover;height:calc(100% + 60px);background-image:url(/assets/images/narutoxmlbb.png)}
.footer-section{border-radius:1rem 1rem 0 0;overflow:hidden;background:url(/assets/images/background-naruto.png) center top/100% no-repeat}