/* ==========================================================================
   pages/home.css — الصفحة الرئيسية
   جميع القواعد محصورة داخل body.page-home لمنع أي تعارض مع باقي الصفحات
   ========================================================================== */

body.page-home{
  --gold:#d7a943;
  --gold-light:#f1cf7b;
  --gold-dark:#8d671d;
  --black:#070909;
  --dark:#0d1010;
  --dark-soft:#151817;
  --text:#e9e9e5;
  --muted:#aaa9a4;
  --border:rgba(215,169,67,.42);
  --container:1240px;
  --shadow:0 18px 55px rgba(0,0,0,.34);

  background:var(--black);
  color:var(--text);
  line-height:1.8;
}

body.page-home main .container{
  width:min(calc(100% - 42px),1240px);
  margin-inline:auto;
}

body.page-home .reveal{transform:translateY(25px)}

/* ---------- عناصر عامة داخل الصفحة ---------- */
body.page-home .section{position:relative;padding:78px 0;overflow:hidden}

body.page-home .section-title{margin-bottom:40px;text-align:center}

body.page-home .section-title h2{
  color:var(--white);
  font-size:clamp(25px,3vw,38px);
  font-weight:600;
  line-height:1.35;
}

body.page-home .section-title .line{
  display:block;
  width:62px;
  height:3px;
  margin:14px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}

body.page-home .btn{
  min-height:52px;
  padding:0 30px;
  border:1px solid var(--gold);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--white);
  background:transparent;
  cursor:pointer;
  transition:.3s ease;
}

body.page-home .btn:hover{
  background:var(--gold);
  color:#111;
  transform:translateY(-3px);
  box-shadow:0 10px 30px rgba(215,169,67,.22);
}

body.page-home .btn-gold{
  color:#16110a;
  border-color:var(--gold-light);
  background:linear-gradient(135deg,#f4d181,#bf8825);
}

body.page-home .btn-gold:hover{background:linear-gradient(135deg,#ffe7a9,#d9a43e)}

body.page-home .btn-dark{background:rgba(5,7,7,.64)}

/* ---------- الواجهة الرئيسية ---------- */
body.page-home .hero{
  min-height:600px;
  position:relative;
  display:flex;
  align-items:center;
  background:
    linear-gradient(to right,rgba(4,6,6,.16) 0%,rgba(4,6,6,.48) 25%,rgba(4,6,6,.76) 50%,rgba(4,6,6,.92) 75%,rgba(4,6,6,.94) 100%),
    url("../../images/home/hero-home.webp") center/cover no-repeat;
}

/* في اللغة الإنجليزية (LTR) ينتقل النص إلى اليسار، فيُعكس اتجاه التعتيم ليبقى خلف النص */
[dir="ltr"] body.page-home .hero{
  background:
    linear-gradient(to left,rgba(4,6,6,.06) 0%,rgba(4,6,6,.32) 25%,rgba(4,6,6,.6) 50%,rgba(4,6,6,.8) 75%,rgba(4,6,6,.82) 100%),
    url("../../images/home/hero-home.webp") center/cover no-repeat;
}

body.page-home .hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:140px;
  background:linear-gradient(to top,rgba(5,7,7,.72),transparent);
}

body.page-home .hero-content{position:relative;z-index:2;display:flex;justify-content:flex-start}

body.page-home .hero-copy{width:min(590px,100%);padding:50px 0}

body.page-home .hero-copy h1{
  color:var(--white);
  font-size:clamp(40px,5.2vw,70px);
  font-weight:600;
  line-height:1.25;
  text-shadow:0 2px 14px rgba(0,0,0,.65),0 1px 4px rgba(0,0,0,.85);
}

body.page-home .hero-copy h1 span{color:var(--gold)}

body.page-home .hero-copy>p{
  margin-top:18px;
  color:#e3e3de;
  font-size:19px;
  font-weight:300;
  text-shadow:0 2px 10px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.8);
}

body.page-home .hero-buttons{margin-top:34px;display:flex;flex-wrap:wrap;gap:16px}

body.page-home .hero-stats{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);padding:14px 10px;border:1px solid rgba(215,169,67,.3);border-radius:10px;background:rgba(4,6,6,.55);backdrop-filter:blur(6px)}

body.page-home .hero-stat{
  min-height:78px;
  padding:0 24px;
  display:flex;
  align-items:center;
  gap:15px;
  border-left:1px solid rgba(255,255,255,.14);
}

body.page-home .hero-stat:last-child{border-left:0}
body.page-home .hero-stat i{color:var(--gold);font-size:29px}
body.page-home .hero-stat strong{display:block;color:var(--gold);font-size:21px;line-height:1.2}
body.page-home .hero-stat span{display:block;color:#f0f0eb;font-size:13px;line-height:1.5}

/* ---------- فئات المنتجات ---------- */
body.page-home .categories{padding:50px 0 58px;color:#181918;background:#f4f2ee}
body.page-home .categories .section-title{margin-bottom:34px}
body.page-home .categories .section-title h2{color:#252525}
body.page-home .categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}

body.page-home .category-card{
  min-height:390px;
  position:relative;
  overflow:hidden;
  border:1px solid #cda448;
  border-radius:7px;
  background:#111;
  box-shadow:0 10px 28px rgba(0,0,0,.17);
}

body.page-home .category-card img{height:100%;object-fit:cover;transition:transform .7s ease}

body.page-home .category-card::after{
  content:"";
  position:absolute;
  inset:35% 0 0;
  background:linear-gradient(to top,rgba(5,7,7,.97),rgba(5,7,7,0));
}

body.page-home .category-card:hover img{transform:scale(1.08)}

body.page-home .category-card-content{
  width:100%;
  position:absolute;
  right:0;
  bottom:25px;
  z-index:2;
  padding:0 25px;
  text-align:center;
}

body.page-home .category-card h3{margin-bottom:14px;color:var(--white);font-size:22px;font-weight:500}

body.page-home .small-link{
  min-height:40px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid var(--gold);
  color:var(--gold-light);
  background:rgba(5,7,7,.74);
  font-size:12px;
  transition:.3s ease;
}

body.page-home .small-link:hover{color:#111;background:var(--gold)}

/* ---------- من نحن ---------- */
body.page-home .about{
  padding:78px 0;
  background:
    linear-gradient(90deg,rgba(8,11,10,.96),rgba(11,14,13,.93)),
    radial-gradient(circle at 90% 50%,rgba(215,169,67,.18),transparent 32%);
}

body.page-home .about-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:85px;
}

body.page-home .about-copy .eyebrow{margin-bottom:7px;color:var(--gold);font-size:16px;font-weight:500}
body.page-home .about-copy h2{margin-bottom:22px;color:var(--white);font-size:clamp(28px,3.2vw,43px);font-weight:500}
body.page-home .about-copy p{margin-bottom:18px;color:#c6c7c3;font-size:14px;line-height:2.1}

body.page-home .about-stats{
  margin-top:38px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(215,169,67,.16);
}

body.page-home .about-stat{padding:23px 11px 0;text-align:center;border-left:1px solid rgba(215,169,67,.2)}
body.page-home .about-stat:last-child{border-left:0}
body.page-home .about-stat i{display:block;margin-bottom:10px;color:var(--gold);font-size:25px}
body.page-home .about-stat strong{display:block;color:var(--gold);font-size:19px}
body.page-home .about-stat span{color:#b8b8b3;font-size:11px}

body.page-home .about-image{
  height:425px;
  overflow:hidden;
  border:1px solid rgba(215,169,67,.4);
  box-shadow:var(--shadow);
}

body.page-home .about-image img{height:100%;object-fit:cover}
body.page-home .about-visual .btn{margin-top:34px;min-width:255px}

/* ---------- الخدمات ---------- */
body.page-home .services{
  background:
    radial-gradient(circle at 25% 30%,rgba(176,123,28,.12),transparent 30%),
    linear-gradient(180deg,#171916,#0b0e0d);
}

body.page-home .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

body.page-home .service-card{
  min-height:220px;
  padding:34px 30px;
  border:1px solid rgba(215,169,67,.38);
  background:linear-gradient(135deg,rgba(23,26,24,.95),rgba(10,13,12,.96));
  text-align:center;
  transition:.35s ease;
}

body.page-home .service-card:hover{
  border-color:var(--gold);
  transform:translateY(-7px);
  background:linear-gradient(135deg,rgba(44,37,22,.94),rgba(10,13,12,.98));
}

body.page-home .service-card h3{margin-bottom:13px;color:var(--white);font-size:19px;font-weight:500}
body.page-home .service-card p{min-height:60px;color:#c2c2bd;font-size:13px;line-height:1.9}
body.page-home .service-card a{margin-top:18px;display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:13px}

/* ---------- كيف نعمل ---------- */
body.page-home .process{background:#0c0f0e}

body.page-home .process-list{
  max-width:1030px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  position:relative;
}

body.page-home .process-list::before{
  content:"";
  height:1px;
  position:absolute;
  right:12%;
  left:12%;
  top:49px;
  border-top:2px dotted rgba(215,169,67,.65);
}

body.page-home .process-item{position:relative;z-index:2;padding:0 18px;text-align:center}

body.page-home .process-number{
  width:92px;
  height:92px;
  margin:0 auto 21px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#222;
  background:linear-gradient(135deg,#ffe2a1,#c8912b);
  font-size:25px;
  font-weight:700;
  box-shadow:0 0 0 5px rgba(6,8,8,.94);
}

body.page-home .process-item h3{margin-bottom:9px;color:#f2f2ee;font-size:17px;font-weight:500}
body.page-home .process-item p{color:#aaa9a4;font-size:12px;line-height:1.8}

/* ---------- القطاعات ---------- */
body.page-home .industries{padding-top:20px;background:#0c0f0e}
body.page-home .industries-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}

body.page-home .industry-card{
  height:210px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(215,169,67,.52);
}

body.page-home .industry-card img{height:100%;object-fit:cover;transition:.45s ease}

body.page-home .industry-card::after{
  content:"";
  position:absolute;
  inset:38% 0 0;
  background:linear-gradient(to top,rgba(5,7,7,.96),transparent);
}

body.page-home .industry-card:hover img{transform:scale(1.08)}

body.page-home .industry-card h3{
  width:100%;
  position:absolute;
  right:0;
  bottom:13px;
  z-index:2;
  padding:0 8px;
  color:var(--white);
  font-size:14px;
  font-weight:500;
  text-align:center;
}

/* ---------- المعرض ---------- */
body.page-home .offers{background:linear-gradient(180deg,#111413,#0b0e0d)}
body.page-home .offers-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
body.page-home .offer-image{height:235px;overflow:hidden;border:1px solid rgba(215,169,67,.32)}
body.page-home .offer-image img{height:100%;object-fit:cover;transition:transform .55s ease}
body.page-home .offer-image:hover img{transform:scale(1.08)}
body.page-home .offers-action{margin-top:26px;text-align:center}

/* ---------- العملاء ---------- */
body.page-home .clients{
  padding:48px 0;
  border-top:1px solid rgba(215,169,67,.2);
  border-bottom:1px solid rgba(215,169,67,.2);
  background:#090c0b;
}

body.page-home .clients-grid{display:grid;grid-template-columns:1.1fr 2.3fr;align-items:center;gap:60px}

body.page-home .testimonial{
  min-height:155px;
  position:relative;
  padding:34px 35px 25px;
  border:1px solid rgba(215,169,67,.46);
  border-radius:9px;
  background:rgba(16,19,18,.92);
}

body.page-home .quote-icon{
  width:54px;
  height:54px;
  position:absolute;
  top:-25px;
  right:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#19140b;
  background:linear-gradient(135deg,#f8db93,#bd8121);
  font-size:21px;
}

body.page-home .testimonial p{color:#d6d6d1;font-size:12px;line-height:2}
body.page-home .testimonial strong{display:block;margin-top:9px;color:var(--gold);font-size:12px}

body.page-home .clients-content h2{
  margin-bottom:25px;
  color:var(--white);
  font-size:clamp(25px,3vw,38px);
  font-weight:500;
  text-align:center;
}

body.page-home .logos-row{display:grid;grid-template-columns:repeat(5,1fr);direction:ltr}

body.page-home .client-logo{
  height:88px;
  padding:13px;
  border:1px solid rgba(255,255,255,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d8d8d4;
  font-family:Arial,sans-serif;
  font-size:17px;
  font-weight:700;
}

/* ---------- دعوة للتواصل ---------- */
body.page-home .cta{
  padding:55px 0;
  text-align:center;
  background:linear-gradient(90deg,rgba(10,12,11,.98),rgba(58,39,14,.77),rgba(10,12,11,.98));
}

body.page-home .cta h2{margin-bottom:5px;color:var(--white);font-size:clamp(27px,3.5vw,43px);font-weight:500}
body.page-home .cta p{margin-bottom:25px;color:#cfcec8;font-size:14px}

/* ==========================  الاستجابة  ========================== */
@media(max-width:900px){
  body.page-home .about-grid,
  body.page-home .clients-grid{grid-template-columns:1fr}
  body.page-home .services-grid{grid-template-columns:1fr}
  body.page-home .hero{
    background:
      linear-gradient(rgba(4,6,6,.62),rgba(4,6,6,.62)),
      url("../../images/home/hero-home.webp") center/cover no-repeat;
  }
  body.page-home .hero-copy{width:100%;margin:0;text-align:center}
  body.page-home .hero-buttons{justify-content:center}
  body.page-home .process-list{grid-template-columns:repeat(2,1fr);gap:45px 10px}
  body.page-home .process-list::before{display:none}
  body.page-home .offers-gallery{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
  body.page-home main .container{width:min(calc(100% - 28px),1240px)}
  body.page-home .section{padding:58px 0}
  body.page-home .hero{min-height:710px}
  body.page-home .hero-copy h1{font-size:41px}
  body.page-home .hero-buttons{display:grid;grid-template-columns:1fr}
  body.page-home .hero-stats{grid-template-columns:1fr;margin-top:40px}
  body.page-home .categories-grid{grid-template-columns:1fr}
  body.page-home .about-stats{grid-template-columns:repeat(2,1fr)}
  body.page-home .process-list{grid-template-columns:1fr}
  body.page-home .industries-grid{grid-template-columns:repeat(2,1fr)}
  body.page-home .offers-gallery{grid-template-columns:repeat(2,1fr)}
  body.page-home .logos-row{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:430px){
  body.page-home .hero-copy h1{font-size:35px}
  body.page-home .industries-grid,
  body.page-home .offers-gallery{grid-template-columns:1fr}
}