:root{
  --blue:#2b4a9e; --blue-deep:#1a3178; --blue-ink:#14275e; --blue-ink2:#1b2f68;
  --gold:#f0a81f; --gold-deep:#c9860f; --gold-soft:#ffc24d;
  --page:#f4f6fb; --surface:#ffffff; --ink:#141a2b; --muted:#69728a; --line:#e6eaf2; --line2:#eef1f7;
  --ok:#1f7a4d;
  --shadow-sm:0 1px 2px rgba(20,32,60,.05), 0 4px 14px -8px rgba(20,32,60,.16);
  --shadow:0 6px 22px -12px rgba(20,32,60,.22);
  --shadow-lg:0 20px 44px -22px rgba(20,32,60,.34);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Readex Pro",system-ui,sans-serif;background:var(--page);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:5px}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}

/* ============ HEADER ============ */
.topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
.topbar.scrolled{box-shadow:0 6px 20px -14px rgba(20,32,60,.4)}
.tb{display:flex;align-items:center;gap:20px;height:66px}
.brand img{height:30px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:3px;flex:1;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{padding:8px 13px;border-radius:9px;font-size:.94rem;font-weight:500;color:#42506e;white-space:nowrap;transition:background .15s,color .15s}
.nav a:hover{background:var(--page);color:var(--blue)}
.nav a.on{color:var(--blue);font-weight:700;background:#eaeffb}
.tb-date{color:var(--muted);font-size:.84rem;white-space:nowrap}

.ticker{display:flex;align-items:center;gap:0;background:var(--blue);color:#fff;cursor:pointer}
.ticker .wrapx{max-width:1180px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:14px;height:42px;width:100%;overflow:hidden}
.tk-label{background:var(--gold);color:var(--blue-ink);font-weight:800;font-size:.78rem;padding:3px 11px;border-radius:20px;flex:none}
.ticker.brk{background:#b5271b}.ticker.brk .tk-label{background:#fff;color:#b5271b}
.tk-text{font-size:.92rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eef2ff}
.ticker:hover .tk-text{text-decoration:underline}

/* ============ CHIPS / META ============ */
.chip{display:inline-block;font-size:.76rem;font-weight:700;padding:3px 11px;border-radius:20px;line-height:1.6}
.chip-solid{display:inline-block;font-size:.76rem;font-weight:800;padding:4px 12px;border-radius:20px;color:#fff;line-height:1.6}
.views{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-variant-numeric:tabular-nums}
.views svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;flex:none;opacity:.8}
.dotsep{opacity:.5;margin:0 2px}

.media{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-ink) 60%,var(--gold-deep) 135%)}
.media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,18,44,.93) 2%,rgba(10,18,44,.45) 40%,rgba(10,18,44,0) 68%)}
.vpill{position:absolute;inset-inline-start:12px;top:12px;background:rgba(12,24,60,.72);color:#fff;padding:5px 11px;border-radius:20px;font-size:.78rem;backdrop-filter:blur(4px)}
.vpill .views{color:#fff}.vpill .views svg{stroke:var(--gold-soft);opacity:1}

/* ============ LEAD / BENTO ============ */
.lead{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;margin-top:26px}
.feature{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;min-height:440px}
.feature .media{position:absolute;inset:0}
.feature .fbody{position:absolute;inset-inline:0;bottom:0;padding:30px 30px 28px;z-index:2}
.feature .fbody .chip-solid{margin-bottom:12px}
.feature h1{color:#fff;font-size:clamp(1.55rem,2.9vw,2.3rem);line-height:1.32;margin:0;font-weight:700;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.feature .fmeta{margin-top:13px;color:#cdd6ee;font-size:.85rem;display:flex;align-items:center;gap:6px}
.feature:hover .media img{transform:scale(1.04)}
.feature .media img{transition:transform .7s ease}

.side{display:flex;flex-direction:column;gap:18px}
.scard{display:grid;grid-template-columns:1fr 118px;gap:14px;background:var(--surface);border:1px solid var(--line2);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .16s,box-shadow .16s;min-height:118px}
.scard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.scard .sbody{padding:14px 4px 14px 16px;display:flex;flex-direction:column;justify-content:center}
.scard .sbody h3{margin:8px 0 0;font-size:1rem;line-height:1.5;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}
.scard:hover .sbody h3{color:var(--blue)}
.scard .smeta{margin-top:9px;color:var(--muted);font-size:.78rem;display:flex;align-items:center;gap:6px}
.scard .sthumb{position:relative;overflow:hidden}
.scard .sthumb .media{position:absolute;inset:0}
.scard:hover .sthumb img{transform:scale(1.06)}
.scard .sthumb img{transition:transform .5s ease}

/* ============ SECTION + GRID ============ */
.sec-head{display:flex;align-items:center;gap:16px;margin:42px 0 20px}
.sec-head h2{font-size:1.3rem;font-weight:700;margin:0;color:var(--blue-ink);position:relative;padding-inline-start:15px}
.sec-head h2::before{content:"";position:absolute;inset-inline-start:0;top:52%;transform:translateY(-50%);width:5px;height:24px;background:var(--gold);border-radius:3px}
.sec-head .line{flex:1;height:2px;background:linear-gradient(90deg,var(--line),transparent)}
.sec-head .count{color:var(--muted);font-size:.86rem;font-weight:500}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ncard{background:var(--surface);border:1px solid var(--line2);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;transition:transform .17s,box-shadow .17s}
.ncard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.ncard .nimg{position:relative;padding-top:60%}
.ncard .nimg .media{position:absolute;inset:0}
.ncard:hover .nimg img{transform:scale(1.05)}
.ncard .nimg img{transition:transform .5s ease}
.ncard .nbody{padding:16px 17px 17px;display:flex;flex-direction:column;flex:1}
.ncard .nbody h3{margin:11px 0 0;font-size:1.12rem;line-height:1.52;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}
.ncard:hover .nbody h3{color:var(--blue)}
.ncard .nmeta{margin-top:14px;padding-top:13px;border-top:1px solid var(--line2);color:var(--muted);font-size:.8rem;display:flex;align-items:center;justify-content:space-between}
.ncard .nmeta .views{color:var(--gold-deep)}

.cat-head{display:flex;align-items:center;gap:14px;margin:30px 0 22px;flex-wrap:wrap}
.cat-head h1{margin:0;font-size:1.7rem;font-weight:700;color:var(--blue-ink)}
.cat-head .count{color:var(--muted);font-size:.9rem}

/* ============ ARTICLE ============ */
.back{display:inline-flex;align-items:center;gap:8px;color:var(--blue);margin:24px 0 8px;font-size:.92rem;font-weight:600}
.back:hover{color:var(--gold-deep)}
.article{max-width:820px;margin:0 auto 20px}
.article .a-chip{margin-bottom:16px}
.article h1{font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.4;margin:0 0 18px;color:var(--blue-ink);font-weight:700}
.article .a-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.article .a-meta .views{color:var(--gold-deep)}
.article .a-img{border-radius:16px;overflow:hidden;position:relative;padding-top:52%;box-shadow:var(--shadow);margin-bottom:30px}
.article .a-img .media{position:absolute;inset:0}
.article .text{font-family:"Noto Naskh Arabic",serif;font-size:1.27rem;line-height:2.2;color:#232a3d}
.article .text p{margin:0 0 1.4em}
.related{max-width:1180px;margin:16px auto 40px}
.related .sec-head{margin-top:34px}

/* ============ FOOTER ============ */
.footer{position:relative;background:var(--blue-ink);color:#aeb8d2;padding:46px 0 30px;margin-top:44px;overflow:hidden}
.footer .ruins{position:absolute;inset-inline:0;bottom:0;width:100%;height:120px;color:#fff;opacity:.06;pointer-events:none}
.footer .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.footer .flogo{height:72px;width:auto}
.footer .fslogan{display:inline-flex;align-items:center;gap:9px;color:#e7ecf7;font-weight:700;font-size:1rem}
.footer .fslogan .bar{width:5px;height:18px;background:var(--gold);border-radius:2px;transform:skewX(-10deg)}
.footer small{color:#8592b4;font-size:.82rem}

.empty{text-align:center;padding:64px 20px;color:var(--muted)}
.empty h3{color:var(--blue-ink);margin:0 0 8px}

/* ============ LOGIN ============ */
.auth-screen{min-height:100vh;background:var(--blue-ink);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background-image:radial-gradient(circle at 18% 12%,rgba(240,168,31,.16),transparent 42%),radial-gradient(circle at 85% 92%,rgba(43,74,158,.75),transparent 55%)}
.auth-ruins{position:absolute;inset-inline:0;bottom:0;width:100%;height:180px;color:#fff;opacity:.05}
.auth-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--blue-ink2);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:34px 34px 32px;box-shadow:0 30px 70px -22px rgba(0,0,0,.65)}
.auth-card .logo{display:flex;justify-content:center;margin-bottom:8px}
.auth-card .logo img{height:76px;width:auto}
.auth-card .sub{text-align:center;color:#9aa6c6;font-size:.86rem;margin-bottom:26px}
.field{margin-bottom:16px}
.field label{display:block;color:#c3ccdf;font-size:.85rem;margin-bottom:7px;font-weight:500}
.field input{width:100%;background:#12234f;border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 14px;border-radius:11px;font-size:.95rem;font-family:inherit;transition:border-color .15s}
.field input:focus{outline:none;border-color:var(--gold)}
.btn{width:100%;background:var(--gold);color:var(--blue-ink);border:none;padding:13px;border-radius:11px;font-size:1rem;font-weight:800;transition:background .15s,transform .05s}
.btn:hover{background:var(--gold-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}
.auth-err{background:rgba(216,60,60,.16);border:1px solid rgba(216,60,60,.42);color:#f4b8b8;padding:11px 14px;border-radius:11px;font-size:.86rem;margin-bottom:16px;display:none}
.auth-err.show{display:block}
.auth-back{display:block;text-align:center;margin-top:20px;color:#9aa6c6;font-size:.85rem}
.auth-back:hover{color:#c3ccdf}

/* ============ ADMIN ============ */
.adminbar{background:var(--blue-ink);color:#fff;position:sticky;top:0;z-index:20;border-bottom:2px solid var(--gold)}
.adminbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.adminbar .a-logo img{height:32px;width:auto;display:block}
.adminbar .a-right{display:flex;align-items:center;gap:14px}
.adminbar .a-user{color:#9aa6c6;font-size:.85rem}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#e7ecf7;padding:7px 14px;border-radius:9px;font-size:.86rem;transition:background .15s}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.admin-body{padding:32px 0 60px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.panel{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line2)}
.panel-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.panel-head h2{margin:0;font-size:1.12rem;color:var(--blue-ink);font-weight:700;position:relative;padding-inline-start:14px}
.panel-head h2::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:5px;height:20px;background:var(--gold);border-radius:2px}
.panel-head .badge{background:var(--page);color:var(--blue);font-size:.8rem;padding:3px 11px;border-radius:20px;font-weight:700}
.panel-body{padding:22px}
.f-group{margin-bottom:18px}
.f-group label{display:block;font-size:.88rem;font-weight:700;color:var(--blue-ink);margin-bottom:8px}
.f-group input[type=text],.f-group textarea,.sel{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:.95rem;font-family:inherit;color:var(--ink);background:#fbfcfe;transition:border-color .15s}
.f-group textarea{min-height:170px;resize:vertical;line-height:1.9;font-family:"Noto Naskh Arabic",serif;font-size:1.05rem}
.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2369728a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;cursor:pointer}
.f-group input:focus,.f-group textarea:focus,.sel:focus{outline:none;border-color:var(--blue)}
.dropzone{border:2px dashed var(--line);border-radius:12px;padding:26px;text-align:center;color:var(--muted);transition:border-color .15s,background .15s;background:#fafbfe;cursor:pointer}
.dropzone:hover{border-color:var(--blue);background:#fff}
.dropzone.has-img{padding:0;border-style:solid;overflow:hidden}
.dropzone.has-img img{width:100%;max-height:220px;object-fit:cover}
.dropzone .dz-hint svg{width:34px;height:34px;stroke:var(--blue);fill:none;stroke-width:1.5;margin-bottom:8px}
.dz-change{margin-top:10px;font-size:.85rem;color:var(--blue);font-weight:700}
.form-actions{display:flex;gap:12px;align-items:center}
.btn-primary{background:var(--blue);color:#fff;border:none;padding:12px 28px;border-radius:11px;font-weight:800;font-size:.95rem;transition:background .15s}
.btn-primary:hover{background:var(--blue-deep)}
.btn-cancel{background:transparent;border:1px solid var(--line);color:var(--muted);padding:12px 20px;border-radius:11px;font-size:.92rem;font-weight:500}
.btn-cancel:hover{color:var(--ink);border-color:var(--muted)}
.manage-list{display:flex;flex-direction:column}
.m-item{display:flex;gap:14px;padding:14px;border-bottom:1px solid var(--line);align-items:center}
.m-item:last-child{border-bottom:none}
.m-thumb{width:82px;height:60px;border-radius:10px;overflow:hidden;flex:none;background:linear-gradient(135deg,var(--blue),var(--gold-deep));position:relative}
.m-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.m-info{flex:1;min-width:0}
.m-info .mrow{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.m-info h4{margin:0;font-size:.96rem;color:var(--blue-ink);line-height:1.4;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.m-info .m-meta{color:var(--muted);font-size:.8rem;display:flex;gap:12px}
.m-actions{display:flex;gap:8px;flex:none}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;transition:all .15s}
.icon-btn svg{width:16px;height:16px;fill:none;stroke-width:1.8}
.icon-btn.edit svg{stroke:var(--blue)}.icon-btn.edit:hover{border-color:var(--blue);background:#eef2fb}
.icon-btn.del svg{stroke:#c0392b}.icon-btn.del:hover{border-color:#c0392b;background:#fbeeec}
.m-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:.9rem}
.toast{position:fixed;bottom:24px;inset-inline-start:24px;background:var(--blue-ink);color:#fff;padding:13px 20px;border-radius:12px;font-size:.9rem;box-shadow:0 12px 30px -8px rgba(0,0,0,.4);opacity:0;transform:translateY(12px);transition:all .25s;z-index:60;display:flex;align-items:center;gap:10px}
.toast.show{opacity:1;transform:translateY(0)}
.toast .tdot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.toast.err .tdot{background:#e05a4f}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.reveal{animation:rise .5s ease both}
@media(max-width:900px){.lead{grid-template-columns:1fr}.feature{min-height:340px}.grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.tb-date{display:none}.feature{min-height:300px}.article .text{font-size:1.16rem;line-height:2.1}.tb{gap:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.footer .fb-follow{display:inline-flex;align-items:center;gap:9px;background:#1877f2;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;font-size:.95rem;margin-top:6px;transition:background .15s,transform .1s}
.footer .fb-follow:hover{background:#1461c9;transform:translateY(-2px)}
.footer .fb-follow svg{width:20px;height:20px}
.footer .weather{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:9px 16px;border-radius:30px;color:#e7ecf7;font-weight:600;font-size:.92rem;margin-top:4px}
.footer .weather .wt-ico{font-size:1.25rem;line-height:1}
.footer .weather .wt-temp{color:#fff;font-weight:800}
.footer .weather .wt-sep{opacity:.4}
.footer .weather .wt-city{color:var(--gold-soft)}
.article .a-share{margin:-6px 0 24px}
.article .copy-link{display:inline-flex;align-items:center;gap:7px;background:#eef2fb;color:var(--blue);border:1px solid #d7e0f4;padding:8px 16px;border-radius:30px;font-weight:700;font-size:.86rem;font-family:inherit;transition:background .15s}
.article .copy-link:hover{background:#e0e8f8}

/* ===== بحث بالشريط العلوي ===== */
.tb-search{display:flex;align-items:center;gap:7px;background:#f0f3f9;border:1px solid var(--line);border-radius:30px;padding:7px 14px;min-width:210px;transition:border-color .15s,box-shadow .15s}
.tb-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(43,74,158,.12)}
.tb-search .s-ico{width:17px;height:17px;color:var(--muted);flex:none}
.tb-search input{border:none;background:none;outline:none;font-family:inherit;font-size:.92rem;color:var(--ink);width:100%}
.tb-search input::placeholder{color:#9aa3b5}
@media(max-width:900px){.tb-search{min-width:0;flex:1}}

/* ===== زر عرض جميع الأخبار ===== */
.more-wrap{display:flex;justify-content:center;margin:34px 0 8px}
.more-btn{background:var(--blue);color:#fff;border:none;font-family:inherit;font-weight:700;font-size:.98rem;padding:13px 34px;border-radius:30px;cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 8px 20px -10px rgba(43,74,158,.5)}
.more-btn:hover{background:var(--blue-deep);transform:translateY(-2px)}

/* ===== حركة عنوان الخبر الأبرز ===== */
@keyframes featSlide{0%{opacity:0;transform:translateX(40px)}100%{opacity:1;transform:translateX(0)}}
.feat-anim{animation:featSlide .8s cubic-bezier(.22,.61,.36,1) both}
@media(prefers-reduced-motion:reduce){.feat-anim{animation:none}}

/* ===== أزرار تواصل معنا ===== */
.contact-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}
.contact-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#e7ecf7;padding:9px 18px;border-radius:30px;font-weight:600;font-size:.9rem;transition:background .15s,border-color .15s}
.contact-btn:hover{background:rgba(255,255,255,.15);border-color:var(--gold)}
.contact-btn svg{width:17px;height:17px}
.contact-btn.press:hover{border-color:var(--gold-soft)}


/* ===== شريط البحث المنفصل (أسفل الأقسام) ===== */
.searchbar{background:var(--surface);border-bottom:1px solid var(--line)}
.searchbar .wrap{padding-top:10px;padding-bottom:10px}
.searchbar .tb-search{display:flex;align-items:center;gap:8px;background:#f0f3f9;border:1px solid var(--line);border-radius:30px;padding:9px 16px;max-width:520px;margin:0 auto;transition:border-color .15s,box-shadow .15s}
.searchbar .tb-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(43,74,158,.12)}
.searchbar .s-ico{width:18px;height:18px;color:var(--muted);flex:none}
.searchbar input{border:none;background:none;outline:none;font-family:inherit;font-size:.95rem;color:var(--ink);width:100%}
.searchbar input::placeholder{color:#9aa3b5}

}

/* ===== شريط الأحدث — شارة ثابتة ونص متدفّق احترافي ===== */
.ticker .wrapx{display:flex;align-items:center;gap:0;height:42px;overflow:hidden}
.tk-label{position:relative;z-index:3;flex:none;background:var(--gold);color:var(--blue-ink);font-weight:800;font-size:.78rem;padding:4px 14px;border-radius:20px;margin-inline-end:14px}
.ticker.brk .tk-label{background:#fff;color:#b5271b}
.tk-text-wrap{position:relative;overflow:hidden;flex:1;min-width:0;height:100%;display:flex;align-items:center}
.ticker .tk-track{display:inline-flex;white-space:nowrap;will-change:transform;animation:tkRun 24s linear infinite}
.ticker .tk-track span{padding-inline-start:70px;color:#eef2ff;font-size:.92rem;font-weight:500}
@keyframes tkRun{from{transform:translateX(0)}to{transform:translateX(50%)}}
.ticker:hover .tk-track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ticker .tk-track{animation:none}}

/* ===== صف الأيقونات الاجتماعية ===== */
.social-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.s-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:30px;font-weight:700;font-size:.88rem;color:#fff;transition:transform .12s,filter .15s;border:none}
.s-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.s-btn svg{width:18px;height:18px;flex:none}
.s-btn.fb{background:#1877f2}
.s-btn.wa{background:#25d366}
.s-btn.tg{background:#29a9eb}
.s-btn.tw{background:#000;border:1px solid rgba(255,255,255,.25)}
@media(max-width:560px){.s-btn span{display:none}.s-btn{padding:11px;border-radius:50%}.s-btn svg{width:20px;height:20px}}