/* ===== borders.css — 10 أشكال حدود بين أقسام الصفحة (ألوان SMAZOD الزرقا) =====
   الاستخدام: ضيف الكلاس على القسم اللي تحت الحد:  <section class="cta2 sb sb-3">
   الحد بيتحط في أول القسم (أعلاه) بعرض الصفحة كلها. غيّر الألوان من المتغيرات تحت. */
.sb{--sb-a:#2f74dc;--sb-a2:#2563c4;--sb-m:#9db8e0;--sb-l:#c9dbf7;--sb-b:#8fb4e6;position:relative}
.sb::before{content:"";position:absolute;top:0;left:0;right:0;pointer-events:none;z-index:2}

/* 1) خط رفيع هادي */
.sb-1::before{height:1px;background:var(--sb-l)}
/* 2) خط متوسط */
.sb-2::before{height:2px;background:var(--sb-m)}
/* 3) خط أزرق ثابت */
.sb-3::before{height:3px;background:var(--sb-a)}
/* 4) خط مزدوج */
.sb-4::before{height:5px;border-top:1px solid var(--sb-m);border-bottom:1px solid var(--sb-m)}
/* 5) شرطات */
.sb-5::before{height:0;border-top:2px dashed var(--sb-m)}
/* 6) نقط */
.sb-6::before{height:0;border-top:4px dotted var(--sb-a)}
/* 7) تدرّج بيتلاشى من الأطراف */
.sb-7::before{height:3px;background:linear-gradient(90deg,transparent,var(--sb-b) 20%,var(--sb-a) 50%,var(--sb-b) 80%,transparent)}
/* 8) خط + توهّج أزرق ناعم */
.sb-8::before{height:2px;background:var(--sb-a);box-shadow:0 0 18px 3px rgba(47,116,220,.35)}
/* 9) شريط سميك متدرّج */
.sb-9::before{height:6px;background:linear-gradient(90deg,var(--sb-b),var(--sb-a))}
/* 10) خطين: سميك + رفيع تحته */
.sb-10::before{height:9px;background:linear-gradient(var(--sb-a),var(--sb-a)) top/100% 3px no-repeat,linear-gradient(var(--sb-l),var(--sb-l)) bottom/100% 1px no-repeat}