.alshafie-hub-root, .alshafie-hub-root * { box-sizing:border-box; }
html.alshafie-hub-page, body.alshafie-hub-page {
  margin:0 !important; padding:0 !important; background:#0a0a0f !important; overflow-x:hidden !important; max-width:100% !important;
}
.alshafie-hub-page header.site-header,
.alshafie-hub-page footer.site-footer,
.alshafie-hub-page #masthead,
.alshafie-hub-page #colophon,
.alshafie-hub-page .entry-header,
.alshafie-hub-page .page-header,
.alshafie-hub-page .site-footer,
.alshafie-hub-page .site-header { display:none !important; }
.alshafie-hub-page #page,
.alshafie-hub-page .site,
.alshafie-hub-page .site-content,
.alshafie-hub-page .content-area,
.alshafie-hub-page article,
.alshafie-hub-page main,
.alshafie-hub-page .entry-content,
.alshafie-hub-page .wp-site-blocks {
  max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important; background:transparent !important; overflow-x:hidden !important;
}
.alshafie-hub-root {
  width:100%; max-width:100%; color:#fff; overflow-x:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.alshafie-hub-root .page {
  width:min(100%, 1220px); max-width:1220px; margin:0 auto; padding:28px 20px 48px;
  background:#0a0a0f;
  background-image:radial-gradient(circle at top, rgba(255,255,255,.06), transparent 30%), radial-gradient(circle at bottom right, rgba(156,163,175,.14), transparent 28%);
  overflow-x:hidden;
}
.alshafie-hub-root .hero-shell,
.alshafie-hub-root .footer {
  border-radius:30px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04);
  box-shadow:0 22px 70px rgba(0,0,0,.24); backdrop-filter:blur(18px); overflow:hidden;
}
.alshafie-hub-root .hero-shell { margin-bottom:34px; }
.alshafie-hub-root .topbar { padding:22px 20px; border-bottom:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(12,12,18,.82), rgba(12,12,18,.66)); }
.alshafie-hub-root .topbar-inner,
.alshafie-hub-root .hero-content { max-width:760px; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center; gap:18px; }
.alshafie-hub-root .hero-content { padding:34px 20px 38px; }
.alshafie-hub-root .brand-pill,
.alshafie-hub-root .tabs-wrap,
.alshafie-hub-root .section-count,
.alshafie-hub-root .count-pill,
.alshafie-hub-root .item-id,
.alshafie-hub-root .video-tag span {
  border-radius:999px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05);
}
.alshafie-hub-root .brand-pill { display:flex; align-items:center; gap:12px; padding:10px 16px; }
.alshafie-hub-root .brand-pill img,
.alshafie-hub-root .brand-fallback { width:46px; height:46px; border-radius:999px; border:1px solid rgba(255,255,255,.10); box-shadow:0 10px 30px rgba(0,0,0,.26); }
.alshafie-hub-root .brand-fallback { display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.08); font-weight:700; }
.alshafie-hub-root .brand-pill span { font-size:14px; font-weight:600; color:rgba(255,255,255,.96); }
.alshafie-hub-root .tabs-wrap { padding:6px; }
.alshafie-hub-root .tabs { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.alshafie-hub-root .tab-btn,
.alshafie-hub-root .btn,
.alshafie-hub-root .icon-btn,
.alshafie-hub-root .search-btn,
.alshafie-hub-root .close-btn,
.alshafie-hub-root .slider-nav,
.alshafie-hub-root .slider-dot,
.alshafie-hub-root .card { transition:.22s ease; }
.alshafie-hub-root .tab-btn {
  appearance:none; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.05); color:#fff; border-radius:999px; padding:11px 18px; font-size:14px; cursor:pointer;
}
.alshafie-hub-root .tab-btn.active, .alshafie-hub-root .tab-btn:hover { background:rgba(255,255,255,.13); }
.alshafie-hub-root .socials { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; }
.alshafie-hub-root .icon-btn {
  width:44px; height:44px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; color:rgba(255,255,255,.84);
  border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.08);
}
.alshafie-hub-root .icon-btn:hover { transform:translateY(-2px); background:rgba(255,255,255,.14); }
.alshafie-hub-root .icon-btn svg, .alshafie-hub-root .search-field svg { width:18px; height:18px; }
.alshafie-hub-root .hero-title { margin:0; font-size:clamp(34px, 6vw, 58px); font-weight:650; letter-spacing:-.04em; color:rgba(255,255,255,.9); }
.alshafie-hub-root .hero-subtitle { margin:0; font-size:clamp(18px, 2vw, 20px); color:rgba(255,255,255,.56); }
.alshafie-hub-root .search-row { width:100%; display:flex; justify-content:center; }
.alshafie-hub-root .search-inner { width:100%; max-width:680px; display:flex; align-items:center; gap:12px; justify-content:center; }
.alshafie-hub-root .search-field { position:relative; flex:1; min-width:0; }
.alshafie-hub-root .search-field svg { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.34); pointer-events:none; }
.alshafie-hub-root .search-input { width:100%; border-radius:20px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(180deg, rgba(0,0,0,.28), rgba(255,255,255,.03)); color:#fff; padding:17px 18px 17px 44px; font-size:18px; outline:none; text-align:center; }
.alshafie-hub-root .search-input::placeholder { color:rgba(255,255,255,.34); }
.alshafie-hub-root .search-input:focus { border-color:rgba(255,255,255,.18); box-shadow:0 0 0 4px rgba(255,255,255,.04),0 0 28px rgba(255,255,255,.08); }
.alshafie-hub-root .search-btn { border:none; border-radius:20px; padding:17px 24px; min-width:160px; font-size:14px; font-weight:600; cursor:pointer; color:#fff; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08)); border:1px solid rgba(255,255,255,.12); }
.alshafie-hub-root .search-btn:hover { background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.1)); }
.alshafie-hub-root .exact-match { display:none; width:100%; max-width:680px; margin:0 auto; padding:16px; border-radius:18px; border:1px solid rgba(52,211,153,.24); background:rgba(52,211,153,.10); text-align:left; }
.alshafie-hub-root .exact-match .label { font-size:11px; text-transform:uppercase; letter-spacing:.18em; color:rgba(110,231,183,.88); }
.alshafie-hub-root .exact-match .title { margin-top:6px; font-size:18px; font-weight:600; }
.alshafie-hub-root .exact-match .type { margin-top:4px; color:rgba(255,255,255,.65); }
.alshafie-hub-root .section {
  margin:0 auto 38px; max-width:980px; width:100%; content-visibility:auto; contain-intrinsic-size: 900px;
}
.alshafie-hub-root .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.alshafie-hub-root .section-head h2 { margin:4px 0 0; font-size:clamp(28px, 4vw, 44px); font-weight:650; letter-spacing:-.03em; }
.alshafie-hub-root .section-head p { margin:8px 0 0; font-size:14px; color:rgba(255,255,255,.56); }
.alshafie-hub-root .section-num { font-size:15px; }
.alshafie-hub-root .num-cyan{color:rgba(103,232,249,.95)} .alshafie-hub-root .num-gray{color:rgba(209,213,219,.95)} .alshafie-hub-root .num-emerald{color:rgba(110,231,183,.95)}
.alshafie-hub-root .section-count { padding:10px 14px; color:rgba(255,255,255,.64); white-space:nowrap; font-size:13px; }
.alshafie-hub-root .slider-shell { max-width:500px; margin:0 auto; width:100%; }
.alshafie-hub-root .grid[data-slider-track] {
  display:flex; width:100%; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scrollbar-width:none; gap:0;
}
.alshafie-hub-root .grid[data-slider-track]::-webkit-scrollbar { display:none; }
.alshafie-hub-root .slider-page {
  flex:0 0 100%; width:100%; scroll-snap-align:start; display:grid; grid-template-columns:1fr; gap:16px; padding:2px 3px 4px;
}
.alshafie-hub-root .card {
  width:100%; max-width:100%; margin:0 auto; position:relative; overflow:hidden; cursor:pointer; border-radius:28px;
  border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:0 18px 54px rgba(0,0,0,.22); backdrop-filter:blur(14px); content-visibility:auto; contain-intrinsic-size: 460px;
}
.alshafie-hub-root .card:hover { transform:translateY(-3px); box-shadow:0 22px 64px rgba(0,0,0,.28); }
.alshafie-hub-root .card-media { position:relative; height:208px; overflow:hidden; }
.alshafie-hub-root .card-media img, .alshafie-hub-root .card-image-fallback { width:100%; height:100%; object-fit:cover; display:block; }
.alshafie-hub-root .card-image-fallback { background:linear-gradient(135deg, rgba(255,255,255,.04), rgba(255,255,255,.12)); }
.alshafie-hub-root .card-gradient, .alshafie-hub-root .item-hero-overlay { position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.66), rgba(0,0,0,.16), transparent); }
.alshafie-hub-root .chip { position:absolute; top:16px; padding:8px 12px; border-radius:999px; font-size:12px; }
.alshafie-hub-root .chip-left { left:16px; border:1px solid rgba(255,255,255,.10); background:rgba(0,0,0,.34); }
.alshafie-hub-root .chip-right { right:16px; background:rgba(255,255,255,.9); color:#090b0f; font-weight:700; }
.alshafie-hub-root .video-tag { position:absolute; right:16px; bottom:16px; display:flex; align-items:center; gap:8px; }
.alshafie-hub-root .play-btn { width:56px; height:56px; border-radius:999px; border:1px solid rgba(255,255,255,.18); background:rgba(0,0,0,.5); color:#fff; font-size:20px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; box-shadow:0 14px 40px rgba(0,0,0,.3); }
.alshafie-hub-root .play-btn:hover { background:rgba(255,255,255,.16); transform:scale(1.03); }
.alshafie-hub-root .video-tag span { padding:10px 12px; font-size:12px; color:rgba(255,255,255,.86); }
.alshafie-hub-root .card-body { padding:18px; }
.alshafie-hub-root .card-row, .alshafie-hub-root .card-title-row, .alshafie-hub-root .item-desc-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.alshafie-hub-root .card-type { font-size:11px; text-transform:uppercase; letter-spacing:.22em; color:rgba(255,255,255,.42); }
.alshafie-hub-root .gemini { border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.08); padding:5px 10px; font-size:10px; letter-spacing:.18em; text-transform:uppercase; }
.alshafie-hub-root .card-title-row h3, .alshafie-hub-root #itemTitle { margin:0; font-size:21px; font-weight:650; letter-spacing:-.02em; }
.alshafie-hub-root .count-pill { padding:6px 10px; font-size:10px; color:rgba(255,255,255,.62); }
.alshafie-hub-root .card-desc, .alshafie-hub-root .item-desc-row p { margin:11px 0 0; font-size:14px; line-height:1.68; color:rgba(255,255,255,.66); }
.alshafie-hub-root .prompt-preview, .alshafie-hub-root .item-prompt { margin-top:14px; padding:14px 16px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.22); font-size:13px; color:rgba(255,255,255,.62); }
.alshafie-hub-root .prompt-preview { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.alshafie-hub-root .actions { display:flex; gap:10px; margin-top:18px; align-items:center; flex-wrap:nowrap; }
.alshafie-hub-root .actions.actions-1 .btn-primary, .alshafie-hub-root .actions.actions-1 .btn-muted { flex:1 1 100%; }
.alshafie-hub-root .actions.actions-2 .btn-primary, .alshafie-hub-root .actions.actions-2 .btn-muted { flex:1 1 0; }
.alshafie-hub-root .actions.actions-3 .btn-primary, .alshafie-hub-root .actions.actions-3 .btn-muted { flex:1 1 0; }
.alshafie-hub-root .btn { min-height:52px; padding:0 18px; border-radius:17px; font-size:15px; font-weight:650; border:1px solid rgba(255,255,255,.12); display:inline-flex; align-items:center; justify-content:center; text-align:center; white-space:nowrap; min-width:0; gap:8px; }
.alshafie-hub-root .btn .btn-icon-text { font-size:16px; line-height:1; opacity:.92; flex:0 0 auto; }
.alshafie-hub-root .btn .btn-label { overflow:hidden; text-overflow:ellipsis; }
.alshafie-hub-root .btn-primary { background:linear-gradient(180deg,#ffffff,#eceef5); color:#07090e; box-shadow:0 12px 28px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.8); }
.alshafie-hub-root .btn-muted { background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.05)); color:#fff; }
.alshafie-hub-root .btn-share { flex:0 0 56px; width:56px; min-width:56px; height:52px; border-radius:17px; padding:0; border:1px solid rgba(255,255,255,.10); background:linear-gradient(180deg,#22c55e,#169346); color:#fff; box-shadow:0 14px 30px rgba(22,147,70,.28); }
.alshafie-hub-root .btn-share svg { width:22px; height:22px; display:block; }
.alshafie-hub-root .btn:hover, .alshafie-hub-root .slider-nav:hover { filter:brightness(1.05); }
.alshafie-hub-root .footer { margin-top:34px; padding:26px; }
.alshafie-hub-root .footer-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; }
.alshafie-hub-root .footer h3 { margin:0; font-size:30px; font-weight:650; letter-spacing:-.03em; }
.alshafie-hub-root .footer p { margin:10px 0 0; font-size:14px; line-height:1.9; color:rgba(255,255,255,.6); }
.alshafie-hub-root .footer-label { margin-bottom:12px; font-size:12px; text-transform:uppercase; letter-spacing:.22em; color:rgba(255,255,255,.42); }
.alshafie-hub-root .overlay { position:fixed; inset:0; display:none; align-items:center; justify-content:center; padding:20px; background:rgba(0,0,0,.82); backdrop-filter:blur(12px); z-index:9999; }
.alshafie-hub-root .overlay.show { display:flex; }
.alshafie-hub-root .modal { width:100%; max-height:90vh; overflow:auto; border-radius:26px; border:1px solid rgba(255,255,255,.10); background:#101018; box-shadow:0 24px 80px rgba(0,0,0,.35); }
.alshafie-hub-root .video-modal { max-width:480px; }
.alshafie-hub-root .item-modal { max-width:820px; }
.alshafie-hub-root .modal-head { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 18px; border-bottom:1px solid rgba(255,255,255,.08); }
.alshafie-hub-root .modal-title { font-size:22px; font-weight:650; }
.alshafie-hub-root .modal-kicker { font-size:13px; color:rgba(255,255,255,.45); }
.alshafie-hub-root .close-btn { border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06); color:#fff; border-radius:999px; padding:10px 14px; cursor:pointer; }
.alshafie-hub-root .modal-body { padding:18px; }
.alshafie-hub-root .video-frame { aspect-ratio:9/16; border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:#000; }
.alshafie-hub-root .video-frame iframe { width:100%; height:100%; border:0; }
.alshafie-hub-root .item-hero { position:relative; height:260px; overflow:hidden; }
.alshafie-hub-root .item-hero img { width:100%; height:100%; object-fit:cover; }
.alshafie-hub-root .close-top { position:absolute; top:16px; right:16px; }
.alshafie-hub-root .item-hero-content { position:absolute; left:24px; bottom:24px; }
.alshafie-hub-root .item-id { display:inline-flex; margin-bottom:8px; padding:8px 12px; font-size:12px; }
.alshafie-hub-root .item-hero-content p { margin:8px 0 0; color:rgba(255,255,255,.64); }
.alshafie-hub-root .toast { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); display:none; z-index:10000; padding:12px 18px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.78); color:#fff; }
.alshafie-hub-root .slider-nav-row { display:flex; align-items:center; justify-content:center; gap:14px; margin-top:16px; }
.alshafie-hub-root .slider-dots { display:flex; align-items:center; justify-content:center; gap:8px; }
.alshafie-hub-root .slider-dot { width:8px; height:8px; border-radius:999px; border:none; padding:0; background:rgba(255,255,255,.26); cursor:pointer; }
.alshafie-hub-root .slider-dot.active { background:#fff; transform:scale(1.15); }
.alshafie-hub-root .slider-nav { width:46px; height:46px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; border:1px solid rgba(255,255,255,.14); color:#fff; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08)); box-shadow:0 12px 30px rgba(0,0,0,.28); }
@media (max-width: 767px) {
  html.alshafie-hub-page, body.alshafie-hub-page,
  body.alshafie-hub-page #page,
  body.alshafie-hub-page .site,
  body.alshafie-hub-page .site-content,
  body.alshafie-hub-page .entry-content,
  body.alshafie-hub-page .wp-site-blocks {
    overflow-x:clip !important; max-width:100vw !important;
  }
  .alshafie-hub-root .page {
    width:100% !important; max-width:100% !important; margin:0 auto !important; padding:16px 24px 34px !important;
  }
  .alshafie-hub-root .hero-shell,
  .alshafie-hub-root .section,
  .alshafie-hub-root .footer,
  .alshafie-hub-root .slider-shell,
  .alshafie-hub-root .slider-page,
  .alshafie-hub-root .card,
  .alshafie-hub-root .section-head,
  .alshafie-hub-root .section-head > div {
    width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important;
  }
  .alshafie-hub-root .hero-shell, .alshafie-hub-root .footer { border-radius:24px; }
  .alshafie-hub-root .topbar { padding:18px 14px; }
  .alshafie-hub-root .hero-content { padding:28px 14px 30px; gap:16px; }
  .alshafie-hub-root .topbar-inner,
  .alshafie-hub-root .hero-content,
  .alshafie-hub-root .search-row,
  .alshafie-hub-root .search-inner,
  .alshafie-hub-root .search-field,
  .alshafie-hub-root .search-input,
  .alshafie-hub-root .search-btn,
  .alshafie-hub-root .section-head h2,
  .alshafie-hub-root .section-head p { max-width:100% !important; width:100% !important; }
  .alshafie-hub-root .hero-title { font-size:clamp(24px, 9vw, 42px); }
  .alshafie-hub-root .hero-subtitle { font-size:16px; }
  .alshafie-hub-root .search-inner { flex-direction:column; gap:12px; }
  .alshafie-hub-root .search-btn { min-width:0; }
  .alshafie-hub-root .section { margin-bottom:34px; }
  .alshafie-hub-root .section-head { flex-direction:column; align-items:flex-start; margin-bottom:16px; }
  .alshafie-hub-root .section-head h2 { font-size:clamp(26px, 8vw, 40px); line-height:1.06; word-break:break-word; }
  .alshafie-hub-root .section-head p { text-align:left; }
  .alshafie-hub-root .tabs-wrap, .alshafie-hub-root .tabs { width:100%; }
  .alshafie-hub-root .tab-btn { flex:1 1 0; min-width:0; }
  .alshafie-hub-root .socials { gap:10px; }
  .alshafie-hub-root .slider-shell { max-width:100%; }
  .alshafie-hub-root .slider-page { padding-inline:0; }
  .alshafie-hub-root .card-media { height:188px; }
  .alshafie-hub-root .chip { top:12px; font-size:11px; padding:7px 11px; }
  .alshafie-hub-root .chip-left { left:12px; }
  .alshafie-hub-root .chip-right { right:12px; }
  .alshafie-hub-root .video-tag { right:12px; bottom:12px; }
  .alshafie-hub-root .video-tag span { display:none; }
  .alshafie-hub-root .play-btn { width:50px; height:50px; font-size:18px; }
  .alshafie-hub-root .card-body { padding:16px 14px; }
  .alshafie-hub-root .actions { gap:8px; }
  .alshafie-hub-root .btn { min-height:48px; font-size:13px; border-radius:16px; padding:0 12px; }
  .alshafie-hub-root .btn .btn-icon-text { font-size:14px; }
  .alshafie-hub-root .btn-share { flex:0 0 50px; width:50px; min-width:50px; height:48px; border-radius:16px; }
  .alshafie-hub-root .slider-nav-row { margin-top:12px; gap:12px; }
  .alshafie-hub-root .slider-nav { width:42px; height:42px; }
  .alshafie-hub-root .footer { padding:22px 18px; }
  .alshafie-hub-root .footer-grid { grid-template-columns:1fr; }
}


.alshafie-item-page-root .page{max-width:1180px;margin:0 auto;padding:36px 24px 100px;}
.alshafie-item-page-root .item-page-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
.alshafie-item-page-root .brand-pill-link{text-decoration:none;color:#fff;}
.alshafie-item-page-root .item-page-back{color:rgba(255,255,255,.82);text-decoration:none;border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.05);}
.alshafie-item-page-root .item-page-media{position:relative;min-height:420px;border-radius:32px;overflow:hidden;}
.alshafie-item-page-root .item-page-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.alshafie-item-page-root .item-page-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.72));}
.alshafie-item-page-root .item-page-hero-content{position:relative;z-index:2;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;}
.alshafie-item-page-root .item-page-kickers{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.alshafie-item-page-root .item-page-hero-content h1{margin:0;font-size:clamp(30px,5vw,50px);line-height:1.02;}
.alshafie-item-page-root .item-page-hero-content p{max-width:760px;font-size:16px;color:rgba(255,255,255,.78);}
.alshafie-item-page-root .item-page-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.alshafie-item-page-root .item-page-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);gap:20px;margin-top:24px;}
.alshafie-item-page-root .item-page-main,.alshafie-item-page-root .item-page-side{padding:24px;}
.alshafie-item-page-root .item-page-actions{margin-bottom:22px;}
.alshafie-item-page-root .item-page-prompt-box{padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);line-height:1.8;color:rgba(255,255,255,.84);}
.alshafie-item-page-root .item-page-richtext{color:rgba(255,255,255,.75);line-height:1.85;}
.alshafie-item-page-root .item-page-richtext p:first-child{margin-top:0;}
.alshafie-item-page-root .item-page-video{margin-top:10px;max-width:480px;}
.alshafie-item-page-root .item-side-list{display:grid;gap:14px;}
.alshafie-item-page-root .item-side-list div{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.alshafie-item-page-root .item-side-list strong{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.45);}
.alshafie-item-page-root .item-side-list span{color:rgba(255,255,255,.88);word-break:break-word;}
.alshafie-item-page-root .item-page-url{font-size:13px;color:rgba(255,255,255,.66);}
.alshafie-item-page-root .item-page-related{margin-top:34px;}
.alshafie-item-page-root .item-page-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.alshafie-item-page-root .item-page-related-card{cursor:pointer;}
.alshafie-item-page-root .item-page-sticky-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:9999;display:none;align-items:center;gap:12px;padding:12px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,15,.82);backdrop-filter:blur(22px);box-shadow:0 24px 60px rgba(0,0,0,.32);}
@media (max-width: 900px){.alshafie-item-page-root .item-page-content-grid{grid-template-columns:1fr;}.alshafie-item-page-root .item-page-related-grid{grid-template-columns:1fr;}}
@media (max-width: 767px){.alshafie-item-page-root .page{padding:18px 18px 110px;}.alshafie-item-page-root .item-page-topbar{flex-direction:column;align-items:flex-start;}.alshafie-item-page-root .item-page-media,.alshafie-item-page-root .item-page-hero-content{min-height:340px;}.alshafie-item-page-root .item-page-hero-content{padding:22px;}.alshafie-item-page-root .item-page-hero-content h1{font-size:clamp(26px,9vw,38px);}.alshafie-item-page-root .item-page-main,.alshafie-item-page-root .item-page-side{padding:18px;}.alshafie-item-page-root .item-page-actions{display:grid !important;grid-template-columns:1fr auto;}.alshafie-item-page-root .item-page-actions .btn-muted{grid-column:1 / -1;}.alshafie-item-page-root .item-page-sticky-bar{display:flex;width:calc(100vw - 24px);max-width:560px;}.alshafie-item-page-root .item-page-sticky-bar .btn-primary{flex:1;}}
.alshafie-item-page-root .related-reason{display:inline-flex;margin-top:10px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.06);font-size:11px;color:rgba(255,255,255,.72)}

/* ===== Apple light refinement override ===== */
html.alshafie-hub-page, body.alshafie-hub-page {
  background:#f5f5f7 !important;
}
.alshafie-hub-root{
  color:#1d1d1f;
}
.alshafie-hub-root .page{
  background:linear-gradient(180deg,#f5f5f7 0%,#fbfbfd 48%,#f2f2f5 100%);
  background-image:radial-gradient(circle at top, rgba(255,255,255,.92), transparent 34%), radial-gradient(circle at bottom right, rgba(0,113,227,.08), transparent 24%), radial-gradient(circle at left, rgba(186,186,195,.12), transparent 28%);
}
.alshafie-hub-root .hero-shell,
.alshafie-hub-root .footer,
.alshafie-hub-root .card,
.alshafie-hub-root .modal{
  border:1px solid rgba(216,216,223,.92);
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 40px rgba(17,24,39,.06), 0 2px 10px rgba(17,24,39,.03);
  backdrop-filter:blur(18px);
}
.alshafie-hub-root .topbar{
  border-bottom:1px solid rgba(220,220,228,.95);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,247,250,.78));
}
.alshafie-hub-root .brand-pill,
.alshafie-hub-root .tabs-wrap,
.alshafie-hub-root .section-count,
.alshafie-hub-root .count-pill,
.alshafie-hub-root .item-id,
.alshafie-hub-root .video-tag span,
.alshafie-hub-root .gemini,
.alshafie-hub-root .related-reason,
.alshafie-hub-root .chip-left{
  border:1px solid rgba(220,220,227,.96);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,246,248,.94));
  color:#4b5563;
}
.alshafie-hub-root .brand-pill span,
.alshafie-hub-root .hero-title,
.alshafie-hub-root .section-head h2,
.alshafie-hub-root .card-title-row h3,
.alshafie-hub-root .modal-title,
.alshafie-hub-root .footer h3,
.alshafie-item-page-root .item-page-hero-content h1,
.alshafie-item-page-root .brand-pill-link{
  color:#1d1d1f;
}
.alshafie-hub-root .brand-fallback{
  border:1px solid rgba(223,223,230,.95);
  background:linear-gradient(180deg,#fff,#f1f2f5);
  color:#1d1d1f;
  box-shadow:0 8px 24px rgba(17,24,39,.08);
}
.alshafie-hub-root .tab-btn,
.alshafie-hub-root .icon-btn,
.alshafie-hub-root .close-btn,
.alshafie-hub-root .slider-nav,
.alshafie-item-page-root .item-page-back{
  border:1px solid rgba(215,216,223,.98);
  background:linear-gradient(180deg,#ffffff,#f3f4f7);
  color:#374151;
  box-shadow:0 6px 18px rgba(17,24,39,.05);
}
.alshafie-hub-root .tab-btn.active,
.alshafie-hub-root .tab-btn:hover,
.alshafie-hub-root .icon-btn:hover,
.alshafie-hub-root .close-btn:hover,
.alshafie-hub-root .slider-nav:hover,
.alshafie-item-page-root .item-page-back:hover{
  background:linear-gradient(180deg,#ffffff,#eef3fb);
  border-color:rgba(166,199,239,.9);
  color:#0a66cc;
  transform:translateY(-1px);
}
.alshafie-hub-root .hero-subtitle,
.alshafie-hub-root .section-head p,
.alshafie-hub-root .card-desc,
.alshafie-hub-root .item-desc-row p,
.alshafie-hub-root .footer p,
.alshafie-item-page-root .item-page-hero-content p,
.alshafie-item-page-root .item-page-richtext,
.alshafie-item-page-root .item-page-url,
.alshafie-item-page-root .item-side-list span{
  color:#6e6e73;
}
.alshafie-hub-root .card-type,
.alshafie-hub-root .footer-label,
.alshafie-hub-root .modal-kicker,
.alshafie-item-page-root .item-side-list strong{
  color:#8a8a90;
}
.alshafie-hub-root .search-field svg{color:#8d8d95;}
.alshafie-hub-root .search-input{
  border:1px solid rgba(214,215,222,.98);
  background:linear-gradient(180deg,#fff,#f3f4f7);
  color:#1d1d1f;
  box-shadow:0 8px 24px rgba(17,24,39,.04), inset 0 1px 0 rgba(255,255,255,.9);
}
.alshafie-hub-root .search-input::placeholder{color:#9a9aa1;}
.alshafie-hub-root .search-input:focus{
  border-color:rgba(0,113,227,.34);
  box-shadow:0 0 0 4px rgba(0,113,227,.10), 0 10px 24px rgba(0,113,227,.08);
}
.alshafie-hub-root .search-btn,
.alshafie-hub-root .btn-primary,
.alshafie-item-page-root .btn-primary{
  color:#fff;
  border:1px solid rgba(0,96,201,.8);
  background:linear-gradient(180deg,#2997ff,#0071e3);
  box-shadow:0 10px 24px rgba(0,113,227,.22), inset 0 1px 0 rgba(255,255,255,.22);
}
.alshafie-hub-root .search-btn:hover,
.alshafie-hub-root .btn-primary:hover,
.alshafie-item-page-root .btn-primary:hover{
  background:linear-gradient(180deg,#3aa0ff,#0a7be8);
}
.alshafie-hub-root .btn,
.alshafie-hub-root .btn-muted,
.alshafie-item-page-root .btn-muted{
  border:1px solid rgba(215,216,223,.98);
  background:linear-gradient(180deg,#ffffff,#eff1f4);
  color:#1d1d1f;
}
.alshafie-hub-root .btn:hover,
.alshafie-item-page-root .btn:hover{
  background:linear-gradient(180deg,#ffffff,#edf3fb);
  border-color:rgba(166,199,239,.95);
}
.alshafie-hub-root .btn-share,
.alshafie-item-page-root .btn-share{
  border:1px solid rgba(22,163,74,.78);
  background:linear-gradient(180deg,#37d266,#1db954);
  box-shadow:0 10px 20px rgba(29,185,84,.20);
}
.alshafie-hub-root .card{
  box-shadow:0 16px 40px rgba(17,24,39,.05), 0 2px 8px rgba(17,24,39,.03);
}
.alshafie-hub-root .card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 50px rgba(17,24,39,.08), 0 4px 10px rgba(17,24,39,.04);
}
.alshafie-hub-root .card-gradient,
.alshafie-hub-root .item-hero-overlay{
  background:linear-gradient(to top, rgba(255,255,255,.92), rgba(255,255,255,.14), transparent 60%);
}
.alshafie-hub-root .chip-right{
  background:linear-gradient(180deg,#ffffff,#f1f5fb);
  color:#0a66cc;
  border:1px solid rgba(166,199,239,.95);
}
.alshafie-hub-root .play-btn{
  border:1px solid rgba(214,215,223,.95);
  background:rgba(255,255,255,.94);
  color:#0a66cc;
  box-shadow:0 10px 24px rgba(17,24,39,.10);
}
.alshafie-hub-root .play-btn:hover{
  background:#fff;
}
.alshafie-hub-root .prompt-preview,
.alshafie-hub-root .item-prompt,
.alshafie-item-page-root .item-page-prompt-box{
  border:1px solid rgba(223,223,230,.95);
  background:linear-gradient(180deg,#fbfbfd,#f2f3f6);
  color:#4b5563;
}
.alshafie-hub-root .overlay{
  background:rgba(245,245,247,.62);
  backdrop-filter:blur(10px);
}
.alshafie-hub-root .video-frame{background:#f5f5f7;border:1px solid rgba(220,220,228,.95);}
.alshafie-hub-root .toast{
  border:1px solid rgba(220,220,228,.95);
  background:rgba(255,255,255,.96);
  color:#1d1d1f;
  box-shadow:0 10px 30px rgba(17,24,39,.08);
}
.alshafie-hub-root .slider-dot{background:rgba(142,142,147,.32);}
.alshafie-hub-root .slider-dot.active{background:#0071e3;}
.alshafie-hub-root .modal-head{border-bottom:1px solid rgba(226,226,232,.95);}
.alshafie-item-page-root .item-page-sticky-bar{
  border:1px solid rgba(220,220,228,.95);
  background:rgba(255,255,255,.86);
  box-shadow:0 20px 50px rgba(17,24,39,.10);
}


/* ===== Apple System UI refresh ===== */
.alshafie-hub-page,
.alshafie-hub-page body,
body.alshafie-hub-page{
  background:#ececf1 !important;
}
.alshafie-hub-root{
  color:#1d1d1f !important;
}
.alshafie-hub-root .page{
  background:#ececf1 !important;
  background-image:none !important;
}
.alshafie-hub-root .hero-shell,
.alshafie-hub-root .footer,
.alshafie-hub-root .card,
.alshafie-hub-root .modal,
.alshafie-hub-root .exact-match,
.alshafie-hub-root .slider-shell{
  background:#ffffff !important;
  border:1px solid #d7d7dc !important;
  box-shadow:0 8px 26px rgba(15,23,42,.05), 0 2px 8px rgba(15,23,42,.03) !important;
  backdrop-filter:none !important;
}
.alshafie-hub-root .topbar{
  background:#f7f7f9 !important;
  border-bottom:1px solid #e0e0e5 !important;
}
.alshafie-hub-root .brand-pill,
.alshafie-hub-root .tabs-wrap,
.alshafie-hub-root .section-count,
.alshafie-hub-root .count-pill,
.alshafie-hub-root .item-id,
.alshafie-hub-root .video-tag span,
.alshafie-hub-root .gemini,
.alshafie-hub-root .chip,
.alshafie-hub-root .footer-label{
  background:#f5f5f7 !important;
  border:1px solid #ddddE3 !important;
  color:#1d1d1f !important;
}
.alshafie-hub-root .brand-fallback{
  background:#f5f5f7 !important;
  border:1px solid #d7d7dc !important;
  color:#1d1d1f !important;
  box-shadow:none !important;
}
.alshafie-hub-root .brand-pill span,
.alshafie-hub-root .hero-title,
.alshafie-hub-root .section-head h2,
.alshafie-hub-root .card-title,
.alshafie-hub-root .item-page-hero-content h1,
.alshafie-hub-root .modal-head h3,
.alshafie-hub-root .item-page-back{
  color:#1d1d1f !important;
}
.alshafie-hub-root .hero-subtitle,
.alshafie-hub-root .section-head p,
.alshafie-hub-root .card-desc,
.alshafie-hub-root .item-desc-row p,
.alshafie-hub-root .footer p,
.alshafie-hub-root .item-page-hero-content p,
.alshafie-hub-root .exact-match .type,
.alshafie-hub-root .card-type,
.alshafie-hub-root .modal-kicker{
  color:#6e6e73 !important;
}
.alshafie-hub-root .tab-btn,
.alshafie-hub-root .icon-btn,
.alshafie-hub-root .search-btn,
.alshafie-hub-root .close-btn,
.alshafie-hub-root .slider-nav,
.alshafie-hub-root .btn-muted{
  background:#f5f5f7 !important;
  border:1px solid #d7d7dc !important;
  color:#1d1d1f !important;
  box-shadow:none !important;
}
.alshafie-hub-root .tab-btn.active,
.alshafie-hub-root .tab-btn:hover,
.alshafie-hub-root .icon-btn:hover,
.alshafie-hub-root .search-btn:hover,
.alshafie-hub-root .close-btn:hover,
.alshafie-hub-root .slider-nav:hover,
.alshafie-hub-root .btn-muted:hover{
  background:#ebebf0 !important;
  transform:translateY(-1px);
}
.alshafie-hub-root .search-field svg{
  color:#8e8e93 !important;
}
.alshafie-hub-root .search-input{
  background:#ffffff !important;
  border:1px solid #d2d2d7 !important;
  color:#1d1d1f !important;
  box-shadow:none !important;
}
.alshafie-hub-root .search-input::placeholder{
  color:#8e8e93 !important;
}
.alshafie-hub-root .search-input:focus{
  border-color:#0071e3 !important;
  box-shadow:0 0 0 4px rgba(0,113,227,.10) !important;
}
.alshafie-hub-root .search-btn,
.alshafie-hub-root .btn-primary{
  background:#0071e3 !important;
  border-color:#0071e3 !important;
  color:#ffffff !important;
}
.alshafie-hub-root .search-btn:hover,
.alshafie-hub-root .btn-primary:hover{
  background:#0067d8 !important;
  border-color:#0067d8 !important;
}
.alshafie-hub-root .btn-share{
  background:#25D366 !important;
  border-color:#21b95a !important;
  color:#ffffff !important;
  box-shadow:none !important;
}
.alshafie-hub-root .btn-share:hover{
  background:#20bf5b !important;
}
.alshafie-hub-root .card{
  background:#ffffff !important;
}
.alshafie-hub-root .card:hover{
  box-shadow:0 14px 30px rgba(15,23,42,.07), 0 4px 10px rgba(15,23,42,.03) !important;
}
.alshafie-hub-root .card-image-fallback{
  background:#f5f5f7 !important;
}
.alshafie-hub-root .card-gradient,
.alshafie-hub-root .item-hero-overlay,
.alshafie-hub-root .item-page-overlay{
  background:linear-gradient(to top, rgba(17,17,17,.40), rgba(17,17,17,.10), transparent) !important;
}
.alshafie-hub-root .chip-left{
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  color:#1d1d1f !important;
}
.alshafie-hub-root .chip-right{
  background:#ffffff !important;
  color:#1d1d1f !important;
  border:1px solid #d7d7dc !important;
}
.alshafie-hub-root .play-btn{
  background:rgba(255,255,255,.94) !important;
  color:#1d1d1f !important;
  border:1px solid #d7d7dc !important;
}
.alshafie-hub-root .play-btn:hover{
  background:#ffffff !important;
}
.alshafie-hub-root .prompt-preview,
.alshafie-hub-root .item-prompt,
.alshafie-hub-root .item-page-copy-block pre,
.alshafie-hub-root .item-page-copy-block code{
  background:#f7f7f9 !important;
  border:1px solid #e1e1e6 !important;
  color:#1d1d1f !important;
}
.alshafie-hub-root .modal{
  background:#ffffff !important;
}
.alshafie-hub-root .modal-head{
  border-bottom:1px solid #e5e5ea !important;
}
.alshafie-hub-root .video-frame{
  background:#f5f5f7 !important;
  border:1px solid #d7d7dc !important;
}
.alshafie-hub-root .toast{
  background:rgba(29,29,31,.92) !important;
  color:#ffffff !important;
  border:none !important;
}
.alshafie-hub-root .slider-dot{
  background:#c7c7cc !important;
}
.alshafie-hub-root .slider-dot.active{
  background:#1d1d1f !important;
}
.alshafie-hub-root .section-num.num-cyan,
.alshafie-hub-root .section-num.num-gray,
.alshafie-hub-root .section-num.num-emerald{
  background:#f5f5f7 !important;
  color:#1d1d1f !important;
  border:1px solid #d7d7dc !important;
}


/* ===== v26.5 refinement: remove unnecessary boxes ===== */

/* section number should be text only, not boxed */
.alshafie-hub-root .section-num,
.alshafie-hub-root .section-num.num-cyan,
.alshafie-hub-root .section-num.num-gray,
.alshafie-hub-root .section-num.num-emerald{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  min-width:auto !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  color:#8e8e93 !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  display:block !important;
  margin-bottom:10px !important;
}

/* remove extra boxed shell behind card groups/sliders */
.alshafie-hub-root .slider-shell,
.alshafie-hub-root .slider-shell.has-controls{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* remove any extra background wrapper around section content */
.alshafie-hub-root .section{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* keep cards clean and standalone */
.alshafie-hub-root .card{
  border:1px solid #e1e1e6 !important;
  box-shadow:0 6px 18px rgba(15,23,42,.04), 0 1px 4px rgba(15,23,42,.02) !important;
}

/* calmer card hover */
.alshafie-hub-root .card:hover{
  box-shadow:0 10px 24px rgba(15,23,42,.06), 0 2px 6px rgba(15,23,42,.03) !important;
  transform:translateY(-2px) !important;
}

/* section header spacing refinement */
.alshafie-hub-root .section-head{
  margin-bottom:18px !important;
}

/* make item count lighter and less boxed visually */
.alshafie-hub-root .section-count{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  color:#8e8e93 !important;
  font-weight:600 !important;
}


/* ===== v26.6 premium layout refinement ===== */
.alshafie-hub-root .page{
  width:min(100%, 1240px) !important;
  padding:36px 24px 72px !important;
}
.alshafie-hub-root .hero-shell{
  border-radius:34px !important;
  overflow:hidden !important;
  margin-bottom:54px !important;
}
.alshafie-hub-root .topbar{
  padding:24px 24px !important;
}
.alshafie-hub-root .topbar-inner{
  max-width:860px !important;
  gap:20px !important;
}
.alshafie-hub-root .hero-content{
  max-width:860px !important;
  gap:22px !important;
  padding:46px 26px 50px !important;
}
.alshafie-hub-root .hero-title{
  font-size:clamp(38px, 5.4vw, 64px) !important;
  letter-spacing:-.055em !important;
  line-height:.96 !important;
  font-weight:700 !important;
}
.alshafie-hub-root .hero-subtitle{
  max-width:760px !important;
  font-size:clamp(18px, 1.9vw, 21px) !important;
  line-height:1.65 !important;
}
.alshafie-hub-root .brand-pill{
  padding:10px 15px !important;
  gap:10px !important;
}
.alshafie-hub-root .brand-pill span{
  font-size:13px !important;
  letter-spacing:.01em !important;
}
.alshafie-hub-root .tabs-wrap{
  padding:4px !important;
}
.alshafie-hub-root .tabs{
  gap:6px !important;
}
.alshafie-hub-root .tab-btn{
  border:none !important;
  background:transparent !important;
  padding:10px 16px !important;
  color:#6e6e73 !important;
  font-weight:600 !important;
}
.alshafie-hub-root .tab-btn.active,
.alshafie-hub-root .tab-btn:hover{
  background:#ffffff !important;
  color:#1d1d1f !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 16px rgba(15,23,42,.05) !important;
}
.alshafie-hub-root .socials{
  gap:10px !important;
}
.alshafie-hub-root .icon-btn{
  border:none !important;
  background:transparent !important;
}
.alshafie-hub-root .icon-btn:hover{
  background:#ffffff !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 8px 16px rgba(15,23,42,.05) !important;
}
.alshafie-hub-root .search-row{
  width:100% !important;
  margin-top:4px !important;
}
.alshafie-hub-root .search-inner{
  max-width:840px !important;
  gap:12px !important;
}
.alshafie-hub-root .search-field{
  border-radius:24px !important;
}
.alshafie-hub-root .search-input{
  min-height:60px !important;
  padding:18px 20px 18px 50px !important;
  font-size:16px !important;
  border-radius:24px !important;
}
.alshafie-hub-root .search-btn{
  min-width:168px !important;
  min-height:60px !important;
  border-radius:24px !important;
  font-weight:700 !important;
  box-shadow:0 12px 22px rgba(0,113,227,.18) !important;
}
.alshafie-hub-root .exact-match{
  margin-top:4px !important;
  padding:16px 18px !important;
  border-radius:22px !important;
}
.alshafie-hub-root .section{
  margin-top:0 !important;
  margin-bottom:76px !important;
}
.alshafie-hub-root .section-head{
  align-items:end !important;
  margin-bottom:26px !important;
}
.alshafie-hub-root .section-heading-group{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}
.alshafie-hub-root .section-num{
  color:#8e8e93 !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  margin-bottom:2px !important;
}
.alshafie-hub-root .section-head h2{
  font-size:clamp(28px, 3.5vw, 40px) !important;
  font-weight:700 !important;
  letter-spacing:-.05em !important;
  line-height:1.02 !important;
  margin:0 !important;
}
.alshafie-hub-root .section-head p{
  margin:8px 0 0 !important;
  max-width:700px !important;
  font-size:15px !important;
  line-height:1.7 !important;
}
.alshafie-hub-root .section-count{
  font-size:13px !important;
  color:#8e8e93 !important;
  font-weight:600 !important;
}
.alshafie-hub-root .grid.items-3{
  gap:22px !important;
}
.alshafie-hub-root .card{
  border:none !important;
  border-radius:26px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-shadow:0 8px 26px rgba(15,23,42,.05), 0 2px 8px rgba(15,23,42,.03) !important;
}
.alshafie-hub-root .card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 14px 34px rgba(15,23,42,.08), 0 4px 10px rgba(15,23,42,.04) !important;
}
.alshafie-hub-root .card-media{
  border-radius:0 !important;
}
.alshafie-hub-root .card-gradient{
  background:linear-gradient(to top, rgba(17,17,17,.46), rgba(17,17,17,.10), transparent) !important;
}
.alshafie-hub-root .card-body{
  padding:18px 18px 20px !important;
}
.alshafie-hub-root .card-type{
  font-size:10px !important;
  letter-spacing:.16em !important;
  color:#8e8e93 !important;
}
.alshafie-hub-root .card-title{
  font-size:22px !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
  margin-top:2px !important;
}
.alshafie-hub-root .card-desc,
.alshafie-hub-root .item-desc-row p{
  font-size:14px !important;
  line-height:1.68 !important;
  margin-top:10px !important;
}
.alshafie-hub-root .count-pill,
.alshafie-hub-root .item-id,
.alshafie-hub-root .video-tag span,
.alshafie-hub-root .gemini{
  border:none !important;
  background:#f5f5f7 !important;
  box-shadow:none !important;
}
.alshafie-hub-root .actions{
  gap:10px !important;
}
.alshafie-hub-root .btn,
.alshafie-hub-root .btn-share{
  min-height:50px !important;
  border-radius:18px !important;
  font-weight:650 !important;
}
.alshafie-hub-root .btn-muted{
  border:none !important;
}
.alshafie-hub-root .btn-primary{
  box-shadow:0 12px 22px rgba(0,113,227,.16) !important;
}
.alshafie-hub-root .btn:active,
.alshafie-hub-root .tab-btn:active,
.alshafie-hub-root .search-btn:active,
.alshafie-hub-root .icon-btn:active,
.alshafie-hub-root .btn-share:active{
  transform:scale(.98) !important;
}
.alshafie-hub-root .footer{
  border-radius:30px !important;
  padding:28px !important;
}
.alshafie-hub-root .footer-label{
  background:transparent !important;
  padding:0 !important;
  border:none !important;
  color:#8e8e93 !important;
  letter-spacing:.16em !important;
}
.alshafie-hub-root .item-page-topbar{
  margin-bottom:22px !important;
}
.alshafie-hub-root .item-page-back{
  color:#6e6e73 !important;
  text-decoration:none !important;
  font-weight:600 !important;
}
.alshafie-hub-root .item-page-hero{
  margin-bottom:28px !important;
}
.alshafie-hub-root .item-page-hero-content{
  padding:28px !important;
}
.alshafie-hub-root .item-page-hero-content h1{
  font-size:clamp(34px, 5vw, 54px) !important;
  line-height:1.02 !important;
  letter-spacing:-.05em !important;
}
.alshafie-hub-root .item-page-content-grid{
  gap:24px !important;
}
.alshafie-hub-root .modal{
  border-radius:30px !important;
}
.alshafie-hub-root .modal-head{
  padding:18px 20px !important;
}
.alshafie-hub-root .slider-nav{
  border:none !important;
  background:#ffffff !important;
  box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
}
.alshafie-hub-root .slider-dots{
  margin-top:18px !important;
}
.alshafie-hub-root .slider-dot{
  width:7px !important;
  height:7px !important;
}
@media (max-width: 900px){
  .alshafie-hub-root .page{
    padding:22px 16px 56px !important;
  }
  .alshafie-hub-root .hero-shell{
    margin-bottom:42px !important;
    border-radius:28px !important;
  }
  .alshafie-hub-root .hero-content{
    padding:34px 18px 36px !important;
  }
  .alshafie-hub-root .search-inner{
    grid-template-columns:1fr !important;
  }
  .alshafie-hub-root .search-btn{
    width:100% !important;
  }
  .alshafie-hub-root .section{
    margin-bottom:56px !important;
  }
  .alshafie-hub-root .section-head{
    margin-bottom:20px !important;
  }
  .alshafie-hub-root .grid.items-3{
    gap:16px !important;
  }
  .alshafie-hub-root .card-title{
    font-size:20px !important;
  }
}


/* ===== v26.7 admin view fix + not found layout ===== */
.alshafie-hub-root .alshafie-not-found-hero{
  min-height:340px;
  display:flex;
  align-items:flex-end;
}
.alshafie-hub-root .alshafie-not-found-hero .item-page-hero-content{
  width:100%;
}
.alshafie-hub-root .alshafie-not-found-card .actions{
  margin-top:18px;
}
.alshafie-hub-root .alshafie-not-found-card .btn{
  text-decoration:none;
}


/* ===== v27.0 item page socials + clean header ===== */
.alshafie-hub-root .item-page-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.alshafie-hub-root .item-page-topbar-right{
  display:flex;
  align-items:center;
  gap:12px;
}
.alshafie-hub-root .item-page-socials{
  display:flex;
  align-items:center;
  gap:10px;
}
.alshafie-hub-root .item-page-socials .icon-btn{
  width:42px;
  height:42px;
}
@media (max-width: 768px){
  .alshafie-hub-root .item-page-topbar{
    flex-direction:column;
    align-items:flex-start;
  }
  .alshafie-hub-root .item-page-topbar-right{
    width:100%;
    justify-content:space-between;
  }
}


/* ===== v27.4.1 safely hide related section on item pages ===== */
.alshafie-hub-root .item-page-related,
.alshafie-hub-root .related-section,
.alshafie-hub-root .you-may-also-like{
  display:none !important;
}