:root{--primary-color:#4a90e2;--accent-color:#ff2323;--danger-color:#dc001a;--light-gray:#f5f6fa;--white:#fff;--border-radius:4px}.loading-container{flex-direction:column;justify-content:center;align-items:center;height:300px;min-height:calc(100vh - 400px);display:flex}.loading-spinner{border:4px solid #0000001a;border-left-color:#ff3705;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)translateZ(0)}to{transform:rotate(360deg)translateZ(0)}}@media (max-width:768px){.loading-spinner{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}}.loading-container p{color:#666;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem}.product-detail{background-color:var(--light-gray);min-height:100vh;padding:80px 1rem .2rem}.product-main-col{width:100%;max-width:1200px;margin:0 auto}.product-main-flex{gap:.5rem;width:100%;margin-bottom:1.5rem;display:flex}.product-left-col{flex:2 1 0;min-width:0}.product-right-col{flex-direction:column;flex:1 1 0;gap:.1rem;min-width:260px;display:flex}.product-header-card{background:url(/images/ff_top_up_background.webp) 50%/cover no-repeat;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;min-height:100px;margin-bottom:1rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.product-header-card.pubg-header{background:url(/images/pubg_top_up_background.webp) 50%/cover no-repeat}.product-header-card.yalla-ludo-header{background:url(/images/Yalla_ludo_top_up_background.webp) 50%/cover no-repeat}.product-header-card.youtube-premium-header{background:url(/images/youtube_premium_buy_background.webp) 50%/cover no-repeat}.product-header-card.chatgpt-go-header{background:url(/images/chatgpt_go_subscription_background.webp) 50%/cover no-repeat}.product-header-card.tiktok-header{background:url(/images/tiktok_like_follow_views_background.webp) 50%/cover no-repeat}.product-header-card.netflix-header{background:url(/images/netflix_subscription_banner.webp) 50%/cover no-repeat}.product-header-card:before{content:"";z-index:1;background:linear-gradient(135deg,#66fffc1a 0% 50%,#66fffc1a 100%);position:absolute;inset:0}.product-header-card:after{content:"";z-index:1;background:linear-gradient(135deg,#0000004d 0%,#0003 50%,#0006 100%);border-radius:10px;position:absolute;inset:7.5% .75%}.product-header-content{z-index:2;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.product-image-card{object-fit:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;width:80px;height:80px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d}.product-image-card:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006}.product-title-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.product-name-card{color:#fff;text-shadow:2px 2px 4px #0009;margin:0;font-family:VarelaRound-Regular,sans-serif;font-size:1.5rem;font-weight:800;line-height:1.2}.product-stats{z-index:2;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:relative}.product-badge{color:#fff;text-shadow:1px 1px 2px #0000004d;background:linear-gradient(135deg,#ff3705 0%,#ff5c2a 100%);border:1px solid #fff3;border-radius:15px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;box-shadow:0 4px 16px #ff37054d}.product-rating{color:gold;text-shadow:1px 1px 2px #00000080;align-items:center;gap:.3rem;font-size:.9rem;display:flex}.product-rating .stars{gap:1px;display:flex}.product-rating .rating-text{color:#ffffffe6;font-size:.75rem;font-weight:500}.step-card{background:var(--white);border:1.5px solid #e0e0e0;border-radius:6px;margin-bottom:.5rem;padding:.5rem;box-shadow:0 1px 6px #0000001a}.select-recharge-title,.step-title{color:var(--danger-color);border-bottom:1px solid #d2d2d2;align-items:center;gap:.5rem;margin-bottom:1rem;padding-top:.3rem;padding-bottom:1.2rem;font-family:BreeSerif-Regular,serif;font-size:1.05rem;font-weight:500;display:flex}.select-recharge-title .circle,.step-title .circle{background:var(--danger-color);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;font-weight:700;display:flex}.step-title{color:var(--danger-color);align-items:center;margin-bottom:.7rem;display:flex}.selected-amount{margin-left:auto;margin-right:.25rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;font-weight:600}.step-label{color:#222;margin-bottom:.4rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.95rem;display:block}.variable-options{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem;display:grid}.variable-option{background:var(--white);border-radius:var(--border-radius);cursor:pointer;border:1px solid #cdd5dc;border-radius:8px;align-items:center;height:45px;min-height:45px;padding:1rem .5rem;transition:border-color .2s,background .2s;display:flex;position:relative;box-shadow:0 1px 2px #0000001a}.variable-option:hover{background:var(--white);border-color:#ffadad}.variable-option:active{transform:scale(.99)translateZ(0)}.variable-option.selected{border-color:var(--accent-color)!important;background:#ffe9e9cd!important}@media (max-width:768px){.variable-option{transition:border-color .1s,background .1s,transform .1s}.variable-option:active{transform:scale(.99)translateZ(0)}}.variable-option label{cursor:pointer;align-items:center;width:100%;height:100%;font-size:.7rem;font-weight:500;display:flex;position:relative;color:#2c2c2c!important}.variable-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.variable-option .custom-radio{background:#dbdbdb;border:none;border-radius:50%;justify-content:center;align-items:center;width:12px;min-width:12px;height:12px;min-height:12px;margin-right:.4rem;transition:border-color .2s,background .2s;display:flex;position:relative}.variable-option.selected .custom-radio{background:#fff;border:none}.variable-option span{display:inline-block}.variable-price{color:var(--accent-color);margin-left:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.7rem;font-weight:700}.payment-cards{justify-content:space-around;gap:.75rem;margin-bottom:.75rem;display:flex}.payment-card{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;min-width:120px;max-width:250px;padding:0;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden;box-shadow:1px 2px 5px #0001}.payment-card input[type=radio]{display:none}.payment-card.selected{background:#fff7f2;border-color:#dc001a;position:relative;box-shadow:0 2px 8px #ff415733}.corner-badge{z-index:2;pointer-events:none;justify-content:flex-start;align-items:flex-start;width:40px;height:40px;display:flex;position:absolute;top:0;left:0}.payment-img-wrap{justify-content:center;align-items:center;display:flex}.payment-img-wrap img{object-fit:contain;width:100%;height:85px}.payment-caption{text-align:center;color:#333;text-align:center;background:#e5e7eb;width:100%;font-size:.85rem;font-weight:500}.balance-info{color:#222;border-radius:6px;margin-bottom:.1rem;padding:.5rem .7rem;line-height:1.7;box-shadow:0 1px 4px #0001}.balance-row{align-items:center;gap:.3rem;margin-bottom:.2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.75rem;display:flex}.balance-row i.fa-info-circle{color:#bdbdbd;font-size:1.1em}.refresh-btn{cursor:pointer;color:#bdbdbd;background:0 0;border:none;margin-left:.3rem;padding:0 .2em;font-size:1.1em;transition:color .2s}.refresh-btn:hover{color:#ff4157}.buy-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;will-change:background-color;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;padding:.85rem 0;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex;transform:translateZ(0);background-color:#ff1515!important}.buy-btn:hover{background-color:#d10000}.buy-btn:active{background-color:#b00000;transform:scale(.98)translateZ(0)}.buy-btn:disabled,.buy-btn.buy-btn--processing{cursor:not-allowed;opacity:.95;pointer-events:none;transform:translateZ(0);color:#fff!important;background-color:#ff606d!important}.buy-btn:disabled:hover,.buy-btn.buy-btn--processing:hover{background-color:#ff606d!important}@media (max-width:768px){.buy-btn{transition:background-color .15s,transform .1s}.buy-btn:active{transform:scale(.97)translateZ(0)}}.step-input{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:.75rem;padding:.75rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem}.step-input:focus,.step-input:focus-visible{border-color:#abcafae1;outline:1px}select.step-input{cursor:pointer;background-color:#fff;padding-right:2.5rem}select.step-input option{padding:.5rem;font-size:.9rem}.yalla-ludo-input{margin-bottom:.3rem}.check-player-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;will-change:background-color;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;min-height:42px;margin-bottom:.25rem;padding:.3rem;font-size:.9rem;transition:background-color .2s;display:flex;transform:translateZ(0)}.check-player-btn:hover{background-color:#367dce}.check-player-btn:active{background-color:#2d6ba8;transform:scale(.98)translateZ(0)}.check-player-btn:disabled{cursor:not-allowed;background-color:#ccc;display:flex;transform:translateZ(0)}@media (max-width:768px){.check-player-btn{transition:background-color .15s,transform .1s}.check-player-btn:active{transform:scale(.97)translateZ(0)}}.check-player-btn img{border-radius:4px;max-width:100%;height:auto}.player-info-container{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;padding:5px 10px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.player-info-container p{margin:2px 0}.product-description{background-color:var(--white);border:1.5px solid #e0e0e0;border-radius:6px;margin-top:.5rem;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 1px 6px #0000001a}.product-description h3{color:var(--primary-color);padding:.7rem;font-size:1.2rem}.product-description div{padding:0 .7rem .7rem}.product-description p{text-align:justify;margin:0}.product-description div{color:#555;font-size:15px;line-height:1.7}.product-description ul{margin:.75rem 0;padding-left:1.5rem;list-style-position:outside}.product-description li{margin-bottom:.3rem;font-weight:500;line-height:1.6;list-style-type:disc}.rules-conditions{background-color:var(--white);border:1.5px solid #e0e0e0;border-radius:6px;margin-top:.5rem;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 1px 6px #0000001a}.rules-conditions h3{color:var(--danger-color);padding:.7rem;font-size:1.2rem}.rules-conditions ul{margin-left:1.5rem;padding-left:0}@media (max-width:900px){.product-main-flex{flex-direction:column}.product-right-col{width:100%}.variable-options{grid-template-columns:repeat(2,1fr)}.product-header-card{min-height:90px;padding:.8rem}.product-header-content{gap:.8rem}.product-name-card{font-size:1.3rem}.product-image-card{width:70px;height:70px}.product-stats{align-items:center}}@media (max-width:768px){.product-detail{padding:90px .5rem .2rem}.product-main-flex{gap:.4rem}.product-right-col,.product-left-col{min-width:100%}.product-header-card{text-align:left;flex-direction:row;min-height:80px;padding:.7rem}.product-header-content{flex-direction:row;align-items:center;gap:.7rem}.product-name-card{text-align:left;font-size:1rem}.product-image-card{width:60px;height:60px}.product-title-group{text-align:left;align-items:flex-start}.product-category{padding:.2rem .5rem;font-size:.7rem}.product-stats{flex-direction:column;justify-content:center;align-items:center;gap:.3rem}.product-badge{padding:.2rem .5rem;font-size:.65rem;font-weight:400}.product-rating{font-size:.7rem}.product-rating .rating-text{font-size:.65rem}.payment-cards{flex-direction:row;justify-content:space-around;width:100%}.payment-card{flex:0 auto;min-width:120px;max-width:250px}.payment-img-wrap img{width:100%;height:90px}.payment-caption{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.85rem}.variable-options{grid-template-columns:repeat(2,1fr);gap:.5rem}.balance-row{font-size:.8rem}.product-description h3{padding:.8rem;font-size:1.1rem}.product-description div{padding:0 .4rem .5rem .8rem;font-size:13px!important;line-height:1.5!important}.product-description p{margin-bottom:.5rem;font-size:.8rem;line-height:1.5}.product-description ul{margin:.5rem 0!important;padding-left:1rem!important;list-style-position:outside!important}.product-description li{margin-bottom:.45rem!important;font-size:.8rem!important;line-height:1.4!important;list-style-type:disc!important}.rules-conditions h3{padding:.8rem;font-size:1.1rem}.rules-conditions li{margin-bottom:.5rem;font-size:.8rem;line-height:1.5}}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;margin:10px 0;padding:10px;font-size:14px}.success-message{color:#28a745;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;margin:10px 0;padding:10px;font-size:14px}.player-preview{flex-direction:column;align-items:center;width:100%;display:flex}.player-preview img{object-fit:cover;border-radius:4px}.player-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:5px;font-size:14px;font-weight:600;overflow:hidden}.video-link-section{background:var(--white);border-radius:var(--border-radius);text-align:center;border:2px solid #547fff6c;margin-top:.8rem;padding:.5rem;transition:border-color .2s,background .2s;box-shadow:0 1px 2px #0000001a}.video-tutorial-link{color:#5a5a5a;width:100%;font-size:.85rem;font-weight:400;text-decoration:none;display:block}.video-tutorial-link:hover{color:#2d2d2d}
