/* ==========================================================================
   قالب المساء الإخباري — الأنماط الرئيسية
   ========================================================================== */

/* --- 0. أساسيات وإعادة ضبط -------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}

html{-webkit-text-size-adjust:100%}
body.sm-body{
	margin:0;
	font-family:var(--sm-font);
	font-size:var(--sm-fs,16px);
	line-height:var(--sm-lh,1.8);
	color:var(--sm-text);
	background:var(--sm-page-bg);
	overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--sm-link);text-decoration:none;transition:color .18s ease}
a:hover{color:var(--sm-link-hover)}
h1,h2,h3,h4,h5,h6{font-family:var(--sm-font-head);font-weight:var(--sm-head-weight,700);margin:0 0 .5em;line-height:1.45}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit}
svg.sm-ico{flex:0 0 auto;vertical-align:middle}
.screen-reader-text{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

.sm-skip{position:absolute;top:-60px;inset-inline-start:10px;z-index:999;background:var(--sm-primary);color:#fff;padding:10px 16px;border-radius:0 0 8px 8px;transition:top .2s}
.sm-skip:focus{top:0;color:#fff}

.sm-container{width:var(--sm-container-w);max-width:100%;margin-inline:auto;padding-inline:12px}
.sm-width-full .sm-container{padding-inline:20px}

/* --- 1. التخطيط العام -------------------------------------------------- */
.sm-site{display:flex;flex-direction:column;min-height:100vh}
.sm-main{flex:1 0 auto;padding-block:var(--sm-gap)}
.sm-layout{display:grid;gap:calc(var(--sm-gap) * 1.4);align-items:start}
.sm-layout.has-sidebar{grid-template-columns:minmax(0,1fr) var(--sm-sidebar-w,330px)}
.sm-content{min-width:0}
.sm-sidebar{min-width:0;display:flex;flex-direction:column;gap:var(--sm-gap)}
.sm-sidebar .sm-block,.sm-sidebar .sm-widget{background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:14px}

/* --- 2. الشريط العلوي -------------------------------------------------- */
.sm-topbar{background:var(--sm-topbar-bg);color:var(--sm-topbar-color);font-size:var(--sm-topbar-fs,14px);position:relative;z-index:60}
.sm-topbar-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px}
.sm-topbar-center .sm-topbar-in{justify-content:center}
.sm-topbar-end .sm-topbar-in{flex-direction:row-reverse}
.sm-topbar a{color:inherit}
.sm-topbar a:hover{color:var(--sm-topbar-hover)}
.sm-topbar-pages{display:flex;align-items:center;gap:14px;min-width:0}
.sm-topmenu{list-style:none;display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.sm-topmenu li a{display:block;padding:8px 10px;white-space:nowrap;opacity:.94}
.sm-topmenu li a:hover{opacity:1}
.sm-topdate{display:inline-flex;align-items:center;gap:6px;opacity:.85;white-space:nowrap}
.sm-topbar-tools{display:flex;align-items:center;gap:10px;margin-inline-start:auto}

.sm-social{display:flex;align-items:center;gap:4px}
.sm-soc{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;transition:background .18s ease,color .18s ease,transform .18s ease}
.sm-soc:hover{transform:translateY(-2px)}
.sm-social.is-colored .sm-soc-facebook:hover{background:#1877f2;color:#fff}
.sm-social.is-colored .sm-soc-x:hover{background:#000;color:#fff}
.sm-social.is-colored .sm-soc-youtube:hover{background:#ff0000;color:#fff}
.sm-social.is-colored .sm-soc-instagram:hover{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);color:#fff}
.sm-social.is-colored .sm-soc-telegram:hover{background:#229ed9;color:#fff}
.sm-social.is-colored .sm-soc-whatsapp:hover{background:#25d366;color:#fff}
.sm-social.is-colored .sm-soc-tiktok:hover{background:#010101;color:#fff}
.sm-social.is-colored .sm-soc-linkedin:hover{background:#0a66c2;color:#fff}
.sm-social.is-colored .sm-soc-snapchat:hover{background:#fffc00;color:#111}
.sm-social.is-colored .sm-soc-rss:hover{background:#f26522;color:#fff}

.sm-searchbox{display:flex;align-items:center;background:rgba(255,255,255,.16);border-radius:20px;overflow:hidden;height:30px}
.sm-searchbox input{border:0;background:transparent;color:inherit;padding:0 12px;width:150px;outline:none;font-size:13px}
.sm-searchbox input::placeholder{color:inherit;opacity:.65}
.sm-searchbox button{display:grid;place-items:center;width:34px;height:30px;opacity:.9}
.sm-searchbox button:hover{opacity:1}
.sm-searchbtn,.sm-themebtn{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;transition:background .18s}
.sm-searchbtn:hover,.sm-themebtn:hover{background:rgba(255,255,255,.16)}
.sm-themebtn .sm-i-sun{display:none}
[data-sm-theme="dark"] .sm-themebtn .sm-i-sun{display:block}
[data-sm-theme="dark"] .sm-themebtn .sm-i-moon{display:none}

/* --- 3. الهيدر بالخلفية الشفافة ---------------------------------------- */
.sm-header{position:relative;z-index:50}
.sm-header-main{position:relative;background:var(--sm-header-bg);overflow:hidden}
.sm-header-bg{position:absolute;inset:0;background-image:var(--sm-header-img);background-size:var(--sm-header-bgsize,cover);background-position:var(--sm-header-bgpos,center);background-repeat:no-repeat}
.sm-header-veil{position:absolute;inset:0;background:var(--sm-header-overlay)}
.sm-header-pattern{position:absolute;inset:0;background-image:var(--sm-header-pattern,none);background-size:var(--sm-header-pattern-size,100% auto);background-position:var(--sm-header-pattern-pos,center);background-repeat:var(--sm-header-pattern-repeat,no-repeat);opacity:var(--sm-header-pattern-op,.12);pointer-events:none}
.sm-header-in{position:relative;z-index:2;display:flex;align-items:center;gap:18px;min-height:var(--sm-header-h,130px)}

.sm-logo{display:flex;flex-direction:column;justify-content:center;flex:0 0 auto}
.sm-logo-img{width:var(--sm-logo-w,240px);height:var(--sm-logo-h,auto);max-width:100%;object-fit:contain}
.sm-logo-dark{display:none}
[data-sm-theme="dark"] .sm-logo .sm-logo-img:not(.sm-logo-dark){display:none}
[data-sm-theme="dark"] .sm-logo .sm-logo-dark{display:block}
.sm-logo-text{font-family:var(--sm-font-head);font-size:30px;font-weight:800;color:var(--sm-secondary);letter-spacing:-.5px}
.sm-tagline{margin:2px 0 0;font-size:13px;color:var(--sm-muted)}
.sm-header-side{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:flex-start}
.sm-header-side:empty{display:none}
.sm-header-mobtools{display:none}
.sm-burger{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;gap:5px;padding:0 8px}
.sm-burger span{display:block;height:2px;background:var(--sm-text);border-radius:2px;transition:.2s}

/* أشكال الهيدر */
.sm-hs-s2 .sm-header-in{flex-direction:column;justify-content:center;text-align:center}
.sm-hs-s2 .sm-header-side{justify-content:center}
.sm-hs-s3 .sm-header-side{justify-content:flex-end}
.sm-hs-s4 .sm-header-in{min-height:auto;padding-block:10px}
.sm-hs-s5 .sm-logo{flex-direction:row;align-items:center;gap:12px}
.sm-hs-s6 .sm-header-in{min-height:calc(var(--sm-header-h,130px) * 1.5)}

/* --- 4. شريط الأقسام ---------------------------------------------------- */
.sm-navwrap{position:relative;z-index:40}
.sm-navwrap.is-stuck{height:var(--sm-nav-h,48px)}
.sm-navwrap.is-stuck .sm-nav{position:fixed;top:0;inset-inline:0;box-shadow:0 4px 18px rgba(0,0,0,.18);animation:sm-drop .28s ease}
@keyframes sm-drop{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.sm-nav{background:var(--sm-nav-bg);color:var(--sm-nav-color)}
.sm-nav-in{display:flex;align-items:stretch;gap:0;justify-content:var(--sm-nav-align,flex-start);min-height:var(--sm-nav-h,48px)}
.sm-nav-home{display:grid;place-items:center;width:calc(var(--sm-nav-h,48px) + 8px);background:var(--sm-nav-home-bg);color:#fff;flex:0 0 auto}
.sm-nav-home:hover,.sm-nav-home.is-current{color:#fff;filter:brightness(1.15)}
.sm-menu{list-style:none;display:flex;align-items:stretch;flex-wrap:wrap;flex:1 1 auto}
.sm-menu > li{position:relative;display:flex;align-items:stretch}
.sm-nav.has-sep .sm-menu > li + li::before{content:"";position:absolute;inset-inline-start:0;top:25%;height:50%;width:1px;background:rgba(255,255,255,.16)}
.sm-menu > li > a{display:flex;align-items:center;gap:5px;padding:0 var(--sm-nav-pad,14px);color:var(--sm-nav-color);font-size:var(--sm-nav-fs,17px);font-family:var(--sm-font-head);white-space:nowrap;position:relative;transition:background .2s,color .2s}
.sm-menu > li > a::after{content:"";position:absolute;inset-inline:8px;bottom:0;height:3px;background:var(--sm-cat,var(--sm-accent));transform:scaleX(0);transition:transform .22s ease}
.sm-menu > li:hover > a,.sm-menu > li.current-menu-item > a,.sm-menu > li.current-menu-parent > a{background:var(--sm-nav-hover-bg);color:var(--sm-nav-hover-color)}
.sm-menu > li:hover > a::after{transform:scaleX(1)}
.sm-menu > li.current-menu-item > a{background:var(--sm-nav-active-bg)}
.sm-menu-arrow{opacity:.7;transition:transform .2s}
.sm-menu > li:hover .sm-menu-arrow{transform:rotate(180deg)}

/* القوائم الفرعية */
.sm-submenu{list-style:none;position:absolute;top:100%;inset-inline-start:0;min-width:210px;background:var(--sm-submenu-bg);color:var(--sm-submenu-color);border-radius:0 0 var(--sm-radius) var(--sm-radius);box-shadow:0 12px 30px rgba(16,24,40,.16);padding:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:30}
.sm-menu li:hover > .sm-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.sm-submenu li{position:relative}
.sm-submenu li a{display:block;padding:9px 12px;border-radius:6px;color:var(--sm-submenu-color);font-size:15px}
.sm-submenu li a:hover{background:var(--sm-primary-10);color:var(--sm-primary)}
.sm-submenu .sm-submenu{top:0;inset-inline-start:100%;border-radius:var(--sm-radius)}

/* الميجا */
.sm-mega{position:absolute;top:100%;inset-inline-start:0;width:min(620px,92vw);background:var(--sm-submenu-bg);border-radius:0 0 var(--sm-radius) var(--sm-radius);box-shadow:0 16px 40px rgba(16,24,40,.18);padding:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s ease;z-index:29}
.sm-menu > li:hover > .sm-mega{opacity:1;visibility:visible;transform:translateY(0)}
.sm-mega-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.sm-mega-item{display:block;color:var(--sm-submenu-color)}
.sm-mega-img{display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/10;background:var(--sm-primary-10)}
.sm-mega-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.sm-mega-item:hover .sm-mega-img img{transform:scale(1.06)}
.sm-mega-t{display:block;font-size:13.5px;font-weight:600;line-height:1.55;margin-top:6px}
.sm-mega-d{display:block;font-size:11.5px;color:var(--sm-muted);margin-top:2px}

/* --- 5. شريط الأخبار ---------------------------------------------------- */
.sm-ticker{background:var(--sm-ticker-bg);color:var(--sm-ticker-color);border-bottom:1px solid var(--sm-border);position:relative;z-index:20}
.sm-ticker-in{display:flex;align-items:center;gap:0;height:44px}
.sm-ticker-label{display:inline-flex;align-items:center;gap:7px;background:var(--sm-ticker-label-bg);color:var(--sm-ticker-label-color);font-family:var(--sm-font-head);font-weight:700;font-size:14px;padding:0 14px;height:30px;border-radius:4px;flex:0 0 auto;white-space:nowrap}
.sm-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:sm-pulse 1.4s infinite}
@keyframes sm-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.sm-ticker-view{flex:1 1 auto;overflow:hidden;position:relative;height:44px;margin-inline-start:12px;-webkit-mask-image:linear-gradient(to left,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to left,transparent,#000 4%,#000 96%,transparent)}
.sm-ticker-track{display:flex;align-items:center;height:100%;white-space:nowrap;width:max-content}
.sm-ticker-item{display:inline-flex;align-items:center;gap:8px;color:inherit;font-size:var(--sm-ticker-fs,15px);padding-inline-end:34px;font-weight:500}
.sm-ticker-item i{width:6px;height:6px;border-radius:50%;background:var(--sm-accent);flex:0 0 auto}
.sm-ticker-item:hover{color:var(--sm-accent)}
.sm-ticker-marquee .sm-ticker-track{animation:sm-marq var(--sm-ticker-speed,40s) linear infinite}
.sm-ticker-marquee:hover .sm-ticker-track{animation-play-state:paused}
@keyframes sm-marq{from{transform:translateX(0)}to{transform:translateX(50%)}}
[dir="ltr"] .sm-ticker-marquee .sm-ticker-track{animation-name:sm-marq-ltr}
@keyframes sm-marq-ltr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sm-ticker-fade .sm-ticker-track,.sm-ticker-slide .sm-ticker-track{display:block;width:100%}
.sm-ticker-fade .sm-ticker-item,.sm-ticker-slide .sm-ticker-item{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .4s,transform .4s;pointer-events:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sm-ticker-fade .sm-ticker-item.is-active,.sm-ticker-slide .sm-ticker-item.is-active{opacity:1;pointer-events:auto}
.sm-ticker-slide .sm-ticker-item{transform:translateY(20px)}
.sm-ticker-slide .sm-ticker-item.is-active{transform:translateY(-50%)}
.sm-ticker-nav{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}
.sm-ticker-nav button{width:24px;height:19px;display:grid;place-items:center;border-radius:4px;background:var(--sm-primary-10);color:var(--sm-primary)}
.sm-ticker-nav .sm-tk-prev svg{transform:rotate(180deg)}

/* شريط أقسام الجوال */
.sm-mobcats{display:none;background:var(--sm-card-bg);border-bottom:1px solid var(--sm-border)}
.sm-mobcats-in{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}
.sm-mobcats-in::-webkit-scrollbar{display:none}
.sm-mobcat{flex:0 0 auto;padding:6px 12px;border-radius:20px;background:var(--sm-page-bg);font-size:13.5px;font-weight:600;white-space:nowrap;border:1px solid var(--sm-border);color:var(--sm-text)}
.sm-mobcat:hover,.sm-mobcat.is-home{background:var(--sm-cat,var(--sm-primary));color:#fff;border-color:transparent}

/* --- 6. مسار التنقل ----------------------------------------------------- */
.sm-breadcrumb{padding:10px 0;font-size:13.5px;color:var(--sm-muted)}
.sm-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sm-breadcrumb li+li::before{content:"›";margin-inline-end:6px;opacity:.6}
.sm-breadcrumb a{color:var(--sm-muted)}
.sm-breadcrumb a:hover{color:var(--sm-primary)}

/* --- 7. عناوين الأقسام (9 أشكال) --------------------------------------- */
.sm-sectitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sm-sectitle-t{margin:0;font-size:20px;position:relative;display:flex;align-items:center}
.sm-sectitle-t span{position:relative;z-index:2}
.sm-more{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600;color:var(--sm-sec,var(--sm-primary));flex:0 0 auto}
.sm-more:hover{gap:8px}

/* t1 شارة + خط ممتد */
.sm-titlestyle-t1 .sm-sectitle{border-bottom:2px solid var(--sm-border)}
.sm-titlestyle-t1 .sm-sectitle-t{background:var(--sm-sec,var(--sm-primary));color:#fff;padding:7px 16px;border-radius:var(--sm-radius) var(--sm-radius) 0 0;margin-bottom:-2px}
/* t2 خط سفلي عريض */
.sm-titlestyle-t2 .sm-sectitle{border-bottom:1px solid var(--sm-border);padding-bottom:8px}
.sm-titlestyle-t2 .sm-sectitle-t::after{content:"";position:absolute;inset-inline-start:0;bottom:-9px;width:70px;height:3px;background:var(--sm-sec,var(--sm-primary))}
/* t3 شريط جانبي */
.sm-titlestyle-t3 .sm-sectitle-t{padding-inline-start:12px;border-inline-start:5px solid var(--sm-sec,var(--sm-primary))}
/* t4 صندوق ممتلئ */
.sm-titlestyle-t4 .sm-sectitle{background:var(--sm-sec,var(--sm-primary));border-radius:var(--sm-radius);padding:8px 14px}
.sm-titlestyle-t4 .sm-sectitle-t,.sm-titlestyle-t4 .sm-more{color:#fff}
/* t5 خط مزدوج */
.sm-titlestyle-t5 .sm-sectitle{border-bottom:3px double var(--sm-sec,var(--sm-primary));padding-bottom:6px}
/* t6 وسط بخطين */
.sm-titlestyle-t6 .sm-sectitle{justify-content:center;position:relative}
.sm-titlestyle-t6 .sm-sectitle::before{content:"";position:absolute;inset-inline:0;top:50%;height:1px;background:var(--sm-border)}
.sm-titlestyle-t6 .sm-sectitle-t{background:var(--sm-page-bg);padding-inline:16px;position:relative;z-index:2}
.sm-titlestyle-t6 .sm-more{background:var(--sm-page-bg);position:relative;z-index:2;padding-inline:8px}
/* t7 مائل */
.sm-titlestyle-t7 .sm-sectitle-t{background:var(--sm-sec,var(--sm-primary));color:#fff;padding:7px 22px;transform:skewX(-10deg)}
.sm-titlestyle-t7 .sm-sectitle-t span{display:block;transform:skewX(10deg)}
/* t8 أيقونة سهم */
.sm-titlestyle-t8 .sm-sectitle-t::before{content:"";width:0;height:0;border-block:7px solid transparent;border-inline-end:10px solid var(--sm-sec,var(--sm-primary));margin-inline-end:8px}
.sm-titlestyle-t8 .sm-sectitle{border-bottom:1px solid var(--sm-border);padding-bottom:8px}
/* t9 بسيط */
.sm-titlestyle-t9 .sm-sectitle-t{color:var(--sm-sec,var(--sm-text))}

.sm-block{margin-bottom:calc(var(--sm-gap) * 1.6)}
.sm-sidebar .sm-block{margin-bottom:0}
.sm-sidebar .sm-sectitle-t{font-size:17px}

/* --- 8. البطاقات المشتركة ---------------------------------------------- */
.sm-grid{display:grid;grid-template-columns:repeat(var(--sm-cols,3),minmax(0,1fr));gap:var(--sm-gap)}
.sm-card{background:var(--sm-card-bg);border-radius:var(--sm-radius);overflow:hidden;box-shadow:var(--sm-shadow);display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}
.sm-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(16,24,40,.14)}
.sm-card-img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--sm-primary-10)}
.sm-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.sm-card:hover .sm-card-img img{transform:scale(1.05)}
.sm-card-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.sm-card-title{margin:0;font-size:16.5px;line-height:1.6}
.sm-card-title a{color:var(--sm-text)}
.sm-card-title a:hover{color:var(--sm-cat,var(--sm-primary))}
.sm-card-ex{margin:0;font-size:14px;color:var(--sm-muted);line-height:1.75}
.sm-card-lead .sm-card-title{font-size:22px}
.sm-card-sm .sm-card-title{font-size:15px}

.sm-noimg{display:grid;place-items:center;width:100%;height:100%;background:var(--sm-primary-10);color:var(--sm-primary);opacity:.5}

.sm-badge{display:inline-block;background:var(--sm-cat,var(--sm-primary));color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:4px;line-height:1.7;font-family:var(--sm-font-head)}
.sm-badge-abs{position:absolute;inset-inline-start:10px;top:10px;z-index:2}
.sm-badge-sm{font-size:11px;padding:2px 8px}
.sm-badge-lg{font-size:13px;padding:5px 14px}

.sm-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--sm-muted);margin-top:auto}
.sm-meta-i{display:inline-flex;align-items:center;gap:4px}

/* قائمة مصغّرات */
.sm-li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px dashed var(--sm-border)}
.sm-li:last-child{border-bottom:0;padding-bottom:0}
.sm-li-img{flex:0 0 92px;width:92px;aspect-ratio:16/11;border-radius:7px;overflow:hidden;background:var(--sm-primary-10)}
.sm-li-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sm-li:hover .sm-li-img img{transform:scale(1.07)}
.sm-li-body{min-width:0;flex:1}
.sm-li-title{margin:0 0 4px;font-size:15px;line-height:1.6}
.sm-li-title a{color:var(--sm-text)}
.sm-li-title a:hover{color:var(--sm-primary)}
.sm-li .sm-meta{font-size:12px;gap:8px;margin-top:0}

/* b2 قائمة مرقّمة */
.sm-numlist .sm-li{align-items:center}
.sm-li-num{flex:0 0 auto;width:30px;text-align:center;font-family:var(--sm-font-head);font-size:22px;font-weight:800;color:var(--sm-primary);opacity:.42;line-height:1}
.sm-numlist .sm-li:nth-child(1) .sm-li-num{color:var(--sm-accent);opacity:.9}
.sm-numlist .sm-li:nth-child(2) .sm-li-num{opacity:.75}
.sm-numlist .sm-li:nth-child(3) .sm-li-num{opacity:.6}

/* b3 مجلة */
.sm-mag{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--sm-gap);align-items:start}
.sm-mag-list{background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:4px 14px}

/* b4 تراكب */
.sm-ov{position:relative;border-radius:var(--sm-radius);overflow:hidden;aspect-ratio:16/11;box-shadow:var(--sm-shadow)}
.sm-ov-link{display:block;width:100%;height:100%;position:relative}
.sm-ov img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.sm-ov:hover img{transform:scale(1.07)}
.sm-ov-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 45%,transparent 72%)}
.sm-ov-body{position:absolute;inset-inline:0;bottom:0;padding:14px;display:flex;flex-direction:column;gap:6px;color:#fff}
.sm-ov-title{font-family:var(--sm-font-head);font-weight:700;font-size:16.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sm-ov-date{font-size:12px;opacity:.82}

/* b5 شريط أفقي */
.sm-strip{position:relative}
.sm-strip-track{display:flex;gap:var(--sm-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.sm-strip-track::-webkit-scrollbar{display:none}
.sm-strip-item{flex:0 0 clamp(190px,22%,250px)}
.sm-strip-img{display:block;border-radius:var(--sm-radius);overflow:hidden;aspect-ratio:16/10;background:var(--sm-primary-10)}
.sm-strip-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sm-strip-item:hover .sm-strip-img img{transform:scale(1.06)}
.sm-strip-title{margin:8px 0 4px;font-size:15px;line-height:1.55}
.sm-strip-title a{color:var(--sm-text)}
.sm-strip-nav{position:absolute;top:34%;width:36px;height:36px;border-radius:50%;background:var(--sm-card-bg);box-shadow:0 3px 12px rgba(16,24,40,.18);display:grid;place-items:center;z-index:3;color:var(--sm-text)}
.sm-strip-prev{inset-inline-start:-6px}
.sm-strip-next{inset-inline-end:-6px}
.sm-strip-nav:hover{background:var(--sm-primary);color:#fff}

/* b6 بطاقة بارزة */
.sm-hero-block{display:flex;flex-direction:column;gap:var(--sm-gap)}
.sm-hero{position:relative;border-radius:var(--sm-radius);overflow:hidden;aspect-ratio:21/9;box-shadow:var(--sm-shadow)}
.sm-hero-link{display:block;width:100%;height:100%}
.sm-hero img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sm-hero:hover img{transform:scale(1.04)}
.sm-hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.25) 55%,transparent)}
.sm-hero-body{position:absolute;inset-inline:0;bottom:0;padding:20px;color:#fff;display:flex;flex-direction:column;gap:8px}
.sm-hero-title{font-family:var(--sm-font-head);font-weight:800;font-size:clamp(19px,2.4vw,28px);line-height:1.5}
.sm-hero-ex{font-size:14.5px;opacity:.88;max-width:70ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* b7 فسيفساء */
.sm-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(130px,1fr));gap:var(--sm-gap)}
.sm-mo{position:relative;border-radius:var(--sm-radius);overflow:hidden;box-shadow:var(--sm-shadow)}
.sm-mo a{display:block;width:100%;height:100%}
.sm-mo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.sm-mo:hover img{transform:scale(1.06)}
.sm-mo-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86),rgba(0,0,0,.2) 55%,transparent)}
.sm-mo-body{position:absolute;inset-inline:0;bottom:0;padding:12px;color:#fff;display:flex;flex-direction:column;gap:5px}
.sm-mo-title{font-family:var(--sm-font-head);font-weight:700;font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sm-mo-1{grid-column:span 2;grid-row:span 2}
.sm-mo-1 .sm-mo-title{font-size:20px;-webkit-line-clamp:3}

/* b8 تبويبات */
.sm-tabs-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;border-bottom:2px solid var(--sm-border)}
.sm-tab{padding:8px 16px;font-family:var(--sm-font-head);font-weight:700;font-size:15px;color:var(--sm-muted);border-radius:var(--sm-radius) var(--sm-radius) 0 0;margin-bottom:-2px;border-bottom:2px solid transparent;transition:.2s}
.sm-tab:hover{color:var(--sm-cat,var(--sm-primary))}
.sm-tab.is-active{color:var(--sm-cat,var(--sm-primary));border-bottom-color:var(--sm-cat,var(--sm-primary));background:var(--sm-card-bg)}
.sm-tabpanel{animation:sm-fadein .3s ease}
@keyframes sm-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* b9 خط زمني */
.sm-timeline{position:relative;padding-inline-start:8px}
.sm-timeline::before{content:"";position:absolute;inset-inline-start:74px;top:6px;bottom:6px;width:2px;background:var(--sm-border)}
.sm-tl-item{display:grid;grid-template-columns:64px 20px 1fr auto;align-items:center;gap:10px;padding:12px 0;position:relative}
.sm-tl-time{text-align:center;line-height:1.3}
.sm-tl-time span{display:block;font-family:var(--sm-font-head);font-weight:800;font-size:15px;color:var(--sm-cat,var(--sm-primary))}
.sm-tl-time small{font-size:11.5px;color:var(--sm-muted)}
.sm-tl-dot{width:12px;height:12px;border-radius:50%;background:var(--sm-cat,var(--sm-primary));box-shadow:0 0 0 4px var(--sm-page-bg);justify-self:center;z-index:2}
.sm-tl-body{min-width:0;display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.sm-tl-title{margin:0;font-size:16px;line-height:1.6}
.sm-tl-title a{color:var(--sm-text)}
.sm-tl-title a:hover{color:var(--sm-cat,var(--sm-primary))}
.sm-tl-ex{margin:0;font-size:13.5px;color:var(--sm-muted)}
.sm-tl-img{flex:0 0 auto;width:100px;aspect-ratio:16/11;border-radius:8px;overflow:hidden}
.sm-tl-img img{width:100%;height:100%;object-fit:cover}

/* b10 بورتريه */
.sm-portraits{--sm-cols:4}
.sm-pt{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.sm-pt-img{position:relative;width:130px;height:130px;border-radius:50%;overflow:hidden;display:block;border:4px solid var(--sm-card-bg);box-shadow:0 6px 18px rgba(16,24,40,.14)}
.sm-pt-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sm-pt:hover .sm-pt-img img{transform:scale(1.08)}
.sm-pt-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--sm-cat,var(--sm-primary));opacity:0;transition:opacity .25s}
.sm-pt:hover .sm-pt-ring{opacity:1}
.sm-pt-body{display:flex;flex-direction:column;align-items:center;gap:6px}
.sm-pt-title{margin:0;font-size:15.5px;line-height:1.6}
.sm-pt-title a{color:var(--sm-text)}

/* --- 9. السلايدرات ------------------------------------------------------ */
.sm-slider-wrap{margin-bottom:var(--sm-gap)}
.sm-slider-wrap.has-side{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sm-gap);width:var(--sm-container-w);max-width:100%;margin-inline:auto;padding-inline:12px}
.sm-slider-wrap:not(.has-side) .sm-slider-main{width:var(--sm-container-w);max-width:100%;margin-inline:auto;padding-inline:12px}
.sm-slider{--h:var(--sm-slider-h,430px)}
.sm-sl-track{display:flex}
.sm-sl-viewport{overflow:hidden;width:100%}
.sm-sl-item{position:relative;flex:0 0 auto}
.sm-sl-link{display:block;width:100%;height:100%;position:relative}
.sm-sl-img,.sm-sl-item img{width:100%;height:100%;object-fit:cover}
.sm-sl-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,calc(.35 + var(--sm-slide-dim,.45))),rgba(0,0,0,calc(var(--sm-slide-dim,.45) * .45)) 55%,rgba(0,0,0,.05))}
.sm-sl-body{position:absolute;inset-inline:0;bottom:0;padding:20px 22px;color:#fff;display:flex;flex-direction:column;gap:9px;z-index:3}
.sm-sl-title{font-family:var(--sm-font-head);font-weight:800;font-size:var(--sm-slide-title-fs,26px);line-height:1.5;text-shadow:0 2px 12px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sm-sl-ex{font-size:14.5px;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sm-sl-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;opacity:.9}
.sm-sl-meta em{display:inline-flex;align-items:center;gap:4px;font-style:normal}
.sm-badge-sl{align-self:flex-start;background:var(--sm-cat,var(--sm-accent))}

.sm-sl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);color:#1a1a1a;display:grid;place-items:center;z-index:6;box-shadow:0 3px 14px rgba(0,0,0,.22);transition:.2s}
.sm-sl-arrow:hover{background:var(--sm-primary);color:#fff}
.sm-sl-prev{inset-inline-start:12px}
.sm-sl-next{inset-inline-end:12px}
.sm-sl-dots{position:absolute;bottom:12px;inset-inline-start:50%;transform:translateX(50%);display:flex;gap:7px;z-index:6}
[dir="ltr"] .sm-sl-dots{transform:translateX(-50%)}
.sm-sl-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55);transition:.2s}
.sm-sl-dot.is-active{background:#fff;width:26px;border-radius:5px}

/* s1 */
.sm-s1{display:grid;grid-template-columns:2.1fr 1fr;gap:var(--sm-gap)}
.sm-s1-main{position:relative;border-radius:var(--sm-radius);overflow:hidden;height:var(--h)}
.sm-s1-main .sm-sl-track{height:100%;position:relative}
.sm-s1-main .sm-sl-item{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .6s ease;pointer-events:none}
.sm-s1-main .sm-sl-item.is-active{opacity:1;pointer-events:auto}
.sm-s1-side{display:grid;grid-template-rows:1fr 1fr;gap:var(--sm-gap);height:var(--h)}
.sm-s1-card{position:relative;border-radius:var(--sm-radius);overflow:hidden}
.sm-s1-card a{display:block;width:100%;height:100%}
.sm-s1-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.sm-s1-card:hover img{transform:scale(1.06)}
.sm-s1-title{font-family:var(--sm-font-head);font-weight:700;font-size:15.5px;line-height:1.55;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sm-s1-card .sm-sl-body{padding:12px 14px;gap:6px}

/* s2 زجاجي */
.sm-s2{position:relative;border-radius:var(--sm-radius);overflow:hidden;height:var(--h)}
.sm-s2 .sm-sl-track{height:100%;position:relative}
.sm-s2 .sm-sl-item{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .6s;pointer-events:none}
.sm-s2 .sm-sl-item.is-active{opacity:1;pointer-events:auto}
.sm-s2-glass{position:absolute;inset-inline:24px;bottom:26px;background:rgba(20,24,32,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px 20px;color:#fff;display:flex;flex-direction:column;gap:8px;max-width:640px}
.sm-s2 .sm-sl-title{font-size:clamp(17px,2.2vw,25px)}

/* s3 كاروسيل بطاقات */
.sm-s3{position:relative}
.sm-s3 .sm-sl-track{gap:var(--sm-gap);transition:transform .5s cubic-bezier(.4,0,.2,1)}
.sm-s3-card{background:var(--sm-card-bg);border-radius:var(--sm-radius);overflow:hidden;box-shadow:var(--sm-shadow);display:flex;flex-direction:column}
.sm-s3-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.sm-s3-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sm-s3-card:hover .sm-s3-img img{transform:scale(1.06)}
.sm-s3-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.sm-s3-title{margin:0;font-size:16px;line-height:1.6}
.sm-s3-title a{color:var(--sm-text)}
.sm-s3-ex{margin:0;font-size:13.5px;color:var(--sm-muted)}
.sm-s3 .sm-sl-arrow{top:40%}
.sm-s3 .sm-sl-dots{position:static;transform:none;justify-content:center;margin-top:12px}
.sm-s3 .sm-sl-dot{background:var(--sm-border)}
.sm-s3 .sm-sl-dot.is-active{background:var(--sm-primary)}

/* s4 كوفرفلو */
.sm-s4{position:relative;padding-block:14px}
.sm-s4 .sm-sl-viewport{overflow:visible;-webkit-mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to left,transparent,#000 8%,#000 92%,transparent)}
.sm-s4 .sm-sl-track{gap:var(--sm-gap);transition:transform .55s cubic-bezier(.4,0,.2,1);perspective:1200px}
.sm-s4-item{height:calc(var(--h) * .8);border-radius:var(--sm-radius);overflow:hidden;transform:scale(.84);opacity:.55;transition:transform .5s ease,opacity .5s ease;box-shadow:var(--sm-shadow)}
.sm-s4-item.is-active{transform:scale(1);opacity:1;box-shadow:0 18px 40px rgba(16,24,40,.28);z-index:3}
.sm-s4 .sm-sl-title{font-size:clamp(16px,1.9vw,22px)}
.sm-s4 .sm-sl-dots{position:static;transform:none;justify-content:center;margin-top:14px}
.sm-s4 .sm-sl-dot{background:var(--sm-border)}
.sm-s4 .sm-sl-dot.is-active{background:var(--sm-primary)}

/* s5 مائل */
.sm-s5{position:relative}
.sm-s5 .sm-sl-track{gap:var(--sm-gap);transition:transform .5s cubic-bezier(.4,0,.2,1)}
.sm-s5-item{height:calc(var(--h) * .62)}
.sm-s5-link{display:grid;grid-template-columns:1.15fr 1fr;height:100%;background:var(--sm-card-bg);border-radius:var(--sm-radius);overflow:hidden;box-shadow:var(--sm-shadow)}
.sm-s5-img{position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
[dir="ltr"] .sm-s5-img{clip-path:polygon(0 0,100% 0,100% 100%,12% 100%)}
.sm-s5-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.sm-s5-item:hover .sm-s5-img img{transform:scale(1.07)}
.sm-s5-body{padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:9px;align-items:flex-start}
.sm-s5-title{font-family:var(--sm-font-head);font-weight:700;font-size:17px;line-height:1.6;color:var(--sm-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sm-s5-body .sm-sl-meta{color:var(--sm-muted);opacity:1}
.sm-s5 .sm-sl-dots{position:static;transform:none;justify-content:center;margin-top:12px}
.sm-s5 .sm-sl-dot{background:var(--sm-border)}
.sm-s5 .sm-sl-dot.is-active{background:var(--sm-primary)}

/* s6 فسيفساء متغيّرة */
.sm-s6{position:relative;height:var(--h)}
.sm-s6 .sm-sl-track{height:100%;position:relative;display:block}
.sm-s6-set{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none}
.sm-s6-set.is-active{opacity:1;pointer-events:auto}
.sm-s6 .sm-mosaic{height:100%;grid-template-rows:repeat(2,1fr)}
.sm-s6 .sm-sl-dots{bottom:-26px}
.sm-s6 .sm-sl-dot{background:var(--sm-border)}
.sm-s6 .sm-sl-dot.is-active{background:var(--sm-primary)}

/* s7 مصغّرات جانبية */
.sm-s7{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:var(--sm-gap);height:var(--h)}
.sm-s7-stage{position:relative;border-radius:var(--sm-radius);overflow:hidden}
.sm-s7-stage .sm-sl-track{height:100%;position:relative}
.sm-s7 .sm-sl-item{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .55s;pointer-events:none}
.sm-s7 .sm-sl-item.is-active{opacity:1;pointer-events:auto}
.sm-s7-thumbs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin}
.sm-s7-thumb{display:flex;align-items:center;gap:9px;padding:6px;border-radius:9px;background:var(--sm-card-bg);text-align:start;transition:.2s;box-shadow:var(--sm-shadow);flex:1}
.sm-s7-thumb img{width:70px;height:48px;object-fit:cover;border-radius:6px;flex:0 0 auto}
.sm-s7-thumb-t{font-size:13px;font-weight:600;line-height:1.5;color:var(--sm-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sm-s7-thumb.is-active{background:var(--sm-primary);color:#fff}
.sm-s7-thumb.is-active .sm-s7-thumb-t{color:#fff}

/* s8 بورتريه */
.sm-s8{position:relative}
.sm-s8 .sm-sl-track{gap:var(--sm-gap);transition:transform .5s cubic-bezier(.4,0,.2,1)}
.sm-s8-item{height:calc(var(--h) * .95);border-radius:var(--sm-radius);overflow:hidden;box-shadow:var(--sm-shadow)}
.sm-s8-item img{transition:transform .5s}
.sm-s8-item:hover img{transform:scale(1.05)}
.sm-s8-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.15) 60%,transparent)}
.sm-s8-title{font-family:var(--sm-font-head);font-weight:700;font-size:16px;line-height:1.55;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sm-s8 .sm-sl-body{padding:14px}
.sm-s8 .sm-sl-dots{position:static;transform:none;justify-content:center;margin-top:12px}
.sm-s8 .sm-sl-dot{background:var(--sm-border)}
.sm-s8 .sm-sl-dot.is-active{background:var(--sm-primary)}

/* s9 غلاف ملوّن */
.sm-s9{position:relative;border-radius:var(--sm-radius);overflow:hidden;height:var(--h)}
.sm-s9 .sm-sl-track{height:100%;position:relative}
.sm-s9-item{position:absolute;inset:0;width:100%;opacity:0;transition:opacity .7s;pointer-events:none}
.sm-s9-item.is-active{opacity:1;pointer-events:auto}
.sm-s9-wash{position:absolute;inset:0;background:linear-gradient(115deg,var(--sm-cat,var(--sm-primary)) 0%,rgba(0,0,0,.72) 55%,rgba(0,0,0,.35) 100%);mix-blend-mode:multiply}
.sm-s9-num{position:absolute;inset-inline-end:18px;top:8px;font-family:var(--sm-font-head);font-size:clamp(64px,10vw,130px);font-weight:900;color:rgba(255,255,255,.14);line-height:1;z-index:2}
.sm-s9-body{position:absolute;inset-inline:0;bottom:0;padding:26px;color:#fff;display:flex;flex-direction:column;gap:10px;z-index:3;max-width:760px}

/* s10 مكدّس */
.sm-s10{position:relative;height:var(--h)}
.sm-sl-stage{position:relative;width:100%;height:100%;perspective:1400px}
.sm-s10 .sm-sl-track{position:relative;width:100%;height:100%;display:block}
.sm-s10-item{position:absolute;inset:0;border-radius:var(--sm-radius);overflow:hidden;box-shadow:0 14px 36px rgba(16,24,40,.26);transform:translateY(34px) scale(.88);opacity:0;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .5s}
.sm-s10-item.is-active{transform:none;opacity:1;z-index:5}
.sm-s10-item.is-next{transform:translateY(18px) scale(.95);opacity:.65;z-index:4}
.sm-s10-item.is-next2{transform:translateY(34px) scale(.9);opacity:.35;z-index:3}

/* --- 10. المقال --------------------------------------------------------- */
.sm-progress{position:fixed;top:0;inset-inline:0;height:3px;background:transparent;z-index:200}
.sm-progress span{display:block;height:100%;width:0;background:var(--sm-accent);transition:width .1s linear}

.sm-single{background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);overflow:hidden;margin-bottom:var(--sm-gap)}
.sm-single-head{position:relative}
.sm-sh-inner{padding:20px 24px 14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.sm-single-title{margin:0;font-size:clamp(22px,3vw,34px);line-height:1.5}
.sm-single-sub{margin:0;font-size:16px;color:var(--sm-muted);line-height:1.8}
.sm-single-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:13.5px;color:var(--sm-muted);padding-top:10px;border-top:1px solid var(--sm-border);width:100%}
.sm-sm-i{display:inline-flex;align-items:center;gap:5px}
.sm-sm-i a{color:var(--sm-muted)}
.sm-sm-i a:hover{color:var(--sm-primary)}
.sm-ago{background:var(--sm-accent-10);color:var(--sm-accent);padding:2px 10px;border-radius:20px;font-size:12.5px;font-weight:600}
.sm-sh-fig{margin:0}
.sm-sh-fig img{width:100%;height:auto}
.sm-sh-fig figcaption{padding:8px 24px;font-size:13px;color:var(--sm-muted);background:var(--sm-page-bg)}

/* h2 صندوق زجاجي فوق الصورة */
.sm-sh-h2{position:relative;min-height:380px;display:flex;align-items:flex-end}
.sm-sh-h2 .sm-sh-media{position:absolute;inset:0}
.sm-sh-h2 .sm-sh-media img{width:100%;height:100%;object-fit:cover}
.sm-sh-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.25) 60%,rgba(0,0,0,.1))}
.sm-sh-h2 .sm-sh-inner{position:relative;z-index:2;color:#fff;padding:26px}
.sm-sh-h2 .sm-single-title,.sm-sh-h2 .sm-single-sub{color:#fff}
.sm-sh-h2 .sm-single-meta{color:rgba(255,255,255,.85);border-top-color:rgba(255,255,255,.25)}
.sm-sh-h2 .sm-sm-i a{color:rgba(255,255,255,.85)}

/* h3 صورة بعرض الشاشة */
.sm-sh-h3 .sm-sh-media{position:relative;height:clamp(230px,42vw,460px)}
.sm-sh-h3 .sm-sh-media img{width:100%;height:100%;object-fit:cover}
.sm-sh-h3 .sm-sh-veil{background:linear-gradient(to top,rgba(0,0,0,.35),transparent 45%)}

/* h4 وسط */
.sm-sh-h4 .sm-sh-inner{align-items:center;text-align:center}
.sm-sh-h4 .sm-single-meta{justify-content:center}

/* h5 صورة بجانب العنوان */
.sm-sh-h5{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.sm-sh-h5 .sm-sh-fig{height:100%}
.sm-sh-h5 .sm-sh-fig img{height:100%;object-fit:cover}

.sm-entry{padding:18px 24px 24px;font-size:var(--sm-single-fs,18px);line-height:var(--sm-single-lh,2)}
.sm-entry > *:first-child{margin-top:0}
.sm-entry h2{font-size:1.34em;margin:1.4em 0 .6em}
.sm-entry h3{font-size:1.18em;margin:1.3em 0 .55em}
.sm-entry img{border-radius:var(--sm-radius);margin-block:14px}
.sm-entry figure{margin:18px 0}
.sm-entry figcaption{font-size:13.5px;color:var(--sm-muted);text-align:center;margin-top:6px}
.sm-entry blockquote{margin:20px 0;padding:14px 18px;border-inline-start:4px solid var(--sm-primary);background:var(--sm-primary-10);border-radius:0 var(--sm-radius) var(--sm-radius) 0;font-size:1.02em}
.sm-entry ul,.sm-entry ol{padding-inline-start:24px;margin:0 0 1em}
.sm-entry li{margin-bottom:.4em}
.sm-entry a{color:var(--sm-primary);text-decoration:underline;text-underline-offset:3px}
.sm-entry table{width:100%;border-collapse:collapse;margin:16px 0;display:block;overflow-x:auto}
.sm-entry th,.sm-entry td{border:1px solid var(--sm-border);padding:9px 12px;text-align:start}
.sm-entry th{background:var(--sm-primary-10)}
.sm-entry iframe{max-width:100%;border-radius:var(--sm-radius)}
.sm-linkpages{padding:0 24px 18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.sm-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 24px 16px;color:var(--sm-muted)}
.sm-tags a{background:var(--sm-page-bg);border:1px solid var(--sm-border);padding:4px 12px;border-radius:20px;font-size:13px;color:var(--sm-text)}
.sm-tags a:hover{background:var(--sm-primary);color:#fff;border-color:transparent}

.sm-share{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:14px 24px}
.sm-share-top{border-bottom:1px solid var(--sm-border)}
.sm-share-bottom{border-top:1px solid var(--sm-border)}
.sm-share-l{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--sm-muted);margin-inline-end:6px}
.sm-share-b{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--sm-page-bg);color:var(--sm-text);border:1px solid var(--sm-border);transition:.2s}
.sm-share-b:hover{transform:translateY(-2px);color:#fff}
.sm-share-b.sm-soc-facebook:hover{background:#1877f2;border-color:#1877f2}
.sm-share-b.sm-soc-x:hover{background:#000;border-color:#000}
.sm-share-b.sm-soc-whatsapp:hover{background:#25d366;border-color:#25d366}
.sm-share-b.sm-soc-telegram:hover{background:#229ed9;border-color:#229ed9}
.sm-share-b.sm-soc-linkedin:hover{background:#0a66c2;border-color:#0a66c2}
.sm-share-b.sm-soc-mail:hover,.sm-copy-link:hover{background:var(--sm-primary);border-color:var(--sm-primary)}
.sm-copy-link.is-done{background:#16a34a;border-color:#16a34a;color:#fff}

.sm-share-mobile{display:none;position:fixed;bottom:0;inset-inline:0;z-index:90;background:var(--sm-card-bg);border-top:1px solid var(--sm-border);padding:8px}
.sm-share-mobile a{flex:1;height:38px;display:grid;place-items:center;border-radius:8px;color:#fff}
.sm-share-mobile .sm-soc-facebook{background:#1877f2}
.sm-share-mobile .sm-soc-x{background:#000}
.sm-share-mobile .sm-soc-whatsapp{background:#25d366}
.sm-share-mobile .sm-soc-telegram{background:#229ed9}
.sm-share-mobile .sm-soc-linkedin{background:#0a66c2}

.sm-authorbox{display:flex;gap:14px;margin:0 24px 22px;padding:16px;background:var(--sm-page-bg);border-radius:var(--sm-radius)}
.sm-authorbox img{border-radius:50%}
.sm-authorbox h3{margin:0 0 4px;font-size:16px}
.sm-authorbox p{margin:0;font-size:14px;color:var(--sm-muted)}

.sm-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:var(--sm-gap);margin-bottom:var(--sm-gap)}
.sm-pn{background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:.2s}
.sm-pn:hover{transform:translateY(-2px)}
.sm-pn-l{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--sm-muted)}
.sm-pn-t{font-family:var(--sm-font-head);font-weight:700;font-size:15px;line-height:1.55;color:var(--sm-text)}
.sm-pn-next{text-align:end}
.sm-pn-next .sm-pn-l{justify-content:flex-end}

.sm-related{margin-bottom:var(--sm-gap)}
.sm-after-single{margin-bottom:var(--sm-gap)}

/* التعليقات */
.sm-comments{background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:20px 24px;margin-bottom:var(--sm-gap)}
.sm-comments-title{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:16px}
.sm-commentlist{list-style:none}
.sm-commentlist ol{list-style:none;padding-inline-start:24px}
.sm-commentlist .comment-body{padding:14px 0;border-bottom:1px dashed var(--sm-border)}
.sm-commentlist .comment-author img{border-radius:50%;float:inline-start;margin-inline-end:10px}
.sm-comments input[type=text],.sm-comments input[type=email],.sm-comments input[type=url],.sm-comments textarea{width:100%;padding:10px 12px;border:1px solid var(--sm-border);border-radius:8px;background:var(--sm-page-bg);margin-top:4px}
.sm-comments .submit,.sm-btn{background:var(--sm-primary);color:#fff;padding:10px 24px;border-radius:8px;font-weight:700;cursor:pointer}

/* --- 11. الأرشيف -------------------------------------------------------- */
.sm-archead{margin-bottom:18px}
.sm-archead-t{margin:0;font-size:clamp(20px,2.6vw,28px);display:flex;align-items:center;gap:8px}
.sm-archead-t em{font-style:normal;color:var(--sm-accent)}
.sm-archead-d{color:var(--sm-muted);font-size:14.5px;margin-top:8px}
.sm-archead-c{display:inline-block;margin-top:6px;font-size:13px;color:var(--sm-muted)}
.sm-archead-a2{background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);padding:18px 20px;border-inline-start:5px solid var(--sm-cat,var(--sm-primary))}
.sm-archead-a3{background:linear-gradient(120deg,var(--sm-cat,var(--sm-primary)),var(--sm-secondary));border-radius:var(--sm-radius);padding:26px 22px;color:#fff}
.sm-archead-a3 .sm-archead-t,.sm-archead-a3 .sm-archead-d,.sm-archead-a3 .sm-archead-c{color:#fff}

.sm-pagenav{margin:26px 0 10px}
.sm-pagenav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.sm-pagenav .page-numbers{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:8px;background:var(--sm-card-bg);box-shadow:var(--sm-shadow);color:var(--sm-text);font-weight:600}
.sm-pagenav .page-numbers.current{background:var(--sm-primary);color:#fff}
.sm-pagenav .page-numbers:hover{background:var(--sm-primary);color:#fff}
.sm-pagenav-simple{display:flex;justify-content:space-between;gap:10px}
.sm-pagenav-simple a{background:var(--sm-card-bg);padding:10px 18px;border-radius:8px;box-shadow:var(--sm-shadow);display:inline-flex;align-items:center;gap:6px}

.sm-empty{text-align:center;padding:50px 20px;background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);color:var(--sm-muted)}
.sm-empty h2{margin:12px 0 6px;color:var(--sm-text)}
.sm-empty form{max-width:340px;margin:16px auto 0}

.sm-404{text-align:center;padding:40px 20px;background:var(--sm-card-bg);border-radius:var(--sm-radius);box-shadow:var(--sm-shadow);margin-bottom:var(--sm-gap)}
.sm-404-num{font-family:var(--sm-font-head);font-size:clamp(70px,13vw,130px);font-weight:900;color:var(--sm-primary);opacity:.18;line-height:1;display:block}
.sm-404 h1{margin:-14px 0 8px;font-size:26px}
.sm-404 p{color:var(--sm-muted)}
.sm-404 form{max-width:340px;margin:16px auto}
.sm-404-btn{display:inline-block;background:var(--sm-primary);color:#fff;padding:11px 26px;border-radius:8px;font-weight:700}
.sm-404-btn:hover{color:#fff;background:var(--sm-primary-dk)}

.sm-searchform{display:flex;gap:0;border:1px solid var(--sm-border);border-radius:26px;overflow:hidden;background:var(--sm-card-bg)}
.sm-searchform input{flex:1;border:0;background:transparent;padding:10px 16px;outline:none;min-width:0}
.sm-searchform button{width:46px;display:grid;place-items:center;background:var(--sm-primary);color:#fff}

/* --- 12. الشريط الجانبي والودجات ---------------------------------------- */
.sm-widget-title{margin:0 0 12px;font-size:17px;position:relative;padding-inline-start:11px}
.sm-widget-title::before{content:"";position:absolute;inset-inline-start:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--sm-primary)}
.sm-widget ul{list-style:none}
.sm-widget li{padding:7px 0;border-bottom:1px dashed var(--sm-border)}
.sm-widget li:last-child{border-bottom:0}
.sm-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.sm-social-grid .sm-soc{width:auto;height:auto;display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--sm-page-bg);border-radius:8px;font-size:13.5px;font-weight:600}
.sm-social-grid .sm-soc em{font-style:normal}

/* --- 13. الفوتر --------------------------------------------------------- */
.sm-footer{background:var(--sm-footer-bg);color:var(--sm-footer-color);margin-top:auto}
.sm-footer a{color:var(--sm-footer-color)}
.sm-footer a:hover{color:#fff}
.sm-footer-top{padding-block:var(--sm-footer-pad,34px)}
.sm-footer-cols{display:grid;grid-template-columns:repeat(var(--sm-fcols,3),minmax(0,1fr));gap:calc(var(--sm-gap) * 1.4)}
.sm-fcol-title{margin:0 0 14px;font-size:17px;color:var(--sm-footer-title);position:relative;padding-bottom:9px}
.sm-fcol-title::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:46px;height:3px;background:var(--sm-footer-accent)}
.sm-flist{display:flex;flex-direction:column;gap:12px}
.sm-fli{display:flex;gap:10px;align-items:flex-start}
.sm-fli-img{flex:0 0 76px;width:76px;aspect-ratio:16/11;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.08)}
.sm-fli-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.sm-fli:hover .sm-fli-img img{transform:scale(1.07)}
.sm-fli-b{min-width:0}
.sm-fli-b h4{margin:0 0 4px;font-size:14px;line-height:1.6;font-weight:600}
.sm-fli-d{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;opacity:.72}
.sm-fabout{font-size:14px;line-height:1.9;opacity:.9}

.sm-footer-bottom{background:var(--sm-footer-bottom-bg);border-top:1px solid rgba(255,255,255,.08)}
.sm-fbottom-in{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:14px}
.sm-fbottom-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.sm-flogo .sm-logo-img{width:var(--sm-footer-logo-w,150px);height:auto}
.sm-copy{margin:0;font-size:13.5px;opacity:.85}
.sm-fbottom-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sm-fmenu{list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.sm-fmenu li a{display:block;padding:4px 10px;font-size:13.5px;opacity:.85}
.sm-fmenu li a:hover{opacity:1}
.sm-fsocial .sm-soc{width:28px;height:28px}

.sm-totop{position:fixed;inset-inline-end:18px;bottom:22px;width:42px;height:42px;border-radius:50%;background:var(--sm-primary);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(16,24,40,.28);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:95}
.sm-totop.is-on{opacity:1;visibility:visible;transform:none}

/* --- 14. قائمة الجوال وطبقة البحث --------------------------------------- */
.sm-backdrop{position:fixed;inset:0;background:rgba(10,14,20,.55);z-index:150;opacity:0;transition:opacity .25s}
.sm-backdrop.is-on{opacity:1}
.sm-mmenu{position:fixed;top:0;inset-inline-start:0;width:min(320px,86vw);height:100%;background:var(--sm-mmenu-bg);color:#fff;z-index:160;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}
[dir="rtl"] .sm-mmenu{transform:translateX(100%)}
.sm-mmenu.is-on{transform:none !important}
.sm-mmenu-full{width:100%;max-width:100%}
.sm-mmenu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.14)}
.sm-mmenu-head .sm-logo-text{color:#fff;font-size:20px}
.sm-mmenu-head .sm-logo-img{width:130px}
.sm-mmenu-close{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.12);color:#fff}
.sm-mmenu-body{padding:12px 10px 30px}
.sm-mmenu-list{list-style:none}
.sm-mmenu-list li a{display:block;padding:11px 12px;border-radius:8px;color:#fff;font-size:15.5px;font-weight:600}
.sm-mmenu-list li a:hover{background:rgba(255,255,255,.12);color:#fff}
.sm-mmenu-list .sub-menu{list-style:none;padding-inline-start:14px;opacity:.85}
.sm-mmenu-list .sub-menu a{font-size:14px;font-weight:500;padding:8px 12px}
.sm-mmenu-list.is-pages{border-top:1px solid rgba(255,255,255,.14);margin-top:10px;padding-top:10px}
.sm-mmenu-list.is-pages a{font-size:14px;font-weight:500;opacity:.9}
.sm-mmenu-social{padding:14px 12px 0;border-top:1px solid rgba(255,255,255,.14);margin-top:12px}
.sm-mmenu-social .sm-soc{background:rgba(255,255,255,.12);color:#fff}

.sm-searchlayer{position:fixed;inset:0;background:rgba(12,16,22,.96);z-index:170;display:flex;align-items:center;justify-content:center;padding:20px}
.sm-searchlayer form{display:flex;width:min(620px,94%);border-bottom:2px solid rgba(255,255,255,.35);padding-bottom:8px}
.sm-searchlayer input{flex:1;background:transparent;border:0;outline:none;color:#fff;font-size:clamp(18px,3vw,26px);padding:8px 4px}
.sm-searchlayer input::placeholder{color:rgba(255,255,255,.45)}
.sm-searchlayer button[type=submit]{color:#fff;padding:0 10px}
.sm-searchlayer-close{position:absolute;top:20px;inset-inline-end:22px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}

.sm-mobbar{display:none;position:fixed;bottom:0;inset-inline:0;z-index:88;background:var(--sm-card-bg);border-top:1px solid var(--sm-border);padding:6px 4px;box-shadow:0 -3px 14px rgba(16,24,40,.1)}
.sm-mobbar a,.sm-mobbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--sm-muted);padding:4px 0}
.sm-mobbar a:hover,.sm-mobbar button:hover{color:var(--sm-primary)}

/* --- 15. التجاوب -------------------------------------------------------- */
@media (max-width:1100px){
	.sm-layout.has-sidebar{grid-template-columns:minmax(0,1fr) 290px}
	.sm-s7{grid-template-columns:minmax(0,1fr) 200px}
	.sm-slider-wrap.has-side{grid-template-columns:minmax(0,1fr) 280px}
}

@media (max-width:980px){
	.sm-layout.has-sidebar{grid-template-columns:1fr}
	.sm-sidebar{order:2}
	.sm-slider-wrap.has-side{grid-template-columns:1fr}
	.sm-mag{grid-template-columns:1fr}
	.sm-s1{grid-template-columns:1fr}
	.sm-s1-side{grid-template-rows:1fr;grid-template-columns:1fr 1fr;height:150px}
	.sm-s7{grid-template-columns:1fr;height:auto}
	.sm-s7-stage{height:var(--h)}
	.sm-s7-thumbs{flex-direction:row;overflow-x:auto}
	.sm-s7-thumb{flex:0 0 200px}
	.sm-mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(120px,1fr))}
	.sm-mo-1{grid-column:span 2;grid-row:span 1}
	.sm-grid{--sm-cols:2 !important}
	.sm-portraits{--sm-cols:3 !important}
	.sm-prevnext{grid-template-columns:1fr}
}

@media (max-width:782px){
	body.sm-body{font-size:var(--sm-fs-mob,15px)}
	.sm-hide-mob{display:none !important}
	.sm-header-in{min-height:var(--sm-header-h-mob,70px);gap:10px}
	.sm-logo-img{width:var(--sm-logo-w-mob,150px)}
	.sm-logo-text{font-size:21px}
	.sm-burger{display:flex}
	.sm-header-side{display:none}
	.sm-header-mobtools{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
	.sm-header-mobtools .sm-searchbtn{color:var(--sm-text)}
	.sm-hs-s2 .sm-header-in{flex-direction:row;text-align:start}
	.sm-navwrap{display:none}
	.sm-mobcats{display:block}
	.sm-mobbar{display:flex}
	.sm-site{padding-bottom:58px}
	.sm-ticker-in{height:40px}
	.sm-ticker-view{height:40px}
	.sm-ticker-label{font-size:12.5px;padding:0 10px;height:26px}
	.sm-slider{--h:var(--sm-slider-h-mob,260px)}
	.sm-s1-side{display:none}
	.sm-s4-item,.sm-s5-item,.sm-s8-item{height:var(--h)}
	.sm-s2-glass{inset-inline:12px;bottom:14px;padding:12px 14px}
	.sm-sl-body{padding:14px}
	.sm-sl-title{font-size:clamp(15px,4.4vw,20px)}
	.sm-sl-arrow{width:34px;height:34px}
	.sm-entry{padding:14px 16px 20px}
	.sm-sh-inner{padding:16px}
	.sm-share{padding:12px 16px}
	.sm-tags{padding:0 16px 14px}
	.sm-single-meta{gap:10px;font-size:12.5px}
	.sm-footer-cols{grid-template-columns:1fr !important;gap:22px}
	.sm-fbottom-in{flex-direction:column;text-align:center;gap:12px}
	.sm-fbottom-right,.sm-fbottom-left{justify-content:center}
	.sm-totop{bottom:68px;inset-inline-end:12px;width:38px;height:38px}
	.sm-tl-item{grid-template-columns:54px 16px 1fr;gap:8px}
	.sm-tl-img{display:none}
	.sm-timeline::before{inset-inline-start:62px}
	.sm-strip-item{flex:0 0 62%}
	.sm-strip-nav{display:none}
	.sm-comments{padding:16px}
}

@media (max-width:560px){
	.sm-grid{--sm-cols:1 !important}
	.sm-portraits{--sm-cols:2 !important}
	.sm-mosaic{grid-template-columns:1fr;grid-template-rows:auto}
	.sm-mo{aspect-ratio:16/10}
	.sm-mo-1{grid-column:span 1}
	.sm-s6{height:auto}
	.sm-s6-set{position:relative}
	.sm-s6-set:not(.is-active){display:none}
	.sm-sh-h5{grid-template-columns:1fr}
	.sm-share-mobile{display:flex;gap:6px}
	.sm-site{padding-bottom:112px}
	.sm-li-img{flex-basis:80px;width:80px}
}

/* --- 16. الوضع الليلي ---------------------------------------------------- */
[data-sm-theme="dark"] body.sm-body,[data-sm-theme="dark"] .sm-card,[data-sm-theme="dark"] .sm-single{color:var(--sm-text)}
[data-sm-theme="dark"] .sm-mobcat{background:var(--sm-card-bg);color:var(--sm-text)}
[data-sm-theme="dark"] .sm-burger span{background:var(--sm-text)}
[data-sm-theme="dark"] .sm-sl-arrow{background:rgba(26,32,39,.92);color:#fff}
[data-sm-theme="dark"] .sm-titlestyle-t6 .sm-sectitle-t,[data-sm-theme="dark"] .sm-titlestyle-t6 .sm-more{background:var(--sm-page-bg)}

/* --- 17. طباعة ---------------------------------------------------------- */
@media print{
	.sm-header,.sm-navwrap,.sm-ticker,.sm-footer,.sm-share,.sm-related,.sm-totop,.sm-mobbar,.sm-mobcats,.sm-prevnext{display:none !important}
	.sm-single{box-shadow:none}
	body.sm-body{background:#fff}
}

/* --- 18. تقليل الحركة ---------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* --- 19. عرض الهيدر المضموم (بمحاذاة السلايدر والمحتوى) ------------------ */
.sm-hw-boxed .sm-header-main,
.sm-hw-boxed-all .sm-header-main,
.sm-hw-boxed-all .sm-topbar,
.sm-hw-boxed-all .sm-nav{
	width:calc(var(--sm-container-w) - 24px);
	max-width:100%;
	margin-inline:auto;
}
/* في الوضع المضموم البسيط يبقى الهيدر ملتصقاً بالشريطين فوقه وتحته بلا استدارة */
.sm-hw-boxed .sm-header-main{border-radius:0}
/* أما عند ضم الثلاثة معاً فتظهر كصناديق منفصلة باستدارة */
.sm-hw-boxed-all .sm-header-main,
.sm-hw-boxed-all .sm-topbar,
.sm-hw-boxed-all .sm-nav{border-radius:var(--sm-radius)}
.sm-hw-boxed .sm-header-main > .sm-container,
.sm-hw-boxed-all .sm-header-main > .sm-container,
.sm-hw-boxed-all .sm-topbar > .sm-container,
.sm-hw-boxed-all .sm-nav > .sm-container{width:100%;padding-inline:18px}
.sm-hw-boxed-all .sm-nav{overflow:hidden}
.sm-hw-boxed-all .sm-nav > .sm-container{padding-inline:0}
.sm-hw-boxed-all .sm-topbar{margin-top:10px}
.sm-hw-boxed .sm-header-main{margin-top:0}
.sm-hw-boxed-all .sm-header-main{margin-top:8px}
.sm-hw-boxed-all .sm-nav{margin-top:8px}
/* عند تثبيت القائمة تعود بعرض الشاشة حتى لا تقفز أثناء التمرير */
.sm-hw-boxed-all .sm-navwrap.is-stuck .sm-nav{width:100%;border-radius:0;margin-top:0}

/* --- 20. أحجام الخطوط القابلة للتحكم ------------------------------------- */
.sm-sectitle-t{font-size:var(--sm-sec-fs,22px)}
.sm-card-title{font-size:var(--sm-card-fs,18px)}
.sm-li-title,.sm-strip-title,.sm-tl-title,.sm-pt-title,.sm-s3-title{font-size:var(--sm-list-fs,16px)}
.sm-card-lead .sm-card-title{font-size:calc(var(--sm-card-fs,18px) + 5px)}
.sm-card-sm .sm-card-title{font-size:calc(var(--sm-card-fs,18px) - 2px)}
.sm-ov-title,.sm-mo-title,.sm-s1-title,.sm-s8-title,.sm-s5-title{font-size:var(--sm-card-fs,18px)}
.sm-mo-1 .sm-mo-title{font-size:calc(var(--sm-card-fs,18px) + 4px)}
.sm-menu > li > a{font-family:var(--sm-nav-font,var(--sm-font-head));font-weight:var(--sm-nav-weight,700)}
.sm-mobcat{font-size:calc(var(--sm-nav-fs,20px) - 5px);font-family:var(--sm-nav-font,var(--sm-font-head));font-weight:var(--sm-nav-weight,700)}
.sm-topmenu li a{font-family:var(--sm-nav-font,var(--sm-font-head));font-weight:500}
.sm-mmenu-list li a{font-family:var(--sm-nav-font,var(--sm-font-head));font-size:calc(var(--sm-nav-fs,20px) - 3px)}
.sm-fcol-title,.sm-widget-title{font-size:calc(var(--sm-sec-fs,22px) - 4px)}
.sm-fli-b h4{font-size:calc(var(--sm-list-fs,16px) - 1px)}

@media (max-width:782px){
	.sm-hw-boxed .sm-header-main,
	.sm-hw-boxed-all .sm-header-main,
	.sm-hw-boxed-all .sm-topbar,
	.sm-hw-boxed-all .sm-nav{width:100%;border-radius:0;margin-top:0}
	.sm-sectitle-t{font-size:calc(var(--sm-sec-fs,22px) - 3px)}
	.sm-card-title{font-size:calc(var(--sm-card-fs,18px) - 1px)}
}