/* =========================================================
   ALPHA — صفحة المنتج المستقلة  ·  v10 "ATLAS"
   كل الأسماء هنا مسبوقة بـ pd- أو --pd- لمنع أي تصادم
   مع styles.css / theme-v3..v7 / glass.css
   ممنوع: mask-composite · .product::after · --ox/--oy
   ========================================================= */

:root{
  --pd-ink:#1d1d1f;
  --pd-dim:#6e6e73;
  --pd-line:rgba(0,0,0,.10);
  --pd-gold:#c9a227;
  --pd-gold-soft:#e8c474;
  --pd-gold-deep:#9a7b15;
  --pd-night:#0b0b0d;
  --pd-night-2:#141418;
  --pd-out:cubic-bezier(.16,1,.3,1);
  --pd-spring:cubic-bezier(.34,1.56,.64,1);
}

.pd-page{ background:#f5f5f7; }

/* ---------- شريط تقدّم القراءة ---------- */
.pd-progress{
  position:fixed; inset-block-start:0; inset-inline-start:0;
  height:3px; width:100%; transform-origin:right center;
  transform:scaleX(0); z-index:120; pointer-events:none;
  background:linear-gradient(90deg,var(--pd-gold-deep),var(--pd-gold-soft),var(--pd-gold));
}

/* ---------- شريط علوي ---------- */
.pd-bar{
  position:sticky; inset-block-start:0; z-index:60;
  display:flex; align-items:center; gap:14px;
  padding:14px clamp(16px,4vw,40px);
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-block-end:1px solid var(--pd-line);
}
.pd-bar img{ height:30px; width:auto; }
.pd-crumb{ font-size:14px; color:var(--pd-dim); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.pd-crumb a{ color:var(--pd-dim); transition:color .2s; }
.pd-crumb a:hover{ color:var(--pd-gold-deep); }
.pd-crumb b{ color:var(--pd-ink); font-weight:700; }
.pd-bar .pd-back{ margin-inline-start:auto; font-size:14px; font-weight:700; color:var(--pd-gold-deep); }

/* ---------- الهيرو الليلي ---------- */
.pd-hero{
  position:relative; isolation:isolate; overflow:hidden;
  background:var(--pd-night); color:#fff;
  padding:clamp(48px,9vw,110px) clamp(16px,4vw,40px) clamp(40px,7vw,80px);
}
.pd-hero::before{
  content:""; position:absolute; inset:-40% -10% auto -10%; height:150%;
  background:
    radial-gradient(50% 40% at 30% 20%, rgba(201,162,39,.30), transparent 70%),
    radial-gradient(40% 35% at 75% 10%, rgba(232,196,116,.20), transparent 70%);
  filter:blur(30px); z-index:-1;
  animation:pd-drift 18s ease-in-out infinite alternate;
}
@keyframes pd-drift{
  from{ transform:translate3d(-3%,0,0) scale(1); }
  to  { transform:translate3d(3%,2%,0) scale(1.08); }
}
.pd-hero::after{
  content:""; position:absolute; inset-inline:0; inset-block-end:0; height:120px;
  background:linear-gradient(to bottom, transparent, #f5f5f7);
  z-index:-1;
}
.pd-hero-in{
  max-width:1100px; margin-inline:auto;
  display:grid; gap:clamp(28px,5vw,60px);
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  align-items:center;
}
@media (max-width:820px){
  .pd-hero-in{ grid-template-columns:1fr; text-align:center; justify-items:center; }
}

/* بلاطة الشعار */
.pd-tile{
  position:relative; width:clamp(150px,26vw,220px); aspect-ratio:1;
  border-radius:26%;
  background:linear-gradient(160deg,#fff,#eceef2);
  display:grid; place-items:center;
  box-shadow:0 40px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.9);
  animation:pd-float 7s ease-in-out infinite;
}
@keyframes pd-float{
  0%,100%{ transform:translateY(0) rotate(-1.2deg); }
  50%    { transform:translateY(-14px) rotate(1.2deg); }
}
.pd-tile img{ width:56%; height:56%; object-fit:contain; }
.pd-tile .pd-letter{
  font-size:clamp(56px,10vw,88px); font-weight:900; line-height:1;
  background:linear-gradient(135deg,#f3dca0,#c9a227 60%,#9a7b15);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.pd-tile-ring{
  position:absolute; inset:-14%; border-radius:30%;
  border:1px solid rgba(232,196,116,.35);
  animation:pd-pulse 4s ease-out infinite;
}
@keyframes pd-pulse{
  0%  { transform:scale(.94); opacity:.9; }
  70% { transform:scale(1.12); opacity:0; }
  100%{ transform:scale(1.12); opacity:0; }
}

.pd-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; letter-spacing:.02em;
  padding:7px 14px; border-radius:999px;
  border:1px solid rgba(232,196,116,.35);
  color:var(--pd-gold-soft); background:rgba(232,196,116,.07);
  margin-block-end:18px;
}
.pd-title{
  font-family:"Alexandria","Tajawal",sans-serif;
  font-size:clamp(34px,6vw,62px); font-weight:900; line-height:1.12;
  letter-spacing:-.02em; margin-block-end:16px;
}
.pd-lede{
  font-size:clamp(16px,2.1vw,20px); line-height:1.85;
  color:rgba(255,255,255,.74); max-width:56ch;
}
.pd-from{
  margin-block-start:26px; display:flex; align-items:baseline; gap:10px;
  flex-wrap:wrap; justify-content:inherit;
}
.pd-from .pd-n{
  font-family:"Alexandria",sans-serif; font-weight:900;
  font-size:clamp(30px,5vw,46px); line-height:1;
  background:linear-gradient(135deg,#f3dca0,#d8b03f 50%,#c9a227);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.pd-from .pd-u{ color:rgba(255,255,255,.6); font-size:15px; }

.pd-cta-row{ display:flex; gap:12px; flex-wrap:wrap; margin-block-start:28px; }
@media (max-width:820px){ .pd-cta-row{ justify-content:center; } }

.pd-btn{
  display:inline-flex; align-items:center; gap:9px;
  padding:14px 26px; border-radius:999px; font-weight:800; font-size:16px;
  transition:transform .35s var(--pd-spring), box-shadow .35s var(--pd-out), background .25s;
  will-change:transform;
}
.pd-btn:hover{ transform:translateY(-3px); }
.pd-btn-wa{ background:#25d366; color:#0a2e17; box-shadow:0 14px 34px rgba(37,211,102,.35); }
.pd-btn-wa:hover{ box-shadow:0 20px 44px rgba(37,211,102,.45); }
.pd-btn-ghost{ border:1px solid rgba(255,255,255,.24); color:#fff; }
.pd-btn-ghost:hover{ background:rgba(255,255,255,.08); }

/* ---------- الجسم ---------- */
.pd-wrap{ max-width:1100px; margin-inline:auto; padding:clamp(40px,7vw,84px) clamp(16px,4vw,40px); }
.pd-h2{
  font-family:"Alexandria","Tajawal",sans-serif;
  font-size:clamp(22px,3.4vw,32px); font-weight:800; letter-spacing:-.01em;
  margin-block-end:22px; position:relative; padding-block-end:12px;
}
.pd-h2::before{
  content:""; position:absolute; inset-block-end:0; inset-inline-start:0;
  width:52px; height:3px; border-radius:2px;
  background:linear-gradient(90deg,var(--pd-gold),var(--pd-gold-soft));
}
.pd-prose{ font-size:17px; line-height:2; color:#3a3a3e; max-width:70ch; }

/* المزايا */
.pd-feats{ display:grid; gap:14px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin-block-start:12px; }
.pd-feat{
  display:flex; gap:14px; align-items:flex-start;
  padding:20px 22px; border-radius:18px; background:#fff;
  border:1px solid var(--pd-line);
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:transform .4s var(--pd-out), box-shadow .4s var(--pd-out);
}
.pd-feat:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.10); }
.pd-feat .pd-num{
  flex:none; width:30px; height:30px; border-radius:9px;
  display:grid; place-items:center; font-size:13px; font-weight:900; color:#6b5310;
  background:linear-gradient(135deg,#f3dca0,#d8b03f);
}
.pd-feat p{ font-size:15.5px; line-height:1.75; }

/* الباقات */
.pd-tiers{ display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.pd-tier{
  position:relative; overflow:hidden;
  padding:26px 24px; border-radius:22px; background:#fff;
  border:1px solid var(--pd-line); text-align:center;
  transition:transform .45s var(--pd-out), box-shadow .45s var(--pd-out), border-color .3s;
}
.pd-tier:hover{ transform:translateY(-6px); border-color:rgba(201,162,39,.45); box-shadow:0 24px 54px rgba(0,0,0,.12); }
.pd-tier .pd-lab{ font-size:14px; color:var(--pd-dim); font-weight:700; }
.pd-tier .pd-price{
  font-family:"Alexandria",sans-serif; font-weight:900; font-size:34px; line-height:1.2;
  margin-block:10px 2px;
  background:linear-gradient(120deg,#b8901f,#c9a227 50%,#8a6a1f);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.pd-tier .pd-cur{ font-size:13px; color:var(--pd-dim); }
.pd-tier .pd-order{
  display:block; margin-block-start:18px; padding:12px; border-radius:14px;
  background:#111; color:#fff; font-weight:800; font-size:15px;
  transition:background .25s, transform .3s var(--pd-spring);
}
.pd-tier .pd-order:hover{ background:var(--pd-gold-deep); transform:scale(1.03); }

/* تنبيه التوفّر */
.pd-note{
  display:flex; gap:12px; align-items:flex-start;
  padding:18px 20px; border-radius:16px; margin-block-end:26px;
  background:linear-gradient(180deg,#fffaf0,#fff6e3);
  border:1px solid rgba(201,162,39,.30);
}
.pd-note span:first-child{ font-size:20px; line-height:1.3; }
.pd-note p{ font-size:15px; line-height:1.8; color:#5b4a15; }

/* ذات صلة */
.pd-rel{ display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); }
.pd-rel a{
  display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center;
  padding:22px 14px; border-radius:18px; background:#fff;
  border:1px solid var(--pd-line);
  transition:transform .4s var(--pd-out), box-shadow .4s var(--pd-out);
}
.pd-rel a:hover{ transform:translateY(-5px); box-shadow:0 18px 40px rgba(0,0,0,.10); }
.pd-rel img{ width:40px; height:40px; object-fit:contain; }
.pd-rel .pd-letter-sm{
  width:40px; height:40px; display:grid; place-items:center; border-radius:11px;
  font-weight:900; color:#6b5310; background:linear-gradient(135deg,#f3dca0,#d8b03f);
}
.pd-rel b{ font-size:14px; font-weight:700; }
.pd-rel small{ font-size:12.5px; color:var(--pd-dim); }

/* شريط الطلب اللاصق — موبايل */
.pd-dock{
  position:fixed; inset-inline:0; inset-block-end:0; z-index:70;
  display:none; align-items:center; gap:12px;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.86);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-block-start:1px solid var(--pd-line);
  transform:translateY(110%); transition:transform .5s var(--pd-out);
}
.pd-dock.pd-on{ transform:translateY(0); }
.pd-dock .pd-dp{ font-weight:900; font-family:"Alexandria",sans-serif; font-size:19px; color:var(--pd-gold-deep); }
.pd-dock .pd-dp small{ display:block; font-size:11.5px; color:var(--pd-dim); font-weight:500; }
.pd-dock a{
  margin-inline-start:auto; padding:12px 22px; border-radius:999px;
  background:#25d366; color:#0a2e17; font-weight:800; font-size:15px;
}
@media (max-width:820px){ .pd-dock{ display:flex; } .pd-page{ padding-block-end:80px; } }

/* الفوتر */
.pd-foot{
  background:var(--pd-night-2); color:rgba(255,255,255,.62);
  padding:44px clamp(16px,4vw,40px); text-align:center; font-size:14.5px;
}
.pd-foot img{ height:36px; margin-inline:auto; margin-block-end:16px; opacity:.9; }
.pd-foot a{ color:var(--pd-gold-soft); }
.pd-foot .pd-links{ display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-block-start:14px; }

/* ظهور تدريجي */
.pd-rise{ opacity:0; transform:translateY(22px); transition:opacity .8s var(--pd-out), transform .8s var(--pd-out); }
.pd-rise.pd-in{ opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce){
  .pd-hero::before,.pd-tile,.pd-tile-ring{ animation:none !important; }
  .pd-rise{ opacity:1 !important; transform:none !important; transition:none !important; }
  .pd-btn:hover,.pd-tier:hover,.pd-feat:hover,.pd-rel a:hover{ transform:none !important; }
  .pd-progress{ display:none; }
}

/* ---------- فهرس الروابط بالصفحة الرئيسية ---------- */
.pd-index{
  max-width:1200px; margin-inline:auto;
  padding:36px clamp(16px,4vw,40px) 8px;
  display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center;
}
.pd-index h2{
  flex-basis:100%; font-size:13px; font-weight:700; letter-spacing:.04em;
  color:#9a9aa0; text-transform:uppercase; margin-block-end:6px;
}
.pd-index a{
  font-size:13px; color:#8a8a90; padding:3px 0;
  border-block-end:1px solid transparent; transition:color .2s, border-color .2s;
}
.pd-index a:hover{ color:#9a7b15; border-block-end-color:rgba(154,123,21,.4); }