#subscribeModal, #subscribeModal *{ box-sizing:border-box; }
#subscribeModal *{ -webkit-text-fill-color:currentColor !important; }
#subscribeModal{ direction:rtl; }
#subscribeModal ul{ list-style:none; margin:0; padding:0; }
#subscribeModal li::before{ content:none !important; }
#subscribeModal h2, #subscribeModal h3, #subscribeModal p{ margin:0; }
#subscribeModal a{ text-decoration:none; }
 
#subscribeModal{
  --pm-ink:#0f172a; --pm-body:#475569; --pm-muted:#94a3b8; --pm-line:#e7eaf1;
  --pm-head:'Cairo','Tajawal',system-ui,'Segoe UI',Tahoma,sans-serif;
  --pm-text:'Tajawal','Cairo',system-ui,'Segoe UI',Tahoma,sans-serif;
}
 
/* 1) القشرة (فاتحة) */
#subscribeModal .modal-dialog{ max-width:1080px; }
#subscribeModal .pm-shell{
  border:0 !important; border-radius:24px !important; overflow:hidden;
  background:#f7f8fc !important; color:var(--pm-ink) !important;
  font-family:var(--pm-text) !important;
  box-shadow:0 44px 100px -34px rgba(2,6,23,.55);
}
#subscribeModal .pm-body{ position:relative; background:transparent !important; padding:clamp(22px,3.6vw,42px) !important; }
#subscribeModal .pm-x{ position:absolute; top:14px; left:14px; z-index:30; opacity:.5; transition:opacity .2s, transform .2s; }
#subscribeModal .pm-x:hover{ opacity:1; transform:rotate(90deg); }
 
/* 2) الهيدر */
#subscribeModal .pm-head{ text-align:center; margin-bottom:clamp(20px,3vw,30px); }
#subscribeModal .pm-eyebrow{
  display:inline-block; font-family:var(--pm-head); font-weight:800; font-size:.74rem; letter-spacing:.07em;
  color:#b45309 !important; -webkit-text-fill-color:#b45309 !important;
  background:#fef3c7 !important; border:1px solid #fde68a;
  padding:.42rem 1.05rem; border-radius:100px; margin-bottom:.9rem;
}
#subscribeModal .pm-title{
  font-family:var(--pm-head); font-weight:900; color:var(--pm-ink) !important; -webkit-text-fill-color:var(--pm-ink) !important;
  font-size:clamp(1.6rem,4vw,2.45rem); line-height:1.2; letter-spacing:-.01em;
}
#subscribeModal .pm-sub{ color:var(--pm-body) !important; -webkit-text-fill-color:var(--pm-body) !important; font-size:1rem; margin-top:.45rem; }
#subscribeModal .pm-timer{
  display:inline-flex; align-items:center; gap:.5rem; margin-top:1rem; font-weight:700; font-size:.92rem;
  color:#b91c1c !important; -webkit-text-fill-color:#b91c1c !important;
  background:#fff1f1 !important; border:1px solid #fecaca; padding:.55rem 1.15rem; border-radius:100px;
}
#subscribeModal .pm-timer i{ color:#ef4444 !important; -webkit-text-fill-color:#ef4444 !important; }
#subscribeModal #ny-countdown{ font-family:var(--pm-head); font-variant-numeric:tabular-nums; color:#991b1b !important; -webkit-text-fill-color:#991b1b !important; }
 
/* عناصر مشتركة للسعر */
#subscribeModal .pm-price{ display:flex; align-items:flex-end; justify-content:center; flex-wrap:wrap; gap:.4rem; }
#subscribeModal .pm-old{ align-self:center; text-decoration:line-through; font-size:1.05rem; }
#subscribeModal .pm-now{ display:inline-flex; align-items:flex-start; line-height:1; font-family:var(--pm-head); font-weight:900; }
#subscribeModal .pm-cur{ font-size:1.35rem; font-weight:800; margin-top:.4rem; }
#subscribeModal .pm-per{ align-self:center; font-size:.86rem; }
 
/* المزايا (مشترك) */
#subscribeModal .pm-feats li{ display:flex; align-items:flex-start; gap:.55rem; text-align:right; font-size:.875rem; line-height:1.5; color:var(--pm-body) !important; }
#subscribeModal .pm-feats li i{ color:#16a34a !important; -webkit-text-fill-color:#16a34a !important; margin-top:.2rem; font-size:.85rem; flex-shrink:0; width:1rem; text-align:center; }
#subscribeModal .pm-feats li i.text-danger{ color:#dc2626 !important; -webkit-text-fill-color:#dc2626 !important; }
#subscribeModal .pm-feats li strong{ color:var(--pm-ink) !important; font-weight:800; }
 
/* زر CTA (مشترك) */
#subscribeModal .pm-cta{
  margin-top:auto; display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%;
  font-family:var(--pm-head); font-weight:800; font-size:1rem; border:none; border-radius:13px; padding:.98rem 1.1rem; cursor:pointer;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
  transition:transform .2s, box-shadow .2s, filter .2s;
}
#subscribeModal .pm-cta:hover{ transform:translateY(-2px); filter:brightness(1.05); }
#subscribeModal .pm-cta:active{ transform:translateY(0); }
#subscribeModal .pm-cta-dark{ background:#0f172a !important; color:#fcd34d !important; -webkit-text-fill-color:#fcd34d !important; box-shadow:0 16px 30px -12px rgba(15,23,42,.6); }
#subscribeModal .pm-cta-purple{ background:linear-gradient(135deg,#7c3aed,#6d28d9) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; box-shadow:0 16px 30px -12px rgba(124,58,237,.6); }
#subscribeModal .pm-cta-cyan{ background:linear-gradient(135deg,#06b6d4,#0891b2) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; box-shadow:0 16px 30px -12px rgba(8,145,178,.55); }
 
/* 3) لافتة الباقة الذهبية (Spotlight) */
#subscribeModal .pm-spotlight{
  position:relative; display:grid; grid-template-columns:.82fr 1.18fr;
  background:#fff !important; border:2px solid #f6c560; border-radius:22px; overflow:hidden;
  box-shadow:0 26px 64px -32px rgba(217,119,6,.5); margin-bottom:clamp(16px,2.4vw,24px);
}
#subscribeModal .pm-ribbon{
  position:absolute; top:0; right:0; z-index:5; display:inline-flex; align-items:center; gap:.4rem;
  font-family:var(--pm-head); font-weight:800; font-size:.74rem;
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#f59e0b,#d97706) !important;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
  padding:.5rem 1rem; border-radius:0 22px 0 16px; box-shadow:0 10px 20px -8px rgba(217,119,6,.6);
}
#subscribeModal .pm-spot-id{
  background:linear-gradient(160deg,#fffaf0,#fdecc8) !important;
  padding:clamp(26px,3vw,40px); display:flex; flex-direction:column; justify-content:center; text-align:center;
}
#subscribeModal .pm-spot-id .pm-plan{ font-family:var(--pm-head); font-weight:900; font-size:1.7rem; color:#1f2937 !important; -webkit-text-fill-color:#1f2937 !important; }
#subscribeModal .pm-spot-id .pm-plan-sub{ color:#92722e !important; -webkit-text-fill-color:#92722e !important; font-size:.9rem; margin-top:.2rem; }
#subscribeModal .pm-spot-id .pm-price{ margin:1rem 0 .25rem; }
#subscribeModal .pm-spot-id .pm-old{ color:#b08a4e !important; -webkit-text-fill-color:#b08a4e !important; }
#subscribeModal .pm-spot-id .pm-now{ font-size:3.7rem; color:#b45309 !important; -webkit-text-fill-color:#b45309 !important; }
#subscribeModal .pm-spot-id .pm-per{ color:#6b5836 !important; -webkit-text-fill-color:#6b5836 !important; }
#subscribeModal .pm-seats{
  display:inline-flex; align-items:center; gap:.4rem; margin:.7rem auto 1rem; font-weight:700; font-size:.82rem;
  color:#b91c1c !important; -webkit-text-fill-color:#b91c1c !important;
  background:#fff !important; border:1px solid #fbb4b4; padding:.42rem .9rem; border-radius:100px;
  animation:pmPulse 2.4s ease-in-out infinite;
}
@keyframes pmPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(239,68,68,.35);} 50%{ box-shadow:0 0 0 7px rgba(239,68,68,0);} }
#subscribeModal .pm-spot-id .pm-cta{ margin-top:.4rem; }
#subscribeModal .pm-feats-2col{
  padding:clamp(24px,2.8vw,36px); display:grid; grid-template-columns:1fr 1fr; gap:.62rem 1.5rem; align-content:center;
}
 
/* 4) البطاقتان السفليتان */
#subscribeModal .pm-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,22px); }
#subscribeModal .pm-card{
  position:relative; display:flex; flex-direction:column; text-align:center;
  background:#fff !important; border:1.5px solid var(--pm-line); border-radius:20px;
  padding:clamp(26px,2.4vw,34px) clamp(20px,2.2vw,28px); padding-top:clamp(36px,3.5vw,42px);
  box-shadow:0 16px 40px -28px rgba(2,6,23,.45);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s;
}
#subscribeModal .pm-card:hover{ transform:translateY(-5px); box-shadow:0 26px 54px -28px rgba(2,6,23,.5); }
#subscribeModal .pm-popular{ border-color:#c4b5fd; box-shadow:0 26px 58px -28px rgba(124,58,237,.45); }
#subscribeModal .pm-card .pm-plan{ font-family:var(--pm-head); font-weight:800; font-size:1.32rem; color:var(--pm-ink) !important; -webkit-text-fill-color:var(--pm-ink) !important; }
#subscribeModal .pm-card .pm-plan-sub{ color:var(--pm-muted) !important; -webkit-text-fill-color:var(--pm-muted) !important; font-size:.85rem; margin-top:.15rem; }
#subscribeModal .pm-card .pm-price{ margin:.85rem 0 .2rem; }
#subscribeModal .pm-card .pm-old{ color:var(--pm-muted) !important; -webkit-text-fill-color:var(--pm-muted) !important; }
#subscribeModal .pm-card .pm-now{ font-size:2.85rem; }
#subscribeModal .pm-card .pm-per{ color:var(--pm-body) !important; -webkit-text-fill-color:var(--pm-body) !important; }
#subscribeModal .pm-popular .pm-now, #subscribeModal .pm-popular .pm-cur{ color:#7c3aed !important; -webkit-text-fill-color:#7c3aed !important; }
#subscribeModal .pm-cyan-card .pm-now, #subscribeModal .pm-cyan-card .pm-cur{ color:#0891b2 !important; -webkit-text-fill-color:#0891b2 !important; }
#subscribeModal .pm-card .pm-feats{ display:flex; flex-direction:column; gap:.55rem; margin:1rem 0 1.25rem; }
 
/* الوسوم (تبويبات معلّقة من الأعلى) */
#subscribeModal .pm-tag{
  position:absolute; top:0; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; gap:.35rem;
  font-family:var(--pm-head); font-weight:800; font-size:.72rem; color:#fff !important; -webkit-text-fill-color:#fff !important;
  padding:.42rem .95rem; border-radius:0 0 13px 13px;
  -webkit-background-clip:border-box !important; background-clip:border-box !important;
}
#subscribeModal .pm-tag-purple{ background:linear-gradient(135deg,#a78bfa,#7c3aed) !important; }
#subscribeModal .pm-tag-cyan{ background:linear-gradient(135deg,#22d3ee,#0891b2) !important; }
 
/* 5) الثقة + الفوتر */
#subscribeModal .pm-trust{ display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem 1.6rem; margin-top:clamp(18px,2.5vw,26px); font-size:.82rem; color:var(--pm-body) !important; }
#subscribeModal .pm-trust span{ display:inline-flex; align-items:center; gap:.4rem; }
#subscribeModal .pm-trust .fa-lock{ color:#16a34a !important; -webkit-text-fill-color:#16a34a !important; }
#subscribeModal .pm-trust .fa-ban{ color:#dc2626 !important; -webkit-text-fill-color:#dc2626 !important; }
#subscribeModal .pm-trust .fa-copyright{ color:#d97706 !important; -webkit-text-fill-color:#d97706 !important; }
#subscribeModal .pm-foot{ text-align:center; margin-top:.9rem; }
#subscribeModal .pm-dismiss{ background:none !important; border:none !important; cursor:pointer; color:var(--pm-muted) !important; -webkit-text-fill-color:var(--pm-muted) !important; font-size:.83rem; font-family:var(--pm-text); transition:color .2s; }
#subscribeModal .pm-dismiss:hover{ color:var(--pm-body) !important; -webkit-text-fill-color:var(--pm-body) !important; text-decoration:underline; }
 
/* 6) أنيميشن الدخول */
#subscribeModal.pm-animate .pm-head{ animation:pmFade .5s ease both; }
#subscribeModal.pm-animate .pm-spotlight{ animation:pmRise .55s cubic-bezier(.2,.7,.2,1) both; animation-delay:.05s; }
#subscribeModal.pm-animate .pm-grid>*:nth-child(1){ animation:pmRise .55s cubic-bezier(.2,.7,.2,1) both; animation-delay:.15s; }
#subscribeModal.pm-animate .pm-grid>*:nth-child(2){ animation:pmRise .55s cubic-bezier(.2,.7,.2,1) both; animation-delay:.22s; }
@keyframes pmRise{ from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:none;} }
@keyframes pmFade{ from{opacity:0;} to{opacity:1;} }
 
/* 7) الاستجابة (Responsive) */
@media (max-width:992px){
  #subscribeModal .pm-spotlight{ grid-template-columns:1fr; }
  #subscribeModal .pm-ribbon{ border-radius:0 0 0 16px; }
}
@media (max-width:768px){
  #subscribeModal .pm-grid{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  #subscribeModal .pm-feats-2col{ grid-template-columns:1fr; }
  #subscribeModal .pm-spot-id .pm-now{ font-size:3rem; }
  #subscribeModal .pm-card .pm-now{ font-size:2.5rem; }
  #subscribeModal .pm-title{ font-size:1.6rem; }
}
@media (prefers-reduced-motion:reduce){ #subscribeModal *{ animation:none !important; transition:none !important; } }
