/* ===== إضافات: اللوجو وزر اللغة ===== */
.logo img{ height:46px; width:auto; display:block; }
.lang-btn{
  display:inline-flex; align-items:center; gap:7px; background:none; border:1.5px solid var(--line);
  border-radius:9px; padding:8px 14px; font-family:var(--body); font-weight:700; font-size:.9rem;
  color:var(--ink-soft); cursor:pointer; transition:all .2s var(--ease);
}
.lang-btn:hover{ border-color:var(--red); color:var(--red); }
.lang-btn svg{ width:16px; height:16px; }
.header .nav-wrap{ display:flex; align-items:center; gap:10px; }

/* ===== صفحة القطاعات ===== */
.sector-detail{ padding:70px 0; }
.sector-detail:nth-child(even){ background:var(--cloud); }
.sector-detail .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.sector-detail.flip .vis{ order:2; }
.sector-detail .vis{ border-radius:var(--radius); min-height:300px; position:relative; overflow:hidden; display:grid; place-items:center; color:#fff; }
.sector-detail .vis svg{ width:120px; height:120px; opacity:.95; position:relative; z-index:2; }
.sector-detail .vis::before{ content:""; position:absolute; inset:0; opacity:.92; }
.sector-detail h2{ font-family:var(--display); font-weight:800; font-size:1.8rem; margin-bottom:8px; }
.sector-detail .kick{ color:var(--red); font-weight:700; font-size:.9rem; margin-bottom:10px; }
.sector-detail p{ color:var(--slate); font-size:1.05rem; margin-bottom:18px; }
.sector-detail ul.pts{ display:flex; flex-direction:column; gap:10px; }
.sector-detail ul.pts li{ display:flex; gap:10px; align-items:flex-start; font-size:.98rem; }
.sector-detail ul.pts li svg{ width:20px; height:20px; color:var(--red); flex-shrink:0; margin-top:3px; }

/* ===== من نحن ===== */
.about-body{ padding:64px 0; }
.about-body .wrap{ max-width:820px; }
.about-body p{ font-size:1.08rem; color:var(--ink-soft); margin-bottom:22px; line-height:1.9; }
.vmv{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:20px; }
.vmv .card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:28px; text-align:center; }
.vmv .card .ic{ width:56px; height:56px; border-radius:14px; background:var(--cloud); display:grid; place-items:center; margin:0 auto 16px; }
.vmv .card .ic svg{ width:28px; height:28px; color:var(--red); }
.vmv .card h3{ font-family:var(--display); font-weight:700; font-size:1.15rem; margin-bottom:8px; }
.vmv .card p{ font-size:.94rem; color:var(--slate); margin:0; }

/* ===== تواصل ===== */
.contact-body{ padding:64px 0; }
.contact-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; max-width:860px; margin:0 auto; }
.contact-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:28px; display:flex; gap:16px; align-items:flex-start; transition:all .2s var(--ease); }
.contact-card:hover{ box-shadow:var(--shadow); transform:translateY(-3px); }
.contact-card .ic{ width:48px; height:48px; border-radius:12px; background:var(--red); display:grid; place-items:center; flex-shrink:0; }
.contact-card .ic svg{ width:24px; height:24px; color:#fff; }
.contact-card h3{ font-family:var(--display); font-weight:700; font-size:1.1rem; margin-bottom:5px; }
.contact-card p{ font-size:.95rem; color:var(--slate); margin-bottom:8px; }
.contact-card a{ color:var(--red); font-weight:600; font-size:.95rem; }
.contact-wa-big{ grid-column:1/-1; background:linear-gradient(120deg,#25D366,#1da851); color:#fff; text-align:center; padding:36px; border-radius:var(--radius); }
.contact-wa-big h3{ font-family:var(--display); font-weight:800; font-size:1.4rem; color:#fff; margin-bottom:14px; }
.contact-wa-big .btn{ background:#fff; color:#1da851; }
@media(max-width:760px){
  .sector-detail .wrap{ grid-template-columns:1fr; gap:24px; }
  .sector-detail.flip .vis{ order:0; }
  .vmv{ grid-template-columns:1fr; }
  .contact-grid{ grid-template-columns:1fr; }
}

/* تكبير اللوجو قليلاً */
.logo img{ height:52px; }
@media(max-width:680px){ .logo img{ height:42px; } }
/* ضمان اتجاه صحيح للنص حسب اللغة */
html[dir="ltr"] body{ text-align:left; }
html[dir="ltr"] .hero h1,html[dir="ltr"] .hero p,html[dir="ltr"] .sec-head,html[dir="ltr"] .page-hero{ text-align:left; }
html[dir="ltr"] .sec-head{ text-align:center; }

/* ===== قسم المنتجات المميزة (الرئيسية) ===== */
.featured{ padding:74px 0; }
.feat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.feat-item{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:all .25s var(--ease); }
.feat-item:hover{ transform:translateY(-5px); box-shadow:var(--shadow); border-color:transparent; }
.feat-item .ph{ aspect-ratio:1; background:#fff; display:grid; place-items:center; padding:18px; border-bottom:1px solid var(--line); }
.feat-item .ph img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.feat-item .info{ padding:14px 16px 16px; }
.feat-item .info h3{ font-family:var(--body); font-weight:700; font-size:.98rem; margin-bottom:6px; line-height:1.4; }
.feat-item .info span{ font-size:.82rem; color:var(--red); font-weight:600; }
@media(max-width:980px){ .feat-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .feat-grid{ grid-template-columns:1fr 1fr; gap:12px; } }

/* صور خلفية أقسام القطاعات */
.sector-detail .vis{ background-size:cover !important; background-position:center !important; }
.sector-detail .vis .pimg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.32; z-index:0; }