/* --- Pricing Section --- */
.pricing-section { padding: 80px 0; background: #05070A; }
.pricing-header { text-align: center; margin-bottom: 60px; }
.badge-top { background: rgba(249, 115, 22, 0.2); color: #F97316; padding: 4px 16px; border-radius: 20px; font-size: 0.85rem; font-weight: 700; }
.main-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 900; margin: 20px 0; }
.description { color: #94A3B8; max-width: 600px; margin: 0 auto 30px; }

.billing-toggle { display: flex; align-items: center; justify-content: center; gap: 15px; }
.toggle-label { font-weight: 700; font-size: 0.9rem; }
.save-badge { background: rgba(16, 185, 129, 0.2); color: #10B981; padding: 2px 10px; border-radius: 6px; font-size: 0.75rem; font-weight: 700; }

.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; align-items: center; }
.pricing-card {
    background: #0D1117; border: 1px solid #1F2937; border-radius: 20px;
    padding: 40px 30px; display: flex; flex-direction: column; justify-content: space-between; height: 100%; transition: var(--transition);
}
.pricing-card.featured { border: 2px solid #F97316; transform: scale(1.05); background: #111827; position: relative; z-index: 2; }
.popular-badge { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: #F97316; color: white; padding: 5px 20px; border-radius: 20px; font-size: 0.8rem; font-weight: 800; }

.plan-name { font-size: 1.5rem; font-weight: 800; }
.plan-tagline { color: #94A3B8; font-size: 0.9rem; margin-bottom: 25px; }
.price-box { margin-bottom: 5px; }
.currency { font-size: 1.5rem; font-weight: 700; vertical-align: top; }
.amount { font-family: 'Oswald', sans-serif; font-size: 3.5rem; font-weight: 700; }
.period { color: #94A3B8; font-size: 1rem; }

.features-list { list-style: none; margin-bottom: 40px; }
.features-list li { margin-bottom: 12px; padding-right: 30px; position: relative; font-size: 0.95rem; }
.features-list li.check::before { content: "✓"; position: absolute; right: 0; color: #F97316; font-weight: 900; }

.btn-primary-pr { width: 100%; padding: 15px; border-radius: 10px; font-family: var(--font-ar); font-weight: 800; cursor: pointer; transition: var(--transition); background: #F97316; border: none; color: white; }
.btn-primary-pr:hover { background: #EA580C; transform: translateY(-2px); }

.btn-outline-pr { width: 100%; padding: 15px; border-radius: 10px; font-family: var(--font-ar); font-weight: 800; cursor: pointer; transition: var(--transition); background: #1F2937; border: 1px solid #374151; color: white; }
.btn-outline-pr:hover { background: #374151; border-color: var(--primary-sky); }

@media (max-width: 1024px) {
    .pricing-card.featured { transform: scale(1); }
}