html{scroll-behavior:smooth;scroll-padding-top:110px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Black Wall — تنسيقات الصفحة الرئيسية */
:root{
  --bw-accent:#c9a44c;
  --bw-ink:#14161a;
  --bw-ink-soft:#5f646d;
  --bw-stone:#f6f5f3;
  --bw-line:rgba(20,22,26,.12);
  --bw-dark:#0f1114;
  --bw-radius:18px;
}
.bw-site{color:var(--bw-ink);overflow-x:clip}
.bw-site *,.bw-site *::before,.bw-site *::after{box-sizing:border-box}
.bw-wrap{width:min(1200px,100% - clamp(20px,5vw,64px));margin-inline:auto}

.bw-eyebrow{
  margin:0 0 .9em;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bw-accent);
}
.bw-eyebrow--dark{color:var(--bw-accent)}
.bw-h2{
  margin:0;
  font-size:clamp(1.6rem,1.2rem + 1.9vw,2.6rem);
  line-height:1.24;
  font-weight:700;
  letter-spacing:-.015em;
}
.bw-lead{
  margin:.85em 0 0;
  max-width:64ch;
  font-size:clamp(1rem,.96rem + .28vw,1.12rem);
  line-height:1.85;
  color:var(--bw-ink-soft);
}

/* ---------- الأزرار ---------- */
.bw-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:.92em 1.7em;
  border-radius:999px;
  border:1px solid transparent;
  font-size:.98rem;font-weight:700;line-height:1;
  text-decoration:none;cursor:pointer;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.bw-btn:hover{transform:translateY(-2px)}
.bw-btn--solid{background:var(--bw-accent);color:#fff;box-shadow:0 10px 26px -12px rgba(201,164,76,.95)}
.bw-btn--solid:hover{color:#fff}
.bw-btn--ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.4);backdrop-filter:blur(6px)}
.bw-btn--ghost:hover{background:#fff;color:var(--bw-ink);border-color:#fff}
.bw-btn--line{background:transparent;color:var(--bw-ink);border-color:var(--bw-line)}
.bw-btn--line:hover{border-color:var(--bw-accent);color:var(--bw-accent)}

/* ---------- القسم الرئيسي ---------- */
.bw-hero{
  position:relative;
  padding-block:clamp(60px,9vw,110px) 0;
  background:
    radial-gradient(85% 65% at 82% 8%, rgba(201,164,76,.18) 0%, rgba(201,164,76,0) 62%),
    radial-gradient(70% 55% at 12% 85%, rgba(255,255,255,.055) 0%, rgba(255,255,255,0) 62%),
    linear-gradient(170deg,#16181c 0%,#0b0c0f 58%,#08090b 100%);
  color:#fff;
  overflow:hidden;
  text-align:center;
}
.bw-hero__inner{position:relative;z-index:1;max-width:900px}
.bw-hero .bw-eyebrow{color:#e0c489}
.bw-hero__title{
  margin:0;
  font-size:clamp(1.95rem,1.15rem + 3.3vw,3.6rem);
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.022em;
  text-wrap:balance;
}
.bw-hero__text{
  margin:1.05em auto 0;
  max-width:58ch;
  font-size:clamp(1rem,.95rem + .36vw,1.14rem);
  line-height:1.9;
  color:rgba(255,255,255,.78);
}
.bw-hero__cta{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;
  margin-top:clamp(24px,3.6vw,36px);
}

/* شريط متحرك من صفحات الكتالوجات */
.bw-marquee{
  position:relative;
  margin-top:clamp(40px,6vw,72px);
  padding-block:clamp(18px,3vw,30px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
}
.bw-marquee__track{
  display:flex;
  gap:clamp(10px,1.4vw,18px);
  width:max-content;
  animation:bw-slide 60s linear infinite;
}
.bw-marquee:hover .bw-marquee__track{animation-play-state:paused}
.bw-marquee__item{
  flex:0 0 auto;
  margin:0;
  width:clamp(118px,15vw,172px);
  aspect-ratio:3/4.3;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(201,164,76,.32);
  box-shadow:0 26px 50px -30px rgba(0,0,0,.95);
  background:#111;
}
.bw-marquee__item img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes bw-slide{ from{transform:translate3d(0,0,0)} to{transform:translate3d(-50%,0,0)} }
html[dir="rtl"] .bw-marquee__track{animation-name:bw-slide-rtl}
@keyframes bw-slide-rtl{ from{transform:translate3d(0,0,0)} to{transform:translate3d(50%,0,0)} }
@media (prefers-reduced-motion:reduce){ .bw-marquee__track{animation:none} }

/* ---------- المزايا ---------- */
.bw-features{padding:clamp(44px,6vw,70px) 0;background:var(--bw-stone)}
.bw-features__grid{
  display:grid;
  gap:clamp(16px,2.2vw,26px);
  grid-template-columns:repeat(auto-fit,minmax(215px,1fr));
  margin:0;padding:0;list-style:none;
}
.bw-feature{
  background:#fff;
  border:1px solid var(--bw-line);
  border-radius:var(--bw-radius);
  padding:clamp(20px,2.4vw,28px);
  transition:transform .2s ease,box-shadow .2s ease;
}
.bw-feature:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(15,18,25,.55)}
.bw-feature__num{
  display:block;
  font-size:.78rem;font-weight:800;letter-spacing:.16em;
  color:var(--bw-accent);
}
.bw-feature__title{margin:.65em 0 .4em;font-size:1.06rem;font-weight:700;line-height:1.4}
.bw-feature__text{margin:0;font-size:.93rem;line-height:1.8;color:var(--bw-ink-soft)}

/* ---------- من نحن ---------- */
.bw-about{padding:clamp(60px,9vw,110px) 0}
.bw-about__grid{
  display:grid;
  gap:clamp(28px,4vw,60px);
  grid-template-columns:1fr;
  align-items:center;
}
@media (min-width:900px){ .bw-about__grid{grid-template-columns:1.05fr .95fr} }
.bw-about__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,3vw,32px)}
.bw-about__media img{
  width:100%;height:100%;
  max-height:520px;
  object-fit:cover;
  display:block;
  border-radius:var(--bw-radius);
  box-shadow:0 30px 60px -40px rgba(15,18,25,.8);
}

/* ---------- الكتالوجات ---------- */
.bw-catalogs-section{padding:clamp(60px,9vw,110px) 0;background:var(--bw-stone)}
.bw-section-head{margin-bottom:clamp(32px,4.5vw,56px);max-width:720px}
.bw-section-head--light{color:#fff}
.bw-section-head--light .bw-lead{color:rgba(255,255,255,.78)}
.bw-catalogs-section .bwc-catalogs{--bwc-accent:var(--bw-accent);--bwc-soft:#eceae7}

/* ---------- المحتوى الإضافي ---------- */
.bw-extra{padding:clamp(48px,7vw,86px) 0}
.bw-prose{max-width:74ch;line-height:1.9;color:var(--bw-ink-soft)}
.bw-prose h2,.bw-prose h3{color:var(--bw-ink)}

/* ---------- التواصل ---------- */
.bw-contact{padding:clamp(60px,9vw,110px) 0;background:var(--bw-dark);color:#fff}
.bw-contact__grid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.bw-card{
  display:block;
  padding:clamp(20px,2.4vw,26px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--bw-radius);
  background:rgba(255,255,255,.04);
  color:#fff;
  text-decoration:none;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
a.bw-card:hover{border-color:var(--bw-accent);background:rgba(255,255,255,.08);transform:translateY(-3px);color:#fff}
.bw-card__label{display:block;font-size:.8rem;letter-spacing:.1em;color:var(--bw-accent);margin-bottom:.6em}
.bw-card__value{display:block;font-size:1.02rem;font-weight:600;line-height:1.6}
.bw-map{
  margin-top:clamp(24px,3.4vw,38px);
  border-radius:var(--bw-radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
}
.bw-map iframe{display:block;width:100%;height:clamp(260px,42vw,420px);border:0;filter:grayscale(.25)}

/* ---------- زر واتساب العائم ---------- */
.bw-wa-float{
  position:fixed;
  inset-block-end:20px;inset-inline-start:20px;
  z-index:9990;
  width:56px;height:56px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#25d366;
  color:#fff;
  box-shadow:0 12px 30px -10px rgba(37,211,102,.8);
  transition:transform .2s ease;
}
.bw-wa-float:hover{transform:scale(1.07);color:#fff}
.bw-wa-float svg{width:30px;height:30px;fill:currentColor}

@media (prefers-reduced-motion:reduce){ .bw-site *{transition:none !important} }

/* ================= شريط الأرقام ================= */
.bw-stats{
  border-block:1px solid var(--bw-line);
  background:#fff;
}
.bw-stats__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  margin:0;padding:0;list-style:none;
}
.bw-stat{
  padding:clamp(22px,3vw,34px) clamp(14px,2vw,24px);
  text-align:center;
  border-inline-start:1px solid var(--bw-line);
}
.bw-stat:first-child{border-inline-start:0}
.bw-stat__num{
  display:block;
  font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--bw-accent);
}
.bw-stat__label{display:block;margin-top:.45em;font-size:.86rem;color:var(--bw-ink-soft)}

/* ================= شرائح التنقل بين الكتالوجات ================= */
.bw-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 clamp(26px,3.5vw,40px);
  padding:0;
  list-style:none;
}
.bw-chip{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  padding:.6em 1.1em;
  border:1px solid var(--bw-line);
  border-radius:999px;
  background:#fff;
  color:var(--bw-ink);
  font-size:.9rem;
  font-weight:600;
  text-decoration:none;
  transition:border-color .18s ease,color .18s ease,transform .18s ease;
}
.bw-chip:hover{border-color:var(--bw-accent);color:var(--bw-accent);transform:translateY(-2px)}
.bw-chip__n{
  font-size:.74rem;
  font-weight:800;
  color:var(--bw-accent);
  letter-spacing:.08em;
}

/* ================= ظهور تدريجي ================= */
/* الحالة المخفية تُضاف عبر JS فقط، حتى لا يختفي المحتوى إن تعطّل السكربت */
.bw-reveal.bw-armed{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.bw-reveal.bw-armed.is-in{opacity:1 !important;transform:none !important}
@media (prefers-reduced-motion:reduce){.bw-reveal.bw-armed{opacity:1 !important;transform:none !important}}

/* ================= التذييل المخصص ================= */
.bw-footer{
  background:#0a0b0d;
  color:#d9dade;
  padding-block:clamp(48px,7vw,80px) 0;
  font-size:.95rem;
  line-height:1.9;
}
.bw-footer__grid{
  display:grid;
  gap:clamp(28px,4vw,54px);
  grid-template-columns:1fr;
  padding-bottom:clamp(36px,5vw,56px);
}
@media (min-width:760px){ .bw-footer__grid{grid-template-columns:1.6fr 1fr 1.2fr} }
.bw-footer__logo{width:auto;max-height:84px;display:block;margin-bottom:18px}
.bw-footer__name{display:block;font-size:1.3rem;color:#fff;margin-bottom:14px}
.bw-footer__about{margin:0;max-width:46ch;color:#9ea1a8}
.bw-footer__title{
  margin:0 0 1em;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.14em;
  color:var(--bw-accent,#c9a44c);
  text-transform:uppercase;
}
.bw-footer__col ul{margin:0;padding:0;list-style:none;display:grid;gap:.6em}
.bw-footer a{color:#d9dade;text-decoration:none;transition:color .18s ease}
.bw-footer a:hover{color:var(--bw-accent,#c9a44c)}
.bw-footer__social{display:flex;gap:10px;margin-top:20px}
.bw-social{
  width:40px;height:40px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  transition:border-color .18s ease,background-color .18s ease;
}
.bw-social svg{width:18px;height:18px;fill:currentColor}
.bw-social:hover{border-color:var(--bw-accent,#c9a44c);background:rgba(201,164,76,.12)}
.bw-footer__bar{border-top:1px solid rgba(255,255,255,.1);padding-block:18px}
.bw-footer__bar-inner{
  display:flex;flex-wrap:wrap;gap:6px 18px;
  align-items:center;justify-content:space-between;
}
.bw-footer__bar p{margin:0;font-size:.85rem;color:#82858c}

/* ===================================================================
   تثبيت الخط والألوان فوق إعدادات القالب
   =================================================================== */
.bw-site h1,.bw-site h2,.bw-site h3,.bw-site h4,
.bw-footer h1,.bw-footer h2,.bw-footer h3,
.bwc-catalogs h1,.bwc-catalogs h2,.bwc-catalogs h3,
.bw-search h1,.bw-search h2,.bw-search p{
  font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
}

/* القسم الرئيسي — نص أبيض واضح على الخلفية الداكنة */
.bw-site .bw-hero__title{
  color:#ffffff;
  text-shadow:0 2px 24px rgba(0,0,0,.55);
}
.bw-site .bw-hero__text{color:rgba(255,255,255,.86)}
.bw-site .bw-hero .bw-eyebrow{color:#e3c88f}

/* العناوين في الأقسام الفاتحة */
.bw-site .bw-h2{color:var(--bw-ink)}
.bw-site .bw-feature__title{color:var(--bw-ink)}
.bwc-catalogs .bwc-catalog__title{color:var(--bwc-ink)}

/* العناوين في الأقسام الداكنة */
.bw-site .bw-section-head--light .bw-h2{color:#ffffff}
.bw-site .bw-contact .bw-h2{color:#ffffff}
.bw-footer .bw-footer__title{color:var(--bw-accent,#c9a44c)}
.bw-footer .bw-footer__name{color:#ffffff}

/* وضوح النصوص الثانوية */
.bw-site .bw-lead{color:var(--bw-ink-soft)}
.bw-site .bw-section-head--light .bw-lead{color:rgba(255,255,255,.8)}
.bw-site .bw-contact .bw-lead{color:rgba(255,255,255,.8)}