@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:optional;src:url(/assets/shg/readexpro-v2-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:300 700;font-display:optional;src:url(/assets/shg/readexpro-v2-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}
/* شغّلني — concept #8 «Gradient Modern» (enlarged). Theme layer only: overrides jobs-v49.css, no behaviour changes. */
:root{--blue:#6A3DF0;--orange:#FF5FA2;--ink:#1B1340;--muted:#6b6590;--paper:#F6F3FF;--soft:#F3EFFF;--line:#E6DEFF;--card:#fff;--green:#6A3DF0;--font:"Readex Pro",Tahoma,Arial,sans-serif;--g:linear-gradient(135deg,#6A3DF0,#FF5FA2)}
html.dark{--ink:#efeaff;--muted:#b3a9d9;--paper:#120c2b;--soft:#1d1542;--line:#2e2460;--card:#1a1338}
body{font-family:"Readex Pro",Tahoma,Arial,sans-serif;font-size:17px;background:var(--paper)}
button,input,select,textarea{font-family:inherit}
.topline{background:#1B1340;color:#fff;font-weight:700;font-size:14px}
header,html.dark header{background:var(--g)}
.hrow{height:76px}
.brand img{width:52px;height:52px;border-radius:16px;box-shadow:0 4px 14px #0003}
.brand b{font-size:30px;font-weight:900}.brand small{font-size:11px;letter-spacing:3px;opacity:.9}
nav{font-size:17px}nav a.on{border-bottom-color:#fff}
.btn{min-height:48px;border-radius:16px;font-size:16px;padding:10px 20px}
.or{background:#fff;color:#6A3DF0}.ql{background:#ffffff2e}.bl{background:var(--g);color:#fff}
.homeic{display:none!important}
.pills{background:var(--paper)}.pill{min-height:44px;display:inline-flex;align-items:center;padding:8px 18px;font-size:15px;background:#fff;border-color:var(--line)}html.dark .pill{background:var(--card)}
.pill.on{background:var(--g);border-color:transparent}
.hero{background:var(--g);border-radius:0 0 40px 40px}
.hero .wrap{grid-template-columns:1fr;max-width:860px;text-align:center;padding:40px 18px 64px}
.hero-art{display:none}
.hero h1{font-size:46px}.hero h1 span{color:#fff;opacity:.95}.hero p{font-size:19px}
.sbar{border-radius:26px;padding:12px;gap:10px;box-shadow:0 14px 36px #0003}
.sbar input,.sbar select{min-height:58px;border-radius:16px;background:#F3EFFF;color:#1B1340;font-size:17px;padding:0 16px;border:0!important}
.sbar .btn{min-height:58px;border-radius:18px;background:var(--g);color:#fff;font-size:19px;font-weight:900;padding:0 28px}
.promise{justify-content:center}.promise span:before{color:#fff}
.entries{margin-top:-34px}
.entry{border-radius:26px;border:0;box-shadow:0 6px 20px #6a3df01f;padding:24px;min-height:150px}
.entry:first-child{background:var(--g);color:#fff}.entry:first-child p,.entry:first-child .cnt{color:#fff}
.entry .ic{border-radius:22px}.entry:first-child .ic{background:#ffffff33!important;color:#fff!important}.entry:not(:first-child) .ic{background:#FFE3EF!important;color:#d6337a!important}
.entry h3{font-size:26px}.entry .cnt{color:var(--blue)}
.seek-bn{background:#1B1340!important;color:#fff!important;border-radius:26px!important;min-height:88px;font-size:22px}
.seek-bn .sk-go{background:#FF5FA2!important;color:#fff!important;border-radius:50%}
.part,.pj,.pw{background:transparent}html.dark .pj,html.dark .pw{background:transparent}
.pnum{border-radius:18px}.pj .pnum,.pw .pnum{background:var(--g)}
.pj h2,.pw h2,html.dark .pj h2{color:var(--ink)}
.kick{color:#d6337a}
h2{font-size:30px}
.cats{gap:14px}
.cat{border-radius:22px;border:0!important;box-shadow:0 4px 16px #6a3df01a;min-height:120px;font-size:16px;padding:18px 8px}
.pj .cat i,.pw .cat i{background:#F3EFFF;width:62px;height:62px;border-radius:20px}.pw .cat i{background:#FFE3EF}
html.dark .cat i{background:var(--soft)!important}
.cat.on{outline:3px solid #FF5FA2}
.listings{background:var(--paper);border:0}
.card{border-radius:26px;border:0;box-shadow:0 6px 20px #6a3df01a}
.card h4{font-size:20px}.card .sub{font-size:15px}
.av{border-radius:18px;width:64px;height:64px}
.meta span{background:#EFE9FF;border:0;color:#6A3DF0;border-radius:99px;padding:4px 12px;font-size:14px}html.dark .meta span{background:var(--soft);color:#cdbfff}
.cta .btn{min-height:52px;font-size:16px;border-radius:16px}
.pg{min-width:48px;min-height:48px;display:inline-grid;place-items:center;border-radius:14px}.pg.on{background:var(--g);border-color:transparent}
.step{border:0;border-radius:24px;box-shadow:0 4px 16px #6a3df01a}.step b{background:var(--g)}
.band{background:var(--g);border-radius:28px}.band .btn{color:#6A3DF0}
footer{background:#1B1340}
.fx-banner{border-radius:24px}
.shg-tag{display:block;font-size:11px;letter-spacing:3px}
/* 5-tab bottom nav (mobile) */
.bnav{display:none}
@media(max-width:800px){
 body{padding-bottom:84px}
 .hrow{height:68px}.brand b{font-size:26px}.brand img{width:46px;height:46px}
 .hero .wrap{padding:24px 18px 60px}.hero h1{font-size:30px}.hero p{font-size:16px}
 .sbar{flex-direction:column}.sbar input,.sbar select,.sbar .btn{width:100%;flex:none}
 .entries{grid-template-columns:1fr 1fr;gap:14px}.entry{flex-direction:column;align-items:flex-start;padding:20px;min-height:160px}.entry .ic{width:62px;height:62px}.entry p{font-size:14px}.entry h3{font-size:23px}
 .cats{grid-template-columns:repeat(2,1fr)}.cat{font-size:15px;min-height:110px}
 h2{font-size:24px}
 .bnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--card);border-top:1px solid var(--line);justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #6a3df01a}
 .bnav a{flex:1;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--muted)}
 .bnav a span{font-size:26px;line-height:1.1}.bnav a.on{color:#6A3DF0;font-weight:900}
 .wc-fab,.ai-fab{bottom:96px!important}
 .pwa-bar{bottom:96px!important}
}
@media(max-width:800px){#acct.wa-acct{display:none!important}}
/* v2: ad card style #1 — horizontal row card with round gradient field icon */
#jgrid .card{flex-direction:column;border-radius:26px;background:var(--card);padding:0}
#jgrid .card .top{display:flex;flex-direction:row;align-items:center;gap:14px;padding:16px 16px 6px}
#jgrid .card .jic{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 4px 12px #6a3df033}
#jgrid .card .jtx{min-width:0;flex:1}
#jgrid .card h4{font-size:19px;line-height:1.35;overflow-wrap:anywhere}
#jgrid .card .nobar{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 0;margin:0}
#jgrid .card .nobar>span{border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}
#jgrid .card .fchip{background:#EFE9FF;color:#6A3DF0}
#jgrid .card .meta{padding:0 16px}
#jgrid .card p{margin:8px 16px}
html.dark #jgrid .card .fchip{background:#2e2460;color:#d9ccff}
.brand img{width:52px;height:52px;object-fit:contain}

*:not(.material-icons){font-family:inherit}body{font-family:"Readex Pro",Tahoma,Arial,sans-serif!important}h1,h2,h3,h4,h5,b,strong{font-weight:700}
.brand .wm{height:34px;width:auto;display:block}.brand small{display:block;font-size:10px;letter-spacing:2px;opacity:.85;margin-top:2px}footer .brand .wm{height:30px}
.brand small{white-space:nowrap}
@media(max-width:480px){.brand small{display:none}.brand .wm{height:30px}.brand img:not(.wm){width:44px;height:44px}.brand{gap:6px;min-width:0}}
.brand img{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
#jgrid .card .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px!important}
#jgrid .card .meta>span{font-size:13px;padding:3px 10px}
/* v4: wanted strip inside card, above rating row */
.card.urgent .ubadge{position:static;order:99;display:block;width:auto;margin:6px 12px 8px;border-radius:10px;text-align:center;padding:7px 12px;font-size:15px;box-shadow:none;background:#e11d48;color:#fff}
.card.urgent>.rv{order:100}
/* v5: animated wanted strip (shimmer + red glow) */
.card.urgent .ubadge{position:relative;overflow:hidden;isolation:isolate;text-shadow:0 1px 2px rgba(0,0,0,.25);animation:shgPulse 2.5s ease-in-out infinite}
.card.urgent .ubadge::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shgShine 2.5s ease-in-out infinite;pointer-events:none;z-index:-1}
@keyframes shgShine{0%{left:-60%}55%,100%{left:130%}}
@keyframes shgPulse{0%,100%{box-shadow:0 0 0 0 rgba(225,29,72,.45)}50%{box-shadow:0 0 14px 3px rgba(225,29,72,.55)}}
@media (prefers-reduced-motion:reduce){.card.urgent .ubadge,.card.urgent .ubadge::after{animation:none}.card.urgent .ubadge::after{display:none}}
/* v5: glowing red card frame */
.card.urgent{border-color:#e11d48!important;animation:shgFrame 2.5s ease-in-out infinite}
@keyframes shgFrame{0%,100%{box-shadow:0 0 0 0 rgba(225,29,72,.35)}50%{box-shadow:0 0 0 3px rgba(225,29,72,.35),0 0 18px 4px rgba(225,29,72,.45)}}
@media (prefers-reduced-motion:reduce){.card.urgent{animation:none}}