/* ═══════════════════════════════════════════════════════════
   هوية إمباكت أفينيو — مطابقة للصفحة الرئيسية (index.html)
   نفس المتغيرات والزوايا والظلال، فلا يشعر الزائر بانتقاله
   بين موقعين مختلفين.
   ═══════════════════════════════════════════════════════════ */
:root{
  --navy:#082732;
  --navy2:#123b47;
  --gold:#f15822;
  --gold2:#ff8a62;
  --ink:#102536;
  --muted:#63717d;
  --ivory:#f8f5ef;
  --line:#e7e1d8;
  --green:#2e7d59;
  --shadow:0 22px 70px rgba(11,34,53,.12);
  --radius:22px;

  --gold-tint:#fff0eb;
  --ink-60:#63717d;
  --ink-40:#96a1ab;
  --wrap:1180px;
  --font:'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--ink);
  font-family:var(--font);line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font:inherit;cursor:pointer}

.ia-wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}
.ia-section{padding:90px 0}
.ia-section--soft{background:var(--ivory)}
.ia-section--white{background:#fff}
.ia-section--dark{background:var(--navy);color:#fff}

/* العناوين — بنفس أحجام الرئيسية */
.ia-h1{font-size:clamp(40px,5vw,64px);line-height:1.13;font-weight:900;letter-spacing:-1.7px;color:var(--navy);margin:0}
.ia-h2{font-size:clamp(30px,4vw,43px);line-height:1.25;font-weight:800;color:var(--navy);margin:0 0 8px}
.ia-h3{font-size:18px;font-weight:700;color:var(--navy);margin:0 0 6px}
.ia-lead{color:var(--muted);font-size:18px;margin:0}
.ia-muted{color:var(--muted)}
.ia-accent{color:var(--gold)}
.ia-eyebrow{display:block;color:var(--gold);font-weight:800;font-size:13px;letter-spacing:.08em;margin-bottom:7px}

/* حبة الثقة — نفس .trust-pill في الرئيسية */
.ia-pill{
  display:inline-flex;align-items:center;gap:9px;border:1px solid #e7dfd2;
  background:rgba(255,255,255,.8);padding:7px 14px;border-radius:999px;
  color:#c93e10;font-size:13px;font-weight:800;
}
.ia-pill i{width:8px;height:8px;background:var(--gold);border-radius:50%;font-style:normal}

/* الأزرار — منسوخة سلوكيًا من الرئيسية */
.ia-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:0 24px;border-radius:12px;border:1px solid transparent;
  font-weight:800;font-size:15px;transition:.2s;white-space:nowrap;
}
.ia-btn:hover{transform:translateY(-2px)}
.ia-btn--primary{color:#fff;background:linear-gradient(135deg,#d94312,var(--gold));box-shadow:0 10px 28px rgba(241,88,34,.28)}
.ia-btn--dark{color:#fff;background:var(--navy)}
.ia-btn--outline{color:var(--navy);border-color:#d9dfe3;background:#fff}
.ia-btn--outline:hover{border-color:var(--gold);color:#c93e10}
.ia-btn--sm{min-height:44px;padding:0 18px;font-size:14px}
.ia-btn--block{width:100%}

.ia-badge{display:inline-block;background:var(--gold);color:#fff;font-size:12px;font-weight:800;padding:6px 13px;border-radius:999px}
.ia-badge--soft{background:var(--gold-tint);color:#a86f31}

.ia-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:.2s}
.ia-card--pad{padding:28px}
.ia-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}

.ia-grid{display:grid;gap:18px}
.ia-grid--2{grid-template-columns:repeat(2,1fr)}
.ia-grid--3{grid-template-columns:repeat(3,1fr)}
.ia-grid--4{grid-template-columns:repeat(4,1fr)}

/* أيقونة داخل مربع — نفس .iconbox */
.ia-iconbox{
  width:54px;height:54px;border-radius:15px;background:var(--gold-tint);color:#a86f31;
  display:grid;place-items:center;font-size:25px;margin-bottom:18px;
}

/* الفلاتر */
.ia-filters{display:flex;gap:8px;flex-wrap:wrap}
.ia-filter{
  border:1px solid var(--line);background:#fff;border-radius:999px;
  padding:9px 16px;font-weight:700;font-size:14px;color:var(--muted);transition:.18s;
}
.ia-filter:hover{border-color:var(--gold);color:#c93e10}
.ia-filter.is-active{background:var(--navy);border-color:var(--navy);color:#fff}
.ia-filter small{opacity:.7;font-weight:600;margin-inline-start:5px}

/* البحث */
.ia-search{position:relative;flex:1;min-width:260px}
.ia-search input{
  width:100%;border:1px solid var(--line);border-radius:11px;padding:13px 44px 13px 13px;
  font:inherit;background:#fbfaf8;color:var(--ink);transition:.15s;
}
.ia-search input::placeholder{color:var(--ink-40)}
.ia-search input:focus{outline:none;border-color:var(--gold);background:#fff}
.ia-search__icon{position:absolute;inset-inline-start:15px;top:50%;transform:translateY(-50%);color:var(--ink-40);pointer-events:none}

/* بطاقة البرنامج — على نمط .card في الرئيسية */
.ia-pcard{
  background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 4px 18px rgba(12,39,50,.04);transition:.22s;
}
.ia-pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(241,88,34,.38)}
.ia-pcard__media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ivory)}
.ia-pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ia-pcard:hover .ia-pcard__media img{transform:scale(1.05)}
.ia-pcard__badge{position:absolute;inset-block-start:13px;inset-inline-start:13px}
.ia-pcard__body{padding:22px;display:flex;flex-direction:column;flex:1}
.ia-pcard__type{color:var(--gold);font-size:12px;font-weight:800;margin-bottom:5px}
.ia-pcard__title{color:var(--navy);font-size:19px;font-weight:800;line-height:1.45;margin:0 0 8px}
.ia-pcard__desc{color:var(--muted);font-size:14px;margin:0 0 16px;flex:1}
.ia-pcard__rating{display:flex;align-items:center;gap:6px;font-size:13.5px;margin-bottom:13px}
.ia-pcard__rating .stars{color:var(--gold);letter-spacing:1px}
.ia-pcard__rating .count{color:var(--muted)}
.ia-pcard__meta{
  display:flex;gap:15px;flex-wrap:wrap;align-items:center;
  border-top:1px solid var(--line);padding-top:14px;margin-bottom:15px;font-size:13px;color:var(--ink);
}
.ia-pcard__meta span{display:inline-flex;align-items:center;gap:6px}
.ia-pcard__meta i{color:var(--gold);font-style:normal}
.ia-pcard__price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.ia-pcard__price b{color:var(--gold);font-size:22px;font-weight:800}
.ia-pcard__price del{color:var(--ink-40);font-size:14px}
.ia-pcard__inst{color:var(--muted);font-size:12.5px;margin:0 0 15px}
.ia-pcard__actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}

.ia-empty{
  display:block;text-align:center;padding:70px 24px;background:#fff;
  border:1px dashed var(--line);border-radius:16px;color:var(--muted);
}
.ia-empty h3{color:var(--navy);margin:0 0 8px}

/* الإحصائيات — نفس .stats الكحلية */
.ia-stats{display:grid;grid-template-columns:repeat(4,1fr)}
.ia-stat{text-align:center;padding:36px 15px;border-left:1px solid rgba(255,255,255,.1)}
.ia-stat:last-child{border-left:0}
.ia-stat b{display:block;font-size:34px;color:#e4bd83;line-height:1.2;font-weight:800}
.ia-stat span{font-size:13px;color:#b9c9d4}

/* ═══ الحركة — هادئة ومتزنة، بلا مبالغة (البند ٥٤) ═══ */
/* الإخفاء مشروط بـ .has-motion التي يضيفها سكربت مبكر — فإن تعطّل
   جافاسكربت أو تأخّر، يبقى المحتوى ظاهرًا ولا يختفي أبدًا. */
@media (prefers-reduced-motion: no-preference){
  .has-motion [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.3,1)}
  .has-motion [data-reveal].is-in{opacity:1;transform:none}
  [data-reveal-delay="1"]{transition-delay:.07s}
  [data-reveal-delay="2"]{transition-delay:.14s}
  [data-reveal-delay="3"]{transition-delay:.21s}
  [data-reveal-delay="4"]{transition-delay:.28s}
  [data-reveal-delay="5"]{transition-delay:.35s}
}
@media (prefers-reduced-motion: reduce){
  [data-reveal]{opacity:1;transform:none}
  .ia-btn:hover,.ia-card:hover,.ia-pcard:hover{transform:none}
  .ia-pcard:hover .ia-pcard__media img{transform:none}
  html{scroll-behavior:auto}
}

@media(max-width:1000px){
  .ia-grid--4,.ia-grid--3{grid-template-columns:repeat(2,1fr)}
  .ia-stats{grid-template-columns:repeat(2,1fr)}
  .ia-section{padding:65px 0}
}
@media(max-width:640px){
  .ia-wrap{width:calc(100% - 28px)}
  .ia-grid--2,.ia-grid--3,.ia-grid--4{grid-template-columns:1fr}
  .ia-stats{grid-template-columns:1fr}
  .ia-stat{border-left:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .ia-pcard__actions{grid-template-columns:1fr}
  .ia-h1{font-size:39px;letter-spacing:-1px}
}

/* شارة التوفير على صورة البطاقة */
.ia-pcard__save{
  position:absolute;inset-block-start:13px;inset-inline-end:13px;
  background:var(--green);color:#fff;font-size:12px;font-weight:800;
  padding:6px 12px;border-radius:999px;
}

/* ═══ بطاقة التسجيل اللاصقة (البند ٣٧) ═══ */
.ia-enroll{
  background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;
  box-shadow:0 10px 40px rgba(11,34,53,.10);
}
.ia-enroll__top{height:5px;background:linear-gradient(135deg,#d94312,var(--gold))}
.ia-enroll__in{padding:26px}
.ia-enroll h3{color:var(--navy);font-size:22px;font-weight:800;margin:0 0 4px}
.ia-enroll__sub{color:var(--muted);font-size:14px;margin:0 0 18px}
.ia-enroll__price{background:var(--ivory);border-radius:14px;padding:18px;margin-bottom:12px}
.ia-enroll__price small{display:block;color:var(--muted);font-size:11.5px;font-weight:800;letter-spacing:.06em;margin-bottom:6px}
.ia-enroll__price b{color:var(--gold);font-size:32px;font-weight:800;line-height:1.1}
.ia-enroll__price del{color:var(--ink-40);font-size:15px;margin-inline-end:9px}
.ia-enroll__save{
  background:#eaf5ee;border-inline-start:3px solid var(--green);border-radius:10px;
  padding:11px 14px;color:#1e5c3a;font-size:13.5px;font-weight:700;margin-bottom:12px;
}
.ia-enroll__inst{background:var(--gold-tint);border-radius:12px;padding:14px;margin-bottom:16px;text-align:center}
.ia-enroll__inst b{display:block;color:var(--gold);font-size:19px;font-weight:800}
.ia-enroll__inst span{color:var(--muted);font-size:12.5px}
.ia-enroll__list{list-style:none;padding:0;margin:0 0 18px}
.ia-enroll__list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink);margin-bottom:9px}
.ia-enroll__list i{color:var(--green);font-style:normal;font-weight:800;flex-shrink:0}

/* ═══ الخطة كخط زمني مرقّم ═══ */
.ia-tl{position:relative;padding-inline-start:34px}
.ia-tl::before{
  content:"";position:absolute;inset-block:14px 14px;inset-inline-start:11px;
  width:2px;background:var(--line);
}
.ia-tl__item{position:relative;margin-bottom:16px}
.ia-tl__dot{
  position:absolute;inset-inline-start:-34px;inset-block-start:22px;
  width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--line);
  display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--muted);
}
.ia-tl__item.is-open .ia-tl__dot{border-color:var(--gold);color:var(--gold)}
.ia-tl__card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}
.ia-tl__item.is-open .ia-tl__card{border-color:rgba(241,88,34,.4);box-shadow:0 6px 24px rgba(11,34,53,.07)}
.ia-tl__head{
  width:100%;background:none;border:0;padding:20px 22px;display:flex;align-items:center;gap:14px;
  text-align:start;color:var(--navy);font-weight:800;font-size:17px;
}
.ia-tl__num{
  display:inline-flex;align-items:center;gap:7px;background:var(--gold-tint);color:#a86f31;
  border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:800;flex-shrink:0;
}
.ia-tl__head::after{content:"＋";margin-inline-start:auto;color:var(--gold);font-size:19px;font-weight:400;transition:.2s}
.ia-tl__item.is-open .ia-tl__head::after{content:"−"}
.ia-tl__body{display:none;padding:0 22px 10px}
.ia-tl__item.is-open .ia-tl__body{display:block}
.ia-tl__row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line);font-size:14.5px}
.ia-tl__code{color:var(--gold);font-weight:800;font-size:12.5px;min-width:66px}
.ia-tl__name{flex:1;color:var(--ink)}
.ia-tl__hrs{color:var(--muted);font-size:13px}

@media(max-width:1000px){
  .ia-tl{padding-inline-start:26px}
  .ia-tl__dot{inset-inline-start:-26px;width:20px;height:20px;font-size:10px}
}

/* بطاقة شركة تقسيط — تمييز بصري خفيف عن وسائل الدفع المباشر */
.pg-logo-card--inst{position:relative;border-color:rgba(241,88,34,.28)}
.pg-logo-card--inst small{
  position:absolute;inset-block-start:9px;inset-inline-start:9px;
  background:var(--gold-tint);color:#a86f31;font-size:10.5px;font-weight:800;
  padding:3px 9px;border-radius:999px;
}