/* وليد الحميدي · نظام التصميم v1.1 — ملف واحد لكل الصفحات. خط واحد: IBM Plex Sans Arabic (رخصة SIL OFL 1.1، مستضاف ذاتيًا) */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-arabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-arabic-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-arabic-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-arabic-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-arabic-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
--bg:#FAF7F2;--paper:#FFFFFF;--ink:#1A1A1A;--mut:#5F6670;--line:#E8E1D5;
--navy:#0F2A3D;--navy-50:#EEF3F7;--gold:#8A6420;--gold-50:#F7EFE1;--warn:#B45309;--warn-50:#FDF3E7;--wa:#1FA855;
--f-head:"IBM Plex Sans Arabic",system-ui,sans-serif;--f-body:"IBM Plex Sans Arabic",system-ui,sans-serif;
--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;
--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-24:1.5rem;--fs-32:2rem;--fs-48:3rem;
--r:16px;--read:68ch;--max:1200px}
*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font:400 var(--fs-18)/1.8 var(--f-body);background:var(--bg);color:var(--ink);font-variant-numeric:lining-nums}
img{max-width:100%;height:auto;display:block}a{color:var(--navy)}
h1,h2,h3{font-family:var(--f-head);font-weight:700;color:var(--navy);line-height:1.35}
h1{font-size:clamp(2rem,5.2vw,var(--fs-48))}h2{font-size:clamp(1.5rem,3vw,var(--fs-32));margin:var(--s6) 0 var(--s2)}h3{font-size:var(--fs-24);margin:var(--s4) 0 var(--s1)}
.container{max-width:var(--max);margin:auto;padding:0 var(--s2)}
.read{max-width:var(--read);margin:auto;padding:0 var(--s2)}
.kick{font:700 var(--fs-14)/1 var(--f-head);color:var(--gold);letter-spacing:.2px}
.lead{font-size:clamp(1.125rem,2vw,1.3rem);color:var(--mut)}
/* header */
.hdr{position:sticky;top:0;z-index:20;background:rgba(250,247,242,.94);border-bottom:1px solid var(--line)}
.hdr .container{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:64px}
.logo{font:700 1.2rem var(--f-head);color:var(--navy);text-decoration:none;white-space:nowrap}
.nav{display:flex;gap:4px;align-items:center;overflow-x:auto}.nav a{color:var(--ink);text-decoration:none;font-size:var(--fs-16);padding:8px 12px;border-radius:99px;white-space:nowrap}
.nav a:hover{background:var(--gold-50)}
@media(max-width:640px){.nav a:not(.btn){display:none}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 var(--s3);border-radius:99px;background:var(--navy);color:#fff!important;font:700 var(--fs-16) var(--f-head);text-decoration:none;border:0;cursor:pointer}
.btn.ghost{background:transparent;color:var(--navy)!important;border:1.5px solid var(--navy)}
.nav .btn{min-height:40px;padding:0 var(--s2)}
/* breadcrumb */
.crumbs{font-size:var(--fs-14);color:var(--mut);padding:var(--s3) 0 0}.crumbs ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}.crumbs li+li:before{content:"‹";margin-inline-end:6px}.crumbs a{color:var(--mut)}
/* sections */
.sec{padding:var(--s8) 0}@media(min-width:900px){.sec{padding:var(--s12) 0}}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap}.sec-h h2{margin:0}
/* hero */
.hero{display:grid;gap:var(--s4);align-items:center;padding:var(--s6) 0}
@media(min-width:900px){.hero{grid-template-columns:1fr 1.1fr;gap:var(--s8);padding:var(--s8) 0}}
.hero h1{margin:var(--s2) 0}.hero .acts{display:flex;gap:var(--s1);flex-wrap:wrap;margin-top:var(--s3)}
.hero img,.cover{border-radius:var(--r);aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--gold-50)}
/* card */
.grid{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s}
.card:hover{transform:translateY(-2px)}.card img{aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--gold-50)}
.card .b{padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1);flex:1}
.card h3{margin:0;font-size:1.25rem}.card p{color:var(--mut);font-size:var(--fs-16);line-height:1.7}
.card .by{margin-top:auto;padding-top:var(--s1);font-size:var(--fs-14);color:var(--mut);display:flex;gap:var(--s2)}
/* steps */
.steps{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));counter-reset:s;list-style:none;padding:0}
.steps li{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3)}
.steps li:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font:700 1.1rem var(--f-head);margin-bottom:var(--s2)}
.steps b{display:block;font-family:var(--f-head);color:var(--navy);font-size:1.15rem}
.steps span{color:var(--mut);font-size:var(--fs-16)}
/* callouts */
.note{display:flex;gap:var(--s2);border-radius:var(--r);padding:var(--s3);margin:var(--s3) 0;background:var(--navy-50);border-inline-start:4px solid var(--navy)}
.note.warn{background:var(--warn-50);border-color:var(--warn)}.note svg{flex:none;width:24px;height:24px;margin-top:4px}
.note p{margin:0!important}
/* article */
.art p,.art li{margin-bottom:var(--s2)}.art ul,.art ol{padding-inline-start:1.4em}
.art .meta{display:flex;flex-wrap:wrap;gap:var(--s2);color:var(--mut);font-size:var(--fs-14);padding:var(--s2) 0;border-block:1px solid var(--line);margin:var(--s3) 0}
.fn{font-size:.7em;vertical-align:super;line-height:0;margin-inline-start:2px;text-decoration:none;font-weight:700;color:var(--gold)}
.refs{margin-top:var(--s6);padding:var(--s3);background:var(--paper);border:1px solid var(--line);border-radius:var(--r);font-size:var(--fs-16)}
.refs h2{margin:0 0 var(--s2);font-size:var(--fs-24)}.refs li{margin-bottom:var(--s1)}.refs small{color:var(--mut)}
.pager{display:flex;justify-content:space-between;gap:var(--s2);flex-wrap:wrap;margin:var(--s6) 0}
/* cta band */
.band{background:var(--navy);color:#fff;border-radius:var(--r);padding:var(--s6) var(--s4);text-align:center}
.band h2{color:#fff;margin:0 0 var(--s1)}.band p{color:#D7DEE5;margin-bottom:var(--s3)}.band .btn{background:var(--gold)}
/* footer */
.ftr{margin-top:var(--s8);background:var(--navy);color:#D7DEE5;padding:var(--s6) 0 var(--s4);font-size:var(--fs-16)}
.ftr a{color:#fff;text-decoration:none}.ftr .cols{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.ftr h3{color:#fff;font-size:1.05rem;margin:0 0 var(--s1)}.ftr ul{list-style:none;padding:0}.ftr li{margin:4px 0}
.ftr .legal{border-top:1px solid #ffffff22;margin-top:var(--s4);padding-top:var(--s3);font-size:var(--fs-14);color:#AEB8C2}
/* whatsapp */
.wa{position:fixed;bottom:20px;inset-inline-start:20px;z-index:30;width:56px;height:56px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 6px 20px #0003}
.wa svg{width:30px;height:30px;fill:#fff}
/* form */
.sellform label{display:block;font-weight:700;font-size:var(--fs-16);margin-bottom:var(--s2)}
.sellform input,.sellform select,.sellform textarea{display:block;width:100%;min-height:48px;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:400 var(--fs-16) var(--f-body);background:#fff;color:var(--ink)}
.sellform input[type=checkbox]{display:inline-block;width:auto;min-height:0}
.sellform .row{display:grid;gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.sellform .hp{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sellform .ok{display:none;font-weight:700;color:var(--navy)}
.sellform button{width:100%}
/* ads */
.tkgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.tkc img{aspect-ratio:9/16;max-height:420px}
.tklist{list-style:none;padding:0;display:grid;gap:var(--s1);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.tklist a{display:flex;gap:var(--s2);align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px var(--s2);text-decoration:none;color:var(--ink);font-size:var(--fs-16)}
.tklist span{font:700 var(--fs-14) var(--f-head);color:var(--gold)}.tkfollow{margin-top:var(--s3);font-size:var(--fs-16)}

/* pr2: عائلة خط واحدة بأوزان 400/500/700 */
h1,h2,h3{letter-spacing:0;line-height:1.3}h1{font-weight:700}h3{font-weight:500}.lead{font-weight:400}
.cover-fig{margin:var(--s3) 0}.cover-fig figcaption,.shot-src{font-size:var(--fs-14);color:var(--mut);margin-top:var(--s1);line-height:1.6}
/* pr2: مكوّن المساحة الإعلانية */
.adslot{margin:var(--s4) auto;max-width:var(--max);border:1px dashed var(--line);border-radius:var(--r);background:var(--paper);padding:var(--s2) var(--s3);position:relative}
.adslot-label{display:inline-block;font:500 var(--fs-14)/1 var(--f-body);color:var(--mut);background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:6px 12px;margin-bottom:var(--s2)}
.adslot-body{display:flex;gap:var(--s3);align-items:center;color:var(--ink);text-decoration:none}
.adslot-body img{width:200px;max-width:40%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;flex:none}
.adslot-body b{display:block;color:var(--navy);font-size:var(--fs-18)}.adslot-body p{margin:4px 0 0;color:var(--mut);font-size:var(--fs-16)}
.adslot-body .btn{margin-inline-start:auto;flex:none}
@media (max-width:640px){.adslot-body{flex-wrap:wrap}.adslot-body img{max-width:100%;width:100%}.adslot-body .btn{margin:0}}
@media print{.adslot{display:none}}