.wkzit-sc {
  font-family: 'Cairo', 'Tajawal', Arial, sans-serif;
  background: #fff;
  padding: 1.25rem 0;
  width: 100%;
  box-sizing: border-box;
}

/* ── Header ── */
.wkzit-sc .wsc-head  { text-align: center; margin-bottom: 1rem; }
.wkzit-sc .wsc-brand { font-size: 11px; letter-spacing: .2em; color: #FF6B00; font-weight: 700; margin-bottom: 4px; }
.wkzit-sc .wsc-title { font-size: 20px; font-weight: 700; color: #1a1a1a; margin-bottom: 3px; direction: rtl; }
.wkzit-sc .wsc-sub   { font-size: 14px; color: #1a1a1a; font-weight: 700; direction: rtl; }

/* ── Finder ── */
.wkzit-sc .wsc-finder { background: #FFF5EE; border: 1px solid #FFE0C2; border-radius: 12px; padding: 1rem; margin-bottom: 1rem; direction: rtl; }
.wkzit-sc .wsc-flbl   { font-size: 13px; color: #7A3800; font-weight: 700; margin-bottom: 8px; }
.wkzit-sc .wsc-frow   { display: flex; flex-direction: row; align-items: center; gap: 8px; flex-wrap: nowrap; }
.wkzit-sc .wsc-iw     { flex: 1; min-width: 0; position: relative; }
.wkzit-sc .wsc-inp    { width: 100%; padding: 10px 12px 10px 42px; border: 1.5px solid #FFE0C2; border-radius: 10px; background: #fff; color: #1a1a1a; font-size: 15px; font-family: inherit; direction: rtl; outline: none; -webkit-appearance: none; box-sizing: border-box; }
.wkzit-sc .wsc-inp:focus { border-color: #FF6B00; }
.wkzit-sc .wsc-kg     { position: absolute; left: 11px; top: 35%; transform: translateY(-50%); font-size: 12px; color: #CC5500; pointer-events: none; }
.wkzit-sc .wsc-bdg    { padding: 10px 12px; border-radius: 10px; font-size: 14px; font-weight: 700; min-width: 68px; text-align: center; white-space: nowrap; flex-shrink: 0; transition: background .2s, color .2s; box-sizing: border-box; }
.wkzit-sc .wsc-be     { background: #fff; color: #bbb; border: 1.5px dashed #FFE0C2; }
.wkzit-sc .wsc-ba     { background: #FF6B00; color: #fff; border: 1.5px solid #FF6B00; }
.wkzit-sc .wsc-bo     { background: #fff3ee; color: #cc3300; border: 1.5px solid #ffccaa; font-size: 11px; }

/* ── Tabs ── */
.wkzit-sc .wsc-tabs { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 8px; margin-bottom: 1rem; direction: rtl; }
.wkzit-sc .wsc-tab  { flex: 1; padding: 9px 4px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; color: #888; font-size: 13px; font-weight: 700; cursor: pointer; font-family: inherit; white-space: nowrap; text-align: center; transition: background .2s, color .2s; box-sizing: border-box; }
.wkzit-sc .wsc-tab.wsc-on { background: #FF6B00 !important; border-color: #FF6B00 !important; color: #fff !important; }

/* ── Table ── */
.wkzit-sc .wsc-tbl-wrap { width: 100%; border-radius: 12px; border: 1px solid #f0f0f0; overflow: hidden; box-sizing: border-box; }
.wkzit-sc .wsc-table    { width: 100%; border-collapse: collapse; direction: ltr; table-layout: fixed; }

.wkzit-sc .wsc-table thead tr { background: #FF6B00; }
.wkzit-sc .wsc-table th       { padding: 10px 3px; text-align: center; font-size: 11px; font-weight: 700; color: #fff; direction: rtl; word-break: break-word; line-height: 1.3; }
.wkzit-sc .wsc-th-first       { text-align: left !important; padding-left: 8px !important; direction: ltr !important; width: 13%; }
.wkzit-sc .wsc-table th:nth-child(2) { width: 24%; }
.wkzit-sc .wsc-table th:nth-child(3) { width: 21%; }
.wkzit-sc .wsc-table th:nth-child(4) { width: 21%; }
.wkzit-sc .wsc-table th:nth-child(5) { width: 21%; }

.wkzit-sc .wsc-table tbody tr             { background: #fff; border-bottom: 1px solid #f5f5f5; }
.wkzit-sc .wsc-table tbody tr:last-child  { border-bottom: none; }
.wkzit-sc .wsc-table tbody tr:nth-child(even) { background: #fafafa; }
.wkzit-sc .wsc-table tbody tr.wsc-hl     { background: #FFF5EE !important; }
.wkzit-sc .wsc-table tbody tr.wsc-hl .wsc-td-first { border-left: 3px solid #FF6B00; }

/* بولد على كل محتوى الجدول */
.wkzit-sc .wsc-table td { padding: 12px 3px; text-align: center; color: #1a1a1a; font-size: 13px; font-weight: 700; }
.wkzit-sc .wsc-td-first { text-align: left !important; padding-left: 8px !important; }
.wkzit-sc .wsc-u        { font-size: 10px; color: #888; font-weight: 400; }

/* ── Pills ── */
.wkzit-sc .wsc-pill { display: inline-block; padding: 3px 9px; border-radius: 20px; font-size: 12px; font-weight: 700; }
.wkzit-sc .wsc-L    { background: #FFF5EE; color: #CC5500; border: 1px solid #FFCCAA; }
.wkzit-sc .wsc-XL   { background: #FFF0E5; color: #B34600; border: 1px solid #FFD5AA; }
.wkzit-sc .wsc-2XL  { background: #FF6B00; color: #fff; }
.wkzit-sc .wsc-3XL  { background: #CC3D00; color: #fff; }

/* ── Tip — أسود بولد ── */
.wkzit-sc .wsc-tip    { font-size: 13px; color: #1a1a1a; font-weight: 700; margin-top: .85rem; text-align: center; line-height: 1.7; direction: rtl; }
.wkzit-sc .wsc-tip-em { color: #FF6B00; font-weight: 700; }

/* ── Cards ── */
.wkzit-sc .wsc-cards  { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.wkzit-sc .wsc-card   { border-radius: 12px; padding: 1rem; border: 1px solid #f0f0f0; background: #fff; direction: rtl; box-sizing: border-box; }
.wkzit-sc .wsc-ctop   { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.wkzit-sc .wsc-csz    { font-size: 24px; font-weight: 700; }
.wkzit-sc .wsc-card-L   .wsc-csz { color: #FF6B00; }
.wkzit-sc .wsc-card-XL  .wsc-csz { color: #E55A00; }
.wkzit-sc .wsc-card-2XL .wsc-csz { color: #CC3D00; }
.wkzit-sc .wsc-card-3XL .wsc-csz { color: #A32D00; }
.wkzit-sc .wsc-ckg    { font-size: 11px; background: #FFF5EE; color: #CC5500; border: 1px solid #FFE0C2; padding: 3px 8px; border-radius: 20px; white-space: nowrap; }
.wkzit-sc .wsc-chr    { height: 1px; background: #f0f0f0; margin-bottom: 10px; }
.wkzit-sc .wsc-cspecs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wkzit-sc .wsc-swide  { grid-column: 1 / -1; }
.wkzit-sc .wsc-slbl   { font-size: 10px; color: #888; margin-bottom: 2px; font-weight: 400; }
.wkzit-sc .wsc-sval   { font-size: 15px; font-weight: 700; color: #1a1a1a; margin: 0; }
.wkzit-sc .wsc-sval span { font-size: 10px; color: #888; font-weight: 400; }

/* ── Responsive ── */
@media (max-width: 380px) {
  .wkzit-sc .wsc-table th { font-size: 10px; padding: 8px 2px; }
  .wkzit-sc .wsc-table td { font-size: 11px; padding: 9px 2px; }
  .wkzit-sc .wsc-u        { display: none; }
  .wkzit-sc .wsc-csz      { font-size: 20px; }
  .wkzit-sc .wsc-sval     { font-size: 13px; }
  .wkzit-sc .wsc-tab      { font-size: 12px; }
}