/* ===== SMAZOD — صفحة القطاعات (كروت بنفسجي فاتح) + صفحة تفاصيل القطاع ===== */
body.sxp{background:#f4f8fd!important}
.sx-hd{padding:34px 0 8px;text-align:center}
.sx-cr{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:7px 16px;font-size:13px;color:#48515d;box-shadow:0 6px 18px -8px rgba(42,110,198,.28)}
.sx-cr a{display:inline-flex;align-items:center;gap:6px;color:#0a49c9;font-weight:600;text-decoration:none}
.sx-cr a svg{width:15px;height:15px}
.sx-cr span{color:#a2aab5}.sx-cr b{font-weight:600;color:#262d36}
.sx-hd h1{text-align:center;width:100%;margin:26px 0 10px;font-size:clamp(28px,4vw,44px);font-weight:600;color:#222830;line-height:1.35;letter-spacing:0}
.sx-sub{margin:0 auto;max-width:40em;color:#6b7481;font-size:17px;line-height:1.8}
.sx-all{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 22px;border-radius:999px;background:#fff;color:#0a49c9;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 8px 22px -10px rgba(42,110,198,.4);transition:.2s}
.sx-all svg{width:20px;height:20px;color:#0a49c9}.sx-all em{font-style:normal;font-size:18px;line-height:1}

.sx-gr{padding:34px 0 64px}
.sx-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.sx-c{background:#fff;border-radius:22px;padding:22px 20px 18px;box-shadow:0 10px 30px -16px rgba(35,91,165,.28);display:flex;flex-direction:column;transition:.2s}
.sx-i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#e6f0ff;color:#0a49c9;font-style:normal;flex:none}
.sx-i svg{width:26px;height:26px}
.sx-c h3{margin:14px 0 14px;font-size:17px;font-weight:700;color:#222830;line-height:1.5;min-height:2.6em}
.sx-ch{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;align-content:start}
.sx-ch li{background:#f2f4f7;color:#5b6471;border-radius:999px;padding:8px 10px;font-size:12.5px;text-align:center;line-height:1.5;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:36px}
.sx-m{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:#0a49c9;font-weight:600;font-size:14px;text-decoration:none}
.sx-m svg{width:16px;height:16px;transition:.2s}
html[dir=ltr] .sx-m svg{transform:scaleX(-1)}

/* صفحة القطاع */
.sx-big{width:84px;height:84px;margin:26px auto 0;background:#fff;box-shadow:0 10px 26px -12px rgba(42,110,198,.45)}.sx-big svg{width:40px;height:40px}
.sx-big+h1{margin-top:16px}
.sx-all-ch{list-style:none;margin:0 auto;padding:0;max-width:980px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sx-all-ch li{background:#fff;color:#37414c;border-radius:16px;padding:16px 18px;font-weight:500;font-size:15px;box-shadow:0 8px 24px -16px rgba(35,91,165,.35);display:flex;align-items:center;gap:10px}
.sx-all-ch li::before{content:"";width:8px;height:8px;border-radius:50%;background:#4d8de0;flex:none}
.sx-act{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin:34px 0 8px}
.sx-back{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:#fff;color:#0a49c9;font-weight:600;text-decoration:none;box-shadow:0 8px 22px -12px rgba(42,110,198,.4)}
.sx-back svg{width:16px;height:16px;transform:scaleX(-1)}html[dir=ltr] .sx-back svg{transform:none}
.sx-h2{margin:46px 0 20px;text-align:center;font-size:24px;font-weight:700;color:#222830}
.sx-nf{text-align:center;color:#6b7481;font-size:17px}.sx-nf a{color:#0a49c9;font-weight:600}

@media(max-width:1100px){.sx-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.sx-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sx-all-ch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sx-g{grid-template-columns:1fr}.sx-all-ch{grid-template-columns:1fr}.sx-c h3{min-height:0}}

/* ===== شريط تصنيف القطاعات + البحث ===== */
.sf{padding:6px 0 22px}
.sf-box{max-width:60rem;margin:0 auto;background:#fff;border-radius:22px;padding:18px 20px;box-shadow:0 10px 30px -16px rgba(35,91,165,.28)}
.sf-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.sf-chip{font:600 14px/1 inherit;font-family:inherit;border:0;cursor:pointer;padding:9px 16px;border-radius:999px;background:#eff1f4;color:#262d36;transition:.15s}
.sf-chip.on{background:#dce9fa;color:#0a3fb0;box-shadow:inset 0 0 0 1.5px #92b7e8}
.sf-search{position:relative;max-width:26rem;margin:14px auto 0}
.sf-search input{width:100%;height:3rem;padding:0 2.8rem 0 1rem;border:1px solid #cedef4;border-radius:14px;background:#fff;font:400 1rem inherit;font-family:inherit;color:#222830;outline:0}
.sf-search input:focus{border-color:#0a49c9;box-shadow:0 0 0 3px rgba(10,73,201,.14)}
.sf-search svg{position:absolute;top:50%;inset-inline-end:14px;width:18px;height:18px;transform:translateY(-50%);color:#7a8490;pointer-events:none}
.sf-empty{text-align:center;color:#6b7481;font-size:16px;margin:26px 0 0}
.sx-c[hidden]{display:none!important}

/* ===== v3: شكل القطاعات المقترح — صندوق واحد + كروت عنصرين جنب بعض ===== */
.sxs{padding:28px 0 64px}
.sxs-box{max-width:68rem;margin:0 auto;background:#fff;border:1px solid #e5e9ee;border-radius:22px;padding:26px 28px 30px;box-shadow:0 10px 30px -22px rgba(35,91,165,.25)}
.sxs-k{display:block;font-size:12px;color:#0a49c9;font-weight:500;margin-bottom:6px}
.sxs-box h1{margin:0 0 6px;font-size:clamp(26px,3.4vw,34px);font-weight:700;color:#14235f;line-height:1.35;text-align:start;width:auto}
.sxs-sub{margin:0 0 20px;color:#6b7481;font-size:14px;line-height:1.8}
.sxs-box .sf-search{max-width:none;margin:0 0 14px}
.sxs-box .sf-search input{height:2.6rem;border:0;border-radius:10px;background:transparent;font-size:13px;padding:0 2rem}
.sxs-box .sf-search input:focus{box-shadow:none;background:#f8fafd}
.sxs-box .sf-search svg{inset-inline-end:auto;inset-inline-start:6px;width:15px;height:15px}
.sxs-box .sf-bar{justify-content:flex-start;gap:8px}
.sxs-box .sf-chip{font-size:11.5px;font-weight:500;padding:6px 12px;background:#eff1f4}
.sxs-box .sf-chip.on{background:#dce9fa;color:#0a3fb0;box-shadow:none}
.sxs-hr{border:0;border-top:1px solid #e9ecf1;margin:18px 0 22px}
.sxs-box .sx-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.sxs-box .sx-c{position:relative;border:1px solid #e5e9ee;border-radius:14px;padding:18px 20px 14px;box-shadow:none;background:#fff}
.sxs-box .sx-i{position:absolute;top:16px;inset-inline-end:18px;width:auto;height:auto;border-radius:0;background:none;color:#2f7bff}
.sxs-box .sx-i svg{width:22px;height:22px}
.sxs-box .sx-c h3{margin:6px 0 10px;min-height:0;font-size:16px;font-weight:700;padding-inline-end:36px}
.sx-d{margin:0 0 12px;font-size:12px;line-height:1.7;color:#6b7481;flex:1}
.sxs-box .sx-m{font-size:12px;font-weight:500;color:#2f7bff}
@media(max-width:640px){.sxs-box{padding:20px 16px 22px}.sxs-box .sx-g{grid-template-columns:1fr}}

/* صفحة start.html: نفس الكرت، عنصرين جنب بعض */
.st-grid:not(.act){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.st-grid:not(.act) .sx-c{border:1px solid #e5e9ee;border-radius:14px;padding:18px 20px 14px;box-shadow:none}
.st-grid:not(.act) .sx-c.on{border:2px solid var(--p,#0a49c9)}
.st-grid:not(.act) .sx-i{position:absolute;top:16px;inset-inline-end:18px;width:auto;height:auto;border-radius:0;background:none;color:#2f7bff}
.st-grid:not(.act) .sx-i svg{width:22px;height:22px}
.st-grid:not(.act) .sx-c h3{margin:6px 0 10px;min-height:0;font-size:16px;padding-inline-end:36px}
.st-grid:not(.act) .sx-m{font-size:12px;font-weight:500;color:#2f7bff}
.st-grid:not(.act) .sx-c.on::after{top:auto;bottom:14px;inset-inline-end:16px}
@media(max-width:640px){.st-grid:not(.act){grid-template-columns:1fr}}