/* tarabot-pricing.css - ستايل صفحة عروض الباقات المنفصلة */
body, html, .tarabot-pricing, .tarabot-pricing * { font-family: 'IBM Plex Sans Arabic', sans-serif !important; }
.tarabot-pricing { background:#f7f7f7; min-height:100vh; }
/* إعادة استخدام نفس تنسيقات قسم الباقات من الرئيسية لضمان التطابق */
.pricing-section { position:relative; padding:4rem 0 3rem 0; background: linear-gradient(135deg, #f7f7f7 0%, #e9f3ee 100%); border-radius:40px; margin:3rem auto; max-width:1440px; box-shadow:0 8px 40px rgba(9,68,38,0.13); overflow:hidden; }
.pricing-section .pricing-bg, .pricing-section .pricing-card-img { display:none !important; }
.pricing-section .pricing-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(120deg,rgba(207,139,63,0.13) 0%,rgba(9,68,38,0.11) 100%); z-index:2; pointer-events:none; }
.pricing-section .container { position:relative; z-index:3; }
.pricing-section .pricing-title { text-align:center; font-size:2.4rem; font-weight:900; color:var(--tarabot-primary); margin-bottom:2.7rem; letter-spacing:1px; text-shadow:0 2px 12px rgba(9,68,38,0.10); }
.pricing-cards { display:grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap:1.2rem; justify-content:center; }
.pricing-card { background: linear-gradient(120deg, #e9f3ee 80%, #fff 100%); border-radius:28px; box-shadow:0 2px 18px rgba(207,139,63,0.10); padding:2.2rem 1.2rem 1.5rem; display:flex; flex-direction:column; align-items:center; position:relative; transition: transform .25s, box-shadow .25s; cursor:pointer; border:2px solid #e9f3ee; }
.pricing-card:hover { transform: translateY(-8px) scale(1.05); box-shadow:0 12px 40px rgba(207,139,63,0.18); border-color: var(--tarabot-gold); }
.pricing-number { width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:2.1rem; font-weight:900; color:var(--tarabot-gold); background: linear-gradient(120deg, #fff 60%, #e9f3ee 100%); border-radius:50%; box-shadow:0 2px 10px rgba(207,139,63,0.10); margin-bottom:.7rem; }
.pricing-info { text-align:center; }
.pricing-name { font-weight:800; font-size:1.18rem; color:var(--tarabot-gold); margin-bottom:.5rem; }
.pricing-price { font-size:1.22rem; color:var(--tarabot-primary); font-weight:700; margin-bottom:.3rem; }
.pricing-details { display:flex; flex-direction:column; gap:.3rem; margin:.7rem 0; font-size:1.08rem; color:#094426; font-weight:500; text-align:center; line-height:1.7; }
.pricing-details i { font-family: "Font Awesome 6 Free" !important; font-weight:900 !important; color:var(--tarabot-gold); margin-left:4px; }
.details-divider { width:60%; height:1px; background: linear-gradient(90deg, #e9f3ee 0%, #CF8B3F 100%); margin:.2rem auto; opacity:.7; border-radius:2px; }
.pricing-note { font-size:1.04rem; color:var(--tarabot-primary); margin-top:.9rem; margin-bottom:.2rem; font-weight:600; text-align:center; opacity:.92; line-height:1.7; }
.pricing-btn { display:inline-block; margin-top:1.1rem; padding:.7rem 2.2rem; font-size:1.12rem; font-weight:700; color:#fff; background:var(--tarabot-gold); border-radius:24px; box-shadow:0 2px 12px rgba(207,139,63,0.10); text-decoration:none; letter-spacing:.5px; }
.pricing-btn:hover { background:#094426; color:#fff; }
@media (max-width: 900px) { .pricing-cards { grid-template-columns:1fr; gap:1.2rem; } .pricing-card { min-width:160px; max-width:98vw; padding:18px 8px; } .pricing-section { padding:2rem .5rem; max-width:98vw; } .pricing-section .pricing-title { font-size:1.3rem; } }
@media (max-width: 600px) { .pricing-cards { grid-template-columns:1fr; gap:1rem; align-items:center; } .pricing-card { min-width:98vw; max-width:98vw; padding:12px 4px; } }