
.sf-news{box-sizing:border-box;font-family:inherit;background:#0b0b0b;color:#fff;border:1px solid #252525;border-radius:24px;padding:70px 36px 34px;max-width:1320px;margin:24px auto}.sf-news *{box-sizing:border-box}.sf-news [hidden]{display:none!important}.sf-news header{text-align:center;margin-bottom:44px}.sf-news header>span{color:#888;font-size:12px}.sf-news header h2{font-family:inherit;font-size:clamp(28px,4vw,52px);font-weight:700;line-height:1.35;color:white;margin:18px 0}.sf-news header p{font-family:inherit;font-size:16px;color:#aaa;line-height:1.9;margin:0 auto;max-width:650px}.sf-news-tabs{display:flex;justify-content:center;gap:28px;border-bottom:1px solid #292929;margin-bottom:36px;overflow-x:auto}.sf-news .sf-news-tabs button{flex-shrink:0;font-family:inherit;font-size:14px;font-weight:400;color:#aaa;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:14px 2px;cursor:pointer;white-space:nowrap}.sf-news .sf-news-tabs button[aria-pressed="true"]{color:#fff;border-bottom-color:#ff7a18}.sf-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sf-news-card{display:flex;flex-direction:column;overflow:hidden;background:#181818;border:1px solid #2b2b2b;border-radius:20px;color:#fff!important;text-decoration:none!important;transition:transform .25s,border-color .25s;min-width:0}.sf-news-card:hover{transform:translateY(-5px);border-color:#ff7a1877}.sf-news-picture{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 30% 30%,#533322,#171717 75%);overflow:hidden;display:grid;place-items:center}.sf-news-picture>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.sf-news-card:hover img{transform:scale(1.04)}.sf-news-fallback{font:400 54px/1 sans-serif;color:#ff9b52}.sf-news-badge{position:absolute;right:12px;top:12px;max-width:calc(100% - 70px);background:#101010d9;border:1px solid #ffffff25;color:#fff;border-radius:30px;padding:5px 10px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-news-arrow{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;background:#fff;color:#181818;border-radius:50%;font:20px/1 sans-serif}.sf-news-body{padding:22px;flex:1}.sf-news-body time{display:block;color:#929292;font-size:11px;margin-bottom:10px}.sf-news .sf-news-body h3{font-family:inherit;color:#fff;font-size:17px;font-weight:600;line-height:1.6;margin:0}.sf-news-status{text-align:center;color:#aaa;font-size:14px;line-height:1.8}.sf-news-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:30px}.sf-news-footer>a{font-family:inherit;color:#ddd;text-decoration:none;font-size:13px}.sf-news-footer>a span{color:#ff7a18}.sf-news .sf-news-more{font-family:inherit;font-size:13px;color:white;background:#202020;border:1px solid #444;border-radius:10px;padding:10px 20px;cursor:pointer}.sf-news button:focus-visible,.sf-news a:focus-visible{outline:2px solid #ff7a18;outline-offset:4px}.sf-news button:disabled{opacity:.5;cursor:wait}
@media(max-width:1000px){.sf-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sf-news{padding:42px 17px 26px;border-radius:20px}.sf-news header{margin-bottom:26px}.sf-news header p{font-size:14px}.sf-news-tabs{justify-content:flex-start;gap:22px;margin-bottom:26px}.sf-news-grid{grid-template-columns:minmax(0,1fr);gap:22px}.sf-news-body{padding:20px}.sf-news-picture{aspect-ratio:4/3}.sf-news .sf-news-body h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.sf-news-card,.sf-news-picture>img{transition:none}.sf-news-card:hover,.sf-news-card:hover img{transform:none}}

body.shafeq-blog-page{margin:0;background:#050506;color:#f5f5f7;font-family:Cairo,system-ui,sans-serif}
.shafeq-blog-page *{box-sizing:border-box}
.sb-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(20px,5vw,64px);border-bottom:1px solid #ffffff1f;background:#050506}
.sb-header a,.sb-footer a{text-decoration:none;color:inherit}.sb-brand{font-family:"Dancing Script",cursive;font-size:34px;font-weight:700}.sb-desktop{display:flex;gap:32px;font-size:15px;color:#9a9aa2}.sb-header a:hover{color:#fff}.sb-cta{padding:10px 22px;border:1px solid #ffffff1f;border-radius:99px;font-size:14px}
.sb-mobile{display:none;position:relative}.sb-mobile summary{cursor:pointer;list-style:none;padding:10px}.sb-mobile nav{position:absolute;z-index:20;left:0;top:100%;width:180px;padding:16px;background:#141418;border:1px solid #333;border-radius:12px;display:grid;gap:16px}
.sb-footer{padding:32px clamp(20px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff1f;color:#9a9aa2;font-size:13px}
.shafeq-blog-page .sf-news{width:calc(100% - 32px);margin:32px auto 60px}
.sf-news header h1{font-size:clamp(28px,4vw,52px);line-height:1.4;font-weight:800;color:#fff;margin:18px 0}
.sf-news .sf-news-body h2{font-size:17px;line-height:1.6;font-weight:700;margin:0;color:white}
.sf-news-tabs a{padding:14px 2px;border-bottom:2px solid transparent;white-space:nowrap;color:#aaa;text-decoration:none;font-size:14px}
.sf-news-tabs a[aria-current]{color:#fff;border-bottom-color:#fff}
.sf-news .pagination{margin-top:36px}.sf-news .nav-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.sf-news .page-numbers{padding:8px 14px;border:1px solid #333;border-radius:8px;color:white;text-decoration:none}
.sf-news .page-numbers.current{background:#fff;color:#111}
.sb-skip{position:absolute;top:-100px;z-index:100;background:white;color:black;padding:12px}.sb-skip:focus{top:0}
.shafeq-blog-page a:focus-visible,.shafeq-blog-page summary:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:700px){.sb-desktop,.sb-cta{display:none}.sb-mobile{display:block}.sb-header{padding:16px 22px}.sf-news header h1{font-size:30px}.sb-footer{justify-content:center;text-align:center}}

