/* ===== جداول المقارنة (RYADOO vs YouCan vs Shopify) ===== */
.cmp{font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--text-primary,#17131f)}
.cmp *{box-sizing:border-box}
.cmp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto 28px}
.cmp-stat{position:relative;background:#fff;border:1px solid #ebe9f1;border-radius:20px;padding:22px 12px;text-align:center;box-shadow:0 10px 30px -18px rgba(23,19,31,.25)}
.cmp-stat small{display:block;font:700 12px  'El Messiri',sans-serif;color:#6b6478;margin-bottom:6px}
.cmp-stat b{display:block;font:700 30px/1.1  'El Messiri',sans-serif;color:#17131f}
.cmp-stat span{display:block;font:600 12px  'IBM Plex Sans Arabic',sans-serif;color:#6b6478;margin-top:6px}
.cmp-stat.ry{background:linear-gradient(135deg,#7d17cc,#6915a9);border:0;box-shadow:0 22px 40px -16px rgba(125,23,204,.65);transform:translateY(-6px)}
.cmp-stat.ry small,.cmp-stat.ry b,.cmp-stat.ry span{color:#fff}
.cmp-stat.ry::after{content:"الأوفر";position:absolute;top:-11px;inset-inline-start:50%;transform:translateX(50%);background:#f5b632;color:#3b2a00;font:700 11px  'El Messiri',sans-serif;padding:3px 12px;border-radius:99px}
[dir=rtl] .cmp-stat.ry::after{transform:translateX(50%)}
.cmp-scroll{max-width:1000px;margin:0 auto;border:1px solid #ebe9f1;border-radius:22px;background:#fff;overflow-x:auto;box-shadow:0 30px 70px -40px rgba(23,19,31,.4);-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.cmp-table col.c0{width:34%}.cmp-table col.c1{width:22%}.cmp-table col.c2{width:22%}.cmp-table col.c3{width:22%}
.cmp-table thead th{position:sticky;top:0;z-index:3;background:#faf9fd;padding:20px 8px;text-align:center;font:700 15px  'El Messiri',sans-serif;color:#4b4558;border-bottom:1px solid #ebe9f1}
.cmp-table thead th.ry{background:linear-gradient(160deg,#7d17cc,#6915a9);color:#fff;font-size:18px;box-shadow:0 0 0 1px #7d17cc}
.cmp-table thead th.ry small{display:block;font:700 11px  'IBM Plex Sans Arabic',sans-serif;color:#ffd166;margin-top:3px}
.cmp-table thead th:first-child{text-align:start;padding-inline-start:22px;color:#6b6478;font-size:13px}
.cmp-table tbody th{padding:16px 22px;text-align:start;font:700 14.5px/1.5  'IBM Plex Sans Arabic',sans-serif;color:#241c35;border-bottom:1px solid #f1eff6;background:#fff}
.cmp-table tbody td{padding:14px 8px;text-align:center;border-bottom:1px solid #f1eff6;vertical-align:middle}
.cmp-table tbody td.ry{background:#fff5f9;border-inline:1px solid #fbd0e0}
.cmp-table tbody tr:hover th,.cmp-table tbody tr:hover td{background-color:#fbfaff}
.cmp-table tbody tr:hover td.ry{background-color:#ffeaf2}
.cmp-table tr.grp th{background:#f4f1fb;color:#6d2a8f;font:700 13px  'El Messiri',sans-serif;letter-spacing:.2px;padding:11px 22px;border-bottom:1px solid #e7e1f5;text-transform:none}
.cmp-table tr.grp th::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#7d17cc;margin-inline-end:10px}
.cmp-table tr.grp:hover th{background:#f4f1fb}
.cmp-table tbody tr:last-child th,.cmp-table tbody tr:last-child td{border-bottom:0}
.cmp-cell{display:inline-flex;flex-direction:column;align-items:center;gap:5px}
.cmp-ico{width:26px;height:26px;border-radius:50%;padding:5px;color:#fff;display:block}
.cmp-ico.yes{background:#16a34a;box-shadow:0 4px 10px -3px rgba(22,163,74,.55)}
.cmp-ico.part{background:#f59e0b}
.cmp-ico.no{background:#ef4444}
.cmp-note-t{font:600 12px/1.45  'IBM Plex Sans Arabic',sans-serif;color:#6b6478;max-width:150px}
td.ry .cmp-note-t{color:#551488;font-weight:700}
.cmp-val{font:700 17px  'El Messiri',sans-serif;color:#17131f}
td.ry .cmp-val{color:#6915a9;font-size:19px}
.cmp-val small{display:block;font:600 11px  'IBM Plex Sans Arabic',sans-serif;color:#6b6478;margin-top:2px}
.cmp-foot{max-width:1000px;margin:18px auto 0;text-align:center;unicode-bidi:plaintext;font:500 12px/1.9  'IBM Plex Sans Arabic',sans-serif;color:#6b6478}
.cmp-cta{text-align:center;margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:720px){
  .cmp-stat b{font-size:20px}.cmp-stat{padding:16px 6px}.cmp-stat span{font-size:10.5px}
  .cmp-table{min-width:600px}.cmp-table col.c0{width:128px}.cmp-table col.c1,.cmp-table col.c2,.cmp-table col.c3{width:auto}
  .cmp-table tbody th{padding:12px 10px;font-size:12px;line-height:1.5}
  .cmp-table thead th:first-child{padding-inline-start:10px}
  .cmp-table tr.grp th{padding:10px;font-size:12px}
  .cmp-note-t{font-size:11px}
  .cmp-table thead th{font-size:13px;padding:14px 4px}.cmp-table thead th.ry{font-size:15px}
  .cmp-table tbody th,.cmp-table thead th:first-child{position:sticky;inset-inline-start:0;z-index:2;box-shadow:-6px 0 8px -8px rgba(0,0,0,.2)}
  .cmp-table thead th:first-child{z-index:4}
  .cmp-table tr.grp th{z-index:2}
}