.product-detail-skeleton{margin:0 auto;max-width:1200px}.product-detail-skeleton .breadcrumb-skeleton{align-items:center;display:flex;gap:8px;margin-top:70px;padding:8px 12px;position:relative;z-index:10}@media(min-width:769px){.product-detail-skeleton .breadcrumb-skeleton{margin-top:120px}}.product-detail-skeleton .breadcrumb-skeleton .breadcrumb-item-skeleton{background:#ffffff1a;border-radius:4px;height:16px}.product-detail-skeleton .breadcrumb-skeleton .breadcrumb-separator-skeleton{align-items:center;color:#fff6;display:flex;height:20px;justify-content:center;width:20px}.product-detail-skeleton .detail-container{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:30px;margin-top:19px}@media(max-width:1200px){.product-detail-skeleton .detail-container{flex-direction:column;gap:16px}}.product-detail-skeleton .detail-container .detail-info{flex:1;position:relative;z-index:2}@media(max-width:1200px){.product-detail-skeleton .detail-container .detail-info{width:100%}}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton{background:#ffffff14;border:1px solid #fff3;border-radius:8px;margin-bottom:20px;overflow:hidden;padding:20px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .game-header-skeleton{align-items:center;display:flex;gap:16px;margin-bottom:24px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .game-header-skeleton .game-icon-skeleton{border-radius:8px;height:64px;width:64px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .game-header-skeleton .game-text-skeleton{display:flex;flex:1;flex-direction:column;gap:8px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .game-header-skeleton .game-text-skeleton .game-title-skeleton{border-radius:4px;height:24px;width:240px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .game-header-skeleton .game-text-skeleton .game-subtitle-skeleton{border-radius:4px;height:16px;width:180px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .service-guarantees-skeleton{border-top:1px solid #ffffff1a;display:flex;gap:24px;padding-top:16px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .service-guarantees-skeleton .service-item-skeleton{align-items:center;display:flex;gap:8px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .service-guarantees-skeleton .service-item-skeleton .service-icon-skeleton{border-radius:4px;height:24px;width:24px}.product-detail-skeleton .detail-container .detail-info .game-info-skeleton .service-guarantees-skeleton .service-item-skeleton .service-text-skeleton{border-radius:4px;height:14px;width:80px}.product-detail-skeleton .detail-container .detail-info .product-grid-skeleton{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-bottom:32px}.product-detail-skeleton .detail-container .detail-info .product-grid-skeleton .product-card-skeleton{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;overflow:hidden}.product-detail-skeleton .detail-container .detail-info .product-grid-skeleton .product-card-skeleton .card-image-skeleton{border-radius:8px 8px 0 0;height:160px;width:100%}.product-detail-skeleton .detail-container .detail-info .product-grid-skeleton .product-card-skeleton .card-content-skeleton{display:flex;flex-direction:column;gap:8px;padding:12px}.product-detail-skeleton .detail-container .detail-info .product-grid-skeleton .product-card-skeleton .card-content-skeleton .card-title-skeleton{border-radius:4px;height:16px;width:100%}.product-detail-skeleton .detail-container .detail-info .product-grid-skeleton .product-card-skeleton .card-content-skeleton .card-price-skeleton{border-radius:4px;height:20px;width:60%}.product-detail-skeleton .detail-container .detail-info .description-skeleton{background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:24px}.product-detail-skeleton .detail-container .detail-info .description-skeleton .description-title-skeleton{border-radius:4px;height:20px;margin-bottom:16px;width:140px}.product-detail-skeleton .detail-container .detail-info .description-skeleton .description-content-skeleton{display:flex;flex-direction:column;gap:12px}.product-detail-skeleton .detail-container .detail-info .description-skeleton .description-content-skeleton .description-line-skeleton{border-radius:4px;height:14px}.product-detail-skeleton .detail-container .order-info-skeleton{align-self:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:16px;position:sticky;top:80px;width:288px;z-index:10}@media(max-width:1200px){.product-detail-skeleton .detail-container .order-info-skeleton{margin-top:16px;width:100%}}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-us-skeleton{backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #fff3;border-radius:8px;min-height:150px;padding:16px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-us-skeleton .order-info-title-skeleton{border-radius:4px;height:20px;margin-bottom:24px;width:120px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-us-skeleton .form-container-skeleton{display:flex;flex-direction:column;gap:16px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-us-skeleton .form-container-skeleton .form-field-skeleton{display:flex;flex-direction:column;gap:8px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-us-skeleton .form-container-skeleton .form-field-skeleton .field-label-skeleton{border-radius:4px;height:14px;width:80px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-us-skeleton .form-container-skeleton .form-field-skeleton .field-input-skeleton{border-radius:4px;height:40px;width:100%}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-buy-skeleton{backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #fff3;border-radius:8px;padding:20px 16px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-buy-skeleton .summary-row-skeleton{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-buy-skeleton .summary-row-skeleton .summary-label-skeleton{border-radius:4px;height:16px;width:60px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-buy-skeleton .summary-row-skeleton .summary-value-skeleton{border-radius:4px;height:20px;width:80px}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-buy-skeleton .divider-skeleton{background:#ffffff1a;height:1px;margin:16px 0}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-buy-skeleton .action-button-skeleton{border-radius:6px;height:48px;margin-bottom:12px;width:100%}.product-detail-skeleton .detail-container .order-info-skeleton .order-info-buy-skeleton .security-text-skeleton{border-radius:4px;height:14px;margin:0 auto;width:120px}.skeleton-shimmer{animation:shimmer 2.5s ease infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 37%,#ffffff0a 63%);background-size:400% 100%}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(max-width:768px){.product-detail-skeleton{margin-top:30px!important}.product-detail-skeleton .detail-container{flex-direction:column}.product-detail-skeleton .detail-container .detail-info{width:100%}.product-detail-skeleton .detail-container .detail-info .product-grid-skeleton{gap:12px;grid-template-columns:repeat(2,1fr)}.product-detail-skeleton .detail-container .order-info-skeleton{position:relative;top:0;width:100%}}.login-topup-modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100%;z-index:2000}@media(max-width:768px){.login-topup-modal-overlay{align-items:flex-end;padding:0}}.login-topup-modal-overlay .login-topup-modal{animation:modalFadeIn .3s ease;background:linear-gradient(180deg,#0f172a,#1e293b);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}@media(max-width:768px){.login-topup-modal-overlay .login-topup-modal{animation:slideUp .3s ease;border-bottom:none;border-radius:12px 12px 0 0;margin:0;max-height:80vh;max-width:100%;padding-bottom:env(safe-area-inset-bottom);width:100%}}.login-topup-modal-overlay .login-topup-modal .modal-close{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;position:absolute;right:16px;top:16px;transition:color .2s ease;z-index:10}.login-topup-modal-overlay .login-topup-modal .modal-close:hover{color:#fff}.login-topup-modal-overlay .login-topup-modal .modal-header{margin-bottom:20px;padding:24px 24px 0;text-align:center}.login-topup-modal-overlay .login-topup-modal .modal-header h2{color:#fff;display:inline-block;font-size:20px;font-weight:700;margin-bottom:12px;position:relative}.login-topup-modal-overlay .login-topup-modal .modal-header h2:after{background:#0072ff;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.login-topup-modal-overlay .login-topup-modal .modal-header .modal-desc{color:#ffffffb3;font-size:14px;line-height:1.5;margin-top:16px}.login-topup-modal-overlay .login-topup-modal .modal-body{padding:0 24px 24px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group{margin-bottom:20px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group label{color:#fff;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group label .required{color:#ef4444;margin-right:4px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper{position:relative}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper input,.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper select{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:14px;height:48px;outline:none;padding:0 16px;transition:all .2s ease;width:100%}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper input::placeholder,.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper select::placeholder{color:#ffffff4d}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper input:focus,.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper select:focus{background:#ffffff26;border-color:#0072ff}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper input.error,.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper select.error{border-color:#ef4444}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper select{appearance:none;background:#ffffff1a;cursor:pointer}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper.select-wrapper{position:relative}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper.select-wrapper .select-arrow{align-items:center;color:#ffffff80;display:flex;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper .password-toggle{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .input-wrapper .password-toggle:hover{color:#fff}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .login-topup-select .select-header{border:1px solid #ffffff1a;border-radius:8px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .login-topup-select.error .select-header{border-color:#ef4444}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .upload-images-list{display:flex;flex-wrap:wrap;gap:12px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .uploaded-image-item{border-radius:4px;height:60px;overflow:hidden;position:relative;width:60px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .uploaded-image-item img{height:100%;object-fit:cover;width:100%}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .uploaded-image-item .remove-image-btn{align-items:center;background:#00000080;border:none;border-bottom-left-radius:4px;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .uploaded-image-item .remove-image-btn:hover{background:#000000b3}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .uploaded-image-item .remove-image-btn svg{height:10px;width:10px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .upload-btn-wrapper{align-items:center;background:#ffffff0d;border:1px dashed #fff3;border-radius:4px;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;transition:all .2s ease;width:60px}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .upload-btn-wrapper:hover{background:#ffffff1a;border-color:#0072ff;color:#0072ff}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .upload-btn-wrapper .file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .upload-wrapper .upload-btn-wrapper .upload-placeholder{align-items:center;color:#ffffff80;display:flex;justify-content:center}.login-topup-modal-overlay .login-topup-modal .modal-body .form-group .error-message{color:#ef4444;font-size:12px;margin-top:4px}.login-topup-modal-overlay .login-topup-modal .modal-body .submit-btn{background:linear-gradient(142.15deg,#00a6ff -45.22%,#0072ff 105.23%);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:48px;margin-top:8px;transition:all .2s ease;width:100%}.login-topup-modal-overlay .login-topup-modal .modal-body .submit-btn:hover{background:#0062db}.login-topup-modal-overlay .login-topup-modal .modal-body .submit-btn:active{transform:scale(.98)}.login-topup-modal-overlay .login-topup-modal .modal-body .submit-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}