.custom-design{display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-grid .card{padding:28px;border:1px solid var(--line);border-radius:var(--r)}.contact-grid label{display:grid;gap:7px;margin-block:14px;font-weight:600}.contact-grid input,.contact-grid select,.contact-grid textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--line-2);border-radius:9px;padding:10px 12px;min-height:46px}.contact-grid textarea{resize:vertical}.contact-grid input:focus,.contact-grid select:focus,.contact-grid textarea:focus{outline:2px solid var(--green);outline-offset:2px}.contact-email{display:inline-block;font-size:clamp(18px,3vw,28px);font-weight:700;margin-block:25px;overflow-wrap:anywhere}.contact-grid p{margin-top:18px}.contact-grid h2{margin-bottom:16px}#contact-status{overflow-wrap:anywhere}@media(max-width:1000px){.main-nav{gap:8px}.main-nav ul a{padding-inline:8px}}@media(max-width:760px){.contact-grid{grid-template-columns:minmax(0,1fr);gap:28px}.custom-design{align-items:start;flex-direction:column}.contact-grid .card{padding:20px}}
/* اتجاه المعرض: بالطول أو بالعرض */
.orient{display:flex;align-items:center;gap:8px;margin-block-end:14px}
.orient-label{font-weight:700;color:var(--ink-2);margin-inline-end:4px}
.pill[aria-pressed="true"]{background:var(--tint-2);border-color:var(--green);color:var(--green-dark)}
.tv-wide img{aspect-ratio:16/9}
.variants.is-wide{grid-template-columns:repeat(var(--nw,3),minmax(0,1fr))}
.jump .orient{margin-block-end:10px}
@media(max-width:760px){.variants.is-wide .variant{flex-basis:min(80vw,340px)}}
.contact-wa{font-weight:700;color:var(--green-dark)}
/* مبدّل اللغة: رابط صغير بجانب التنقل، ظاهر أيضًا في الجوال بجانب زر القائمة */
.header-row .main-nav{margin-inline-start:auto}
.lang-switch{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r-pill);color:var(--ink-2);font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}
.lang-switch:hover{color:var(--ink);background:var(--tint);border-color:var(--line-2)}
@media(max-width:1000px){.header-row{gap:16px}}
@media(max-width:900px){.lang-switch{margin-inline-start:auto}.header-row{gap:10px}
/* قائمة الجوال: .header-row هو .wrap نفسه، فالإزاحة السالبة كانت تمدّ القائمة خارج الشاشة وتقص أطراف الروابط */
.main-nav{inset-inline:0}}
/* الصفحات الإنجليزية (en/، dir="ltr"): التخطيط بخصائص منطقية فينعكس تلقائيًا؛ هنا ضبط الطباعة اللاتينية */
[dir="ltr"] body{line-height:1.6}
[dir="ltr"] .hero h1{font-size:clamp(42px,5.4vw,68px)}
/* خطوات التركيب: عنصر <b> داخل الخطوة كان يصبح خلية مستقلة في الشبكة؛ الرقم يُثبَّت بموضع مطلق بدل ذلك */
.install li{display:block;position:relative;min-height:26px;padding-inline-start:36px}
.install li::before{position:absolute;inset-inline-start:0;top:0}
.contact-grid .hp{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}#report-status{overflow-wrap:anywhere;font-weight:600}#report-status.ok{color:var(--green-dark)}#report-status.bad{color:#9B1C1C}
/* صف الملف المضغوط وملاحظة قبل التشغيل في صفحة التحميل */
.dl-zip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-start:20px;padding:22px 28px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--white)}.dl-zip h3{margin-block-end:6px}.dl-zip .meta{color:var(--ink-2);font-size:15.5px}.dl-zip .btn{flex-shrink:0}.dl-before{margin-block-start:20px}@media(max-width:760px){.dl-zip{flex-direction:column;align-items:flex-start;padding:20px}}
