/* أنماط الصفحات التجارية — تكمّل styles.css ولا تعيد تعريف شيء منه.
   القيم مأخوذة من متغيّرات الهوية نفسها حتى لا ينحرف الشكل. */

/* شبكة اختيارات متعددة في نماذج طلب العرض */
.chk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:4px}
.chk{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1.5px solid var(--line);
  border-radius:11px;cursor:pointer;transition:.18s;background:#fff;font-size:.9rem;color:var(--navy-deep)}
.chk:hover{border-color:var(--sky);background:var(--bg-tint)}
.chk input{width:17px;height:17px;flex:none;accent-color:var(--sky);cursor:pointer;margin:0}
.chk:has(input:checked){border-color:var(--sky);background:var(--bg-tint);font-weight:700}
.chk input:focus-visible{outline:2px solid var(--sky);outline-offset:2px}

/* جدول مقارنة للصفحات التجارية */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin:26px 0}
.cmp{width:100%;border-collapse:collapse;font-size:.96rem}
.cmp th{background:var(--navy);color:#fff;padding:14px 16px;text-align:right;font-weight:700;white-space:nowrap}
.cmp td{padding:13px 16px;border-top:1px solid var(--line);color:#3A4D54;vertical-align:top}
.cmp tbody tr:nth-child(even){background:var(--bg-soft)}
.cmp td:first-child{font-weight:700;color:var(--navy-deep)}
.cmp .yes{color:var(--teal);font-weight:800}
.cmp .no{color:#94A7AE}

/* بطاقة "لمن هذه الصفحة" أعلى الصفحات التجارية */
.forwho{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:8px 0 0}
.forwho div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.forwho b{display:block;color:var(--navy-deep);font-weight:800;font-size:.98rem;margin-bottom:4px}
.forwho span{color:var(--muted);font-size:.9rem;line-height:1.65}

/* خانة رقم ثقة — تُملأ عند توفر البيانات الموثّقة */
.tnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}
.tnum{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px;text-align:center}
.tnum b{display:block;font-size:1.9rem;font-weight:900;color:var(--navy-deep);line-height:1.1}
.tnum span{display:block;color:var(--muted);font-size:.88rem;margin-top:6px}

@media(max-width:620px){.chk-grid{grid-template-columns:1fr}}