@font-face{font-family:BoonHome;src:url(https://www.ttgstore.com/build/assets/boonhome-700-77b495d5.otf) format("opentype")}@font-face{font-family:BoonHome-400;src:url(https://www.ttgstore.com/build/assets/boonhome-400-adcbb136.otf) format("opentype")}:root{--bs-border-radius: .25rem;--bs-secondary-bg: #8D72BC;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 54, 179, 126;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 255, 59, 48;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41}.input-group-text{background-color:#b1b1b11f;color:#9a9a9a;border:solid 1px #bebebe}.form-control{background-color:#3b0d6d;color:#c4c4c4;padding:10px;border-radius:10px;font-family:BoonHome-400,sans-serif;font-weight:400}.border-right{border-right:0}.border-left{border-left:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:0}.form-control::placeholder{color:#c4c4c4}.form-control:-ms-input-placeholder{color:#c4c4c4}.form-control::-ms-input-placeholder{color:#c4c4c4}.form-control:focus{color:#c4c4c4;background-color:#3b0d6d;border-color:#7e0cab;box-shadow:0 0 0 .2rem #7e0cab40}*{font-family:BoonHome,sans-serif}body{position:relative;background:#2D125F url(/bg.png?v=1) no-repeat center/cover;margin:0;padding:0;min-height:100vh;width:100vw;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2d125fcc;pointer-events:none;z-index:-1}.app-header{background:#282828;font-size:14px}.navbar-nav>.nav-item>.nav-link{font-size:14px}.nav-link{color:#8d72bc}.shadow-1{box-shadow:#63636333 0 2px 8px}.head-bg{position:relative;background:linear-gradient(to right,#6430FE,#B494FF);border-radius:16px}.head-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.675);z-index:1}.head-content{position:relative;z-index:3}.line{border-color:#c4c4c4}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.username,.password,.email{position:relative}.username .form-control,.password .form-control,.email .form-control{text-indent:0px}.username .fa-user,.email .fa-envelope,.password .fa-key,.password .fa-eye,.password .fa-eye-slash,.password .fa-lock{position:absolute;height:100%;display:flex;color:#fff!important;-webkit-user-select:none;user-select:none;justify-content:end;align-items:center;padding-right:10px;right:0}.username:has(input:focus) .fa-user,.email:has(input:focus) .fa-envelope,.password:has(input:focus) .fa-key,.password:has(input:focus) .fa-eye,.password:has(input:focus) .fa-eye-slash{color:#2d125f}.email:has(input:focus) ::placeholder,.username:has(input:focus) ::placeholder,.password:has(input:focus) ::placeholder{color:transparent}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #3B0D6D;--bs-btn-border-color: #3B0D6D;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #8D72BC;--bs-btn-hover-border-color: #8D72BC;--bs-btn-focus-shadow-rgb: 171, 12, 12;--bs-btn-active-color: #fff;--bs-btn-active-bg: #8D72BC;--bs-btn-active-border-color: #8D72BC;--bs-btn-active-shadow: 0px 0px 10px 0px rgb(68, 12, 171);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: rgb(77, 69, 101);--bs-btn-disabled-border-color: rgb(77, 69, 101);background:linear-gradient(to right,#3F3CD3,#895AE8)!important;border-radius:10px;padding:15px 25px}.btn{border-radius:15px}.modal-content{background-color:#3b0d6d}.form-text{margin-top:.25rem;font-size:.875em;color:#ffffffbf}.btn-secondary{background:#ffffff;border:solid 1px #fff!important;border-radius:15px;color:#3b0d6d}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:#aa7cff;background-color:#fff;border-color:var(--bs-btn-active-border-color)}.btn:focus-visible{color:#575757;background-color:#d3d3d3;border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.list-group-item{background-color:#452482;margin-top:10px;border:0;border-radius:10px;color:#fff}.list-group-item+.list-group-item.active{margin-top:10px!important}.list-group-item.active{z-index:2;color:#fff;margin-top:10px;background:linear-gradient(to right,#6430FE,#B494FF)}.list-group-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.list-group-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.btn-outline-primary{--bs-btn-color: #fff;--bs-btn-border-color: #3B0D6D;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #3B0D6D;--bs-btn-hover-border-color: #8D72BC;--bs-btn-focus-shadow-rgb: 171, 12, 12;--bs-btn-active-color: #fff;--bs-btn-active-bg: #3B0D6D;--bs-btn-active-border-color: #8D72BC;--bs-btn-active-shadow: 0px 0px 10px 0px rgb(171, 12, 12);--bs-btn-disabled-color: #a83737;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #a83737;--bs-gradient: none}.form-select{--bs-form-select-bg-img: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e) !important;display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-weight:400;line-height:2;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#3b0d6d;background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;border-radius:10px}.select2-container--bootstrap-5 .select2-selection{width:100%;min-height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#3b0d6d;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff}.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding:0;font-weight:400;line-height:1.5;color:#fff}.select2-container--bootstrap-5 .select2-selection--single{padding:.375rem 2.25rem .375rem .75rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{display:block;width:100%;padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#3b0d6d;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.select2-container--bootstrap-5 .select2-dropdown{z-index:1056;overflow:hidden;color:#fff;background-color:#3b0d6d;border-color:#86b7fe;border-radius:.25rem}.quick-actions{display:inline-flex!important;-webkit-overflow-scrolling:touch;padding-bottom:15px;padding-top:15px}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){color:#fff;background-color:#5846da}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{color:#fff;background-color:#5846da}.action-item{display:inline-block;width:130px;margin-left:5px;margin-right:5px;background:#474747;padding:5px;border-radius:8px;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:12px}.action-item.active{box-shadow:0 0 10px 5px #3b0d6d;background:white;color:#3b0d6d;transition:all .5s ease}.scrollbar-x{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch}.navbar,#navbar-container{transition:all .5s ease-in-out}.card{--bs-card-bg: #3B0D6D;border-radius:16px;border:solid 0px transparent}.topup-game-title{font-size:12px;color:#c4c4c4;text-align:center;font-weight:700}#popular,#prepaid,#mobile,#recent{display:none}.alert-close{position:absolute;display:flex;height:100%;width:100%;align-items:center;background:#4d4d4db5;color:#ff3939;text-align:center;justify-content:center;-webkit-user-select:none;user-select:none}.account>.form-group>.form-control:not(:disabled){background:#ffffff;border:solid 1px #3B0D6D;color:#4d4d4d}.active>.page-link,.page-link.active{background-color:#3b0d6d;border-color:#3b0d6d}.page-link{color:#3b0d6d}.page-link:focus{box-shadow:0 0 10px #ab0c0c}.page-link:hover:not(.active>.page-link){z-index:2;color:#000;border-color:var(--bs-pagination-hover-border-color)}.text-sm{font-size:12px}.product-variant{position:relative;background:#6129C5;border-radius:10px;box-shadow:-0px 0 120px #000 inset;-webkit-box-shadow:-0px 0px 120px 0px rgb(0 0 0) inset;-moz-box-shadow:-0px 0px 120px 0px rgb(0 0 0) inset;border:1px solid #A573FF}.product-variant-wrapper{box-shadow:0 0 17px 2px #642ac9;-webkit-box-shadow:0px 0px 17px 2px rgba(100,42,201,1);-moz-box-shadow:0px 0px 17px 2px rgba(100,42,201,1);border-radius:10px}.product-variant-price{position:absolute;bottom:-12px;background:#a83737;font-size:14px;padding:5px 20px;border-radius:10px;color:#fff}.product-variant.active:before{position:absolute;top:10px;right:10px;content:"";width:30px;height:30px;background-image:url(/check-icon.png);background-size:contain;background-repeat:no-repeat;background-position:center}.product-variant-prepaid.active:before{position:absolute;top:10px;right:10px;content:"";width:30px;height:30px;background-image:url(/check-icon.png);background-size:contain;background-repeat:no-repeat;background-position:center}.product-variant-description{color:#dc3545;overflow-wrap:anywhere}.product-variant.active>.product-variant-description{color:#fff}.dataTables_filter>label>input,.dataTables_filter>label>input:focus,.dataTables_filter>label>input:active{color:#413d3d}.w-calculate{width:calc(100% - var(--bs-card-spacer-x) * 2)!important}table.dataTable.table>tbody>tr.unread>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe),.05)}table.dataTable.table>tbody>tr.unread:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe),.1)}table.dataTable.table>tbody>tr.unread:active>*{box-shadow:unset}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#740000;font-weight:600}.row{margin-right:calc(-.2 * var(--bs-gutter-x));margin-left:calc(-.2 * var(--bs-gutter-x))}.row>*{padding-right:calc(var(--bs-gutter-x) * .2);padding-left:calc(var(--bs-gutter-x) * .2)}@media only screen and (max-width: 576px){.topup-game-title,.alert-close,.product-variant-price{font-size:10px!important}}@media (min-width: 576px){.position-sm-static{position:static!important}.position-sm-relative{position:relative!important}.position-sm-absolute{position:absolute!important}.position-sm-fixed{position:fixed!important}.position-sm-sticky{position:sticky!important}}@media (min-width: 768px){.position-md-static{position:static!important}.position-md-relative{position:relative!important}.position-md-absolute{position:absolute!important}.position-md-fixed{position:fixed!important}.position-md-sticky{position:sticky!important}}@media (max-width: 991px){.offcanvas.offcanvas-end.show{width:90%!important}}@media (min-width: 992px){.position-lg-static{position:static!important}.position-lg-relative{position:relative!important}.position-lg-absolute{position:absolute!important}.position-lg-fixed{position:fixed!important}.position-lg-sticky{position:sticky!important}}@media (min-width: 1200px){.position-xl-static{position:static!important}.position-xl-relative{position:relative!important}.position-xl-absolute{position:absolute!important}.position-xl-fixed{position:fixed!important}.position-xl-sticky{position:sticky!important}}.radius-2{border-radius:25px}.no-sb{border:unset!important;box-shadow:unset!important}.product-clickable:hover{cursor:pointer;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset!important}.table-responsive .dropdown,.table-responsive .btn-group,.table-responsive .btn-group-vertical{position:static}.search-button{background:#FFC107;color:#fff;border:0px solid transparent!important;transition:all .3s ease}.search-button:hover{background:#e0a800;color:#fff;border:0px solid transparent!important;transform:translateY(-1px);box-shadow:0 4px 8px #ffc1074d}.search-button:focus{background:#FFC107!important;color:#fff!important;border:0px solid transparent!important;box-shadow:0 0 0 .2rem #ffc10740!important;outline:none!important}.search-button:active{background:#d39e00!important;color:#fff!important;border:0px solid transparent!important;transform:translateY(0)!important;box-shadow:0 2px 4px #ffc10733!important}.search-button:disabled{background:#ffc107;opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.search-button:disabled:hover{background:#ffc107;transform:none;box-shadow:none}.bg-product-price-label{background:#ffd8a3;border-radius:10px;padding:3;padding-right:10;padding-left:10}.bg-transparent{background:#3B0D6D!important}.price{font-size:20px}.sub-price{font-size:14px;color:#8d72bc;font-family:BoonHome-400,sans-serif;font-weight:400}.product-description{color:#8d72bc!important;font-family:BoonHome-400,sans-serif;font-weight:400;font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline;min-height:25px}@keyframes flash{0%{opacity:1}50%{opacity:0}to{opacity:1}}.flash{animation:flash 1.5s infinite}.rewarded-user{background:#ffffff;border-radius:0;padding:0;background:#7638b4;box-shadow:0 0 10px #b872ff;min-height:300px;display:flex;flex-direction:column;justify-content:center}.reward-box{background:#41235e;border-radius:0;padding:3px;color:#fff;font-size:12px;display:flex;justify-content:center}.username-rewarded{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:65px}.countdown-reward{font-size:12px;color:#fff;text-align:center;margin-top:5px}.divider{color:#fff;display:flex;align-items:center;background:linear-gradient(to right,#8528F6,#98528f00) no-repeat;background-size:65%;padding:8px;border-radius:6px}.divider-text-right{font-family:BoonHome,sans-serif;font-size:14px}.divider-text-left{font-family:BoonHome,sans-serif;font-size:18px}.reward-guide{text-align:center;background:#7638b4;padding:10px;color:#fff}.sold-count{font-size:10px;color:#a7a7a7}.product-image-top-radius{border-top-right-radius:10px;border-top-left-radius:10px}.discount-triangle{background:red;position:absolute;width:100%;transform:rotate(45deg);right:-30%;top:8px;height:25%;display:flex;justify-content:center;align-items:center}.discount-triangle-text{color:#7fffd4;font-size:1em}p>img{width:100%;height:auto}.text-md{font-size:16px}.avatar-container{border-radius:15px;position:relative;z-index:1;display:flex;height:40px;width:40px;justify-content:center}.avatar-container:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:18px;background:linear-gradient(135deg,#6430FE,#B494FF);z-index:-1}.avatar{display:block;border-radius:15px}.badge-wrapper{position:relative}.badge-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:1.5em;min-height:1.5em;background:#dc3545;border-radius:50%;z-index:-1}.nav-link:focus,.nav-link:hover{color:#fcddffcc}.bg-custom-nav{background:#2D125F}.bg-footer{display:flex;width:100%;justify-content:space-between;padding:20px;background:linear-gradient(to right,#6430FE,#B494FF)}.bg-section-footer{padding:10px;background:linear-gradient(to right,#6430FE,#B494FF);border-radius:25px}.bg-transparent-guide{background:#ecdbff1f!important;border-radius:24px}.font-400{font-family:BoonHome-400,sans-serif!important}.user-image-floating{position:absolute;left:-13;top:15}.user-image-border{border:2px solid #ffffff;height:35px!important;width:35px!important}.recharged_title{font-size:12px}.recharged_name{font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:85px}.recharged_time{font-size:12px}.total_recharged{color:#ffd500;font-size:10px}@media (min-width: 768px){.user-image-border{height:35px!important;width:35px!important}.user-image-floating{left:-13px}.total_recharged{font-size:10px}}@media (min-width: 1200px){.total_recharged{font-size:20px}.recharged_name,.recharged_time,.recharged_title{font-size:16px}}@media (min-width: 992px){.user-image-border{height:55px!important;width:55px!important}.user-image-floating{left:-13px}html,body{padding-top:70px!important}}.g-10,.gx-10{--bs-gutter-x: 4.5rem}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:#fff;font-weight:600}.btn-custom-primary:hover{font-size:14px;background:#2D125F;border-radius:15px}.btn-custom-primary:focus,.btn-custom-primary:active,.btn-custom-primary{font-size:14px;background:#3B0D6D;border-radius:15px}.bg-primary-custom{background:#3B0D6D}.bg-gradient-address{background:linear-gradient(to top,#3E3BD3,#895AE8)}.border-custom-add{border-bottom:0px #fff solid;border-style:dashed;margin-top:10px;margin-bottom:10px;color:#fff}.text-primary-custom{color:#2d125f;font-size:12px}.dataTables_filter>label>input,.dataTables_filter>label>input:focus,.dataTables_filter>label>input:active{color:#fff}.swal2-popup{background:linear-gradient(145deg,#6430FE 0%,#B494FF 100%)!important;border:none!important;border-radius:20px!important;box-shadow:0 20px 40px #6430fe66!important;position:relative!important;overflow:hidden!important;color:#fff!important}.swal2-popup:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);pointer-events:none;border-radius:20px;z-index:0}.swal2-title{color:#fff!important;font-weight:600!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important;position:relative!important;z-index:2!important}.swal2-html-container{color:#ffffffe6!important;position:relative!important;z-index:2!important}.swal2-image{border-radius:12px!important;background:white!important;padding:1rem!important;box-shadow:0 8px 25px #0003!important;margin:1rem auto!important}.swal2-actions{position:relative!important;z-index:2!important;justify-content:center!important;gap:1rem!important;margin-top:2rem!important}.swal2-confirm{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%)!important;color:#fff!important;border:none!important;padding:.75rem 2rem!important;border-radius:12px!important;font-weight:600!important;font-size:.95rem!important;box-shadow:0 4px 15px #4caf5066!important;transition:all .3s ease!important}.swal2-confirm:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #4caf5080!important;background:linear-gradient(135deg,#5cbf60 0%,#4caf50 100%)!important}.swal2-cancel{background:rgba(255,255,255,.15)!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;padding:.75rem 2rem!important;border-radius:12px!important;font-weight:600!important;transition:all .3s ease!important}.swal2-cancel:hover{background:rgba(255,255,255,.25)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #00000026!important}.swal2-close{background:rgba(255,255,255,.2)!important;border-radius:50%!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;font-size:1.2rem!important;width:40px!important;height:40px!important;transition:all .3s ease!important}.swal2-close:hover{background:rgba(255,255,255,.3)!important;transform:scale(1.1)!important}.btn-primary-view{background:#621EEC;color:#fff;font-size:12px;border-radius:10px;padding-top:10px;padding-bottom:10px}.fa-solid.fa-circle-question.text-success.fa-beat.clickable{color:#06f461!important}.btn-close{--bs-btn-close-color: #ffffff;--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.badge{padding:8px;border-radius:15px}.message-item{background:#895AE8;border-radius:10px;padding:5px}.message-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-scroll{margin-top:10px;max-height:660px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ceb5ff transparent}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:rgba(240,240,240,.3);border-radius:10px;margin:5px}.custom-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ceb5ff 0%,#b19eff 100%);border-radius:10px;transition:all .3s ease}.custom-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d4c2ff 0%,#c7b3ff 100%);transform:scale(1.1)}.custom-scroll::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#c0a8ff 0%,#a68bff 100%)}.thumbnail-scroll-container{height:400px!important;position:relative;max-height:400px!important}.thumbnail-scroll-content{height:100%!important;max-height:400px!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:5px;display:flex;flex-direction:column}.thumbnail-scroll-content::-webkit-scrollbar{width:4px}.thumbnail-scroll-content::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.thumbnail-scroll-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.thumbnail-scroll-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.thumbnail-container{min-height:90px;max-height:90px}.product-thumbnail{transition:all .3s ease;opacity:.7;border:2px solid transparent}.product-thumbnail:hover{opacity:1;transform:scale(1.05)}.product-thumbnail.active{opacity:1;border:2px solid #007bff}.main-product-image{transition:all .3s ease}.thumbnail-mobile-scroll::-webkit-scrollbar-thumb:hover{background:rgba(111,66,193,.7)}.thumbnail-mobile-item{flex:0 0 auto;width:55px;height:55px}.mobile-thumbnail-card{transition:all .3s ease;transform:scale(1)}@media (max-width: 576px){.thumbnail-mobile-item{width:50px;height:50px}.thumbnail-mobile-scroll{gap:8px;padding:8px 15px}}@media (max-width: 480px){.thumbnail-mobile-item{width:45px;height:45px}.thumbnail-mobile-scroll{gap:6px}}@media (max-width: 768px){.product-thumbnail.active{opacity:1;border:none}.product-thumbnail{border:none}}.mobile-main-image-container{border-radius:10px}.mobile-main-image{height:100%;width:100%;object-fit:contain;transition:all .3s ease;border-radius:10px}.thumbnail-mobile-container{position:relative;margin:0 -15px}.thumbnail-mobile-scroll{display:flex;overflow-x:auto;overflow-y:hidden;gap:12px;padding:10px 15px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.thumbnail-mobile-scroll::-webkit-scrollbar{height:3px}.thumbnail-mobile-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.thumbnail-mobile-scroll::-webkit-scrollbar-thumb{background:rgba(111,66,193,.5);border-radius:2px}.thumbnail-mobile-item{flex:0 0 auto;width:105px;height:105px}.mobile-thumbnail-card{width:100%;height:100%;border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;padding:2px}.mobile-thumbnail-card:hover{transform:scale(1.05)}.mobile-thumbnail-card.active{border:2px solid #6f42c1}.mobile-thumbnail-img{width:100%;height:100%;object-fit:contain;border-radius:8px}@media (max-width: 768px){.container-fluid{padding:0}.h1{font-size:1.5rem!important}.card-body{padding:1rem!important}}@media (max-width: 576px){.thumbnail-mobile-item{width:100px;height:100px}.thumbnail-mobile-scroll{gap:8px;padding:8px 15px}}@media (max-width: 480px){.thumbnail-mobile-item{width:80px;height:80px}.thumbnail-mobile-scroll{gap:6px}}.game-card{transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.game-name-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(46 17 95) 0%,rgb(46 17 95 / 50%) 50%,rgba(0,0,0,0) 100%);padding:20px 20px 10px;border-radius:0 0 20px 20px;opacity:1;transform:translateY(0);height:50%;display:flex;justify-content:start;align-items:end}.game-name-text{color:#fff;font-size:14px;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2;word-break:break-word}@media (max-width: 768px){.game-name-text{font-size:12px}}@media (max-width: 576px){.game-name-text{font-size:11px}.game-name-overlay{padding:15px 8px 8px}}.game-name-overlay{opacity:1!important;transform:translateY(0)!important}.product-title-ellipsis{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:normal;min-height:48px}.form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important}