/* Professional card styling - Matched with Card Bazar Theme */
.fftopup-container { max-width:920px; margin:22px auto; font-family: Inter, Roboto, Arial, sans-serif; padding:14px; }
.fftopup-step { background:#fff !important; border-radius:12px !important; margin-bottom:16px !important; box-shadow:0 8px 24px rgba(15,23,42,0.06) !important; overflow:hidden !important; }

/* Step Headers forced to Red Gradient */
.fftopup-step h3 { margin:0 !important; padding:12px 16px !important; font-size:15px !important; background: linear-gradient(90deg, #d32f2f, #9a0007) !important; color:#fff !important; font-weight:600 !important; }
.step-body { padding:14px !important; }
#fftopup-player { width:100% !important; padding:12px !important; border:1px solid #e6eef8 !important; border-radius:8px !important; font-size:15px !important; box-shadow:inset 0 1px 0 rgba(255,255,255,0.6) !important; }

.fftopup-grid { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important; gap:14px !important; }
.fftopup-card { background:#fff !important; border-radius:12px !important; padding:12px !important; text-align:center !important; border:1px solid #eef2ff !important; transition: transform .18s ease, box-shadow .18s ease !important; cursor:pointer !important; }
.fftopup-card:hover { transform: translateY(-6px) !important; box-shadow: 0 14px 40px rgba(2,6,23,0.08) !important; }
.fftopup-card .card-body { position:relative !important; z-index:2 !important; }
.fftopup-card h4 { font-size:14px !important; margin:6px 0 4px !important; color:#0f172a !important; font-weight:600 !important; }
.fftopup-card p { margin:0 !important; font-size:12px !important; color:#475569 !important; }

/* Package Price forced to Red */
.fftopup-card .price { display:block !important; margin:8px 0 !important; font-weight:700 !important; color:#d32f2f !important; font-size:14px !important; }

/* Package Choose Button forced to Red Gradient */
.fftopup-card .ff-choose { display:inline-block !important; padding:6px 12px !important; border-radius:8px !important; background:linear-gradient(90deg, #d32f2f, #9a0007) !important; color:#fff !important; font-size:13px !important; border:none !important; cursor:pointer !important; }

.fftopup-message { margin-top:12px !important; }

/* "Buy Now" Button forced to Dark Red theme */
#fftopup-order { display:block !important; width:100% !important; margin-top:8px !important; background: linear-gradient(90deg, #a60000, #730000) !important; color:#fff !important; border:none !important; padding:14px !important; border-radius:10px !important; font-size:16px !important; font-weight:600 !important; cursor:pointer !important; box-shadow:0 8px 24px rgba(166,0,0,0.15) !important; }
#fftopup-order:disabled { opacity:0.6 !important; cursor:not-allowed !important; }

.fftopup-history { margin-top:20px !important; background:#fff !important; padding:12px !important; border-radius:10px !important; box-shadow:0 6px 18px rgba(2,6,23,0.04) !important; }
.fftopup-table { width:100% !important; border-collapse:collapse !important; }
.fftopup-table th, .fftopup-table td { border:1px solid #f1f5f9 !important; padding:10px !important; text-align:center !important; font-size:13px !important; }
@media (max-width:800px){ .fftopup-grid{ grid-template-columns:repeat(2,1fr) !important;} #fftopup-player{font-size:14px !important;} }