/* ==========================================================================
   تجربة: صفحة داخلية بشكل الرئيسية (قالب مشاريع) — body.o-ihs
   يُستخدم مع site.css + header-home.css + pages/home.css + pages/home-osos.css
   ========================================================================== */

/* ---------- الهيرو: فقرة البانر تحت الـH1 ---------- */
.o-ihs #top h1.hero-lead { max-width: 560px; font-size: 20px; font-weight: 600; margin-bottom: .6rem; }
.o-ihs #top .ihs-hero-sub { color: #f3eee4; font-size: 15.5px; line-height: 1.9; max-width: 560px; margin: 0; text-shadow: 0 2px 12px rgba(0,0,0,.35); }

/* ---------- الشريط البني: كبسولات + شارة جوجل ---------- */
.o-ihs .ihs-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.o-ihs .ihs-chip { border: 1px solid rgba(216,192,138,.55); color: #f3eee4; border-radius: 30px; padding: 4px 14px; font-size: 14px; }
.o-ihs .hero-band-side #oss-grev { margin-top: 14px; border-radius: 10px; max-width: 340px; }
@media (max-width: 900px) {
  .o-ihs .ihs-chips { justify-content: center; }
  .o-ihs .hero-band-side #oss-grev { margin-inline: auto; }
}

/* ---------- الأقسام المتبادلة (أبيض / بيج) ---------- */
.elementor-11 .elementor-element.ihs-sec { margin-top: 0; margin-bottom: 0; padding: 75px 0; }
.o-ihs .ihs-beige { background-color: #efebe6; }
.o-ihs .ihs-white { background-color: #fff; }
.o-ihs .ihs-sec .elementor-widget-text-editor p { margin: 0 0 1em; }

/* صور الأقسام: نفس مقاس الرئيسية 16:10 */
.o-ihs .ihs-img, .o-ihs .ihs-live img { width: 100%; height: auto; aspect-ratio: 1920 / 1200; object-fit: cover; display: block; }
.o-ihs .ihs-live .m { display: none; }
@media (max-width: 767px) {
  .o-ihs .ihs-live .d { display: none; }
  .o-ihs .ihs-live .m { display: block; aspect-ratio: 1 / 1; }
}

/* ---------- القسم البني (لماذا يختار العملاء) ---------- */
.o-ihs .ihs-why { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 28px; margin-top: 18px; }
.o-ihs .ihs-why__item { border-right: 2px solid #d8c08a; padding-right: 14px; }
.o-ihs .ihs-why__item .o-sub-title { font-size: 20px !important; color: #fff !important; margin-bottom: 6px !important; }
.o-ihs .ihs-why__item p { margin: 0; }
@media (max-width: 767px) { .o-ihs .ihs-why { grid-template-columns: 1fr; } }

/* ---------- الخطوات ---------- */
.o-ihs .ihs-steps { list-style: none; margin: 0; padding: 0; counter-reset: ihs; }
.o-ihs .ihs-steps li { counter-increment: ihs; position: relative; padding: 0 52px 16px 0; margin-bottom: 14px; border-bottom: 1px solid #e2dacb; }
.o-ihs .ihs-steps li:last-child { border-bottom: 0; margin-bottom: 0; }
.o-ihs .ihs-steps li::before { content: counter(ihs); position: absolute; right: 0; top: 2px; width: 38px; height: 38px; border-radius: 50%; background: #8f805e; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.o-ihs .ihs-steps h3 { font-size: 19px; font-weight: 700; color: #3b3836; margin: 0 0 4px; line-height: 1.6; }
.o-ihs .ihs-steps h3 b { display: block; color: #8f805e; font-size: 14px; font-weight: 600; }
.o-ihs .ihs-steps p { margin: 0; }

/* ---------- ماذا نسوّي (نفس شكل منتجاتنا) ---------- */
.o-ihs .ihs-prods .o-prod p { margin: 0; }

/* ---------- البنوك ---------- */
.o-ihs .ihs-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.o-ihs .ihs-tags span { padding: 5px 14px; border: 1px solid #927f59; border-radius: 30px; font-size: 14px; color: #6f6247; background: #fff; }

/* ---------- اقرأ المزيد + الإفصاح ---------- */
.o-ihs .ihs-plain { padding: 75px 20px; }
.o-ihs .ihs-wrap { max-width: 1000px; margin: 0 auto; }
.o-ihs .ihs-rm { text-align: center; }
.o-ihs .ihs-rm .sv-rm { display: inline-block; padding: 10px 30px; border-radius: 3px; background: #8f805e !important; color: #fff !important; border: 0; font: inherit; font-weight: 600; font-size: 16px; cursor: pointer; transition: background .2s; }
.o-ihs .ihs-rm .sv-rm:hover { background: #3b3327 !important; color: #fff !important; }
.o-ihs .sv-rm-body { display: none; text-align: right; margin-top: 30px; }
.o-ihs .sv-rm-body.op { display: block; }
.o-ihs .sv-rm-body h3 { font-size: 24.5px; font-weight: 500; color: #8f805e; margin: 22px 0 10px; }
.o-ihs .ihs-disc { border: 1px solid #e2dacb; border-right: 3px solid #8f805e; background: #faf8f5; padding: 28px 30px; border-radius: 4px; }
.o-ihs .ihs-disc h2 { font-size: 24.5px; font-weight: 500; color: #8f805e; line-height: 1.6; margin: 0 0 14px; }
.o-ihs .ihs-disc p { margin: 0 0 .8em; line-height: 1.9; }
@media (max-width: 767px) {
  .elementor-11 .elementor-element.ihs-sec, .o-ihs .ihs-plain { padding-top: 50px; padding-bottom: 50px; }
  .o-ihs .ihs-disc { padding: 20px 18px; }
}