/* قسم نظام نقاط البيع (POS) — الرئيسية */
.pos{padding:72px 0 40px}
.pos-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.pos-tx{min-width:0}
.pos-k{display:inline-flex;align-items:center;gap:10px;color:var(--p);font-size:14px;font-weight:500;margin-bottom:14px}
.pos-k:after{content:"";width:28px;height:2px;background:var(--p);border-radius:2px}
.pos h2{font-size:clamp(28px,4vw,42px);line-height:1.35;color:var(--ink);margin:0 0 14px}
.pos-lead{color:var(--tx);font-size:16px;line-height:1.9;margin:0 0 24px;max-width:34em}
.pos-ls{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.pos-ls li{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px;line-height:1.7;font-size:15px;color:var(--ink)}
.pos-ls li svg{flex:none;width:26px;height:26px;margin-top:1px;padding:5px;border-radius:50%;background:#eef2fa;color:var(--p);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pos-img{margin:0;min-width:0}
.pos-img img{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 30px 60px -28px rgba(30,27,75,.45)}
@media(max-width:900px){.pos{padding:48px 0 24px}.pos-in{grid-template-columns:1fr;gap:28px}.pos-img{order:-1}}

/* بانر الرئيسية: إدارة أعمالك بذكاء */
.ban{padding:72px 0 8px}
.ban-hd{text-align:center;max-width:46em;margin:0 auto 32px}
.ban-hd h2{font-size:clamp(27px,4.2vw,44px);line-height:1.4;color:var(--ink);margin:0 0 14px;text-wrap:balance}
.ban-hd p{color:var(--tx);font-size:17px;line-height:1.9;margin:0 0 24px}
.ban-img{margin:0}
.ban-img img{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 34px 70px -30px rgba(30,27,75,.5)}

/* قسم العمليات التجارية */
.ops{padding:56px 0 24px}
.ops .pos-lead{margin-bottom:0}

/* قسم المشتريات: الصورة على الجهة المقابلة للتبديل مع القسم السابق */
@media(min-width:901px){.pos-rev .pos-img{order:-1}}

/* ===== تصغير صور الأقسام وتقليل المسافات (كانت كبيرة وطويلة). للرجوع امسح البلوك ===== */
@media(min-width:901px){
  .pos-in{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:48px}
  .pos-img img{max-width:480px;margin-inline:auto;border-radius:18px;box-shadow:0 18px 36px -22px rgba(30,27,75,.4)}
  .pos.ops{padding:36px 0 12px}
  .pos h2{font-size:clamp(26px,3vw,34px)}
  .pos-lead{font-size:15.5px;line-height:1.85}
}
@media(max-width:900px){
  .pos-img img{max-width:420px;margin-inline:auto}
  .pos.ops{padding:32px 0 12px}
}

/* قسم بدون صورة (apps.html بعد إزالة صورة التطبيق): عمود واحد في المنتصف */
.pos-in.pos-solo{grid-template-columns:minmax(0,1fr);max-width:820px;margin-inline:auto;text-align:center}