:root {
  --primary: #230863;
  --secondary: #25d366;
  --pg-bg: #0d0027;
  --pg-surface: #1a0d4a;
  --pg-text: #ffffff;
  --pg-font-heading: 'Cairo', sans-serif;
  --pg-font-body: 'Cairo', sans-serif;
  --pg-radius: 8px;
  --pg-btn-radius: 30px;
  --primary-rgb: 35,8,99;
  --secondary-rgb: 37,211,102;
  --pg-bg2: #140739;
  --pg-bg2-rgb: 20,7,57;
}
body { background: var(--pg-bg); color: var(--pg-text); font-family: var(--pg-font-body); }
h1,h2,h3,h4,h5,h6 { font-family: var(--pg-font-heading); }
button, .btn, a.btn, input[type=submit] { border-radius: var(--pg-btn-radius); }

/* PG-DARK-MODE */
body { background: #0d0027 !important; color: #ffffff !important; }
/* PG-DARK-STRONG */
html { background: #0d0027 !important; }
section, .section, main, .container, .content, header, footer, nav,
.card, .pack-card, .product-card, .feature-card, .faq-item, .box,
.packs-grid > div, .features-grid > div,
div[class*='hero'], div[class*='banner'], div[class*='head'],
div[class*='wrap'], div[class*='sec'], div[class*='block'] {
    background-color: transparent !important;
    background-image: none !important;
}
.card, .pack-card, .product-card, .feature-card, .faq-item, .box,
.app-install-box, .android-sub-item {
    background: #1a0d4a !important;
    border-color: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
}
h1,h2,h3,h4,h5,h6, p, span, label, li, .section-title, .pack-name, .pack-title {
    color: #ffffff;
}
input, select, textarea {
    background: #1a0d4a !important; color: #ffffff !important;
    border-color: rgba(255,255,255,.15) !important;
}
a { color: var(--primary, #5393ff); }
.navbar, .topnav, .header-bar { background: #1a0d4a !important; }
/* PG-DARK-TARGETED: متغيرات القالب + الكلاسات الفعلية */
:root {
    --white: #1a0d4a;
    --gray-50: #0d0027;
    --gray-100: #0d0027;
    --gray-200: #1c2942;
    --light: #0d0027;
}
.hero, .hero-content, .hero-text, .stats-bar, .stats-inner,
.header-container, .fade-in, .features, .packs, .faq, .apps, .products {
    background-color: transparent !important;
    background-image: none !important;
}
.hero-glass-card, .hero-badge, .hbf, .stat, .app-card, .pack, .faq-q {
    background: #1a0d4a !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.1) !important;
}
.hero h1, .hero p, .hero span, .stats-inner * { color: #ffffff !important; }

/* PG-VAR-BRIDGE */
:root {
    --blue: var(--primary, #078df2);
    --blue2: var(--primary-dark, #0066cc);
    --blue-lt: var(--primary-light, #e8f4fe);
    --gold: var(--secondary, #c8a84b);
    --gold2: var(--secondary, #e6c86a);
    --bg: var(--pg-bg, #f4f8fd);
    --white: var(--pg-surface, #ffffff);
    --dark: var(--pg-text, #07111f);
    --text: var(--pg-text, #4a6275);
}
/* PG-STUDIO2 colors */
:root {
  --pgs-header-bg: #0d0027;
  --pgs-header-text: #ffffff;
  --pgs-hero-bg: #0d0027;
  --pgs-hero-text: #ffffff;
  --pgs-body-bg: #0d0027;
  --pgs-body-text: #ffffff;
  --pgs-card-bg: #1a0d4a;
  --pgs-card-text: #ffffff;
  --pgs-btn-bg: #230863;
  --pgs-btn-text: #ffffff;
  --pgs-footer-bg: #0d0027;
  --pgs-footer-text: #ffffff;
  --pgs-accent: #25d366;
  --pgs-price: #25d366;
}
/* PG-STUDIO2 custom css */
/* PG-IMPORT: أسلوب مستورد من sultankoo.net */
.pgs-body .pgs-btn-p,.pgs-body .pgs-sb.st-solid{font-weight:800;color:#000;background-color:#230863;border:1px solid transparent;border-radius:0.25rem;background:#0d0027;}
.pgs-body .pgs-btn-g,.pgs-body .pgs-sb.st-outline,.pgs-body .pgs-login{border:1px solid #ffffff;background:transparent;color:#ffffff;font-weight:700;border-radius:4rem;}
.pgs-body .pgs-hdr{box-shadow:0 0 5px rgba(0, 0, 0, .1);background:#0d0027;}
/* PG-VISION-CSS */
/* PG-VISION-CSS v2 – sultankoo.net */
.pgs-body {
  background: #0d0027;
  position: relative;
  --pgs-muted: #b8a3e6;
  --pgs-line: rgba(99, 47, 206, 0.35);
  --pgs-container: 1140px;
  --pg-radius: 8px;
  --pg-btn-radius: 30px;
}
.pgs-body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background: radial-gradient(circle at 18% 25%, rgba(99, 47, 206, 0.5) 0%, transparent 45%),
              radial-gradient(circle at 82% 55%, rgba(37, 211, 102, 0.28) 0%, transparent 48%),
              radial-gradient(circle at 50% 95%, rgba(35, 8, 99, 0.6) 0%, transparent 55%);
  pointer-events: none;
  z-index: 0;
}

.pgs-hdr {
  background: rgba(13, 0, 39, 0.88);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--pgs-line);
}
.pgs-hdr .pgs-brand img {
  filter: drop-shadow(0 0 14px rgba(99, 47, 206, 0.7));
}
.pgs-nav a {
  font-weight: 600;
  transition: color 0.3s, text-shadow 0.3s;
}
.pgs-nav a:hover {
  color: #25d366;
  text-shadow: 0 0 12px rgba(37, 211, 102, 0.5);
}

.pgs-hero {
  position: relative;
  overflow: hidden;
}
.pgs-hero::before {
  content: '';
  position: absolute;
  top: -25%;
  left: -12%;
  width: 65%;
  height: 150%;
  background: radial-gradient(ellipse, rgba(99, 47, 206, 0.6) 0%, transparent 58%);
  pointer-events: none;
  z-index: 0;
}
.pgs-hero::after {
  content: '';
  position: absolute;
  top: -15%;
  right: -12%;
  width: 55%;
  height: 130%;
  background: radial-gradient(ellipse, rgba(37, 211, 102, 0.35) 0%, transparent 58%);
  pointer-events: none;
  z-index: 0;
}
.pgs-hero h1 {
  font-size: clamp(2.4rem, 5.5vw, 4.2rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  text-shadow: 0 5px 25px rgba(99, 47, 206, 0.85), 0 0 50px rgba(99, 47, 206, 0.5);
  position: relative;
  z-index: 2;
  line-height: 1.15;
}
.pgs-hero .sub {
  font-size: clamp(1.05rem, 2.2vw, 1.4rem);
  font-weight: 400;
  opacity: 0.96;
  margin-top: 0.9rem;
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0.6rem 1.5rem;
  border: 1.5px solid rgba(99, 47, 206, 0.6);
  border-radius: 50px;
  background: rgba(13, 0, 39, 0.5);
  backdrop-filter: blur(10px);
  box-shadow: 0 0 20px rgba(99, 47, 206, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.1);
}
.pgs-hero .btns {
  margin-top: 2.2rem;
  position: relative;
  z-index: 2;
}

/* أقسام البنرات الوسطى (typo / gradient) – صناديق بتوهّج نيوني */
.pgs-sec[data-id^="imp0000"][data-id$="3"],
.pgs-sec[data-id^="imp0000"][data-id$="5"] {
  padding: 2.5rem 0;
}
.pgs-sec[data-id^="imp0000"][data-id$="3"] .pgs-h h2,
.pgs-sec[data-id^="imp0000"][data-id$="5"] .pgs-h h2 {
  display: inline-block;
  padding: 1rem 2.5rem 1rem 5rem;
  background: linear-gradient(135deg, rgba(26, 13, 74, 0.7) 0%, rgba(35, 8, 99, 0.6) 100%);
  border: 2px solid rgba(99, 47, 206, 0.7);
  border-radius: 12px;
  box-shadow: 0 0 30px rgba(99, 47, 206, 0.6), 0 8px 20px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  position: relative;
  text-shadow: 0 2px 15px rgba(99, 47, 206, 0.7);
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
  font-weight: 700;
}
.pgs-sec[data-id^="imp0000"][data-id$="3"] .pgs-h h2::before,
.pgs-sec[data-id^="imp0000"][data-id$="5"] .pgs-h h2::before {
  content: '';
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background: rgba(99, 47, 206, 0.3);
  border-radius: 8px;
  box-shadow: inset 0 0 15px rgba(99, 47, 206, 0.5);
}

.pgs-sec {
  padding: 4.5rem 0;
  position: relative;
  z-index: 1;
}
.pgs-h h2 {
  font-size: clamp(1.9rem, 3.8vw, 3rem);
  font-weight: 700;
  margin-bottom: 1rem;
  text-shadow: 0 3px 15px rgba(99, 47, 206, 0.6);
}
.pgs-h p {
  font-size: 1.15rem;
  color: var(--pgs-muted);
}

.pgs-card, .pgs-cat, .pgs-p, .pgs-pack {
  background: linear-gradient(135deg, rgba(26, 13, 74, 0.85) 0%, rgba(35, 8, 99, 0.7) 100%);
  border: 1.5px solid rgba(99, 47, 206, 0.55);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5), 0 0 25px rgba(99, 47, 206, 0.25);
  backdrop-filter: blur(10px);
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
  overflow: hidden;
  position: relative;
}
.pgs-card::before, .pgs-cat::before, .pgs-p::before, .pgs-pack::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(37, 211, 102, 0.75), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.pgs-card:hover::before, .pgs-cat:hover::before, .pgs-p:hover::before, .pgs-pack:hover::before {
  opacity: 1;
}
.pgs-card:hover, .pgs-cat:hover, .pgs-p:hover, .pgs-pack:hover {
  transform: translateY(-8px);
  border-color: rgba(37, 211, 102, 0.7);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.6), 0 0 35px rgba(37, 211, 102, 0.35);
}

.pgs-btn-p {
  background: linear-gradient(135deg, #230863 0%, #4a1c99 100%);
  border: 1.5px solid rgba(99, 47, 206, 0.6);
  box-shadow: 0 5px 18px rgba(35, 8, 99, 0.7), 0 0 24px rgba(99, 47, 206, 0.4);
  font-weight: 700;
  transition: all 0.3s;
}
.pgs-btn-p:hover {
  box-shadow: 0 7px 28px rgba(35, 8, 99, 0.9), 0 0 35px rgba(99, 47, 206, 0.6);
  transform: translateY(-3px);
}
.pgs-btn-g, .pgs-sb.st-outline, .pgs-login {
  border: 2px solid #25d366;
  color: #25d366;
  background: rgba(37, 211, 102, 0.12);
  font-weight: 600;
  transition: all 0.3s;
}
.pgs-btn-g:hover, .pgs-sb.st-outline:hover, .pgs-login:hover {
  background: rgba(37, 211, 102, 0.22);
  box-shadow: 0 0 24px rgba(37, 211, 102, 0.5);
}

.pgs-ftr {
  background: rgba(13, 0, 39, 0.96);
  border-top: 1.5px solid var(--pgs-line);
  padding: 3.5rem 0 2rem;
  margin-top: 5rem;
}
/* /PG-VISION-CSS */
/* /PG-VISION-CSS */
/* PG-STUDIO2 pages css */
/* PG-VISION-CSS */
/* PG-PAGES-CSS – sultankoo.net interior */
.pgs-body {
  --pgs-cat-poster-gap: 1.2rem;
}

/* بطاقة المنتج / القسم */
.pgs-p, .pgs-poster {
  background: linear-gradient(135deg, rgba(26, 13, 74, 0.85) 0%, rgba(35, 8, 99, 0.7) 100%);
  border: 1.5px solid rgba(99, 47, 206, 0.55);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5), 0 0 25px rgba(99, 47, 206, 0.25);
  backdrop-filter: blur(10px);
  overflow: hidden;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}
.pgs-p::before, .pgs-poster::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, rgba(37, 211, 102, 0.75), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}
.pgs-p:hover::before, .pgs-poster:hover::before {
  opacity: 1;
}
.pgs-p:hover, .pgs-poster:hover {
  transform: translateY(-8px);
  border-color: rgba(37, 211, 102, 0.7);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.6), 0 0 35px rgba(37, 211, 102, 0.35);
}

.pgs-p .im {
  border-radius: 6px 6px 0 0;
}
.pgs-p .n {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0.7rem;
  text-shadow: 0 1px 6px rgba(99, 47, 206, 0.4);
}
.pgs-p .pr {
  font-size: 1.1rem;
  font-weight: 700;
  margin-top: 0.4rem;
  color: #25d366;
  text-shadow: 0 0 10px rgba(37, 211, 102, 0.5);
}
.pgs-p .bt .pgs-btn {
  margin-top: 0.8rem;
  border-radius: 30px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(35, 8, 99, 0.6), 0 0 18px rgba(99, 47, 206, 0.3);
}

/* بوسترات الأقسام */
.pgs-poster {
  border-radius: 10px;
}
.pgs-poster .im {
  border-radius: 10px 10px 0 0;
}
.pgs-poster .cap {
  padding: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(99, 47, 206, 0.5);
}

/* شرائح الفرز */
.pgs-chip {
  background: rgba(26, 13, 74, 0.7);
  border: 1.5px solid rgba(99, 47, 206, 0.5);
  border-radius: 30px;
  padding: 0.6rem 1.3rem;
  font-weight: 600;
  transition: all 0.3s;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.pgs-chip:hover, .pgs-chip.active {
  background: linear-gradient(135deg, rgba(35, 8, 99, 0.8), rgba(99, 47, 206, 0.6));
  border-color: #25d366;
  box-shadow: 0 0 20px rgba(37, 211, 102, 0.5), 0 6px 18px rgba(0, 0, 0, 0.5);
}

/* صفحة المنتج */
.pgs-prod h1 {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 700;
  text-shadow: 0 3px 15px rgba(99, 47, 206, 0.6);
  margin-bottom: 1rem;
}
.pgs-prod #pgsPrice {
  font-size: 1.8rem;
  font-weight: 700;
  color: #25d366;
  text-shadow: 0 0 15px rgba(37, 211, 102, 0.6);
  margin: 1rem 0;
}
.pgs-gal {
  border: 1.5px solid rgba(99, 47, 206, 0.5);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5), 0 0 25px rgba(99, 47, 206, 0.25);
  overflow: hidden;
}
.pgs-desc {
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--pgs-muted);
  margin-top: 1.5rem;
}
.pgs-feat {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1rem;
}
.pgs-feat span {
  background: rgba(26, 13, 74, 0.7);
  border: 1px solid rgba(99, 47, 206, 0.5);
  border-radius: 20px;
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
  font-weight: 600;
}

/* شريط الشراء الثابت */
.pgs-bar {
  background: rgba(13, 0, 39, 0.95);
  backdrop-filter: blur(14px);
  border-top: 1.5px solid rgba(99, 47, 206, 0.5);
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.5);
}

/* السلة */
.pgs-cart .pgs-item {
  background: rgba(26, 13, 74, 0.7);
  border: 1.5px solid rgba(99, 47, 206, 0.4);
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 0.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
/* /PG-PAGES-CSS */
/* /PG-VISION-CSS */