/* ==========================================================
   Nasaq 5 — النمط السعودي الحديث: أخضر زمردي + رمل + ذهب، نجمة ثمانية، حواف كبيرة، خط كوفي.
   يعمل تحت body.skin-saudi ويُعطَّل من الإعدادات (التصميم الكلاسيكي).
   ========================================================== */
body.skin-saudi {
  --paper: #FBF8F1; --tint: #F2EBDA; --card: #FFFFFF;
  --ink: #0B2B24; --dim: #4A5C55; --line: rgba(11,43,36,.14);
  --night: #0B3B2F; --night-2: #11493B; --on-night: #FBF8F1; --on-night-dim: #B9CBC3; --line-night: rgba(251,248,241,.18);
  --accent: #D9A441; --on-accent: #0B2B24; --accent-ink: #8A6410;
  --teal: #3DBB8E; --teal-ink: #1D7A5F; --stone: #E4DAC3; --r: 16px;
  --shadow: 0 1px 2px rgba(11,43,36,.05), 0 22px 40px -26px rgba(11,43,36,.35);
  --star-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 64 64'%3E%3Cpath d='M32 4l6.5 15.7L54 14l-5.7 15.5L60 32l-11.7 2.5L54 50l-15.5-5.7L32 60l-6.5-15.7L10 50l5.7-15.5L4 32l11.7-2.5L10 14l15.5 5.7z' fill='none' stroke='%230B3B2F' stroke-opacity='.08' stroke-width='1'/%3E%3C/svg%3E");
  --star-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 64 64'%3E%3Cpath d='M32 4l6.5 15.7L54 14l-5.7 15.5L60 32l-11.7 2.5L54 50l-15.5-5.7L32 60l-6.5-15.7L10 50l5.7-15.5L4 32l11.7-2.5L10 14l15.5 5.7z' fill='none' stroke='%23FBF8F1' stroke-opacity='.09' stroke-width='1'/%3E%3C/svg%3E");
}
.skin-saudi h1, .skin-saudi h2, .skin-saudi h3, .skin-saudi .h1, .skin-saudi .h2, .skin-saudi .h3 { font-family: 'Noto Kufi Arabic', 'Space Grotesk', sans-serif; font-weight: 800; line-height: 1.4; letter-spacing: 0; }
.skin-saudi h3, .skin-saudi .h3 { font-weight: 600; }
html[dir="ltr"] body.skin-saudi h1, html[dir="ltr"] body.skin-saudi h2, html[dir="ltr"] body.skin-saudi h3 { font-family: 'Space Grotesk', 'Readex Pro', sans-serif; line-height: 1.15; }
.skin-saudi .h2 { font-size: clamp(1.7rem, 3.8vw, 2.7rem); }
.skin-saudi .hero-title { font-size: clamp(1.9rem, 4.2vw, 3.2rem); line-height: 1.5; }
.skin-saudi .hero-title em { background: none; color: var(--teal-ink); position: relative; }
.skin-saudi .hero-title em::after { content: ""; position: absolute; inset-inline: 0; bottom: .05em; height: .16em; background: var(--accent); border-radius: 99px; z-index: -1; }

/* أزرار حبّة */
.skin-saudi .btn { border: 0; border-radius: 999px; background: var(--night); color: #fff; box-shadow: 0 10px 24px -14px rgba(11,59,47,.7); font-weight: 600; }
.skin-saudi .btn:hover { filter: none; background: var(--night-2); }
.skin-saudi .btn-ghost, .skin-saudi .btn-outline { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
.skin-saudi .btn-ghost:hover { background: var(--ink); color: var(--paper); }
.skin-saudi .section--night .btn, .skin-saudi .footer .btn, .skin-saudi .strip .btn { background: var(--accent); color: var(--on-accent); }
.skin-saudi .nav-actions .btn { background: var(--accent); color: var(--on-accent); box-shadow: none; }

/* عنوان فرعي */
.skin-saudi .eyebrow { padding: 6px 14px 6px 12px; border-radius: 99px; background: rgba(217,164,65,.16); color: var(--accent-ink); letter-spacing: 0; }
.skin-saudi .eyebrow::before { width: 8px; height: 8px; border-radius: 2px; background: var(--accent); transform: rotate(45deg); }
.skin-saudi .section--night .eyebrow, .skin-saudi .audit .eyebrow { background: rgba(217,164,65,.16); color: var(--accent); }

/* الهيدر */
.skin-saudi .nav-sticky { background: rgba(251,248,241,.9); backdrop-filter: blur(12px); border-block-end: 1px solid var(--stone); }

/* الهيرو */
.skin-saudi .hero { background-color: var(--paper); background-image: var(--star-l), radial-gradient(60% 70% at 85% 10%, rgba(217,164,65,.16), transparent 70%), radial-gradient(50% 60% at 5% 90%, rgba(61,187,142,.12), transparent 70%); background-size: 72px 72px, auto, auto; }
.skin-saudi .badge { background: #fff; border: 1px solid var(--stone); border-radius: 99px; box-shadow: var(--shadow); }
.skin-saudi .hero-assembly { position: relative; width: min(100%, 460px); aspect-ratio: 1 / 1.02; border-radius: 40px; overflow: hidden; cursor: pointer; background: var(--star-d), radial-gradient(80% 60% at 50% 0%, #16584a, var(--night) 70%); background-size: 72px 72px, auto; box-shadow: 0 40px 70px -40px rgba(11,59,47,.8), inset 0 0 0 1px rgba(251,248,241,.12); }
.hero-assembly .order-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hero-assembly .order-tag { position: absolute; inset-inline: 0; bottom: 22px; margin: 0; text-align: center; font-size: .95rem; color: var(--accent, #D9A441); opacity: 0; transform: translateY(6px); transition: opacity .5s, transform .5s; pointer-events: none; }
.hero-assembly.is-done .order-tag { opacity: 1; transform: none; }
.hero-assembly:not(.is-done) .order-tag { opacity: 0; }
@media (prefers-reduced-motion: reduce) { .hero-assembly .order-tag { transition: none; } }

/* أقسام */
.skin-saudi .strip, .skin-saudi .footer, .skin-saudi .section--night, .skin-saudi .audit { background-color: var(--night); background-image: var(--star-d); background-size: 72px 72px; color: var(--on-night); }
.skin-saudi .strip-item strong, .skin-saudi .strip-item b { color: var(--accent); }
.skin-saudi .audit { padding-block: clamp(56px, 7vw, 96px); }
.skin-saudi .audit .lead { color: var(--on-night-dim); }
.skin-saudi .audit .h2 { color: #fff; }
.skin-saudi .audit .btn { background: var(--night); color: #fff; }
.skin-saudi .lead-form--compact .btn { background: var(--night); color: #fff; }
.skin-saudi .section--tint { background: var(--tint); }
.skin-saudi .ticker { background: var(--ink); border-color: transparent; }
.skin-saudi .mq-dot { background: var(--accent); border-radius: 2px; transform: rotate(45deg); }

/* بطاقات */
.skin-saudi .svc, .skin-saudi .wk-card, .skin-saudi .package, .skin-saudi .exp-card, .skin-saudi .rev, .skin-saudi .bento-card, .skin-saudi .step, .skin-saudi .phone-card, .skin-saudi .quote, .skin-saudi .lead-form, .skin-saudi .lead-ok { border-radius: 26px; border: 1px solid var(--stone); background: #fff; box-shadow: var(--shadow); }
.skin-saudi .svc:hover, .skin-saudi .wk-card:hover, .skin-saudi .package:hover { transform: translateY(-4px); transition: transform .25s; }
.skin-saudi .package-badge, .skin-saudi .wk-chip, .skin-saudi .chips li { border-radius: 99px; }
.skin-saudi .chips li { border-color: var(--stone); background: #fff; }
.skin-saudi .svc-icon { background: var(--night); color: var(--accent); border-radius: 16px; }
.skin-saudi .svc-num, .skin-saudi .step-num { color: var(--accent-ink); }
.skin-saudi .wk-shot { border-radius: 20px; }
.skin-saudi .wk-big { color: var(--teal-ink); }
.skin-saudi .rev--empty { background: transparent; box-shadow: none; border: 1.5px dashed var(--stone); }
.skin-saudi .founder-photo { background: var(--night); border-radius: 32px; }
.skin-saudi .page-hero--big { background: var(--star-l); background-size: 72px 72px; }
.skin-saudi .input { border-radius: 14px; }
.skin-saudi svg.i-fill, .skin-saudi .stars svg { color: var(--accent); }

/* صفحات الإضافات (أعمال/فريق) */
.skin-saudi .nqp, .skin-saudi .nqt, .skin-saudi .nqw { --bg: #0B3B2F; --ink: #FBF8F1; --ink-dim: #B9CBC3; --accent: #D9A441; }