:root{
  --brand:#155a8e;
  --brand-2:#0d4776;
  --accent:#2783de;
  --danger:#e03131;
  --soft:#f4f8fc;
  --text:#1d2733;
  --muted:#778496;
  --card:#fff;
  --border:#e8eef5;
  --shadow:0 10px 30px rgba(15,55,90,.10);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:
    linear-gradient(180deg,rgba(238,245,251,.88) 0%,rgba(248,251,255,.80) 44%,rgba(255,255,255,.92) 100%),
    url('../img/tripoli-mina-wave-bg.svg') center top / cover no-repeat fixed;
  color:var(--text);
  direction:rtl;
  min-height:100vh;
  padding-bottom:86px;
}
a{text-decoration:none;color:inherit}.ltr{direction:ltr}.text-muted{color:var(--muted)!important}
.app-shell{max-width:540px;margin:0 auto;background:linear-gradient(180deg,rgba(238,245,251,.74) 0,rgba(255,255,255,.88) 100%);min-height:100vh;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.02);overflow:hidden}.app-shell:before{content:"";position:absolute;inset:70px 0 auto 0;height:620px;background:url('../img/tripoli-mina-wave-bg.svg') center top / cover no-repeat;opacity:.42;pointer-events:none;z-index:0}.app-shell>*{position:relative;z-index:1}
.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,rgba(21,90,142,.96),rgba(23,104,158,.94)),url('../img/tripoli-mina-wave-bg.svg') center 18% / cover no-repeat;color:#fff;padding:18px 18px 16px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 8px 24px rgba(21,90,142,.22)}
.topbar .title{font-weight:800;font-size:22px;text-align:center;letter-spacing:.2px}.topbar .back{position:absolute;right:18px;top:18px;font-size:25px}.topbar .admin-link{position:absolute;left:16px;top:17px;width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.15);display:grid;place-items:center}
.hero-wrap{padding:18px 18px 0}.hero-wrap:before{content:"";position:absolute;inset:116px 18px auto 18px;height:230px;border-radius:30px;background:url('../img/tripoli-mina-wave-bg.svg') center 28% / cover no-repeat;opacity:.22;filter:saturate(1.15);pointer-events:none}.ad-carousel{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);background:#10151f;position:relative}.ad-slide{min-height:176px;background:#111;color:#fff;position:relative;display:flex;align-items:center;isolation:isolate}.ad-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;z-index:-2}.ad-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.18),rgba(0,0,0,.7));z-index:-1}.ad-content{padding:22px;max-width:70%}.ad-kicker{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 12px;font-size:13px}.ad-title{font-size:29px;font-weight:900;margin:10px 0 6px}.ad-discount{font-size:42px;font-weight:900;color:#ffd66b;text-shadow:0 4px 18px rgba(255,214,107,.35);line-height:1}.ad-subtitle{font-size:13px;color:rgba(255,255,255,.86);margin-top:6px}.carousel-indicators{margin-bottom:8px}.carousel-indicators [data-bs-target]{width:7px;height:7px;border-radius:999px;border:0}.quick-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px 18px 14px}.pill-stat{height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:19px;font-weight:800;border:1px solid var(--border);box-shadow:0 8px 18px rgba(20,70,120,.06)}.pill-stat.users{background:#e7f3fd;color:#175d94}.pill-stat.live{background:#fff0f2;color:#9d2733}.section{padding:8px 18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 14px}.section-title h2{font-size:18px;margin:0;font-weight:900}.section-title a{font-size:13px;color:var(--brand);font-weight:700}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cat-card{position:relative;min-height:126px;border-radius:23px;background:var(--card);border:1px solid rgba(220,232,244,.9);box-shadow:0 8px 24px rgba(19,54,88,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 8px;transition:.22s ease;overflow:hidden}.cat-card:hover{transform:translateY(-3px);box-shadow:0 13px 35px rgba(19,54,88,.13)}.cat-card:before{content:"";position:absolute;inset:-45px -45px auto auto;width:90px;height:90px;background:var(--cat-color,#2783de);opacity:.08;border-radius:999px}.cat-icon{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--cat-color,#2783de) 12%,#fff);color:var(--cat-color,#2783de);font-size:22px;margin-bottom:10px}.cat-title{font-weight:900;font-size:18px;line-height:1.25}.count-badge{position:absolute;top:10px;left:10px;min-width:25px;height:25px;border-radius:999px;background:linear-gradient(135deg,#e03131,#ff6b6b);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;padding:0 7px;box-shadow:0 7px 14px rgba(224,49,49,.28)}.news-list{display:grid;gap:12px}.news-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:10px;display:grid;grid-template-columns:96px 1fr;gap:12px;box-shadow:0 7px 20px rgba(20,70,120,.06)}.news-card img{width:96px;height:92px;object-fit:cover;border-radius:17px;background:#eef5fb}.news-card h3{font-size:16px;line-height:1.35;margin:4px 0 7px;font-weight:900}.news-card p{font-size:13px;color:var(--muted);margin:0 0 8px;line-height:1.5}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;background:#edf6ff;color:var(--brand);font-size:12px;font-weight:800}.breaking-footer{position:fixed;left:50%;transform:translateX(-50%);bottom:66px;width:min(540px,100%);background:#fff;border-top:1px solid var(--border);padding:8px 12px;z-index:60;display:flex;align-items:center;gap:10px;box-shadow:0 -6px 22px rgba(0,0,0,.06)}.breaking-label{flex:0 0 auto;background:#e03131;color:#fff;border-radius:12px;padding:6px 10px;font-weight:900;font-size:13px}.breaking-marquee{overflow:hidden;white-space:nowrap;flex:1;color:#2b2f3a;font-weight:700}.breaking-marquee span{display:inline-block;padding-inline-start:100%;animation:marquee 24s linear infinite}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(100%)}}
.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(540px,100%);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid var(--border);border-bottom:0;border-top-left-radius:28px;border-top-right-radius:28px;height:72px;display:grid;grid-template-columns:repeat(4,1fr);z-index:70;box-shadow:0 -10px 28px rgba(20,70,120,.12)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8a95a3;font-size:12px;font-weight:800}.bottom-nav i{font-size:21px}.bottom-nav a.active{color:var(--brand);background:#eaf4ff;border-radius:22px;margin:8px}.page-pad{padding:18px}.search-box{position:relative;margin:16px 18px}.search-box input{height:54px;border:1px solid var(--border);border-radius:20px;padding:0 48px 0 18px;box-shadow:0 8px 20px rgba(20,70,120,.05)}.search-box i{position:absolute;right:18px;top:17px;color:var(--muted)}.notif-list{padding:20px 18px;display:grid;gap:14px}.notif-item{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 8px 20px rgba(20,70,120,.05)}.notif-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900}.notif-title i{color:var(--brand);width:24px}.notif-warning{background:#fff0f0;border-color:#ffd0d0;color:#b42330}.form-switch .form-check-input{width:4.3em;height:2.1em;cursor:pointer}.article{background:#fff;border:1px solid var(--border);border-radius:26px;padding:16px;box-shadow:var(--shadow)}.article img{width:100%;max-height:280px;object-fit:cover;border-radius:22px;margin-bottom:16px}.article h1{font-size:26px;font-weight:900;line-height:1.35}.article-body{font-size:17px;line-height:1.9;color:#344054}.empty-state{background:#fff;border:1px dashed #c8d8e8;border-radius:22px;padding:34px;text-align:center;color:var(--muted)}
.admin-body{background:#f5f7fb;padding-bottom:0}.admin-layout{display:grid;grid-template-columns:270px 1fr;min-height:100vh;direction:rtl}.admin-sidebar{background:#102f4c;color:#fff;padding:22px;position:sticky;top:0;height:100vh}.admin-brand{font-size:20px;font-weight:900;margin-bottom:24px}.admin-menu{display:grid;gap:8px}.admin-menu a{padding:12px 14px;border-radius:14px;color:rgba(255,255,255,.78);font-weight:800}.admin-menu a:hover,.admin-menu a.active{background:rgba(255,255,255,.12);color:#fff}.admin-main{padding:26px}.admin-card{background:#fff;border:1px solid #e8eef5;border-radius:22px;box-shadow:0 8px 22px rgba(16,47,76,.05);padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-box{background:linear-gradient(135deg,#fff,#eef7ff);border:1px solid #e3edf8;border-radius:20px;padding:18px}.stat-box .num{font-size:30px;font-weight:900;color:#155a8e}.table td,.table th{vertical-align:middle}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#155a8e,#102f4c)}.login-card{width:min(430px,92vw);background:#fff;border-radius:28px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.22)}
@media (min-width:768px){.app-shell{margin-top:18px;margin-bottom:18px;border-radius:32px;overflow:hidden}.topbar{border-top-left-radius:32px;border-top-right-radius:32px}.breaking-footer,.bottom-nav{border-left:1px solid var(--border);border-right:1px solid var(--border)}}
@media (max-width:430px){.topbar .title{font-size:20px}.hero-wrap{padding:14px 14px 0}.ad-slide{min-height:156px}.ad-title{font-size:24px}.ad-discount{font-size:34px}.quick-row{padding:18px 14px 12px}.section{padding:7px 14px}.cat-grid{gap:12px}.cat-card{min-height:116px;border-radius:20px}.cat-title{font-size:16px}.news-card{grid-template-columns:86px 1fr}.news-card img{width:86px;height:86px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto}.stats-grid{grid-template-columns:1fr 1fr}.admin-main{padding:16px}}
@media (max-width:340px){.cat-grid{grid-template-columns:repeat(2,1fr)}.quick-row{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 14px}.action-card{border-radius:22px;padding:14px 12px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 20px rgba(20,70,120,.06);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;color:var(--brand)}.action-card.blood{color:#c92a2a;background:#fff4f4}.bottom-nav{grid-template-columns:repeat(6,1fr);height:78px}.bottom-nav a{font-size:11px}.bottom-nav i{font-size:19px}.bottom-nav a.active{margin:7px 4px}.form-page{background:#fff;border:1px solid var(--border);border-radius:26px;padding:18px;box-shadow:var(--shadow)}.video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0d1321;box-shadow:var(--shadow)}.video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.live-modal .modal-content{border:0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 22px 70px rgba(0,0,0,.28)}.live-modal .modal-header{background:linear-gradient(135deg,#155a8e,#2783de);color:#fff;border:0}.live-badge{display:inline-flex;align-items:center;gap:7px;background:#fff0f0;color:#c92a2a;border-radius:999px;padding:6px 12px;font-weight:900}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.gallery-grid img{width:100%;height:145px;object-fit:cover;border-radius:18px;margin:0}.external-video{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);background:#f8fbff;border-radius:18px;padding:14px;margin-top:10px}.load-more-wrap{text-align:center;margin:18px 0}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-input{min-width:180px}.media-list-input{font-family:monospace;direction:ltr}.submission-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;margin-bottom:12px}.status-pending{color:#f08c00}.status-approved{color:#2f9e44}.status-rejected{color:#c92a2a}
@media(max-width:430px){.bottom-nav{height:82px}.bottom-nav span{font-size:10px}.action-row{padding:0 14px 12px}.gallery-grid{grid-template-columns:1fr}.action-card{font-size:14px}}

/* refined bottom nav + request cards + fullscreen live */
.bottom-nav{grid-template-columns:repeat(5,1fr)!important;height:76px;background:rgba(255,255,255,.94);border-top:1px solid rgba(21,90,142,.12)}
.bottom-nav a{position:relative;margin:7px 3px;border-radius:18px;color:#7b8794;transition:.2s ease;background:transparent}
.bottom-nav a:nth-child(1).active,.bottom-nav a:nth-child(1):hover{background:#eaf4ff;color:#155a8e}.bottom-nav a:nth-child(2).active,.bottom-nav a:nth-child(2):hover{background:#fff0f2;color:#d63345}.bottom-nav a:nth-child(3).active,.bottom-nav a:nth-child(3):hover{background:#fff4e6;color:#f08c00}.bottom-nav a:nth-child(4).active,.bottom-nav a:nth-child(4):hover{background:#e9f9ef;color:#2f9e44}.bottom-nav a:nth-child(5).active,.bottom-nav a:nth-child(5):hover{background:#edf2ff;color:#4263eb}
.bottom-nav a.active{margin:7px 3px!important}.bottom-nav i{font-size:20px}.bottom-nav span{font-size:10.5px;line-height:1.15;font-weight:900}
.action-row{display:none!important}.request-stack{padding:0 18px 16px;display:grid;gap:12px}.request-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:23px;padding:14px 14px;box-shadow:0 8px 22px rgba(20,70,120,.07);min-height:86px}.request-card .req-icon{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;font-size:24px}.request-card.job .req-icon{background:#eaf4ff;color:#155a8e}.request-card.blood .req-icon{background:#fff0f2;color:#c92a2a}.request-card.whatsapp .req-icon{background:#e9f9ef;color:#2f9e44}.request-card h3{font-size:17px;font-weight:900;margin:0 0 4px}.request-card p{font-size:12.5px;color:var(--muted);margin:0;line-height:1.45}.request-card .go{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:#f4f8fc;color:var(--brand)}
.live-modal .modal-dialog{width:100vw;max-width:none;height:100dvh;margin:0}.live-modal .modal-content{height:100dvh;border-radius:0!important;background:#07121f;color:#fff}.live-modal .modal-header{min-height:74px;background:linear-gradient(135deg,#102f4c,#155a8e)!important}.live-modal .modal-body{display:grid;place-items:center;padding:0!important;background:#050b14}.live-modal .video-frame{width:100vw;height:calc(100dvh - 74px);aspect-ratio:auto;border-radius:0;box-shadow:none}.live-modal .video-frame iframe,.live-modal .video-frame video{width:100%;height:100%;object-fit:contain;background:#000}.live-modal .btn-close{transform:scale(1.15)}
.whatsapp-float{position:fixed;right:calc(50% - min(270px,50vw) + 16px);bottom:154px;z-index:65;width:54px;height:54px;border-radius:20px;background:#25D366;color:#fff;display:grid;place-items:center;font-size:27px;box-shadow:0 12px 28px rgba(37,211,102,.34)}
@media(max-width:430px){.request-stack{padding:0 14px 14px}.request-card{grid-template-columns:50px 1fr auto;padding:12px}.request-card .req-icon{width:50px;height:50px}.bottom-nav span{font-size:9.5px}.whatsapp-float{right:16px}}


/* FINAL FIX: clear bottom nav, urgent not hidden, live starts as mini bubble only */
body{padding-bottom:132px!important}
.bottom-nav{grid-template-columns:repeat(4,1fr)!important;height:74px!important;z-index:70!important;background:rgba(255,255,255,.97)!important;border-top-left-radius:28px!important;border-top-right-radius:28px!important}
.bottom-nav a{margin:8px 5px!important;border-radius:22px!important;font-size:12px!important;color:#8a95a3!important;gap:4px!important;background:transparent!important}
.bottom-nav i{font-size:22px!important}.bottom-nav span{font-size:12px!important;font-weight:900!important;line-height:1.1!important}.bottom-nav a.active{background:#eaf4ff!important;color:#155a8e!important}.bottom-nav a:nth-child(2).active{background:#fff0f2!important;color:#d63345!important}.bottom-nav a:nth-child(3).active{background:#eef6ff!important;color:#1971c2!important}.bottom-nav a:nth-child(4).active{background:#f1f3f5!important;color:#495057!important}
.breaking-footer{bottom:74px!important;z-index:69!important;border-radius:18px 18px 0 0!important;margin-inline:auto!important;background:rgba(255,255,255,.98)!important}.breaking-marquee{min-width:0!important}
.whatsapp-float{bottom:132px!important;width:48px!important;height:48px!important;border-radius:18px!important;z-index:62!important}
.live-mini-widget{position:fixed!important;left:auto!important;right:calc(50% - min(270px,50vw) + 14px)!important;bottom:188px!important;width:178px!important;transform:none!important;z-index:61!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(224,49,49,.18)!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(15,55,90,.18)!important;overflow:hidden!important;pointer-events:auto!important}.live-mini-open{width:100%!important;border:0!important;background:transparent!important;display:grid!important;grid-template-columns:42px 1fr!important;gap:9px!important;align-items:center!important;text-align:right!important;padding:10px 34px 10px 10px!important;color:var(--text)!important}.live-mini-thumb{width:42px!important;height:42px!important;border-radius:16px!important;background:linear-gradient(135deg,#e03131,#ff6b6b)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:17px!important}.live-mini-text b{display:block!important;font-size:13px!important;color:#c92a2a!important;font-weight:900!important}.live-mini-text small{display:block!important;font-size:10.5px!important;color:#667085!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:78px!important}.live-mini-close{position:absolute!important;right:7px!important;top:7px!important;width:22px!important;height:22px!important;border:0!important;border-radius:999px!important;background:#fff!important;color:#667085!important;z-index:2!important;display:grid!important;place-items:center!important;font-size:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important}.live-mini-close:hover{background:#ffe3e3!important;color:#c92a2a!important}
.live-modal .modal-dialog{width:min(980px,calc(100vw - 24px))!important;max-width:min(980px,calc(100vw - 24px))!important;height:auto!important;margin:24px auto!important}.live-modal .modal-content{height:auto!important;max-height:calc(100dvh - 48px)!important;border-radius:28px!important;background:#07121f!important;color:#fff!important;overflow:hidden!important}.live-modal .modal-body{background:#000!important}.live-modal .video-frame{width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important;box-shadow:none!important}.live-modal .video-frame iframe,.live-modal .video-frame video{width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}.modal-backdrop.show{opacity:.68!important}
@media(max-width:540px){.live-mini-widget{right:12px!important;bottom:188px!important;width:166px!important}.whatsapp-float{right:14px!important;bottom:132px!important}.live-modal .modal-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;height:100dvh!important}.live-modal .modal-content{height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.live-modal .video-frame{height:calc(100dvh - 74px)!important;aspect-ratio:auto!important}.bottom-nav span{font-size:11px!important}}


/* FINAL USER REQUEST: no live popup on home, no floating WhatsApp, no overlays blocking clicks */
#liveStartupModal,.live-mini-widget,.whatsapp-float,.modal-backdrop{display:none!important;pointer-events:none!important;visibility:hidden!important}
body{padding-bottom:170px!important;overflow-x:hidden!important}.app-shell{padding-bottom:160px!important;overflow:visible!important}.app-shell:before{pointer-events:none!important}.topbar,.hero-wrap,.quick-row,.request-stack,.section,.bottom-nav,.breaking-footer{pointer-events:auto!important}
.bottom-nav{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;width:min(540px,100%)!important;height:74px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;z-index:70!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--border)!important;border-bottom:0!important;border-top-left-radius:28px!important;border-top-right-radius:28px!important;box-shadow:0 -10px 28px rgba(20,70,120,.12)!important}.bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:8px 5px!important;border-radius:22px!important;color:#8a95a3!important;background:transparent!important;font-weight:900!important}.bottom-nav i{font-size:22px!important}.bottom-nav span{font-size:12px!important;line-height:1.1!important}.bottom-nav a.active{background:#eaf4ff!important;color:#155a8e!important}
.breaking-footer{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:74px!important;width:min(540px,100%)!important;z-index:69!important;background:rgba(255,255,255,.99)!important;border-top:1px solid var(--border)!important;border-radius:18px 18px 0 0!important;box-shadow:0 -6px 18px rgba(0,0,0,.06)!important}.breaking-marquee{min-width:0!important;overflow:hidden!important}.breaking-label{white-space:nowrap!important}
.request-stack{padding:0 18px 18px!important;display:grid!important;gap:12px!important}.request-card{position:relative!important;z-index:1!important}.cat-grid,.cat-card{position:relative!important;z-index:1!important}
@media(max-width:540px){body{padding-bottom:174px!important}.app-shell{padding-bottom:164px!important}.bottom-nav span{font-size:11px!important}.request-stack{padding:0 14px 18px!important}}

/* captcha + external attachments */
.captcha-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.captcha-question{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:48px;border-radius:16px;background:#eaf4ff;color:#155a8e;font-weight:900;font-size:20px;border:1px solid #d7eaff;direction:ltr}
.attachment-list{display:grid;gap:10px;margin-top:12px}.attachment-item{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid var(--border);background:#f8fbff;border-radius:18px;padding:12px 14px}.attachment-item i{grid-row:1/3;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#fff;color:#c92a2a;font-size:21px;box-shadow:0 3px 10px rgba(20,70,120,.06)}.attachment-item span{font-weight:900;color:var(--text)}.attachment-item small{direction:ltr;text-align:right;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submission-links{direction:ltr;text-align:left;background:#f8fbff;border:1px solid var(--border);border-radius:12px;padding:10px;white-space:pre-wrap;font-size:12px}
@media(max-width:430px){.captcha-row{grid-template-columns:1fr}.captcha-question{width:100%}.attachment-item{grid-template-columns:40px 1fr}.attachment-item i{width:40px;height:40px}}


/* advanced directory / blood / jobs filters */
.advanced-filter-card{background:#fff;border:1px solid var(--border);border-radius:26px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.advanced-filter-card:before{content:"";position:absolute;inset:-80px auto auto -70px;width:180px;height:180px;background:#eaf4ff;border-radius:999px;z-index:0}.advanced-filter-card.blood:before{background:#fff0f2}.advanced-filter-card>*{position:relative;z-index:1}.advanced-filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.advanced-filter-grid .filter-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.guide-cats,.blood-type-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.guide-cat-chip,.blood-type-row button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 13px;font-weight:900;color:var(--cat-color,var(--brand));white-space:nowrap;box-shadow:0 6px 18px rgba(20,70,120,.06)}.guide-cat-chip i{margin-left:6px}.directory-grid{display:grid;gap:14px}.directory-card{background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:0 8px 22px rgba(20,70,120,.07);display:grid;grid-template-columns:128px 1fr}.directory-card>img{width:128px;height:100%;min-height:150px;object-fit:cover;background:#eef5fb}.directory-body{padding:14px}.directory-body h3,.info-card h3{font-size:20px;font-weight:900;margin:8px 0 4px}.directory-body p,.info-card p{margin:0 0 8px;color:var(--muted);font-weight:700}.directory-meta{display:grid;gap:6px;color:#344054;font-size:14px}.directory-meta span{display:flex;align-items:center;gap:7px}.directory-meta i{color:var(--brand);width:17px}.directory-body small{display:block;margin-top:8px;color:var(--muted);line-height:1.6}.info-list{display:grid;gap:12px}.info-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 8px 22px rgba(20,70,120,.06);overflow:hidden}.info-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--brand)}.info-card.blood:before{background:var(--danger)}.blood-badge{display:inline-grid;place-items:center;min-width:56px;height:40px;border-radius:16px;background:#fff0f2;color:#c92a2a;font-size:20px;font-weight:900;border:1px solid #ffd0d0;direction:ltr}.is-loading{opacity:.55;pointer-events:none}.ltr{direction:ltr;text-align:left}
@media(max-width:540px){.advanced-filter-grid{grid-template-columns:1fr}.directory-card{grid-template-columns:1fr}.directory-card>img{width:100%;height:170px;min-height:0}.advanced-filter-grid .filter-actions .btn{flex:1}}


/* details and grouped approved lists */
.directory-card,.info-card{color:inherit}.directory-card:hover,.info-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(20,70,120,.10)}.details-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:var(--brand);font-weight:900}.result-group{display:grid;gap:10px}.result-group h2{font-size:18px;font-weight:900;margin:8px 4px 2px;color:var(--text)}.grouped-list{gap:18px}.job-card:before{background:#355070}.details-meta{display:grid;gap:8px;background:#f8fbff;border:1px solid var(--border);border-radius:18px;padding:14px;margin-top:14px}.details-meta span{display:flex;align-items:center;gap:8px;font-weight:800}.details-meta i{color:var(--brand);width:18px}.blood-details .details-meta i{color:var(--danger)}

/* MOBILE FIX: bigger full cards for approved blood and jobs */
.info-card.blood,
.info-card.job-card{
  display:block!important;
  width:100%!important;
  min-height:150px!important;
  padding:20px 18px 18px 22px!important;
  border-radius:26px!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.65!important;
}
.info-card.blood h3,
.info-card.job-card h3{
  font-size:22px!important;
  line-height:1.45!important;
  margin:12px 0 8px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.info-card.blood p,
.info-card.job-card p{
  font-size:16px!important;
  line-height:1.7!important;
  white-space:normal!important;
  overflow:visible!important;
}
.info-card.blood .directory-meta,
.info-card.job-card .directory-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  margin-top:12px!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.info-card.blood .directory-meta span,
.info-card.job-card .directory-meta span{
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  align-items:flex-start!important;
}
.info-card.blood .details-link,
.info-card.job-card .details-link{
  margin-top:14px!important;
  font-size:16px!important;
}

@media(max-width:540px){
  .page-pad{padding-left:14px!important;padding-right:14px!important}
  .info-list,
  .grouped-list,
  .result-group{
    width:100%!important;
    gap:14px!important;
  }
  .info-card.blood,
  .info-card.job-card{
    min-height:172px!important;
    padding:22px 18px 20px 24px!important;
    margin:0!important;
    border-radius:28px!important;
    box-shadow:0 10px 28px rgba(20,70,120,.09)!important;
  }
  .info-card.blood:before,
  .info-card.job-card:before{
    width:7px!important;
    border-radius:7px 0 0 7px!important;
  }
  .blood-badge{
    min-width:66px!important;
    height:46px!important;
    font-size:22px!important;
    border-radius:18px!important;
  }
  .info-card.blood h3,
  .info-card.job-card h3{
    font-size:23px!important;
    line-height:1.45!important;
  }
  .info-card.blood .chip,
  .info-card.job-card .chip{
    max-width:100%!important;
    white-space:normal!important;
    line-height:1.45!important;
    padding:6px 10px!important;
  }
}

@media(max-width:360px){
  .info-card.blood,
  .info-card.job-card{
    padding:20px 14px 18px 20px!important;
  }
  .info-card.blood h3,
  .info-card.job-card h3{
    font-size:21px!important;
  }
  .info-card.blood .directory-meta,
  .info-card.job-card .directory-meta{
    font-size:14px!important;
  }
}


/* FINAL FIX: remove side vertical line and show full job/blood card text */
.info-card.blood:before,
.info-card.job-card:before{
  display:none!important;
  content:none!important;
}
.info-card.blood,
.info-card.job-card{
  padding-inline-start:18px!important;
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
}
.info-card.blood *,
.info-card.job-card *{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:100%!important;
}
.info-card.blood .directory-meta,
.info-card.job-card .directory-meta{
  grid-template-columns:1fr!important;
}
.info-card.blood .directory-meta span,
.info-card.job-card .directory-meta span{
  display:flex!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
@media(max-width:540px){
  .info-card.blood,
  .info-card.job-card{
    padding:20px 16px!important;
    min-height:unset!important;
  }
}


/* FIX: YouTube/details videos + donation meta spacing */
.video-frame{
  min-height:190px!important;
  background:#07121f!important;
}
.video-frame iframe,
.video-frame video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:190px!important;
}
.video-open-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin-top:8px!important;
  color:var(--brand)!important;
  font-weight:900!important;
  font-size:14px!important;
}
.donation-meta,
.donation-card-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  line-height:1.8!important;
}
.donation-meta span,
.donation-card-meta span{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.donation-meta i,
.donation-card-meta i{
  width:20px!important;
  min-width:20px!important;
  margin-top:4px!important;
  color:var(--danger)!important;
  text-align:center!important;
}
.donation-meta b,
.donation-card-meta b{
  flex:0 0 auto!important;
  color:var(--text)!important;
}
@media(max-width:540px){
  .video-frame,
  .video-frame iframe,
  .video-frame video{
    min-height:210px!important;
  }
}


/* FINAL donation layout: one field per row, icon + label + text */
.donation-meta,
.donation-card-meta{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  width:100%!important;
}
.donation-meta span,
.donation-card-meta span{
  display:grid!important;
  grid-template-columns:24px max-content minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:8px!important;
  row-gap:0!important;
  width:100%!important;
  line-height:1.8!important;
}
.donation-meta span i,
.donation-card-meta span i{
  grid-column:1!important;
  width:24px!important;
  min-width:24px!important;
  margin:4px 0 0!important;
  text-align:center!important;
}
.donation-meta span b,
.donation-card-meta span b{
  grid-column:2!important;
  white-space:nowrap!important;
  font-weight:900!important;
}
.donation-meta span a,
.donation-card-meta span a{
  display:inline!important;
}
.donation-meta span > :not(i):not(b),
.donation-card-meta span > :not(i):not(b){
  grid-column:3!important;
}
@media(max-width:380px){
  .donation-meta span,
  .donation-card-meta span{
    grid-template-columns:22px max-content minmax(0,1fr)!important;
    column-gap:6px!important;
  }
}


/* Archive tabs + colorful bottom navigation */
.archive-section{padding-top:4px!important;overflow:hidden!important}.archive-tabs-shell{width:100%;max-width:100%;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid var(--border);border-radius:26px;padding:12px;box-shadow:var(--shadow);overflow:hidden}.archive-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f2f6fb;border:1px solid #e5edf6;border-radius:20px;padding:5px;max-width:100%}.archive-tab{border:0;border-radius:16px;min-height:48px;background:transparent;color:#718096;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease;white-space:nowrap}.archive-tab i{font-size:18px}.archive-tab.active{background:#fff;color:var(--brand);box-shadow:0 8px 18px rgba(20,70,120,.10)}.archive-tab[data-archive-tab="archive"].active{color:#7c3aed}.archive-card{display:none;margin-top:12px;background:#fff;border:1px solid #e8eef5;border-radius:22px;padding:14px;box-shadow:0 8px 22px rgba(20,70,120,.06);max-width:100%;overflow:hidden}.archive-card.is-open{display:grid;gap:13px}.archive-title{display:flex;align-items:center;gap:12px;color:var(--brand);min-width:0}.archive-title i{width:42px;height:42px;min-width:42px;border-radius:16px;display:grid;place-items:center;background:#f3efff;color:#7c3aed;font-size:19px}.archive-title b{display:block;font-size:17px;font-weight:900;color:var(--text)}.archive-title small{display:block;color:var(--muted);font-weight:800;font-size:12px}.archive-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end;width:100%;max-width:100%;overflow:hidden}.archive-fields label{min-width:0;font-size:13px;font-weight:900;color:var(--muted)}.archive-fields .form-control{width:100%;max-width:100%;margin-top:6px;border-radius:16px;min-height:46px;border-color:#dce8f4;background:#fbfdff}.archive-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.archive-actions .btn{min-height:44px;font-weight:900;padding-inline:12px}.bottom-nav a:nth-child(1) i{color:#155a8e!important}.bottom-nav a:nth-child(2) i{color:#e74856!important}.bottom-nav a:nth-child(3) i{color:#1971c2!important}.bottom-nav a:nth-child(4) i{color:#7c3aed!important}.bottom-nav a:nth-child(1).active{background:#eaf4ff!important;color:#155a8e!important}.bottom-nav a:nth-child(2).active{background:#fff0f2!important;color:#d63345!important}.bottom-nav a:nth-child(3).active{background:#eef6ff!important;color:#1971c2!important}.bottom-nav a:nth-child(4).active{background:#f3efff!important;color:#7c3aed!important}.urgent-check{background:#fff0f2;border:1px solid #ffd0d0;border-radius:18px;padding:12px 42px 12px 14px;font-weight:900;color:#c92a2a}.urgent-pill{display:inline-flex!important;align-items:center;gap:7px;background:#fff0f2!important;color:#c92a2a!important;border:1px solid #ffd0d0;border-radius:999px;padding:6px 10px;width:max-content}.donation-card-meta{display:grid;gap:7px;margin-top:10px;color:#344054;font-size:14px}.donation-card-meta span{display:flex;align-items:center;gap:7px;font-weight:800}.donation-card-meta i{color:var(--danger);width:17px}
@media(max-width:540px){.archive-tabs-shell{border-radius:22px;padding:10px}.archive-tab{min-height:46px;font-size:14px}.archive-card{padding:12px;border-radius:20px}.archive-fields{grid-template-columns:1fr;gap:9px}.archive-actions{grid-template-columns:1fr}.archive-title b{font-size:16px}}


/* Beautiful details albums + robust video embeds */
.media-heading{display:flex;align-items:center;gap:9px;color:var(--text);margin-bottom:12px}.media-heading i{color:var(--brand)}.details-album{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.details-album .album-item{position:relative;display:block;overflow:hidden;border-radius:22px;background:#eef5fb;border:1px solid var(--border);box-shadow:0 8px 22px rgba(20,70,120,.08);min-height:138px}.details-album .album-item.featured{grid-row:span 2;min-height:286px}.details-album.count-1 .album-item.featured{grid-column:1/-1;grid-row:auto;min-height:260px}.details-album img{width:100%!important;height:100%!important;min-height:inherit;object-fit:cover;border-radius:0!important;margin:0!important;display:block;transition:transform .25s ease}.details-album .album-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.28));opacity:.75}.details-album .album-item span{position:absolute;left:10px;bottom:10px;z-index:2;width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--brand);box-shadow:0 8px 20px rgba(0,0,0,.14)}.details-album .album-item:hover img{transform:scale(1.04)}.details-video-list{display:grid;gap:16px}.video-embed-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:10px;box-shadow:0 8px 24px rgba(20,70,120,.08);overflow:hidden}.video-source-label{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--text);padding:4px 4px 10px}.video-source-label i{color:#e74856}.video-frame-vertical{aspect-ratio:9/14;max-height:680px;background:#080d16}.video-frame-vertical iframe{background:#080d16}.video-open-link{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:var(--brand);font-weight:900;font-size:13px}.rich-video-link{display:grid!important;grid-template-columns:46px 1fr auto;align-items:center}.rich-video-link>i{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#eef6ff;color:var(--brand);font-size:22px}.rich-video-link b{display:block}.rich-video-link span{display:block;color:var(--muted);font-size:12px;font-weight:800}@media(max-width:540px){.details-album{grid-template-columns:1fr 1fr;gap:8px}.details-album .album-item{border-radius:18px;min-height:120px}.details-album .album-item.featured{min-height:248px}.details-album.count-1 .album-item.featured{min-height:230px}.video-embed-card{border-radius:20px;padding:8px}.video-frame-vertical{aspect-ratio:9/15;max-height:580px}.rich-video-link{grid-template-columns:42px 1fr;gap:10px}.rich-video-link a{grid-column:1/-1;width:100%}}


/* Date/time display */
.chip{display:inline-flex;align-items:center;gap:5px;line-height:1.5}.article .chip{background:#f8fbff;border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-weight:900}


/* Admin media previews */
.admin-media-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.admin-media-preview a{height:86px;border:1px solid #e2edf7;border-radius:16px;overflow:hidden;background:#f8fbff;display:grid;place-items:center;position:relative}.admin-media-preview img{width:100%;height:100%;object-fit:cover}.admin-media-preview a.is-broken:before{content:"رابط صورة";font-weight:900;color:#7d8b99}.admin-media-preview a.is-broken img{display:none}.admin-video-preview{display:grid;gap:8px}.admin-video-preview a{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid #e2edf7;background:#f8fbff;border-radius:16px;padding:10px;color:inherit}.admin-video-preview i{grid-row:1/3;width:36px;height:36px;border-radius:13px;background:#fff0f2;color:#d63345;display:grid;place-items:center}.admin-video-preview span{font-weight:900}.admin-video-preview small{direction:ltr;text-align:left;color:#6b7785;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-list-input{white-space:pre-wrap!important;line-height:1.7!important}@media(max-width:540px){.admin-media-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-media-preview a{height:78px}}

.admin-preview-count{grid-column:1/-1;background:#eaf4ff;color:#155a8e;border:1px solid #cfe7ff;border-radius:14px;padding:8px 10px;font-weight:900;text-align:center}

.details-album .album-item em{position:absolute;right:10px;top:10px;z-index:2;min-width:28px;height:28px;border-radius:11px;display:grid;place-items:center;background:rgba(21,90,142,.92);color:#fff;font-style:normal;font-weight:900;font-size:13px}


/* FINAL UI polish: full album thumbnails, nicer admin, working notification UI */
.details-main-image{height:auto!important;max-height:none!important;object-fit:contain!important;background:#f3f7fb!important;border:1px solid var(--border)!important}.details-album{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.details-album .album-item,.details-album .album-item.featured,.details-album.count-1 .album-item.featured{grid-row:auto!important;grid-column:auto!important;min-height:0!important;aspect-ratio:1/1!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fbff,#edf4fb)!important;padding:6px!important}.details-album img{object-fit:contain!important;background:#fff!important;border-radius:13px!important}.details-album .album-item:after{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.10))!important}.details-album .album-item span{width:30px!important;height:30px!important;border-radius:12px!important}.article img:not(.details-main-image){object-fit:contain!important;background:#f8fbff!important}
.admin-body{background:linear-gradient(135deg,#eef6ff,#f7f9fc 45%,#ffffff)!important}.admin-layout{grid-template-columns:250px minmax(0,1fr)!important}.admin-sidebar{background:linear-gradient(180deg,#0d3556,#102f4c 50%,#0a243b)!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 14px!important;box-shadow:-12px 0 34px rgba(16,47,76,.14)!important}.admin-sidebar::-webkit-scrollbar{width:7px}.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px}.admin-brand{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:14px 12px;margin-bottom:16px!important;font-size:18px!important}.admin-menu{gap:6px!important}.admin-menu a{display:flex!important;align-items:center!important;min-height:44px!important;padding:10px 12px!important;border-radius:15px!important;color:rgba(255,255,255,.84)!important;white-space:normal!important;line-height:1.35!important;font-size:14px!important}.admin-menu a i{width:22px!important;text-align:center;color:#8fd0ff!important}.admin-menu a:hover,.admin-menu a.active{background:rgba(255,255,255,.14)!important;color:#fff!important;transform:translateX(-2px)}.admin-main{min-width:0!important;padding:22px!important}.admin-card{border:1px solid rgba(220,232,244,.95)!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(16,47,76,.08)!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.stat-box{background:linear-gradient(135deg,#fff,#eef7ff)!important;border-radius:22px!important}.table-responsive{overflow-x:auto!important}.admin-main .row{max-width:100%!important}.admin-main input,.admin-main textarea,.admin-main select{border-radius:14px!important}.admin-actions .btn{border-radius:999px!important;font-weight:800!important}@media(max-width:900px){.admin-layout{grid-template-columns:1fr!important}.admin-sidebar{position:relative!important;height:auto!important;max-height:none!important}.admin-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:14px!important}}@media(max-width:520px){.admin-menu{grid-template-columns:1fr}.details-album{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.enhanced-notifs{padding-top:16px!important}.notif-hero{background:linear-gradient(135deg,#155a8e,#2783de);color:#fff;border-radius:26px;padding:18px;display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;box-shadow:var(--shadow)}.notif-hero-icon{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:25px}.notif-hero h1{font-size:22px;margin:0 0 4px;font-weight:900}.notif-hero p{margin:0 0 4px;color:rgba(255,255,255,.86);font-weight:700}.notif-hero small{color:rgba(255,255,255,.76)}.notif-item{border-radius:22px!important;padding:16px!important}.notif-state{display:inline-flex;margin-top:7px;border-radius:999px;padding:4px 10px;background:#f1f3f5;color:#667085;font-weight:900}.notif-state.is-on{background:#e9f9ef;color:#2f9e44}.form-switch .form-check-input:checked{background-color:#2f9e44;border-color:#2f9e44}.notif-title i{color:inherit!important}.notif-item .notif-title i{width:38px!important;height:38px;border-radius:14px;background:#eaf4ff;color:var(--brand)!important;display:grid;place-items:center}.notif-warning .notif-title i{background:#fff;color:#c92a2a!important}


/* AJAX notification badge pulse */
.count-badge.badge-pulse{animation:badgePulse .9s ease both!important}@keyframes badgePulse{0%{transform:scale(1)}35%{transform:scale(1.35);box-shadow:0 0 0 8px rgba(224,49,49,.18)}100%{transform:scale(1)}}


/* =========================================================
   HOME V2 — professional redesigned homepage
   ========================================================= */
:root{
  --home-ink:#182433;
  --home-muted:#667085;
  --home-blue:#155a8e;
  --home-blue-2:#2783de;
  --home-sky:#eaf4ff;
  --home-red:#e74856;
  --home-green:#2f9e44;
  --home-amber:#f59f00;
  --home-surface:rgba(255,255,255,.86);
  --home-line:rgba(213,226,239,.86);
}
.app-shell{
  background:
    radial-gradient(circle at 18% 4%, rgba(39,131,222,.16), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(47,158,68,.10), transparent 26%),
    linear-gradient(180deg,#f6fbff 0%,#ffffff 52%,#f8fbff 100%)!important;
}
.topbar{
  background:rgba(255,255,255,.78)!important;
  color:var(--home-ink)!important;
  backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(213,226,239,.86)!important;
  box-shadow:0 12px 28px rgba(21,90,142,.08)!important;
}
.topbar .title{
  font-size:18px!important;
  color:var(--home-ink)!important;
}
.home-v2{padding:0 0 14px;isolation:isolate}.home-v2 *{min-width:0}
.home-hero-v2{
  position:relative;
  margin:16px 14px 0;
  min-height:310px;
  overflow:hidden;
  border-radius:34px;
  color:#fff;
  background:
    linear-gradient(135deg,rgba(9,40,67,.96),rgba(21,90,142,.94) 48%,rgba(39,131,222,.88)),
    url('../img/tripoli-mina-wave-bg.svg') center / cover no-repeat;
  box-shadow:0 22px 46px rgba(21,90,142,.25);
}
.home-hero-v2:after{
  content:"";
  position:absolute;
  inset:auto -30px -82px -30px;
  height:178px;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.30),transparent 68%);
  transform:rotate(-3deg);
}
.hero-orb{position:absolute;border-radius:999px;filter:blur(.2px);pointer-events:none}.orb-one{width:156px;height:156px;left:-45px;top:-40px;background:rgba(255,255,255,.16)}.orb-two{width:112px;height:112px;right:-22px;bottom:54px;background:rgba(234,194,107,.22)}
.hero-content-v2{position:relative;z-index:2;padding:28px 22px 22px;display:grid;align-content:end;min-height:310px}
.hero-kicker-v2,.section-eyebrow-v2{display:inline-flex;align-items:center;gap:7px;width:max-content;font-weight:900;letter-spacing:.1px}.hero-kicker-v2{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:13px;color:rgba(255,255,255,.92)}
.hero-content-v2 h1{margin:14px 0 10px;font-size:31px;line-height:1.18;font-weight:900;max-width:430px;text-wrap:balance}.hero-content-v2 p{margin:0;color:rgba(255,255,255,.80);font-size:15.5px;font-weight:700;line-height:1.8;max-width:420px}
.hero-metrics-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.metric-card-v2{min-height:58px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.metric-card-v2 i{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.16)}.metric-card-v2.live i{background:rgba(231,72,86,.24);color:#ffd9dd}
.home-section-v2{padding:18px 14px 0}.home-section-v2 + .home-section-v2{padding-top:16px}.section-head-v2{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 13px}.section-head-v2.compact{margin-bottom:10px}.section-eyebrow-v2{font-size:12px;color:var(--home-blue);background:var(--home-sky);border:1px solid #d7eaff;border-radius:999px;padding:5px 10px}.section-head-v2 h2{margin:7px 0 0;font-size:21px;line-height:1.25;font-weight:900;color:var(--home-ink)}.section-head-v2 a,.section-chip-v2{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 11px;background:#fff;border:1px solid var(--home-line);color:var(--home-blue);font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(21,90,142,.06)}
.premium-carousel-v2{position:relative;overflow:hidden;border-radius:30px;box-shadow:0 18px 36px rgba(20,70,120,.16);background:#0b1724}.premium-carousel-v2 .carousel-indicators{margin-bottom:10px}.premium-carousel-v2 .carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:999px;border:0;opacity:.72}.ad-slide-v2{position:relative;min-height:212px;overflow:hidden;color:#fff;display:grid;align-items:end}.ad-slide-v2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.ad-shade-v2{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.20) 52%,rgba(0,0,0,.66)),linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.34))}.ad-content-v2{position:relative;z-index:2;padding:22px;max-width:78%}.ad-kicker-v2{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:6px 11px;font-size:12px;font-weight:900}.ad-content-v2 h2{font-size:28px;line-height:1.18;font-weight:900;margin:10px 0 6px}.ad-content-v2 strong{display:block;color:#ffd66b;font-size:38px;line-height:1;font-weight:900;text-shadow:0 8px 24px rgba(255,214,107,.28)}.ad-content-v2 p{margin:8px 0 0;color:rgba(255,255,255,.84);font-weight:700;font-size:13px;line-height:1.6}
.service-grid-v2{display:grid;gap:11px}.service-card-v2{position:relative;display:grid;grid-template-columns:54px 1fr 34px;align-items:center;gap:12px;min-height:82px;padding:13px;border-radius:26px;background:rgba(255,255,255,.92);border:1px solid var(--home-line);box-shadow:0 12px 28px rgba(20,70,120,.07);overflow:hidden;transition:transform .2s ease, box-shadow .2s ease}.service-card-v2:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--service,#2783de);opacity:.86}.service-card-v2:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(20,70,120,.12)}.service-card-v2.jobs{--service:var(--home-blue-2)}.service-card-v2.blood{--service:var(--home-red)}.service-card-v2.whatsapp{--service:var(--home-green)}.service-icon-v2{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;font-size:23px;background:color-mix(in srgb,var(--service) 12%,#fff);color:var(--service)}.service-copy-v2 b{display:block;font-size:17px;color:var(--home-ink);font-weight:900;margin-bottom:3px}.service-copy-v2 small{display:block;color:var(--home-muted);font-weight:800;line-height:1.5}.service-arrow-v2{width:34px;height:34px;border-radius:14px;display:grid!important;place-items:center;background:#f5f9fd;color:var(--service)}
.cat-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat-card-v2{position:relative;min-height:142px;border-radius:28px;background:rgba(255,255,255,.92);border:1px solid var(--home-line);box-shadow:0 12px 28px rgba(20,70,120,.07);padding:15px;display:grid;align-content:space-between;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease}.cat-card-v2:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(20,70,120,.12)}.cat-card-v2:before{content:"";position:absolute;width:118px;height:118px;border-radius:999px;left:-42px;top:-45px;background:var(--cat-color,#2783de);opacity:.12}.cat-card-v2:after{content:"";position:absolute;inset:auto 12px 12px auto;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.0),color-mix(in srgb,var(--cat-color,#2783de) 14%,#fff));opacity:.8}.cat-icon-v2{position:relative;z-index:1;width:48px;height:48px;border-radius:19px;display:grid;place-items:center;background:color-mix(in srgb,var(--cat-color,#2783de) 12%,#fff);color:var(--cat-color,#2783de);font-size:23px}.cat-title-v2{position:relative;z-index:1;display:block;font-size:19px;line-height:1.3;font-weight:900;color:var(--home-ink);margin-top:12px}.cat-card-v2 small{position:relative;z-index:1;color:var(--home-muted);font-weight:800}.count-badge-v2{position:absolute;top:12px;left:12px;min-width:29px;height:29px;border-radius:999px;background:linear-gradient(135deg,#e03131,#ff6b6b);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;padding:0 8px;box-shadow:0 10px 18px rgba(224,49,49,.26);z-index:2}.count-badge-v2.badge-pulse{animation:badgePulse .9s ease both!important}
.featured-news-v2{display:grid;gap:12px}.news-card-v2{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;padding:10px;border-radius:26px;background:rgba(255,255,255,.94);border:1px solid var(--home-line);box-shadow:0 12px 28px rgba(20,70,120,.07);transition:transform .2s ease, box-shadow .2s ease}.news-card-v2:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(20,70,120,.12)}.news-image-v2{height:104px;border-radius:20px;overflow:hidden;background:#eef5fb}.news-image-v2 img{width:100%;height:100%;object-fit:cover;display:block}.news-body-v2{padding:2px 0 0}.chip-v2{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:color-mix(in srgb,var(--chip-color,#2783de) 11%,#fff);color:var(--chip-color,#2783de);border:1px solid color-mix(in srgb,var(--chip-color,#2783de) 18%,#fff);padding:4px 9px;font-size:11.5px;font-weight:900}.news-body-v2 h3{font-size:17px;line-height:1.38;font-weight:900;margin:7px 0 5px;color:var(--home-ink)}.news-body-v2 p{font-size:13px;line-height:1.6;color:var(--home-muted);font-weight:700;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-more-v2{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:var(--home-blue);font-size:12px;font-weight:900}.lead-news-v2{grid-template-columns:1fr;padding:0;overflow:hidden}.lead-news-v2 .news-image-v2{height:188px;border-radius:0}.lead-news-v2 .news-body-v2{padding:15px}.lead-news-v2 .news-body-v2 h3{font-size:21px}.lead-news-v2 .news-body-v2 p{-webkit-line-clamp:3;font-size:14px}.empty-state-v2{display:grid!important;gap:8px;place-items:center;border-radius:28px!important;background:rgba(255,255,255,.88)!important}.empty-state-v2 i{font-size:32px;color:var(--home-blue)}.empty-state-v2 b{font-size:18px;color:var(--home-ink)}.empty-state-v2 span{color:var(--home-muted);font-weight:800}
/* Compatibility for older cards loaded by AJAX inside the redesigned list */
.featured-news-v2 .news-card:not(.news-card-v2){border-radius:24px;box-shadow:0 12px 28px rgba(20,70,120,.07);border-color:var(--home-line)}
@media (min-width:768px){.home-hero-v2{margin:18px 18px 0}.home-section-v2{padding-left:18px;padding-right:18px}.cat-grid-v2{grid-template-columns:repeat(3,1fr)}.lead-news-v2 .news-image-v2{height:220px}}
@media (max-width:430px){.home-hero-v2{margin:12px 12px 0;border-radius:30px;min-height:292px}.hero-content-v2{min-height:292px;padding:24px 18px 18px}.hero-content-v2 h1{font-size:27px}.hero-content-v2 p{font-size:14px}.hero-metrics-v2{gap:8px}.metric-card-v2{min-height:54px;font-size:13.5px}.home-section-v2{padding-left:12px;padding-right:12px}.ad-slide-v2{min-height:190px}.ad-content-v2{padding:18px;max-width:84%}.ad-content-v2 h2{font-size:24px}.ad-content-v2 strong{font-size:32px}.service-card-v2{grid-template-columns:50px 1fr 32px;border-radius:24px}.service-icon-v2{width:50px;height:50px}.cat-grid-v2{gap:10px}.cat-card-v2{min-height:132px;border-radius:24px;padding:13px}.cat-title-v2{font-size:17px}.news-card-v2{grid-template-columns:98px minmax(0,1fr);gap:10px}.news-image-v2{height:98px}.lead-news-v2{grid-template-columns:1fr}.lead-news-v2 .news-image-v2{height:170px}.section-head-v2 h2{font-size:19px}.section-head-v2 a,.section-chip-v2{padding:7px 9px}}
@media (max-width:350px){.cat-grid-v2,.hero-metrics-v2{grid-template-columns:1fr}.news-card-v2{grid-template-columns:1fr}.news-image-v2{height:150px}.ad-content-v2{max-width:92%}}


/* =========================================================
   HOME V3 — user photo hero + premium image-backed homepage
   ========================================================= */
.app-shell{
  background:
    linear-gradient(180deg,rgba(246,251,255,.90),rgba(255,255,255,.92) 42%,rgba(246,251,255,.94) 100%),
    url('../img/mina-hero.jpeg') center top / cover fixed no-repeat!important;
}
.app-shell:before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.92)),
    url('../img/mina-hero.jpeg') center 10% / cover no-repeat!important;
  opacity:.28!important;
  filter:saturate(1.08) contrast(1.02)!important;
}
.home-v2{
  position:relative;
  background:
    radial-gradient(circle at 8% 8%,rgba(39,131,222,.13),transparent 28%),
    linear-gradient(180deg,rgba(246,251,255,.70),rgba(255,255,255,.82) 34%,rgba(246,251,255,.90) 100%);
}
.home-v2:before{
  content:"";
  position:absolute;
  inset:320px 0 0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.94)),
    url('../img/mina-hero.jpeg') center top / cover no-repeat;
  opacity:.35;
  pointer-events:none;
  z-index:-1;
}
.image-hero-v3{
  min-height:0!important;
  height:360px!important;
  padding:0!important;
  display:block!important;
  background:#0b1724!important;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 24px 52px rgba(21,90,142,.24), 0 1px 0 rgba(255,255,255,.70) inset!important;
}
.image-hero-v3:before,
.image-hero-v3:after,
.image-hero-v3 .hero-orb,
.image-hero-v3 .hero-content-v2{
  display:none!important;
}
.hero-city-photo-v3{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.08) contrast(1.04) brightness(1.02);
}
.image-hero-v3:has(.hero-city-photo-v3)::selection{background:transparent}
.home-status-strip-v3{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:12px 14px 0;
  margin-top:-42px;
  position:relative;
  z-index:5;
}
.home-status-strip-v3 .metric-card-v2{
  min-height:60px;
  color:#fff;
  background:linear-gradient(135deg,rgba(9,40,67,.86),rgba(21,90,142,.76));
  border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 28px rgba(11,38,63,.22), inset 0 1px 0 rgba(255,255,255,.22);
}
.home-status-strip-v3 .metric-card-v2.live{
  background:linear-gradient(135deg,rgba(160,38,50,.88),rgba(231,72,86,.72));
}
.home-status-strip-v3 .metric-card-v2 i{
  background:rgba(255,255,255,.18);
  color:#fff;
}
.home-section-v2{
  position:relative;
}
.hero-ad-section-v2,
.categories-section-v2,
.news-section-v2{
  border-radius:32px;
  margin:16px 12px 0;
  padding:16px 12px 0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.91));
  border:1px solid rgba(213,226,239,.70);
  box-shadow:0 16px 38px rgba(20,70,120,.08);
  backdrop-filter:blur(16px);
  overflow:hidden;
}
.hero-ad-section-v2:before,
.categories-section-v2:before,
.news-section-v2:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/mina-hero.jpeg') center / cover no-repeat;
  opacity:.045;
  pointer-events:none;
}
.service-grid-v2{
  margin-top:2px;
}
.service-card-v2,
.cat-card-v2,
.news-card-v2,
.premium-carousel-v2{
  box-shadow:0 14px 32px rgba(17,61,97,.09)!important;
}
.cat-card-v2,
.news-card-v2,
.service-card-v2{
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(10px);
}
.news-section-v2{
  padding-bottom:16px!important;
}
.featured-news-v2{
  position:relative;
  z-index:1;
}
.lead-news-v2 .news-image-v2{
  height:210px;
}
.lead-news-v2 .news-image-v2 img{
  object-position:center center;
}
.section-head-v2{
  position:relative;
  z-index:1;
}
@media (min-width:768px){
  .image-hero-v3{height:390px!important;margin-left:18px;margin-right:18px}
  .home-status-strip-v3{padding-left:22px;padding-right:22px;margin-top:-46px}
  .hero-ad-section-v2,.categories-section-v2,.news-section-v2{margin-left:18px;margin-right:18px;padding-left:14px!important;padding-right:14px!important}
}
@media (max-width:430px){
  .image-hero-v3{height:330px!important;border-radius:32px!important;margin-top:12px!important}
  .hero-city-photo-v3{object-position:center center}
  .home-status-strip-v3{padding-left:18px;padding-right:18px;margin-top:-38px;gap:8px}
  .home-status-strip-v3 .metric-card-v2{min-height:56px;font-size:13px;border-radius:20px}
  .hero-ad-section-v2,.categories-section-v2,.news-section-v2{border-radius:28px;margin-left:10px;margin-right:10px;padding-left:10px!important;padding-right:10px!important}
  .lead-news-v2 .news-image-v2{height:185px}
}
@media (max-width:350px){
  .image-hero-v3{height:300px!important}
  .home-status-strip-v3{grid-template-columns:1fr;margin-top:-32px}
}


/* =========================================================
   PERFORMANCE + REAL COUNTS FIX
   Fast scrolling on mobile: no fixed backgrounds/heavy blur.
   ========================================================= */
html{scroll-behavior:auto!important}
body,
.app-shell{
  background-attachment:scroll!important;
}
body{
  background:
    linear-gradient(180deg,rgba(246,251,255,.94),rgba(255,255,255,.98) 48%,rgba(246,251,255,.96))!important;
}
.app-shell{
  background:
    linear-gradient(180deg,rgba(246,251,255,.96),rgba(255,255,255,.98) 45%,rgba(246,251,255,.96)),
    url('../img/mina-hero.jpeg') center top / 100% auto no-repeat!important;
}
.app-shell:before,
.home-v2:before,
.hero-ad-section-v2:before,
.categories-section-v2:before,
.news-section-v2:before{
  background-attachment:scroll!important;
  filter:none!important;
}
.topbar,
.bottom-nav,
.home-status-strip-v3 .metric-card-v2,
.hero-ad-section-v2,
.categories-section-v2,
.news-section-v2,
.service-card-v2,
.cat-card-v2,
.news-card-v2{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.service-card-v2,
.cat-card-v2,
.news-card-v2,
.premium-carousel-v2,
.image-hero-v3,
.hero-ad-section-v2,
.categories-section-v2,
.news-section-v2{
  box-shadow:0 8px 20px rgba(17,61,97,.08)!important;
}
.hero-city-photo-v3{
  filter:none!important;
  transform:translateZ(0);
}
.cat-card-v2:hover,
.news-card-v2:hover,
.service-card-v2:hover,
.cat-card:hover,
.directory-card:hover,
.info-card:hover{
  transform:none!important;
}
@media(max-width:540px){
  *{
    scroll-margin-top:0;
  }
  .breaking-marquee span{
    animation-duration:36s!important;
  }
}
@media (prefers-reduced-motion: no-preference){
  .service-card-v2,
  .cat-card-v2,
  .news-card-v2{
    transition:box-shadow .12s ease!important;
  }
}


/* =========================================================
   ULTRA MOBILE SCROLL FIX
   Removes GPU-expensive effects that make phone scrolling slow.
   ========================================================= */
@media (max-width:768px){
  html,
  body{
    scroll-behavior:auto!important;
    overscroll-behavior-y:auto!important;
  }
  *,
  *:before,
  *:after{
    animation:none!important;
    transition:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    will-change:auto!important;
  }
  body{
    background:#f6fbff!important;
    padding-bottom:150px!important;
  }
  .app-shell{
    overflow-x:hidden!important;
    overflow-y:visible!important;
    background:#f6fbff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .app-shell:before,
  .home-v2:before,
  .hero-ad-section-v2:before,
  .categories-section-v2:before,
  .news-section-v2:before,
  .hero-wrap:before,
  .cat-card-v2:after,
  .ad-slide:after{
    display:none!important;
    content:none!important;
  }
  .topbar{
    position:relative!important;
    top:auto!important;
    background:#fff!important;
    box-shadow:none!important;
    border-bottom:1px solid #e6eef7!important;
  }
  .image-hero-v3{
    height:300px!important;
    margin:10px 12px 0!important;
    border-radius:24px!important;
    overflow:hidden!important;
    box-shadow:none!important;
    border:1px solid #dce8f4!important;
    contain:layout paint!important;
  }
  .hero-city-photo-v3{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transform:none!important;
  }
  .home-status-strip-v3{
    margin-top:10px!important;
    padding:0 12px!important;
    position:relative!important;
    z-index:1!important;
  }
  .home-status-strip-v3 .metric-card-v2{
    color:#155a8e!important;
    background:#fff!important;
    border:1px solid #dce8f4!important;
    box-shadow:none!important;
  }
  .home-status-strip-v3 .metric-card-v2.live{
    color:#c92a2a!important;
    background:#fff5f5!important;
  }
  .home-status-strip-v3 .metric-card-v2 i{
    color:inherit!important;
    background:#eef6ff!important;
  }
  .hero-ad-section-v2,
  .categories-section-v2,
  .news-section-v2{
    margin:14px 10px 0!important;
    padding:14px 10px!important;
    border-radius:22px!important;
    background:#fff!important;
    box-shadow:none!important;
    border:1px solid #e2edf7!important;
    contain:layout paint!important;
  }
  .home-section-v2:not(.hero-ad-section-v2):not(.categories-section-v2):not(.news-section-v2){
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .premium-carousel-v2,
  .service-card-v2,
  .cat-card-v2,
  .news-card-v2,
  .article,
  .request-card,
  .directory-card,
  .info-card,
  .admin-card,
  .empty-state{
    box-shadow:none!important;
    background:#fff!important;
    border:1px solid #e2edf7!important;
    contain:layout paint!important;
  }
  .ad-slide-v2{
    min-height:170px!important;
    contain:layout paint!important;
  }
  .ad-shade-v2{
    background:rgba(0,0,0,.42)!important;
  }
  .ad-content-v2 strong{
    text-shadow:none!important;
  }
  .service-card-v2,
  .cat-card-v2,
  .news-card-v2{
    border-radius:20px!important;
  }
  .cat-card-v2{
    min-height:124px!important;
  }
  .cat-card-v2:before{
    opacity:.08!important;
  }
  .news-image-v2,
  .lead-news-v2 .news-image-v2{
    contain:layout paint!important;
  }
  .lead-news-v2 .news-image-v2{
    height:165px!important;
  }
  .bottom-nav,
  .breaking-footer{
    box-shadow:none!important;
    transform:translate3d(-50%,0,0)!important;
    backface-visibility:hidden!important;
    contain:layout paint!important;
  }
  .bottom-nav{
    background:#fff!important;
    border-top:1px solid #dce8f4!important;
    height:70px!important;
  }
  .breaking-footer{
    background:#fff!important;
    bottom:70px!important;
  }
  .breaking-marquee span{
    animation:none!important;
    transform:none!important;
    padding-inline-start:0!important;
  }
  img,
  svg,
  video,
  iframe{
    max-width:100%!important;
  }
}


/* =========================================================
   FINAL PHONE SCROLL HOTFIX
   Cause: fixed overlays + repeated background images + blur/shadows force mobile browsers to repaint while scrolling.
   This patch makes mobile scrolling lightweight.
   ========================================================= */
@media (max-width:768px){
  body,
  .app-shell,
  .home-v2{
    background:#f6fbff!important;
  }
  .app-shell:before,
  .home-v2:before,
  .hero-ad-section-v2:before,
  .categories-section-v2:before,
  .news-section-v2:before,
  .cat-card-v2:before,
  .cat-card:before{
    display:none!important;
    background:none!important;
  }
  .breaking-footer{
    position:static!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    transform:none!important;
    margin:12px 10px 0!important;
    border-radius:18px!important;
    z-index:1!important;
  }
  body{padding-bottom:86px!important}
  .app-shell{padding-bottom:86px!important}
  .bottom-nav{
    position:fixed!important;
    height:66px!important;
    border-radius:20px 20px 0 0!important;
    box-shadow:none!important;
  }
  .bottom-nav a{margin:6px 4px!important;min-height:50px!important}
  .bottom-nav i{font-size:19px!important}
  .bottom-nav span{font-size:10.5px!important}
  .premium-carousel-v2,
  .ad-slide-v2,
  .image-hero-v3,
  .news-image-v2,
  .service-card-v2,
  .cat-card-v2,
  .news-card-v2{
    transform:none!important;
    perspective:none!important;
    backface-visibility:visible!important;
    contain:content!important;
  }
  .service-card-v2:before{width:4px!important}
  .count-badge-v2,
  .count-badge{
    box-shadow:none!important;
  }
}


/* =========================================================
   EYE-CATCHING MAIN CATEGORIES
   جذّب الأقسام الرئيسية بدون إبطاء الهاتف
   ========================================================= */
.categories-section-v2{
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,251,255,.98))!important;
  border:1px solid #dceaf7!important;
}
.categories-section-v2 .section-head-v2{
  margin-bottom:16px!important;
}
.categories-section-v2 .section-eyebrow-v2{
  background:linear-gradient(135deg,#eaf4ff,#ffffff)!important;
  color:#155a8e!important;
  border-color:#cfe7ff!important;
}
.cat-grid-v2{
  gap:14px!important;
}
.cat-card-v2{
  isolation:isolate!important;
  min-height:156px!important;
  padding:16px 14px!important;
  border:0!important;
  border-radius:28px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,255,255,.38),transparent 28%),
    radial-gradient(circle at 92% 92%,rgba(255,255,255,.16),transparent 34%),
    linear-gradient(135deg,var(--cat-color,#2783de),color-mix(in srgb,var(--cat-color,#2783de) 70%,#071b35))!important;
  box-shadow:0 14px 28px color-mix(in srgb,var(--cat-color,#2783de) 24%,transparent)!important;
  overflow:hidden!important;
  position:relative!important;
}
.cat-card-v2:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-42px auto auto -46px!important;
  width:128px!important;
  height:128px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
}
.cat-card-v2:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto -28px -34px auto!important;
  width:116px!important;
  height:116px!important;
  border-radius:34px!important;
  background:rgba(255,255,255,.12)!important;
  transform:rotate(18deg)!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
}
.cat-card-v2:nth-child(1){
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.40),transparent 28%),linear-gradient(135deg,#2783de,#102f4c)!important;
}
.cat-card-v2:nth-child(2){
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.38),transparent 28%),linear-gradient(135deg,#e74856,#7a1d2a)!important;
}
.cat-card-v2:nth-child(3){
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.38),transparent 28%),linear-gradient(135deg,#2f9e44,#075f3f)!important;
}
.cat-card-v2:nth-child(4){
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.38),transparent 28%),linear-gradient(135deg,#f59f00,#8a4b00)!important;
}
.cat-card-v2:nth-child(5){
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.38),transparent 28%),linear-gradient(135deg,#7c3aed,#35156f)!important;
}
.cat-card-v2:nth-child(6){
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.38),transparent 28%),linear-gradient(135deg,#0891b2,#0f4c5c)!important;
}
.cat-icon-v2{
  position:relative!important;
  z-index:2!important;
  width:58px!important;
  height:58px!important;
  border-radius:22px!important;
  color:#fff!important;
  background:rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  font-size:27px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.cat-title-v2{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1.25!important;
  margin-top:14px!important;
  text-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}
.cat-card-v2 small{
  position:relative!important;
  z-index:2!important;
  width:max-content!important;
  max-width:100%!important;
  color:rgba(255,255,255,.92)!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  font-size:11.5px!important;
  font-weight:900!important;
}
.count-badge-v2{
  z-index:3!important;
  top:12px!important;
  left:12px!important;
  min-width:32px!important;
  height:32px!important;
  color:#fff!important;
  background:#ff3b4e!important;
  border:2px solid rgba(255,255,255,.82)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
.cat-card-v2:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 34px color-mix(in srgb,var(--cat-color,#2783de) 30%,transparent)!important;
}
@media(max-width:768px){
  .cat-grid-v2{gap:12px!important}
  .cat-card-v2{
    min-height:148px!important;
    padding:15px 13px!important;
    box-shadow:0 8px 18px rgba(17,61,97,.12)!important;
    contain:layout paint!important;
  }
  .cat-card-v2:hover{transform:none!important}
  .cat-icon-v2{width:54px!important;height:54px!important;font-size:25px!important;border-radius:20px!important}
  .cat-title-v2{font-size:19px!important}
}
@media(max-width:350px){
  .cat-grid-v2{grid-template-columns:1fr!important}
  .cat-card-v2{min-height:128px!important}
}


/* =========================================================
   RESTORE FIXED BREAKING NEWS FOOTER
   رجوع الخبر العاجل ثابت فوق شريط التنقل مثل السابق
   ========================================================= */
@media (max-width:768px){
  body{
    padding-bottom:150px!important;
  }
  .app-shell{
    padding-bottom:150px!important;
  }
  .bottom-nav{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    width:min(540px,100%)!important;
    height:70px!important;
    transform:translateX(-50%)!important;
    z-index:70!important;
    background:#fff!important;
    border:1px solid #dce8f4!important;
    border-bottom:0!important;
    border-radius:22px 22px 0 0!important;
  }
  .breaking-footer{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:70px!important;
    width:min(540px,100%)!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    z-index:69!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    background:rgba(255,255,255,.99)!important;
    border-top:1px solid #dce8f4!important;
    border-left:1px solid #dce8f4!important;
    border-right:1px solid #dce8f4!important;
    border-radius:18px 18px 0 0!important;
    padding:8px 12px!important;
    box-shadow:0 -4px 14px rgba(20,70,120,.08)!important;
    contain:layout paint!important;
  }
  .breaking-label{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    background:#e03131!important;
    color:#fff!important;
    border-radius:12px!important;
    padding:6px 10px!important;
    font-weight:900!important;
    font-size:13px!important;
  }
  .breaking-marquee{
    min-width:0!important;
    flex:1!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    color:#2b2f3a!important;
    font-weight:800!important;
  }
  .breaking-marquee span{
    display:inline-block!important;
    padding-inline-start:100%!important;
    animation:marquee 24s linear infinite!important;
    transform:none;
  }
}
@media (min-width:769px){
  .breaking-footer{
    position:fixed!important;
    left:50%!important;
    bottom:74px!important;
    width:min(540px,100%)!important;
    transform:translateX(-50%)!important;
    z-index:69!important;
  }
}


/* =========================================================
   MOBILE BREAKING NEWS VISIBILITY FIX
   يضمن ظهور نص الخبر العاجل فوراً على الهاتف بدون انتظار الحركة
   ========================================================= */
.breaking-footer{
  min-height:48px!important;
}
.breaking-marquee{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  direction:rtl!important;
}
.breaking-marquee span{
  display:inline-block!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  padding-inline-start:0!important;
  padding-inline-end:24px!important;
  animation:breakingNewsVisibleRtl 18s linear infinite!important;
}
@keyframes breakingNewsVisibleRtl{
  0%{transform:translateX(-8%)}
  50%{transform:translateX(42%)}
  100%{transform:translateX(-8%)}
}
@media(max-width:768px){
  body{padding-bottom:150px!important}
  .app-shell{padding-bottom:150px!important}
  .breaking-footer{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:70px!important;
    width:min(540px,100%)!important;
    transform:translateX(-50%)!important;
    z-index:9998!important;
    background:#fff!important;
    color:#1d2733!important;
    border-top:1px solid #dce8f4!important;
    border-left:1px solid #dce8f4!important;
    border-right:1px solid #dce8f4!important;
    border-radius:18px 18px 0 0!important;
    padding:8px 12px!important;
    box-shadow:0 -4px 14px rgba(20,70,120,.10)!important;
    pointer-events:auto!important;
  }
  .breaking-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    background:#e03131!important;
    color:#fff!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .breaking-marquee{
    flex:1!important;
    color:#1d2733!important;
    font-weight:900!important;
  }
  .breaking-marquee span{
    color:#1d2733!important;
    animation:breakingNewsVisibleRtl 18s linear infinite!important;
  }
  .bottom-nav{
    z-index:9999!important;
  }
}


/* =========================================================
   MOBILE MARQUEE RUNNING FIX
   تشغيل حركة الخبر العاجل على الهاتف مثل الكمبيوتر
   ========================================================= */
@keyframes mobileBreakingMarqueeRtl{
  0%{
    transform:translate3d(-100%,0,0);
  }
  100%{
    transform:translate3d(100%,0,0);
  }
}
@-webkit-keyframes mobileBreakingMarqueeRtl{
  0%{
    -webkit-transform:translate3d(-100%,0,0);
            transform:translate3d(-100%,0,0);
  }
  100%{
    -webkit-transform:translate3d(100%,0,0);
            transform:translate3d(100%,0,0);
  }
}
@media(max-width:768px){
  .breaking-footer,
  .breaking-footer *{
    animation-play-state:running!important;
    -webkit-animation-play-state:running!important;
  }
  .breaking-marquee{
    overflow:hidden!important;
    white-space:nowrap!important;
    direction:rtl!important;
  }
  body .breaking-footer .breaking-marquee span{
    display:inline-block!important;
    width:max-content!important;
    min-width:max-content!important;
    white-space:nowrap!important;
    padding-inline-start:100%!important;
    padding-inline-end:100%!important;
    transform:translate3d(-100%,0,0);
    will-change:transform!important;
    animation-name:mobileBreakingMarqueeRtl!important;
    animation-duration:14s!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
    animation-play-state:running!important;
    -webkit-animation-name:mobileBreakingMarqueeRtl!important;
    -webkit-animation-duration:14s!important;
    -webkit-animation-timing-function:linear!important;
    -webkit-animation-iteration-count:infinite!important;
    -webkit-animation-play-state:running!important;
  }
}


/* =========================================================
   CHROME MOBILE JS MARQUEE SUPPORT
   JS controls transform; CSS only guarantees visibility.
   ========================================================= */
@media(max-width:768px){
  .breaking-footer{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:hidden!important;
  }
  .breaking-marquee{
    overflow:hidden!important;
    white-space:nowrap!important;
    min-width:0!important;
  }
  .breaking-marquee span{
    display:inline-block!important;
    white-space:nowrap!important;
    min-width:max-content!important;
  }
}


/* =========================================================
   LIGHT FULL-PAGE BANNER BACKGROUND
   خلفية خفيفة من صورة البانر على كامل الصفحة بدون إبطاء الهاتف
   ========================================================= */
body,
.app-shell,
.home-v2{
  background-attachment:scroll!important;
}
body{
  background:
    linear-gradient(180deg,rgba(246,251,255,.88),rgba(255,255,255,.92) 38%,rgba(246,251,255,.90)),
    url('../img/mina-hero.jpeg') center top / cover no-repeat!important;
}
.app-shell{
  background:
    linear-gradient(180deg,rgba(246,251,255,.78),rgba(255,255,255,.88) 45%,rgba(246,251,255,.86)),
    url('../img/mina-hero.jpeg') center top / 100% auto repeat-y!important;
}
.home-v2{
  background:
    linear-gradient(180deg,rgba(246,251,255,.72),rgba(255,255,255,.84) 35%,rgba(246,251,255,.82)),
    url('../img/mina-hero.jpeg') center top / 100% auto repeat-y!important;
}
.hero-ad-section-v2,
.categories-section-v2,
.news-section-v2{
  background:
    linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.93)),
    url('../img/mina-hero.jpeg') center top / cover no-repeat!important;
}
.service-card-v2,
.cat-card-v2,
.news-card-v2,
.article,
.form-page,
.advanced-filter-card{
  background-color:rgba(255,255,255,.93)!important;
}
@media(max-width:768px){
  body{
    background:
      linear-gradient(180deg,rgba(246,251,255,.88),rgba(255,255,255,.93) 42%,rgba(246,251,255,.90)),
      url('../img/mina-hero.jpeg') center top / 100% auto repeat-y!important;
  }
  .app-shell,
  .home-v2{
    background:
      linear-gradient(180deg,rgba(246,251,255,.82),rgba(255,255,255,.91) 44%,rgba(246,251,255,.88)),
      url('../img/mina-hero.jpeg') center top / 100% auto repeat-y!important;
  }
  .hero-ad-section-v2,
  .categories-section-v2,
  .news-section-v2{
    background:
      linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.96)),
      url('../img/mina-hero.jpeg') center top / cover no-repeat!important;
  }
}


/* =========================================================
   3POLI PROFESSIONAL LOGO + ATTRACTIVE AJAX LOAD MORE
   ========================================================= */
.brand-topbar{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:82px!important;
  padding:12px 54px 10px!important;
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid #dce8f4!important;
  box-shadow:0 8px 22px rgba(21,90,142,.08)!important;
}
.site-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:148px!important;
  height:52px!important;
  border-radius:20px!important;
  transform:translateZ(0);
}
.site-logo img{
  display:block!important;
  width:140px!important;
  height:auto!important;
  max-height:48px!important;
}
.page-title-under-logo{
  font-size:13px!important;
  line-height:1.2!important;
  color:#667085!important;
  font-weight:900!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.brand-topbar .back{
  position:absolute!important;
  right:16px!important;
  top:22px!important;
  color:#155a8e!important;
  background:#eaf4ff!important;
  width:40px!important;
  height:40px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  font-size:19px!important;
}
.load-more-wrap{
  text-align:center!important;
  margin:20px 0 22px!important;
}
.load-more-pro{
  border:0!important;
  min-width:210px!important;
  min-height:58px!important;
  border-radius:22px!important;
  display:inline-grid!important;
  grid-template-columns:36px 1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
  padding:10px 18px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2783de,#155a8e)!important;
  box-shadow:0 12px 26px rgba(21,90,142,.24)!important;
  font-weight:900!important;
  text-align:right!important;
}
.load-more-pro i{
  grid-row:1/3!important;
  width:36px!important;
  height:36px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
}
.load-more-pro span{
  font-size:15px!important;
  line-height:1.1!important;
}
.load-more-pro small{
  display:block!important;
  color:rgba(255,255,255,.78)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.1!important;
}
.load-more-pro.is-loading{
  opacity:.82!important;
  cursor:wait!important;
}
@media(max-width:768px){
  .brand-topbar{
    position:sticky!important;
    min-height:72px!important;
    padding:9px 52px 8px!important;
    box-shadow:0 4px 12px rgba(21,90,142,.06)!important;
  }
  .site-logo{width:128px!important;height:44px!important}
  .site-logo img{width:124px!important;max-height:42px!important}
  .page-title-under-logo{font-size:12px!important}
  .brand-topbar .back{top:16px!important;width:38px!important;height:38px!important}
  .load-more-pro{
    min-width:190px!important;
    min-height:54px!important;
    box-shadow:none!important;
  }
}


/* =========================================================
   FINAL LOGO SCROLL POLISH
   اللوغو يبقى ظاهر أثناء النزول لكن بحجم هادئ وغير مزعج
   ========================================================= */
.brand-topbar{
  backdrop-filter:saturate(1.1) blur(10px)!important;
  -webkit-backdrop-filter:saturate(1.1) blur(10px)!important;
}
@media(max-width:768px){
  .brand-topbar{
    min-height:64px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  .site-logo{width:116px!important;height:40px!important}
  .site-logo img{width:114px!important;max-height:39px!important}
}


/* =========================================================
   BANNER-INTEGRATED 3POLI LOGO — NO STICKY HEADER LOGO
   اللوغو داخل صورة البانر فقط، بدون ثبات مزعج
   ========================================================= */
.brand-topbar,
.clean-topbar{
  position:relative!important;
  top:auto!important;
  min-height:64px!important;
  padding:16px 54px 14px!important;
  background:#fff!important;
  border-bottom:1px solid #dce8f4!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.site-logo,
.site-logo img,
.page-title-under-logo{
  display:none!important;
}
.clean-topbar .title{
  font-size:19px!important;
  font-weight:900!important;
  color:#182433!important;
  text-align:center!important;
}
.clean-topbar .back{
  position:absolute!important;
  right:16px!important;
  top:13px!important;
  width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  display:grid!important;
  place-items:center!important;
  color:#155a8e!important;
  background:#eaf4ff!important;
  font-size:18px!important;
}
.hero-with-logo-v4{
  position:relative!important;
  margin-top:14px!important;
}
.hero-with-logo-v4:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(5,18,32,.08) 0%,rgba(5,18,32,.08) 48%,rgba(5,18,32,.42) 100%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.22),transparent 24%)!important;
}
.hero-logo-v4{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:52px 1fr!important;
  align-items:center!important;
  gap:12px!important;
  min-width:212px!important;
  max-width:calc(100% - 36px)!important;
  padding:12px 14px!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(135deg,rgba(6,30,50,.72),rgba(21,90,142,.58))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.hero-logo-mark-v4{
  width:52px!important;
  height:52px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#72d4ff,#2783de)!important;
  color:#fff!important;
  font-size:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 8px 18px rgba(39,131,222,.35)!important;
}
.hero-logo-copy-v4{
  display:block!important;
  direction:ltr!important;
  text-align:left!important;
  line-height:1!important;
}
.hero-logo-copy-v4 strong{
  display:block!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:32px!important;
  letter-spacing:-1px!important;
  font-weight:900!important;
  color:#fff!important;
  text-shadow:0 3px 12px rgba(0,0,0,.22)!important;
}
.hero-logo-copy-v4 strong span{
  color:#bfe7ff!important;
  font-size:.68em!important;
  letter-spacing:0!important;
}
.hero-logo-copy-v4 small{
  display:block!important;
  margin-top:5px!important;
  color:rgba(255,255,255,.78)!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:1.7px!important;
  text-transform:uppercase!important;
}
@media(max-width:768px){
  .brand-topbar,
  .clean-topbar{
    position:relative!important;
    min-height:58px!important;
    padding:13px 52px 11px!important;
  }
  .hero-with-logo-v4{
    margin-top:10px!important;
  }
  .hero-logo-v4{
    right:14px!important;
    bottom:14px!important;
    grid-template-columns:46px 1fr!important;
    min-width:188px!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-radius:21px!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:linear-gradient(135deg,rgba(6,30,50,.82),rgba(21,90,142,.72))!important;
  }
  .hero-logo-mark-v4{
    width:46px!important;
    height:46px!important;
    border-radius:17px!important;
    font-size:21px!important;
  }
  .hero-logo-copy-v4 strong{
    font-size:27px!important;
  }
  .hero-logo-copy-v4 small{
    font-size:9px!important;
    letter-spacing:1.2px!important;
  }
}
@media(max-width:350px){
  .hero-logo-v4{
    min-width:168px!important;
  }
  .hero-logo-copy-v4 strong{
    font-size:24px!important;
  }
}


/* =========================================================
   CENTER TRANSPARENT LOGO V5
   لوغو جديد بالكامل في منتصف صورة البانر، شفاف واحترافي
   ========================================================= */
.hero-logo-v4,
.hero-logo-mark-v4,
.hero-logo-copy-v4{
  display:none!important;
}
.hero-logo-v5{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate(-50%,-50%)!important;
  z-index:5!important;
  width:min(310px,78%)!important;
  min-height:142px!important;
  padding:22px 24px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,rgba(5,22,38,.30),rgba(5,22,38,.18))!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(8px) saturate(1.10)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.10)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero-logo-v5:before{
  content:""!important;
  position:absolute!important;
  inset:10px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.hero-logo-v5:after{
  content:""!important;
  position:absolute!important;
  width:170px!important;
  height:170px!important;
  right:-70px!important;
  top:-88px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(114,212,255,.28),transparent 64%)!important;
  pointer-events:none!important;
  z-index:-1!important;
}
.logo-line-v5{
  width:58px!important;
  height:4px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,transparent,#ffffff,transparent)!important;
  opacity:.95!important;
  margin-bottom:12px!important;
}
.logo-main-v5{
  direction:ltr!important;
  display:block!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:43px!important;
  line-height:.95!important;
  letter-spacing:-1.8px!important;
  font-weight:900!important;
  color:rgba(255,255,255,.96)!important;
  text-shadow:0 5px 22px rgba(0,0,0,.36)!important;
}
.logo-main-v5 span{
  color:rgba(191,231,255,.95)!important;
  font-size:.56em!important;
  letter-spacing:-.2px!important;
}
.logo-sub-v5{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:9px!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.90)!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.2px!important;
}
.logo-wave-v5{
  display:flex!important;
  gap:5px!important;
  margin-top:13px!important;
  direction:ltr!important;
}
.logo-wave-v5 em{
  display:block!important;
  width:32px!important;
  height:8px!important;
  border:2px solid rgba(255,255,255,.74)!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0 0 999px 999px!important;
  transform:translateY(-2px)!important;
}
.logo-wave-v5 em:nth-child(2){opacity:.72!important;transform:translateY(2px)!important}
.logo-wave-v5 em:nth-child(3){opacity:.50!important;transform:translateY(-2px)!important}
@media(max-width:768px){
  .hero-logo-v5{
    width:min(276px,76%)!important;
    min-height:126px!important;
    padding:18px 18px 15px!important;
    border-radius:30px!important;
    backdrop-filter:blur(5px) saturate(1.05)!important;
    -webkit-backdrop-filter:blur(5px) saturate(1.05)!important;
  }
  .logo-main-v5{font-size:37px!important;letter-spacing:-1.4px!important}
  .logo-sub-v5{font-size:12px!important;margin-top:8px!important;padding:5px 10px!important}
  .logo-wave-v5{margin-top:11px!important}
  .logo-wave-v5 em{width:27px!important}
}
@media(max-width:350px){
  .hero-logo-v5{width:250px!important;min-height:118px!important}
  .logo-main-v5{font-size:33px!important}
}


/* =========================================================
   MINIMAL TRANSPARENT 3POLI LOGO V6
   لوغو ناعم وشفاف جداً: فقط 3poli.org بدون زجاج كبير
   ========================================================= */
.hero-logo-v5,
.logo-line-v5,
.logo-sub-v5,
.logo-wave-v5{
  display:none!important;
}
.hero-logo-v6{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:8px 16px!important;
  border-radius:18px!important;
  background:rgba(6,22,36,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  pointer-events:none!important;
}
.logo-main-v6{
  direction:ltr!important;
  display:inline-block!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:42px!important;
  line-height:1!important;
  letter-spacing:-1.8px!important;
  font-weight:900!important;
  color:rgba(255,255,255,.94)!important;
  text-shadow:0 3px 14px rgba(0,0,0,.42)!important;
}
.logo-main-v6 span{
  color:rgba(219,242,255,.92)!important;
  font-size:.56em!important;
  letter-spacing:-.2px!important;
}
@media(max-width:768px){
  .hero-logo-v6{
    padding:7px 13px!important;
    border-radius:16px!important;
    background:rgba(6,22,36,.13)!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.08)!important;
    backdrop-filter:blur(1.5px)!important;
    -webkit-backdrop-filter:blur(1.5px)!important;
  }
  .logo-main-v6{
    font-size:36px!important;
    letter-spacing:-1.4px!important;
  }
}
@media(max-width:350px){
  .logo-main-v6{font-size:32px!important}
  .hero-logo-v6{padding:6px 11px!important}
}


/* =========================================================
   PREMIUM TRANSPARENT GLASS HOME + CATEGORIES
   تصميم زجاجي شفاف وناعم للصفحة الرئيسية والأقسام
   ========================================================= */
:root{
  --glass-white:rgba(255,255,255,.42);
  --glass-white-strong:rgba(255,255,255,.58);
  --glass-border:rgba(255,255,255,.55);
  --glass-border-soft:rgba(214,232,247,.56);
  --glass-ink:#162538;
  --glass-muted:#5f7084;
  --glass-blue:rgba(39,131,222,.16);
  --glass-red:rgba(231,72,86,.14);
  --glass-green:rgba(47,158,68,.13);
  --glass-amber:rgba(245,159,0,.15);
  --glass-purple:rgba(124,58,237,.13);
}
body{
  background:
    linear-gradient(180deg,rgba(236,247,255,.58),rgba(255,255,255,.68) 36%,rgba(238,248,255,.62)),
    url('../img/mina-hero.jpeg') center top / cover no-repeat!important;
}
.app-shell,
.home-v2{
  background:
    linear-gradient(180deg,rgba(238,248,255,.36),rgba(255,255,255,.54) 42%,rgba(238,248,255,.46)),
    url('../img/mina-hero.jpeg') center top / 100% auto repeat-y!important;
}
.home-section-v2,
.hero-ad-section-v2,
.categories-section-v2,
.news-section-v2{
  background:rgba(255,255,255,.34)!important;
  border:1px solid var(--glass-border)!important;
  box-shadow:0 18px 45px rgba(17,61,97,.10), inset 0 1px 0 rgba(255,255,255,.35)!important;
  backdrop-filter:blur(18px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.18)!important;
}
.hero-ad-section-v2:before,
.categories-section-v2:before,
.news-section-v2:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.42),transparent 32%),
    radial-gradient(circle at 100% 85%,rgba(39,131,222,.12),transparent 34%)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.section-head-v2,
.featured-news-v2,
.cat-grid-v2,
.service-grid-v2,
.premium-carousel-v2{
  position:relative!important;
  z-index:1!important;
}
.section-eyebrow-v2,
.section-chip-v2,
.section-head-v2 a{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  color:#155a8e!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.section-head-v2 h2{
  color:var(--glass-ink)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
.service-card-v2,
.news-card-v2,
.lead-news-v2,
.article,
.form-page,
.advanced-filter-card,
.archive-tabs-shell,
.search-box input{
  background:rgba(255,255,255,.46)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 12px 30px rgba(17,61,97,.09), inset 0 1px 0 rgba(255,255,255,.34)!important;
  backdrop-filter:blur(14px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.12)!important;
}
.service-card-v2:before{
  opacity:.75!important;
}
.service-icon-v2,
.cat-icon-v2,
.news-image-v2,
.metric-card-v2 i{
  background:rgba(255,255,255,.34)!important;
  border:1px solid rgba(255,255,255,.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32)!important;
}
.home-status-strip-v3 .metric-card-v2{
  background:rgba(255,255,255,.35)!important;
  color:#123f63!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:0 12px 26px rgba(17,61,97,.12), inset 0 1px 0 rgba(255,255,255,.34)!important;
  backdrop-filter:blur(14px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.14)!important;
}
.home-status-strip-v3 .metric-card-v2.live{
  background:rgba(255,245,247,.44)!important;
  color:#b42330!important;
}
/* أقسام رئيسية زجاجية شفافة مع لون خفيف لكل بطاقة */
.cat-card-v2{
  min-height:156px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  color:var(--glass-ink)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.24)),
    radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--cat-color,#2783de) 22%,transparent),transparent 40%),
    radial-gradient(circle at 96% 95%,rgba(255,255,255,.36),transparent 36%)!important;
  box-shadow:0 14px 34px rgba(17,61,97,.11), inset 0 1px 0 rgba(255,255,255,.42)!important;
  backdrop-filter:blur(16px) saturate(1.16)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.16)!important;
}
.cat-card-v2:nth-child(1),
.cat-card-v2:nth-child(2),
.cat-card-v2:nth-child(3),
.cat-card-v2:nth-child(4),
.cat-card-v2:nth-child(5),
.cat-card-v2:nth-child(6){
  background:
    linear-gradient(145deg,rgba(255,255,255,.54),rgba(255,255,255,.25)),
    radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--cat-color,#2783de) 24%,transparent),transparent 42%),
    radial-gradient(circle at 96% 95%,rgba(255,255,255,.34),transparent 34%)!important;
}
.cat-card-v2:before{
  background:color-mix(in srgb,var(--cat-color,#2783de) 22%,#fff)!important;
  opacity:.28!important;
}
.cat-card-v2:after{
  background:rgba(255,255,255,.20)!important;
  opacity:1!important;
}
.cat-title-v2{
  color:var(--glass-ink)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.56)!important;
}
.cat-card-v2 small{
  color:#25445f!important;
  background:rgba(255,255,255,.38)!important;
  border:1px solid rgba(255,255,255,.50)!important;
}
.cat-icon-v2{
  color:var(--cat-color,#2783de)!important;
  background:rgba(255,255,255,.45)!important;
}
.count-badge-v2{
  background:rgba(255,59,78,.82)!important;
  border:2px solid rgba(255,255,255,.72)!important;
  box-shadow:0 8px 20px rgba(231,72,86,.18)!important;
}
.news-body-v2 h3,
.service-copy-v2 b{
  color:var(--glass-ink)!important;
}
.news-body-v2 p,
.service-copy-v2 small{
  color:var(--glass-muted)!important;
}
.chip-v2,
.chip{
  background:rgba(255,255,255,.42)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.premium-carousel-v2,
.ad-slide-v2{
  border:1px solid rgba(255,255,255,.36)!important;
  box-shadow:0 16px 38px rgba(17,61,97,.12)!important;
}
.load-more-pro{
  background:linear-gradient(135deg,rgba(39,131,222,.72),rgba(21,90,142,.76))!important;
  border:1px solid rgba(255,255,255,.44)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
@media(max-width:768px){
  body,
  .app-shell,
  .home-v2{
    background:
      linear-gradient(180deg,rgba(238,248,255,.60),rgba(255,255,255,.74) 42%,rgba(238,248,255,.66)),
      url('../img/mina-hero.jpeg') center top / 100% auto repeat-y!important;
  }
  .home-section-v2,
  .hero-ad-section-v2,
  .categories-section-v2,
  .news-section-v2,
  .service-card-v2,
  .news-card-v2,
  .cat-card-v2{
    backdrop-filter:blur(8px) saturate(1.06)!important;
    -webkit-backdrop-filter:blur(8px) saturate(1.06)!important;
    box-shadow:0 8px 20px rgba(17,61,97,.08), inset 0 1px 0 rgba(255,255,255,.32)!important;
  }
  .cat-card-v2{
    min-height:146px!important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.30)),
      radial-gradient(circle at 18% 10%,color-mix(in srgb,var(--cat-color,#2783de) 18%,transparent),transparent 42%)!important;
  }
  .cat-title-v2{font-size:19px!important}
  .home-status-strip-v3 .metric-card-v2{
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
}


/* =========================================================
   LIGHT TRANSPARENT FAST UI + NEW MAIN CATEGORIES DESIGN
   خلفية عادية سريعة + شفافية خفيفة بدون blur ثقيل
   ========================================================= */
body,
.app-shell,
.home-v2{
  background-image:none!important;
  background:#f4f8fc!important;
  background-attachment:scroll!important;
}
.app-shell:before,
.home-v2:before,
.hero-ad-section-v2:before,
.categories-section-v2:before,
.news-section-v2:before{
  display:none!important;
  content:none!important;
  background:none!important;
}
.home-section-v2,
.hero-ad-section-v2,
.categories-section-v2,
.news-section-v2,
.service-card-v2,
.news-card-v2,
.lead-news-v2,
.article,
.form-page,
.advanced-filter-card,
.archive-tabs-shell,
.search-box input,
.home-status-strip-v3 .metric-card-v2{
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(210,226,240,.72)!important;
  box-shadow:0 6px 18px rgba(17,61,97,.055)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-ad-section-v2,
.categories-section-v2,
.news-section-v2{
  border-radius:28px!important;
  overflow:hidden!important;
}
.section-eyebrow-v2,
.section-chip-v2,
.section-head-v2 a,
.chip-v2,
.chip{
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(210,226,240,.72)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.service-icon-v2,
.news-image-v2,
.metric-card-v2 i{
  background:rgba(255,255,255,.56)!important;
  border:1px solid rgba(210,226,240,.70)!important;
  box-shadow:none!important;
}
.service-card-v2:before{opacity:.65!important}
.premium-carousel-v2,
.ad-slide-v2{
  box-shadow:0 8px 18px rgba(17,61,97,.08)!important;
  border:1px solid rgba(255,255,255,.40)!important;
}
.categories-section-v2{
  background:rgba(255,255,255,.50)!important;
  padding-bottom:14px!important;
}
.cat-grid-v2{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.cat-card-v2,
.cat-card-v2:nth-child(1),
.cat-card-v2:nth-child(2),
.cat-card-v2:nth-child(3),
.cat-card-v2:nth-child(4),
.cat-card-v2:nth-child(5),
.cat-card-v2:nth-child(6){
  min-height:88px!important;
  padding:12px 13px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-columns:58px 1fr auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:2px!important;
  color:#162538!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.38)),
    linear-gradient(90deg,color-mix(in srgb,var(--cat-color,#2783de) 12%,transparent),transparent 55%)!important;
  border:1px solid rgba(214,229,242,.82)!important;
  box-shadow:0 7px 18px rgba(17,61,97,.055)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  position:relative!important;
}
.cat-card-v2:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:6px!important;
  height:auto!important;
  border-radius:0!important;
  background:var(--cat-color,#2783de)!important;
  opacity:.88!important;
  z-index:1!important;
}
.cat-card-v2:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  width:92px!important;
  height:92px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--cat-color,#2783de) 8%,transparent)!important;
  transform:translateY(-50%)!important;
  opacity:1!important;
  z-index:0!important;
}
.cat-icon-v2{
  grid-column:1!important;
  grid-row:1/3!important;
  position:relative!important;
  z-index:2!important;
  width:54px!important;
  height:54px!important;
  border-radius:19px!important;
  color:var(--cat-color,#2783de)!important;
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(214,229,242,.82)!important;
  font-size:24px!important;
  box-shadow:none!important;
}
.cat-title-v2{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:2!important;
  color:#172437!important;
  font-size:19px!important;
  line-height:1.25!important;
  margin:0!important;
  text-shadow:none!important;
}
.cat-card-v2 small{
  grid-column:2!important;
  grid-row:2!important;
  position:relative!important;
  z-index:2!important;
  width:max-content!important;
  color:#667085!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  font-size:12px!important;
  font-weight:900!important;
}
.count-badge-v2{
  grid-column:3!important;
  grid-row:1/3!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  z-index:2!important;
  min-width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  color:#fff!important;
  background:var(--cat-color,#2783de)!important;
  border:0!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.cat-card-v2:hover{transform:none!important;box-shadow:0 9px 22px rgba(17,61,97,.075)!important}
.load-more-pro{
  background:rgba(39,131,222,.78)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 7px 18px rgba(39,131,222,.16)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(min-width:768px){.cat-grid-v2{grid-template-columns:1fr 1fr!important}}
@media(max-width:768px){
  body,.app-shell,.home-v2{background:#f4f8fc!important}
  .home-section-v2,.hero-ad-section-v2,.categories-section-v2,.news-section-v2,.service-card-v2,.news-card-v2,.cat-card-v2,.home-status-strip-v3 .metric-card-v2{
    background:rgba(255,255,255,.64)!important;
    border-color:rgba(210,226,240,.78)!important;
    box-shadow:0 5px 14px rgba(17,61,97,.05)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .categories-section-v2{padding-bottom:12px!important}
  .cat-grid-v2{grid-template-columns:1fr!important;gap:9px!important}
  .cat-card-v2{min-height:82px!important;border-radius:20px!important;grid-template-columns:52px 1fr auto!important;column-gap:10px!important}
  .cat-icon-v2{width:50px!important;height:50px!important;font-size:22px!important;border-radius:17px!important}
  .cat-title-v2{font-size:18px!important}
  .count-badge-v2{min-width:34px!important;height:34px!important;border-radius:13px!important}
}


/* =========================================================
   PRO SIDE-BY-SIDE MAIN CATEGORY BUTTONS
   الأقسام الرئيسية بجانب بعض مثل السابق لكن بتصميم أخف وأجمل
   ========================================================= */
.categories-section-v2{
  background:rgba(255,255,255,.56)!important;
  border:1px solid rgba(210,226,240,.78)!important;
  box-shadow:0 6px 18px rgba(17,61,97,.055)!important;
  border-radius:28px!important;
  padding-bottom:14px!important;
}
.cat-grid-v2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.cat-card-v2,
.cat-card-v2:nth-child(1),
.cat-card-v2:nth-child(2),
.cat-card-v2:nth-child(3),
.cat-card-v2:nth-child(4),
.cat-card-v2:nth-child(5),
.cat-card-v2:nth-child(6){
  min-height:136px!important;
  padding:13px 11px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  color:#172437!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.42)),
    radial-gradient(circle at 22% 8%,color-mix(in srgb,var(--cat-color,#2783de) 18%,transparent),transparent 44%),
    radial-gradient(circle at 88% 95%,rgba(255,255,255,.54),transparent 36%)!important;
  border:1px solid rgba(214,229,242,.86)!important;
  box-shadow:0 7px 18px rgba(17,61,97,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  position:relative!important;
}
.cat-card-v2:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-42px -42px auto auto!important;
  width:104px!important;
  height:104px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--cat-color,#2783de) 16%,#fff)!important;
  opacity:.65!important;
  z-index:0!important;
}
.cat-card-v2:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto auto -34px -30px!important;
  width:92px!important;
  height:92px!important;
  border-radius:30px!important;
  transform:rotate(18deg)!important;
  background:color-mix(in srgb,var(--cat-color,#2783de) 10%,transparent)!important;
  opacity:1!important;
  z-index:0!important;
}
.cat-icon-v2{
  position:relative!important;
  z-index:2!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:19px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--cat-color,#2783de)!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(214,229,242,.88)!important;
  box-shadow:0 5px 13px rgba(17,61,97,.055)!important;
  font-size:24px!important;
  margin:0!important;
}
.cat-title-v2{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  color:#172437!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:900!important;
  margin:0!important;
  text-shadow:none!important;
}
.cat-card-v2 small{
  position:relative!important;
  z-index:2!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  color:#5f7084!important;
  background:rgba(255,255,255,.56)!important;
  border:1px solid rgba(214,229,242,.76)!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:900!important;
}
.count-badge-v2{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:3!important;
  min-width:30px!important;
  height:30px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:var(--cat-color,#2783de)!important;
  border:2px solid rgba(255,255,255,.78)!important;
  box-shadow:0 6px 14px rgba(17,61,97,.10)!important;
  font-size:12px!important;
  font-weight:900!important;
}
.cat-card-v2:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 24px rgba(17,61,97,.09)!important;
}
@media(max-width:768px){
  .cat-grid-v2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .cat-card-v2{
    min-height:126px!important;
    padding:12px 8px!important;
    border-radius:22px!important;
  }
  .cat-card-v2:hover{transform:none!important}
  .cat-icon-v2{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:17px!important;
    font-size:22px!important;
  }
  .cat-title-v2{font-size:16.5px!important}
  .cat-card-v2 small{font-size:10.5px!important;padding:4px 8px!important}
  .count-badge-v2{top:9px!important;left:9px!important;min-width:28px!important;height:28px!important;font-size:11px!important}
}
@media(max-width:340px){
  .cat-grid-v2{gap:8px!important}
  .cat-card-v2{min-height:118px!important;padding:10px 6px!important}
  .cat-title-v2{font-size:15.5px!important}
}


/* =========================================================
   REALTIME BADGES + BREAKING NEWS BEAUTIFUL UPDATE
   إشعارات الأقسام والعاجل بدون تحديث الصفحة
   ========================================================= */
.count-badge-v2.badge-live-pop,
.count-badge.badge-live-pop{
  animation:badgeLivePop 1.15s ease both!important;
}
@keyframes badgeLivePop{
  0%{transform:scale(1)}
  28%{transform:scale(1.42);box-shadow:0 0 0 9px rgba(255,59,78,.18)}
  58%{transform:scale(.96)}
  100%{transform:scale(1)}
}
.breaking-footer.breaking-new-flash{
  animation:breakingFlash 1.6s ease both!important;
}
@keyframes breakingFlash{
  0%{background:#fff!important;box-shadow:0 -4px 14px rgba(20,70,120,.10)}
  25%{background:#fff3f3!important;box-shadow:0 -8px 28px rgba(224,49,49,.22)}
  100%{background:#fff!important;box-shadow:0 -4px 14px rgba(20,70,120,.10)}
}
.breaking-footer.breaking-new-flash .breaking-label{
  animation:urgentLabelPop 1.2s ease both!important;
}
@keyframes urgentLabelPop{
  0%{transform:scale(1)}
  35%{transform:scale(1.08)}
  100%{transform:scale(1)}
}


/* =========================================================
   NEWS MISSING IMAGE = 3POLI LOGO THUMBNAIL
   أي خبر بدون صورة يظهر لوغو الموقع كمصغّر بنفس الخلفية
   ========================================================= */
.news-logo-thumb,
.news-thumb-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:inherit!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  direction:ltr!important;
  background:
    linear-gradient(135deg,rgba(21,90,142,.78),rgba(39,131,222,.58)),
    url('../img/mina-hero.jpeg') center / cover no-repeat!important;
  color:#fff!important;
  position:relative!important;
  isolation:isolate!important;
}
.news-logo-thumb:before,
.news-thumb-placeholder:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(8,28,48,.30),rgba(8,28,48,.48))!important;
  z-index:-1!important;
}
.news-logo-thumb b,
.news-thumb-placeholder b{
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.8px!important;
  color:rgba(255,255,255,.96)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.38)!important;
  line-height:1!important;
}
.news-logo-thumb b{font-size:21px!important}
.news-thumb-placeholder b{font-size:17px!important}
.news-logo-thumb b span,
.news-thumb-placeholder b span{
  color:rgba(219,242,255,.94)!important;
  font-size:.58em!important;
  letter-spacing:0!important;
}
.news-thumb-placeholder{
  width:96px!important;
  height:92px!important;
  min-width:96px!important;
  border-radius:17px!important;
  background-size:cover!important;
}
.news-card .news-thumb-placeholder{
  grid-column:1!important;
}
.featured-news-v2 .news-card-v2,
.featured-news-v2 .lead-news-v2{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:13px!important;
  padding:10px!important;
  overflow:visible!important;
}
.featured-news-v2 .news-image-v2,
.featured-news-v2 .lead-news-v2 .news-image-v2{
  height:104px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.featured-news-v2 .lead-news-v2 .news-body-v2,
.featured-news-v2 .news-body-v2{
  padding:2px 0 0!important;
}
.featured-news-v2 .lead-news-v2 .news-body-v2 h3,
.featured-news-v2 .news-body-v2 h3{
  font-size:17px!important;
  line-height:1.38!important;
}
.featured-news-v2 .lead-news-v2 .news-body-v2 p,
.featured-news-v2 .news-body-v2 p{
  -webkit-line-clamp:2!important;
  font-size:13px!important;
}
.featured-news-v2 .load-more-pro small{font-size:10.5px!important}
@media(max-width:430px){
  .featured-news-v2 .news-card-v2,
  .featured-news-v2 .lead-news-v2{
    grid-template-columns:98px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .featured-news-v2 .news-image-v2,
  .featured-news-v2 .lead-news-v2 .news-image-v2{
    height:98px!important;
  }
  .news-thumb-placeholder{width:86px!important;height:86px!important;min-width:86px!important}
  .news-logo-thumb b{font-size:18px!important}
  .news-thumb-placeholder b{font-size:15px!important}
}


/* =========================================================
   NEWS DETAIL LOGO PLACEHOLDER + PROFESSIONAL TEXT LAYOUT
   نفس لوغو 3poli.org عند عدم وجود صورة + ضبط نص الأخبار
   ========================================================= */
.article-detail-pro{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(210,226,240,.82)!important;
  border-radius:28px!important;
  box-shadow:0 8px 22px rgba(17,61,97,.06)!important;
  overflow:hidden!important;
}
.details-main-image,
.details-logo-placeholder{
  width:100%!important;
  min-height:230px!important;
  max-height:330px!important;
  border-radius:24px!important;
  margin-bottom:16px!important;
  border:1px solid rgba(210,226,240,.82)!important;
}
.details-main-image{
  object-fit:cover!important;
  background:#eef5fb!important;
}
.details-logo-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  direction:ltr!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(135deg,rgba(21,90,142,.80),rgba(39,131,222,.54)),
    url('../img/mina-hero.jpeg') center / cover no-repeat!important;
  color:#fff!important;
}
.details-logo-placeholder:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(8,28,48,.24),rgba(8,28,48,.50))!important;
  z-index:-1!important;
}
.details-logo-placeholder:after{
  content:""!important;
  position:absolute!important;
  width:180px!important;
  height:180px!important;
  border-radius:999px!important;
  right:-55px!important;
  top:-65px!important;
  background:rgba(255,255,255,.12)!important;
  z-index:-1!important;
}
.details-logo-placeholder b{
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:44px!important;
  font-weight:900!important;
  letter-spacing:-1.8px!important;
  line-height:1!important;
  color:rgba(255,255,255,.96)!important;
  text-shadow:0 3px 16px rgba(0,0,0,.42)!important;
}
.details-logo-placeholder b span{
  color:rgba(219,242,255,.94)!important;
  font-size:.58em!important;
  letter-spacing:0!important;
}
.details-meta-chip{
  margin-top:2px!important;
  margin-bottom:12px!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.55!important;
}
.details-title-pro{
  position:relative!important;
  margin:12px 0 12px!important;
  padding:0 0 14px!important;
  color:#132337!important;
  font-size:28px!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:-.2px!important;
  text-wrap:balance;
}
.details-title-pro:after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  width:88px!important;
  height:5px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#2783de,#72d4ff)!important;
}
.details-summary-pro{
  margin:0 0 16px!important;
  padding:13px 15px!important;
  border-radius:20px!important;
  color:#43546a!important;
  background:rgba(39,131,222,.07)!important;
  border:1px solid rgba(39,131,222,.12)!important;
  font-size:16px!important;
  line-height:1.85!important;
  font-weight:800!important;
}
.article-body-pro,
.article-body{
  color:#26384d!important;
  font-size:17px!important;
  line-height:2.05!important;
  font-weight:500!important;
  text-align:right!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.article-body-pro br{
  content:"";
  display:block;
  margin:6px 0;
}
/* ضبط نص كروت الأخبار في كل الأقسام */
.news-card h3,
.news-card-v2 h3,
.news-body-v2 h3{
  color:#172437!important;
  line-height:1.45!important;
  font-weight:900!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.news-card p,
.news-card-v2 p,
.news-body-v2 p{
  color:#5f7084!important;
  line-height:1.7!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.news-card .chip,
.news-card-v2 .chip-v2{
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.45!important;
}
.news-card,
.news-card-v2{
  align-items:center!important;
}
@media(max-width:540px){
  .article-detail-pro{border-radius:24px!important;padding:14px!important}
  .details-main-image,
  .details-logo-placeholder{min-height:205px!important;max-height:280px!important;border-radius:22px!important}
  .details-logo-placeholder b{font-size:38px!important}
  .details-title-pro{font-size:24px!important;line-height:1.42!important}
  .details-summary-pro{font-size:15px!important;line-height:1.8!important;padding:12px 13px!important}
  .article-body-pro,.article-body{font-size:16px!important;line-height:2!important}
}


/* =========================================================
   STANDALONE VIDEOS PAGE + HOME VIDEO SECTION
   صفحة فيديوهات ثابتة + بحث وأرشيف وتحميل المزيد
   ========================================================= */
.video-hero-page{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:18px;border-radius:28px;background:linear-gradient(135deg,rgba(21,90,142,.92),rgba(39,131,222,.72)),url('../img/mina-hero.jpeg') center/cover no-repeat;color:#fff;box-shadow:0 12px 28px rgba(20,70,120,.13);margin-bottom:14px}.video-hero-page>i{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:28px}.video-hero-page h1{font-size:25px;font-weight:900;margin:0 0 5px}.video-hero-page p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;font-weight:700}.video-cat-row{display:flex;gap:9px;overflow-x:auto;padding:2px 0 12px;scrollbar-width:none}.video-cat-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.72);border:1px solid rgba(210,226,240,.85);font-weight:900;color:var(--cat-color,#2783de);box-shadow:0 6px 16px rgba(20,70,120,.05)}.video-cat-chip small{min-width:23px;height:23px;display:grid;place-items:center;border-radius:99px;background:color-mix(in srgb,var(--cat-color,#2783de) 13%,#fff);font-size:11px}.video-cat-chip.active{background:color-mix(in srgb,var(--cat-color,#2783de) 12%,#fff);border-color:color-mix(in srgb,var(--cat-color,#2783de) 24%,#fff)}.video-grid-list{display:grid;gap:12px}.video-card-pro{display:grid;grid-template-columns:124px minmax(0,1fr);gap:12px;align-items:center;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(210,226,240,.86);padding:10px;box-shadow:0 8px 22px rgba(20,70,120,.06)}.video-thumb-pro{position:relative;display:block;width:124px;height:92px;border-radius:18px;overflow:hidden;background:#eef5fb}.video-thumb-pro img{width:100%;height:100%;object-fit:cover;display:block}.video-play-badge,.video-logo-thumb em{position:absolute;inset:auto 8px 8px auto;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.94);color:#e03131;display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.16)}.video-logo-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;direction:ltr;position:relative;background:linear-gradient(135deg,rgba(21,90,142,.78),rgba(39,131,222,.58)),url('../img/mina-hero.jpeg') center/cover no-repeat;color:#fff}.video-logo-thumb b{font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.35)}.video-logo-thumb b span{font-size:.58em;color:#dbf2ff}.video-info-pro{min-width:0;display:grid;gap:5px}.video-info-pro b{font-size:16.5px;line-height:1.45;font-weight:900;color:#172437;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-info-pro small{color:#5f7084;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-videos-section-v1 .section-eyebrow-v2{color:#e03131;background:#fff0f2;border-color:#ffd0d0}.video-detail-page .video-embed-card{margin-top:14px}.news-image-v2,.news-card{position:relative}.news-video-mini-badge{position:absolute;right:8px;bottom:8px;z-index:4;display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:rgba(224,49,49,.94);color:#fff;font-size:11px;font-weight:900;padding:5px 8px;box-shadow:0 8px 16px rgba(224,49,49,.26)}.news-card .news-video-mini-badge{right:18px;bottom:18px}.news-video-mini-badge i{font-size:10px}@media(max-width:430px){.video-card-pro{grid-template-columns:104px minmax(0,1fr);gap:10px;border-radius:22px}.video-thumb-pro{width:104px;height:84px}.video-info-pro b{font-size:15.5px}.video-info-pro small{font-size:12.5px}.video-hero-page{grid-template-columns:50px 1fr;padding:15px}.video-hero-page>i{width:50px;height:50px;border-radius:18px}.video-hero-page h1{font-size:22px}}


/* =========================================================
   ADMIN 10 ITEMS LOAD MORE + VIDEO FEATURE POLISH
   كل جداول الأدمن تعرض 10 ثم تحميل المزيد
   ========================================================= */
.admin-load-more-wrap{display:flex;justify-content:center;padding:14px 0 4px}.admin-load-more-btn{border:0!important;border-radius:999px!important;padding:10px 18px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(39,131,222,.18)!important}.admin-load-more-btn small{font-size:11px;opacity:.86;margin-inline-start:4px}.admin-menu a[href="videos.php"],.admin-menu a[href="video-categories.php"]{background:rgba(255,255,255,.07);border-radius:14px}.home-video-list{margin-top:2px}.videos-page .search-box{margin-left:0!important;margin-right:0!important}.video-archive-card{display:grid!important}.video-card-pro:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,70,120,.10);transition:.2s ease}.video-thumb-pro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.18));pointer-events:none}.video-play-badge,.video-logo-thumb em{z-index:2}.news-card .news-video-mini-badge{pointer-events:none}.video-detail-page .video-source-label{font-size:15px}.video-detail-page .video-frame{border-radius:20px;overflow:hidden}

/* Bottom nav with videos page */
.bottom-nav{grid-template-columns:repeat(5,1fr)!important}.bottom-nav a{margin:8px 3px!important}.bottom-nav i{font-size:20px!important}.bottom-nav span{font-size:11px!important}@media(max-width:380px){.bottom-nav span{font-size:10px!important}.bottom-nav i{font-size:19px!important}}

/* Video badge exactly on news thumbnail */
.news-card .news-video-mini-badge{right:18px!important;top:66px!important;bottom:auto!important}
@media(max-width:430px){.news-card .news-video-mini-badge{right:18px!important;top:62px!important}}


/* =========================================================
   BREAKING NEWS LINKS + MODAL + STRONG 10S FLASH
   روابط الخبر العاجل تفتح Modal + بدون تكرار الخبر الواحد
   ========================================================= */
.breaking-track{
  display:inline-flex!important;
  align-items:center!important;
  gap:28px!important;
  white-space:nowrap!important;
  min-width:0!important;
}
.breaking-item,
.breaking-item:visited{
  display:inline-flex!important;
  align-items:center!important;
  color:#1d2733!important;
  text-decoration:none!important;
  font-weight:900!important;
  padding:0 2px!important;
  cursor:default!important;
}
a.breaking-item{
  cursor:pointer!important;
}
a.breaking-item:hover{
  color:#e03131!important;
  text-decoration:underline!important;
}
.breaking-separator{
  color:#e03131!important;
  font-weight:900!important;
  opacity:.8!important;
}
.breaking-footer.breaking-hold-single .breaking-marquee{
  display:flex!important;
  align-items:center!important;
}
.breaking-footer.breaking-hold-single .breaking-track{
  transform:none!important;
  animation:none!important;
  width:100%!important;
  justify-content:flex-start!important;
}
.breaking-footer.breaking-hold-single .breaking-item{
  color:#fff!important;
  font-size:15px!important;
  text-shadow:0 1px 8px rgba(0,0,0,.25)!important;
}
.breaking-footer.breaking-new-flash-strong{
  background:linear-gradient(135deg,#e03131,#ff253f)!important;
  color:#fff!important;
  border-color:#ffb3bd!important;
  box-shadow:0 -8px 30px rgba(224,49,49,.48),0 0 0 999px rgba(224,49,49,.04)!important;
  animation:breakingStrongFlash10s 10s ease-in-out both!important;
}
.breaking-footer.breaking-new-flash-strong .breaking-label{
  background:#fff!important;
  color:#e03131!important;
  animation:breakingLabelStrongPulse 1s ease-in-out infinite!important;
}
.breaking-footer.breaking-new-flash-strong .breaking-marquee,
.breaking-footer.breaking-new-flash-strong .breaking-item,
.breaking-footer.breaking-new-flash-strong a.breaking-item{
  color:#fff!important;
}
@keyframes breakingStrongFlash10s{
  0%,100%{filter:brightness(1);transform:translateX(-50%) scale(1)}
  8%,20%,32%,44%,56%,68%,80%{filter:brightness(1.18);transform:translateX(-50%) scale(1.012)}
  14%,26%,38%,50%,62%,74%,86%{filter:brightness(.96);transform:translateX(-50%) scale(1)}
}
@keyframes breakingLabelStrongPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.10)}
}
.breaking-link-modal .modal-dialog{
  width:min(960px,calc(100vw - 18px))!important;
  max-width:min(960px,calc(100vw - 18px))!important;
}
.breaking-link-modal .modal-content{
  border:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:0 24px 90px rgba(0,0,0,.35)!important;
}
.breaking-link-modal .modal-header{
  background:linear-gradient(135deg,#e03131,#ff4d60)!important;
  color:#fff!important;
  border:0!important;
}
.breaking-link-modal .modal-title{
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.breaking-link-modal .btn-close{filter:invert(1) grayscale(1) brightness(2)!important}
.breaking-link-modal .modal-body{
  padding:0!important;
  background:#f4f8fc!important;
}
.breaking-link-modal iframe{
  display:block!important;
  width:100%!important;
  height:min(70vh,720px)!important;
  border:0!important;
  background:#fff!important;
}
.breaking-modal-fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:#fff!important;
  border-top:1px solid #e5edf6!important;
  color:#5f7084!important;
  font-weight:800!important;
}
.breaking-modal-fallback p{margin:0!important;line-height:1.5!important}
@media(max-width:540px){
  .breaking-link-modal .modal-dialog{width:100vw!important;max-width:100vw!important;margin:0!important;height:100dvh!important;align-items:stretch!important}
  .breaking-link-modal .modal-content{height:100dvh!important;border-radius:0!important}
  .breaking-link-modal iframe{height:calc(100dvh - 122px)!important}
  .breaking-modal-fallback{font-size:12px!important;padding:9px!important}
  .breaking-footer.breaking-hold-single .breaking-item{font-size:13px!important;line-height:1.5!important}
}

/* =========================================================
   FINAL MOBILE BREAKING NEWS VISIBILITY RESTORE
   إرجاع ظهور الخبر العاجل على الهاتف مثل السابق مع دعم الروابط
   ========================================================= */
@media(max-width:768px){
  body{padding-bottom:156px!important;}
  .app-shell{padding-bottom:156px!important;overflow:visible!important;}
  body .breaking-footer,
  .app-shell .breaking-footer{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:74px!important;
    width:min(540px,100%)!important;
    min-height:48px!important;
    max-height:54px!important;
    transform:translateX(-50%)!important;
    z-index:10002!important;
    background:#fff!important;
    color:#1d2733!important;
    border-top:1px solid #dce8f4!important;
    border-left:1px solid #dce8f4!important;
    border-right:1px solid #dce8f4!important;
    border-radius:18px 18px 0 0!important;
    padding:8px 12px!important;
    box-shadow:0 -6px 18px rgba(20,70,120,.12)!important;
    pointer-events:auto!important;
    overflow:hidden!important;
  }
  body .breaking-footer .breaking-label{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
    height:32px!important;
    min-width:64px!important;
    background:#e03131!important;
    color:#fff!important;
    border-radius:12px!important;
    padding:6px 10px!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  body .breaking-footer .breaking-marquee{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    direction:rtl!important;
    color:#1d2733!important;
    font-weight:900!important;
    line-height:32px!important;
  }
  body .breaking-footer .breaking-marquee .breaking-track,
  body .breaking-footer .breaking-marquee span.breaking-track{
    display:inline-flex!important;
    align-items:center!important;
    gap:24px!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
    padding:0!important;
    margin:0!important;
    color:#1d2733!important;
    animation:none!important;
    -webkit-animation:none!important;
  }
  body .breaking-footer .breaking-item,
  body .breaking-footer a.breaking-item,
  body .breaking-footer a.breaking-item:visited{
    display:inline-flex!important;
    align-items:center!important;
    color:#1d2733!important;
    text-decoration:none!important;
    font-size:13.5px!important;
    font-weight:900!important;
    line-height:32px!important;
    padding:0!important;
    margin:0!important;
  }
  body .breaking-footer a.breaking-item:after{
    content:"\f08e";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    font-size:10px;
    margin-right:6px;
    color:#e03131;
  }
  body .breaking-footer.breaking-hold-single .breaking-track{
    transform:none!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
  }
  body .breaking-footer.breaking-hold-single .breaking-item,
  body .breaking-footer.breaking-new-flash-strong .breaking-item,
  body .breaking-footer.breaking-new-flash-strong a.breaking-item{
    color:#fff!important;
  }
  body .bottom-nav{z-index:10003!important;}
}


/* =========================================================
   FINAL AD IMAGE FULL FIT + NON-OVERLAY FEATURED LABEL
   الإعلان يظهر كاملاً والكلمات لا تُحجب أبداً
   ========================================================= */
.ad-banner-safe-v1,
.ad-slide-v2.ad-banner-safe-v1{
  padding-top:38px!important;
  background:#071d33!important;
  overflow:hidden!important;
}
.ad-banner-safe-v1 > img,
.ad-slide-v2.ad-banner-safe-v1 > img{
  inset:38px 0 0 0!important;
  width:100%!important;
  height:calc(100% - 38px)!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(39,131,222,.22),transparent 35%),
    linear-gradient(135deg,#061624,#0b3152 48%,#0c7ca8)!important;
  transform:none!important;
}
.ad-edge-pin-v1{
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:38px!important;
  min-width:0!important;
  border-radius:30px 30px 0 0!important;
  border:0!important;
  justify-content:center!important;
  padding:0!important;
  background:linear-gradient(135deg,#e03131,#ff4d60)!important;
  box-shadow:0 6px 14px rgba(224,49,49,.22)!important;
}
.ad-edge-pin-v1:after,
.ad-edge-pin-v1 i{
  display:none!important;
}
.ad-edge-pin-v1 b{
  margin:0!important;
  font:900 15px/1 'Tajawal','Noto Sans Arabic',Arial,sans-serif!important;
}
.ad-edge-pin-v1 small{font-size:.85em!important;color:#ffe1e4!important}
@media(max-width:430px){
  .ad-banner-safe-v1,
  .ad-slide-v2.ad-banner-safe-v1{padding-top:32px!important;min-height:176px!important;}
  .ad-banner-safe-v1 > img,
  .ad-slide-v2.ad-banner-safe-v1 > img{inset:32px 0 0 0!important;height:calc(100% - 32px)!important;}
  .ad-edge-pin-v1{height:32px!important;border-radius:24px 24px 0 0!important;}
  .ad-edge-pin-v1 b{font-size:13px!important;}
}

/* Stronger breaking modal loading/fallback behavior */
.breaking-modal-fallback.is-warning{
  background:#fff8e6!important;
  color:#7a4d00!important;
}
.breaking-modal-fallback.is-warning p:after{
  content:" إذا بقيت الصفحة فارغة فهذا يعني أن الموقع يمنع الظهور داخل نافذة، استخدم زر فتح الرابط.";
}
.breaking-link-modal iframe[src="about:blank"]{
  background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
}


/* =========================================================
   PREMIUM TOP ADS FINAL DISPLAY
   إعلان علوي احترافي، الصورة كاملة، والوسم خارج الصورة
   ========================================================= */
.hero-ad-section-v2 .section-head-v2{margin-bottom:12px!important}
.premium-carousel-v2{
  background:linear-gradient(135deg,#eef7ff,#ffffff)!important;
  border:1px solid rgba(210,226,240,.95)!important;
  padding:8px!important;
  border-radius:32px!important;
  box-shadow:0 14px 32px rgba(20,70,120,.10)!important;
}
.ad-slide-v2.ad-banner-safe-v1{
  border-radius:26px!important;
  padding-top:34px!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(39,131,222,.18),transparent 38%),
    linear-gradient(135deg,#071d33,#0d5787)!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.ad-slide-v2.ad-banner-safe-v1 > img{
  inset:34px 0 0 0!important;
  height:calc(100% - 34px)!important;
  width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:6px!important;
  background:transparent!important;
}
.ad-slide-v2.ad-banner-safe-v1 .ad-edge-pin-v1{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:34px!important;
  border-radius:26px 26px 0 0!important;
  background:linear-gradient(135deg,#e03131,#ff4d60)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
}
.ad-slide-v2.ad-banner-safe-v1 .ad-edge-pin-v1 b{font-size:14px!important;margin:0!important}
@media(max-width:430px){
  .premium-carousel-v2{padding:6px!important;border-radius:26px!important}
  .ad-slide-v2.ad-banner-safe-v1{padding-top:30px!important;border-radius:22px!important;min-height:174px!important;aspect-ratio:16/7!important}
  .ad-slide-v2.ad-banner-safe-v1 > img{inset:30px 0 0 0!important;height:calc(100% - 30px)!important;padding:5px!important}
  .ad-slide-v2.ad-banner-safe-v1 .ad-edge-pin-v1{height:30px!important;border-radius:22px 22px 0 0!important}
}


/* Breaking urgent links open directly to the selected news page */
a.breaking-item{cursor:pointer!important;text-decoration:none!important}
a.breaking-item:active{opacity:.72!important}

/* =========================================================
   FACEBOOK VIDEO FALLBACK LOGO CARD
   عند منع تضمين فيديو فيسبوك يظهر لوغو 3poli.org وزر فتح الفيديو
   ========================================================= */
.video-fallback-logo-card{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(210,226,240,.9)!important;
  box-shadow:0 10px 26px rgba(20,70,120,.08)!important;
}
.video-unavailable-fallback{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:12px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
}
.video-fallback-logo{
  min-height:138px!important;
  border-radius:20px!important;
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  direction:ltr!important;
  background:
    linear-gradient(135deg,rgba(21,90,142,.80),rgba(39,131,222,.58)),
    url('../img/mina-hero.jpeg') center / cover no-repeat!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.video-fallback-logo:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(8,28,48,.20),rgba(8,28,48,.48))!important;
}
.video-fallback-logo b{
  position:relative!important;
  z-index:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:28px!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
  text-shadow:0 3px 14px rgba(0,0,0,.42)!important;
}
.video-fallback-logo b span{font-size:.58em!important;color:#dbf2ff!important;letter-spacing:0!important}
.video-fallback-logo em{
  position:absolute!important;
  left:12px!important;
  bottom:12px!important;
  z-index:2!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.94)!important;
  color:#e03131!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
.video-fallback-copy{display:grid!important;gap:8px!important;min-width:0!important}
.video-fallback-copy b{font-size:18px!important;font-weight:900!important;color:#172437!important;line-height:1.45!important}
.video-fallback-copy span{font-size:13.5px!important;font-weight:700!important;color:#5f7084!important;line-height:1.7!important}
.video-fallback-copy .btn{width:max-content!important;font-weight:900!important;padding:9px 16px!important}
@media(max-width:540px){
  .video-unavailable-fallback{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important}
  .video-fallback-logo{min-height:170px!important}
  .video-fallback-logo b{font-size:30px!important}
  .video-fallback-copy .btn{width:100%!important;justify-content:center!important;display:flex!important;align-items:center!important;gap:7px!important}
}

/* =========================================================
   SMART FACEBOOK VIDEO POSTER INSIDE FRAME
   تظهر صورة الفيديو داخل الإطار بدل رسالة الخطأ، مع محاولة تشغيل داخلية عند الطلب
   ========================================================= */
.facebook-video-smart-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(210,226,240,.9)!important;
  box-shadow:0 10px 26px rgba(20,70,120,.08)!important;
}
.facebook-smart-frame{
  position:relative!important;
  overflow:hidden!important;
  background:#071d33!important;
  border-radius:22px!important;
  min-height:260px!important;
}
.facebook-smart-frame iframe{
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .22s ease!important;
  background:#071d33!important;
}
.facebook-video-smart-card.is-playing .facebook-smart-frame iframe{
  opacity:1!important;
  pointer-events:auto!important;
}
.facebook-video-smart-card.is-playing .facebook-video-poster{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.facebook-video-poster{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:46% 1fr!important;
  gap:0!important;
  background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
  transition:opacity .22s ease, visibility .22s ease!important;
}
.facebook-poster-media{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  direction:ltr!important;
  background:
    linear-gradient(135deg,rgba(21,90,142,.82),rgba(39,131,222,.62)),
    url('../img/mina-hero.jpeg') center / cover no-repeat!important;
  color:#fff!important;
}
.facebook-poster-media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.facebook-poster-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(8,28,48,.10),rgba(8,28,48,.46))!important;
  z-index:1!important;
}
.facebook-poster-media b{
  position:relative!important;
  z-index:2!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:34px!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
  text-shadow:0 3px 14px rgba(0,0,0,.42)!important;
}
.facebook-poster-media b span{font-size:.58em!important;color:#dbf2ff!important;letter-spacing:0!important}
.facebook-poster-media em{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  width:66px!important;
  height:66px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.94)!important;
  color:#e03131!important;
  font-size:23px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.facebook-poster-copy{
  display:grid!important;
  align-content:center!important;
  gap:11px!important;
  padding:18px!important;
  min-width:0!important;
}
.facebook-poster-copy b{
  font-size:19px!important;
  font-weight:900!important;
  color:#172437!important;
  line-height:1.45!important;
}
.facebook-poster-copy span{
  font-size:13.5px!important;
  font-weight:700!important;
  color:#5f7084!important;
  line-height:1.7!important;
}
.facebook-poster-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.facebook-poster-actions .btn{
  font-weight:900!important;
  padding:9px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}
@media(max-width:540px){
  .facebook-smart-frame{min-height:360px!important;border-radius:20px!important}
  .facebook-video-poster{grid-template-columns:1fr!important;grid-template-rows:54% 46%!important}
  .facebook-poster-copy{padding:13px!important;gap:8px!important}
  .facebook-poster-copy b{font-size:17px!important}
  .facebook-poster-copy span{font-size:12.5px!important}
  .facebook-poster-actions .btn{width:100%!important;justify-content:center!important}
}


/* =========================================================
   PREMIUM SHARE / LIKE / COMMENTS / FACEBOOK MODAL
   مشاركة وتعليقات وإعجابات بتصميم احترافي
   ========================================================= */
.engagement-box{margin:14px 0 16px;padding:13px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(246,251,255,.72));border:1px solid rgba(210,226,240,.9);box-shadow:0 8px 22px rgba(20,70,120,.06)}
.engagement-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:11px}.engagement-stats span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border-radius:16px;background:#fff;border:1px solid #e5edf6;color:#172437;font-weight:900}.engagement-stats i{color:#2783de}.engagement-stats small{color:#6b7b8d;font-size:11px}.share-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.share-btn{border:0;border-radius:16px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:900;font-size:12px;text-decoration:none;color:#fff!important}.share-btn.facebook{background:#1877f2}.share-btn.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.share-btn.whatsapp{background:#25d366}.share-btn.copy{background:#334155}.like-toggle-btn{margin-top:10px;width:100%;min-height:44px;border:1px solid #ffd0d0;border-radius:999px;background:#fff0f2;color:#e03131;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.engagement-box.is-liked .like-toggle-btn{background:linear-gradient(135deg,#e03131,#ff5b6b);color:#fff;border-color:transparent}.comments-pro-section{margin-top:18px;padding:14px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(210,226,240,.9);box-shadow:0 8px 22px rgba(20,70,120,.06)}.comments-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.comments-head>i{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#eaf4ff;color:#155a8e}.comments-head b{display:block;font-size:18px;font-weight:900;color:#172437}.comments-head small{color:#6b7b8d;font-weight:800}.comment-form-pro{padding:12px;border-radius:20px;background:#f8fbff;border:1px solid #e5edf6}.approved-comments-list{display:grid;gap:10px;margin-top:12px}.approved-comment{padding:12px;border-radius:18px;background:#fff;border:1px solid #e5edf6}.approved-comment b{font-weight:900;color:#172437}.approved-comment small{display:block;color:#8a98a8;font-size:12px;margin-top:2px}.approved-comment p{margin:8px 0 0;color:#334155;line-height:1.7}.empty-comments{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:18px;background:#f8fbff;color:#6b7b8d;font-weight:800}.card-mini-stats{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#6b7b8d;font-size:12px;font-weight:900}.card-mini-stats i{color:#2783de}.card-mini-stats i.fa-heart{color:#e03131}.facebook-video-modal .modal-dialog{width:min(940px,calc(100vw - 18px));max-width:min(940px,calc(100vw - 18px))}.facebook-video-modal .modal-content{border:0;border-radius:26px;overflow:hidden;box-shadow:0 24px 90px rgba(0,0,0,.35)}.facebook-video-modal .modal-header{background:linear-gradient(135deg,#1877f2,#0f5fb9);color:#fff;border:0}.facebook-video-modal .modal-title{font-weight:900;display:flex;align-items:center;gap:8px}.facebook-video-modal .btn-close{filter:invert(1) grayscale(1) brightness(2)}.facebook-video-modal .modal-body{padding:0;background:#071d33}.facebook-video-modal iframe{display:block;width:100%;height:min(72vh,720px);border:0;background:#071d33}.facebook-modal-fallback{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#fff;color:#5f7084;font-weight:800;border-top:1px solid #e5edf6}@media(max-width:540px){.share-row{grid-template-columns:repeat(2,1fr)}.engagement-stats{grid-template-columns:1fr 1fr 1fr}.share-btn span{font-size:11px}.facebook-video-modal .modal-dialog{width:100vw;max-width:100vw;height:100dvh;margin:0}.facebook-video-modal .modal-content{height:100dvh;border-radius:0}.facebook-video-modal iframe{height:calc(100dvh - 124px)}.facebook-modal-fallback{font-size:12px;padding:9px}.facebook-modal-fallback .btn{font-size:12px;white-space:nowrap}}

/* =========================================================
   FACEBOOK EXTERNAL-ONLY POSTER MODAL FINAL
   صورة الفيديو فقط داخل الإطار + مودال احترافي برابط خارجي
   ========================================================= */
.facebook-external-only-card{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(210,226,240,.9)!important;
  box-shadow:0 10px 26px rgba(20,70,120,.08)!important;
}
.facebook-external-only-card .facebook-smart-frame,
.facebook-external-only-card iframe,
.facebook-external-only-card .facebook-video-poster{
  display:none!important;
}
.facebook-external-poster{
  width:100%!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:46% 1fr!important;
  min-height:260px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;
  text-align:inherit!important;
  cursor:pointer!important;
}
.facebook-external-poster .facebook-poster-media{
  position:relative!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  direction:ltr!important;
  min-height:260px!important;
  background:
    linear-gradient(135deg,rgba(21,90,142,.82),rgba(39,131,222,.62)),
    url('../img/mina-hero.jpeg') center / cover no-repeat!important;
  color:#fff!important;
}
.facebook-external-poster .facebook-poster-media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.facebook-external-poster .facebook-poster-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(8,28,48,.10),rgba(8,28,48,.46))!important;
  z-index:1!important;
}
.facebook-external-poster .facebook-poster-media b,
.facebook-external-modal-poster b{
  position:relative!important;
  z-index:2!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:34px!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
  color:#fff!important;
  text-shadow:0 3px 14px rgba(0,0,0,.42)!important;
}
.facebook-external-poster .facebook-poster-media b span,
.facebook-external-modal-poster b span{font-size:.58em!important;color:#dbf2ff!important;letter-spacing:0!important}
.facebook-external-poster .facebook-poster-media em,
.facebook-external-modal-poster em{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  width:66px!important;
  height:66px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.94)!important;
  color:#e03131!important;
  font-size:23px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
.facebook-external-copy{
  display:grid!important;
  align-content:center!important;
  gap:10px!important;
  padding:18px!important;
  color:#172437!important;
}
.facebook-external-copy b{font-size:20px!important;font-weight:900!important;line-height:1.4!important}
.facebook-external-copy small{font-size:13.5px!important;font-weight:800!important;line-height:1.7!important;color:#5f7084!important}
.facebook-external-modal .modal-dialog{width:min(520px,calc(100vw - 22px))!important;max-width:min(520px,calc(100vw - 22px))!important}
.facebook-external-modal .modal-content{border:0!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 24px 90px rgba(0,0,0,.35)!important}
.facebook-external-modal .modal-header{background:linear-gradient(135deg,#1877f2,#0f5fb9)!important;color:#fff!important;border:0!important}
.facebook-external-modal .modal-title{font-weight:900!important;display:flex!important;align-items:center!important;gap:8px!important}
.facebook-external-modal .btn-close{filter:invert(1) grayscale(1) brightness(2)!important}
.facebook-external-modal .modal-body{padding:0!important;background:#fff!important}
.facebook-external-modal-poster{position:relative!important;min-height:240px!important;display:flex!important;align-items:center!important;justify-content:center!important;direction:ltr!important;background:linear-gradient(135deg,rgba(21,90,142,.82),rgba(39,131,222,.62)),url('../img/mina-hero.jpeg') center/cover no-repeat!important;overflow:hidden!important}
.facebook-external-modal-poster img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.facebook-external-modal-poster:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(8,28,48,.10),rgba(8,28,48,.46))!important;z-index:1!important}.facebook-external-modal-copy{display:grid!important;gap:11px!important;padding:18px!important;text-align:center!important}.facebook-external-modal-copy b{font-size:20px!important;font-weight:900!important;color:#172437!important}.facebook-external-modal-copy span{font-size:13.5px!important;font-weight:800!important;color:#5f7084!important;line-height:1.7!important}.facebook-external-modal-copy .btn{font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important}
@media(max-width:540px){.facebook-external-poster{grid-template-columns:1fr!important;grid-template-rows:58% 42%!important;min-height:390px!important}.facebook-external-poster .facebook-poster-media{min-height:225px!important}.facebook-external-copy{padding:14px!important}.facebook-external-copy b{font-size:18px!important}.facebook-external-copy small{font-size:12.5px!important}.facebook-external-modal .modal-dialog{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important}.facebook-external-modal-poster{min-height:230px!important}}


/* =========================================================
   DREAM PREMIUM ADS + FACEBOOK FULL FRAME MODAL
   تصميم خيالي احترافي للإعلانات + مشاهدة فيسبوك داخل مودال كبير
   ========================================================= */
.hero-ad-section-v2{position:relative!important}.premium-carousel-v2{border-radius:34px!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}.premium-carousel-v2 .carousel-inner{border-radius:34px!important;overflow:hidden!important;background:linear-gradient(135deg,#07111f,#102a43)!important;box-shadow:0 24px 70px rgba(14,46,80,.22),0 2px 0 rgba(255,255,255,.45) inset!important;border:1px solid rgba(190,220,255,.68)!important}.premium-carousel-v2 .carousel-indicators{bottom:-4px!important;margin-bottom:0!important;gap:5px!important}.premium-carousel-v2 .carousel-indicators [data-bs-target]{width:24px!important;height:5px!important;border-radius:999px!important;background:#d7e8fb!important;opacity:.7!important}.premium-carousel-v2 .carousel-indicators .active{background:linear-gradient(90deg,#2f9cff,#9b7cff,#ff4fb8)!important;opacity:1!important}.ad-slide-v2.ad-dream-v1{position:relative!important;min-height:330px!important;aspect-ratio:16/8!important;padding:15px!important;display:grid!important;grid-template-rows:auto 1fr auto!important;gap:11px!important;background:radial-gradient(circle at 12% 15%,rgba(77,163,255,.33),transparent 30%),radial-gradient(circle at 88% 20%,rgba(255,79,184,.24),transparent 28%),linear-gradient(135deg,#07111f 0%,#102a43 52%,#081827 100%)!important;color:#fff!important;overflow:hidden!important}.ad-slide-v2.ad-dream-v1:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.16) 42%,transparent 58%)!important;transform:translateX(120%)!important;animation:adDreamShine 7s ease-in-out infinite!important;pointer-events:none!important;z-index:1!important}.ad-slide-v2.ad-dream-v1:after{content:""!important;position:absolute!important;inset:10px!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.18)!important;pointer-events:none!important;z-index:4!important}.ad-dream-topline{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.ad-dream-badge,.ad-dream-spark{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;padding:8px 13px!important;font-weight:900!important;font-size:12.5px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important}.ad-dream-badge{background:linear-gradient(135deg,#ffd166,#ff8a00)!important;color:#251300!important}.ad-dream-spark{background:rgba(255,255,255,.12)!important;color:#eaf6ff!important}.ad-dream-stage{position:relative!important;z-index:3!important;min-height:0!important;border-radius:28px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.18)!important;overflow:hidden!important}.ad-dream-glow{position:absolute!important;width:210px!important;height:210px!important;border-radius:999px!important;filter:blur(28px)!important;opacity:.42!important}.ad-dream-glow.one{right:-80px!important;top:-80px!important;background:#2f9cff!important}.ad-dream-glow.two{left:-60px!important;bottom:-80px!important;background:#ff4fb8!important}.ad-dream-image-frame{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;padding:10px!important}.ad-slide-v2.ad-dream-v1 .ad-dream-image-frame img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:205px!important;object-fit:contain!important;transform:none!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 18px 45px rgba(0,0,0,.20)!important;padding:3px!important}.ad-dream-info{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 12px!important;border-radius:22px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.ad-dream-info b{display:block!important;color:#fff!important;font-size:17px!important;font-weight:900!important;line-height:1.35!important}.ad-dream-info small{display:block!important;color:rgba(235,247,255,.82)!important;font-weight:800!important;line-height:1.5!important;margin-top:2px!important}.ad-dream-info span{flex:0 0 auto!important;border-radius:999px!important;padding:8px 12px!important;background:linear-gradient(135deg,#00d4ff,#7c5cff)!important;color:#fff!important;font-weight:900!important;box-shadow:0 10px 24px rgba(0,160,255,.22)!important}.ad-edge-pin-v1{display:none!important}@keyframes adDreamShine{0%,68%{transform:translateX(120%)}82%{transform:translateX(-120%)}100%{transform:translateX(-120%)}}
.facebook-frame-viewer-modal .modal-dialog{width:min(980px,calc(100vw - 18px))!important;max-width:min(980px,calc(100vw - 18px))!important}.facebook-frame-viewer-modal .modal-content{border:0!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 28px 100px rgba(0,0,0,.42)!important;background:#071d33!important}.facebook-frame-viewer-modal .modal-header{background:linear-gradient(135deg,#1877f2,#0b4da0)!important;color:#fff!important;border:0!important}.facebook-frame-viewer-modal .btn-close{filter:invert(1) grayscale(1) brightness(2)!important}.facebook-frame-viewer-modal .modal-body{padding:0!important;background:#071d33!important}.facebook-frame-shell{width:100%!important;height:min(74vh,760px)!important;background:#071d33!important}.facebook-frame-shell iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;background:#071d33!important}.facebook-frame-viewer-modal .facebook-modal-fallback{background:#fff!important;color:#5f7084!important;border-top:1px solid #e5edf6!important;padding:10px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font-weight:800!important}.facebook-frame-viewer-modal .facebook-modal-fallback .btn{font-weight:900!important;white-space:nowrap!important}@media(max-width:540px){.ad-slide-v2.ad-dream-v1{min-height:360px!important;aspect-ratio:auto!important;padding:11px!important;border-radius:28px!important;grid-template-rows:auto 1fr auto!important}.ad-dream-spark{display:none!important}.ad-dream-badge{font-size:12px!important;padding:7px 11px!important}.ad-slide-v2.ad-dream-v1 .ad-dream-image-frame img{max-height:220px!important}.ad-dream-info{align-items:flex-start!important;flex-direction:column!important;padding:10px!important}.ad-dream-info b{font-size:15.5px!important}.ad-dream-info small{font-size:12px!important}.ad-dream-info span{font-size:12px!important}.facebook-frame-viewer-modal .modal-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;margin:0!important}.facebook-frame-viewer-modal .modal-content{height:100dvh!important;border-radius:0!important}.facebook-frame-shell{height:calc(100dvh - 124px)!important}.facebook-frame-viewer-modal .facebook-modal-fallback{font-size:12px!important;padding:8px!important}.facebook-frame-viewer-modal .facebook-modal-fallback .btn{font-size:12px!important;padding:7px 10px!important}}


/* =========================================================
   FINAL ORIGINAL-STYLE ADS + DIRECT FACEBOOK OPEN
   ألوان الإعلانات قريبة من التصميم الأصلي + فتح فيسبوك مباشرة
   ========================================================= */
.ad-slide-v2.ad-dream-v1{
  background:
    linear-gradient(90deg,rgba(0,0,0,.74),rgba(10,21,34,.34) 52%,rgba(0,0,0,.66)),
    linear-gradient(135deg,#10151f 0%,#142438 48%,#0b1724 100%)!important;
  box-shadow:none!important;
}
.ad-slide-v2.ad-dream-v1:before{
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 45%,transparent 58%)!important;
  animation:adDreamShine 9s ease-in-out infinite!important;
}
.ad-slide-v2.ad-dream-v1:after{
  border-color:rgba(255,255,255,.12)!important;
}
.ad-dream-stage{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.ad-dream-glow{display:none!important}
.ad-dream-badge{
  background:linear-gradient(135deg,#ffd66b,#d99a16)!important;
  color:#1a1204!important;
  box-shadow:0 10px 22px rgba(255,214,107,.16)!important;
}
.ad-dream-spark{
  background:rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.86)!important;
}
.ad-dream-info{
  background:rgba(0,0,0,.24)!important;
  border-color:rgba(255,255,255,.12)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.ad-dream-info span{
  background:linear-gradient(135deg,#ffd66b,#f59f00)!important;
  color:#1a1204!important;
  box-shadow:0 10px 22px rgba(245,159,0,.18)!important;
}
.ad-slide-v2.ad-dream-v1 .ad-dream-image-frame img{
  background:#fff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26)!important;
}
.facebook-direct-card{background:rgba(255,255,255,.90)!important}
.facebook-direct-link{text-decoration:none!important;color:inherit!important}
.facebook-direct-link .facebook-poster-media em{
  background:rgba(24,119,242,.96)!important;
  color:#fff!important;
}
.facebook-direct-link:hover .facebook-poster-media img{transform:scale(1.025)!important;transition:transform .24s ease!important}
.facebook-direct-link:hover .facebook-external-copy b{color:#1877f2!important}


/* =========================================================
   VIDEO TRANSPARENT 3POLI WATERMARK + NEWS UPLOAD WATERMARK
   صورة الفيديو شفافة وعليها 3poli.org وعلامة تشغيل
   ========================================================= */
.video-thumb-pro,
.facebook-poster-media,
.facebook-external-poster .facebook-poster-media{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.video-thumb-pro img,
.facebook-poster-media img,
.facebook-external-poster .facebook-poster-media img{
  opacity:.72!important;
  filter:saturate(1.05) contrast(1.02)!important;
  transition:opacity .2s ease, transform .25s ease!important;
}
.video-card-pro:hover .video-thumb-pro img,
.facebook-direct-link:hover .facebook-poster-media img,
.facebook-external-poster:hover .facebook-poster-media img{
  opacity:.84!important;
  transform:scale(1.025)!important;
}
.video-thumb-pro:before,
.facebook-poster-media:before,
.facebook-external-poster .facebook-poster-media:before{
  content:"3poli.org"!important;
  position:absolute!important;
  right:12px!important;
  bottom:10px!important;
  z-index:6!important;
  direction:ltr!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:-.4px!important;
  color:rgba(255,255,255,.92)!important;
  background:rgba(0,0,0,.30)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  text-shadow:0 2px 8px rgba(0,0,0,.50)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  pointer-events:none!important;
}
.video-thumb-pro:after,
.facebook-poster-media:after,
.facebook-external-poster .facebook-poster-media:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(180deg,rgba(6,18,32,.08),rgba(6,18,32,.35))!important;
  pointer-events:none!important;
}
.video-play-badge,
.video-logo-thumb em,
.facebook-poster-media em,
.facebook-external-poster .facebook-poster-media em{
  z-index:7!important;
  width:66px!important;
  height:66px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#e03131!important;
  box-shadow:0 14px 34px rgba(0,0,0,.24)!important;
  border:1px solid rgba(255,255,255,.65)!important;
}
.video-play-badge:after,
.facebook-poster-media em:after{
  content:""!important;
  position:absolute!important;
  inset:-8px!important;
  border-radius:999px!important;
  border:2px solid rgba(255,255,255,.38)!important;
  animation:videoPulse3poli 1.8s ease-out infinite!important;
}
.video-logo-thumb b{z-index:6!important}
@keyframes videoPulse3poli{0%{transform:scale(.88);opacity:.75}100%{transform:scale(1.25);opacity:0}}
@media(max-width:540px){
  .video-thumb-pro:before,
  .facebook-poster-media:before,
  .facebook-external-poster .facebook-poster-media:before{font-size:14px!important;right:9px!important;bottom:8px!important;padding:4px 8px!important}
  .video-play-badge,.video-logo-thumb em,.facebook-poster-media em{width:56px!important;height:56px!important;font-size:19px!important}
}


/* =========================================================
   HOME HEADER COMPANION IMAGE + SECTION GUIDE MAPS
   صورة مرفقة كامتداد للهيدر + خريطة شرح لكل قسم
   ========================================================= */
.news-section-v2{display:none!important}
.hero-city-companion-v8{
  position:relative!important;
  margin:-8px 18px 12px!important;
  border-radius:0 0 34px 34px!important;
  overflow:hidden!important;
  min-height:214px!important;
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  background:linear-gradient(135deg,#081827,#133452)!important;
  box-shadow:0 22px 50px rgba(20,70,120,.14)!important;
  border:1px solid rgba(210,226,240,.82)!important;
  border-top:0!important;
  isolation:isolate!important;
}
.hero-city-companion-v8:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 22% 20%,rgba(77,163,255,.22),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.34))!important;
  z-index:1!important;
  pointer-events:none!important;
}
.city-companion-image-v8{position:relative!important;min-height:214px!important;overflow:hidden!important;direction:ltr!important}
.city-companion-image-v8 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(1.05) contrast(1.03)!important;opacity:.88!important}
.city-companion-image-v8:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(8,24,39,.45))!important}
.city-watermark-v8{position:absolute!important;right:16px!important;bottom:14px!important;z-index:4!important;direction:ltr!important;font-family:Arial,Helvetica,sans-serif!important;font-size:24px!important;font-weight:900!important;color:#fff!important;text-shadow:0 3px 14px rgba(0,0,0,.52)!important;background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:7px 13px!important}.city-watermark-v8 span{font-size:.64em!important;color:#d9f2ff!important}
.city-companion-copy-v8{position:relative!important;z-index:3!important;padding:24px 22px!important;display:grid!important;align-content:center!important;gap:12px!important;color:#fff!important}.city-companion-copy-v8>span{width:max-content!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;padding:7px 12px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;font-weight:900!important;font-size:13px!important}.city-companion-copy-v8 b{font-size:21px!important;line-height:1.65!important;font-weight:900!important;max-width:430px!important}
.section-guide-hero{position:relative!important;margin:12px 0 14px!important;padding:18px!important;border-radius:30px!important;overflow:hidden!important;display:grid!important;grid-template-columns:68px 1fr!important;gap:14px!important;align-items:center!important;background:linear-gradient(135deg,#f8fbff,#eef6ff)!important;border:1px solid rgba(210,226,240,.92)!important;box-shadow:0 14px 34px rgba(20,70,120,.08)!important}.section-guide-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 12% 10%,var(--guide-color,rgba(39,131,222,.16)),transparent 33%),radial-gradient(circle at 90% 20%,rgba(255,255,255,.74),transparent 35%)!important;pointer-events:none!important}.section-guide-video{--guide-color:rgba(39,131,222,.20)}.section-guide-jobs{--guide-color:rgba(124,58,237,.18)}.section-guide-blood{--guide-color:rgba(224,49,49,.18)}.guide-hero-icon{position:relative!important;z-index:2!important;width:68px!important;height:68px!important;border-radius:24px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#2783de,#63b3ff)!important;color:#fff!important;font-size:28px!important;box-shadow:0 14px 28px rgba(39,131,222,.22)!important}.section-guide-jobs .guide-hero-icon{background:linear-gradient(135deg,#7c3aed,#b197fc)!important}.section-guide-blood .guide-hero-icon{background:linear-gradient(135deg,#e03131,#ff8787)!important}.guide-hero-copy{position:relative!important;z-index:2!important;min-width:0!important}.guide-hero-copy span{display:inline-flex!important;margin-bottom:4px!important;color:#2783de!important;font-size:12px!important;font-weight:900!important}.section-guide-jobs .guide-hero-copy span{color:#7c3aed!important}.section-guide-blood .guide-hero-copy span{color:#e03131!important}.guide-hero-copy h1{margin:0 0 5px!important;font-size:24px!important;font-weight:900!important;color:#172437!important}.guide-hero-copy p{margin:0!important;color:#5f7084!important;font-weight:800!important;line-height:1.75!important}.guide-hero-steps{position:relative!important;z-index:2!important;grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:2px!important}.guide-hero-steps b{min-height:42px!important;border-radius:16px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(210,226,240,.86)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:13px!important;font-weight:900!important;color:#334155!important}.guide-hero-steps i{color:#2783de!important}.section-guide-jobs .guide-hero-steps i{color:#7c3aed!important}.section-guide-blood .guide-hero-steps i{color:#e03131!important}
@media(max-width:540px){.hero-city-companion-v8{margin:-6px 10px 10px!important;grid-template-columns:1fr!important;border-radius:0 0 28px 28px!important;min-height:0!important}.city-companion-image-v8{min-height:210px!important}.city-companion-copy-v8{padding:16px!important}.city-companion-copy-v8 b{font-size:17px!important;line-height:1.65!important}.city-watermark-v8{font-size:18px!important;right:12px!important;bottom:10px!important}.section-guide-hero{grid-template-columns:54px 1fr!important;padding:14px!important;border-radius:26px!important}.guide-hero-icon{width:54px!important;height:54px!important;border-radius:20px!important;font-size:23px!important}.guide-hero-copy h1{font-size:20px!important}.guide-hero-copy p{font-size:13px!important}.guide-hero-steps{grid-template-columns:1fr!important}.guide-hero-steps b{justify-content:flex-start!important;padding:0 12px!important}}


/* =========================================================
   MERGED ONE-PIECE HEADER V9
   دمج صور البانر كأنها صورة واحدة مع 3poli.org في المنتصف
   ========================================================= */
.merged-home-hero-v9{
  position:relative!important;
  margin:12px 18px 12px!important;
  border-radius:38px!important;
  overflow:hidden!important;
  min-height:420px!important;
  background:#0b1724!important;
  box-shadow:0 24px 60px rgba(20,70,120,.18)!important;
  border:1px solid rgba(210,226,240,.88)!important;
  isolation:isolate!important;
}
.merged-home-hero-v9 img{
  width:100%!important;
  height:100%!important;
  min-height:420px!important;
  object-fit:cover!important;
  display:block!important;
  filter:saturate(1.04) contrast(1.02)!important;
}
.merged-home-hero-v9:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), inset 0 -80px 120px rgba(5,18,30,.20)!important;
  pointer-events:none!important;
}
.hero-city-companion-v8,.home-hero-v2.hero-with-logo-v4{display:none!important}
@media(max-width:540px){
  .merged-home-hero-v9{margin:10px!important;border-radius:30px!important;min-height:430px!important}
  .merged-home-hero-v9 img{min-height:430px!important;object-position:center center!important}
}


/* =========================================================
   PROFESSIONAL TRIPOLI LIFE HEADER REFINEMENT
   تصميم احترافي لصورة طرابلس الحياة بدون قص قاسٍ
   ========================================================= */
.merged-home-hero-v9{
  min-height:430px!important;
  background:linear-gradient(135deg,#081827,#0b1724)!important;
  box-shadow:0 26px 64px rgba(20,70,120,.20)!important;
}
.merged-home-hero-v9 img{
  min-height:430px!important;
  object-fit:cover!important;
  object-position:center center!important;
}
@media(max-width:540px){
  .merged-home-hero-v9{min-height:470px!important;border-radius:32px!important}
  .merged-home-hero-v9 img{min-height:470px!important;object-fit:cover!important;object-position:center center!important}
}


/* =========================================================
   CLOSE FULL PHOTOS HEADER + BOTTOM LOGO FRAME
   الصورتان قريبتان وكاملتان مع إطار سفلي 3poli.org
   ========================================================= */
.merged-home-hero-v9{min-height:430px!important;background:#071624!important}
.merged-home-hero-v9 img{min-height:430px!important;object-fit:cover!important;object-position:center center!important}
@media(max-width:540px){.merged-home-hero-v9{min-height:455px!important}.merged-home-hero-v9 img{min-height:455px!important;object-fit:cover!important;object-position:center center!important}}


/* =========================================================
   SINGLE TRANSPARENT PROFESSIONAL HERO V10
   صورة واحدة شفافة بإطار transparent وكتابة 3poli.org باحتراف
   ========================================================= */
.single-transparent-hero-v10{
  position:relative!important;
  margin:10px 12px 8px!important;
  min-height:390px!important;
  border-radius:34px!important;
  background:transparent!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
.single-transparent-hero-v10 img{
  width:100%!important;
  height:auto!important;
  max-height:520px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 22px 44px rgba(20,70,120,.12))!important;
}
.merged-home-hero-v9,.hero-city-companion-v8,.home-hero-v2.hero-with-logo-v4{display:none!important}
@media(max-width:540px){
  .single-transparent-hero-v10{margin:6px 4px 4px!important;min-height:330px!important;border-radius:26px!important}
  .single-transparent-hero-v10 img{max-height:390px!important;width:112%!important;max-width:none!important}
}


/* =========================================================
   PREMIUM TRIPOLI PHOTO AD HERO V11
   صور مصغرة + بانر 3poli.org + المستخدم الآن والبث كجسم واحد
   ========================================================= */
.premium-tripoli-hero-v11{
  position:relative!important;
  margin:8px 8px 12px!important;
  min-height:430px!important;
  border-radius:38px!important;
  background:transparent!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
}
.premium-tripoli-banner-v11{
  width:100%!important;
  height:auto!important;
  max-height:570px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 24px 52px rgba(20,70,120,.16))!important;
}
.hero-live-dock-v11{
  position:absolute!important;
  left:50%!important;
  bottom:28px!important;
  transform:translateX(-50%)!important;
  width:min(760px,72%)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  z-index:8!important;
  pointer-events:auto!important;
}
.hero-live-card-v11{
  min-height:62px!important;
  border-radius:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-decoration:none!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.hero-live-card-v11 i{font-size:21px!important;color:#d9f4ff!important}.hero-live-card-v11.live i{color:#ffccd2!important}.home-status-strip-v3{display:none!important}.single-transparent-hero-v10,.merged-home-hero-v9,.hero-city-companion-v8,.home-hero-v2.hero-with-logo-v4{display:none!important}
@media(max-width:540px){
  .premium-tripoli-hero-v11{margin:2px 0 8px!important;min-height:390px!important;border-radius:28px!important;overflow:hidden!important}
  .premium-tripoli-banner-v11{width:132%!important;max-width:none!important;max-height:470px!important;transform:translateY(-4px)!important}
  .hero-live-dock-v11{bottom:28px!important;width:86%!important;gap:8px!important}
  .hero-live-card-v11{min-height:48px!important;border-radius:19px!important;font-size:13px!important;gap:6px!important}.hero-live-card-v11 i{font-size:16px!important}
}


/* =========================================================
   BLACK PROFESSIONAL TRIPOLI HERO V12
   تصميم أسود احترافي واضح + ظهور المستخدم الآن والبث المباشر
   ========================================================= */
.black-tripoli-hero-v12{
  position:relative!important;
  margin:10px 12px 16px!important;
  min-height:560px!important;
  border-radius:36px!important;
  overflow:hidden!important;
  background:#05080d!important;
  color:#fff!important;
  box-shadow:0 24px 64px rgba(0,0,0,.22)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  isolation:isolate!important;
}
.black-hero-bg-v12{
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 14% 10%,rgba(39,131,222,.28),transparent 32%),
    radial-gradient(circle at 86% 18%,rgba(255,214,107,.16),transparent 28%),
    linear-gradient(135deg,#05080d 0%,#0b1724 48%,#030507 100%)!important;
  z-index:0!important;
}
.black-hero-bg-v12:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.055) 48%,transparent 62%)!important;
  transform:translateX(120%)!important;
  animation:blackHeroShineV12 8s ease-in-out infinite!important;
}
.black-hero-content-v12{
  position:relative!important;
  z-index:2!important;
  min-height:460px!important;
  padding:26px!important;
  display:grid!important;
  grid-template-columns:.88fr 1.12fr!important;
  gap:22px!important;
  align-items:center!important;
}
.black-hero-brand-v12{padding:10px 6px!important;display:grid!important;gap:15px!important;align-content:center!important}
.brand-kicker-v12{
  width:max-content!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#dff5ff!important;
  font-weight:900!important;
  font-size:13px!important;
}
.black-hero-brand-v12 h1{
  direction:ltr!important;
  margin:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(46px,7vw,86px)!important;
  line-height:.95!important;
  letter-spacing:-3px!important;
  font-weight:900!important;
  color:#fff!important;
  text-shadow:0 12px 34px rgba(0,0,0,.42)!important;
}
.black-hero-brand-v12 h1 span{font-size:.58em!important;color:#9ee8ff!important;letter-spacing:-1px!important}
.black-hero-brand-v12 p{
  margin:0!important;
  max-width:430px!important;
  color:rgba(238,248,255,.86)!important;
  font-weight:800!important;
  font-size:16px!important;
  line-height:1.85!important;
}
.black-hero-gallery-v12{
  display:grid!important;
  grid-template-columns:1.2fr .82fr .82fr!important;
  grid-template-rows:190px 190px!important;
  gap:12px!important;
  min-width:0!important;
}
.black-hero-gallery-v12 figure{
  position:relative!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#111!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24)!important;
}
.black-hero-gallery-v12 figure.main{grid-row:1/3!important;border-radius:30px!important}
.black-hero-gallery-v12 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:.88!important;
  filter:saturate(1.04) contrast(1.03)!important;
}
.black-hero-gallery-v12 figure:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.26))!important;
  pointer-events:none!important;
}
.black-hero-livebar-v12{
  position:relative!important;
  z-index:4!important;
  margin:0 26px 26px!important;
  padding:12px!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.20)!important;
}
.black-live-card-v12{
  min-height:72px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:13px!important;
  text-decoration:none!important;
  background:#fff!important;
  color:#0b1724!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
.black-live-card-v12 i{
  width:46px!important;height:46px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:#eaf4ff!important;color:#155a8e!important;font-size:20px!important;
}
.black-live-card-v12.live i{background:#fff0f2!important;color:#e03131!important}
.black-live-card-v12 b{
  display:block!important;
  color:#0b1724!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.1!important;
  visibility:visible!important;
  opacity:1!important;
}
.black-live-card-v12 small{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
  margin-top:4px!important;
}
.premium-tripoli-hero-v11,.single-transparent-hero-v10,.merged-home-hero-v9,.hero-city-companion-v8,.home-hero-v2.hero-with-logo-v4,.home-status-strip-v3{display:none!important}
@keyframes blackHeroShineV12{0%,70%{transform:translateX(120%)}84%,100%{transform:translateX(-120%)}}
@media(max-width:720px){
  .black-tripoli-hero-v12{margin:8px 8px 12px!important;min-height:0!important;border-radius:30px!important}
  .black-hero-content-v12{grid-template-columns:1fr!important;gap:15px!important;min-height:0!important;padding:18px!important}
  .black-hero-brand-v12{text-align:center!important;place-items:center!important;gap:11px!important}
  .black-hero-brand-v12 h1{font-size:54px!important;letter-spacing:-2px!important}
  .black-hero-brand-v12 p{font-size:13.5px!important;line-height:1.7!important;max-width:310px!important}
  .black-hero-gallery-v12{grid-template-columns:1fr 1fr!important;grid-template-rows:180px 118px 118px!important;gap:9px!important}
  .black-hero-gallery-v12 figure.main{grid-column:1/3!important;grid-row:1/2!important}
  .black-hero-gallery-v12 figure{border-radius:18px!important}.black-hero-gallery-v12 figure.main{border-radius:22px!important}
  .black-hero-livebar-v12{margin:0 14px 16px!important;padding:9px!important;gap:8px!important;border-radius:22px!important}
  .black-live-card-v12{min-height:58px!important;border-radius:17px!important;gap:8px!important}
  .black-live-card-v12 i{width:36px!important;height:36px!important;border-radius:13px!important;font-size:16px!important}.black-live-card-v12 b{font-size:13.5px!important}.black-live-card-v12 small{font-size:10.5px!important}
}

/* =========================================================
   FINAL UNIFIED BREAKING + FOOTER NAV / NO HOME VIDEO GAP
   شريط العاجل مع الفوتر كجسم واحد وإلغاء الفراغ بعد أحدث الفيديوهات
   ========================================================= */
body .bottom-nav,
.app-shell .bottom-nav{
  bottom:0!important;
  height:76px!important;
  width:min(540px,100%)!important;
  border-radius:0!important;
  border-top:0!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 -10px 28px rgba(20,70,120,.10)!important;
  z-index:10003!important;
}
body .breaking-footer,
.app-shell .breaking-footer{
  bottom:76px!important;
  width:min(540px,100%)!important;
  height:44px!important;
  padding:6px 10px!important;
  border-radius:26px 26px 0 0!important;
  border:1px solid rgba(210,226,240,.95)!important;
  border-bottom:0!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 -12px 30px rgba(20,70,120,.11)!important;
  z-index:10004!important;
  gap:8px!important;
}
body .breaking-footer:after,
.app-shell .breaking-footer:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:2px!important;
  background:rgba(255,255,255,.985)!important;
  pointer-events:none!important;
}
body .breaking-footer .breaking-label{
  height:30px!important;
  min-width:64px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:linear-gradient(135deg,#e03131,#ff5b6b)!important;
  color:#fff!important;
  font-size:12px!important;
  box-shadow:0 7px 16px rgba(224,49,49,.24)!important;
}
body .breaking-footer .breaking-marquee{
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:999px!important;
  background:#f8fbff!important;
  border:1px solid rgba(210,226,240,.82)!important;
  padding-inline:10px!important;
}
body .breaking-footer .breaking-item,
body .breaking-footer a.breaking-item{
  color:#172437!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
body:has(.breaking-footer){padding-bottom:122px!important;}
body:has(.breaking-footer) .app-shell{padding-bottom:118px!important;}
body:not(:has(.breaking-footer)){padding-bottom:80px!important;}
body:not(:has(.breaking-footer)) .app-shell{padding-bottom:76px!important;}
.home-v2{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
.home-v2 .home-videos-section-v1{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.home-v2 .home-video-list,
.home-v2 #homeVideoList{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.home-v2 .home-videos-section-v1 .load-more-wrap{
  margin:10px 0 0!important;
  padding-bottom:0!important;
}
.home-v2 .home-videos-section-v1:last-child{
  margin-bottom:-4px!important;
}
@media(max-width:540px){
  body .bottom-nav,.app-shell .bottom-nav{height:74px!important;}
  body .breaking-footer,.app-shell .breaking-footer{bottom:74px!important;height:42px!important;padding:5px 9px!important;border-radius:22px 22px 0 0!important;}
  body:has(.breaking-footer){padding-bottom:116px!important;}
  body:has(.breaking-footer) .app-shell{padding-bottom:112px!important;}
}


/* =========================================================
   HEADER + ADS ONE BLACK BODY V13
   الإعلانات داخل نفس إطار البانر وبنفس ألوانه كجسم واحد
   ========================================================= */
.black-hero-ads-shell-v13{
  position:relative!important;
  margin:10px 12px 16px!important;
  border-radius:38px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(39,131,222,.26),transparent 32%),
    radial-gradient(circle at 86% 18%,rgba(255,214,107,.14),transparent 28%),
    linear-gradient(135deg,#05080d 0%,#0b1724 48%,#030507 100%)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.24)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  isolation:isolate!important;
}
.black-hero-ads-shell-v13:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.045) 48%,transparent 62%)!important;
  transform:translateX(120%)!important;
  animation:blackHeroShineV12 9s ease-in-out infinite!important;
  pointer-events:none!important;
  z-index:0!important;
}
.black-hero-ads-shell-v13 > *{position:relative!important;z-index:1!important}
.black-hero-ads-shell-v13 .black-tripoli-hero-v12{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:hidden!important;
}
.black-hero-ads-shell-v13 .black-hero-bg-v12{
  background:transparent!important;
}
.black-hero-ads-shell-v13 .black-hero-bg-v12:after{display:none!important}
.black-hero-ads-shell-v13 .hero-ad-section-v2{
  margin:0!important;
  padding:0 26px 26px!important;
  background:transparent!important;
  border-radius:0!important;
}
.black-hero-ads-shell-v13 .hero-ad-section-v2 .section-head-v2{
  margin:0 0 12px!important;
  padding:14px 14px 0!important;
  color:#fff!important;
}
.black-hero-ads-shell-v13 .hero-ad-section-v2 .section-eyebrow-v2{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#dff5ff!important;
}
.black-hero-ads-shell-v13 .hero-ad-section-v2 .section-head-v2 h2{
  color:#fff!important;
  text-shadow:0 8px 20px rgba(0,0,0,.28)!important;
}
.black-hero-ads-shell-v13 .hero-ad-section-v2 .section-chip-v2{
  background:linear-gradient(135deg,#ffd66b,#f59f00)!important;
  color:#1a1204!important;
  border:0!important;
  box-shadow:0 10px 22px rgba(245,159,0,.18)!important;
}
.black-hero-ads-shell-v13 .premium-carousel-v2{
  border-radius:28px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}
.black-hero-ads-shell-v13 .premium-carousel-v2 .carousel-inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:28px!important;
}
.black-hero-ads-shell-v13 .ad-slide-v2.ad-dream-v1{
  min-height:258px!important;
  aspect-ratio:auto!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.58),rgba(10,21,34,.22) 52%,rgba(0,0,0,.48)),
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:0!important;
  box-shadow:none!important;
}
.black-hero-ads-shell-v13 .ad-dream-stage{
  background:rgba(255,255,255,.065)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.black-hero-ads-shell-v13 .ad-dream-info{
  background:rgba(0,0,0,.26)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.black-hero-ads-shell-v13 .carousel-indicators{bottom:6px!important}
.black-hero-ads-shell-v13 + .home-section-v2{margin-top:4px!important}
@media(max-width:720px){
  .black-hero-ads-shell-v13{margin:8px 8px 12px!important;border-radius:30px!important}
  .black-hero-ads-shell-v13 .hero-ad-section-v2{padding:0 14px 16px!important}
  .black-hero-ads-shell-v13 .hero-ad-section-v2 .section-head-v2{padding:10px 6px 0!important}
  .black-hero-ads-shell-v13 .ad-slide-v2.ad-dream-v1{min-height:300px!important}
}

/* =========================================================
   CALM BLUE HEADER + ADS BODY V14
   تحويل جسم الهيدر والإعلانات من الأسود إلى أزرق رايق بنفس روح الخلفية الأساسية
   ========================================================= */
.black-hero-ads-shell-v13{
  background:
    radial-gradient(circle at 14% 8%,rgba(121,188,255,.34),transparent 34%),
    radial-gradient(circle at 88% 16%,rgba(198,233,255,.28),transparent 30%),
    linear-gradient(135deg,#eaf6ff 0%,#d9edff 38%,#c7e4fb 72%,#f4f9ff 100%)!important;
  border:1px solid rgba(174,211,240,.94)!important;
  box-shadow:0 24px 58px rgba(20,70,120,.16)!important;
}
.black-hero-ads-shell-v13:before{
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.32) 48%,transparent 62%)!important;
}
.black-hero-ads-shell-v13 .black-tripoli-hero-v12{
  color:#172437!important;
}
.black-hero-ads-shell-v13 .black-hero-bg-v12{
  background:transparent!important;
}
.black-hero-ads-shell-v13 .brand-kicker-v12{
  background:rgba(255,255,255,.66)!important;
  border:1px solid rgba(174,211,240,.88)!important;
  color:#155a8e!important;
  box-shadow:0 10px 22px rgba(20,70,120,.06)!important;
}
.black-hero-ads-shell-v13 .black-hero-brand-v12 h1{
  color:#0f3554!important;
  text-shadow:0 10px 26px rgba(255,255,255,.55),0 8px 18px rgba(20,70,120,.12)!important;
}
.black-hero-ads-shell-v13 .black-hero-brand-v12 h1 span{
  color:#2783de!important;
}
.black-hero-ads-shell-v13 .black-hero-brand-v12 p{
  color:#496579!important;
}
.black-hero-ads-shell-v13 .black-hero-gallery-v12 figure{
  background:#d9edff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 16px 34px rgba(20,70,120,.14)!important;
}
.black-hero-ads-shell-v13 .black-hero-gallery-v12 img{
  opacity:.94!important;
}
.black-hero-ads-shell-v13 .black-hero-gallery-v12 figure:after{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(15,53,84,.18))!important;
}
.black-hero-ads-shell-v13 .black-hero-livebar-v12{
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(174,211,240,.82)!important;
  box-shadow:0 14px 30px rgba(20,70,120,.10)!important;
}
.black-hero-ads-shell-v13 .black-live-card-v12{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(174,211,240,.85)!important;
  box-shadow:0 10px 24px rgba(20,70,120,.09)!important;
}
.black-hero-ads-shell-v13 .black-live-card-v12 b{
  color:#0f3554!important;
}
.black-hero-ads-shell-v13 .black-live-card-v12 small{
  color:#60788e!important;
}
.black-hero-ads-shell-v13 .hero-ad-section-v2 .section-eyebrow-v2{
  background:rgba(255,255,255,.64)!important;
  border:1px solid rgba(174,211,240,.82)!important;
  color:#155a8e!important;
}
.black-hero-ads-shell-v13 .hero-ad-section-v2 .section-head-v2 h2{
  color:#0f3554!important;
  text-shadow:0 8px 20px rgba(255,255,255,.62)!important;
}
.black-hero-ads-shell-v13 .hero-ad-section-v2 .section-chip-v2{
  background:linear-gradient(135deg,#2783de,#63b3ff)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(39,131,222,.18)!important;
}
.black-hero-ads-shell-v13 .premium-carousel-v2{
  background:rgba(255,255,255,.50)!important;
  border:1px solid rgba(174,211,240,.86)!important;
  box-shadow:0 18px 42px rgba(20,70,120,.12)!important;
}
.black-hero-ads-shell-v13 .ad-slide-v2.ad-dream-v1{
  background:
    linear-gradient(90deg,rgba(255,255,255,.78),rgba(233,246,255,.45) 52%,rgba(255,255,255,.70)),
    linear-gradient(135deg,rgba(255,255,255,.72),rgba(210,234,252,.38))!important;
  color:#172437!important;
}
.black-hero-ads-shell-v13 .ad-dream-stage{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(174,211,240,.72)!important;
}
.black-hero-ads-shell-v13 .ad-dream-badge{
  background:linear-gradient(135deg,#2783de,#63b3ff)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(39,131,222,.16)!important;
}
.black-hero-ads-shell-v13 .ad-dream-spark{
  background:rgba(255,255,255,.66)!important;
  border-color:rgba(174,211,240,.72)!important;
  color:#155a8e!important;
}
.black-hero-ads-shell-v13 .ad-dream-info{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(174,211,240,.76)!important;
}
.black-hero-ads-shell-v13 .ad-dream-info b{
  color:#0f3554!important;
}
.black-hero-ads-shell-v13 .ad-dream-info small{
  color:#60788e!important;
}
.black-hero-ads-shell-v13 .ad-dream-info span{
  background:linear-gradient(135deg,#155a8e,#2783de)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(21,90,142,.16)!important;
}

/* =========================================================
   BREAKING NEWS DARK NAVY TEXT FIX
   جعل نص الخبر العاجل كحلي غامق وواضح بعد تغيير ألوان الهيدر
   ========================================================= */
body .breaking-footer .breaking-marquee,
body .breaking-footer .breaking-track,
body .breaking-footer .breaking-item,
body .breaking-footer a.breaking-item,
body .breaking-footer a.breaking-item:visited,
.app-shell .breaking-footer .breaking-marquee,
.app-shell .breaking-footer .breaking-track,
.app-shell .breaking-footer .breaking-item,
.app-shell .breaking-footer a.breaking-item,
.app-shell .breaking-footer a.breaking-item:visited{
  color:#071d33!important;
  opacity:1!important;
  text-shadow:none!important;
}
body .breaking-footer .breaking-marquee{
  background:#ffffff!important;
  border-color:rgba(7,29,51,.12)!important;
}
body .breaking-footer .breaking-item,
body .breaking-footer a.breaking-item{
  font-weight:900!important;
}

/* =========================================================
   FINAL FORCE MOBILE BREAKING NAVY TEXT
   فرض لون كحلي غامق للخبر العاجل على الهاتف وكل الأجهزة
   ========================================================= */
@media(max-width:900px){
  html body .app-shell .breaking-footer,
  html body .breaking-footer{
    background:#ffffff!important;
    color:#071d33!important;
  }
  html body .app-shell .breaking-footer .breaking-marquee,
  html body .breaking-footer .breaking-marquee{
    background:#ffffff!important;
    color:#071d33!important;
    opacity:1!important;
    -webkit-text-fill-color:#071d33!important;
    text-shadow:none!important;
  }
  html body .app-shell .breaking-footer .breaking-track,
  html body .app-shell .breaking-footer .breaking-track *,
  html body .app-shell .breaking-footer .breaking-marquee span,
  html body .app-shell .breaking-footer .breaking-marquee span *,
  html body .app-shell .breaking-footer .breaking-item,
  html body .app-shell .breaking-footer a.breaking-item,
  html body .app-shell .breaking-footer a.breaking-item:link,
  html body .app-shell .breaking-footer a.breaking-item:visited,
  html body .app-shell .breaking-footer a.breaking-item:hover,
  html body .app-shell .breaking-footer a.breaking-item:active,
  html body .breaking-footer .breaking-track,
  html body .breaking-footer .breaking-track *,
  html body .breaking-footer .breaking-marquee span,
  html body .breaking-footer .breaking-marquee span *,
  html body .breaking-footer .breaking-item,
  html body .breaking-footer a.breaking-item,
  html body .breaking-footer a.breaking-item:link,
  html body .breaking-footer a.breaking-item:visited,
  html body .breaking-footer a.breaking-item:hover,
  html body .breaking-footer a.breaking-item:active{
    color:#071d33!important;
    -webkit-text-fill-color:#071d33!important;
    opacity:1!important;
    visibility:visible!important;
    font-weight:900!important;
    text-shadow:none!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }
  html body .app-shell .breaking-footer.breaking-new-flash-strong .breaking-item,
  html body .app-shell .breaking-footer.breaking-new-flash-strong a.breaking-item,
  html body .breaking-footer.breaking-new-flash-strong .breaking-item,
  html body .breaking-footer.breaking-new-flash-strong a.breaking-item{
    color:#071d33!important;
    -webkit-text-fill-color:#071d33!important;
  }
}

/* =========================================================
   FINAL FADE URGENT TICKER EVERY 10 SECONDS
   عاجل Fade in/out كل 10 ثواني مع نص كحلي واضح ومتعدد الأسطر
   ========================================================= */
html body .breaking-footer.final-fade-breaking,
html body .app-shell .breaking-footer.final-fade-breaking{
  height:auto!important;
  min-height:54px!important;
  padding:7px 10px!important;
  align-items:center!important;
  background:#ffffff!important;
  color:#071d33!important;
  overflow:visible!important;
}
html body .breaking-footer.final-fade-breaking .breaking-marquee,
html body .app-shell .breaking-footer.final-fade-breaking .breaking-marquee{
  height:auto!important;
  min-height:38px!important;
  overflow:visible!important;
  white-space:normal!important;
  display:flex!important;
  align-items:center!important;
  background:#ffffff!important;
  border:1px solid rgba(7,29,51,.14)!important;
  color:#071d33!important;
  padding:6px 11px!important;
}
html body .breaking-footer.final-fade-breaking .breaking-track,
html body .app-shell .breaking-footer.final-fade-breaking .breaking-track{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  transform:none!important;
  animation:none!important;
  -webkit-animation:none!important;
  white-space:normal!important;
  color:#071d33!important;
}
html body .breaking-footer.final-fade-breaking .breaking-item,
html body .breaking-footer.final-fade-breaking a.breaking-item,
html body .app-shell .breaking-footer.final-fade-breaking .breaking-item,
html body .app-shell .breaking-footer.final-fade-breaking a.breaking-item{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.45!important;
  max-height:3.05em!important;
  color:#071d33!important;
  -webkit-text-fill-color:#071d33!important;
  font-weight:900!important;
  font-size:13.5px!important;
  opacity:1!important;
  visibility:visible!important;
  text-decoration:none!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
html body .breaking-footer.final-fade-breaking.breaking-fade-out .breaking-track{
  opacity:0!important;
  transform:translateY(6px)!important;
  transition:opacity .38s ease, transform .38s ease!important;
}
html body .breaking-footer.final-fade-breaking.breaking-fade-in .breaking-track{
  opacity:1!important;
  transform:translateY(0)!important;
  transition:opacity .45s ease, transform .45s ease!important;
}
html body .breaking-footer.final-fade-breaking .breaking-label{
  align-self:center!important;
  height:34px!important;
  min-width:66px!important;
  flex:0 0 auto!important;
}
@media(max-width:540px){
  html body .breaking-footer.final-fade-breaking,
  html body .app-shell .breaking-footer.final-fade-breaking{
    min-height:58px!important;
    padding:6px 8px!important;
  }
  html body .breaking-footer.final-fade-breaking .breaking-marquee{
    min-height:42px!important;
    padding:6px 9px!important;
  }
  html body .breaking-footer.final-fade-breaking .breaking-item,
  html body .breaking-footer.final-fade-breaking a.breaking-item{
    font-size:12.8px!important;
    line-height:1.42!important;
    max-height:4.26em!important;
  }
}

/* =========================================================
   FINAL 3D RAISED HOME SECTIONS + MAIN CATEGORIES
   جعل الأقسام الرئيسية و home-section-v2 نافرة ثلاثية الأبعاد
   ========================================================= */
.home-v2 .home-section-v2{
  position:relative!important;
  margin:14px 12px 0!important;
  padding:16px 14px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(232,244,255,.88))!important;
  border:1px solid rgba(185,215,240,.92)!important;
  box-shadow:
    0 20px 42px rgba(20,70,120,.13),
    0 8px 18px rgba(20,70,120,.07),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(155,190,220,.24)!important;
  transform:translateZ(0)!important;
  overflow:visible!important;
}
.home-v2 .home-section-v2:before{
  content:""!important;
  position:absolute!important;
  inset:10px 12px -10px 12px!important;
  z-index:-1!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(20,70,120,.18),rgba(20,70,120,.04))!important;
  filter:blur(12px)!important;
  opacity:.55!important;
  pointer-events:none!important;
}
.home-v2 .home-section-v2 .section-head-v2{
  position:relative!important;
  z-index:2!important;
}
.home-v2 .home-section-v2 .section-head-v2 h2{
  color:#0f3554!important;
  text-shadow:0 1px 0 #fff!important;
}
.home-v2 .home-section-v2 .section-eyebrow-v2,
.home-v2 .home-section-v2 .section-chip-v2,
.home-v2 .home-section-v2 .section-head-v2 a{
  background:linear-gradient(145deg,#ffffff,#eef7ff)!important;
  border:1px solid rgba(185,215,240,.9)!important;
  box-shadow:0 8px 18px rgba(20,70,120,.08), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.categories-section-v2{
  background:
    radial-gradient(circle at 12% 8%,rgba(39,131,222,.18),transparent 34%),
    radial-gradient(circle at 92% 18%,rgba(99,179,255,.14),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(225,241,255,.92))!important;
  border-color:rgba(165,205,238,.98)!important;
  box-shadow:
    0 26px 58px rgba(20,70,120,.17),
    0 10px 22px rgba(20,70,120,.10),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
.cat-grid-v2{
  gap:14px!important;
  perspective:900px!important;
}
.cat-card-v2,
.cat-card-v2:nth-child(1),
.cat-card-v2:nth-child(2),
.cat-card-v2:nth-child(3),
.cat-card-v2:nth-child(4),
.cat-card-v2:nth-child(5),
.cat-card-v2:nth-child(6){
  position:relative!important;
  min-height:138px!important;
  border-radius:28px!important;
  padding:15px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,247,255,.92))!important;
  border:1px solid rgba(185,215,240,.95)!important;
  box-shadow:
    0 18px 32px rgba(20,70,120,.16),
    0 7px 12px rgba(20,70,120,.09),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(160,198,228,.28)!important;
  transform:translateY(-2px)!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
  overflow:hidden!important;
}
.cat-card-v2:before{
  content:""!important;
  position:absolute!important;
  width:138px!important;
  height:138px!important;
  left:-48px!important;
  top:-48px!important;
  border-radius:999px!important;
  background:var(--cat-color,#2783de)!important;
  opacity:.16!important;
  filter:blur(.2px)!important;
}
.cat-card-v2:after{
  content:""!important;
  position:absolute!important;
  inset:auto 12px 12px auto!important;
  width:54px!important;
  height:54px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),color-mix(in srgb,var(--cat-color,#2783de) 22%,#fff))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 16px rgba(20,70,120,.08)!important;
  opacity:.9!important;
}
.cat-card-v2:hover{
  transform:translateY(-8px) scale(1.018)!important;
  border-color:color-mix(in srgb,var(--cat-color,#2783de) 34%,#fff)!important;
  box-shadow:
    0 28px 50px rgba(20,70,120,.22),
    0 12px 22px rgba(20,70,120,.14),
    inset 0 1px 0 rgba(255,255,255,1)!important;
}
.cat-icon-v2{
  width:54px!important;
  height:54px!important;
  border-radius:21px!important;
  background:linear-gradient(145deg,#ffffff,color-mix(in srgb,var(--cat-color,#2783de) 15%,#fff))!important;
  color:var(--cat-color,#2783de)!important;
  font-size:25px!important;
  box-shadow:
    0 12px 22px rgba(20,70,120,.13),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  border:1px solid color-mix(in srgb,var(--cat-color,#2783de) 18%,#fff)!important;
}
.cat-title-v2{
  color:#102f4a!important;
  text-shadow:0 1px 0 #fff!important;
  font-size:19px!important;
}
.cat-card-v2 small{
  color:#5f7084!important;
  font-weight:900!important;
}
.count-badge-v2{
  background:linear-gradient(145deg,#e03131,#ff6b6b)!important;
  box-shadow:0 12px 22px rgba(224,49,49,.30), inset 0 1px 0 rgba(255,255,255,.36)!important;
  border:1px solid rgba(255,255,255,.45)!important;
}
.service-card-v2,
.video-card-pro{
  box-shadow:0 16px 30px rgba(20,70,120,.12), inset 0 1px 0 rgba(255,255,255,.9)!important;
  border-color:rgba(185,215,240,.9)!important;
}
@media(max-width:540px){
  .home-v2 .home-section-v2{margin:12px 8px 0!important;padding:13px 10px!important;border-radius:26px!important}
  .cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .cat-card-v2{min-height:126px!important;border-radius:23px!important;padding:12px!important;transform:translateY(-1px)!important}
  .cat-card-v2:hover{transform:translateY(-1px)!important}
  .cat-icon-v2{width:48px!important;height:48px!important;border-radius:18px!important;font-size:22px!important}
  .cat-title-v2{font-size:16.5px!important}
  .cat-card-v2 small{font-size:11px!important}
}

/* =========================================================
   PEOPLE OPINION POLL SECTION
   قسم رأي الناس الثابت والتصويت من لوحة التحكم
   ========================================================= */
.people-opinion-section-v1{
  background:radial-gradient(circle at 12% 0,rgba(39,131,222,.18),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(229,243,255,.94))!important;
  border-color:rgba(165,205,238,.98)!important;
}
.people-opinion-section-v1 .section-eyebrow-v2{color:#155a8e!important;background:#eaf4ff!important;border-color:#cfe7fb!important}
.poll-card-pro{position:relative;border-radius:26px;padding:14px;background:linear-gradient(145deg,#ffffff,#f1f8ff);border:1px solid rgba(185,215,240,.9);box-shadow:0 16px 32px rgba(20,70,120,.10),inset 0 1px 0 rgba(255,255,255,.96)}
.poll-question-pro{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin-bottom:12px}.poll-question-pro i{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2783de,#63b3ff);color:#fff;font-size:21px;box-shadow:0 12px 22px rgba(39,131,222,.18)}.poll-question-pro b{font-size:18px;line-height:1.55;font-weight:900;color:#0f3554}
.poll-options-pro{display:grid;gap:9px}.poll-option-pro{position:relative;overflow:hidden;border:1px solid rgba(185,215,240,.9);border-radius:18px;background:#fff;min-height:54px;padding:9px 12px;text-align:right;display:grid;gap:3px;color:#102f4a;box-shadow:0 8px 18px rgba(20,70,120,.06);cursor:pointer}.poll-option-pro span,.poll-option-pro small{position:relative;z-index:2}.poll-option-pro span{font-weight:900}.poll-option-pro small{color:#64748b;font-weight:800}.poll-option-pro small b{color:#155a8e}.poll-option-pro i[data-poll-bar]{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(39,131,222,.16),rgba(99,179,255,.08));transition:width .35s ease;z-index:1}.poll-option-pro.is-selected{border-color:#2783de!important;box-shadow:0 12px 24px rgba(39,131,222,.16)}.poll-option-pro.is-selected:after{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#2783de;color:#fff;font-weight:900;z-index:3}.poll-foot-pro{margin-top:11px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:16px;background:#f8fbff;border:1px solid rgba(210,226,240,.82);min-height:40px;color:#5f7084;font-weight:900}.poll-foot-pro span{color:#155a8e;font-size:18px}
@media(max-width:540px){.poll-card-pro{padding:12px;border-radius:22px}.poll-question-pro{grid-template-columns:42px 1fr}.poll-question-pro i{width:42px;height:42px;border-radius:16px}.poll-question-pro b{font-size:16px}.poll-option-pro{min-height:50px;border-radius:16px}.poll-option-pro span{font-size:14px}.poll-option-pro small{font-size:12px}}

/* =========================================================
   POLL INSIDE EXISTING PEOPLE OPINION CATEGORY
   التصويت داخل قسم رأي الناس الموجود بالأقسام + منع قص الكلام
   ========================================================= */
.cat-card-poll-v1,
.cat-card-v2.cat-card-poll-v1{
  display:block!important;
  grid-column:1 / -1!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  padding:15px!important;
  cursor:default!important;
}
.cat-poll-head-v1{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:12px!important;
  padding-left:42px!important;
}
.cat-poll-head-v1 .count-badge-v2{top:0!important;left:0!important}
.cat-poll-head-v1 .cat-title-v2,
.cat-card-poll-v1 .cat-title-v2{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.45!important;
  margin:0!important;
}
.cat-poll-head-v1 small,
.cat-card-poll-v1 small{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.45!important;
}
.cat-poll-open-v1{
  position:relative!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#155a8e,#2783de)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 10px 20px rgba(21,90,142,.16)!important;
}
.cat-card-poll-v1 .poll-card-pro{
  position:relative!important;
  z-index:4!important;
  width:100%!important;
  margin:0!important;
  overflow:visible!important;
}
.cat-card-poll-v1 .poll-card-compact-pro{
  padding:12px!important;
  border-radius:22px!important;
}
.poll-question-pro,
.poll-question-pro b,
.poll-option-pro,
.poll-option-pro span,
.poll-option-pro small,
.poll-foot-pro{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.poll-question-pro{align-items:start!important}
.poll-question-pro b{display:block!important;line-height:1.65!important;max-height:none!important}
.poll-option-pro{
  height:auto!important;
  min-height:58px!important;
  padding:11px 13px!important;
  align-items:start!important;
}
.poll-option-pro span{
  display:block!important;
  line-height:1.55!important;
  max-height:none!important;
  padding-left:36px!important;
}
.poll-option-pro small{line-height:1.4!important;max-height:none!important}
.people-opinion-category-v1 .section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.people-opinion-category-v1 .section-title h2{font-weight:900;color:#0f3554}.people-opinion-category-v1 .section-title span{border-radius:999px;background:#eaf4ff;color:#155a8e;padding:6px 11px;font-size:12px;font-weight:900}
@media(max-width:540px){
  .cat-card-poll-v1{padding:12px!important;border-radius:24px!important}
  .cat-poll-head-v1{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;padding-left:38px!important}
  .cat-poll-open-v1{grid-column:1 / -1!important;width:100%!important;margin-top:4px!important}
  .cat-card-poll-v1 .poll-question-pro{grid-template-columns:38px 1fr!important}
  .cat-card-poll-v1 .poll-question-pro i{width:38px!important;height:38px!important;border-radius:15px!important}
  .poll-question-pro b{font-size:15.5px!important;line-height:1.65!important}
  .poll-option-pro{min-height:56px!important;padding:10px 11px!important}
  .poll-option-pro span{font-size:13.5px!important;line-height:1.6!important;padding-left:34px!important}
}

/* =========================================================
   PEOPLE OPINION STANDALONE SECTION PAGE ONLY
   التصويت لا يظهر في الرئيسية، فقط داخل صفحة قسم رأي الناس
   ========================================================= */
.home-v2 .cat-card-poll-v1{display:none!important}
.people-opinion-standalone-note{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;margin-bottom:14px;padding:13px;border-radius:22px;background:linear-gradient(145deg,#ffffff,#eef7ff);border:1px solid rgba(185,215,240,.92);box-shadow:0 12px 26px rgba(20,70,120,.09)}
.people-opinion-standalone-note i{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#155a8e,#2783de);color:#fff;font-size:23px;box-shadow:0 12px 22px rgba(21,90,142,.18)}
.people-opinion-standalone-note b{display:block;color:#0f3554;font-weight:900;font-size:18px;line-height:1.45}.people-opinion-standalone-note small{display:block;color:#64748b;font-weight:800;line-height:1.55;white-space:normal;overflow:visible;text-overflow:clip}
@media(max-width:540px){.people-opinion-standalone-note{grid-template-columns:46px 1fr;padding:11px;border-radius:19px}.people-opinion-standalone-note i{width:46px;height:46px;border-radius:17px}.people-opinion-standalone-note b{font-size:16px}}

/* =========================================================
   ISTIFTA ADMIN TEXTAREA + OPTION TEXT READABILITY FIX
   إصلاح وضوح نص خيارات الاستفتاء ومنع قص الكلام نهائياً
   ========================================================= */
.istifta-admin-card-v2,
.istifta-admin-card-v2 *{
  font-family:'Tajawal',Arial,Tahoma,sans-serif!important;
}
.istifta-label-v2{
  display:block!important;
  color:#0f3554!important;
  font-weight:900!important;
  font-size:15px!important;
  line-height:1.7!important;
  margin-bottom:7px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.istifta-input-v2,
.istifta-options-textarea-v2{
  direction:rtl!important;
  text-align:right!important;
  unicode-bidi:plaintext!important;
  color:#071d33!important;
  -webkit-text-fill-color:#071d33!important;
  background:#fff!important;
  border:1px solid rgba(170,205,235,.95)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 18px rgba(20,70,120,.06)!important;
  font-weight:800!important;
  line-height:1.8!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.istifta-options-textarea-v2{
  min-height:210px!important;
  resize:vertical!important;
  overflow:auto!important;
  padding:14px 15px!important;
  font-size:16px!important;
}
.istifta-options-textarea-v2::placeholder,
.istifta-input-v2::placeholder{
  color:#7b8da3!important;
  -webkit-text-fill-color:#7b8da3!important;
  opacity:1!important;
  white-space:pre-line!important;
  line-height:1.8!important;
}
.istifta-help-v2{
  display:block!important;
  margin-top:6px!important;
  padding:9px 11px!important;
  border-radius:14px!important;
  background:#eef7ff!important;
  border:1px solid rgba(190,220,244,.92)!important;
  color:#496579!important;
  font-weight:800!important;
  font-size:13px!important;
  line-height:1.7!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.istifta-check-v2,
.istifta-check-v2 span{
  color:#0f3554!important;
  font-weight:900!important;
  line-height:1.7!important;
  white-space:normal!important;
}
.istifta-table-v2 td,
.istifta-table-v2 th{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.65!important;
  vertical-align:middle!important;
}
.poll-option-pro,
.poll-option-pro span,
.poll-option-pro small,
.poll-question-pro,
.poll-question-pro b{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-height:none!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.poll-option-pro span{
  display:block!important;
  line-height:1.7!important;
}
.poll-option-pro{
  height:auto!important;
  min-height:64px!important;
}
@media(max-width:540px){
  .istifta-options-textarea-v2{min-height:230px!important;font-size:15px!important;line-height:1.9!important}
  .istifta-label-v2{font-size:14px!important}
  .istifta-help-v2{font-size:12.5px!important}
  .poll-option-pro span{line-height:1.75!important}
}


/* =========================================================
   POLL IP LOCK AFTER ONE VOTE
   منع التصويت أكثر من مرة على نفس الآيبي لحين إنشاء استفتاء جديد
   ========================================================= */
.poll-ip-locked .poll-option-pro,
.poll-option-pro:disabled{
  cursor:not-allowed!important;
}
.poll-ip-locked .poll-option-pro:not(.is-selected){
  opacity:.82!important;
}
.poll-lock-message-v1{
  display:block!important;
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:#eef7ff!important;
  border:1px solid rgba(190,220,244,.95)!important;
  color:#0f3554!important;
  font-weight:900!important;
  font-size:13px!important;
  line-height:1.65!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.poll-lock-message-v1:empty{
  display:none!important;
}
.poll-ip-locked .poll-lock-message-v1:empty:before{
  content:'لقد قمت بالتصويت من هذا الـ IP. يمكنك التصويت مجدداً عند نشر استفتاء جديد.';
}

/* =========================================================
   BOOTSTRAP 5 POLL REDESIGN FINAL
   تصميم الاستفتاء Bootstrap 5 احترافي وواضح
   ========================================================= */
.poll-bs5-card{
  border-radius:28px!important;
  background:linear-gradient(145deg,#ffffff,#f2f8ff)!important;
  overflow:hidden!important;
}
.poll-bs5-icon{
  width:54px!important;
  height:54px!important;
  background:linear-gradient(135deg,#155a8e,#2783de)!important;
  color:#fff!important;
  font-size:22px!important;
  box-shadow:0 12px 22px rgba(21,90,142,.18)!important;
}
.poll-bs5-question h2,
.poll-bs5-option-text{
  color:#0f3554!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.poll-bs5-option{
  border:1px solid rgba(190,220,244,.95)!important;
  border-radius:18px!important;
  margin-bottom:10px!important;
  background:#fff!important;
  color:#0f3554!important;
  box-shadow:0 8px 18px rgba(20,70,120,.06)!important;
  height:auto!important;
  min-height:76px!important;
  white-space:normal!important;
}
.poll-bs5-option:hover:not(:disabled){
  transform:translateY(-2px)!important;
  border-color:#2783de!important;
  box-shadow:0 14px 28px rgba(39,131,222,.13)!important;
}
.poll-bs5-option.active,
.poll-bs5-option.is-selected{
  background:linear-gradient(145deg,#eaf6ff,#ffffff)!important;
  color:#0f3554!important;
  border-color:#2783de!important;
}
.poll-bs5-option.active .poll-bs5-option-text,
.poll-bs5-option.is-selected .poll-bs5-option-text{color:#0f3554!important}
.poll-bs5-progress{
  height:11px!important;
  border-radius:999px!important;
  background:#e8f2fb!important;
  overflow:hidden!important;
}
.poll-bs5-progress .progress-bar{
  background:linear-gradient(90deg,#155a8e,#63b3ff)!important;
  border-radius:999px!important;
}
.poll-bs5-votes{color:#64748b!important;font-weight:800!important;white-space:normal!important}
.poll-bs5-total{background:#eaf6ff!important;color:#0f3554!important;font-weight:900!important}
.poll-ip-locked .poll-bs5-option:not(.is-selected){opacity:.78!important}
.poll-bs5-option:disabled{pointer-events:none!important}
.istifta-admin-bs5-card{border-radius:28px!important}.istifta-admin-icon{width:52px;height:52px;font-size:22px}.istifta-admin-bs5-card .card-header.bg-primary{background:linear-gradient(135deg,#155a8e,#2783de)!important}.istifta-options-textarea-v2{min-height:230px!important;line-height:1.9!important}.istifta-switch-v2{min-height:58px;display:flex;align-items:center;gap:10px}.istifta-table-v2 td,.istifta-table-v2 th{white-space:normal!important;line-height:1.6!important}.fw-black{font-weight:900!important}
@media(max-width:540px){
  .poll-bs5-card{border-radius:22px!important}
  .poll-bs5-icon{width:46px!important;height:46px!important;border-radius:16px!important;font-size:19px!important}
  .poll-bs5-question{gap:10px!important}.poll-bs5-question h2{font-size:16px!important;line-height:1.75!important}
  .poll-bs5-option{border-radius:16px!important;min-height:72px!important;padding:12px!important}
  .poll-bs5-option-text{font-size:14px!important;line-height:1.7!important}
  .istifta-admin-bs5-card{border-radius:22px!important}.istifta-options-textarea-v2{min-height:250px!important}
}


/* =========================================================
   FINAL ADMIN 10 ITEMS + SELECT ALL + BULK DELETE
   كل أقسام الأدمن: 10 عناصر ثم تحميل المزيد + تحديد الكل وحذف المحدد
   ========================================================= */
.admin-load-more-wrap{
  display:flex!important;
  justify-content:center!important;
  padding:14px 0 4px!important;
}
.admin-load-more-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  border-radius:999px!important;
  padding:9px 18px!important;
  font-weight:900!important;
  box-shadow:0 12px 24px rgba(21,90,142,.14)!important;
}
.admin-load-more-btn small{
  display:inline-block!important;
  opacity:.82!important;
  font-size:11px!important;
  font-weight:800!important;
}
.admin-card table thead input[type="checkbox"],
.admin-card .row-check,
.admin-card .video-row-check{
  width:18px!important;
  height:18px!important;
  cursor:pointer!important;
  accent-color:#155a8e!important;
}
.admin-card .btn[name="bulk_delete"],
.admin-card .btn[name="bulk_delete_cat"],
.admin-card .btn[name="bulk_delete_entry"]{
  border-radius:999px!important;
  font-weight:900!important;
  padding:7px 14px!important;
}
.admin-paged-card{
  transition:opacity .18s ease!important;
}
@media(max-width:540px){
  .admin-load-more-btn{width:100%!important;justify-content:center!important;flex-wrap:wrap!important}
  .admin-load-more-btn small{width:100%!important;text-align:center!important}
}

/* =========================================================
   NEWS DETAIL V2 TITLE TOP + MAIN IMAGE + CONTENT THEN SHARE
   الصورة الرئيسية مستقلة عن الألبوم + ترتيب صفحة الخبر الجديد
   ========================================================= */
.news-detail-v2{
  padding-top:12px!important;
}
.news-detail-card-v2{
  display:block!important;
  background:linear-gradient(145deg,#ffffff,#f3f9ff)!important;
  border:1px solid rgba(185,215,240,.92)!important;
  border-radius:30px!important;
  box-shadow:0 18px 42px rgba(20,70,120,.12)!important;
  overflow:hidden!important;
  padding:0!important;
}
.news-detail-head-v2{
  padding:18px 16px 10px!important;
  background:radial-gradient(circle at 16% 0,rgba(39,131,222,.13),transparent 34%),linear-gradient(180deg,#ffffff,#f6fbff)!important;
  border-bottom:1px solid rgba(210,226,240,.82)!important;
}
.news-title-top-v2,
.news-detail-head-v2 .details-title-pro{
  margin:11px 0 0!important;
  color:#0f3554!important;
  font-size:clamp(25px,5vw,38px)!important;
  line-height:1.45!important;
  font-weight:900!important;
  text-shadow:0 1px 0 #fff!important;
}
.news-title-top-v2:after{display:none!important}
.news-summary-under-title-v2{
  margin:12px 0 0!important;
  background:#eef7ff!important;
  border:1px solid rgba(190,220,244,.92)!important;
  color:#40566d!important;
  border-radius:18px!important;
  line-height:1.9!important;
}
.news-main-image-block-v2{
  padding:14px 14px 0!important;
  background:#fff!important;
}
.news-main-image-v2,
.news-detail-v2 .details-main-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0!important;
  border-radius:24px!important;
  background:#f8fbff!important;
  border:1px solid rgba(210,226,240,.95)!important;
  box-shadow:0 12px 28px rgba(20,70,120,.10)!important;
}
.news-main-image-placeholder-v2,
.news-detail-v2 .details-logo-placeholder{
  margin:0!important;
  min-height:260px!important;
  border-radius:24px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#eaf6ff,#ffffff)!important;
  border:1px solid rgba(210,226,240,.95)!important;
}
.news-content-v2,
.news-detail-v2 .article-body-pro{
  margin:0!important;
  padding:18px 16px 8px!important;
  color:#1f3448!important;
  font-size:18px!important;
  line-height:2.15!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  white-space:normal!important;
}
.news-after-content-v2{
  padding:12px 14px 18px!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
}
.news-after-content-v2 .engagement-box{
  margin-top:4px!important;
}
.news-detail-v2 .media-heading{
  padding-top:4px!important;
  border-top:1px solid rgba(210,226,240,.75)!important;
}
@media(max-width:540px){
  .news-detail-card-v2{border-radius:24px!important}
  .news-detail-head-v2{padding:15px 13px 9px!important}
  .news-title-top-v2{font-size:24px!important;line-height:1.55!important}
  .news-main-image-block-v2{padding:11px 11px 0!important}
  .news-main-image-v2,.news-detail-v2 .details-main-image{border-radius:20px!important}
  .news-content-v2,.news-detail-v2 .article-body-pro{padding:15px 13px 7px!important;font-size:16.5px!important;line-height:2.05!important}
  .news-after-content-v2{padding:10px 11px 16px!important}
}

/* =========================================================
   PROFESSIONAL ANIMATED NEWS DETAIL V3 + ADMIN REQUEST BADGES
   صفحة خبر جذابة مع حركة + إشعارات طلبات الوظائف والدم في الأدمن
   ========================================================= */
.news-animated-hero-v3{position:relative!important;overflow:hidden!important;padding:22px 18px 16px!important;background:radial-gradient(circle at 12% 8%,rgba(99,179,255,.23),transparent 34%),radial-gradient(circle at 88% 0,rgba(21,90,142,.13),transparent 30%),linear-gradient(145deg,#ffffff,#eef7ff)!important}.news-orb-v3{position:absolute;border-radius:999px;filter:blur(.3px);opacity:.55;pointer-events:none;animation:newsFloatV3 6s ease-in-out infinite}.news-orb-v3.one{width:92px;height:92px;right:-28px;top:-32px;background:rgba(39,131,222,.18)}.news-orb-v3.two{width:68px;height:68px;left:18px;bottom:14px;background:rgba(99,179,255,.18);animation-delay:1.4s}.news-kicker-row-v3{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.news-meta-chip-v3,.news-date-pill-v3{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(190,220,244,.92)!important;box-shadow:0 8px 18px rgba(20,70,120,.07)!important;padding:7px 12px!important;font-weight:900!important}.news-date-pill-v3{color:#5f7084;font-size:12px}.news-title-animated-v3{position:relative;z-index:2;animation:newsTitleInV3 .65s ease both}.news-summary-animated-v3{position:relative;z-index:2;animation:newsTitleInV3 .75s .08s ease both}.news-title-stats-v3{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.news-title-stats-v3 span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 11px;border-radius:999px;background:#fff;border:1px solid rgba(210,226,240,.9);color:#496579;font-weight:900;font-size:12px;box-shadow:0 8px 18px rgba(20,70,120,.06)}.news-title-stats-v3 i{color:#2783de}.news-image-animated-v3{animation:newsImageInV3 .75s .13s ease both}.news-content-v2{animation:newsContentInV3 .7s .18s ease both}.news-after-content-v2{animation:newsContentInV3 .7s .24s ease both}@keyframes newsTitleInV3{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes newsImageInV3{from{opacity:0;transform:scale(.975) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes newsContentInV3{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes newsFloatV3{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,10px,0) scale(1.06)}}
.admin-menu-notify-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.admin-pending-badge{min-width:24px;height:24px;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#ff3b3b,#ff7676);color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 0 0 rgba(255,59,59,.38);animation:adminPendingPulse 1.15s ease-in-out infinite}.admin-pending-badge.blood{background:linear-gradient(135deg,#c92a2a,#ff5b6b)}.admin-menu-notify-link.has-pending{background:rgba(255,255,255,.12)!important}.admin-submission-alerts-v1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-submission-alert{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;padding:13px;border-radius:22px;text-decoration:none!important;background:linear-gradient(145deg,#fff,#eef7ff);border:1px solid rgba(190,220,244,.95);box-shadow:0 12px 24px rgba(20,70,120,.08);color:#0f3554!important}.admin-submission-alert i{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#155a8e,#2783de);color:#fff}.admin-submission-alert.blood i{background:linear-gradient(135deg,#c92a2a,#ff5b6b)}.admin-submission-alert span{font-weight:900;line-height:1.45}.admin-submission-alert b{min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#ff3b3b;color:#fff;font-weight:900}.admin-submission-alert.active{border-color:#2783de;box-shadow:0 16px 30px rgba(39,131,222,.14)}@keyframes adminPendingPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,59,59,.38);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(255,59,59,0);transform:scale(1.06)}}@media(max-width:540px){.news-animated-hero-v3{padding:17px 13px 13px!important}.news-kicker-row-v3{align-items:flex-start}.news-title-stats-v3 span{font-size:11.5px}.admin-submission-alerts-v1{grid-template-columns:1fr}.admin-submission-alert{grid-template-columns:40px 1fr auto;padding:11px}.admin-submission-alert i{width:40px;height:40px;border-radius:15px}}


/* =========================================================
   OPINION WRITERS FEATURE FINAL
   كتّاب الرأي + إصلاح مصغرات فيسبوك عند فشل الصورة على الهاتف
   ========================================================= */
.video-thumb-fallback-layer{display:none!important;position:absolute!important;inset:0!important;z-index:1!important}.video-thumb-pro.has-thumb-error .video-thumb-fallback-layer{display:block!important}.video-thumb-pro.has-thumb-error .video-play-badge{display:none!important}.facebook-thumb-fallback{background:linear-gradient(135deg,#1877f2,#0b4da0)!important}.facebook-thumb-fallback b{font-size:16px!important;color:#fff!important;letter-spacing:0!important}.facebook-thumb-fallback em{color:#1877f2!important}.video-thumb-pro img[src*="fbcdn"],.video-thumb-pro img[src*="scontent"]{background:#1877f2!important}.opinion-page{padding-bottom:92px}.opinion-hero-v1{border-radius:30px;padding:16px;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.30),transparent 32%),linear-gradient(135deg,#102033,#2783de);color:#fff;box-shadow:0 14px 34px rgba(20,70,120,.16);margin-bottom:14px;overflow:hidden}.opinion-hero-copy span{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.16);padding:7px 11px;font-weight:900}.opinion-hero-copy h1{font-size:28px;font-weight:900;margin:11px 0 6px}.opinion-hero-copy p{margin:0;color:rgba(255,255,255,.86);font-weight:800;line-height:1.8}.opinion-writers-strip,.home-opinion-writers-row{display:flex;gap:12px;overflow-x:auto;padding:16px 2px 4px;scrollbar-width:none}.opinion-writer-mini{position:relative;flex:0 0 auto;width:112px;min-height:142px;border-radius:24px;background:rgba(255,255,255,.90);border:1px solid rgba(210,226,240,.9);box-shadow:0 10px 22px rgba(20,70,120,.08);display:grid;justify-items:center;align-content:start;gap:8px;padding:12px 8px;text-align:center;text-decoration:none;color:#172437!important}.opinion-hero-v1 .opinion-writer-mini{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.26);color:#fff!important;backdrop-filter:blur(10px)}.opinion-writer-mini.active{outline:3px solid rgba(255,255,255,.65);transform:translateY(-2px)}.opinion-count-badge{position:absolute;top:7px;left:8px;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,#e03131,#ff5b6b);color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px;box-shadow:0 9px 18px rgba(224,49,49,.28);z-index:3}.opinion-avatar{width:72px;height:72px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#eaf4ff,#fff);box-shadow:0 8px 18px rgba(20,70,120,.13);position:relative}.opinion-avatar.large{width:92px;height:92px;border-radius:30px}.opinion-avatar img{width:100%;height:100%;object-fit:cover;display:block}.opinion-avatar i{display:none;color:#2783de;font-size:26px}.opinion-avatar.avatar-fallback i{display:block}.opinion-writer-mini b{font-size:13.5px;font-weight:900;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opinion-article-list{display:grid;gap:12px}.opinion-article-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(210,226,240,.9);box-shadow:0 8px 22px rgba(20,70,120,.06);padding:10px;text-decoration:none;color:inherit!important}.opinion-article-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,70,120,.10);transition:.2s ease}.opinion-article-image{position:relative;width:112px;height:92px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#eef7ff,#dbeeff);display:grid;place-items:center;color:#2783de;font-weight:900}.opinion-article-image img{width:100%;height:100%;object-fit:cover}.opinion-article-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.22));pointer-events:none}.opinion-article-image em{position:absolute;right:8px;bottom:8px;z-index:2;width:32px;height:32px;border-radius:999px;background:#fff;color:#2783de;display:grid;place-items:center;box-shadow:0 7px 16px rgba(0,0,0,.18)}.opinion-article-body{min-width:0;display:grid;gap:5px}.opinion-chip{color:#7c3aed!important}.opinion-article-body>b{font-size:16.5px;line-height:1.45;font-weight:900;color:#172437;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opinion-article-body>small{color:#5f7084;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opinion-archive-card{display:grid!important}.home-opinion-section-v1 .section-eyebrow-v2{color:#7c3aed;background:#f4efff;border-color:#dfd2ff}.home-opinion-list{margin-top:12px}.opinion-detail-head{display:grid;gap:13px}.opinion-detail-writer{display:flex;align-items:center;gap:13px;padding:12px;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #e5edf6}.opinion-detail-writer span{display:block;color:#6b7b8d;font-weight:800}.opinion-detail-writer b{display:block;font-size:20px;font-weight:900;color:#172437}.opinion-detail-writer small{color:#8a98a8;font-weight:800}.opinion-content{font-size:18px;line-height:2.05}.admin-menu a[href="opinion-writers.php"],.admin-menu a[href="opinion-articles.php"]{background:rgba(255,255,255,.07);border-radius:14px}@media(max-width:540px){.opinion-hero-v1{border-radius:24px;padding:13px}.opinion-hero-copy h1{font-size:24px}.opinion-writer-mini{width:96px;min-height:130px;border-radius:21px}.opinion-avatar{width:62px;height:62px;border-radius:21px}.opinion-article-card{grid-template-columns:98px minmax(0,1fr);gap:10px;border-radius:22px}.opinion-article-image{width:98px;height:82px}.opinion-article-body>b{font-size:15.5px}.opinion-article-body>small{font-size:12.5px}.opinion-detail-writer{align-items:flex-start}.opinion-avatar.large{width:74px;height:74px;border-radius:24px}.opinion-content{font-size:16.5px}.video-thumb-pro:before{content:""!important;display:none!important}.video-thumb-pro img{opacity:1!important;filter:none!important}.facebook-thumb-fallback b{font-size:14px!important}}


.home-opinion-hint{margin-top:10px;display:flex;align-items:center;gap:8px;border-radius:18px;background:#f8fbff;border:1px solid #e5edf6;color:#5f7084;font-weight:900;padding:10px 12px;line-height:1.6}.home-opinion-hint i{color:#7c3aed}@media(max-width:540px){.home-opinion-hint{font-size:12.5px}}


/* =========================================================
   BLACK HERO WRITERS RAIL FINAL
   كتّاب الرأي داخل الهيدر الأسود، صور مدورة صغيرة وسحب يدوي
   ========================================================= */
.black-hero-writers-v1{
  position:relative!important;
  z-index:3!important;
  margin:-4px 22px 14px!important;
  padding:11px 12px 12px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  overflow:hidden!important;
}
.black-hero-writers-v1:before,
.black-hero-writers-v1:after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:34px!important;
  z-index:2!important;
  pointer-events:none!important;
}
.black-hero-writers-v1:before{right:0!important;background:linear-gradient(90deg,transparent,rgba(7,19,34,.86))!important}
.black-hero-writers-v1:after{left:0!important;background:linear-gradient(270deg,transparent,rgba(7,19,34,.86))!important}
.black-hero-writers-head-v1{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#fff!important;
  margin-bottom:9px!important;
  padding:0 4px!important;
}
.black-hero-writers-head-v1 span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font-weight:900!important;
  font-size:14px!important;
}
.black-hero-writers-head-v1 span i{color:#9ee8ff!important}
.black-hero-writers-head-v1 small{color:rgba(255,255,255,.68)!important;font-weight:800!important;font-size:11.5px!important;white-space:nowrap!important}
.black-hero-writers-scroll-v1{
  display:flex!important;
  flex-direction:row!important;
  gap:11px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:2px 2px 3px!important;
  cursor:grab!important;
}
.black-hero-writers-scroll-v1::-webkit-scrollbar{display:none!important}
.black-hero-writer-v1{
  flex:0 0 auto!important;
  width:78px!important;
  scroll-snap-align:center!important;
  display:grid!important;
  justify-items:center!important;
  gap:6px!important;
  text-decoration:none!important;
  color:#fff!important;
  position:relative!important;
  padding:4px 2px 2px!important;
}
.black-hero-writer-img-v1{
  width:58px!important;
  height:58px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#102033,#2783de)!important;
  border:2px solid rgba(255,255,255,.82)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 0 4px rgba(158,232,255,.11)!important;
}
.black-hero-writer-img-v1 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.black-hero-writer-img-v1 i{font-size:20px!important;color:#fff!important}
.black-hero-writer-count-v1{
  position:absolute!important;
  top:0!important;
  left:8px!important;
  z-index:3!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#e03131,#ff5b6b)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 8px 16px rgba(224,49,49,.34)!important;
}
.black-hero-writer-v1 b{
  max-width:78px!important;
  text-align:center!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1.25!important;
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.black-hero-writer-v1:hover .black-hero-writer-img-v1{transform:translateY(-2px) scale(1.03)!important;border-color:#9ee8ff!important;transition:.22s ease!important}
.home-v2 .home-videos-section-v1{display:none!important}
@media(max-width:540px){
  .black-hero-writers-v1{margin:-2px 14px 12px!important;border-radius:22px!important;padding:10px 10px 11px!important}
  .black-hero-writers-head-v1 small{font-size:10.5px!important}
  .black-hero-writers-scroll-v1{gap:9px!important}
  .black-hero-writer-v1{width:68px!important}
  .black-hero-writer-img-v1{width:52px!important;height:52px!important}
  .black-hero-writer-v1 b{font-size:10.8px!important;max-width:68px!important}
  .black-hero-writer-count-v1{left:5px!important;min-width:22px!important;height:22px!important;font-size:10px!important}
}


/* =========================================================
   TOP INTEGRATED WRITERS FINAL REQUEST
   كتّاب الرأي من فوق داخل إطار الهيدر كجسم واحد مثل شريط المستخدم والبث
   ========================================================= */
.black-tripoli-hero-v12{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.black-hero-writers-top-v1,
.black-tripoli-hero-v12 > .black-hero-writers-v1{
  order:1!important;
  margin:14px 14px 0!important;
  padding:10px 10px 11px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(16px)!important;
}
.black-tripoli-hero-v12 > .black-hero-content-v12{order:2!important}
.black-tripoli-hero-v12 > .black-hero-livebar-v12{order:3!important}
.black-hero-writers-top-v1 .black-hero-writers-head-v1{
  margin-bottom:8px!important;
  padding:0 2px!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span{
  min-height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 small{
  background:rgba(0,0,0,.16)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  padding:6px 10px!important;
}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1{
  padding:2px 4px 4px!important;
  gap:12px!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1{
  width:74px!important;
  padding-top:3px!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1{
  width:54px!important;
  height:54px!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.30),0 0 0 4px rgba(255,255,255,.08)!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1 b{
  max-width:74px!important;
  font-size:11px!important;
}
.black-hero-writers-top-v1 .black-hero-writer-count-v1{
  top:-1px!important;
  left:7px!important;
}
@media(max-width:540px){
  .black-hero-writers-top-v1,
  .black-tripoli-hero-v12 > .black-hero-writers-v1{
    margin:11px 11px 0!important;
    padding:9px 9px 10px!important;
    border-radius:21px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writers-head-v1 small{
    display:none!important;
  }
  .black-hero-writers-top-v1 .black-hero-writers-head-v1{
    justify-content:flex-start!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1{width:64px!important}
  .black-hero-writers-top-v1 .black-hero-writer-img-v1{width:50px!important;height:50px!important}
  .black-hero-writers-top-v1 .black-hero-writer-v1 b{max-width:64px!important;font-size:10.5px!important}
}


/* =========================================================
   EXACT HERO WRITER CIRCLES CLICK ARTICLES
   دوائر كتّاب الرأي + الاسم تحت الصورة + إشعار فوق الصورة + مقالات تحتهم عند الضغط
   ========================================================= */
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
.black-hero-writers-v1 .black-hero-writers-scroll-v1{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  touch-action:pan-x!important;
  padding:5px 4px 8px!important;
  scrollbar-width:none!important;
}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1::-webkit-scrollbar,
.black-hero-writers-v1 .black-hero-writers-scroll-v1::-webkit-scrollbar{display:none!important}
.black-hero-writer-v1{
  flex:0 0 76px!important;
  width:76px!important;
  min-width:76px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  position:relative!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#fff!important;
  scroll-snap-align:center!important;
  -webkit-tap-highlight-color:transparent!important;
}
.black-hero-writer-img-v1,
.black-hero-writers-top-v1 .black-hero-writer-img-v1{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#123957,#2783de)!important;
  border:2px solid rgba(255,255,255,.95)!important;
  box-shadow:0 11px 24px rgba(0,0,0,.34),0 0 0 4px rgba(158,232,255,.12)!important;
}
.black-hero-writer-img-v1 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:50%!important;
}
.black-hero-writer-v1 b,
.black-hero-writers-top-v1 .black-hero-writer-v1 b{
  display:block!important;
  width:100%!important;
  max-width:76px!important;
  min-height:28px!important;
  color:#fff!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:center!important;
  text-shadow:0 2px 8px rgba(0,0,0,.50)!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
.black-hero-writer-count-v1,
.black-hero-writers-top-v1 .black-hero-writer-count-v1{
  position:absolute!important;
  top:-3px!important;
  left:7px!important;
  z-index:5!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#e03131,#ff5b6b)!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.95)!important;
  font-size:10.5px!important;
  font-weight:900!important;
  box-shadow:0 8px 16px rgba(224,49,49,.35)!important;
}
.black-hero-writer-v1.is-active .black-hero-writer-img-v1{
  border-color:#9ee8ff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.36),0 0 0 5px rgba(158,232,255,.25)!important;
  transform:translateY(-2px) scale(1.04)!important;
}
.black-hero-writer-v1.is-active b{color:#9ee8ff!important}
.black-hero-writer-articles-v1{
  margin-top:10px!important;
  padding:10px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.black-hero-writer-articles-v1[hidden]{display:none!important}
.black-hero-writer-articles-head-v1{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  margin-bottom:8px!important;
}
.black-hero-writer-articles-head-v1 i{color:#9ee8ff!important}
.black-hero-writer-articles-list-v1{
  display:grid!important;
  gap:8px!important;
  max-height:360px!important;
  overflow:auto!important;
  padding-left:2px!important;
}
.black-hero-writer-articles-list-v1 .opinion-article-card{
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:9px!important;
  padding:8px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(255,255,255,.62)!important;
}
.black-hero-writer-articles-list-v1 .opinion-article-image{width:78px!important;height:64px!important;border-radius:14px!important}
.black-hero-writer-articles-list-v1 .opinion-article-body>b{font-size:14px!important}
.black-hero-writer-articles-list-v1 .opinion-article-body>small{font-size:12px!important;-webkit-line-clamp:1!important}
.black-hero-loading-v1,.black-hero-empty-v1{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:50px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.92)!important;
  color:#172437!important;
  font-weight:900!important;
}
@media(max-width:540px){
  .black-hero-writer-v1{flex-basis:68px!important;width:68px!important;min-width:68px!important}
  .black-hero-writer-img-v1,.black-hero-writers-top-v1 .black-hero-writer-img-v1{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  .black-hero-writer-v1 b,.black-hero-writers-top-v1 .black-hero-writer-v1 b{max-width:68px!important;font-size:10.5px!important}
  .black-hero-writer-count-v1,.black-hero-writers-top-v1 .black-hero-writer-count-v1{top:-4px!important;left:4px!important;min-width:22px!important;height:22px!important;font-size:10px!important}
  .black-hero-writer-articles-list-v1{max-height:310px!important}
  .black-hero-writer-articles-list-v1 .opinion-article-card{grid-template-columns:70px minmax(0,1fr)!important}
  .black-hero-writer-articles-list-v1 .opinion-article-image{width:70px!important;height:58px!important}
}


/* =========================================================
   SCREENSHOT OPINION WRITERS FINAL STYLE
   شكل مطابق للصورة: عنوان يمين، صور دائرية، اسم تحت الصورة، وعدد المقالات بالأصفر
   ========================================================= */
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1{
  order:1!important;
  margin:0!important;
  padding:22px 22px 24px!important;
  border-radius:0!important;
  background:#071a31!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04)!important;
  backdrop-filter:none!important;
  overflow:hidden!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  margin:0 0 18px!important;
  padding:0!important;
  direction:rtl!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span{
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  text-shadow:0 3px 12px rgba(0,0,0,.35)!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span i{
  color:#ffd21f!important;
  font-size:.82em!important;
  filter:drop-shadow(0 4px 10px rgba(255,210,31,.22))!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 small{display:none!important}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  gap:46px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  touch-action:pan-x!important;
  scrollbar-width:none!important;
  padding:2px 4px 0!important;
}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1::-webkit-scrollbar{display:none!important}
.black-hero-writers-top-v1 .black-hero-writer-v1,
.black-hero-writer-v1{
  flex:0 0 150px!important;
  width:150px!important;
  min-width:150px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  text-decoration:none!important;
  color:#fff!important;
  position:relative!important;
  text-align:center!important;
  scroll-snap-align:center!important;
  padding:0!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1,
.black-hero-writer-img-v1{
  width:112px!important;
  height:112px!important;
  min-width:112px!important;
  min-height:112px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#14263d!important;
  border:7px solid rgba(255,255,255,.18)!important;
  outline:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 32px rgba(0,0,0,.35)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.black-hero-writer-img-v1 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:50%!important;
}
.black-hero-writer-img-v1 i{color:#fff!important;font-size:34px!important}
.black-hero-writers-top-v1 .black-hero-writer-v1 b,
.black-hero-writer-v1 b{
  display:block!important;
  width:180px!important;
  max-width:180px!important;
  min-height:0!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:0 4px 12px rgba(0,0,0,.45)!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
.black-hero-writers-top-v1 .black-hero-writer-count-v1,
.black-hero-writer-count-v1{
  position:static!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ffd21f!important;
  display:block!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:0 4px 12px rgba(0,0,0,.45)!important;
}
.black-hero-writer-v1.is-active .black-hero-writer-img-v1{
  transform:translateY(-2px) scale(1.03)!important;
  border-color:rgba(255,210,31,.38)!important;
  box-shadow:0 20px 36px rgba(0,0,0,.38),0 0 0 4px rgba(255,210,31,.14)!important;
}
.black-hero-writer-v1.is-active b{color:#fff!important}
.black-hero-writer-articles-v1{
  margin-top:18px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
@media(min-width:820px){
  .black-hero-writers-top-v1 .black-hero-writers-scroll-v1{justify-content:space-around!important;gap:28px!important}
}
@media(max-width:540px){
  .black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1{
    padding:18px 14px 20px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writers-head-v1{margin-bottom:15px!important}
  .black-hero-writers-top-v1 .black-hero-writers-head-v1 span{font-size:28px!important;gap:9px!important}
  .black-hero-writers-top-v1 .black-hero-writers-scroll-v1{gap:34px!important;padding-inline:2px!important}
  .black-hero-writers-top-v1 .black-hero-writer-v1,
  .black-hero-writer-v1{flex-basis:124px!important;width:124px!important;min-width:124px!important;gap:9px!important}
  .black-hero-writers-top-v1 .black-hero-writer-img-v1,
  .black-hero-writer-img-v1{width:94px!important;height:94px!important;min-width:94px!important;min-height:94px!important;border-width:6px!important}
  .black-hero-writers-top-v1 .black-hero-writer-v1 b,
  .black-hero-writer-v1 b{width:142px!important;max-width:142px!important;font-size:23px!important;line-height:1.12!important}
  .black-hero-writers-top-v1 .black-hero-writer-count-v1,
  .black-hero-writer-count-v1{font-size:22px!important}
}


/* =========================================================
   SAME HEADER COLOR 3D WRITERS STYLE
   نفس لون الهيدر وليس خلفية منفصلة، مع نفس شكل الصورة ومجسم داخل الإطار
   ========================================================= */
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1{
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.12)!important;
  backdrop-filter:blur(14px)!important;
  margin:14px 14px 0!important;
  border-radius:28px!important;
  padding:20px 18px 22px!important;
}
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1:before{
  background:linear-gradient(90deg,transparent,rgba(11,33,56,.38))!important;
}
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1:after{
  background:linear-gradient(270deg,transparent,rgba(11,33,56,.38))!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span{
  color:#fff!important;
  background:transparent!important;
  text-shadow:0 4px 14px rgba(0,0,0,.36)!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span i{
  color:#ffd21f!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1,
.black-hero-writer-img-v1{
  background:rgba(255,255,255,.10)!important;
  border:7px solid rgba(255,255,255,.24)!important;
  outline:1px solid rgba(255,255,255,.16)!important;
  box-shadow:
    0 18px 32px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 0 5px rgba(255,255,255,.055)!important;
}
.black-hero-writer-v1.is-active .black-hero-writer-img-v1{
  border-color:rgba(255,210,31,.45)!important;
  box-shadow:
    0 20px 36px rgba(0,0,0,.34),
    0 0 0 5px rgba(255,210,31,.14)!important;
}
.black-hero-writer-articles-v1{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 24px rgba(0,0,0,.12)!important;
}
@media(max-width:540px){
  .black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1{
    margin:11px 11px 0!important;
    border-radius:24px!important;
    padding:18px 12px 20px!important;
  }
}


/* =========================================================
   MOBILE PLAIN PROFESSIONAL WRITERS FINAL
   تصميم عادي واحترافي بدون glass، ويكسر التصميم القديم على الهاتف
   ========================================================= */
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1,
.black-hero-writers-top-v1,
.black-hero-writers-v1{
  background:#0b2138!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  margin:14px 14px 0!important;
  padding:18px 16px 20px!important;
  overflow:hidden!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0 0 16px!important;
  padding:0!important;
  direction:rtl!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:#fff!important;
  font-weight:900!important;
  font-size:28px!important;
  line-height:1.1!important;
  letter-spacing:-.5px!important;
  text-shadow:none!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span i{
  color:#ffd21f!important;
  font-size:.82em!important;
  filter:none!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 small{display:none!important}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
.black-hero-writers-v1 .black-hero-writers-scroll-v1{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:22px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  padding:2px 2px 4px!important;
}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1::-webkit-scrollbar,
.black-hero-writers-v1 .black-hero-writers-scroll-v1::-webkit-scrollbar{display:none!important}
.black-hero-writers-top-v1 .black-hero-writer-v1,
.black-hero-writer-v1{
  flex:0 0 112px!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#fff!important;
  position:relative!important;
  scroll-snap-align:center!important;
  -webkit-tap-highlight-color:transparent!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1,
.black-hero-writer-img-v1{
  width:84px!important;
  height:84px!important;
  min-width:84px!important;
  min-height:84px!important;
  max-width:84px!important;
  max-height:84px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#132c47!important;
  border:4px solid #263a55!important;
  outline:0!important;
  box-shadow:none!important;
}
.black-hero-writer-img-v1 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:50%!important;
}
.black-hero-writer-img-v1 i{color:#fff!important;font-size:26px!important}
.black-hero-writers-top-v1 .black-hero-writer-v1 b,
.black-hero-writer-v1 b{
  width:120px!important;
  max-width:120px!important;
  min-height:0!important;
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:none!important;
  overflow:visible!important;
  white-space:normal!important;
  -webkit-line-clamp:unset!important;
}
.black-hero-writers-top-v1 .black-hero-writer-count-v1,
.black-hero-writer-count-v1{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ffd21f!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:none!important;
}
.black-hero-writer-v1.is-active .black-hero-writer-img-v1{
  transform:none!important;
  border-color:#ffd21f!important;
  box-shadow:none!important;
}
.black-hero-writer-v1.is-active b{color:#fff!important}
.black-hero-writer-articles-v1{
  margin-top:16px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:#102944!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
.black-hero-writer-articles-head-v1{
  color:#fff!important;
  font-weight:900!important;
  font-size:14px!important;
  margin-bottom:10px!important;
}
.black-hero-writer-articles-head-v1 i{color:#ffd21f!important}
.black-hero-writer-articles-list-v1 .opinion-article-card{
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:540px){
  .black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1,
  .black-hero-writers-top-v1,
  .black-hero-writers-v1{
    background:#0b2138!important;
    background-image:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:20px!important;
    margin:10px 10px 0!important;
    padding:15px 12px 17px!important;
    box-shadow:none!important;
  }
  .black-hero-writers-top-v1 .black-hero-writers-head-v1{margin-bottom:14px!important;justify-content:flex-end!important}
  .black-hero-writers-top-v1 .black-hero-writers-head-v1 span{font-size:24px!important;gap:8px!important}
  .black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
  .black-hero-writers-v1 .black-hero-writers-scroll-v1{
    gap:18px!important;
    padding:2px 1px 3px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1,
  .black-hero-writer-v1{
    flex-basis:96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    gap:7px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-img-v1,
  .black-hero-writer-img-v1{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    min-height:74px!important;
    border-width:4px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1 b,
  .black-hero-writer-v1 b{
    width:105px!important;
    max-width:105px!important;
    font-size:16px!important;
    line-height:1.15!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-count-v1,
  .black-hero-writer-count-v1{
    font-size:15px!important;
  }
}


/* =========================================================
   FINAL NO SOLID NAVY WRITERS + CACHE FIX
   لا خلفية كحلية كاملة، عنوان صغير، خط رفيع تحت الصور، وتطبيق قوي على الهاتف
   ========================================================= */
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1,
.black-hero-writers-top-v1,
.black-hero-writers-v1{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  margin:8px 14px 0!important;
  padding:8px 2px 12px!important;
  overflow:hidden!important;
}
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1:before,
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1:after,
.black-hero-writers-v1:before,
.black-hero-writers-v1:after{
  display:none!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1,
.black-hero-writers-head-v1{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0 6px 10px!important;
  padding:0!important;
  direction:rtl!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span,
.black-hero-writers-head-v1 span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span i,
.black-hero-writers-head-v1 span i{
  color:#ffd21f!important;
  font-size:12px!important;
  filter:none!important;
}
.black-hero-writers-head-v1 small{display:none!important}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
.black-hero-writers-v1 .black-hero-writers-scroll-v1{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:24px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  padding:2px 8px 6px!important;
}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1::-webkit-scrollbar,
.black-hero-writers-v1 .black-hero-writers-scroll-v1::-webkit-scrollbar{display:none!important}
.black-hero-writers-top-v1 .black-hero-writer-v1,
.black-hero-writer-v1{
  flex:0 0 102px!important;
  width:102px!important;
  min-width:102px!important;
  max-width:102px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  position:relative!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#fff!important;
  padding:0 0 4px!important;
  margin:0!important;
  scroll-snap-align:center!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1,
.black-hero-writer-img-v1{
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  min-height:74px!important;
  max-width:74px!important;
  max-height:74px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.08)!important;
  border:3px solid rgba(255,255,255,.20)!important;
  outline:0!important;
  box-shadow:none!important;
}
.black-hero-writer-img-v1 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:50%!important;
}
/* الخط الرفيع تحت الصورة */
.black-hero-writer-v1:after{
  content:""!important;
  display:block!important;
  width:58px!important;
  height:1px!important;
  margin:-2px auto 0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  order:2!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1 b,
.black-hero-writer-v1 b{
  order:3!important;
  width:112px!important;
  max-width:112px!important;
  min-height:0!important;
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.16!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:normal!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
.black-hero-writers-top-v1 .black-hero-writer-count-v1,
.black-hero-writer-count-v1{
  order:4!important;
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ffd21f!important;
  font-size:14.5px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  text-shadow:none!important;
}
.black-hero-writer-v1.is-active .black-hero-writer-img-v1{
  transform:none!important;
  border-color:#ffd21f!important;
  box-shadow:none!important;
}
.black-hero-writer-articles-v1{
  margin:12px 8px 0!important;
  padding:10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
@media(max-width:540px){
  .black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1,
  .black-hero-writers-top-v1,
  .black-hero-writers-v1{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    margin:6px 10px 0!important;
    padding:7px 0 10px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writers-head-v1,
  .black-hero-writers-head-v1{margin:0 4px 9px!important;justify-content:flex-end!important}
  .black-hero-writers-top-v1 .black-hero-writers-head-v1 span,
  .black-hero-writers-head-v1 span{
    font-size:12px!important;
    min-height:22px!important;
    padding:4px 8px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
  .black-hero-writers-v1 .black-hero-writers-scroll-v1{
    gap:18px!important;
    padding:2px 7px 5px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1,
  .black-hero-writer-v1{
    flex-basis:86px!important;
    width:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    gap:6px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-img-v1,
  .black-hero-writer-img-v1{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
    border-width:3px!important;
  }
  .black-hero-writer-v1:after{width:48px!important;background:rgba(255,255,255,.18)!important}
  .black-hero-writers-top-v1 .black-hero-writer-v1 b,
  .black-hero-writer-v1 b{
    width:92px!important;
    max-width:92px!important;
    font-size:14px!important;
    line-height:1.15!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-count-v1,
  .black-hero-writer-count-v1{
    font-size:13px!important;
  }
}


/* =========================================================
   FINAL ELEGANT NAVY NAME BADGE FRAME
   اسم كحلي غامق + عداد إشعار رقمي فوق الصورة + إطار رفيع أنيق
   ========================================================= */
.black-hero-writers-top-v1 .black-hero-writer-v1,
.black-hero-writer-v1{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(12,35,58,.14)!important;
  border-radius:22px!important;
  padding:10px 7px 11px!important;
  box-shadow:0 8px 18px rgba(7,26,49,.08)!important;
  position:relative!important;
  overflow:visible!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1:hover,
.black-hero-writer-v1:hover,
.black-hero-writer-v1.is-active{
  border-color:rgba(255,210,31,.72)!important;
  box-shadow:0 10px 22px rgba(7,26,49,.12)!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1,
.black-hero-writer-img-v1{
  background:#eef4fb!important;
  border:3px solid #ffffff!important;
  outline:1px solid rgba(12,35,58,.16)!important;
  box-shadow:0 6px 14px rgba(12,35,58,.12)!important;
}
.black-hero-writer-v1:after{
  background:rgba(12,35,58,.18)!important;
  width:54px!important;
  height:1px!important;
  margin:0 auto!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1 b,
.black-hero-writer-v1 b{
  color:#0b2138!important;
  text-shadow:none!important;
  font-weight:900!important;
}
.black-hero-writers-top-v1 .black-hero-writer-count-v1,
.black-hero-writer-count-v1{
  position:absolute!important;
  top:5px!important;
  left:14px!important;
  z-index:10!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#ffd21f,#ffb703)!important;
  color:#0b2138!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 13px rgba(255,183,3,.28),0 2px 8px rgba(7,26,49,.12)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
  margin:0!important;
  order:0!important;
}
.black-hero-writer-v1.is-active .black-hero-writer-count-v1{
  background:linear-gradient(135deg,#ffdf4d,#ffd21f)!important;
}
@media(max-width:540px){
  .black-hero-writers-top-v1 .black-hero-writer-v1,
  .black-hero-writer-v1{
    border-radius:19px!important;
    padding:9px 6px 10px!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(12,35,58,.15)!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-count-v1,
  .black-hero-writer-count-v1{
    top:4px!important;
    left:10px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 6px!important;
    font-size:11px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1 b,
  .black-hero-writer-v1 b{
    color:#0b2138!important;
    font-size:14px!important;
  }
}


/* =========================================================
   FINAL RED IMAGE BADGE NAVY NAME SEPARATOR LINE
   إشعار أحمر فوق الصورة + اسم كحلي + خط فاصل جذاب بين كتّاب الرأي واللوغو
   ========================================================= */
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1,
.black-hero-writers-top-v1,
.black-hero-writers-v1{
  position:relative!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  margin:8px 14px 0!important;
  padding:8px 2px 18px!important;
  border-radius:0!important;
  overflow:visible!important;
}
/* الخط الفاصل الجميل تحت كتّاب الرأي وقبل اللوغو */
.black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1:after,
.black-hero-writers-top-v1:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:3px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,210,31,.92),rgba(255,255,255,.42),rgba(39,131,222,.80),transparent)!important;
  box-shadow:0 4px 14px rgba(255,210,31,.18)!important;
  pointer-events:none!important;
  z-index:4!important;
}
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span,
.black-hero-writers-head-v1 span{
  font-size:13px!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
.black-hero-writers-v1 .black-hero-writers-scroll-v1{
  gap:24px!important;
  padding:4px 8px 8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  touch-action:pan-x!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1,
.black-hero-writer-v1{
  position:relative!important;
  flex:0 0 104px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  padding:8px 7px 10px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(11,33,56,.16)!important;
  box-shadow:0 8px 18px rgba(7,26,49,.08)!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1,
.black-hero-writer-img-v1{
  position:relative!important;
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  min-height:74px!important;
  border-radius:50%!important;
  border:3px solid #fff!important;
  outline:1px solid rgba(11,33,56,.18)!important;
  background:#eef4fb!important;
  box-shadow:0 6px 14px rgba(11,33,56,.13)!important;
  overflow:hidden!important;
  z-index:1!important;
}
.black-hero-writer-img-v1 img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
/* اسم الكاتب كحلي غامق */
.black-hero-writers-top-v1 .black-hero-writer-v1 b,
.black-hero-writer-v1 b{
  color:#0b2138!important;
  text-shadow:none!important;
  font-size:15.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  width:108px!important;
  max-width:108px!important;
  text-align:center!important;
}
/* إشعار العدد أحمر فوق الصورة مباشرة */
.black-hero-writers-top-v1 .black-hero-writer-count-v1,
.black-hero-writer-count-v1{
  position:absolute!important;
  top:2px!important;
  right:16px!important;
  left:auto!important;
  z-index:20!important;
  min-width:25px!important;
  height:25px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#e03131,#ff4757)!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 7px 14px rgba(224,49,49,.34),0 2px 8px rgba(7,26,49,.16)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  margin:0!important;
  order:0!important;
  text-shadow:none!important;
}
/* إزالة أي خط صغير قديم داخل كرت الكاتب حتى يكون الفاصل الأساسي تحت القسم كله */
.black-hero-writer-v1:after{display:none!important;content:none!important}
.black-hero-writer-v1.is-active,
.black-hero-writer-v1:hover{
  border-color:rgba(224,49,49,.42)!important;
  box-shadow:0 10px 22px rgba(7,26,49,.12)!important;
}
.black-hero-writer-v1.is-active .black-hero-writer-img-v1,
.black-hero-writer-v1:hover .black-hero-writer-img-v1{
  border-color:#fff!important;
  outline-color:rgba(224,49,49,.34)!important;
  transform:none!important;
}
@media(max-width:540px){
  .black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1,
  .black-hero-writers-top-v1,
  .black-hero-writers-v1{
    margin:6px 10px 0!important;
    padding:7px 0 16px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .black-tripoli-hero-v12 > .black-hero-writers-v1.black-hero-writers-top-v1:after,
  .black-hero-writers-top-v1:after{
    left:12px!important;
    right:12px!important;
    bottom:3px!important;
    height:2px!important;
    display:block!important;
  }
  .black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
  .black-hero-writers-v1 .black-hero-writers-scroll-v1{
    gap:18px!important;
    padding:3px 7px 7px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1,
  .black-hero-writer-v1{
    flex-basis:88px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    padding:7px 5px 9px!important;
    border-radius:18px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-img-v1,
  .black-hero-writer-img-v1{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1 b,
  .black-hero-writer-v1 b{
    color:#0b2138!important;
    width:94px!important;
    max-width:94px!important;
    font-size:13.5px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-count-v1,
  .black-hero-writer-count-v1{
    top:1px!important;
    right:10px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 6px!important;
    font-size:11px!important;
    background:linear-gradient(135deg,#e03131,#ff4757)!important;
    color:#fff!important;
  }
}

/* =========================================================
   PREMIUM TOTAL REDESIGN 2026
   تصميم احترافي جديد بالكامل: ألوان مختلفة + أيقونات كروية + واجهة أسرع
   ========================================================= */
:root{
  --brand:#0f766e!important;
  --brand-2:#115e59!important;
  --accent:#8b5cf6!important;
  --danger:#f43f5e!important;
  --warning:#f59e0b!important;
  --success:#10b981!important;
  --ink:#111827!important;
  --text:#172033!important;
  --muted:#64748b!important;
  --canvas:#f8fafc!important;
  --surface:#ffffff!important;
  --surface-2:#f1f5f9!important;
  --border:#dbe5ef!important;
  --shadow:0 14px 34px rgba(15,23,42,.08)!important;
  --radius:26px!important;
  --premium-gradient:linear-gradient(135deg,#0f766e 0%,#0891b2 48%,#8b5cf6 100%);
  --premium-soft:linear-gradient(180deg,#f8fafc 0%,#eef9f7 44%,#f7f3ff 100%);
}
html{background:#eef5f4!important}
body{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(139,92,246,.14),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(15,118,110,.13),transparent 30%),
    var(--premium-soft)!important;
  letter-spacing:-.01em;
}
.app-shell{
  max-width:560px!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(20,184,166,.12),transparent 25%),
    radial-gradient(circle at 90% 16%,rgba(139,92,246,.10),transparent 29%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,250,250,.98) 44%,rgba(250,247,255,.96))!important;
  box-shadow:0 28px 80px rgba(15,23,42,.13)!important;
}
.topbar.clean-topbar,
.topbar{
  background:rgba(255,255,255,.94)!important;
  color:#122032!important;
  border-bottom:1px solid rgba(219,229,239,.92)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
}
.topbar .title{font-weight:900!important;letter-spacing:-.02em!important}.topbar .back,.topbar .admin-link{color:#0f766e!important}

/* Hero redesigned */
.black-hero-ads-shell-v13{padding-top:12px!important}
.black-tripoli-hero-v12{
  margin:0 12px!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,rgba(13,31,45,.96),rgba(15,118,110,.91) 50%,rgba(139,92,246,.84)),
    url('../img/merged-header-3poli.jpeg') center / cover no-repeat!important;
  box-shadow:0 24px 50px rgba(15,118,110,.22)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  position:relative!important;
}
.black-tripoli-hero-v12:before{
  content:""!important;position:absolute!important;inset:0!important;
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.20),transparent 28%),linear-gradient(180deg,rgba(8,18,30,.10),rgba(8,18,30,.34))!important;
  pointer-events:none!important;z-index:0!important;
}
.black-tripoli-hero-v12>*{position:relative!important;z-index:1!important}
.black-hero-content-v12{padding:20px 18px 16px!important;gap:15px!important}
.black-hero-brand-v12 h1{font-size:42px!important;line-height:1!important;color:#fff!important;text-shadow:0 12px 28px rgba(0,0,0,.20)!important}
.black-hero-brand-v12 h1 span{color:#fde68a!important}.black-hero-brand-v12 p{color:rgba(255,255,255,.86)!important;font-weight:800!important}
.brand-kicker-v12{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;backdrop-filter:none!important}
.black-hero-gallery-v12 figure{border-radius:22px!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 12px 25px rgba(0,0,0,.18)!important}
.black-hero-livebar-v12{padding:0 14px 16px!important;gap:10px!important}.black-live-card-v12{border-radius:22px!important;background:rgba(255,255,255,.90)!important;color:#12303d!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:0 10px 22px rgba(0,0,0,.10)!important}.black-live-card-v12 i{background:var(--premium-gradient)!important;color:#fff!important}.black-live-card-v12.live i{background:linear-gradient(135deg,#f43f5e,#fb7185)!important}

/* Opinion writers as premium chips */
.black-hero-writers-top-v1,.black-hero-writers-v1{margin:10px 12px 0!important;padding:10px 2px 18px!important}.black-hero-writers-head-v1 span{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}.black-hero-writer-v1{background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:24px!important;box-shadow:0 12px 22px rgba(5,28,37,.14)!important}.black-hero-writer-img-v1{outline:2px solid rgba(15,118,110,.18)!important}.black-hero-writer-count-v1{background:linear-gradient(135deg,#8b5cf6,#f43f5e)!important}.black-hero-writers-top-v1:after{background:linear-gradient(90deg,transparent,#14b8a6,#fde68a,#8b5cf6,transparent)!important}

/* Premium cards and section shells */
.home-section-v2{padding-left:12px!important;padding-right:12px!important}.hero-ad-section-v2,.categories-section-v2,.news-section-v2,.advanced-filter-card,.form-page,.article,.archive-tabs-shell{
  background:rgba(255,255,255,.82)!important;border:1px solid rgba(219,229,239,.86)!important;border-radius:30px!important;box-shadow:var(--shadow)!important;
}
.section-eyebrow-v2,.section-chip-v2,.section-head-v2 a{background:#ecfdf5!important;color:#0f766e!important;border-color:#bbf7d0!important}.section-head-v2 h2{color:#111827!important}
.service-grid-v2{gap:12px!important}.service-card-v2{min-height:88px!important;border-radius:28px!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}.service-card-v2:before{width:7px!important;background:linear-gradient(180deg,var(--service),color-mix(in srgb,var(--service) 60%,#111827))!important}.service-card-v2.jobs{--service:#4f46e5!important}.service-card-v2.blood{--service:#e11d48!important}.service-card-v2.whatsapp{--service:#10b981!important}.service-icon-v2{border-radius:22px!important;color:#fff!important;background:linear-gradient(135deg,var(--service),color-mix(in srgb,var(--service) 72%,#ffffff))!important;border:0!important}.service-arrow-v2{background:color-mix(in srgb,var(--service) 13%,#fff)!important;color:var(--service)!important}

/* Main category buttons - new color system */
.categories-section-v2{background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(239,253,250,.74))!important}.cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.cat-card-v2,.cat-card-v2:nth-child(n){
  min-height:142px!important;padding:14px 10px!important;border-radius:28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:9px!important;overflow:hidden!important;border:0!important;color:#fff!important;background:linear-gradient(145deg,var(--cat-color,#0f766e),color-mix(in srgb,var(--cat-color,#0f766e) 66%,#101827))!important;box-shadow:0 14px 28px color-mix(in srgb,var(--cat-color,#0f766e) 22%,transparent)!important;
}
.cat-card-v2:before{content:""!important;display:block!important;position:absolute!important;inset:-48px -36px auto auto!important;width:120px!important;height:120px!important;border-radius:999px!important;background:rgba(255,255,255,.20)!important;opacity:1!important;z-index:0!important}.cat-card-v2:after{content:""!important;display:block!important;position:absolute!important;inset:auto auto -44px -40px!important;width:112px!important;height:112px!important;border-radius:34px!important;background:rgba(255,255,255,.13)!important;transform:rotate(18deg)!important;z-index:0!important}.cat-icon-v2{position:relative!important;z-index:2!important;width:58px!important;height:58px!important;border-radius:24px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;font-size:27px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important}.cat-title-v2{position:relative!important;z-index:2!important;margin:0!important;color:#fff!important;font-size:18.5px!important;line-height:1.25!important;text-shadow:0 2px 10px rgba(0,0,0,.16)!important}.cat-card-v2 small{position:relative!important;z-index:2!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.20)!important;color:rgba(255,255,255,.88)!important;border-radius:999px!important;padding:4px 9px!important;font-size:11.5px!important}.count-badge-v2{position:absolute!important;top:10px!important;left:10px!important;right:auto!important;min-width:34px!important;height:34px!important;border-radius:15px!important;background:rgba(255,255,255,.95)!important;color:var(--cat-color,#0f766e)!important;border:0!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important;z-index:3!important}

/* News, details, chips */
.news-card-v2,.news-card,.video-card-pro,.opinion-article-card,.directory-card,.info-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:28px!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important}.news-image-v2,.news-card img,.video-thumb-pro{border-radius:22px!important;background:#eaf7f5!important}.chip,.chip-v2,.details-meta-chip{background:#f0fdfa!important;border:1px solid #ccfbf1!important;color:#0f766e!important;border-radius:999px!important}.details-link,.read-more-v2{color:#0f766e!important}.btn-primary,.load-more-pro{background:linear-gradient(135deg,#0f766e,#0891b2)!important;border:0!important;color:#fff!important}.btn-danger{background:linear-gradient(135deg,#e11d48,#fb7185)!important;border:0!important}.btn-outline-primary{border-color:#0f766e!important;color:#0f766e!important}.btn-outline-primary:hover{background:#0f766e!important;color:#fff!important}

/* Bottom nav */
.bottom-nav{height:76px!important;background:rgba(255,255,255,.98)!important;border:1px solid #dbe5ef!important;border-bottom:0!important;border-radius:30px 30px 0 0!important;box-shadow:0 -14px 34px rgba(15,23,42,.10)!important;grid-template-columns:repeat(5,1fr)!important}.bottom-nav a{margin:8px 3px!important;border-radius:22px!important;color:#94a3b8!important}.bottom-nav i{font-size:21px!important}.bottom-nav a:nth-child(1) i{color:#0f766e!important}.bottom-nav a:nth-child(2) i{color:#2563eb!important}.bottom-nav a:nth-child(3) i{color:#8b5cf6!important}.bottom-nav a:nth-child(4) i{color:#f43f5e!important}.bottom-nav a:nth-child(5) i{color:#0891b2!important}.bottom-nav a.active{background:linear-gradient(135deg,#ecfdf5,#eef2ff)!important;color:#0f766e!important;box-shadow:inset 0 0 0 1px rgba(15,118,110,.10)!important}.breaking-footer{background:#111827!important;color:#fff!important;border:0!important}.breaking-label{background:linear-gradient(135deg,#f43f5e,#f97316)!important}.breaking-marquee{color:#fff!important}

/* Admin premium */
.admin-body{background:linear-gradient(135deg,#f0fdfa,#f8fafc 46%,#f5f3ff)!important}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#134e4a 58%,#312e81)!important}.admin-brand{background:rgba(255,255,255,.12)!important}.admin-menu a i{color:#5eead4!important}.admin-menu a.active,.admin-menu a:hover{background:rgba(255,255,255,.14)!important}.admin-card,.stat-box{border-radius:26px!important;border:1px solid #dbe5ef!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important}.stat-box .num{color:#0f766e!important}.form-control,.form-select{border-color:#dbe5ef!important}.form-control:focus,.form-select:focus{border-color:#0f766e!important;box-shadow:0 0 0 .22rem rgba(15,118,110,.14)!important}

@media(min-width:768px){.cat-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important}.black-tripoli-hero-v12{margin-left:18px!important;margin-right:18px!important}}
@media(max-width:768px){
  body,.app-shell,.home-v2{background:#f8fafc!important}.app-shell{box-shadow:none!important}.black-tripoli-hero-v12{border-radius:30px!important}.cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.cat-card-v2{min-height:128px!important;border-radius:24px!important}.cat-icon-v2{width:52px!important;height:52px!important;font-size:23px!important}.cat-title-v2{font-size:16.5px!important}.bottom-nav{height:68px!important;border-radius:24px 24px 0 0!important}.bottom-nav span{font-size:10px!important}.breaking-footer{position:static!important;margin:12px 10px 0!important;border-radius:18px!important;width:auto!important;transform:none!important}.app-shell,body{padding-bottom:82px!important}
}
@media(max-width:360px){.cat-grid-v2{grid-template-columns:1fr!important}.cat-card-v2{min-height:104px!important}}

/* =========================================================
   HOME POLL + SIDE-BY-SIDE BUTTON FIX
   يظهر الاستفتاء في الرئيسية فقط عند وجود استفتاء مفعل، والأزرار تبقى بجانب بعض على كل الأجهزة
   ========================================================= */
.home-poll-section-v5{
  margin:16px 12px 0!important;
  padding:14px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,#ffffff,#f0fdfa 58%,#eef2ff)!important;
  border:1px solid #dbeafe!important;
  box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.home-poll-launch-v5{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:76px!important;
  padding:12px!important;
  margin-bottom:12px!important;
  border-radius:24px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0f766e,#2563eb 56%,#8b5cf6)!important;
  box-shadow:0 14px 28px rgba(37,99,235,.18)!important;
  overflow:hidden!important;
  position:relative!important;
}
.home-poll-launch-v5:before{content:"";position:absolute;inset:-40px auto auto -36px;width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.16)}
.home-poll-launch-icon-v5{position:relative;z-index:1;width:56px;height:56px;border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);font-size:25px}
.home-poll-launch-copy-v5{position:relative;z-index:1;display:grid;gap:2px}.home-poll-launch-copy-v5 small{font-weight:900;color:rgba(255,255,255,.78)}.home-poll-launch-copy-v5 b{font-size:19px;line-height:1.2;font-weight:900;color:#fff}.home-poll-launch-action-v5{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);padding:8px 11px;font-weight:900;color:#fff;white-space:nowrap}
.poll-bs5-card{
  border:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(15,23,42,.075)!important;
}
.poll-bs5-card .card-body{background:linear-gradient(180deg,#fff,#f8fafc)!important}.poll-bs5-icon{width:54px!important;height:54px!important;background:linear-gradient(135deg,#0f766e,#8b5cf6)!important;color:#fff!important;font-size:24px!important;box-shadow:0 10px 22px rgba(15,118,110,.18)!important}.poll-bs5-question .badge{background:#0f766e!important}.poll-bs5-question h2{color:#111827!important;font-weight:900!important}.poll-bs5-options{display:grid!important;gap:10px!important}.poll-bs5-option{border:1px solid #dbe5ef!important;border-radius:18px!important;background:#fff!important;color:#172033!important;padding:12px!important;box-shadow:0 6px 16px rgba(15,23,42,.04)!important}.poll-bs5-option:hover:not(:disabled){border-color:#0f766e!important;background:#f0fdfa!important}.poll-bs5-option.active,.poll-bs5-option.is-selected{background:linear-gradient(135deg,#0f766e,#2563eb)!important;color:#fff!important;border-color:transparent!important}.poll-bs5-progress{height:10px!important;border-radius:999px!important;background:#e2e8f0!important;overflow:hidden!important}.poll-bs5-progress .progress-bar{background:linear-gradient(90deg,#10b981,#8b5cf6)!important}.poll-bs5-option.active .progress,.poll-bs5-option.is-selected .progress{background:rgba(255,255,255,.28)!important}.poll-bs5-option.active .progress-bar,.poll-bs5-option.is-selected .progress-bar{background:#fff!important}.poll-bs5-votes{color:#64748b!important;font-weight:800!important}.poll-bs5-option.active .poll-bs5-votes,.poll-bs5-option.is-selected .poll-bs5-votes{color:rgba(255,255,255,.80)!important}.poll-bs5-total{background:#ecfdf5!important;color:#0f766e!important;font-weight:900!important}.poll-lock-message-v1:empty{display:none!important}

/* Keep action/category buttons beside each other on all device widths */
.service-grid-v2{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.service-card-v2{
  min-height:118px!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  text-align:center!important;
  gap:8px!important;
  padding:12px 8px!important;
}
.service-card-v2:before{width:100%!important;height:5px!important;inset:0 0 auto 0!important}.service-icon-v2{width:52px!important;height:52px!important}.service-arrow-v2{display:none!important}.service-copy-v2 b{font-size:15px!important}.service-copy-v2 small{font-size:11.5px!important;line-height:1.35!important}
.cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cat-card-v2{min-width:0!important}
@media(max-width:768px){
  .home-poll-section-v5{margin:14px 10px 0!important;padding:12px!important;border-radius:26px!important}.home-poll-launch-v5{grid-template-columns:48px minmax(0,1fr) auto!important;gap:9px!important;padding:10px!important}.home-poll-launch-icon-v5{width:48px;height:48px;border-radius:18px}.home-poll-launch-copy-v5 b{font-size:16px}.home-poll-launch-action-v5{padding:7px 9px;font-size:12px}.poll-bs5-card{border-radius:24px!important}.poll-bs5-icon{width:48px!important;height:48px!important;border-radius:18px!important}.poll-bs5-option{padding:11px!important}.service-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.service-card-v2{min-height:112px!important;border-radius:22px!important}.service-icon-v2{width:46px!important;height:46px!important;font-size:21px!important}.service-copy-v2 b{font-size:13.5px!important}.service-copy-v2 small{font-size:10.5px!important}.cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:360px){
  .cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cat-card-v2{min-height:118px!important}.cat-title-v2{font-size:14.5px!important}.service-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-card-v2{min-height:104px!important;padding:10px 5px!important}.service-icon-v2{width:42px!important;height:42px!important}.service-copy-v2 b{font-size:12.5px!important}.service-copy-v2 small{display:none!important}
}

/* POLL HOME BUTTON ONLY — no full poll widget on homepage */
.home-poll-section-v5{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 12px!important;
  margin:14px 0 0!important;
}
.poll-card-button-only-v5{
  margin-bottom:0!important;
  min-height:92px!important;
  border-radius:28px!important;
}
.poll-card-button-only-v5 .home-poll-launch-copy-v5 em{
  display:block;
  color:rgba(255,255,255,.82);
  font-style:normal;
  font-size:12px;
  font-weight:800;
  margin-top:3px;
}
.home-poll-section-v5 .poll-bs5-card{display:none!important}
@media(max-width:768px){
  .home-poll-section-v5{padding:0 10px!important;margin-top:12px!important}
  .poll-card-button-only-v5{min-height:82px!important;border-radius:24px!important}
  .poll-card-button-only-v5 .home-poll-launch-copy-v5 em{font-size:11px}
}

/* =========================================================
   DEDICATED POLL VOTE PAGE + CONSISTENT DESIGN ALL DEVICES
   صفحة مستقلة للتصويت + نفس الاحترافية على الهاتف والكمبيوتر
   ========================================================= */
.poll-vote-page-v6{
  display:grid!important;
  gap:16px!important;
}
.poll-vote-hero-v6{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  padding:18px!important;
  border-radius:30px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0f766e 0%,#2563eb 55%,#8b5cf6 100%)!important;
  box-shadow:0 18px 38px rgba(37,99,235,.18)!important;
  position:relative!important;
  overflow:hidden!important;
}
.poll-vote-hero-v6:before{
  content:""!important;
  position:absolute!important;
  width:170px!important;
  height:170px!important;
  border-radius:999px!important;
  left:-60px!important;
  top:-72px!important;
  background:rgba(255,255,255,.16)!important;
}
.poll-vote-hero-v6>*{position:relative!important;z-index:1!important}
.poll-vote-hero-icon-v6{
  width:68px!important;
  height:68px!important;
  border-radius:26px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  font-size:30px!important;
}
.poll-vote-hero-v6 small{display:block!important;color:rgba(255,255,255,.78)!important;font-weight:900!important;margin-bottom:4px!important}
.poll-vote-hero-v6 h1{margin:0 0 5px!important;font-size:25px!important;font-weight:900!important;line-height:1.2!important;color:#fff!important}
.poll-vote-hero-v6 p{margin:0!important;color:rgba(255,255,255,.86)!important;font-weight:800!important;line-height:1.7!important}
.poll-vote-widget-shell-v6 .poll-bs5-card{
  border-radius:30px!important;
  box-shadow:0 16px 36px rgba(15,23,42,.09)!important;
}
.poll-empty-v6{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  gap:10px!important;
  padding:34px 18px!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}
.poll-empty-v6 i{font-size:38px!important;color:#0f766e!important}.poll-empty-v6 h2{font-size:22px!important;font-weight:900!important;margin:0!important;color:#111827!important}.poll-empty-v6 p{max-width:420px!important;margin:0!important;color:#64748b!important;font-weight:800!important;line-height:1.8!important}
/* Homepage poll button keeps same premium design on phones */
.home-poll-section-v5{padding:0 12px!important;margin:16px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.poll-card-button-only-v5{
  min-height:96px!important;
  grid-template-columns:60px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:30px!important;
  background:linear-gradient(135deg,#0f766e 0%,#2563eb 55%,#8b5cf6 100%)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.18)!important;
}
.poll-card-button-only-v5 .home-poll-launch-icon-v5{width:60px!important;height:60px!important;border-radius:24px!important}
.poll-card-button-only-v5 .home-poll-launch-copy-v5 b{font-size:18px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
/* force same professional cards on mobile, no one-column collapse for buttons */
@media(max-width:768px){
  .hero-ad-section-v2,.categories-section-v2,.news-section-v2,.home-poll-section-v5{background:transparent!important;border:0!important;box-shadow:none!important}
  .service-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .cat-card-v2,.cat-card-v2:nth-child(n){
    min-height:128px!important;
    color:#fff!important;
    background:linear-gradient(145deg,var(--cat-color,#0f766e),color-mix(in srgb,var(--cat-color,#0f766e) 66%,#101827))!important;
    border:0!important;
    box-shadow:0 10px 22px color-mix(in srgb,var(--cat-color,#0f766e) 18%,transparent)!important;
  }
  .cat-icon-v2{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important}
  .cat-title-v2{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.16)!important}
  .cat-card-v2 small{display:block!important;background:rgba(255,255,255,.16)!important;color:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.20)!important}
  .count-badge-v2{position:absolute!important;top:10px!important;left:10px!important;background:rgba(255,255,255,.95)!important;color:var(--cat-color,#0f766e)!important}
  .poll-card-button-only-v5{min-height:94px!important;grid-template-columns:56px minmax(0,1fr) auto!important;padding:12px!important;border-radius:28px!important}
  .poll-card-button-only-v5 .home-poll-launch-icon-v5{width:56px!important;height:56px!important;border-radius:22px!important}
  .poll-card-button-only-v5 .home-poll-launch-copy-v5 b{font-size:16px!important}
  .home-poll-launch-action-v5{font-size:12px!important;padding:8px 10px!important}
  .poll-vote-page-v6{padding:14px!important;gap:14px!important}.poll-vote-hero-v6{grid-template-columns:58px minmax(0,1fr)!important;padding:15px!important;border-radius:26px!important}.poll-vote-hero-icon-v6{width:58px!important;height:58px!important;border-radius:22px!important;font-size:25px!important}.poll-vote-hero-v6 h1{font-size:21px!important}.poll-vote-hero-v6 p{font-size:13px!important}.poll-vote-widget-shell-v6 .poll-bs5-card{border-radius:26px!important}
}
@media(max-width:360px){
  .service-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cat-card-v2{min-height:118px!important}
  .poll-card-button-only-v5{grid-template-columns:50px minmax(0,1fr)!important}
  .poll-card-button-only-v5 .home-poll-launch-action-v5{grid-column:1/-1!important;justify-content:center!important;width:100%!important}
}

/* =========================================================
   FINAL 100% RESPONSIVE PARITY — SAME DESKTOP DESIGN ON PHONES
   Bootstrap 5 responsive without changing the visual identity on mobile.
   ========================================================= */
@media(max-width:768px){
  body{
    background:
      radial-gradient(circle at 12% 4%,rgba(139,92,246,.14),transparent 28%),
      radial-gradient(circle at 92% 18%,rgba(15,118,110,.13),transparent 30%),
      linear-gradient(180deg,#f8fafc 0%,#eef9f7 44%,#f7f3ff 100%)!important;
  }
  .app-shell{
    max-width:560px!important;
    background:
      radial-gradient(circle at 15% 0%,rgba(20,184,166,.12),transparent 25%),
      radial-gradient(circle at 90% 16%,rgba(139,92,246,.10),transparent 29%),
      linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,250,250,.98) 44%,rgba(250,247,255,.96))!important;
    box-shadow:none!important;
  }

  /* نفس هيدر الكمبيوتر على الهاتف */
  .black-tripoli-hero-v12{
    margin:0 12px!important;
    border-radius:34px!important;
    overflow:hidden!important;
    background:
      linear-gradient(145deg,rgba(13,31,45,.96),rgba(15,118,110,.91) 50%,rgba(139,92,246,.84)),
      url('../img/merged-header-3poli.jpeg') center / cover no-repeat!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 18px 38px rgba(15,118,110,.18)!important;
  }
  .black-hero-content-v12{padding:20px 18px 16px!important;gap:15px!important}
  .black-hero-brand-v12 h1{font-size:42px!important;line-height:1!important;color:#fff!important}
  .black-hero-brand-v12 p{color:rgba(255,255,255,.86)!important;font-weight:800!important}

  /* لا تغيّر شكل الأقسام على الهاتف: تبقى نفس بطاقات الكمبيوتر */
  .hero-ad-section-v2,
  .categories-section-v2,
  .news-section-v2{
    margin:16px 12px 0!important;
    padding:16px 12px 14px!important;
    border-radius:30px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(239,253,250,.74))!important;
    border:1px solid rgba(219,229,239,.86)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
    overflow:hidden!important;
  }
  .section-eyebrow-v2,
  .section-chip-v2,
  .section-head-v2 a{
    background:#ecfdf5!important;
    color:#0f766e!important;
    border:1px solid #bbf7d0!important;
    box-shadow:none!important;
  }

  /* أزرار الخدمات تبقى بجانب بعضها مثل الكمبيوتر */
  .service-grid-v2{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .service-card-v2{
    min-height:118px!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:8px!important;
    padding:12px 8px!important;
    border-radius:28px!important;
    background:#fff!important;
    border:1px solid #e2e8f0!important;
    box-shadow:0 10px 24px rgba(15,23,42,.06)!important;
  }
  .service-card-v2:before{width:100%!important;height:5px!important;inset:0 0 auto 0!important}
  .service-icon-v2{width:52px!important;height:52px!important;border-radius:22px!important;color:#fff!important;border:0!important}
  .service-copy-v2 b{font-size:15px!important;color:#111827!important}
  .service-copy-v2 small{display:block!important;font-size:11.5px!important;line-height:1.35!important;color:#64748b!important}
  .service-arrow-v2{display:none!important}

  /* أزرار الأقسام تبقى بجانب بعض ونفس تصميم الكمبيوتر */
  .cat-grid-v2{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .cat-card-v2,
  .cat-card-v2:nth-child(n){
    min-height:142px!important;
    padding:14px 10px!important;
    border-radius:28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:9px!important;
    text-align:center!important;
    color:#fff!important;
    background:linear-gradient(145deg,var(--cat-color,#0f766e),color-mix(in srgb,var(--cat-color,#0f766e) 66%,#101827))!important;
    border:0!important;
    box-shadow:0 14px 28px color-mix(in srgb,var(--cat-color,#0f766e) 22%,transparent)!important;
    overflow:hidden!important;
  }
  .cat-icon-v2{width:58px!important;height:58px!important;border-radius:24px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;font-size:27px!important}
  .cat-title-v2{font-size:18.5px!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.16)!important}
  .cat-card-v2 small{display:block!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.20)!important;color:rgba(255,255,255,.88)!important;border-radius:999px!important;padding:4px 9px!important;font-size:11.5px!important}
  .count-badge-v2{position:absolute!important;top:10px!important;left:10px!important;min-width:34px!important;height:34px!important;border-radius:15px!important;background:rgba(255,255,255,.95)!important;color:var(--cat-color,#0f766e)!important;box-shadow:0 8px 18px rgba(0,0,0,.12)!important}

  /* الاستفتاء في الرئيسية وصفحة التصويت بنفس تصميم الكمبيوتر */
  .home-poll-section-v5{padding:0 12px!important;margin:16px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .poll-card-button-only-v5{
    min-height:96px!important;
    grid-template-columns:60px minmax(0,1fr) auto!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:30px!important;
    background:linear-gradient(135deg,#0f766e 0%,#2563eb 55%,#8b5cf6 100%)!important;
    box-shadow:0 16px 34px rgba(37,99,235,.18)!important;
  }
  .poll-card-button-only-v5 .home-poll-launch-icon-v5{width:60px!important;height:60px!important;border-radius:24px!important}
  .poll-card-button-only-v5 .home-poll-launch-copy-v5 b{font-size:18px!important;color:#fff!important}
  .poll-card-button-only-v5 .home-poll-launch-copy-v5 em{display:block!important;color:rgba(255,255,255,.82)!important}
  .home-poll-launch-action-v5{font-size:13px!important;padding:8px 11px!important}

  .poll-vote-page-v6{padding:18px!important;gap:16px!important}
  .poll-vote-hero-v6{grid-template-columns:68px minmax(0,1fr)!important;padding:18px!important;border-radius:30px!important;box-shadow:0 18px 38px rgba(37,99,235,.18)!important}
  .poll-vote-hero-icon-v6{width:68px!important;height:68px!important;border-radius:26px!important;font-size:30px!important}
  .poll-vote-hero-v6 h1{font-size:25px!important}
  .poll-vote-hero-v6 p{font-size:15px!important}
  .poll-vote-widget-shell-v6 .poll-bs5-card,
  .poll-bs5-card{border-radius:30px!important;box-shadow:0 16px 36px rgba(15,23,42,.09)!important;background:#fff!important}
  .poll-bs5-card .card-body{padding:1.5rem!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
  .poll-bs5-icon{width:54px!important;height:54px!important;border-radius:1rem!important;font-size:24px!important}
  .poll-bs5-option{padding:12px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 16px rgba(15,23,42,.04)!important}

  .bottom-nav{height:76px!important;border-radius:30px 30px 0 0!important;box-shadow:0 -14px 34px rgba(15,23,42,.10)!important}
}
@media(max-width:430px){
  .service-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .service-card-v2{min-height:112px!important;padding:11px 6px!important;border-radius:24px!important}
  .service-icon-v2{width:48px!important;height:48px!important;font-size:21px!important}
  .service-copy-v2 b{font-size:13px!important}.service-copy-v2 small{font-size:10px!important}
  .cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .cat-card-v2{min-height:132px!important;border-radius:24px!important}
  .cat-icon-v2{width:52px!important;height:52px!important;font-size:23px!important}
  .cat-title-v2{font-size:16px!important}
  .poll-card-button-only-v5{grid-template-columns:54px minmax(0,1fr) auto!important;min-height:92px!important;padding:12px!important;border-radius:26px!important}
  .poll-card-button-only-v5 .home-poll-launch-icon-v5{width:54px!important;height:54px!important;border-radius:21px!important}
  .poll-card-button-only-v5 .home-poll-launch-copy-v5 b{font-size:15.5px!important}
  .home-poll-launch-action-v5{font-size:12px!important;padding:7px 9px!important}
}
@media(max-width:340px){
  .service-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cat-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-card-v2{min-height:100px!important;padding:9px 4px!important}.service-copy-v2 small{display:none!important}
  .cat-card-v2{min-height:118px!important}.cat-title-v2{font-size:14px!important}
  .poll-card-button-only-v5{grid-template-columns:48px minmax(0,1fr) auto!important;gap:8px!important}.home-poll-launch-action-v5{font-size:11px!important;padding:6px 8px!important}
}

/* =========================================================
   SKY BLUE HEADER + PREMIUM OPINION WRITERS
   لون الهيدر أزرق سماوي فاتح + عرض أجمل لكتّاب الرأي مع الحفاظ على نفس الأحجام
   ========================================================= */
.black-tripoli-hero-v12{
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.52),transparent 24%),
    radial-gradient(circle at 86% 18%,rgba(186,230,253,.42),transparent 30%),
    linear-gradient(145deg,#e0f7ff 0%,#7dd3fc 42%,#38bdf8 72%,#0ea5e9 100%)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 22px 48px rgba(14,165,233,.24)!important;
}
.black-tripoli-hero-v12:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 42%,rgba(2,132,199,.10)),
    radial-gradient(circle at 50% 110%,rgba(255,255,255,.28),transparent 46%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.black-hero-bg-v12{
  opacity:.10!important;
  filter:saturate(1.05) brightness(1.18)!important;
}
.brand-kicker-v12{
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  color:#075985!important;
  box-shadow:0 8px 18px rgba(14,165,233,.12)!important;
}
.black-hero-brand-v12 h1{
  color:#053b62!important;
  text-shadow:0 2px 0 rgba(255,255,255,.42),0 14px 28px rgba(14,116,144,.14)!important;
}
.black-hero-brand-v12 h1 span{
  color:#0369a1!important;
}
.black-hero-brand-v12 p{
  color:#0f4d6a!important;
  text-shadow:0 1px 0 rgba(255,255,255,.28)!important;
}
.black-hero-gallery-v12 figure{
  border:2px solid rgba(255,255,255,.72)!important;
  box-shadow:0 14px 28px rgba(2,132,199,.18)!important;
}
.black-live-card-v12{
  background:rgba(255,255,255,.82)!important;
  color:#075985!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 12px 24px rgba(14,165,233,.14)!important;
}
.black-live-card-v12 i{
  background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;
  color:#fff!important;
}
.black-live-card-v12.live i{
  background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;
}

/* كتّاب الرأي داخل الهيدر — نفس المقاسات، شكل أنظف وأفخم */
.black-hero-writers-top-v1,
.black-hero-writers-v1{
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:26px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 12px 24px rgba(14,165,233,.10)!important;
  padding-top:10px!important;
}
.black-hero-writers-head-v1 span{
  background:rgba(255,255,255,.72)!important;
  color:#075985!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 8px 18px rgba(14,165,233,.12)!important;
}
.black-hero-writers-top-v1 .black-hero-writers-scroll-v1,
.black-hero-writers-v1 .black-hero-writers-scroll-v1{
  gap:24px!important;
  padding:6px 8px 9px!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1,
.black-hero-writer-v1{
  /* نفس العرض السابق محفوظ */
  flex:0 0 104px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,249,255,.90))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 12px 24px rgba(3,105,161,.14), inset 0 1px 0 rgba(255,255,255,.68)!important;
}
.black-hero-writer-v1:before{
  content:""!important;
  position:absolute!important;
  inset:7px 7px auto 7px!important;
  height:54px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(125,211,252,.06))!important;
  z-index:0!important;
  pointer-events:none!important;
}
.black-hero-writers-top-v1 .black-hero-writer-img-v1,
.black-hero-writer-img-v1{
  /* نفس حجم الصورة السابق محفوظ */
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  min-height:74px!important;
  border:3px solid #fff!important;
  outline:2px solid rgba(14,165,233,.28)!important;
  box-shadow:0 8px 18px rgba(3,105,161,.18)!important;
}
.black-hero-writer-img-v1:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.44)!important;
  pointer-events:none!important;
}
.black-hero-writers-top-v1 .black-hero-writer-v1 b,
.black-hero-writer-v1 b{
  color:#075985!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
}
.black-hero-writers-top-v1 .black-hero-writer-count-v1,
.black-hero-writer-count-v1{
  background:linear-gradient(135deg,#0284c7,#38bdf8)!important;
  border:2px solid #fff!important;
  box-shadow:0 8px 15px rgba(2,132,199,.28)!important;
}
.black-hero-writers-top-v1:after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),rgba(14,165,233,.82),rgba(255,255,255,.78),transparent)!important;
  box-shadow:0 4px 14px rgba(14,165,233,.18)!important;
}
.black-hero-writer-v1.is-active,
.black-hero-writer-v1:hover{
  border-color:rgba(14,165,233,.42)!important;
  box-shadow:0 14px 28px rgba(3,105,161,.18), inset 0 1px 0 rgba(255,255,255,.74)!important;
}
@media(max-width:540px){
  .black-tripoli-hero-v12{
    background:
      radial-gradient(circle at 15% 10%,rgba(255,255,255,.52),transparent 24%),
      radial-gradient(circle at 86% 18%,rgba(186,230,253,.42),transparent 30%),
      linear-gradient(145deg,#e0f7ff 0%,#7dd3fc 42%,#38bdf8 72%,#0ea5e9 100%)!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-v1,
  .black-hero-writer-v1{
    /* نفس مقاسات الهاتف السابقة محفوظة */
    flex-basis:88px!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
  }
  .black-hero-writers-top-v1 .black-hero-writer-img-v1,
  .black-hero-writer-img-v1{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    min-height:62px!important;
  }
  .black-hero-writer-v1:before{height:46px!important;border-radius:16px!important}
}

/* =========================================================
   WRITERS TITLE POSITION FIX
   نقل كلمة كتّاب الرأي من اليسار إلى اليمين بلون كحلي غامق واضح
   ========================================================= */
.black-hero-writers-head-v1,
.black-hero-writers-top-v1 .black-hero-writers-head-v1{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
  direction:rtl!important;
  text-align:right!important;
  padding:0 10px!important;
  margin:0 0 10px!important;
}
.black-hero-writers-head-v1 span,
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span{
  margin-right:0!important;
  margin-left:auto!important;
  background:rgba(255,255,255,.78)!important;
  color:#071a33!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 8px 18px rgba(7,26,51,.10)!important;
  font-weight:900!important;
}
.black-hero-writers-head-v1 span i,
.black-hero-writers-top-v1 .black-hero-writers-head-v1 span i{
  color:#071a33!important;
}
@media(max-width:540px){
  .black-hero-writers-head-v1,
  .black-hero-writers-top-v1 .black-hero-writers-head-v1{
    justify-content:flex-start!important;
    padding:0 8px!important;
    text-align:right!important;
  }
  .black-hero-writers-head-v1 span,
  .black-hero-writers-top-v1 .black-hero-writers-head-v1 span{
    margin-right:0!important;
    margin-left:auto!important;
    color:#071a33!important;
  }
}

/* =========================================================
   FOOTER WRITERS 3D + FULL BREAKING NEWS TITLE
   كتّاب الرأي كمجسم في الفوتر + عنوان عاجل كامل متعدد الأسطر بدون حجب
   ========================================================= */
.footer-live-hub-v7{
  position:fixed!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:76px!important;
  width:min(560px,100%)!important;
  z-index:69!important;
  display:grid!important;
  gap:8px!important;
  padding:0 10px 8px!important;
  pointer-events:auto!important;
}
.footer-writers-v7{
  position:relative!important;
  border-radius:26px!important;
  padding:10px 10px 11px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.66),transparent 32%),
    linear-gradient(135deg,rgba(224,247,255,.96),rgba(125,211,252,.94) 46%,rgba(56,189,248,.92))!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 -10px 28px rgba(2,132,199,.18), inset 0 1px 0 rgba(255,255,255,.58)!important;
  overflow:hidden!important;
}
.footer-writers-v7:before{
  content:""!important;
  position:absolute!important;
  inset:auto -45px -55px auto!important;
  width:145px!important;
  height:145px!important;
  border-radius:44px!important;
  background:rgba(255,255,255,.16)!important;
  transform:rotate(18deg)!important;
  pointer-events:none!important;
}
.footer-writers-title-v7{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 8px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  color:#071a33!important;
  border:1px solid rgba(255,255,255,.92)!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(7,26,51,.10)!important;
}
.footer-writers-title-v7 i{color:#071a33!important}
.footer-writers-scroll-v7{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  padding:1px 1px 3px!important;
}
.footer-writers-scroll-v7::-webkit-scrollbar{display:none!important}
.footer-writer-card-v7{
  flex:0 0 88px!important;
  width:88px!important;
  min-width:88px!important;
  height:104px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:5px!important;
  position:relative!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,249,255,.90))!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 12px 24px rgba(3,105,161,.14), inset 0 1px 0 rgba(255,255,255,.68)!important;
  color:#075985!important;
  text-align:center!important;
  transform:perspective(500px) rotateX(0deg)!important;
}
.footer-writer-card-v7:before{
  content:""!important;
  position:absolute!important;
  inset:7px 7px auto 7px!important;
  height:44px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(125,211,252,.06))!important;
  z-index:0!important;
}
.footer-writer-avatar-v7{
  position:relative!important;
  z-index:1!important;
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#e0f2fe!important;
  color:#0284c7!important;
  border:3px solid #fff!important;
  outline:2px solid rgba(14,165,233,.28)!important;
  box-shadow:0 8px 18px rgba(3,105,161,.18)!important;
  font-size:22px!important;
}
.footer-writer-avatar-v7 img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
.footer-writer-card-v7 b{
  position:relative!important;
  z-index:1!important;
  width:78px!important;
  max-width:78px!important;
  color:#071a33!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.footer-writer-count-v7{
  position:absolute!important;
  top:5px!important;
  right:10px!important;
  z-index:3!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#0284c7,#38bdf8)!important;
  color:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 8px 15px rgba(2,132,199,.28)!important;
  font-size:11px!important;
  font-weight:900!important;
}
.footer-writer-card-v7:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(3,105,161,.18), inset 0 1px 0 rgba(255,255,255,.74)!important}

/* العاجل كامل، بدون سكرول/ماركي، ويدعم عدة أسطر */
.footer-live-hub-v7 .breaking-footer,
.footer-live-hub-v7 .footer-breaking-full-v7,
html body .app-shell .footer-live-hub-v7 .breaking-footer,
html body .footer-live-hub-v7 .breaking-footer{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  min-height:auto!important;
  height:auto!important;
  max-height:none!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  padding:10px 12px!important;
  margin:0!important;
  border-radius:24px!important;
  background:#071a33!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 -10px 26px rgba(7,26,51,.18)!important;
  overflow:visible!important;
}
.footer-live-hub-v7 .breaking-label{
  position:sticky!important;
  top:0!important;
  height:auto!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#f43f5e,#f97316)!important;
  color:#fff!important;
  padding:8px 11px!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
}
.footer-live-hub-v7 .breaking-marquee,
html body .app-shell .footer-live-hub-v7 .breaking-marquee,
html body .footer-live-hub-v7 .breaking-marquee{
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1.65!important;
  text-align:right!important;
}
.footer-live-hub-v7 .breaking-track,
.footer-live-hub-v7 .breaking-marquee span,
html body .app-shell .footer-live-hub-v7 .breaking-track,
html body .app-shell .footer-live-hub-v7 .breaking-marquee span{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:0!important;
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  transform:none!important;
  animation:none!important;
  white-space:normal!important;
  overflow:visible!important;
}
.footer-live-hub-v7 .breaking-item,
.footer-live-hub-v7 a.breaking-item,
html body .app-shell .footer-live-hub-v7 .breaking-item,
html body .app-shell .footer-live-hub-v7 a.breaking-item{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.65!important;
  font-weight:900!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-decoration:none!important;
}
.footer-live-hub-v7 .breaking-item + .breaking-item{border-top:1px solid rgba(255,255,255,.12)!important;padding-top:6px!important}
body:has(.footer-live-hub-v7){padding-bottom:292px!important}
body:has(.footer-live-hub-v7) .app-shell{padding-bottom:286px!important}
@media(max-width:768px){
  .footer-live-hub-v7{bottom:76px!important;padding:0 8px 8px!important;width:100%!important}
  .footer-writers-v7{border-radius:23px!important;padding:9px 9px 10px!important}
  .footer-writer-card-v7{flex-basis:82px!important;width:82px!important;min-width:82px!important;height:98px!important;border-radius:20px!important}
  .footer-writer-avatar-v7{width:54px!important;height:54px!important}
  .footer-writer-card-v7 b{width:72px!important;max-width:72px!important;font-size:11.5px!important}
  .footer-live-hub-v7 .breaking-footer{border-radius:22px!important;grid-template-columns:auto minmax(0,1fr)!important;padding:9px 10px!important}
  .footer-live-hub-v7 .breaking-item,
  .footer-live-hub-v7 a.breaking-item{font-size:13px!important;line-height:1.6!important}
  body:has(.footer-live-hub-v7){padding-bottom:280px!important}
  body:has(.footer-live-hub-v7) .app-shell{padding-bottom:274px!important}
}

/* =========================================================
   FOOTER V8 — MINIMIZE WRITERS + ZERO GAP UNIFIED FOOTER + SPEED
   سهم تصغير/فتح كتّاب الرأي + فوتر مجسم متصل بدون مسافات + تحسين سرعة التنقل
   ========================================================= */
html{scroll-behavior:auto!important}
*{scroll-margin-top:0!important}
.footer-live-hub-v7{
  bottom:76px!important;
  gap:0!important;
  padding:0!important;
  width:min(560px,100%)!important;
  filter:none!important;
  will-change:auto!important;
}
.footer-writers-v7,
.footer-live-hub-v7 .breaking-footer,
.footer-live-hub-v7 .footer-breaking-full-v7{
  margin:0!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.footer-writers-v7{
  border-radius:28px 28px 0 0!important;
  padding:9px 10px 10px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,255,255,.52),transparent 32%),
    linear-gradient(135deg,#e0f7ff 0%,#7dd3fc 46%,#38bdf8 100%)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-bottom:0!important;
  box-shadow:0 -10px 24px rgba(2,132,199,.16), inset 0 1px 0 rgba(255,255,255,.52)!important;
  transition:max-height .22s ease,padding .22s ease!important;
}
.footer-writers-title-v7{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0 0 8px!important;
  padding:0!important;
  width:100%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.footer-writers-title-text-v7{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.80)!important;
  color:#071a33!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 6px 14px rgba(7,26,51,.08)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.footer-writers-title-text-v7 i{color:#071a33!important}
.footer-writers-toggle-v8{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#071a33,#075985)!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(7,26,51,.16)!important;
  cursor:pointer!important;
  transition:transform .18s ease,background .18s ease!important;
}
.footer-writers-toggle-v8 i{transition:transform .2s ease!important;font-size:14px!important}
.footer-writers-toggle-v8:hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,#075985,#0284c7)!important}
.footer-writers-v7.is-collapsed{
  padding:7px 10px!important;
}
.footer-writers-v7.is-collapsed .footer-writers-title-v7{margin:0!important}
.footer-writers-v7.is-collapsed .footer-writers-scroll-v7{
  max-height:0!important;
  opacity:0!important;
  overflow:hidden!important;
  padding:0!important;
  pointer-events:none!important;
}
.footer-writers-v7.is-collapsed .footer-writers-toggle-v8 i{transform:rotate(180deg)!important}
.footer-writers-scroll-v7{
  max-height:112px!important;
  transition:max-height .22s ease,opacity .18s ease,padding .2s ease!important;
}
.footer-writer-card-v7{
  box-shadow:0 8px 18px rgba(3,105,161,.12), inset 0 1px 0 rgba(255,255,255,.62)!important;
  transition:none!important;
}
.footer-writer-card-v7:hover{transform:none!important;box-shadow:0 8px 18px rgba(3,105,161,.12), inset 0 1px 0 rgba(255,255,255,.62)!important}
/* العاجل يصبح قطعة واحدة بنفس ألوان الفوتر وملتصق تماماً */
.footer-live-hub-v7 .breaking-footer,
.footer-live-hub-v7 .footer-breaking-full-v7,
html body .app-shell .footer-live-hub-v7 .breaking-footer,
html body .footer-live-hub-v7 .breaking-footer{
  border-radius:0!important;
  background:
    linear-gradient(135deg,#e0f7ff 0%,#7dd3fc 45%,#38bdf8 100%)!important;
  color:#071a33!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-top:1px solid rgba(255,255,255,.38)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  gap:8px!important;
  padding:9px 10px!important;
  align-items:start!important;
}
.footer-live-hub-v7 .breaking-label{
  background:linear-gradient(135deg,#071a33,#075985)!important;
  color:#fff!important;
  border-radius:14px!important;
  box-shadow:0 6px 14px rgba(7,26,51,.14)!important;
}
.footer-live-hub-v7 .breaking-marquee,
.footer-live-hub-v7 .breaking-track,
.footer-live-hub-v7 .breaking-item,
.footer-live-hub-v7 a.breaking-item,
html body .app-shell .footer-live-hub-v7 .breaking-item,
html body .app-shell .footer-live-hub-v7 a.breaking-item{
  color:#071a33!important;
  text-shadow:0 1px 0 rgba(255,255,255,.38)!important;
}
.footer-live-hub-v7 .breaking-item + .breaking-item{
  border-top:1px solid rgba(7,26,51,.14)!important;
}
/* الفوتر السفلي ملتصق مع العاجل بدون فراغ */
.bottom-nav{
  border-radius:0!important;
  box-shadow:0 -8px 20px rgba(15,23,42,.08)!important;
  border-top:0!important;
}
body:has(.footer-live-hub-v7){padding-bottom:258px!important}
body:has(.footer-live-hub-v7) .app-shell{padding-bottom:252px!important}
body:has(.footer-writers-v7.is-collapsed){padding-bottom:172px!important}
body:has(.footer-writers-v7.is-collapsed) .app-shell{padding-bottom:166px!important}
/* سرعة التنقل: إزالة المؤثرات الثقيلة داخل الفوتر */
.footer-live-hub-v7 *, .bottom-nav *{
  animation:none!important;
  will-change:auto!important;
}
@media(max-width:768px){
  .footer-live-hub-v7{bottom:76px!important;padding:0!important;width:100%!important;gap:0!important}
  .footer-writers-v7{border-radius:24px 24px 0 0!important;padding:8px 8px 9px!important}
  .footer-writers-v7.is-collapsed{padding:7px 8px!important}
  .footer-writers-scroll-v7{max-height:104px!important}
  .footer-live-hub-v7 .breaking-footer{padding:8px!important;gap:7px!important;border-radius:0!important}
  .bottom-nav{border-radius:0!important}
  body:has(.footer-live-hub-v7){padding-bottom:244px!important}
  body:has(.footer-live-hub-v7) .app-shell{padding-bottom:238px!important}
  body:has(.footer-writers-v7.is-collapsed){padding-bottom:164px!important}
  body:has(.footer-writers-v7.is-collapsed) .app-shell{padding-bottom:158px!important}
}

/* =========================================================
   FOOTER V10 — ONE 3D URGENT + NAV UNIT, WRITERS AS CURTAIN
   العاجل بنفس الألوان ومجسم واحد مع شريط الأقسام، وكتّاب الرأي كبرداية فوقهم
   ========================================================= */
.footer-live-hub-v7{
  bottom:76px!important;
  gap:0!important;
  padding:0!important;
  width:min(560px,100%)!important;
  z-index:69!important;
  overflow:visible!important;
}
/* كتّاب الرأي كبرداية علوية، بدون فراغ، وتبقى بشكلها الجميل */
.footer-writers-v7{
  margin:0!important;
  border-radius:30px 30px 0 0!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-bottom:0!important;
  padding:9px 10px 10px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,255,255,.62),transparent 32%),
    linear-gradient(135deg,#e0f7ff 0%,#7dd3fc 46%,#38bdf8 100%)!important;
  box-shadow:0 -12px 28px rgba(2,132,199,.18), inset 0 1px 0 rgba(255,255,255,.62)!important;
  position:relative!important;
  z-index:2!important;
}
.footer-writers-v7:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:5px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.82),rgba(7,26,51,.20),rgba(255,255,255,.82),rgba(255,255,255,.15))!important;
  box-shadow:0 2px 9px rgba(7,26,51,.10)!important;
  pointer-events:none!important;
}
/* إظهار اسم الكاتب بالكامل: سطرين بدل قص الاسم */
.footer-writer-card-v7{
  height:112px!important;
  align-content:start!important;
  padding-top:8px!important;
}
.footer-writer-card-v7 b{
  width:82px!important;
  max-width:82px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  min-height:28px!important;
  line-height:1.18!important;
}
.footer-writers-scroll-v7{max-height:122px!important}
/* العاجل + شريط الأقسام: قطعة واحدة بنفس اللون */
.footer-live-hub-v7 .breaking-footer,
.footer-live-hub-v7 .footer-breaking-full-v7,
html body .app-shell .footer-live-hub-v7 .breaking-footer,
html body .footer-live-hub-v7 .breaking-footer{
  margin:0!important;
  border-radius:0!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-top:0!important;
  border-bottom:0!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(255,255,255,.42),transparent 32%),
    linear-gradient(135deg,#e0f7ff 0%,#7dd3fc 46%,#38bdf8 100%)!important;
  box-shadow:none!important;
  color:#071a33!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  padding:9px 10px!important;
  overflow:hidden!important;
  max-width:100%!important;
}
.footer-live-hub-v7 .breaking-label{
  background:linear-gradient(135deg,#071a33,#075985)!important;
  color:#fff!important;
  border-radius:14px!important;
  box-shadow:0 7px 15px rgba(7,26,51,.16)!important;
}
/* منع خروج عنوان العاجل خارج الحدود نهائياً */
.footer-live-hub-v7 .breaking-marquee,
.footer-live-hub-v7 .breaking-track,
.footer-live-hub-v7 .breaking-marquee span{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  overflow:hidden!important;
  white-space:normal!important;
  transform:none!important;
  animation:none!important;
}
.footer-live-hub-v7 .breaking-item,
.footer-live-hub-v7 a.breaking-item,
html body .app-shell .footer-live-hub-v7 .breaking-item,
html body .app-shell .footer-live-hub-v7 a.breaking-item{
  color:#071a33!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  line-height:1.55!important;
  font-size:13.5px!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
/* شريط الأقسام السفلي مدموج مع العاجل كجسم واحد */
.bottom-nav{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,255,255,.38),transparent 30%),
    linear-gradient(135deg,#e0f7ff 0%,#7dd3fc 46%,#38bdf8 100%)!important;
  border:1px solid rgba(255,255,255,.78)!important;
  border-top:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:0 -10px 30px rgba(2,132,199,.16), inset 0 1px 0 rgba(255,255,255,.40)!important;
  height:76px!important;
  z-index:70!important;
}
.bottom-nav:before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:4px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(7,26,51,.18),rgba(255,255,255,.18))!important;
  pointer-events:none!important;
}
.bottom-nav a{color:#071a33!important}.bottom-nav a.active{background:rgba(255,255,255,.64)!important;color:#071a33!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important}
/* لا مسافات بين البرداية، العاجل، والأقسام */
.footer-writers-v7 + .breaking-footer{margin-top:0!important}
body:has(.footer-live-hub-v7){padding-bottom:266px!important}
body:has(.footer-live-hub-v7) .app-shell{padding-bottom:260px!important}
body:has(.footer-writers-v7.is-collapsed){padding-bottom:176px!important}
body:has(.footer-writers-v7.is-collapsed) .app-shell{padding-bottom:170px!important}
@media(max-width:768px){
  .footer-live-hub-v7{bottom:76px!important;width:100%!important;padding:0!important;gap:0!important}
  .footer-writers-v7{border-radius:26px 26px 0 0!important;padding:8px 8px 9px!important}
  .footer-writer-card-v7{height:108px!important}
  .footer-writer-card-v7 b{width:76px!important;max-width:76px!important;font-size:11.2px!important;min-height:27px!important}
  .footer-writers-scroll-v7{max-height:116px!important}
  .footer-live-hub-v7 .breaking-footer{padding:8px!important;gap:7px!important}
  .footer-live-hub-v7 .breaking-item,
  .footer-live-hub-v7 a.breaking-item{font-size:12.8px!important;line-height:1.5!important}
  .bottom-nav{height:76px!important;border-radius:0!important}
  body:has(.footer-live-hub-v7){padding-bottom:254px!important}
  body:has(.footer-live-hub-v7) .app-shell{padding-bottom:248px!important}
  body:has(.footer-writers-v7.is-collapsed){padding-bottom:168px!important}
  body:has(.footer-writers-v7.is-collapsed) .app-shell{padding-bottom:162px!important}
}


/* FAST API FOOTER NAVIGATION */
.app-shell.is-fast-loading{opacity:.985!important}
.fast-nav-loading .bottom-nav a{pointer-events:none!important}
.fast-nav-loading .bottom-nav a.active{filter:saturate(1.08)!important}

/* =========================================================
   FINAL MOBILE SPEED + SAFE URGENT TEXT
   إلغاء كل المؤثرات البطيئة ومنع خروج العاجل خارج الشريط على الهاتف
   ========================================================= */
html{scroll-behavior:auto!important}
*,*:before,*:after{
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
}
.footer-live-hub-v7,
.footer-live-hub-v7 *,
.bottom-nav,
.bottom-nav *{
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* السماح فقط بسهم كتّاب الرأي يفتح/يسكر بدون ثقل */
.footer-writers-v7,
.footer-writers-scroll-v7{transition:none!important}
.footer-writers-v7.is-collapsed .footer-writers-scroll-v7{display:none!important}
/* إصلاح خروج خبر العاجل الكبير */
.footer-live-hub-v7 .breaking-footer,
.footer-live-hub-v7 .footer-breaking-full-v7,
html body .app-shell .footer-live-hub-v7 .breaking-footer,
html body .footer-live-hub-v7 .breaking-footer{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
}
.footer-live-hub-v7 .breaking-marquee,
.footer-live-hub-v7 .breaking-track,
.footer-live-hub-v7 .breaking-marquee span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  transform:none!important;
  padding:0!important;
  margin:0!important;
}
.footer-live-hub-v7 .breaking-item,
.footer-live-hub-v7 a.breaking-item,
html body .app-shell .footer-live-hub-v7 .breaking-item,
html body .app-shell .footer-live-hub-v7 a.breaking-item{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
  line-height:1.45!important;
}
/* تخفيف الظلال الثقيلة على الهاتف */
@media(max-width:768px){
  .footer-live-hub-v7{bottom:76px!important;contain:layout!important}
  .footer-writers-v7,
  .footer-live-hub-v7 .breaking-footer,
  .bottom-nav{
    box-shadow:none!important;
  }
  .footer-writer-card-v7,
  .footer-writer-avatar-v7,
  .footer-writer-count-v7{
    box-shadow:none!important;
  }
  .footer-live-hub-v7 .breaking-footer{
    grid-template-columns:62px minmax(0,1fr)!important;
  }
  .footer-live-hub-v7 .breaking-label{
    width:62px!important;
    padding:8px 6px!important;
    font-size:12px!important;
  }
}

/* =========================================================
   MOBILE FOOTER HARD RESET — داخل إطار التطبيق + أزرار سهلة الضغط
   يرجّع الفوتر داخل حدود التطبيق ويمنع تغطية أزرار التنقل
   ========================================================= */
@media(max-width:768px){
  body{overflow-x:hidden!important;padding-bottom:250px!important}
  .app-shell{overflow-x:hidden!important;padding-bottom:244px!important}

  .footer-live-hub-v7{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:78px!important;
    transform:translateX(-50%)!important;
    width:min(560px,calc(100vw - 12px))!important;
    max-width:calc(100vw - 12px)!important;
    box-sizing:border-box!important;
    z-index:60!important;
    display:grid!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:26px 26px 0 0!important;
    pointer-events:none!important;
  }
  .footer-live-hub-v7 > *{pointer-events:auto!important;box-sizing:border-box!important;max-width:100%!important}

  .footer-writers-v7{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:26px 26px 0 0!important;
    padding:8px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .footer-writers-v7.is-collapsed{padding:7px 8px!important}
  .footer-writers-scroll-v7{
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:3px!important;
  }
  .footer-writer-card-v7{
    flex:0 0 82px!important;
    width:82px!important;
    min-width:82px!important;
    height:106px!important;
  }

  .footer-live-hub-v7 .breaking-footer,
  .footer-live-hub-v7 .footer-breaking-full-v7,
  html body .app-shell .footer-live-hub-v7 .breaking-footer,
  html body .footer-live-hub-v7 .breaking-footer{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:7px!important;
    padding:8px!important;
    overflow:hidden!important;
    z-index:1!important;
  }
  .footer-live-hub-v7 .breaking-label{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    padding:8px 4px!important;
    font-size:12px!important;
    box-sizing:border-box!important;
  }
  .footer-live-hub-v7 .breaking-marquee,
  .footer-live-hub-v7 .breaking-track,
  .footer-live-hub-v7 .breaking-marquee span,
  .footer-live-hub-v7 .breaking-item,
  .footer-live-hub-v7 a.breaking-item{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    line-height:1.42!important;
    transform:none!important;
  }

  .bottom-nav,
  html body .bottom-nav,
  html body .app-shell .bottom-nav{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    width:min(560px,calc(100vw - 12px))!important;
    max-width:calc(100vw - 12px)!important;
    height:78px!important;
    z-index:9999!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    padding:5px 4px 6px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border-radius:0 0 0 0!important;
    pointer-events:auto!important;
  }
  .bottom-nav a,
  html body .bottom-nav a{
    min-width:0!important;
    min-height:64px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    margin:2px!important;
    padding:4px 2px!important;
    border-radius:18px!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(7,26,51,.12)!important;
  }
  .bottom-nav a.active{background:rgba(255,255,255,.70)!important}
  .bottom-nav i{font-size:20px!important;line-height:1!important}
  .bottom-nav span{font-size:10.5px!important;line-height:1.05!important;white-space:nowrap!important}

  body:has(.footer-writers-v7.is-collapsed){padding-bottom:166px!important}
  body:has(.footer-writers-v7.is-collapsed) .app-shell{padding-bottom:160px!important}
  body:has(.footer-live-hub-v7){padding-bottom:250px!important}
  body:has(.footer-live-hub-v7) .app-shell{padding-bottom:244px!important}
}

/* =========================================================
   FOOTER FINAL FIX — bigger buttons + full urgent text + writers open by default
   أزرار أكبر وأسهل + العاجل كامل بدون قص + كتّاب الرأي مفتوحة افتراضياً
   ========================================================= */
@media(max-width:768px){
  /* مساحة كافية للفوتر الكبير */
  body:has(.footer-live-hub-v7){padding-bottom:330px!important}
  body:has(.footer-live-hub-v7) .app-shell{padding-bottom:324px!important}
  body:has(.footer-writers-v7.is-collapsed){padding-bottom:224px!important}
  body:has(.footer-writers-v7.is-collapsed) .app-shell{padding-bottom:218px!important}

  .footer-live-hub-v7{
    bottom:96px!important;
    width:min(560px,calc(100vw - 10px))!important;
    max-width:calc(100vw - 10px)!important;
    overflow:visible!important;
    border-radius:28px 28px 0 0!important;
    contain:none!important;
  }

  /* كتّاب الرأي مفتوحة وواضحة كبرداية */
  .footer-writers-v7{
    display:block!important;
    overflow:hidden!important;
    border-radius:28px 28px 0 0!important;
    padding:9px 9px 10px!important;
  }
  .footer-writers-title-v7{margin-bottom:8px!important}
  .footer-writers-scroll-v7{
    display:flex!important;
    max-height:none!important;
    opacity:1!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding:2px 2px 5px!important;
    pointer-events:auto!important;
  }
  .footer-writers-v7.is-collapsed .footer-writers-scroll-v7{
    display:none!important;
  }

  /* العاجل: لا قص، لا خروج، لا ارتفاع ثابت */
  .footer-live-hub-v7 .breaking-footer,
  .footer-live-hub-v7 .footer-breaking-full-v7,
  html body .app-shell .footer-live-hub-v7 .breaking-footer,
  html body .footer-live-hub-v7 .breaking-footer{
    height:auto!important;
    min-height:unset!important;
    max-height:none!important;
    overflow:visible!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px!important;
    padding:10px 9px!important;
    border-radius:0!important;
  }
  .footer-live-hub-v7 .breaking-label{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:auto!important;
    min-height:38px!important;
    padding:9px 5px!important;
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  .footer-live-hub-v7 .breaking-marquee,
  .footer-live-hub-v7 .breaking-track,
  .footer-live-hub-v7 .breaking-marquee span{
    display:block!important;
    height:auto!important;
    min-height:unset!important;
    max-height:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    padding:0!important;
    margin:0!important;
  }
  .footer-live-hub-v7 .breaking-item,
  .footer-live-hub-v7 a.breaking-item,
  html body .app-shell .footer-live-hub-v7 .breaking-item,
  html body .app-shell .footer-live-hub-v7 a.breaking-item{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
    line-height:1.55!important;
    font-size:13.5px!important;
    padding:0!important;
    margin:0!important;
  }

  /* أزرار الفوتر أكبر وأسهل للضغط */
  .bottom-nav,
  html body .bottom-nav,
  html body .app-shell .bottom-nav{
    height:96px!important;
    width:min(560px,calc(100vw - 10px))!important;
    max-width:calc(100vw - 10px)!important;
    padding:8px 5px 10px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    overflow:hidden!important;
    z-index:9999!important;
    box-sizing:border-box!important;
  }
  .bottom-nav a,
  html body .bottom-nav a{
    min-height:78px!important;
    height:78px!important;
    margin:2px!important;
    padding:7px 2px!important;
    border-radius:22px!important;
    gap:6px!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(7,26,51,.14)!important;
  }
  .bottom-nav i{font-size:24px!important;line-height:1!important}
  .bottom-nav span{font-size:12px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important}
  .bottom-nav a.active{background:rgba(255,255,255,.78)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)!important}
}

@media(max-width:360px){
  .bottom-nav span{font-size:11px!important}
  .bottom-nav i{font-size:22px!important}
  .footer-live-hub-v7 .breaking-footer{grid-template-columns:58px minmax(0,1fr)!important}
  .footer-live-hub-v7 .breaking-label{width:58px!important;min-width:58px!important;max-width:58px!important;font-size:11.5px!important}
  .footer-live-hub-v7 .breaking-item,
  .footer-live-hub-v7 a.breaking-item{font-size:12.8px!important;line-height:1.5!important}
}

/* =========================================================
   FINAL SCREENSHOT FIX — urgent white text panel + transparent writers + bigger Bootstrap footer buttons
   إصلاح حسب الصورة: العاجل لا ينقص، كتّاب الرأي شفافة، أزرار أكبر وأسهل
   ========================================================= */
@media(max-width:768px){
  body:has(.footer-live-hub-v7){padding-bottom:350px!important}
  body:has(.footer-live-hub-v7) .app-shell{padding-bottom:344px!important}
  body:has(.footer-writers-v7.is-collapsed){padding-bottom:230px!important}
  body:has(.footer-writers-v7.is-collapsed) .app-shell{padding-bottom:224px!important}

  .footer-live-hub-v7{
    bottom:104px!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:min(560px,calc(100vw - 10px))!important;
    max-width:calc(100vw - 10px)!important;
    overflow:visible!important;
    z-index:80!important;
    pointer-events:none!important;
  }
  .footer-live-hub-v7 > *{pointer-events:auto!important}

  /* كتّاب الرأي: نفس اللون لكن خلفية شفافة جداً */
  .footer-writers-v7{
    background:linear-gradient(135deg,rgba(224,247,255,.34),rgba(125,211,252,.28) 50%,rgba(56,189,248,.24))!important;
    border:1px solid rgba(255,255,255,.44)!important;
    border-bottom:0!important;
    box-shadow:0 -8px 20px rgba(2,132,199,.07), inset 0 1px 0 rgba(255,255,255,.35)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border-radius:28px 28px 0 0!important;
    padding:8px!important;
  }
  .footer-writers-title-text-v7{
    background:rgba(255,255,255,.62)!important;
    border-color:rgba(255,255,255,.74)!important;
    color:#071a33!important;
  }
  .footer-writer-card-v7{
    background:rgba(255,255,255,.68)!important;
    border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:none!important;
  }
  .footer-writer-avatar-v7,
  .footer-writer-count-v7{box-shadow:none!important}
  .footer-writer-card-v7 b{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    line-height:1.18!important;
    min-height:28px!important;
  }

  /* العاجل: النص داخل كرت أبيض ينزل لتحت ويظهر كاملاً */
  .footer-live-hub-v7 .breaking-footer,
  .footer-live-hub-v7 .footer-breaking-full-v7,
  html body .app-shell .footer-live-hub-v7 .breaking-footer,
  html body .footer-live-hub-v7 .breaking-footer{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:unset!important;
    max-height:none!important;
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:8px!important;
    margin:0!important;
    border-radius:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:linear-gradient(135deg,rgba(224,247,255,.96),rgba(125,211,252,.92) 52%,rgba(56,189,248,.90))!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  .footer-live-hub-v7 .breaking-label{
    position:relative!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    min-height:48px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
    padding:8px 6px!important;
    border-radius:20px!important;
    background:linear-gradient(135deg,#ef4444,#f43f5e)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    box-shadow:0 6px 14px rgba(244,63,94,.20)!important;
    box-sizing:border-box!important;
  }
  .footer-live-hub-v7 .breaking-marquee{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:48px!important;
    max-height:none!important;
    padding:10px 12px!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(255,255,255,.96)!important;
    box-shadow:0 4px 12px rgba(7,26,51,.06)!important;
    overflow:visible!important;
    white-space:normal!important;
    box-sizing:border-box!important;
    color:#071a33!important;
    text-align:right!important;
  }
  .footer-live-hub-v7 .breaking-track,
  .footer-live-hub-v7 .breaking-marquee span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    transform:none!important;
    animation:none!important;
    box-sizing:border-box!important;
  }
  .footer-live-hub-v7 .breaking-item,
  .footer-live-hub-v7 a.breaking-item,
  html body .app-shell .footer-live-hub-v7 .breaking-item,
  html body .app-shell .footer-live-hub-v7 a.breaking-item{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
    text-overflow:clip!important;
    color:#071a33!important;
    font-size:14px!important;
    line-height:1.65!important;
    font-weight:900!important;
    text-shadow:none!important;
    box-sizing:border-box!important;
  }

  /* أزرار الفوتر: Bootstrap 5 style أكبر، أوضح، وأسهل للضغط */
  .bottom-nav,
  html body .bottom-nav,
  html body .app-shell .bottom-nav{
    height:104px!important;
    width:min(560px,calc(100vw - 10px))!important;
    max-width:calc(100vw - 10px)!important;
    left:50%!important;
    bottom:0!important;
    transform:translateX(-50%)!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;
    padding:8px 7px 10px!important;
    background:linear-gradient(135deg,#e0f7ff 0%,#7dd3fc 52%,#38bdf8 100%)!important;
    border:1px solid rgba(255,255,255,.76)!important;
    border-top:0!important;
    border-radius:0 0 26px 26px!important;
    box-shadow:0 -8px 20px rgba(2,132,199,.14)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    z-index:9999!important;
    pointer-events:auto!important;
  }
  .bottom-nav a,
  html body .bottom-nav a{
    min-width:0!important;
    height:84px!important;
    min-height:84px!important;
    margin:0!important;
    padding:8px 2px!important;
    border-radius:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:7px!important;
    background:rgba(255,255,255,.44)!important;
    border:1px solid rgba(255,255,255,.56)!important;
    color:#071a33!important;
    font-weight:900!important;
    box-sizing:border-box!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:rgba(7,26,51,.12)!important;
  }
  .bottom-nav a.active,
  html body .bottom-nav a.active{
    background:rgba(255,255,255,.88)!important;
    border-color:rgba(255,255,255,.96)!important;
    box-shadow:0 4px 12px rgba(7,26,51,.08)!important;
  }
  .bottom-nav i{font-size:27px!important;line-height:1!important}
  .bottom-nav span{font-size:12.5px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important}
}

@media(max-width:360px){
  .footer-live-hub-v7 .breaking-footer{grid-template-columns:66px minmax(0,1fr)!important;gap:6px!important;padding:7px!important}
  .footer-live-hub-v7 .breaking-label{width:66px!important;min-width:66px!important;max-width:66px!important;font-size:12.5px!important;border-radius:18px!important}
  .footer-live-hub-v7 .breaking-marquee{padding:9px 10px!important;border-radius:18px!important}
  .footer-live-hub-v7 .breaking-item,
  .footer-live-hub-v7 a.breaking-item{font-size:13px!important;line-height:1.55!important}
  .bottom-nav span{font-size:11.2px!important}
  .bottom-nav i{font-size:24px!important}
}

/* =========================================================
   BREAKING NEWS MESSAGE MODAL — replaces urgent footer strip
   يظهر الخبر العاجل الجديد كرسالة مودال شفافة مع صوت
   ========================================================= */
.breaking-footer,.footer-breaking-full-v7{display:none!important}
.breaking-message-modal-v10{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:2147483000!important;
  display:none!important;
  place-items:center!important;
  padding:18px!important;
  box-sizing:border-box!important;
  background:rgba(2,6,23,.34)!important;
  direction:rtl!important;
}
.breaking-message-modal-v10.is-open{display:grid!important}
.breaking-message-panel-v10{
  position:relative!important;
  width:min(680px,calc(100vw - 28px))!important;
  min-height:min(420px,calc(100vh - 90px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:18px!important;
  padding:54px 26px 30px!important;
  border-radius:34px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(224,247,255,.72))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 28px 90px rgba(2,6,23,.30), inset 0 1px 0 rgba(255,255,255,.75)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  overflow:hidden!important;
}
.breaking-message-panel-v10:before{
  content:""!important;
  position:absolute!important;
  inset:-40% -10% auto -10%!important;
  height:58%!important;
  background:radial-gradient(circle at 50% 40%,rgba(56,189,248,.34),transparent 62%)!important;
  pointer-events:none!important;
}
.breaking-message-close-v10{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.78)!important;
  color:#071a33!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  cursor:pointer!important;
  z-index:2!important;
}
.breaking-message-badge-v10{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ef4444,#f43f5e)!important;
  font-size:15px!important;
  font-weight:900!important;
  box-shadow:0 12px 28px rgba(244,63,94,.22)!important;
}
.breaking-message-panel-v10 h2{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:590px!important;
  margin:0!important;
  color:#071a33!important;
  font-size:clamp(22px,5vw,38px)!important;
  line-height:1.55!important;
  font-weight:950!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.breaking-message-actions-v10{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.breaking-message-actions-v10 a,
.breaking-message-actions-v10 button{
  min-width:132px!important;
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  border:1px solid rgba(7,26,51,.08)!important;
  font-weight:900!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.breaking-message-actions-v10 a{background:#0ea5e9!important;color:#fff!important}
.breaking-message-actions-v10 button{background:rgba(255,255,255,.80)!important;color:#071a33!important}
@media(max-width:768px){
  .breaking-message-modal-v10{padding:12px!important;background:rgba(2,6,23,.28)!important}
  .breaking-message-panel-v10{
    width:calc(100vw - 18px)!important;
    min-height:calc(100vh - 118px)!important;
    border-radius:30px!important;
    padding:58px 18px 24px!important;
  }
  .breaking-message-close-v10{width:48px!important;height:48px!important;border-radius:18px!important}
  .breaking-message-panel-v10 h2{font-size:24px!important;line-height:1.65!important}
  .breaking-message-actions-v10 a,
  .breaking-message-actions-v10 button{min-height:52px!important;border-radius:18px!important;font-size:15px!important}
  .footer-live-hub-v7{bottom:104px!important}
}

/* =========================================================
   VIDEOS V11 — lazy Bootstrap 5 professional fast cards
   ========================================================= */
.videos-lazy-shell-v11{margin-top:16px!important}
.videos-lazy-head-v11{
  background:linear-gradient(135deg,#ffffff,#eff6ff)!important;
  border:1px solid #dbeafe!important;
  border-radius:30px!important;
  padding:20px!important;
  box-shadow:0 14px 36px rgba(37,99,235,.08)!important;
  text-align:center!important;
}
.videos-lazy-head-v11 h2{margin:10px 0 6px!important;font-weight:950!important;color:#0f172a!important}
.videos-lazy-head-v11 p{margin:0!important;color:#64748b!important;font-weight:800!important;line-height:1.8!important}
.video-cat-row-lazy-v11{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important;overflow:visible!important}
.video-cat-chip-v11{
  min-height:76px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,246,255,.92))!important;
  color:#0f172a!important;
  box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:10px 8px!important;
  font-weight:950!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
.video-cat-chip-v11 i{font-size:24px!important;color:var(--cat-color,#0ea5e9)!important}.video-cat-chip-v11 small{background:rgba(14,165,233,.10)!important;color:var(--cat-color,#0ea5e9)!important;border-radius:999px!important;padding:2px 9px!important;font-size:11px!important}
.video-cat-chip-v11.active{background:linear-gradient(135deg,var(--cat-color,#0ea5e9),#38bdf8)!important;color:#fff!important;box-shadow:0 14px 34px rgba(14,165,233,.22)!important}.video-cat-chip-v11.active i,.video-cat-chip-v11.active small{color:#fff!important}.video-cat-chip-v11.active small{background:rgba(255,255,255,.22)!important}
.video-grid-bs-v11{display:flex!important}.videos-pick-placeholder-v11,.videos-loading-v11{min-height:190px!important;border-radius:30px!important;background:linear-gradient(135deg,#fff,#f0f9ff)!important;border:1px dashed #93c5fd!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:10px!important;text-align:center!important;color:#0f172a!important;font-weight:900!important;padding:22px!important}.videos-pick-placeholder-v11 i{font-size:38px!important;color:#0ea5e9!important}.videos-pick-placeholder-v11 span{color:#64748b!important;line-height:1.8!important}
.video-card-bs-v11{overflow:hidden!important;border-radius:28px!important;background:#fff!important;text-decoration:none!important;box-shadow:0 12px 34px rgba(15,23,42,.10)!important;border:1px solid rgba(226,232,240,.9)!important;color:#0f172a!important}
.video-thumb-bs-v11{position:relative!important;display:block!important;aspect-ratio:16/10!important;overflow:hidden!important;background:#e0f2fe!important;border-radius:0!important}.video-thumb-bs-v11 img,.video-thumb-bs-v11 iframe{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.video-thumb-bs-v11 em{position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:58px!important;height:58px!important;border-radius:999px!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:22px!important;box-shadow:0 12px 28px rgba(37,99,235,.28)!important}
.video-info-bs-v11{display:flex!important;flex-direction:column!important;gap:9px!important;padding:14px!important}.video-info-bs-v11 b{font-size:17px!important;line-height:1.55!important;color:#0f172a!important;font-weight:950!important}.video-info-bs-v11 small{font-size:13px!important;line-height:1.7!important;color:#64748b!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.video-info-bs-v11 .chip{align-self:flex-start!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;font-weight:900!important;padding:7px 10px!important}
@media(max-width:768px){.videos-page .section-guide-hero{margin-bottom:10px!important}.videos-lazy-head-v11{padding:16px 14px!important;border-radius:26px!important}.video-cat-row-lazy-v11{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.video-cat-chip-v11{min-height:82px!important;border-radius:24px!important;font-size:13px!important}.video-grid-bs-v11{--bs-gutter-y:12px!important}.video-card-bs-v11{border-radius:26px!important}.video-info-bs-v11 b{font-size:16px!important}.videos-lazy-search-v11{margin:12px 0!important}}
@media(min-width:992px){.video-cat-row-lazy-v11{grid-template-columns:repeat(5,minmax(0,1fr))!important}.video-grid-bs-v11>.col-md-6{width:33.333333%!important}}

/* =========================================================
   VIDEOS V12 — cleaner, faster, no overflow anywhere
   تصميم أنجح وأسرع: بدون خروج التاريخ/الوقت خارج الإطار
   ========================================================= */
.video-grid-bs-v11{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.video-fast-col-v12{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.video-fast-card-v12{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border:1px solid #e2e8f0!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
  color:#0f172a!important;
  text-decoration:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  contain:content!important;
}
.video-fast-thumb-v12{
  position:relative!important;
  width:126px!important;
  height:102px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#e0f2fe!important;
  display:block!important;
}
.video-fast-thumb-v12 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.video-fast-placeholder-v12{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#dbeafe,#bae6fd)!important;color:#0f172a!important;font-weight:950!important;text-align:center!important}.video-fast-placeholder-v12 i{font-size:25px!important;color:#0ea5e9!important}.video-fast-placeholder-v12 b span{color:#0ea5e9!important}
.video-fast-thumb-v12 em{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(14,165,233,.94)!important;color:#fff!important;font-size:15px!important;font-style:normal!important;box-shadow:none!important}
.video-fast-body-v12{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:6px!important;overflow:hidden!important;box-sizing:border-box!important}
.video-fast-meta-v12{
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  overflow:hidden!important;
}
.video-fast-cat-v12,.video-fast-date-v12{
  max-width:100%!important;
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:900!important;
  background:#f1f5f9!important;
  border:1px solid #e2e8f0!important;
  color:#475569!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  box-sizing:border-box!important;
}
.video-fast-cat-v12{color:var(--cat-color,#0ea5e9)!important;background:rgba(14,165,233,.08)!important}
.video-fast-card-v12 b{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:950!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.video-fast-card-v12 small{
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#64748b!important;
  font-size:12px!important;
  line-height:1.45!important;
  word-break:break-word!important;
}
.video-fast-stats-v12{display:flex!important;gap:8px!important;align-items:center!important;color:#64748b!important;font-size:11px!important;font-weight:800!important}.video-fast-stats-v12 span{display:inline-flex!important;align-items:center!important;gap:4px!important}
.videos-loading-v11{box-shadow:none!important;min-height:130px!important}.videos-pick-placeholder-v11{min-height:150px!important}
@media(max-width:420px){
  .video-fast-card-v12{grid-template-columns:104px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;border-radius:22px!important}
  .video-fast-thumb-v12{width:104px!important;height:92px!important;border-radius:18px!important}
  .video-fast-thumb-v12 em{width:36px!important;height:36px!important;font-size:13px!important}
  .video-fast-cat-v12,.video-fast-date-v12{font-size:9.7px!important;padding:3px 6px!important;line-height:1.3!important}
  .video-fast-card-v12 b{font-size:14px!important;line-height:1.38!important}
  .video-fast-card-v12 small{display:none!important}
}
@media(min-width:768px){.video-grid-bs-v11{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1100px){.video-grid-bs-v11{grid-template-columns:repeat(3,minmax(0,1fr))!important}.video-fast-card-v12{grid-template-columns:140px minmax(0,1fr)!important}.video-fast-thumb-v12{width:140px!important;height:110px!important}}

/* =========================================================
   VIDEOS V13 — Bootstrap Ajax deck cards like playing cards
   كروت مربعة بجانب بعض مثل ورق الشدة + تحميل المزيد Ajax سريع
   ========================================================= */
.video-grid-bs-v11,
#videoResults.video-grid-bs-v11{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin-right:calc(-.5 * var(--bs-gutter-x, 1rem))!important;
  margin-left:calc(-.5 * var(--bs-gutter-x, 1rem))!important;
  gap:0!important;
  box-sizing:border-box!important;
}
.video-grid-bs-v11 > .video-deck-col-v13{
  display:block!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding-right:calc(var(--bs-gutter-x, 1rem) * .5)!important;
  padding-left:calc(var(--bs-gutter-x, 1rem) * .5)!important;
  margin-bottom:var(--bs-gutter-y, 1rem)!important;
}
.video-deck-card-v13{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(226,232,240,.92)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  color:#0f172a!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(15,23,42,.08)!important;
  transform:none!important;
  contain:content!important;
}
.video-deck-thumb-v13{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#dbeafe,#e0f2fe)!important;
  border-radius:0!important;
}
.video-deck-thumb-v13 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.video-deck-placeholder-v13{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;color:#0f172a!important;font-weight:950!important;text-align:center!important}.video-deck-placeholder-v13 i{font-size:32px!important;color:#0ea5e9!important}.video-deck-placeholder-v13 b span{color:#0ea5e9!important}
.video-deck-thumb-v13 em{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:48px!important;
  height:48px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(14,165,233,.95)!important;
  color:#fff!important;
  font-size:17px!important;
  font-style:normal!important;
  box-shadow:0 8px 18px rgba(14,165,233,.22)!important;
}
.video-deck-thumb-v13 small{
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  max-width:calc(100% - 16px)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
  color:var(--cat-color,#0ea5e9)!important;
  border:1px solid rgba(255,255,255,.90)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
.video-deck-body-v13{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding:10px 10px 11px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.video-deck-body-v13 b{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  min-height:40px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#0f172a!important;
  font-size:13.8px!important;
  line-height:1.45!important;
  font-weight:950!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.video-deck-date-v13{
  display:flex!important;
  align-items:flex-start!important;
  gap:4px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:4px 6px!important;
  border-radius:12px!important;
  background:#f1f5f9!important;
  color:#64748b!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:850!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  box-sizing:border-box!important;
}
.video-deck-date-v13 i{margin-top:1px!important;flex:0 0 auto!important;color:#0ea5e9!important}
.video-deck-stats-v13{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;color:#64748b!important;font-size:10.5px!important;font-weight:900!important}.video-deck-stats-v13 span{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important}
.load-more-pro[data-load-more-videos]{min-width:min(280px,90vw)!important;min-height:58px!important;border-radius:999px!important;font-weight:950!important;box-shadow:0 10px 24px rgba(14,165,233,.18)!important}
@media(max-width:575.98px){
  #videoResults.video-grid-bs-v11{--bs-gutter-x:.7rem!important;--bs-gutter-y:.7rem!important}
  .video-grid-bs-v11 > .video-deck-col-v13{flex:0 0 50%!important;max-width:50%!important}
  .video-deck-card-v13{border-radius:22px!important;box-shadow:0 7px 16px rgba(15,23,42,.07)!important}
  .video-deck-thumb-v13 em{width:42px!important;height:42px!important;font-size:15px!important}
  .video-deck-body-v13{padding:8px!important;gap:5px!important}
  .video-deck-body-v13 b{font-size:12.7px!important;line-height:1.38!important;min-height:36px!important}
  .video-deck-date-v13{font-size:9.2px!important;line-height:1.3!important;padding:4px 5px!important}
  .video-deck-stats-v13{font-size:9.5px!important}
}
@media(min-width:576px){.video-grid-bs-v11 > .video-deck-col-v13{flex:0 0 50%!important;max-width:50%!important}}
@media(min-width:768px){.video-grid-bs-v11 > .video-deck-col-v13{flex:0 0 33.333333%!important;max-width:33.333333%!important}}
@media(min-width:992px){.video-grid-bs-v11 > .video-deck-col-v13{flex:0 0 25%!important;max-width:25%!important}}

/* =========================================================
   VIDEOS V15 — click video opens direct video, details button below
   الضغط على الفيديو يفتح الفيديو مباشرة، وتفاصيل الفيديو بزر منفصل
   ========================================================= */
#videoResults.video-grid-bs-v11,
.video-grid-bs-v11{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.video-action-col-v15{width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
.video-action-card-v15{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border:1px solid rgba(226,232,240,.95)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.09)!important;
  color:#0f172a!important;
  contain:content!important;
}
.video-action-watch-v15{display:block!important;text-decoration:none!important;color:inherit!important;position:relative!important;min-width:0!important}
.video-action-thumb-v15{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;background:linear-gradient(135deg,#dbeafe,#e0f2fe,#f0f9ff)!important}
.video-action-thumb-v15 img{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.video-action-logo-v15{position:absolute!important;inset:0!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;text-align:center!important;color:#0f172a!important;background:radial-gradient(circle at 50% 35%,rgba(14,165,233,.18),transparent 56%)!important}.video-action-logo-v15 b{font-size:18px!important;font-weight:950!important}.video-action-logo-v15 b span{color:#0ea5e9!important}.video-action-logo-v15 small{font-size:10px!important;font-weight:950!important;color:#0ea5e9!important;background:rgba(255,255,255,.72)!important;border-radius:999px!important;padding:3px 10px!important}
.video-action-play-v15{position:absolute!important;z-index:4!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:50px!important;height:50px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important;font-size:18px!important;box-shadow:0 10px 24px rgba(37,99,235,.30)!important}
.video-action-cat-v15{position:absolute!important;z-index:5!important;top:8px!important;right:8px!important;max-width:calc(100% - 16px)!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.95)!important;color:var(--cat-color,#0ea5e9)!important;font-size:10px!important;line-height:1.2!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-sizing:border-box!important}
.video-action-body-v15{display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
.video-action-title-v15{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:39px!important;width:100%!important;max-width:100%!important;overflow:hidden!important;font-size:13.4px!important;line-height:1.45!important;color:#0f172a!important;font-weight:950!important;text-decoration:none!important;word-break:break-word!important;overflow-wrap:anywhere!important}
.video-action-date-v15{display:flex!important;align-items:flex-start!important;gap:4px!important;width:100%!important;min-width:0!important;padding:4px 6px!important;border-radius:12px!important;background:#f1f5f9!important;color:#64748b!important;font-size:9.6px!important;line-height:1.35!important;font-weight:850!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;box-sizing:border-box!important}.video-action-date-v15 i{flex:0 0 auto!important;margin-top:1px!important;color:#0ea5e9!important}
.video-action-stats-v15{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;color:#64748b!important;font-size:10px!important;font-weight:900!important}.video-action-stats-v15 em{font-style:normal!important;display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important}
.video-action-details-v15{width:100%!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:11px!important;font-weight:950!important;padding:6px 8px!important;box-sizing:border-box!important}
.video-detail-page .video-embed-card{position:relative!important;overflow:hidden!important}.video-detail-page .video-frame{position:relative!important}.video-detail-page .video-frame:after,.video-detail-page .facebook-poster-media:after{content:"\f04b"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:64px!important;height:64px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important;font-size:24px!important;box-shadow:0 14px 36px rgba(37,99,235,.32)!important;z-index:3!important;pointer-events:none!important}.video-detail-page .video-frame iframe,.video-detail-page .video-frame video{position:relative!important;z-index:2!important}
@media(max-width:380px){#videoResults.video-grid-bs-v11{gap:9px!important}.video-action-card-v15{border-radius:22px!important}.video-action-body-v15{padding:8px!important;gap:5px!important}.video-action-title-v15{font-size:12.2px!important;line-height:1.38!important;min-height:34px!important}.video-action-date-v15{font-size:8.8px!important;padding:3px 5px!important}.video-action-play-v15{width:42px!important;height:42px!important;font-size:15px!important}.video-action-cat-v15{font-size:8.8px!important;padding:4px 6px!important}.video-action-details-v15{font-size:10px!important;min-height:32px!important}}
@media(min-width:768px){#videoResults.video-grid-bs-v11,.video-grid-bs-v11{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1100px){#videoResults.video-grid-bs-v11,.video-grid-bs-v11{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* =========================================================
   MY WORKS SECTION — public + admin polish
   قسم أعمالي: سكربتات، صور، ألبومات، وفيديوهات
   ========================================================= */
.my-works-page-v1{padding-top:14px!important}.my-works-hero-v1{display:flex!important;align-items:center!important;gap:16px!important;padding:22px!important;border-radius:32px!important;background:linear-gradient(135deg,#fff,#eef9ff 55%,#e0f2fe)!important;border:1px solid #dbeafe!important;box-shadow:0 16px 38px rgba(14,165,233,.10)!important;margin-bottom:16px!important}.my-works-hero-icon-v1{width:78px!important;height:78px!important;border-radius:28px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important;font-size:32px!important;box-shadow:0 14px 32px rgba(37,99,235,.22)!important;flex:0 0 auto!important}.my-works-hero-v1 span{color:#0ea5e9!important;font-weight:950!important}.my-works-hero-v1 h1{margin:3px 0!important;font-size:30px!important;font-weight:950!important;color:#0f172a!important}.my-works-hero-v1 p{margin:0!important;color:#64748b!important;font-weight:800!important;line-height:1.8!important}.my-works-cat-row-v1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}.my-work-cat-chip-v1{min-height:76px!important;border-radius:24px!important;padding:10px!important;text-decoration:none!important;color:#0f172a!important;background:linear-gradient(135deg,#fff,#f8fbff)!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 24px rgba(15,23,42,.07)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-weight:950!important;text-align:center!important}.my-work-cat-chip-v1 i{font-size:24px!important;color:var(--cat-color,#0ea5e9)!important}.my-work-cat-chip-v1 small{background:rgba(14,165,233,.10)!important;color:var(--cat-color,#0ea5e9)!important;border-radius:999px!important;padding:2px 9px!important;font-size:11px!important}.my-work-cat-chip-v1.active{background:linear-gradient(135deg,var(--cat-color,#0ea5e9),#38bdf8)!important;color:#fff!important}.my-work-cat-chip-v1.active i,.my-work-cat-chip-v1.active small{color:#fff!important}.my-work-cat-chip-v1.active small{background:rgba(255,255,255,.22)!important}.my-works-grid-v1{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important}.my-work-card-v1{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border:1px solid #e2e8f0!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important;text-decoration:none!important;color:#0f172a!important}.my-work-media-v1{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;background:linear-gradient(135deg,#dbeafe,#e0f2fe,#f0f9ff)!important}.my-work-media-v1 img{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.my-work-logo-v1{position:absolute!important;inset:0!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;text-align:center!important;color:#0f172a!important}.my-work-logo-v1 b{font-size:18px!important;font-weight:950!important}.my-work-logo-v1 b span{color:#0ea5e9!important}.my-work-logo-v1 small{font-size:10px!important;font-weight:950!important;color:#0ea5e9!important;background:rgba(255,255,255,.72)!important;border-radius:999px!important;padding:3px 10px!important}.my-work-media-v1 em{position:absolute!important;z-index:4!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:50px!important;height:50px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;color:#fff!important;font-size:18px!important;font-style:normal!important}.my-work-type-v1{position:absolute!important;z-index:5!important;top:8px!important;right:8px!important;max-width:calc(100% - 16px)!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 8px!important;border-radius:999px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.95)!important;color:var(--cat-color,#0ea5e9)!important;font-size:10px!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.my-work-body-v1{display:flex!important;flex-direction:column!important;gap:7px!important;padding:11px!important;min-width:0!important;overflow:hidden!important}.my-work-body-v1 b{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:40px!important;overflow:hidden!important;font-size:13.6px!important;line-height:1.45!important;font-weight:950!important;word-break:break-word!important;overflow-wrap:anywhere!important}.my-work-body-v1 small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#64748b!important;font-size:12px!important;line-height:1.5!important}.my-work-body-v1 span{color:#64748b!important;font-size:10px!important;font-weight:850!important;line-height:1.5!important;word-break:break-word!important}.my-work-detail-card-v1{border-radius:32px!important}.my-work-cover-v1{width:100%!important;border-radius:28px!important;margin:12px 0!important;display:block!important}.my-work-video-v1{margin:14px 0!important}.my-work-album-v1{margin-top:20px!important}.my-work-album-v1 h2{font-size:20px!important;font-weight:950!important;margin-bottom:12px!important}.my-work-album-v1>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.my-work-album-v1 img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:22px!important;box-shadow:0 10px 24px rgba(15,23,42,.08)!important}.my-work-content-v1{margin-top:18px!important;line-height:2!important;font-weight:700!important;color:#334155!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:24px!important;padding:16px!important}.my-work-open-v1{margin-top:16px!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;font-weight:950!important}.admin-menu a[href="my-works.php"],.admin-menu a[href="my-work-categories.php"]{background:rgba(14,165,233,.08)}
@media(max-width:420px){.my-works-hero-v1{padding:16px!important;border-radius:28px!important;align-items:flex-start!important}.my-works-hero-icon-v1{width:58px!important;height:58px!important;border-radius:22px!important;font-size:24px!important}.my-works-hero-v1 h1{font-size:25px!important}.my-work-card-v1{border-radius:24px!important}.my-work-body-v1{padding:9px!important}.my-work-body-v1 b{font-size:12.6px!important;min-height:36px!important}.my-work-cat-chip-v1{min-height:72px!important;font-size:13px!important}.my-work-album-v1>div{gap:8px!important}}
@media(min-width:768px){.my-works-cat-row-v1{grid-template-columns:repeat(4,minmax(0,1fr))!important}.my-works-grid-v1{grid-template-columns:repeat(3,minmax(0,1fr))!important}.my-work-album-v1>div{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1100px){.my-works-grid-v1{grid-template-columns:repeat(4,minmax(0,1fr))!important}.my-work-album-v1>div{grid-template-columns:repeat(4,minmax(0,1fr))!important}}


/* =========================================================
   UNREAD CATEGORY COUNTS — IP based, always visible
   أرقام الأخبار غير المقروءة لكل قسم حسب IP، وتتناقص بعد القراءة عبر Ajax
   ========================================================= */
.count-badge-v2[data-category-count]{
  display:grid!important;
  place-items:center!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ef4444,#f43f5e)!important;
  color:#fff!important;
  font-weight:950!important;
  font-size:13px!important;
  box-shadow:0 8px 18px rgba(244,63,94,.28)!important;
  border:2px solid rgba(255,255,255,.88)!important;
}
.count-badge-v2[data-category-count].is-zero{
  background:linear-gradient(135deg,#e2e8f0,#f8fafc)!important;
  color:#64748b!important;
  box-shadow:none!important;
}
@media(max-width:768px){
  .count-badge-v2[data-category-count]{min-width:28px!important;height:28px!important;font-size:12px!important;padding:0 7px!important}
}

/* =========================================================
   BACK BUTTON V16 + AUTO COUNTS POLISH
   زر الرجوع نص واضح بدل السهم + تحديث أرقام الأقسام تلقائياً
   ========================================================= */
.clean-topbar .back.back-text-v16,
.topbar .back.back-text-v16{
  width:auto!important;
  min-width:82px!important;
  height:42px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  background:linear-gradient(135deg,#e0f7ff,#7dd3fc)!important;
  color:#071a33!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 8px 20px rgba(14,165,233,.14)!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  flex:0 0 auto!important;
  touch-action:manipulation!important;
}
.clean-topbar .back.back-text-v16 span,
.topbar .back.back-text-v16 span{
  display:inline-block!important;
  white-space:nowrap!important;
}
.clean-topbar .back.back-text-v16 i,
.topbar .back.back-text-v16 i{display:none!important}
.count-badge-v2[data-category-count]{transition:transform .18s ease, background .18s ease!important}
.count-badge-v2[data-category-count]:not(.is-zero){transform:scale(1.03)!important}
@media(max-width:420px){
  .clean-topbar .back.back-text-v16,
  .topbar .back.back-text-v16{
    min-width:74px!important;
    height:40px!important;
    padding:0 13px!important;
    font-size:13px!important;
  }
}

/* =========================================================
   NEWS DETAIL POLISH V17 — fixed like + smaller elegant title + readable article
   ========================================================= */
.news-detail-v2 .news-animated-hero-v3{
  padding:18px 15px 14px!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f3faff 58%,#eef7ff 100%)!important;
  border:1px solid rgba(210,226,240,.95)!important;
  box-shadow:0 12px 28px rgba(20,70,120,.07)!important;
}
.news-detail-v2 .news-title-top-v2,
.news-detail-v2 .details-title-pro.news-title-top-v2,
.news-detail-v2 .news-title-animated-v3{
  font-size:clamp(21px,4.7vw,29px)!important;
  line-height:1.55!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  color:#0f172a!important;
  margin:13px 0 8px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(14,165,233,.14)!important;
  text-wrap:balance!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
.news-detail-v2 .news-title-top-v2:after{
  content:""!important;
  display:block!important;
  width:64px!important;
  height:4px!important;
  margin-top:10px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#0ea5e9,#38bdf8)!important;
}
.news-detail-v2 .news-summary-under-title-v2{
  font-size:15.5px!important;
  line-height:1.9!important;
  color:#475569!important;
  font-weight:800!important;
  margin:8px 0 0!important;
}
.news-detail-v2 .news-title-stats-v3{
  margin-top:10px!important;
}
.news-detail-v2 .news-title-stats-v3 span{
  min-height:32px!important;
  padding:5px 10px!important;
  font-size:11.5px!important;
  box-shadow:none!important;
}
.news-detail-v2 .news-content-v2,
.news-detail-v2 .article-body-pro.news-content-v2{
  margin-top:14px!important;
  padding:18px 16px!important;
  border-radius:26px!important;
  background:#ffffff!important;
  border:1px solid rgba(226,232,240,.95)!important;
  color:#1f2937!important;
  font-size:17px!important;
  line-height:2.15!important;
  font-weight:700!important;
  text-align:right!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  box-shadow:0 10px 26px rgba(15,23,42,.055)!important;
}
.news-detail-v2 .engagement-box{
  position:relative!important;
  z-index:5!important;
}
.news-detail-v2 .like-toggle-btn{
  cursor:pointer!important;
  pointer-events:auto!important;
  min-height:50px!important;
  font-size:14px!important;
}
.news-detail-v2 .like-toggle-btn:disabled{
  opacity:.72!important;
  cursor:wait!important;
}
.news-detail-v2 .engagement-box.is-liked .like-toggle-btn i{
  color:#fff!important;
}
@media(max-width:540px){
  .news-detail-v2 .news-animated-hero-v3{padding:15px 12px 12px!important;border-radius:24px!important}
  .news-detail-v2 .news-title-top-v2,
  .news-detail-v2 .details-title-pro.news-title-top-v2,
  .news-detail-v2 .news-title-animated-v3{font-size:21px!important;line-height:1.62!important;margin-top:11px!important}
  .news-detail-v2 .news-summary-under-title-v2{font-size:14.5px!important;line-height:1.85!important}
  .news-detail-v2 .news-content-v2,
  .news-detail-v2 .article-body-pro.news-content-v2{font-size:16px!important;line-height:2.1!important;padding:15px 13px!important;border-radius:22px!important}
}

/* =========================================================
   BACK BUTTON V18 — safe, clear, never covers title text
   زر الرجوع أوضح ولا يحجب عنوان الصفحة
   ========================================================= */
.topbar.clean-topbar,
.clean-topbar,
.topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:72px!important;
  padding:14px 12px!important;
  box-sizing:border-box!important;
}
.clean-topbar .title,
.topbar .title{
  position:static!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  text-align:center!important;
  padding:0 8px!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  z-index:1!important;
}
.clean-topbar .back.back-text-v16,
.topbar .back.back-text-v16{
  position:static!important;
  inset:auto!important;
  order:3!important;
  flex:0 0 auto!important;
  min-width:88px!important;
  height:42px!important;
  padding:0 16px!important;
  margin:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,#075985,#0ea5e9)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.85)!important;
  box-shadow:0 8px 18px rgba(14,165,233,.20)!important;
  font-size:14px!important;
  font-weight:950!important;
  text-decoration:none!important;
  z-index:2!important;
}
.clean-topbar .back.back-text-v16:before,
.topbar .back.back-text-v16:before{
  content:""!important;
  width:7px!important;
  height:7px!important;
  margin-left:7px!important;
  border-top:2px solid currentColor!important;
  border-right:2px solid currentColor!important;
  transform:rotate(45deg)!important;
  display:inline-block!important;
}
.clean-topbar .back.back-text-v16 span,
.topbar .back.back-text-v16 span{white-space:nowrap!important}
@media(max-width:420px){
  .topbar.clean-topbar,
  .clean-topbar,
  .topbar{min-height:68px!important;padding:12px 9px!important;gap:7px!important}
  .clean-topbar .title,
  .topbar .title{font-size:18px!important;line-height:1.32!important;padding:0 4px!important}
  .clean-topbar .back.back-text-v16,
  .topbar .back.back-text-v16{min-width:76px!important;height:38px!important;padding:0 12px!important;font-size:12.5px!important}
  .clean-topbar .back.back-text-v16:before,
  .topbar .back.back-text-v16:before{width:6px!important;height:6px!important;margin-left:5px!important}
}

/* =========================================================
   FULL WEBVIEW APP MODE V19
   جعل الموقع يملأ كامل WebView: كل الأزرار، المقالات، الأقسام، والفوتر بعرض التطبيق
   ========================================================= */
:root{
  --app-safe-top:env(safe-area-inset-top,0px);
  --app-safe-right:env(safe-area-inset-right,0px);
  --app-safe-bottom:env(safe-area-inset-bottom,0px);
  --app-safe-left:env(safe-area-inset-left,0px);
}
html,
body{
  width:100%!important;
  max-width:100%!important;
  min-height:100dvh!important;
  margin:0!important;
  overflow-x:hidden!important;
  background:#f4f8fc!important;
}
body:not(.admin-body){
  padding-left:0!important;
  padding-right:0!important;
}
body:not(.admin-body) .app-shell{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:100dvh!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#f4f8fc 0%,#ffffff 100%)!important;
  padding-left:var(--app-safe-left)!important;
  padding-right:var(--app-safe-right)!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .app-shell:before{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100%!important;
}
body:not(.admin-body) .topbar,
body:not(.admin-body) .clean-topbar,
body:not(.admin-body) .brand-topbar{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:0 0 26px 26px!important;
  padding-top:calc(12px + var(--app-safe-top))!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) main,
body:not(.admin-body) .page-pad,
body:not(.admin-body) .home-v2,
body:not(.admin-body) .videos-page,
body:not(.admin-body) .my-works-page-v1{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .page-pad{
  padding-left:clamp(12px,3.5vw,22px)!important;
  padding-right:clamp(12px,3.5vw,22px)!important;
}
body:not(.admin-body) .section,
body:not(.admin-body) .home-section-v2,
body:not(.admin-body) .hero-ad-section-v2,
body:not(.admin-body) .categories-section-v2,
body:not(.admin-body) .news-section-v2,
body:not(.admin-body) .request-stack,
body:not(.admin-body) .quick-row,
body:not(.admin-body) .hero-wrap{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  padding-left:clamp(12px,3.5vw,22px)!important;
  padding-right:clamp(12px,3.5vw,22px)!important;
}
body:not(.admin-body) .home-hero-v2,
body:not(.admin-body) .ad-carousel,
body:not(.admin-body) .premium-carousel-v2,
body:not(.admin-body) .article,
body:not(.admin-body) .article-detail-pro,
body:not(.admin-body) .form-page,
body:not(.admin-body) .advanced-filter-card,
body:not(.admin-body) .archive-tabs-shell,
body:not(.admin-body) .news-card,
body:not(.admin-body) .news-card-v2,
body:not(.admin-body) .cat-card-v2,
body:not(.admin-body) .service-card-v2,
body:not(.admin-body) .request-card,
body:not(.admin-body) .video-magic-card-v14,
body:not(.admin-body) .video-action-card-v15,
body:not(.admin-body) .my-work-card-v1,
body:not(.admin-body) .engagement-box,
body:not(.admin-body) .comments-pro-section{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .article,
body:not(.admin-body) .article-detail-pro,
body:not(.admin-body) .news-detail-card-v2,
body:not(.admin-body) .my-work-detail-card-v1{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
body:not(.admin-body) img,
body:not(.admin-body) video,
body:not(.admin-body) iframe,
body:not(.admin-body) table{
  max-width:100%!important;
}
body:not(.admin-body) .btn,
body:not(.admin-body) button,
body:not(.admin-body) .share-btn,
body:not(.admin-body) .like-toggle-btn,
body:not(.admin-body) .load-more-pro,
body:not(.admin-body) .archive-tab,
body:not(.admin-body) .video-cat-chip-v11,
body:not(.admin-body) .my-work-cat-chip-v1,
body:not(.admin-body) .bottom-nav a{
  touch-action:manipulation!important;
}
/* كل العناصر الثابتة تأخذ عرض التطبيق بدل عمود ضيق */
body:not(.admin-body) .bottom-nav,
body:not(.admin-body) .breaking-footer,
body:not(.admin-body) .footer-live-hub-v7,
body:not(.admin-body) .breaking-message-modal-v10{
  max-width:none!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .bottom-nav,
html body:not(.admin-body) .bottom-nav,
html body:not(.admin-body) .app-shell .bottom-nav{
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  padding-left:calc(7px + var(--app-safe-left))!important;
  padding-right:calc(7px + var(--app-safe-right))!important;
  padding-bottom:calc(10px + var(--app-safe-bottom))!important;
  border-radius:26px 26px 0 0!important;
}
body:not(.admin-body) .footer-live-hub-v7,
html body:not(.admin-body) .footer-live-hub-v7{
  left:0!important;
  right:0!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  padding-left:calc(5px + var(--app-safe-left))!important;
  padding-right:calc(5px + var(--app-safe-right))!important;
  border-radius:28px 28px 0 0!important;
}
body:not(.admin-body) .footer-writers-v7,
body:not(.admin-body) .footer-live-hub-v7 .breaking-footer{
  width:100%!important;
  max-width:100%!important;
}
body:not(.admin-body) .modal-dialog{
  max-width:calc(100vw - 16px)!important;
}
/* على الشاشات الكبيرة داخل WebView يبقى ممتد، لا يرجع كعمود 540px */
@media(min-width:768px){
  body:not(.admin-body) .app-shell{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
  }
  body:not(.admin-body) .topbar,
  body:not(.admin-body) .clean-topbar{
    border-radius:0 0 26px 26px!important;
  }
  body:not(.admin-body) .bottom-nav{
    width:100%!important;
    max-width:100%!important;
    border-left:0!important;
    border-right:0!important;
  }
  body:not(.admin-body) .home-section-v2,
  body:not(.admin-body) .hero-ad-section-v2,
  body:not(.admin-body) .categories-section-v2,
  body:not(.admin-body) .news-section-v2,
  body:not(.admin-body) .page-pad{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}
@media(max-width:540px){
  body:not(.admin-body) .app-shell{padding-left:0!important;padding-right:0!important}
  body:not(.admin-body) .page-pad,
  body:not(.admin-body) .section,
  body:not(.admin-body) .home-section-v2,
  body:not(.admin-body) .hero-ad-section-v2,
  body:not(.admin-body) .categories-section-v2,
  body:not(.admin-body) .news-section-v2,
  body:not(.admin-body) .request-stack,
  body:not(.admin-body) .quick-row,
  body:not(.admin-body) .hero-wrap{
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* =========================================================
   HOME CENTER FRAME V20 — الصفحة الرئيسية قالب واحد بالنصف
   إصلاح ميلان القياس: كل بلوكات الرئيسية بنفس العرض ومتمركزة تماماً
   ========================================================= */
body:not(.admin-body) .home-v2{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0 0 calc(120px + var(--app-safe-bottom,0px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
}
body:not(.admin-body) .home-v2 > *,
body:not(.admin-body) .home-v2 > .home-section-v2,
body:not(.admin-body) .home-v2 > .black-hero-ads-shell-v13,
body:not(.admin-body) .home-v2 > .categories-section-v2,
body:not(.admin-body) .home-v2 > .home-poll-section-v5{
  width:calc(100% - 24px)!important;
  max-width:820px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .home-v2 .black-hero-ads-shell-v13{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  overflow:visible!important;
}
body:not(.admin-body) .home-v2 .black-hero-ads-shell-v13 > *,
body:not(.admin-body) .home-v2 .black-tripoli-hero-v12,
body:not(.admin-body) .home-v2 .black-hero-ads-shell-v13 > .hero-ad-section-v2{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .home-v2 .black-tripoli-hero-v12{
  margin-top:12px!important;
  margin-bottom:0!important;
  border-radius:32px!important;
  overflow:hidden!important;
}
body:not(.admin-body) .home-v2 .black-hero-ads-shell-v13 > .hero-ad-section-v2,
body:not(.admin-body) .home-v2 > .home-section-v2,
body:not(.admin-body) .home-v2 > .categories-section-v2,
body:not(.admin-body) .home-v2 > .home-poll-section-v5{
  padding-left:0!important;
  padding-right:0!important;
}
body:not(.admin-body) .home-v2 > .home-section-v2{
  margin-top:14px!important;
}
body:not(.admin-body) .home-v2 .section-head-v2,
body:not(.admin-body) .home-v2 .service-grid-v2,
body:not(.admin-body) .home-v2 .cat-grid-v2,
body:not(.admin-body) .home-v2 .premium-carousel-v2,
body:not(.admin-body) .home-v2 .home-poll-launch-v5{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
/* تثبيت الشبكات داخل نفس القالب بلا انزياح يمين/يسار */
body:not(.admin-body) .home-v2 .service-grid-v2,
body:not(.admin-body) .home-v2 .cat-grid-v2{
  justify-content:center!important;
  align-items:stretch!important;
}
body:not(.admin-body) .home-v2 .service-card-v2,
body:not(.admin-body) .home-v2 .cat-card-v2,
body:not(.admin-body) .home-v2 .home-poll-launch-v5,
body:not(.admin-body) .home-v2 .premium-carousel-v2,
body:not(.admin-body) .home-v2 .ad-slide-v2{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:540px){
  body:not(.admin-body) .home-v2 > *,
  body:not(.admin-body) .home-v2 > .home-section-v2,
  body:not(.admin-body) .home-v2 > .black-hero-ads-shell-v13,
  body:not(.admin-body) .home-v2 > .categories-section-v2,
  body:not(.admin-body) .home-v2 > .home-poll-section-v5{
    width:calc(100% - 18px)!important;
    max-width:calc(100% - 18px)!important;
  }
  body:not(.admin-body) .home-v2 .black-tripoli-hero-v12{
    margin-top:9px!important;
    border-radius:28px!important;
  }
  body:not(.admin-body) .home-v2 > .home-section-v2{
    margin-top:12px!important;
  }
}
@media(max-width:360px){
  body:not(.admin-body) .home-v2 > *,
  body:not(.admin-body) .home-v2 > .home-section-v2,
  body:not(.admin-body) .home-v2 > .black-hero-ads-shell-v13,
  body:not(.admin-body) .home-v2 > .categories-section-v2,
  body:not(.admin-body) .home-v2 > .home-poll-section-v5{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
  }
}

/* =========================================================
   EASY TAP V21 — bottom nav + back button easier, video no loading text
   تكبير مساحة الضغط وإزالة عبارة جاري تحميل الفيديوهات
   ========================================================= */
body:not(.admin-body){
  padding-bottom:calc(128px + var(--app-safe-bottom,0px))!important;
}
body:not(.admin-body) .app-shell{
  padding-bottom:calc(124px + var(--app-safe-bottom,0px))!important;
}
body:not(.admin-body) .bottom-nav,
html body:not(.admin-body) .bottom-nav,
html body:not(.admin-body) .app-shell .bottom-nav{
  height:112px!important;
  min-height:112px!important;
  z-index:2147482000!important;
  overflow:visible!important;
  pointer-events:auto!important;
  padding-top:8px!important;
  padding-bottom:calc(12px + var(--app-safe-bottom,0px))!important;
  gap:5px!important;
  touch-action:manipulation!important;
  -webkit-transform:translateZ(0)!important;
  transform:none!important;
}
body:not(.admin-body) .bottom-nav a,
html body:not(.admin-body) .bottom-nav a,
html body:not(.admin-body) .app-shell .bottom-nav a{
  position:relative!important;
  min-height:88px!important;
  height:88px!important;
  margin:0!important;
  padding:10px 2px!important;
  border-radius:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:7px!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(14,165,233,.18)!important;
  user-select:none!important;
}
body:not(.admin-body) .bottom-nav a:before{
  content:""!important;
  position:absolute!important;
  inset:-8px -5px!important;
  border-radius:30px!important;
  z-index:-1!important;
}
body:not(.admin-body) .bottom-nav i{font-size:27px!important;line-height:1!important;pointer-events:none!important}
body:not(.admin-body) .bottom-nav span{font-size:12.5px!important;line-height:1!important;font-weight:950!important;pointer-events:none!important;white-space:nowrap!important}
body:not(.admin-body) .footer-live-hub-v7{z-index:1000!important;pointer-events:none!important}
body:not(.admin-body) .footer-live-hub-v7 *{pointer-events:auto!important}
body:not(.admin-body) .footer-writers-v7.is-collapsed{pointer-events:auto!important}
/* زر الرجوع: مساحة ضغط أكبر وواضحة جداً */
body:not(.admin-body) .clean-topbar .back.back-text-v16,
body:not(.admin-body) .topbar .back.back-text-v16{
  min-width:112px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 22px!important;
  border-radius:999px!important;
  font-size:15px!important;
  font-weight:950!important;
  z-index:2147481000!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(14,165,233,.20)!important;
  box-shadow:0 10px 24px rgba(14,165,233,.24)!important;
}
body:not(.admin-body) .clean-topbar .back.back-text-v16:after,
body:not(.admin-body) .topbar .back.back-text-v16:after{
  content:""!important;
  position:absolute!important;
  inset:-10px!important;
  border-radius:999px!important;
}
/* إخفاء رسالة التحميل نهائياً، مع إبقاء Ajax والكاش يعملان */
#videoResults.is-fast-fetching .videos-loading-v11,
.videos-loading-v11{display:none!important}
#videoResults.is-fast-fetching{opacity:.92!important;pointer-events:none!important}
@media(max-width:420px){
  body:not(.admin-body){padding-bottom:calc(126px + var(--app-safe-bottom,0px))!important}
  body:not(.admin-body) .app-shell{padding-bottom:calc(122px + var(--app-safe-bottom,0px))!important}
  body:not(.admin-body) .bottom-nav,
  html body:not(.admin-body) .bottom-nav,
  html body:not(.admin-body) .app-shell .bottom-nav{height:108px!important;min-height:108px!important;padding-left:5px!important;padding-right:5px!important}
  body:not(.admin-body) .bottom-nav a,
  html body:not(.admin-body) .bottom-nav a{min-height:84px!important;height:84px!important;border-radius:24px!important;gap:6px!important}
  body:not(.admin-body) .bottom-nav i{font-size:25px!important}
  body:not(.admin-body) .bottom-nav span{font-size:11.5px!important}
  body:not(.admin-body) .clean-topbar .back.back-text-v16,
  body:not(.admin-body) .topbar .back.back-text-v16{min-width:98px!important;height:50px!important;min-height:50px!important;padding:0 17px!important;font-size:14px!important}
}


/* GLOBAL ONLINE USERS COUNTER V20
   يظهر عداد المستخدمين في صفحات الأقسام والتفاصيل وكل الصفحات العامة،
   والعدد يُحتسب من كل صفحات الموقع وليس الصفحة الرئيسية فقط. */
body:not(.admin-body) .global-online-users-v1{
  width:calc(100% - 24px)!important;
  max-width:516px!important;
  margin:10px auto 8px!important;
  min-height:54px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(234,244,255,.96))!important;
  border:1px solid rgba(14,116,144,.16)!important;
  box-shadow:0 10px 24px rgba(15,55,90,.10)!important;
  color:#12303d!important;
  position:relative!important;
  z-index:3!important;
}
body:not(.admin-body) .global-online-users-v1 i{
  width:36px!important;
  height:36px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#075985,#0ea5e9)!important;
  color:#fff!important;
  font-size:16px!important;
  flex:0 0 auto!important;
}
body:not(.admin-body) .global-online-users-v1 b{
  font-size:15px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
body:not(.admin-body) .global-online-users-v1 small{
  font-size:12px!important;
  font-weight:800!important;
  color:#667085!important;
  white-space:nowrap!important;
}
@media(max-width:420px){
  body:not(.admin-body) .global-online-users-v1{width:calc(100% - 18px)!important;margin:8px auto 6px!important;gap:8px!important;padding:9px 10px!important}
  body:not(.admin-body) .global-online-users-v1 b{font-size:13.5px!important}
  body:not(.admin-body) .global-online-users-v1 small{font-size:10.5px!important}
}


/* VIDEO NO-LOAD MODE V21
   إلغاء تحميل الفيديوهات نهائياً داخل صفحة الفيديو: لا صور، لا iframe، لا Ajax loading. */
.videos-no-load-v21 .video-cat-chip-v11{display:flex!important;text-decoration:none!important}
.video-no-load-filter-v21{
  display:grid!important;
  grid-template-columns:1fr 140px 140px auto auto!important;
  gap:10px!important;
  align-items:end!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:24px!important;
  padding:14px!important;
  margin:16px 0!important;
  box-shadow:0 8px 22px rgba(20,70,120,.06)!important;
}
.video-no-load-filter-v21 label{display:grid!important;gap:6px!important;font-weight:900!important;color:#334155!important}
.video-no-load-filter-v21 label:first-child{position:relative!important}
.video-no-load-filter-v21 label:first-child i{position:absolute!important;right:14px!important;bottom:15px!important;color:#94a3b8!important}
.video-no-load-filter-v21 label:first-child input{padding-right:42px!important}
.video-no-load-list-v21{display:grid!important;gap:12px!important}
.video-no-load-card-v21{
  display:grid!important;
  grid-template-columns:52px 1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:24px!important;
  padding:14px!important;
  box-shadow:0 8px 22px rgba(20,70,120,.06)!important;
}
.video-no-load-icon-v21{width:52px!important;height:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--cat-color,#0ea5e9) 13%,#fff)!important;color:var(--cat-color,#0ea5e9)!important;font-size:22px!important}
.video-no-load-copy-v21 small{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:800!important;margin-bottom:4px!important}
.video-no-load-copy-v21 h2{font-size:17px!important;font-weight:950!important;line-height:1.45!important;margin:0!important;color:#0f172a!important}
.video-no-load-copy-v21 p{font-size:13px!important;line-height:1.6!important;color:#64748b!important;margin:4px 0 0!important}
.video-no-load-actions-v21{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.video-open-only-v21{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;background:linear-gradient(135deg,#fff,#f0f9ff)!important;border:1px solid #dbeafe!important;border-radius:24px!important;padding:16px!important;margin:18px 0!important}
.video-open-only-v21 div{display:grid!important;gap:4px!important}.video-open-only-v21 i{color:#0ea5e9!important}.video-open-only-v21 b{font-weight:950!important}.video-open-only-v21 small{color:#64748b!important;font-weight:800!important}
@media(max-width:540px){
  .video-no-load-filter-v21{grid-template-columns:1fr 1fr!important}
  .video-no-load-filter-v21 label:first-child{grid-column:1/-1!important}
  .video-no-load-card-v21{grid-template-columns:44px 1fr!important;align-items:start!important}
  .video-no-load-icon-v21{width:44px!important;height:44px!important;border-radius:16px!important;font-size:19px!important}
  .video-no-load-actions-v21{grid-column:1/-1!important;justify-content:stretch!important}.video-no-load-actions-v21 .btn{flex:1 1 auto!important}
  .video-open-only-v21{display:grid!important}.video-open-only-v21 .btn{width:100%!important}
}


/* VIDEO LOGO PLACEHOLDER V22
   عند عدم وجود صورة للفيديو يظهر لوغو الموقع مثل الأخبار بدون صورة. */
.video-no-load-card-v21{grid-template-columns:104px 1fr auto!important}
.video-no-load-thumb-v22{
  width:104px!important;
  height:82px!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
  direction:ltr!important;
  background:linear-gradient(135deg,rgba(21,90,142,.78),rgba(39,131,222,.58)),url('../img/mina-hero.jpeg') center/cover no-repeat!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(17,61,97,.06)!important;
  flex:0 0 auto!important;
}
.video-no-load-thumb-v22:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(8,28,48,.20),rgba(8,28,48,.45))!important;z-index:1!important}
.video-no-load-thumb-v22 img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:3!important;background:#eef5fb!important}
.video-no-load-thumb-v22 b{position:relative!important;z-index:2!important;font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;font-weight:900!important;letter-spacing:-.8px!important;color:rgba(255,255,255,.96)!important;text-shadow:0 2px 10px rgba(0,0,0,.38)!important;line-height:1!important}
.video-no-load-thumb-v22 b span{color:rgba(219,242,255,.94)!important;font-size:.58em!important;letter-spacing:0!important}
.video-no-load-thumb-v22 em{position:absolute!important;z-index:4!important;left:8px!important;bottom:8px!important;width:30px!important;height:30px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#e03131!important;display:grid!important;place-items:center!important;box-shadow:0 6px 14px rgba(0,0,0,.16)!important;font-style:normal!important}
@media(max-width:540px){.video-no-load-card-v21{grid-template-columns:92px 1fr!important}.video-no-load-thumb-v22{width:92px!important;height:76px!important;border-radius:16px!important}.video-no-load-thumb-v22 b{font-size:15px!important}}


/* SHARE PRIORITY IMAGE V23
   صورة المشاركة الرئيسية توضع أول صورة في الصفحة حتى لا تختار التطبيقات صورة كاتب الرأي. */
.share-priority-image-v23{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:.01!important;
  pointer-events:none!important;
  overflow:hidden!important;
  left:-9999px!important;
  top:auto!important;
}


/* JOB FULL DETAILS V24 */
.job-full-details-v1{
  background:#f8fbff!important;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  padding:16px!important;
  white-space:normal!important;
}
.job-full-details-v1 h2{color:#155a8e!important}


/* JOB TWO SECTIONS V25 */
.job-section-switch-v25{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.job-section-switch-v25 a{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-decoration:none;color:var(--text)!important;background:#fff;border:1px solid var(--border);border-radius:22px;padding:15px;box-shadow:0 8px 24px rgba(20,70,120,.08);transition:.2s ease}
.job-section-switch-v25 a i{font-size:22px;color:var(--brand)}
.job-section-switch-v25 a b{font-weight:950}.job-section-switch-v25 a small{color:var(--muted);font-weight:800}
.job-section-switch-v25 a.active,.job-section-switch-v25 a:hover{background:linear-gradient(135deg,#0f766e,#0891b2);color:#fff!important;transform:translateY(-2px)}
.job-section-switch-v25 a.active i,.job-section-switch-v25 a:hover i,.job-section-switch-v25 a.active small,.job-section-switch-v25 a:hover small{color:#fff!important}
@media(max-width:540px){.job-section-switch-v25{grid-template-columns:1fr}}


/* ADMIN JOB SECTIONS V25 */
.admin-submission-alerts-v1{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.admin-submission-alert:not(.blood) i{background:linear-gradient(135deg,#0f766e,#0891b2)!important}
@media(max-width:900px){.admin-submission-alerts-v1{grid-template-columns:1fr!important}}


/* JOB SHARED CATEGORIES V26 */
.job-share-two-sections-v25 .alert-info{border-radius:16px!important;font-weight:800!important}

/* =========================================================
   CLOCK SECTION — مدار الساعة
   الأخبار المميزة: أحمر لغير المقروء، أسود للمقروء، وعدّاد حسب IP
   ========================================================= */
.clock-section-v1,
.clock-page-v1{direction:rtl}
.clock-section-v1{margin-top:16px!important}
.clock-section-v1{background:#fff!important;border:1px solid #dbe5ef!important;border-radius:26px!important;box-shadow:0 12px 28px rgba(15,23,42,.07)!important;overflow:hidden!important}
.clock-head-v1,
.clock-panel-head-v1{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px 16px!important;background:linear-gradient(135deg,#073b63,#0b5c8c)!important;color:#fff!important}
.clock-title-v1,
.clock-panel-title-v1{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
.clock-title-v1>i{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.18)!important;font-size:19px!important;flex:0 0 auto!important}
.clock-title-v1 span{display:block!important;font-size:11px!important;font-weight:800!important;color:rgba(255,255,255,.75)!important;margin-bottom:1px!important}
.clock-title-v1 h2,
.clock-panel-title-v1 h1{margin:0!important;font-size:22px!important;line-height:1.15!important;font-weight:950!important;color:#fff!important}
.clock-panel-title-v1 small{display:block!important;color:rgba(255,255,255,.75)!important;font-size:11px!important;font-weight:800!important;margin-bottom:2px!important}
.clock-live-dot-v1{width:11px!important;height:11px!important;border-radius:999px!important;background:#ef4444!important;box-shadow:0 0 0 5px rgba(239,68,68,.16)!important;flex:0 0 auto!important}
.clock-count-v1{min-width:40px!important;height:40px!important;padding:0 10px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#ef4444!important;color:#fff!important;font-weight:950!important;font-size:14px!important;box-shadow:0 8px 16px rgba(239,68,68,.25)!important;flex:0 0 auto!important}
.clock-count-v1.is-zero{background:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:none!important}
.clock-list-v1{display:grid!important;gap:0!important;background:#fff!important}
.clock-item-v1{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:13px 15px!important;border-bottom:1px solid #e7edf3!important;text-decoration:none!important;background:#fff!important;transition:background .15s ease!important}
.clock-item-v1:last-child{border-bottom:0!important}
.clock-item-v1:hover{background:#f8fbff!important}
.clock-item-v1 time{font-size:13px!important;font-weight:950!important;color:#155b8d!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;direction:ltr!important;text-align:right!important}
.clock-item-title-v1{display:block!important;min-width:0!important;font-size:15.5px!important;line-height:1.6!important;font-weight:900!important;overflow-wrap:anywhere!important}
.clock-item-v1.is-unread .clock-item-title-v1{color:#c83d47!important}
.clock-item-v1.is-read .clock-item-title-v1{color:#111827!important}
.clock-more-v1{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:13px 15px!important;background:#f8fbff!important;color:#0b5c8c!important;text-decoration:none!important;font-size:13px!important;font-weight:950!important;border-top:1px solid #e7edf3!important}
.clock-more-v1 i{font-size:12px!important}
.clock-filter-v1{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:10px 12px!important;background:#f8fbff!important;border-bottom:1px solid #e7edf3!important;scrollbar-width:none!important}
.clock-filter-v1::-webkit-scrollbar{display:none!important}
.clock-filter-v1 a{white-space:nowrap!important;text-decoration:none!important;border:1px solid #d8e4ef!important;background:#fff!important;color:#486174!important;border-radius:999px!important;padding:6px 11px!important;font-size:11.5px!important;font-weight:900!important}
.clock-filter-v1 a.active{background:#0b5c8c!important;color:#fff!important;border-color:#0b5c8c!important}
.clock-page-v1{padding-top:14px!important}
.clock-page-v1 .clock-panel-v1{max-width:900px!important;margin:0 auto!important;background:#fff!important;border:1px solid #dbe5ef!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 14px 30px rgba(15,23,42,.07)!important}
.clock-page-v1 .clock-list-page-v1 .clock-item-v1{padding:14px 18px!important}

/* القراءة/عدم القراءة داخل قسم الأخبار العادية فقط */
.news-card.news-unread-v1 h3{color:#c83d47!important}
.news-card.news-read-v1 h3{color:#111827!important}
.news-card.news-unread-v1{border-right:4px solid #ef4444!important}
.news-card.news-read-v1{border-right:4px solid #d7dee7!important}

@media(max-width:540px){
  .clock-title-v1 h2,.clock-panel-title-v1 h1{font-size:19px!important}
  .clock-item-v1{grid-template-columns:52px minmax(0,1fr)!important;gap:10px!important;padding:11px 12px!important}
  .clock-item-title-v1{font-size:14px!important;line-height:1.55!important}
  .clock-item-v1 time{font-size:12px!important}
  .clock-head-v1,.clock-panel-head-v1{padding:12px 13px!important}
}


/* =========================================================
   CLOCK LOAD MORE V2 — AJAX + Bootstrap button
   ========================================================= */
.clock-load-more-wrap-v1{
  display:flex!important;
  justify-content:center!important;
  padding:14px 14px 16px!important;
  background:#fff!important;
  border-top:1px solid #e7edf3!important;
}
.clock-load-more-btn-v1{
  min-width:min(300px,92%)!important;
  min-height:54px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(13,92,140,.16)!important;
}
.clock-load-more-btn-v1 small{
  display:block!important;
  width:100%!important;
  margin-top:-2px!important;
  opacity:.85!important;
  font-size:10px!important;
  font-weight:800!important;
}
.clock-load-more-btn-v1.is-loading{opacity:.75!important;pointer-events:none!important}
.clock-load-more-btn-v1.is-loading i{animation:clockLoadSpinV2 .75s linear infinite!important}
@keyframes clockLoadSpinV2{to{transform:rotate(360deg)}}

/* =========================================================
   NEWS DETAIL V2 — responsive title fitting + full article flow
   ========================================================= */
.news-detail-v2 .news-title-top-v2,
.news-detail-v2 .details-title-pro.news-title-top-v2{
  font-size:var(--news-title-fitted-size,clamp(20px,4.7vw,30px))!important;
  line-height:1.45!important;
  white-space:normal!important;
  max-width:100%!important;
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
  text-wrap:wrap!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.news-detail-v2 .news-content-v2,
.news-detail-v2 .article-body-pro.news-content-v2{
  white-space:normal!important;
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  display:block!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.news-detail-v2 .news-content-v2 br{content:"";display:block!important;margin-bottom:.45em!important}
@media(max-width:540px){
  .clock-load-more-btn-v1{min-height:52px!important;border-radius:15px!important}
  .news-detail-v2 .news-title-top-v2,
  .news-detail-v2 .details-title-pro.news-title-top-v2{line-height:1.5!important}
  .news-detail-v2 .news-content-v2,
  .news-detail-v2 .article-body-pro.news-content-v2{font-size:16.5px!important;line-height:2.15!important}
}


/* =========================================================
   TYPOGRAPHY + PERFORMANCE POLISH V3
   Arabic titles/content wrap cleanly without changing layout.
   ========================================================= */
.news-detail-v2,
.news-detail-card-v2,
.news-detail-head-v2,
.news-text-fit,
.news-article-text,
.clock-section-v1,
.clock-page-v1,
.clock-item-v1,
.clock-text-fit{
  direction:rtl!important;
  min-width:0!important;
}
.news-detail-v2 .news-title-top-v2,
.news-detail-v2 .details-title-pro.news-title-top-v2{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-wrap:pretty!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
  text-align:right!important;
}
.news-detail-v2 .news-summary-under-title-v2,
.news-detail-v2 .news-text-fit{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:justify!important;
}
.news-detail-v2 .news-article-text,
.news-detail-v2 .news-content-v2,
.news-detail-v2 .article-body-pro.news-content-v2{
  max-width:100%!important;
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:justify!important;
  text-justify:inter-word!important;
  unicode-bidi:plaintext!important;
  letter-spacing:0!important;
  box-sizing:border-box!important;
}
.news-detail-v2 .news-article-text br{
  display:block!important;
  content:""!important;
  margin-bottom:.62em!important;
}
.news-detail-v2 .news-article-text a,
.news-detail-v2 .news-article-text span,
.news-detail-v2 .news-article-text strong,
.news-detail-v2 .news-article-text em{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.clock-item-v1{
  grid-template-columns:minmax(52px,58px) minmax(0,1fr)!important;
}
.clock-item-title-v1,
.clock-text-fit{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-align:right!important;
  unicode-bidi:plaintext!important;
  line-height:1.68!important;
}
@media(max-width:540px){
  .news-detail-v2 .news-title-top-v2,
  .news-detail-v2 .details-title-pro.news-title-top-v2{
    font-size:var(--news-title-fitted-size,21px)!important;
    line-height:1.58!important;
  }
  .news-detail-v2 .news-article-text,
  .news-detail-v2 .news-content-v2,
  .news-detail-v2 .article-body-pro.news-content-v2{
    font-size:16.5px!important;
    line-height:2.12!important;
  }
  .clock-item-title-v1,
  .clock-text-fit{font-size:14px!important;line-height:1.62!important}
}
/* Reduce paint cost on content-heavy pages while preserving appearance. */
.news-detail-v2 .news-orb-v3{animation:none!important}
.news-detail-v2 .news-title-animated-v3,
.news-detail-v2 .news-summary-animated-v3,
.news-detail-v2 .news-image-animated-v3,
.news-detail-v2 .news-content-v2,
.news-detail-v2 .news-after-content-v2{animation-duration:.18s!important}

/* ===== El Mina Tourism Section ===== */
.tourism-hero-card{display:grid;grid-template-columns:1.25fr .75fr;gap:0;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#062b49,#0ea5e9);color:#fff;box-shadow:0 20px 50px rgba(8,47,73,.18);margin-bottom:18px}.tourism-hero-copy{padding:42px}.tourism-hero-copy h1{font-size:clamp(2rem,4vw,3.4rem);font-weight:900;margin:8px 0 12px}.tourism-hero-copy p{font-size:1.05rem;line-height:2;max-width:760px;color:rgba(255,255,255,.9)}.tourism-hero-art{min-height:300px}.tourism-hero-art img{width:100%;height:100%;object-fit:cover;display:block}.tourism-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.tourism-hero-badges span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);padding:8px 13px;border-radius:999px}.tourism-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.tourism-category-card{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:20px;padding:16px;text-align:right;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.2s;box-shadow:0 8px 24px rgba(15,23,42,.05)}.tourism-category-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.09)}.tourism-category-icon{width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--cat-color) 12%,white);color:var(--cat-color);display:grid;place-items:center;font-size:1.1rem;flex:0 0 auto}.tourism-category-card strong{display:block;font-size:.95rem}.tourism-category-card small{display:block;color:#64748b;font-size:.75rem}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:28px 0 12px}.section-title-row h2{font-size:1.55rem;font-weight:900;margin:4px 0 0}.tourism-directory-card{height:100%}.tourism-detail-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.08)}.tourism-detail-cover{position:relative;min-height:390px}.tourism-detail-cover img{width:100%;height:500px;object-fit:cover;display:block}.tourism-detail-overlay{position:absolute;inset:auto 0 0;padding:70px 30px 30px;background:linear-gradient(transparent,rgba(2,20,35,.92));color:#fff}.tourism-detail-overlay h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;margin:10px 0 5px}.tourism-detail-overlay p{margin:0;color:rgba(255,255,255,.85)}.tourism-detail-content{padding:28px}.tourism-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.tourism-meta span{background:#f8fafc;border:1px solid #e2e8f0;padding:10px 14px;border-radius:14px}.tourism-detail-text{line-height:2.15;font-size:1.03rem}.tourism-detail-text h2{font-size:1.15rem;font-weight:900}.tourism-admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-tourism-link{background:rgba(14,165,233,.12)!important;border-right:3px solid #0ea5e9!important}.tourism-page .advanced-filter-card{border-radius:22px}.tourism-filter-card{box-shadow:0 10px 30px rgba(15,23,42,.06)}@media(max-width:900px){.tourism-hero-card{grid-template-columns:1fr}.tourism-hero-copy{padding:28px}.tourism-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.tourism-category-grid{grid-template-columns:1fr}.tourism-hero-art{min-height:220px}.tourism-detail-cover img{height:360px}.tourism-detail-content{padding:18px}.tourism-admin-head{align-items:flex-start;flex-direction:column}}


/* ===== Tourism directory professional responsive layer ===== */
.tourism-advanced-grid{grid-template-columns:minmax(280px,2fr) repeat(3,minmax(150px,1fr));align-items:end}.tourism-search-main{grid-column:span 2}.tourism-search-main .input-group-text{background:#f8fafc;border-color:#dee6ef;color:#0ea5e9}.tourism-search-main .form-control{border-right:0}.tourism-search-status{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#eff6ff;color:#0369a1;font-weight:800;border:1px solid #dbeafe}.tourism-category-card{position:relative;min-height:82px}.tourism-category-info{min-width:0;flex:1}.tourism-category-info strong{line-height:1.5}.tourism-count-badge{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:#eff6ff;color:#0369a1;font-weight:900;border:1px solid #dbeafe}.tourism-category-card:hover .tourism-count-badge{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.bulk-admin-form .table{margin-bottom:0}.admin-tourism-thumb{width:62px;height:48px;object-fit:cover;border-radius:10px;background:#eef2f7}.tourism-admin-cat-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f8fafc;margin-left:5px}.bulk-admin-form .form-check-input{cursor:pointer}.tourism-filter-card{position:relative}.tourism-filter-card .form-label{font-weight:800;font-size:.84rem}.tourism-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tourism-directory-card{min-width:0}.tourism-directory-card img{aspect-ratio:16/10;object-fit:cover}.tourism-directory-card .directory-body{min-width:0}.tourism-directory-card h3{line-height:1.45}.tourism-directory-card .directory-meta{flex-wrap:wrap}.tourism-directory-card small{line-height:1.7}.tourism-page .advanced-filter-grid{display:grid;gap:12px}.tourism-page .filter-actions{display:flex;gap:8px;align-items:center}.tourism-page .empty-state{grid-column:1/-1}.admin-body .tourism-admin-head{border-top:3px solid #0ea5e9}.admin-body .bulk-toolbar .btn{white-space:nowrap}
@media(max-width:1200px){.tourism-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tourism-search-main{grid-column:1/-1}.tourism-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.tourism-advanced-grid{grid-template-columns:1fr}.tourism-search-main{grid-column:auto}.tourism-page .filter-actions{grid-column:1/-1}.tourism-page .filter-actions .btn{flex:1}.tourism-directory-grid{grid-template-columns:1fr}.tourism-category-grid{grid-template-columns:1fr 1fr}.bulk-toolbar{align-items:stretch}.bulk-toolbar>div:last-child{width:100%}.bulk-toolbar>div:last-child .btn,.bulk-toolbar>div:last-child label{flex:1;text-align:center}.tourism-hero-copy{padding:24px}.tourism-hero-badges span{font-size:.84rem}}
@media(max-width:480px){.tourism-category-grid{grid-template-columns:1fr}.tourism-category-card{min-height:72px}.tourism-hero-copy h1{font-size:2rem}.tourism-search-main .input-group{font-size:1rem}.bulk-toolbar>div:last-child{display:grid!important;grid-template-columns:1fr 1fr}.admin-tourism-thumb{width:50px;height:40px}}

/* ===== TOURISM MOBILE BOOTSTRAP 5 / FULL RESPONSIVE FINAL ===== */
.tourism-page{width:100%;max-width:1320px;margin-inline:auto;overflow:hidden}
.tourism-page *{box-sizing:border-box}
.tourism-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.tourism-category-card{width:100%;min-width:0}
.tourism-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.tourism-directory-card{display:flex;flex-direction:column;min-width:0;text-decoration:none}
.tourism-directory-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.tourism-directory-card .directory-body{flex:1;display:flex;flex-direction:column;min-width:0}
.tourism-directory-card .details-link{margin-top:auto}
.tourism-hero-card,.tourism-filter-card,.tourism-results-section{width:100%;min-width:0}
.tourism-filter-card{padding:clamp(14px,2vw,24px)}
.tourism-advanced-grid{width:100%}
.tourism-page .form-control,.tourism-page .form-select{min-height:46px}
.tourism-page .input-group-lg>.form-control,.tourism-page .input-group-lg>.input-group-text{min-height:54px}
@media (max-width:1199.98px){
 .tourism-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tourism-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991.98px){
 .tourism-page{padding-inline:12px}
 .tourism-hero-card{grid-template-columns:1fr}
 .tourism-hero-art{min-height:260px}
 .tourism-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tourism-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tourism-page .filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .tourism-page .filter-actions .btn{width:100%}
}
@media (max-width:767.98px){
 .tourism-page{padding-inline:8px}
 .tourism-hero-copy{padding:22px 18px}
 .tourism-hero-copy h1{font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.25}
 .tourism-hero-copy p{font-size:.94rem;line-height:1.9}
 .tourism-hero-badges{gap:6px}
 .tourism-hero-badges span{font-size:.78rem;padding:7px 10px}
 .tourism-hero-art{min-height:210px}
 .tourism-filter-card{padding:16px 12px;border-radius:18px}
 .tourism-filter-card>div:first-child{align-items:flex-start!important}
 .tourism-search-status{font-size:.78rem;white-space:nowrap}
 .tourism-page .advanced-filter-grid{grid-template-columns:1fr!important}
 .tourism-search-main{grid-column:auto!important}
 .tourism-page .filter-actions{grid-column:auto!important;grid-template-columns:1fr 1fr}
 .tourism-category-grid{grid-template-columns:1fr 1fr;gap:.65rem}
 .tourism-category-card{padding:11px 9px;gap:8px;border-radius:15px;min-height:70px}
 .tourism-category-icon{width:40px;height:40px;border-radius:12px;font-size:.95rem}
 .tourism-category-info strong{font-size:.79rem;line-height:1.35}
 .tourism-category-info small{font-size:.66rem}
 .tourism-count-badge{min-width:27px;height:27px;padding:0 6px;font-size:.75rem}
 .section-title-row{align-items:flex-start;flex-direction:column;margin:22px 0 10px}
 .section-title-row h2{font-size:1.25rem}
 .section-chip-v2{font-size:.75rem}
 .tourism-directory-grid{grid-template-columns:1fr;gap:12px}
 .tourism-directory-card{border-radius:16px}
 .tourism-directory-card img{aspect-ratio:16/9}
 .tourism-directory-card .directory-body{padding:13px}
 .tourism-directory-card h3{font-size:1rem;margin:.35rem 0}
 .tourism-directory-card p{font-size:.82rem}
 .tourism-directory-card .directory-meta{font-size:.72rem;gap:5px}
 .tourism-directory-card small{font-size:.75rem;line-height:1.7}
 .tourism-detail-cover img{height:300px}
 .tourism-detail-overlay{padding:55px 16px 18px}
 .tourism-detail-content{padding:15px}
 .tourism-meta{gap:6px}
 .tourism-meta span{padding:8px 10px;font-size:.76rem}
}
@media (max-width:575.98px){
 .tourism-category-grid{grid-template-columns:1fr 1fr}
 .tourism-page .filter-actions{grid-template-columns:1fr}
 .tourism-page .filter-actions .btn{min-height:48px}
 .tourism-filter-card .d-flex{gap:8px!important}
 .tourism-filter-card .text-muted{font-size:.75rem;line-height:1.7}
 .tourism-search-status{align-self:flex-start}
 .tourism-hero-badges{display:grid;grid-template-columns:1fr 1fr}
 .tourism-hero-badges span:last-child{grid-column:1/-1}
}
@media (max-width:380px){
 .tourism-category-grid{grid-template-columns:1fr}
 .tourism-category-card{min-height:64px}
 .tourism-hero-copy{padding:18px 14px}
}


/* ===== TOURISM CATEGORY MOBILE FIX / BOOTSTRAP 5 ===== */
.tourism-category-section{width:100%;margin:16px 0 24px;overflow:visible}
.tourism-category-grid-bs{--bs-gutter-x:1rem;--bs-gutter-y:1rem;margin-inline:calc(var(--bs-gutter-x) * -.5)}
.tourism-category-grid-bs>[class*="col-"]{display:flex;min-width:0}
.tourism-category-grid-bs .tourism-category-card{position:relative;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;margin:0!important;transform:none!important;overflow:hidden;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;padding:14px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:right!important;direction:rtl!important;box-sizing:border-box!important;box-shadow:0 5px 18px rgba(15,23,42,.06)!important}
.tourism-category-grid-bs .tourism-category-card:hover{transform:translateY(-2px)!important}
.tourism-category-grid-bs .tourism-category-info{min-width:0;flex:1;overflow:hidden}
.tourism-category-grid-bs .tourism-category-info strong{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:.92rem!important;line-height:1.5!important}
.tourism-category-grid-bs .tourism-category-info small{display:block!important;margin-top:2px;font-size:.72rem!important;color:#64748b!important}
.tourism-category-grid-bs .tourism-category-icon{flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:1.05rem!important}
.tourism-category-grid-bs .tourism-count-badge{flex:0 0 auto!important;min-width:30px!important;width:auto!important;height:30px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;padding:0 7px!important;font-size:.75rem!important;font-weight:900!important}
@media(max-width:767.98px){
  .tourism-category-grid-bs{--bs-gutter-x:.7rem;--bs-gutter-y:.7rem}
  .tourism-category-grid-bs>[class*="col-"]{padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5)}
  .tourism-category-grid-bs .tourism-category-card{min-height:78px!important;padding:10px!important;border-radius:16px!important}
  .tourism-category-grid-bs .tourism-category-icon{flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:12px!important;font-size:.9rem!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.76rem!important;line-height:1.45!important}
  .tourism-category-grid-bs .tourism-category-info small{font-size:.62rem!important}
  .tourism-category-grid-bs .tourism-count-badge{min-width:26px!important;height:26px!important;font-size:.68rem!important;padding:0 5px!important}
}
@media(max-width:359.98px){
  .tourism-category-grid-bs{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}
  .tourism-category-grid-bs .tourism-category-card{padding:8px!important;gap:7px!important;min-height:72px!important}
  .tourism-category-grid-bs .tourism-category-icon{flex-basis:36px!important;width:36px!important;height:36px!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.7rem!important}
}

/* TOURISM CATEGORY COLORS - identical visual treatment on desktop, tablet and mobile */
.tourism-category-grid-bs .tourism-category-card{
  background:var(--cat-color)!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,var(--cat-color) 82%,#000)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--cat-color) 28%,transparent)!important;
}
.tourism-category-grid-bs .tourism-category-card:hover{
  background:var(--cat-color)!important;
  color:#fff!important;
  box-shadow:0 15px 30px color-mix(in srgb,var(--cat-color) 34%,transparent)!important;
}
.tourism-category-grid-bs .tourism-category-icon{
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.30);
}
.tourism-category-grid-bs .tourism-category-info strong{color:#fff!important}
.tourism-category-grid-bs .tourism-category-info small{color:rgba(255,255,255,.88)!important}
.tourism-category-grid-bs .tourism-count-badge{
  background:rgba(255,255,255,.94)!important;
  color:var(--cat-color)!important;
  border:1px solid rgba(255,255,255,.8)!important;
}
@media(max-width:768px){
  .tourism-category-grid-bs .tourism-category-card{min-height:86px!important;padding:11px!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.82rem!important}
  .tourism-category-grid-bs .tourism-category-info small{font-size:.66rem!important}
}
@media(max-width:480px){
  .tourism-category-grid-bs .tourism-category-card{min-height:82px!important;padding:10px!important}
  .tourism-category-grid-bs .tourism-category-icon{flex-basis:38px!important;width:38px!important;height:38px!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.75rem!important}
  .tourism-category-grid-bs .tourism-count-badge{min-width:27px!important;height:27px!important;font-size:.68rem!important}
}

/* ===== TOURISM FINAL UI: SAME PREMIUM COLORS ON ALL DEVICES ===== */
.tourism-category-grid-bs .tourism-category-card{
  position:relative;
  background:#fff !important;
  color:#0f172a !important;
  border:1px solid #e2e8f0 !important;
  border-radius:20px !important;
  min-height:88px !important;
  padding:14px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  direction:rtl !important;
  text-align:right !important;
  box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease !important;
}
.tourism-category-grid-bs .tourism-category-card:hover,
.tourism-category-grid-bs .tourism-category-card:focus-visible{
  background:#fff !important;
  color:#0f172a !important;
  transform:translateY(-2px) !important;
  border-color:var(--cat-color) !important;
  box-shadow:0 14px 32px rgba(15,23,42,.10) !important;
}
.tourism-category-grid-bs .tourism-category-icon{
  flex:0 0 48px !important;
  width:48px !important;height:48px !important;
  border-radius:15px !important;
  display:grid !important;place-items:center !important;
  font-size:1.1rem !important;
  color:var(--cat-color) !important;
  background:color-mix(in srgb,var(--cat-color) 13%,#fff) !important;
  border:1px solid color-mix(in srgb,var(--cat-color) 18%,#fff) !important;
}
.tourism-category-grid-bs .tourism-category-info{min-width:0 !important;flex:1 !important;overflow:hidden !important}
.tourism-category-grid-bs .tourism-category-info strong{
  display:block !important;color:#111827 !important;font-weight:900 !important;
  font-size:.94rem !important;line-height:1.5 !important;
  white-space:normal !important;overflow-wrap:normal !important;word-break:normal !important;
}
.tourism-category-grid-bs .tourism-category-info small{display:block !important;color:#64748b !important;font-size:.72rem !important;line-height:1.5 !important;margin-top:3px !important}
.tourism-category-grid-bs .tourism-count-badge{
  flex:0 0 auto !important;min-width:32px !important;height:32px !important;
  border-radius:999px !important;padding:0 8px !important;
  display:inline-grid !important;place-items:center !important;
  font-size:.75rem !important;font-weight:900 !important;
  color:var(--cat-color) !important;
  background:color-mix(in srgb,var(--cat-color) 10%,#fff) !important;
  border:1px solid color-mix(in srgb,var(--cat-color) 22%,#fff) !important;
}
.tourism-content-section{margin-top:24px;padding:0}
.tourism-content-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 6px 20px rgba(15,23,42,.045)}
.tourism-content-title{display:flex;align-items:center;gap:11px;min-width:0}
.tourism-section-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 12%,#fff);border:1px solid color-mix(in srgb,var(--cat-color) 18%,#fff)}
.tourism-content-title h3{margin:0;font-size:1.08rem;font-weight:900;color:#111827}
.tourism-content-title span{display:block;color:#64748b;font-size:.76rem;margin-top:3px}
.tourism-view-all{border-color:var(--cat-color,#0ea5e9)!important;color:var(--cat-color,#0ea5e9)!important;white-space:nowrap}
.tourism-load-more-wrap{text-align:center;margin:16px 0 28px}
.tourism-load-more-wrap .btn{min-width:180px}
.tourism-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1199.98px){.tourism-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991.98px){
 .tourism-category-grid-bs{--bs-gutter-x:.8rem;--bs-gutter-y:.8rem}
 .tourism-category-grid-bs .tourism-category-card{min-height:86px!important}
 .tourism-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
 .tourism-page{padding-inline:10px!important}
 .tourism-category-grid-bs .tourism-category-card{min-height:82px!important;padding:11px 10px!important;border-radius:17px!important;gap:9px!important}
 .tourism-category-grid-bs .tourism-category-icon{flex-basis:42px!important;width:42px!important;height:42px!important;border-radius:13px!important;font-size:1rem!important}
 .tourism-category-grid-bs .tourism-category-info strong{font-size:.82rem!important;line-height:1.45!important}
 .tourism-category-grid-bs .tourism-category-info small{font-size:.66rem!important}
 .tourism-category-grid-bs .tourism-count-badge{min-width:29px!important;height:29px!important;font-size:.69rem!important}
 .tourism-content-head{padding:10px;border-radius:15px}
 .tourism-content-title h3{font-size:.94rem}
 .tourism-content-title span{font-size:.68rem}
 .tourism-section-icon{width:39px;height:39px;flex-basis:39px;border-radius:11px}
 .tourism-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:480px){
 .tourism-category-grid-bs{--bs-gutter-x:.55rem;--bs-gutter-y:.55rem}
 .tourism-category-grid-bs .tourism-category-card{min-height:78px!important;padding:9px 8px!important;gap:7px!important;border-radius:15px!important}
 .tourism-category-grid-bs .tourism-category-icon{flex-basis:38px!important;width:38px!important;height:38px!important;border-radius:11px!important;font-size:.9rem!important}
 .tourism-category-grid-bs .tourism-category-info strong{font-size:.74rem!important;line-height:1.4!important}
 .tourism-category-grid-bs .tourism-category-info small{font-size:.61rem!important;margin-top:1px!important}
 .tourism-category-grid-bs .tourism-count-badge{min-width:27px!important;height:27px!important;font-size:.65rem!important;padding:0 5px!important}
 .tourism-directory-grid{grid-template-columns:1fr!important}
 .tourism-content-head{align-items:flex-start}
 .tourism-view-all{font-size:.68rem}
}


/* ===== TOURISM CATEGORY LANDING: cards only on main page ===== */
.tourism-category-grid-bs .tourism-category-card{
  text-decoration:none!important; color:#0f172a!important;
  cursor:pointer;
}
.tourism-category-grid-bs .tourism-category-card:hover{color:#0f172a!important;text-decoration:none!important}
.tourism-search-results-wrap{margin-top:28px}
.tourism-category-heading-card{
  display:flex;align-items:center;gap:18px;padding:22px 24px;margin-bottom:22px;
  border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--cat-color) 10%,#fff),#fff);
  border:1px solid color-mix(in srgb,var(--cat-color) 18%,#e2e8f0);
  box-shadow:0 10px 30px rgba(15,23,42,.06);
}
.tourism-category-heading-icon{width:68px;height:68px;flex:0 0 68px;border-radius:20px;display:grid;place-items:center;font-size:1.55rem;color:var(--cat-color);background:color-mix(in srgb,var(--cat-color) 13%,#fff);border:1px solid color-mix(in srgb,var(--cat-color) 22%,#fff)}
.tourism-category-heading-copy{min-width:0;flex:1}
.tourism-category-heading-copy h1{margin:4px 0 5px;font-weight:900;font-size:clamp(1.45rem,3vw,2.2rem)}
.tourism-category-heading-copy p{margin:0;color:#64748b}.tourism-category-heading-copy p strong{color:var(--cat-color)}
.tourism-category-heading-card>.btn{white-space:nowrap}
@media(max-width:575.98px){
 .tourism-category-heading-card{padding:16px;gap:11px;border-radius:19px;align-items:center}
 .tourism-category-heading-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px;font-size:1.1rem}
 .tourism-category-heading-copy h1{font-size:1.15rem;line-height:1.45}
 .tourism-category-heading-copy p{font-size:.76rem}
 .tourism-category-heading-card>.btn{font-size:.7rem;padding:.45rem .7rem!important}
}


/* ===== TOURISM CARDS: SAME DESKTOP VISUAL LANGUAGE ON ALL SCREENS ===== */
.tourism-category-grid-bs .tourism-category-card{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid #e5e7eb!important;
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.07)!important;
  min-height:86px!important;
  padding:14px 15px!important;
  gap:12px!important;
}
.tourism-category-grid-bs .tourism-category-card:hover{
  color:#0f172a!important;
  transform:translateY(-3px)!important;
  box-shadow:0 14px 32px rgba(15,23,42,.11)!important;
  border-color:color-mix(in srgb,var(--cat-color) 30%,#e5e7eb)!important;
}
.tourism-category-grid-bs .tourism-category-icon{
  color:var(--cat-color)!important;
  background:color-mix(in srgb,var(--cat-color) 13%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--cat-color) 16%,#fff)!important;
  flex:0 0 50px!important;width:50px!important;height:50px!important;
}
.tourism-category-grid-bs .tourism-category-info strong{color:#111827!important;font-weight:900!important}
.tourism-category-grid-bs .tourism-category-info small{color:#64748b!important}
.tourism-category-grid-bs .tourism-count-badge{
  color:var(--cat-color)!important;
  background:color-mix(in srgb,var(--cat-color) 10%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--cat-color) 18%,#fff)!important;
}
.tourism-category-grid-bs .tourism-category-card:hover .tourism-count-badge{
  color:#fff!important;background:var(--cat-color)!important;border-color:var(--cat-color)!important;
}
@media(max-width:767.98px){
  .tourism-category-grid-bs{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}
  .tourism-category-grid-bs .tourism-category-card{min-height:88px!important;padding:11px 10px!important;border-radius:17px!important;gap:9px!important}
  .tourism-category-grid-bs .tourism-category-icon{flex-basis:42px!important;width:42px!important;height:42px!important;border-radius:13px!important;font-size:.95rem!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.82rem!important;line-height:1.45!important;overflow-wrap:break-word!important;word-break:normal!important}
  .tourism-category-grid-bs .tourism-category-info small{font-size:.68rem!important;margin-top:3px!important}
  .tourism-category-grid-bs .tourism-count-badge{min-width:28px!important;height:28px!important;font-size:.7rem!important}
}
@media(max-width:390px){
  .tourism-category-grid-bs .tourism-category-card{padding:9px 8px!important;gap:7px!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.76rem!important}
  .tourism-category-grid-bs .tourism-category-icon{flex-basis:38px!important;width:38px!important;height:38px!important}
  .tourism-category-grid-bs .tourism-count-badge{min-width:26px!important;height:26px!important}
}


/* ===== TOURISM CARDS: DESKTOP DESIGN IDENTICAL ON MOBILE/TABLET ===== */
.tourism-category-grid-bs .tourism-category-card{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:20px!important;
  padding:16px!important;
  text-align:right!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
  min-height:82px!important;
  overflow:hidden!important;
  transform:none!important;
}
.tourism-category-grid-bs .tourism-category-card:hover{
  background:#fff!important;
  color:#0f172a!important;
  transform:translateY(-3px)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.09)!important;
}
.tourism-category-grid-bs .tourism-category-icon{
  flex:0 0 48px!important;width:48px!important;height:48px!important;
  border-radius:16px!important;display:grid!important;place-items:center!important;
  font-size:1.1rem!important;
  background:color-mix(in srgb,var(--cat-color) 12%,white)!important;
  color:var(--cat-color)!important;
  border:0!important;
}
.tourism-category-grid-bs .tourism-category-info{min-width:0!important;flex:1!important;overflow:hidden!important}
.tourism-category-grid-bs .tourism-category-info strong{
  display:block!important;color:#0f172a!important;font-size:.95rem!important;
  line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
.tourism-category-grid-bs .tourism-category-info small{
  display:block!important;color:#64748b!important;font-size:.75rem!important;
  line-height:1.4!important;margin-top:2px!important;
}
.tourism-category-grid-bs .tourism-count-badge{
  flex:0 0 auto!important;min-width:32px!important;height:32px!important;padding:0 8px!important;
  border-radius:999px!important;display:inline-grid!important;place-items:center!important;
  background:#eff6ff!important;color:#0369a1!important;
  border:1px solid #dbeafe!important;font-weight:900!important;font-size:.8rem!important;
}
@media(max-width:768px){
  .tourism-category-grid-bs{--bs-gutter-x:.8rem;--bs-gutter-y:.8rem}
  .tourism-category-grid-bs .tourism-category-card{min-height:82px!important;padding:12px!important;gap:10px!important;border-radius:18px!important}
  .tourism-category-grid-bs .tourism-category-icon{flex-basis:44px!important;width:44px!important;height:44px!important;border-radius:14px!important;font-size:1rem!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.86rem!important;line-height:1.45!important}
  .tourism-category-grid-bs .tourism-category-info small{font-size:.7rem!important}
  .tourism-category-grid-bs .tourism-count-badge{min-width:30px!important;height:30px!important;font-size:.76rem!important}
}
@media(max-width:480px){
  .tourism-category-grid-bs{--bs-gutter-x:.65rem;--bs-gutter-y:.65rem}
  .tourism-category-grid-bs .tourism-category-card{min-height:80px!important;padding:10px!important;gap:8px!important}
  .tourism-category-grid-bs .tourism-category-icon{flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:12px!important;font-size:.95rem!important}
  .tourism-category-grid-bs .tourism-category-info strong{font-size:.78rem!important;line-height:1.4!important}
  .tourism-category-grid-bs .tourism-category-info small{font-size:.66rem!important}
  .tourism-category-grid-bs .tourism-count-badge{min-width:28px!important;height:28px!important;font-size:.72rem!important;padding:0 6px!important}
}

/* Same-page tourism results: one target only */
#tourismResultsWrap{display:block!important}
#tourismResults{min-height:0}


/* ==========================================================
   FINAL TOURISM CARDS — MOBILE = DESKTOP VISUAL CLONE
   Keep colors, white card, border, radius, icon-tile and badge
   identical on every viewport. Only the Bootstrap grid changes.
   ========================================================== */
.tourism-page{background:#f7f9fc!important;padding-bottom:140px!important}
.tourism-category-section{margin-top:18px!important}
.tourism-category-grid-bs{--bs-gutter-x:14px!important;--bs-gutter-y:14px!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:82px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-align:right!important;
  text-decoration:none!important;
  overflow:hidden!important;
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #e7ebf0!important;
  border-radius:18px!important;
  box-shadow:0 6px 18px rgba(15,23,42,.055)!important;
  transform:none!important;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease!important;
}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:hover,
.tourism-category-grid-bs .tourism-category-card--desktop-clone:focus-visible{
  background:#ffffff!important;
  color:#111827!important;
  transform:translateY(-2px)!important;
  border-color:#dfe5ec!important;
  box-shadow:0 10px 24px rgba(15,23,42,.09)!important;
}
.tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-icon{
  flex:0 0 46px!important;
  width:46px!important;height:46px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;
  font-size:1rem!important;
  color:var(--cat-color)!important;
  /* Solid fallback + enhanced tint */
  background:#eef5fb!important;
  border:0!important;
}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(1) .tourism-category-icon{background:#e4f6fb!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(2) .tourism-category-icon{background:#eee9ff!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(3) .tourism-category-icon{background:#faeee4!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(4) .tourism-category-icon{background:#edf0f4!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(5) .tourism-category-icon{background:#e5f3ec!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(6) .tourism-category-icon{background:#e3f6fa!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(7) .tourism-category-icon{background:#e6f7ec!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(8) .tourism-category-icon{background:#e8f7f8!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(9) .tourism-category-icon{background:#e8f1ff!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(10) .tourism-category-icon{background:#e9efff!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(11) .tourism-category-icon{background:#fff0e8!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(12) .tourism-category-icon{background:#f7ece4!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(13) .tourism-category-icon{background:#f1e9fb!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(14) .tourism-category-icon{background:#fde8f2!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(15) .tourism-category-icon{background:#edf0f4!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(16) .tourism-category-icon{background:#fff6df!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(17) .tourism-category-icon{background:#e6f3fb!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(18) .tourism-category-icon{background:#f3e9ff!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(19) .tourism-category-icon{background:#e6f4ea!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(20) .tourism-category-icon{background:#e5f5ea!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(21) .tourism-category-icon{background:#fde9e9!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone:nth-child(22) .tourism-category-icon{background:#e7f6f2!important}
.tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-info{
  min-width:0!important;flex:1 1 auto!important;overflow:hidden!important;
}
.tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-info strong{
  display:block!important;margin:0!important;color:#111827!important;font-weight:800!important;
  font-size:.95rem!important;line-height:1.25!important;white-space:normal!important;
  overflow-wrap:normal!important;word-break:normal!important;
}
.tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-info small{
  display:block!important;margin-top:4px!important;color:#7a8593!important;
  font-size:.73rem!important;line-height:1.2!important;white-space:nowrap!important;
}
.tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-count-badge{
  flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important;
  background:#eff7fd!important;color:#0b6ea8!important;border:1px solid #d9ecf8!important;
  font-size:.78rem!important;font-weight:900!important;line-height:1!important;
}
@media (max-width:1199.98px){
  .tourism-category-grid-bs .tourism-category-card--desktop-clone{min-height:82px!important}
}
@media (max-width:767.98px){
  .tourism-page{padding-bottom:150px!important}
  .tourism-category-grid-bs{--bs-gutter-x:10px!important;--bs-gutter-y:10px!important}
  .tourism-category-grid-bs .tourism-category-card--desktop-clone{
    min-height:82px!important;
    padding:10px 10px!important;
    gap:9px!important;
    border-radius:16px!important;
    box-shadow:0 6px 18px rgba(15,23,42,.055)!important;
  }
  .tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-icon{
    flex-basis:42px!important;width:42px!important;height:42px!important;
    border-radius:13px!important;font-size:.92rem!important;
  }
  .tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-info strong{
    font-size:.79rem!important;line-height:1.3!important;
  }
  .tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-info small{
    font-size:.63rem!important;margin-top:3px!important;
  }
  .tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-count-badge{
    flex-basis:28px!important;width:28px!important;min-width:28px!important;height:28px!important;
    font-size:.68rem!important;
  }
}
@media (max-width:390px){
  .tourism-category-grid-bs{--bs-gutter-x:8px!important;--bs-gutter-y:8px!important}
  .tourism-category-grid-bs .tourism-category-card--desktop-clone{padding:9px 8px!important;gap:7px!important;min-height:80px!important}
  .tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-icon{flex-basis:40px!important;width:40px!important;height:40px!important}
  .tourism-category-grid-bs .tourism-category-card--desktop-clone .tourism-category-info strong{font-size:.74rem!important}
}

/* FINAL: bottom navigation keeps the five original items; tourism stays in sections only. */
body:not(.admin-body) .bottom-nav,
html body:not(.admin-body) .bottom-nav,
html body:not(.admin-body) .app-shell .bottom-nav{
  grid-template-columns:repeat(5,1fr)!important;
}