.pix-carousel{position:relative;max-width:100%;margin:auto;overflow:hidden;border-radius:12px}.pix-slides{position:relative}.pix-slide{display:none;width:100%;animation:fadeEffect 1.5s}.pix-slide.active{display:block}.pix-banner-img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;max-height:400px}.pix-nav{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0000004d;border:none;z-index:10}.pix-next{right:0;border-radius:3px 0 0 3px}.pix-prev:hover,.pix-next:hover{background-color:#000c}.pix-dots{text-align:center;position:absolute;bottom:15px;width:100%;z-index:10}.pix-dot{cursor:pointer;height:12px;width:12px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.pix-dot.active,.pix-dot:hover{background-color:#fff}@keyframes fadeEffect{0%{opacity:.4}to{opacity:1}}:root{--frame-bg: #222222;--frame-border: #007bff;--card-bg: #1f2937;--card-border: #374151;--text-primary: #ffffff;--text-secondary: #d1d5db;--accent-blue: #66B2FF;--accent-blue-dark: #2563eb;--input-bg: #1f2937;--input-border: #9CA3AF}*,*:before,*:after{box-sizing:border-box}.shop-page,.cart-page{display:block;padding-bottom:40px;padding-top:120px}.shop-card,.cart-card{padding:15px;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);border-radius:12px;box-shadow:0 6px 18px #00000014}@media (min-width: 768px){.shop-card,.cart-card{padding:30px}}.shop-header{text-align:center;margin-bottom:20px}.shop-subtitle{margin:6px 0 0;color:#fff}.shop-card-header,.cart-card-header{text-align:center;margin-bottom:20px}.shop-title{font-size:3.6rem;color:var(--accent-blue);font-weight:800;margin:0 0 .5rem}.topup-form{display:inline-block;margin-left:10px}.topup-input{padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#111827;color:#e5e7eb;width:160px}.topup-btn{margin-left:6px;color:#fff;border:1px solid #ffffff;background:transparent;padding:6px 12px;border-radius:6px;transition:all .2s}.topup-btn:hover{background:#22c55e;color:#fff;border-color:#22c55e}.form-control,select.form-control{background-color:var(--input-bg);color:var(--text-primary);border:2px solid var(--input-border);border-radius:.375rem;padding:.5rem 1rem;font-size:1.1rem}.form-control:focus,select.form-control:focus{background-color:var(--input-bg);color:var(--text-primary);border-color:var(--accent-blue);box-shadow:0 0 0 2px #66b2ff33}.form-control:disabled{background-color:#374151;opacity:.7}label{color:var(--accent-blue);font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.shop-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:10px 0}@media (min-width: 768px){.shop-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.shop-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.shop-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1536px){.shop-grid{grid-template-columns:repeat(6,1fr)}}.shop-item{background-color:#222;border:2px solid var(--card-border);border-radius:24px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;transition:transform .2s,border-color .2s}.shop-item:hover{transform:translateY(-2px);border-color:var(--accent-blue)}.shop-item-img-container{width:100%;aspect-ratio:1 / 1;margin-bottom:10px;overflow:hidden;border-radius:16px;background:#333;display:flex;align-items:center;justify-content:center}.shop-item-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.shop-item-placeholder{font-size:4rem;font-weight:700;color:#666}.shop-item-name{font-weight:700;font-size:1.36rem;margin-bottom:4px;color:#fff;line-height:1.2;flex-grow:1;word-break:break-word}.shop-item-price{color:var(--accent-blue);font-weight:600;font-size:1.6rem;margin-bottom:8px}.shop-filters{display:flex;gap:20px;justify-content:center;align-items:center;margin-bottom:20px;flex-wrap:wrap}.shop-filters label{font-size:2.2rem}.filter-group{flex:1;min-width:250px;max-width:400px}.large-select{height:5rem!important;font-size:1.4rem!important;padding:.5rem 1rem;text-align:center;-moz-text-align-last:center;text-align-last:center}.selected-heading{color:var(--accent-blue);font-weight:700;font-size:1.8rem}.selected-items{gap:15px}.cart-total-row{border-top:1px solid rgba(255,255,255,.2);font-weight:700;font-size:1.6rem;color:#fff;display:none;padding-top:1rem;margin-top:1rem}.cart-total-label{font-size:1.4rem}.table{color:var(--text-primary);background-color:transparent}.table thead th{color:var(--accent-blue);border-bottom:2px solid var(--card-border);font-size:1.2rem;padding:1rem}.table tbody td{border-bottom:1px solid var(--card-border);padding:1rem;vertical-align:middle}.table .text-muted{color:var(--text-secondary)!important}.qty-input{width:90px;text-align:center;background-color:var(--input-bg);border:1px solid var(--input-border);color:#fff;border-radius:4px;padding:4px}.btn-blue{background-color:var(--accent-blue-dark);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-weight:600}.btn-blue:hover{background-color:#1d4ed8}.btn-remove{background-color:#ef4444;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-weight:600}.btn-remove:hover{background-color:#dc2626}.cart-desktop{display:block}.cart-mobile{display:none}@media (max-width: 768px){.cart-desktop{display:none}.cart-mobile{display:block}.mobile-cart-item{background:#222;border:1px solid var(--card-border);border-radius:8px;padding:15px;margin-bottom:15px}.mobile-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mobile-row:last-child{margin-bottom:0}}.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000c;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.checkout-modal-overlay.open{opacity:1;visibility:visible}.checkout-modal-container{background:#1f2937;padding:30px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;border-radius:12px;position:relative;color:#fff;text-align:left;margin:auto;box-shadow:0 4px 20px #00000080;border:1px solid #374151}.checkout-modal-container .form-label{color:#66b2ff!important;font-size:1.6rem!important;font-weight:600;margin-bottom:8px;opacity:1!important}.checkout-modal-container .form-control{background-color:#374151!important;color:#fff!important;border:1px solid #4b5563!important;font-size:1.6rem!important;padding:12px}.checkout-modal-container .form-control:focus{border-color:#66b2ff!important;background-color:#374151!important;color:#fff!important;box-shadow:0 0 0 3px #66b2ff40!important}.checkout-modal-container input::-moz-placeholder{color:#9ca3af}.checkout-modal-container input::placeholder{color:#9ca3af}.checkout-modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af;line-height:1;transition:color .2s}.checkout-modal-close:hover{color:#fff}.checkout-modal-title{margin-top:0;color:#66b2ff;border-bottom:1px solid #374151;padding-bottom:15px;margin-bottom:20px;font-size:1.8rem;font-weight:700}.checkout-section-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem;border-bottom:1px solid #374151;padding-bottom:.5rem}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 768px){.checkout-grid{grid-template-columns:1fr}}